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

/*0 Varianlen, globale Werte für Schrift und Abstände */  

/*0 Varianlen, globale Werte für Schrift und Abstände */  

/*0 Varianlen, globale Werte für Schrift und Abstände */  

:root{ 

        --ratio: 0.7;

        --reverse-ratio: 2;

        --font-size-normal: 6.0vw;

        --font-size-small: calc(var(--ratio) * var(--font-size-normal));

        --font-size-normal-3: 6.7vw;

        --font-size-small-3: calc(var(--gain) * ((var(--ratio)/0.95) * var(--font-size-normal-3)));

        --font-size-smaller-3: 4.8vw;

        --font-size-cookietext: 5.6vw;

        --header-max-height: 12vw;

        --body-padding: 5vw;

        --font-size-menu: 9vw;

    }



body * :focus{outline: none;}

/*1 Schrifteinstellugen */

/*1 Schrifteinstellugen */

/*1 Schrifteinstellugen */

.paragraph__small{padding-top: 0vw!important;padding-bottom: 0vw!important;}

.paragraph__small * {text-decoration:underline!important;} 

.paragraph__small, .paragraph__small * {font-size: calc(var(--font-size-normal-3) * 0.36 )!important; line-height: 1.3!important; }


body{font-size:var(--font-size-normal)!important;letter-spacing: -0.01vw;background-color: white!important;}

p.serif{font-family: sangbleu!important;}

p.sans{font-family: neuehaasunicapro!important;line-height: 2.4vw;}

p.footnote{font-family: monospace!important;}

body{font-family: neuehaasunicapro!important;}

p>span{font-family: sangbleu!important;}

p.mono{font-family: monospace!important;}

p.textindent{text-indent: 0;}

form * {font-size: var(--font-size-normal);} 

label{font-size: var(--font-size-normal);}

header * {font-size:var(--font-size-small);} 

/*Auszeichnungen*/

u, strong, em, .underline {

    background-size: auto; 

    background-repeat: repeat no-repeat;

    background-position: 50% 94%;

    padding-bottom: 0;}

/*Verlinkung*/

/* a{font-size: 1em!important;} */

.arrow-link>span>svg{max-width: none;

max-height: none;

height: 6.2vw;

width: 3.5vw;}

.h-underline>span{margin-top: -3vw;right:auto;} /*obsolet*/

/* svg tweaks */

#spielplan > div.link-container.lc_left > div > a > svg { max-height: 15.7vw;}

#downloads * .link-container * svg {
    max-height: 11.6vw;
    min-height: 3.6vw;
    }
#downloads>article{
    padding-left: 0;
    padding-right: 0;
}
#downloads{
width: 100vw;
min-width: 100vw;
padding: 0!important;    
}

.st0{stroke:black!important}

.circle>svg {

    /* transform: translateX(-13%) translateY(2%); */

    /* transform: none; */

    max-height: 14.3vw;

 }

 

#spielplan.preview>.link-container>a>svg{position: absolute;/*transform: translateX(-25%)translateY(-25%);*/ transform: translateX(-50%) translateY(-50%); width: 50%;}

            /* svgs in filter */

#spielplan>.link-container {margin-top: 5vw;padding-bottom: 6.1vw;}

#spielplan.preview>.link-container>a>svg, .link-container>a>svg {max-height: none;}

.nav-open .circle>svg {

    /* transform: translateX(-13%) translateY(12%); */

}

header * .line>svg{

    transform: translateY(100%);

}

/* .nav-open .draw-line>svg {transform: translateX(-13%) translateY(2%);} */

/* Spielstätten */

/* Map */

.gmap-container>span>div>ul>li {margin-left: 0;padding-left: 3vw;}

.gmap-container>span * {font-size:var(--font-size-normal);top: 1.3vw;}

.gmap-container>span>div { width: 100%; position: relative;

  margin-left: -2vw;}

  .gmap-container>span { display: block;padding-bottom: 7vw;}

.location-menu {height:calc(var(--font-size-normal-3) * 1.28); margin-left: -3vw; right: 30vw;  }

.gmap-container > span > div > ul > li {text-align: left;}

.gmap-container > span > p {padding-top: 7vw;padding-bottom: 10vw;}

section.gmap-container {height: auto;width: auto;

padding: 0 var(--body-padding) 0 var(--body-padding)!important;width: 90vw;min-width: 90vw;}

.location-menu-arrow {

    right: -2vw;

}

.mapboxgl-ctrl-bottom-right {

   display: none;

}

/* Map Menü */

.location-menu>li:nth-child(2) {margin-top: 2.1vw;}

section.gmap-container{height: auto;}

div.gmap{width: 100vw;margin-left: -5vw;}

.gmap-container>span>div>ul{padding-right: var(--body-padding);}

/* COOKIE BANNER PLUGIN */

.cookie-modal__text .arrow-link>span>svg {
    height: unset;
    }

.cookie-modal__buttons>.link-container.lc_left.lc_m>a>svg {

/* 

    transform: translateY(40.6%) translateX(-52%)!important; */

}

.cookie-modal__buttons>.link-container {

    width: min-content;



}

.cookie-modal__content {

    display: block!important;

    left: 0!important;

    width: 90vw;

    padding: 5vw 5vw 5vw 5vw!important;

    max-height: none!important;

}

.cookie-modal__check {

    height: 5vw!important;

    width: 5vw!important;

    margin-left: 0vw;

}

.cookie-modal__label {

    margin-left: 2vw;

}

.cookie-modal__checkbox {

    width: 5vw!important;

    margin-left: 0vw!important;

    height: 5vw!important;

    }

.cookie-modal__content>div {

justify-content: space-between!important;

justify-items: center!important;

        padding-bottom: 5vw;

}

.cookie-modal__content>span>h3 {

    word-break: keep-all;

    font-weight: normal;

    font-size: calc(var(--font-size-cookietext) * 0.8 )!important; ;

    }

.cookie-modal__text{

    max-height: none!important;

    max-width: none!important;

    font-size: var(--font-size-cookietext)!important;

}

.cookie-modal__content * {

    font-size: var(--font-size-normal-3)!important;

}

.cookie-modal__options{
margin-left: -1vw;
}

.cookie-modal__options>span {

    margin-top: 0%;

    }

.cookie-modal__content>span,.cookie-modal__content>div{

    padding-bottom: 5vw;

}

