:root{
    --stroke-width-thick:0.15vw!important;
    --stroke-width-thin:0.13vw!important;
    --stroke-width-spielplan:0.13vw!important;
}

@media screen and (max-width: 720px){
    :root{

        --stroke-width-spielplan:0.45vw!important;
    }
    
}

body * {
    stroke-linecap:round;
} 


.accessibility-info__close * path, .ecard__responde__close__container__button * path, .ecard__ui_close__button * path, .ecard__resume * path,.link-to-event.animate-me>h1>svg>g.click--letter *, .link-to-ecard * svg * rect, .link-to-ecard * svg * path, .link-to-ecard * svg * line, .ecard__close * path, .ecard__submit * path, .note__form__link>svg>g>path,.social-icons * path,#accessibility-arrow>svg * path,.accessibility>div>svg>g>path,.nav-button-help>svg:nth-child(2)>path,#arrow-top>a>svg * path,span.next>svg>g>g>path,span.back>svg>g>g>path,.icon_image>svg>g>path,.social-icons>a>svg *,.link-to-event * svg *,.arrow-link>span>svg>line,.arrow-link>span>svg>polyline,.arrow-category-back>svg>g>path,.arrow-category>svg>g>path,.slider_arrows>a>svg>g>path,.arrow-down>svg>g>path,.cookie-modal__check>svg>path,.counter-underline>svg>path,.search-mobil>svg>g>g>path,.social-icons>a>svg>g>g>path,.social-icons>a>svg>g>path,section svg>path,.one-grid-center>span>h1>svg>path,#abos>article>div>svg>path,#actor-search>svg>path,#actor-search>span>svg>g>g>path,.search-close>svg>g>path,.nav-back-arrow,#actor-search>span>svg>g>g>path,.location-menu-arrow>svg>g>path,.filter-search>svg>g>g>path,.close_icon>svg>g>path,.slider-point>svg>path,.h-underline>span>svg>path,#spielplan.preview>.link-container>a>svg>path,.link-container>a>svg>path,.handdrawn-circle>svg>path,#abos>article>svg>path,.actor-name>span>span>svg>path,#zu-sehen-in>h2>svg>path,.line>svg>path,.same-stroke,.select-arrow>svg>g>path,.nav-button>svg>g>g>path,.nav-button-help>svg>g>g>path,.social-nav>div *{stroke-width:var(--stroke-width-thick)!important;}
#accessibility-info>svg * path,.accessibility>a:first-child>svg:last-of-type>path,#accessibility-options>span>svg>g>path,.accessibility>div>a>svg>path, .arrow-link>svg>polyline,.arrow-link>svg>line,.arrow-link * svg>polyline,.arrow-link * svg>line,.arrow-back-menu>svg>g>path,.cookie-modal__buttons>.link-container.lc_left.lc_m>a>svg>path,.depth-1>a>span>svg>path,.depth-1>span>svg>g,.circle>svg>path,.accessibility>a>svg>g>g>path{stroke-width:var(--stroke-width-thin)!important;}

#parent-back-arrow>a>svg>g>path,.icon_image>svg>g>#Stroke-1,.icon_image>svg>g>#Stroke-3{stroke-width:var(--stroke-width-spielplan)!important; stroke-linecap: square;}
.icon_image>svg>g>.st1{stroke: none;}



path{fill: none;stroke: black;}

.h-underline>span>svg>path{transition: 1s ease;}
.h-underline>span>svg>path{stroke: black;}
.h-underline{overflow: hidden;display: compact;}

#spielplan.preview>.link-container>a>svg>path,.link-container * path{stroke: black!important;}

.handdrawn-circle{
    width: 100%;
text-align: center;
display: inline;
position: relative;
}

#abos>article>div>svg>path{stroke:black}

.show_underline{opacity: 1!important; transition:1s ease ;}

.link-container>a>svg>path{transition: 1s ease;}

/*Animtion*/
.a-draw{
   
    fill:none;
    animation: a-draw 2s ease infinite;
}

.a-draw-end{fill:none;}


.a-draw:hover{transform: rotate(1deg);}

@keyframes a-draw{

    0%{ stroke-dashoffset:0%;}
    50%{transform:rotate(1deg); transform-origin: 100%;}
    100%{ stroke-dashoffset:320%;}
}




@media screen and (min-width: 1280px){


    :root{
        --stroke-width-thick:0.14vw!important;
        --stroke-width-thin:0.10vw!important;
    
    }

}

@media screen and (max-width: 720px){
   
   
    :root{
        --stroke-width-thick:0.44vw!important;
        --stroke-width-thin:0.44vw!important;
    
    }



}