.cookie-modal__buttons>.link-container.lc_left.lc_m>a>svg {

    max-height: 12.2vw;

    min-height: 12.2vw;

    width: 112%;

}



.cookie-modal__buttons{

    display: block;

    width: 100vw;

    margin-left: -5vw;

}

.cookie-modal__buttons>div{



    margin: auto!important;

}

.cookie-modal__check,.cookie-modal__checkbox{

    width: 12vw!important;

    height: 12vw!important;

}



.cookie-modal__content>span{

    display: block;

}

/* STATES */

/* STATES */

/* STATES */

.hidden{display: flex!important;visibility: visible;}

/* GRIDS | GRIDS |GRIDS */

/* DREISPALTER | DREISPALTER | DREISPALTER */

/*im Flexgrid*/

.v-2-grid{grid-auto-rows: max-content;grid-row-gap: 4vw;}

.flex-grid,.two-grid-column,.three-grid,.two-grid-flex,.two-grid-center,.one-grid-center,.two-grid-column-full{

padding-top: 7vw;}

.flex-grid * figure{display: flex;justify-content: center;}

.four-grid{grid-template-columns: repeat(2, 1fr); margin-top: 5vw;}

.flex-grid>div{height: auto;}

.one-grid-center-left {

display: grid;

display: block;

min-width: auto!important;

width: auto;

padding-left: auto; 

padding-right:auto; 

}

.two-grid-column-full {

grid-auto-flow:unset; 

padding-bottom: 8vw;

columns:1;

column-fill:unset;

}

.three-grid-flex{

grid-column-gap:   6vw;

grid-template-columns: repeat(1, 1fr);  

justify-content: center;

justify-items: center;

}

.three-grid{columns: 1;}

.flex-grid{display: block;}

.one-grid-column{width:100vw; float: none;}

/* 

.two-grid-column{grid-auto-flow: column; columns:auto; width: 88vw;padding-top: 6vw!important;} 

*/

.two-grid-column{grid-auto-flow: column; columns:auto; width: 90vw;padding: 5vw var(--body-padding) 0vw var(--body-padding) !important;}

.two-grid-flex { grid-template-columns: repeat(1, 1fr); padding:5vw var(--body-padding) 0vw var(--body-padding) !important;}

.two-grid-flex { flex-flow: column; display: flex;}

.two-grid-flex.column-reverse{flex-flow: column-reverse;}

.two-grid-flex>div{padding: 0!important;}

article.flex-grid{display: block;}

.flex-grid>div {width: 100%!important;padding: 0;}

.two-grid-flex>div>h2 {

    max-width: 100%;

}

.two-grid-flex>div>p {

    max-width: 100%;

}

.poster__link__text{

    padding-top: 2vw;

    padding-bottom:12vw;
  }


.event-preview-grid{ 

max-height: none;

overflow: hidden;

display: grid; 

grid-template-columns:0.615fr 1.6fr; 

grid-template-rows: 1fr 1fr 1fr; 

gap: 0px 0px; 

grid-template-areas: 

". ."

". ."

". ."; 

padding-bottom: 0.4vw!important;

}

.article-more-infos {

    padding-top: 1vw;

}

.event-description {

    margin-left: 7vw;

}

/* UNTERSEITEN */

/* UNTERSEITEN */

/* UNTERSEITEN */

/* Menschen */

/* Sitemap */

.flex-grid.three-columns>ol{
padding: 0!important;
}
.flex-grid.three-columns>ol * ol{
    padding-left: 7vw;
}

/* Actor, Staff, Gäste */

.round-crop-image {

    width: 60vw;

    height: 60vw;

    border-radius: 30vw;

}

#actor-slider>div>#actor-slide{

    padding: 0 0 0 0 !important;

    width: 100vw;

    min-width: 100vw;

    height: auto !important;

    margin-bottom: 10vw;

}

#actor-slider>div>#gaeste-lide{

    padding: 0 var(--body-padding) 0 var(--body-padding) !important;

    width: 90vw;

    min-width: 90vw;

    height: auto !important;

    margin-bottom: 10vw;

}

#actor-slider>div>#team-slide{

    padding: 0 var(--body-padding) 0 var(--body-padding) !important;

    width: 90vw;

    min-width: 90vw;

    height: auto !important;

}

#actor-slider{

    background-color: #f8f8f8;

    margin-bottom: 10vw;

}

    

.actor-opacity{display: block!important;}

.actor-hide{display: none; opacity: 1!important;}

.no-img * {color: #000!important}

.actors>span{padding-bottom: calc(var(--font-size-normal) * 1)!important; }

.actors>a>article {

grid-gap: 5vw;

width: 87.5vw;

height: 87.5vw;

padding-bottom: 30vw;

}

.actor-menu {

    height: 20vw;

    padding-bottom: 22vw!important;

    width: 90vw;

    padding-right: var(--body-padding)!important;

    min-width: auto;

}

.actor-menu>.link-container{

    margin: 4vw;

}

.actor-menu>.link-container.lc_left.lc_m>a>svg {

    height: 100%;

    width: 130%;

    height: 150%;

    /* transform: translateY(-20%) translateX(-15%)!important; */

    }

.actor-menu-search {padding-bottom: 14vw!important}

/* NAVIGATION */

/* NAVIGATION */

/* NAVIGATION */

li.hidden{display: flex;}

.social {

    padding-top: 11vw!important;

padding-bottom: 20vw!important;

}

header.current-active{

    display: unset!important;
    position: fixed;

}

.current-active{width: 100vw;

background-color: transparent;

display: flex;

color: black;

padding-right: 0;

position: relative;

z-index: 2;}    

nav > ul > li > nav > ul > li, nav > ul > li{ 

    padding: 3.1vw 0 0vw 0;

} 

header>nav{overflow: scroll; max-height: calc(100vh - 9.5vw);}


header>span>div{display: block;  cursor:pointer; margin-left: 5vw;margin-right: 5vw; }

header>nav{background-color:#eee;height:auto;width: 100vw;height: auto;margin-left: 0!important; padding-bottom: 0!important;margin-top: -100vh;opacity: 0!important; border-bottom: 1px solid #bbb;padding-top: 18vw;
    overflow-x: hidden;
    max-width: 100vw;}

.depth-1>nav {

     width: unset; 

    }

header>nav>ul{margin-left:0!important;}

nav>ul{margin-left:0!important;}

header>nav>ul>li{display: flex;

    width: 100vw;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    transform: translateX(0vw)!important;}

header>nav>ul>li>span{display: none!important;}

/* .nav-open>ul>li>a{font-size: var(--font-size-normal) }

.nav-open>ul>li>a>span{font-size: var(--font-size-normal) } */

header>nav * {font-size:var(--font-size-menu) !important;}

     

header>span{  display: flex;

background-color: white;

width: 100vw;

z-index: 999;

position: fixed;

align-items: stretch;

align-content: space-between;}

.nav-button>svg, .nav-button-help>svg{

height: calc( 1.3*  var(--font-size-normal) );

width: calc( 1.3* var(--font-size-normal) );

}

.nav-button,.nav-button-help{

position: relative;

display: flex;

justify-content: center;

align-items: center;

}



.hey_accessibility_rotate{animation-delay: 0s;}



.nav-button-help{

right: -0.4vw;

}

#accessibility-options{

   margin-top: 0;

    /* display: none; */

}

#accessibility-options>span>svg{

    width: auto;

}

#accessibility-info{

    

    /* width: auto; */

    max-width: 85vw;

    word-break: keep-all!important;

   

    font-size: var(--font-size-small)!important;

    width: 85vw;

    margin-left: auto!important;

    margin-top: auto!important;

    right: unset;

    left: 0;

    max-height: none;

    height: 45.2vw;

    padding: 7.3vw 7.5vw 7.5vw 7.5vw;

    

    /* top: 0; */

}





#accessibility-info>svg{

    height: 9vw;

    width: 9vw;

    left: 87%;

}

.nav-button-help>svg:last-of-type{overflow: visible;}

#accessibility-info.tt_tr{

     transform: unset; 

}

.current-page {

position: relative;

background-size: cover;

background-position: center;

height: auto; 

padding-left: 1vw;

padding-right: 1vw;

}

.current-page>.circle{
   pointer-events: none;
}

    

.mobile-nav-arrow>svg{position: static;}

.mobile-nav-arrow {

    left: unset;

    right: -6vw;

    position: absolute;

    display: block;

    top: 6.5vw;

    }

.spin-arrow{transform: scale(-1) translateY(2.3vw)!important;}

.social-nav>div{display: block;}

.mobile-nav-arrow{  width: 5vw; height: 5vw; background-position: center;}

header>nav>ul>li>a,header>nav>ul>li>nav>ul>li>a{text-align: center; width: auto;height: auto;padding: 0;}

header>nav>ul>li>a{position: relative;}

.te_logo{text-align: center;

    box-shadow: none;

    background-color: transparent;

    margin: auto;

    position: relative;padding: 0;}

.nav-button{float: left;}

.social-nav{height: 15vw;

    align-items: center;

    justify-content: center;

    width: 100%;

    background-color: #eee;

    display: flex;

    padding: 8vw 0 24vw 0;}

.social-nav>div{

    width: 11vw;

    height: 83%;

    margin: 3.1vw;

display: flex;

justify-content: center;

    text-align: center;}

/* Slider */

/* Slider */

/* Slider */

.section-slider{

    max-width: 100vw;

}

.section-slider>.slider>article>h1{

    display: none;

}

.section-slider>.slider>article>h1:first-of-type{

    display: block;

    width:fit-content;

    left: unset;

   

    margin: auto;

    top: calc(41vw)!important;

}

.slider-points {

    height: 18vw;

    margin-top: -14vh;

}

        
.slider-point {

display: block;

width: 3.8vw;

margin: 1.3vw;

height: 2vw;

}

.slider-point>svg>path{stroke: white;}

.slider_arrows{display: none!important;}

.scrolltop{

    transform: translateY(100%);

}

.slider-points{

    transition: 1s ease

}

/*Tapestreifen Headlines*/

.subpage-headline-poster{

    left: 0!important;

    right: 0!important;

    top: 0!important;

    top: 0vh;

    white-space: nowrap;

   }

   

h1.subpage-headline-poster {

    /* font-size: 9vw!important; */

    font-size: 7.3vw!important;

    right: 2vw!important; 

    /* min-height: 14vw; */

min-height: 12.5vw;

max-height: 13.6vw;

margin: 1.5vw;

min-width: 8vw;}

.link-to-event>h1{margin: 0vw!important;}

        .slides>article>span{

        height: 90vh;

        display:flex!important;

        justify-content: center;

        align-items: center;

        position:relative!important;

        bottom:unset!important;

        right: unset!important;  

        flex-wrap: wrap;

        height: auto;

        top: calc(10vh - 9vw);

        margin-left: 4vw;

        }

        .slides>article>span.left {
           left: 0; 
        }

.slides>article>span.center {width: auto; top: 45vh; margin-left: 2vw;}

.slides>article>span.r_t,.slides>article>span.l_t{top: 11vw!important;}

.slides>article>span.r_b,.slides>article>span.l_b{

    /* top: calc(67vh - 9vw);  */
   
    bottom: 31vw!important;

    position: absolute!important;

    top:unset!important;

}

.subpage-nav{display: inline-flex;}

.subpage-nav>.link-container.lc_left>a{margin: 0!important;}

.slides>article>span>h1{display: none; max-height: 14.7vw;}

.slides>article>span>h1:first-of-type{display: block!important;overflow: hidden;
    text-overflow: ellipsis;}

.three-parent-page-slide * .arrow-down {

    display: none;

    }

/*Slider Link*/

.link-to-event * svg {

    height: 7.6vw;

    width: 7.6vw;

    overflow: visible;

    right: -18vw;

    }

.link-to-event {

position: relative;

margin-top: 0;

top: 0;

/* margin-left: -0.5em!important; 
float: left!important; */

/* Fabi Fix */
margin-right: -0.5em!important;
float: right!important;



right: 0; 

background-color: transparent!important;

}

.link-to-event>h1{

    height: 100%;

    padding-top: 0!important;

    padding-bottom: 0!important;

transform: translateY(1vw);

min-height:auto;

background-color: transparent!important;

border:none !important;

}

/*Scrollhinweispfeil auf Slider*/

.arrow-down>svg{width: 100%; height: 100%;}

.arrow-down{width: 23vw;height: 23vw; bottom:28vw !important; z-index: 998;}

.slider-points{

    opacity: 1;

    transition: 0s;}

    
.slider-points.ios{
    margin-top: -20vh;
  }
  
  .arrow-down.ios{
    bottom: 25vw !important;
  }



.slideshow:hover .slider-points{

    opacity: 1;}

.lottie-player{height: 100vh;}

.lottie-player * {height: 100vh!important;}

/*Toggle*/

article.cover-mobile{background-size: cover!important;}

.largemobile{background-size: 250%!important;}

.slideshow>.slides>article{

overflow: hidden;

height: 100vh;

min-height: calc(100vh - var(--header-max-height));

background-position: center;

}

.slideshow{margin-top: auto;}

/* Stückseite */

/* Stückseite */

/* Stückseite */

.flex-grid>div:first-of-type {

    padding-left: 0;

    padding-right: 0;

}

.flex-grid.event>div:last-of-type {

    padding-right: 0;

    padding-left: 0;

}

.event-preview-text {

    padding-top: 0vw !important;

    padding-bottom: 0vw !important;

}

.round-crop-image-text {

    width: calc(100vw - var(--body-padding) - var(--body-padding) );

    padding: 0 var(--body-padding) 15vw var(--body-padding);

}

.image-slide>div {



    background-position: 50% 50% !important;

    mask-position: 50% 50% !important;

    -webkit-mask-position: 50% 50% !important;

}

/* Unterseite */

h3 {

    margin-top: 6vw;

}

#superpage>article>div:nth-child(1)>h3 {

    margin-top: 0vw;

}

#superpage>.flex-grid{

    width: calc(100vw - var(--body-padding) - var(--body-padding) ); 

    padding: 0 var(--body-padding) 0 var(--body-padding); 

    }

    

#superpage{

    padding: 5vw 0 10vw 0 !important;

    width: 100%;

}

    

        

    

/* LOGIN, Presse, Intern */

/* LOGIN, Presse, Intern */

/* LOGIN, Presse, Intern */


.centerforce>section{
    width: 56vw!important;
    padding-left: 22vw!important;
    padding-right: 22vw!important;

}

.container{height: 9vw; padding-left: 0; width: 9vw; }

.hd_circle_01 {

    padding: 8vw !important;

}

input[type='submit'] {

    transform: translateX(-55%) !important;

}


/* Ecards */

/* Ecards */

/* Ecards */
.alert__paragraph{
    display: contents;
  }
.ecard__responde{
    padding-top: 12vw;
    overflow: scroll;
}

.ecard__responde__paragraph{
    word-break: keep-all;
    padding-bottom: 0;
    width: 90%;
}

.ecard__responde__close__container{
    height: 13vh;
    width: 93%;
    position: absolute;
    padding-top: var(--header-max-height)
}


.link-to-ecard.animate-me svg{
    max-height: 7vw;
}


.ecard__ui_close__button {
    margin-right: 3.2vw;
    }


.ecard__resume{ bottom: 4vw; }
.ecard__resume--visible{display: flex;}


.ecard{
    /* height: calc(100% - var(--header-max-height)); */
 position: fixed;
 align-content: baseline;
    height: calc(100% - var(--header-max-height));
    /* padding-top: var(--header-max-height); */
    left: 0;
    
}

.ecard__display--half{
    height:100%;
  }

  .ecard__display--quad{
    height:100%;
  }
  

.ecard__display{
  
    height: 85%;
    
}

.ecard__ui{
   
    top:86%;
    height: 15%;

}


.form__inputgroup__credits{
font-size: 2.8vw;
}


.form__inputgroup__frame{
    width: 31vw;
    height: 31vw;
}

.ecard__ui__submit--up{
    transform: translateY(0vw);
    display: block;
}

.ecard__ui__resume--gone{

    display: none;
}


.ecard__close{
    right: calc( var(--body-padding) - 2vw );
    top: 13vw;
}
.ecard__close > svg{
width: 9vw;
}


.ecard__submit>svg{
    min-width: 7vw;
    padding-left: 3vw;
}

.ecard_3Dcard{
    transform: translateY(-100%)translateX(-50%) rotateY(180deg) scale(0.4);
    height: calc( (0.66 * 166vw ) );
    width: 166vw;
    } 



    .ecards--rotate180{
        transform: translateY(-50%)translateX(-50%) rotateY(0deg)  scale(0.4);
        top: 50%;
      }
      
      .ecards--backside{
        transform: translateY(-50%)translateX(-50%) rotateY(180deg);
        top: 50%;
      }
      
      .ecards--dive{
        transform: translateY(-50%)translateX(-50%) rotateY(180deg) scale(0.4);
        top: 50%;
      }
      
      .ecards--fokus-left{
        transform: translateY(-50%)translateX(-32%) rotateY(0deg)  scale(0.55);
        transform-origin:unset;
        top: 50%;
      }
      
      .ecards--fokus-right{
        transform: translateY(-50%)translateX(-64%) rotateY(0deg)  scale(0.55);
        top: 50%;
        transform-origin:unset;
        
      }
      
      .ecards--fokus-center{
        transform: translateY(-48%)translateX(-50%) scale(0.55)rotateY(0deg);
        top: 50%;
        transition: 0.6s;
        
        
      }

      .ecards--send{
        transform: translateY(-48%)translateX(250%) scale(0.55)rotateY(0deg) skewX(10deg);
        top: 50%;
        transition: 0.6s;
      }

      .ecard__display--half{
        height: 50%;
      }

      .link-to-event.animate-me>h1>svg>g.click--letter{
        animation: none;
        transform: translateY(10%) translateX(10%) scale(0.8);

      }
      

/* 
.ecards__form{
    width: 665px;
    padding: 0;
height: 500px; 
}

.ecard_3Dcard{

width: 665px;
height: 500px; 

} */

/* .form__inputgroup__submit{
    transform: none!important;
} */


@media (orientation: landscape) {


.ecard{

}

}

/* .form__inputgroup__inputs{
    font-size: 10px!important;
}
.form__inputgroup__label{
    font-size: 10px!important;
}

.form__inputgroup__submit{
    display: none;
} */





/* Abos */

/* Abos */

/* Abos */


/* Formular */


.note__form{
    width: 17vw;
    height: 17vw;
}


.terminwahl>article>div>label{
    margin-left: -7vw;
  }


span.custom-select>svg {

    transform: none;

    top: calc( 2 * var(--font-size-normal)) ;

    }

    .select-selected:after {

        top: 9.4vw;

        right: -0.5vw;

        width: 8vw;

        height: 8vw;

      }



#stoerer{height: auto;top: auto;}

#stoerer>p{white-space: nowrap;}
#stoerer>p{animation: ticker_mobil 20s linear infinite;}


#abo_success{padding: 1vw 0 17vw 0;}

#abo_success>p{
    width: 90%;
}

.form-grid {

    /* padding-bottom: 33vw; */

    grid-template-columns: repeat(1,0.14fr 1fr);

    }

.form-grid>input[type="submit"]{

    margin-left: 0vw;

    left: 45%;

    margin-top: 6vw;

}

.checkmark {

    height: 8vw;

    width: 8vw;

    }

#abo_order>section>span>span {

height: 8vw;

width: 20vw;

}

#abo_order>section>span>span>img {

width: 40%;

margin-left: 10%;

}

#abo_order>section>span>span {

    width: 20vw;

    }

#abos.one-grid-center{

padding: 0 0vw 0 0vw!important;

width: 100vw;

min-width: 100vw;

}

#abos.one-grid-center>article{

overflow-x: hidden;

}

#abos {

    overflow: hidden;

}

#abos * {

width: 100%;

}

#abos p{

text-align: center!important;

/* padding: 0 4vw 0 4vw; */

max-width: 92vw ;

}

#abos>article>div {

position: relative;

padding-bottom: 16%;

}

#abos>article>div>svg {

width: 200%;

margin-left: -50%;

}

#abos>article>div>span{

width: 100%;

padding:18% 0% 15% 0%;

}

.line>svg{margin-top: 7.4vw!important;} /*obsolet*/

p.sans {

    line-height: 10.4vw;

    margin-top: 0px;

}

.abo__headline{

}
 
.abo__headline--fixed>span{}

.abo__headline--fixed{
   text-align: center;
    /* position: fixed!important; */
    top: 0;
}

#abo-description{

padding: 0!important;

width: 100vw;

max-width: none;

overflow:visible!important;

}

form p{margin: 0;padding-bottom: 14vw;}

form>section>span>svg {pointer-events: none;position: relative!important;}

#abo-description>article {

padding: 2vw var(--body-padding) 0vw var(--body-padding);

width: 90vw;

}

#abo_order>section{

overflow-x: hidden;

}

#abo-description>article>p{

padding: 0 4vw 0 4vw;

}

#abo-description>#spielplan>.scroll-up{

top:12.6vw!important

}

#abo-description>#spielplan{

min-height:auto;

min-width:auto;

}

.title_text.underline{background: none!important;}

#abo-description>#spielplan>hr{

margin-left: 0;

}

.counter-underline{display: none;}

#abo-description>.two-grid-column-full{

padding-bottom: 2vw;

}

.category-popup>img {max-width: none;}

#abo-description>article.one-grid-center{

width: 100vw;

max-width: 90vw;

margin-top: 10vw;

overflow: hidden;

}

#abo_order>.one-grid-center-left{

padding: 8vw var(--body-padding) 0vw var(--body-padding);

width: 90vw;

min-width: 90vw;

}

#abos>article {

padding: 0 0 14% 0!important;

margin-top: 10vw;

}

#abo_order>section:first-of-type {

    position: static;

}

#category-form{

    margin-top: 10vw;

}

#the_select{

    margin-top: 10vw;

}

#abo-description #spielplan{

    margin-top: 10vw;

}

.one-grid-flex>h2 {

    padding-bottom: 0;

    padding-top: 0;

    margin-top: 0;

}

.nav-button>svg * {

    overflow: visible;  

    transition: 0.5s ease;

} 

.nav-close-x>svg>g>g>.nav-stroke-01{

    transform: rotate(45deg) translateY(3.6%) translateX(9.6%);

}

.nav-close-x>svg>g>g>.nav-stroke-02{

    transform: rotate(-45deg) translateX(-28%) translateY(17%);  

}

.nav-close-x>svg>g>g>.nav-stroke-03{

    transform: translateY(60%) rotate(-162deg); opacity:0 ; transition: none;

}

.nav-button>svg>g>g>.nav-stroke-03{

    transition:0s;

}

.accessibility-info__close{
display: none;
}

.accessibility.closed{

   

    background-color:white;

    /* top: -91vw;  */

    transform: translateY(-100%)!important;

    left:0;padding: 0vw 0vw 4vw 0vw;

    transform: none;

width: 100vw;}

.accessibility.closed * a{

   opacity: 0;

}

.accessibility{

    height: auto;

    transform:none;

}

.accessibility * a{   opacity: 1;}

.accessibility>a{display: none!important;}

.accessibility.closed>a{display: block;}

.accessibility.closed:hover{transform: none;}

.accessibility{background-color: #d4eff1;

flex-wrap: wrap;

transition: 0.5s ease;

left:0;

top: 0;

box-shadow: none;

padding: 0vw 0vw 12vw 0vw;

width: 100vw;}

.accessibility>div:first-of-type{display: block; background-color: white;display: flex;

height: 9vw;

position: relative; top: 0;

/* 

justify-content: end;

-webkit-justify-content: end; */

align-content: center;

align-items: center;    

}

.accessibility>div:first-of-type>span{position: absolute;pointer-events: none; font-size: var(--font-size-small);}

.accessibility>div:first-of-type>span{display: block;}

.accessibility>div:first-of-type>svg{width: auto;transform: translateX(-3vw);height: calc( 1.2*  var(--font-size-normal) ); width: calc( 1.2* var(--font-size-normal) ); position:absolute !important; float: right; right: 0 !important; }

.accessibility>div{width: 100%;  padding:  1.3vw 0 1.3vw 0;}

.text_to_speech{margin-top: 10.5vw !important; 

    /* display:block; */

}

.focus{

    /* margin-top: 10.5vw !important; */

}

.accessibility>div * {text-align: center; width: 100%; display: inline;  }

/* .accessibility>.link-container:first-of-type{margin-top: 10.5vw !important;} */

.accessibility>div>a>span{font-size: calc(var(--font-size-normal) * 1.35) !important;}

.hd_circle_nav{background-image: none!important;}

.hd_line_loop{background-image: none!important;}

ul>li>a>svg{height: 6vw; width: 0; margin-top: -6vw; transform:translateY(2vw); display: none;}

ul>li>a>div{

    width: 110%;

    /* transform: translateX(0%) translateY(-30%); */

    left: 0;

    background-position: 50% 48%;

    background-image: none!important;

}

.same-stroke{fill:none;stroke:#000; stroke-width: 0.8vw;}

ul>li>a>div>svg{transform: translateY(-5%); 

}

.nav-open{margin: 0; opacity: 1!important;}

header>span{padding: 2vw 0 2vw 0;}

nav > ul > li > nav > ul > li >a{ width: 100%; text-align: center;}

nav > ul > li > nav > ul > li {

    width: 100vw;display: flex;

    display: flex;justify-content: center;

}

nav > ul > li > nav > ul > li,nav > ul > li{

    background-size: 74%!important;

 

}

li>nav>ul>li:last-child{padding-bottom: 0;}

/* .depth-2{   max-height: 10vw; } */

.depth-1>a>span>svg {

    transform: translateY(3.7vw)!important;

    }

    .depth-1>a>span>svg {

        display: none;

        transform: translateY(0.4vw)!important;

        top: calc(var(--font-size-small-3)  * 1);

        }

header>nav>ul>li>a,header>nav>ul>li>nav>ul>li>a{background-image: none!important;}

header>nav>ul>li>a>span{

  

    overflow: visible;

    width: 100%;

    display: flex;align-items: center;justify-content: center;

    background-repeat: no-repeat;

    background-position: bottom;

}

section.reference>.reference{padding: 0;}

/*Generelle HTML Elemente*/

 

main{position: static; 

    /* margin-bottom: 30vw; */

}

html,body{background-image: none!important;}

section{padding: 0 var(--body-padding) 0 var(--body-padding)!important;width: 90vw;min-width: 90vw;}

body{padding-top:var(--header-max-height) ;}/*nav, höhe im content ausgleichen*/

/* Footer */

footer{ background-color:#f5d2c6 !important; display: block;padding-top: 6vw; position: relative;padding-bottom: 5vw !important;}

footer * {line-height: 1.5!important}

footer>div{padding: 0 14vw 0 14vw;} 

footer>div>span{

position: relative;

bottom: 0;

left: 0;

padding: 0 14vw 0 14vw!important;}

footer>div>p,footer>div>p>a,footer>div>h2,footer>div>h3{font-size: calc(var(--font-size-smaller-3) * 1.3)!important;}

footer>div>p{ font-family: sangbleu!important;}

footer>div>h3{

padding-bottom: calc(var(--font-size-smaller-3) * 0.25 )!important;

font-size: calc(var( --font-size-smaller-3) * 0.95)!important;

font-style: normal;

text-transform: uppercase;

font-family: Neue Haas Unica W01 Regular!important;

}

.footer-grid-one {

    text-align: center;

    grid-column: 1;

    grid-row: 1;

    margin-top: 3vw;

    }

    .footer-grid-two {

    text-align: center;

    grid-column: 1;

    grid-row: 2;

    }

    .footer-grid-three {

    text-align: center;

    grid-column: 1;

    grid-row: 3;

    }

    .logo-footer {

    padding-top: 6vw!important;

    padding-bottom: 10vw;

    

    }

   .social-icons * svg  {

    width: 10.8vw!important;

    padding: 3vw!important;

    display: block;

    }

    

    .logo-footer>a>img {

    width: 87%;

    display: block;

    flex-wrap: wrap;

    }

    .logo-footer>a>img.logo_small {

        width: 24%;

        }

        

header{max-height: none;padding-top: 0;height: var(--header-max-height);position: fixed;z-index: 9999!important; overflow: visible;



    min-height: auto;}

/* Menü auf Slider bei Drei-Seiten-Page */

.subpage-nav{width:auto;top: 79vh;margin: 0 auto;height: auto;min-height: fit-content; width: 90vw;

    padding: 0 var(--body-padding)  0 var(--body-padding)!important;

    min-width: auto;

    }

.subpage-nav>.link-container{transform: scale(0.8); width: fit-content;}

/* SUCHE bei, Actors, Gäste, Spielzeit, Spleiplan */

#event-search>input[type='text']{

line-height: normal!important;

padding: 0!important;

}

.search-close{display: block;}

#actor-search>input[type='text'], #event-search>input[type='text'] {

    min-width: 22vw;  }

    

    #event-search * {display: none!important;}

#event-search{position: absolute;

/* Fabi Edit 

display: flex!important;    

*/ 

display: none!important;

margin-top: -0.7vw;     

        

left: 98vw; display: block!important;opacity: 1;}

#event-search>.search-icon{display: block;float: left;margin-top: -0.7vw;

left: -11vw;

min-width: 11vw;min-height: 11vw;

position: absolute;}

#actor-search{

width: 82.1%; display: block; position: relative;

}

#parent-back-arrow>a{color: white!important;}
#parent-back-arrow * path{stroke: white;}

#actor-search>span{

width: 13.5%;

position: absolute;

right: 9.5%;

}

#actor-search>svg{

max-height: none;

transform: translateY(-1.5vw);

width: 76%;

position: relative;

}

.search-close{

width: 8.5%!important;

}    

.search-close>svg{

width: 118.9%;

}

#event-search{

display: none;

}

.event-filter>.filter-search{background-color: #d4eff1;padding-top: 1.1vw;}

.filter>.filter-search>img{ width: auto; float: right;height: 11vw;}

.filter-search{display: none;}

.search-mobil{

width: 11vw;

height: 1vw;

margin-top: -1vw;

margin-right: 1.1vw;

display: inline-block;

}

#spielzeiten>.event-filter,#spielzeiten>#filter,#spielzeiten>#event-search{display: block;}

#spielzeiten>#category-menu{display: none;}

#spielzeiten {

    margin-bottom: var(--header-max-height);

}

#zu-sehen-in {

    padding-top: 10vw !important;

}

.flex-grid.event{padding-bottom: 12vw;}

.flex-grid>div:last-of-type {

    padding-right: 0 !important;

    padding-left: 0;

    }

/*SPIELPLAN*/

/*SPIELPLAN*/

/*SPIELPLAN*/

/* SPIELPLAN - startseite */

/* .day-switch > span > a > span > svg {transform: translateY(8.6vw);} */


#spielplan * .link-container * svg{max-height: 9.7vw;}


.day-switch>span{padding: 5vw 1vw 1vw 1vw;}

.day-switch {

    padding: 1vw 0 7vw 0;

    }

    .custom-select{width: auto;}

#spielplan * {user-select: none;outline: none;}

#arrow-top>a{width: 15vw; height: 15vw;}

#spielplan:focus * {user-select: none; border:none;}

#spielplan.spielplan-seite {

    margin-bottom: 30vw;

    margin-top: 0;

}

#spielplan * .altersfreigabe{display: flex;}

#arrow-top{

    padding-top: 12vw;

}

.open{max-height: 100vh!important;}

#spielplan.preview>.link-container {

    padding-bottom: 7vw;

    padding-top: 6vw;

}

.actor-menu .link-container * svg {

    /* left: 4%; */

    pointer-events: none;

    /* bottom: -45%; */

    transform: translateX(-50%)translateY(50%);

    width: 125%;

    position: absolute;

}

/*Kalender Modul - startseite*/   

.event-more-detail, .event-preview-grid {

padding: 4.5vw; padding-bottom: 10vw;

padding-top: 0;;width: 86%;

}

.event-tickets {

    padding: 4.5vw;

    padding-bottom: 10vw;

    padding-top: 0;

    width: 100%;

}

/*Kalender Modul inhalt:*/ 

.event-tickets {grid-template-columns: 0.406fr 1.1fr;}

.event-tickets {

    padding: 

    4.5vw;

    

    padding-bottom: 

    10vw;

    

    padding-top: 

    0;

    

    width: 

    100%;

    

    }

.date_mobile{display: block;}

.date,.day{display: none!important;}

.date-placeholder{display: block;}

.event-img {width: 100%;

    margin-top: 1vw;

    margin-bottom: 1vw;

}



.event-img>img {max-width: 66.66%;}

.day_mobile{display: block;}

.day{display: none}

.event-description{padding-left: 21.8vw; padding-bottom: var(--font-size-normal);width: 70vw;}  
.event-description>.description>span{display: block;}

.altersfreigabe,.additional{margin-top: 0;display: block;float: left;}

.title_text{display: block; float: left;}

.altersfreigabe>img{width: 4.9vw; max-height: 10vw;float: right;}

.additional>img{width: 4.9vw; max-height: 10vw;float: right;}               

.title_text,.altersfreigabe{ word-break:keep-all!important;   } 

span.title_text{display: inline;padding-right: 1vw;}

nobr>svg#Ebene_1 {

    height: 25px !important;

    }

.arrow-link>span>svg {

    margin-left: 0.75vw !important;

}

#spielplan * {

    line-height: calc(var(--line-height) * 1.05) !important;

}

              

/* FILTER */

/* FILTER */

/* FILTER */

.category-popup>svg{height: 100%; stroke-width: 1!important;max-width: 100%; margin-left: 0;}

.category-popup{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 0 2vw 0 2vw!important; width: 96vw!important;} 

.filter-menu>ul>li{

float: none!important;

display: table!important;

}

.filter-genre>li>span,.filter-spielorte>li>span{

display: none;

}

.filter-spielorte>li{

padding-left: 4vw!important;

}

#spielplan{padding: 0 0 15vw 0!important;

min-width: 100vw;}

.event-filter{ grid-template-columns:1.0fr;

   /* margin-top: 3.1vw; Fabi Edit */ 

}

.event-filter{    

background-color: #d4eff1;

padding-bottom: 2.2vw;

padding-top: 3vw;

width: 100vw;

float: none;

position: -webkit-sticky;

position: sticky;

/* top: 11.8vw; Fabi edit */

z-index: 200;

max-width: 100vw;

overflow: hidden;

}

#spielzeiten>.event-filter{    

    margin-left: -5vw;

}

#spielzeiten>#filter>.filter-menu>ul {

    margin-top: 10vw;

}

#spielplan>#filter>.filter-menu>ul {

    margin-top: 10vw;

}

#spielplan ul>li>a>svg {

    height: 10vw;

    margin-top: -5vw;

}

#spielzeiten ul>li>a>svg {

    height: 10vw;

    margin-top: -5vw;

}

#spielzeiten * {

    line-height: 0.88 !important;

    }

    

.filter>span{display: block;}

.filter-text {padding-right: 3vw;animation: none;display: unset;}

.mobile-filter{padding-left: 4.5vw; padding-bottom: 2px;}

.filter>span>img{display: block;}

.filter{background-color: #d4eff1; padding: 1.5vw 0 1.5vw 0;display: none}

span.next{padding-right: 4vw;}

span.back{padding-left: 4vw;}

.filter>.filter-open>img{ width: auto; height: 9vw;float: left;transform: rotate(180deg);}

.filter>.filter-text{float: left;}

.altersfreigabe>img,.additional>img{width: 12vw;float: right;max-height: 8.5vw;margin-top: 0vw;}

.altersfreigabe>img {margin-left: 0; max-width: 13vw; max-height: 9.5vw;margin-top: -0.5vw;}

.altersfreigabe,.additional{ height: calc(var(--font-size-normal) * 1.7);  }

#spielplan * span.altersfreigabe>img{margin-top: -0.5vw!important;}

.location>.text{display: block;}

.location>.color{display: none;}

.location,.time{margin-top: -9.1vw;margin-top: calc( (var(--font-size-normal-3) * (-1.24)) );}

.event-more-detail>.image{margin-top: 0vw;

background-size: cover;

background-position: center;

height: 99vw;}

.event-more-detail{grid-template-columns: 0.6fr 1.6fr; }

.event-more-detail{padding-top: 0!important;}

.icons_mobile{display: block;text-align: left;}

.icons{display: none;}

.icons_mobile>span>.icon_image>img,.icon_image>img{height: 8vw;

width: 8vw;

margin-right: 4vw;

margin-top: 0vw;}

.icons_mobile>.icon_image{transform:translateX(-4.4vw)translateY(-0.5vw); width: auto;}

.icon_image>svg{

height: calc( var(--font-size-normal-3) * 1.3);

width: calc( var(--font-size-normal-3) * 1.3);}

#spielplan>article{ overflow: hidden !important;  padding: 4vw 0 0vw 0; 
    /* margin-bottom: -5vw; */
}

.spielplan-seite * .drawme{height: auto;} 

section{ overflow: hidden;}

.away{display:block;}   

.arrow>span>img {

height: 11vw;width: 11vw;

float: right;

margin-right: 4vw;}

.arrow {

margin-top: -1vw;}

#splash_spielplan{ top: 13vw; overflow: hidden;}

/* #category-slider * li * svg { transform: translateY(-10%) translateX(-2.6%)!important;} */

#splash_spielplan>svg{

margin-top: -15vh;

padding-top: 10vh;

overflow: visible;

margin-left: 10vw;

transform: rotate(90deg);

z-index: 999999;}

.poster-placeholder>.title,.poster-placeholder>.date{

font-size: 7.7vw;  

}

.poster-placeholder * {

   

    font-size: 7.4vw!important;

    }

.poster-placeholder>.date{

line-height: 7.7vw;

}



.scroll-up{top:25.7vw!important}

                          

.back svg {

    width: 30px;

    height: 30px;

    }

.next svg {

    width: 30px;

    height: 30px;

    }

    #calendar-container{display:none;}

#filter>#calendar-container{display:block;}

#filter.open-close-filter>#calendar-container{display:none;}

#calendar-container>div {

    float: none;

 }

/*SPIELPLAN kalender */

/*SPIELPLAN kalender */             

/*SPIELPLAN kalender */

.monthname{width: 74%;}

.days>div{text-align: center;}

#spielplan.preview .month-mobil {display: none!important;}

#spielplan{overflow: visible;}

.month-mobil{display:block;top: 11.7vw; transition: 0.5s ease; 

border-bottom: 1px solid #bebebe;z-index: 201; padding-top: 3vw;

height: 10.5vw; background-color: #f8f8f8;

padding-top: 2vw;
}

.calendar{display: none;}

#calendar-container {

    /* height: auto; */

    max-height: 115vw;

    position: relative;

    padding: 5vw 0 0 0!important;

    max-width: 100%;}

.open-close-calendar {

    left: unset!important;

    /* top: -66vh!important; */

}

.open-close-filter {

    right:unset!important;

    top: -110vh!important;

    }

                

.c-month {

    max-width: 100vw;

    transform: scale(0.94);

    }

    .c-month-nav * svg {

        max-width: none; 

        }

    .c-month-nav>span>img{

        max-height: 7.2vw;

        width: 100%;

        height: 100%;

    }

.c-day{

max-width: 12.2vw;

float: left;

width: 12.2vw;

display: flex;

align-items: center;

justify-content: center;

height: 12.2vw;

padding: 0;

margin: 0.4% 1% 0.4% 1%;

max-height: none;

}

#calendar-container>div {

    padding-top: 7vw;

    /* height: 0!important; */

}

.calendar-close{

    display: none;

}

.event-day{

   border-radius: 8vw;

}

#calendar-container > .c-slider > .c-month > .days > div {width: 14.2%;}

.c-slider{display:inline-block;}

.date>span{display:none;}       

              

#filter {width: 100vw;

max-height: 100vh;

min-height: 100vh;

padding-bottom: 0;

margin-top: 0;

}

.filter-main-menu>.link-container{height: auto;}

.filter-themen {

padding-left: 4.5vw!important;

}

#spielplan .filter-menu {

margin-top: -20vw;

display: block;

height: inherit;

width: 100vw;

}

#spielzeiten .filter-menu {

    margin-top: 0vw;

    display: block;

    height: inherit;

    width: 10vw;

    }

#spielzeiten {

    margin-top: 0 !important;

}

#spielzeiten{

font-size: var(--font-size-normal-3)!important;

}

.filter-menu>ul:last-child{padding-bottom: 12vw;}

.filter-title{display: none!important;}

.filter-spielorte>li>span {

width: 1.4vw;

visibility: hidden;

}

.filter-menu > ul:first-of-type {

width: 100%;

z-index: 99;

}

.filter-menu{

padding-bottom: 0;

}

.filter-menu>.close_icon{

display: none;

}

.fadein_skatefromleft{

display: block!important;

animation: none;

left: 50vw!important;

transition: ease 0.5s;

}

.filter-main-menu{

justify-content: space-between;

display: flex;

display: none;

width: 100%;

border-top: 1px solid #979797;

margin-top: -13.4vw;

padding-bottom: 2.5vw;

padding-top: 0vw;

position: sticky;

bottom: 0vw;

min-height: 10vw;

background-color: #d4eff1;

}

.filter-main-menu.ios{padding-bottom: 22vw!important ;}

.filter-main-menu>.link-container.lc_left{

display: block;

float: left;

}

.icon_image>img {

display: block;

}

.icon_image{

float: right;

position: relative;

width: 100%;

height: 100%;

}

.icon_image>img{

transform: scale(1.3);

position: absolute;

right: 0;

}

.link-container.lc_left>a>svg {

max-height: none;

max-height: 16vw;

/* transform: translateY(-17%) translateX(-17.5%)!important; */

}

.access_svg * svg {

    height: 150%!important;

    width: 165%!important;

}

.filter-menu > ul {

padding-left: 0.5vw;

}

.filter-apply{

float: right!important;

padding-right: 4vw !important;

}

.filter-genre span {

    margin-left: 1.5vw !important;

}

.filter-main-menu span {

    margin-left: 1.5vw !important;

}

/* NEWS */    

#news-grid{padding: 0!important; height: auto; padding-bottom: 4vw!important;}

#news-grid.ecard_grid>article{ width: 90vw; }

.story-slider-wrapper>ul{transform: translateY(-100%);}

.post{display: block!important;padding: 5% 0 10% 0;}

.news-grid-image>img {max-height:none;max-width: 100%;}

.post>.news-grid-image>iframe{height: 57vw; border: none;}

.playbutton{width: 20vw;height: 20vw;}

#news-grid{padding-top: 16vw!important;background-color: #f8f8f8!important;margin-top: 2vw;}

.news-grid-r,.news-grid-m{display: none;}

.news-grid-l{width: 90vw; padding:2vw var(--body-padding) 25vw var(--body-padding);

max-width: none; min-width: auto;}

.news-grid{display: grid; 

grid-template-columns: repeat(1, 1fr); 

grid-column-gap: 0px;

grid-row-gap: 0px;

height: auto!important;

max-height: none;

min-height: auto;

padding: 0!important;

}

.post>.text {padding: 5vw 10% 10vw 10%;}

.link-container {margin-top: 2vw;}

.news-grid>div{

min-height: 22em;

margin: 0.2em;

background-color: white;}

.news-link{text-align: center; width: auto; float: none; clear: both; background-color: palegoldenrod!important; height: 4vh; min-height: auto!important;} 

    

}