/*Schriften import*/
/*Schriften import*/
/*Schriften import*/

/* @import url("https://fast.fonts.net/lt/1.css?apiType=css&c=93bf9d88-f1f3-4334-b1f8-4038a191588a&fontids=1491986,1491988,1492559"); */

@font-face{
    font-family:"Neue Haas Unica W01 Medium It";
    src:url("../fonts/1491986/86b76db5-9343-473a-a106-60683cec7626.woff") format("woff"),url("../fonts/1491986/2418a824-3af2-42d7-a62e-f7a77cf487d1.woff2") format("woff2");
}
@font-face{
    font-family:"Neue Haas Unica W01 Regular";
    src:url("../fonts/1491988/27645c8a-608b-4abf-a2f1-c4407b576723.woff") format("woff"),url("../fonts/1491988/e0d80810-f7e3-4fea-8c57-ef8116f0465d.woff2") format("woff2");
}
@font-face{
    font-family:"Neue Haas Unica W01 Hea1492559";
    src:url("../fonts/1492559/8546c78d-5a38-4c7b-9371-5a70d803922a.woff") format("woff"),url("../fonts/1492559/cc589c6c-1ce4-4279-8684-c378497d1c68.woff2") format("woff2");
}
/* 
@font-face {
    font-family: Neue Haas Unica W01 Regular;
    src: url(../fonts/NeueHaasUnicaPro-Regular.ttf);
  } */
  
  @font-face {
    font-family: sangbleu;
    src: url(../fonts/SangBleuRepublic-Regular-WebS.woff);
  }
/* 
  @font-face {
    font-family: GraebenbachMono;
    src: url(../fonts/GraebenbachMono-Light.woff);
  } */
  @font-face {
    font-family: Johanna-Hand-Writing;
    src: url(../fonts/Johanna-I.otf);
  }





/*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;
  --gain: 1;
  --reverse-ratio: 2;
  --font-size-normal: 3.3vw;
  --font-size-normal-3: calc((var(--ratio)/1.02) * var(--font-size-normal));
  --font-size-small: calc(var(--ratio) * var(--font-size-normal));
  --font-size-small-3: 1.71vw;
  --font-size-smaller-3: 1.38vw;
  --font-size-headline-footer: calc(var(--font-size-small-3) * 0.75)  ;
  --body-padding: 2vw;
  --line-height: 1.17 ;
  --line-height-small: 1.625 ;

  --header-max-height: 3.3vw;
}

.underline_text * svg{display: none;}

.underlined{
  padding-bottom: 0!important;
  word-break: keep-all;}
.line{padding-top:0!important;position: relative;
}
.line>svg{
  bottom: 0;
padding-top: 0!important;
transform: translateY(100%);

position: absolute;
left: 0;
max-height: 0.8vw;
min-height: 0.8vw;
width: 100%; }

header * .line>svg{display: none;transform: translateY(50%);}

@supports (-webkit-appearance:none) {
  /* Fix Chrome Bug
  .line>svg{  max-height: none; transform: translateY(8vw)!important; }
   */
}
.event-preview-text>.line{
  /* min-height: 3.5vw; */
  display: inline-block;}
.one-grid-flex * .line{
  /* min-height: 3.5vw; */
  display: inline-block;
}


/*1 Schrifteinstellugen */
/*1 Schrifteinstellugen */
/*1 Schrifteinstellugen */

.paragraph__small{padding-top: 2vw!important;}
.paragraph__small * {text-decoration:underline!important;} 
.paragraph__small, .paragraph__small * {font-size: calc(var(--font-size-normal-3) * 0.5 )!important; line-height: 1.3!important; }
body{font-size: var(--font-size-normal-3); -webkit-hyphens: auto;hyphens: auto;}
body{ letter-spacing: -0.01vw;font-family: "Neue Haas Unica W01 Regular", sans-serif!important; overscroll-behavior-x: none;}
body * {font-family: "Neue Haas Unica W01 Regular", sans-serif;}

article{hyphens: auto;  -webkit-hyphens:auto;}
div{hyphens:inherit; -webkit-hyphens: inherit;}

p{hyphens:inherit; -webkit-hyphens: inherit;}
p.johanna-hand-writing{font-family: johanna-hand-writing!important; font-weight: 600;}
p{justify-self: start;line-height: var(--line-height)}
p.serif{font-family: sangbleu!important;}
p.sans{font-family: Neue Haas Unica W01 Regular, sans-serif!important;line-height: 2.4vw;}
.sans * {font-family: Neue Haas Unica W01 Regular, sans-serif!important;}
p.footnote{font-family: monospace!important;}
p>span{font-family: sangbleu!important;}
p.mono{font-family: monospace!important;}
.text>p{padding-top: 0!important; margin-top: 0!important;}
#abos>article>div>span>p,.abo-green{font-size: var(--font-size-normal-3);text-align: center; word-break: keep-all;}
#abos>article>div>span>p{text-align: center;}
.event>div>p{margin: 0;}
#order-now{width: 100%; position: sticky;bottom: 0;}
#order-now>article{background-color: #f6f6f6;}
#abo_order>section:first-of-type {
  position: relative;

  }
.abo-green{color: #1bd265!important; display: block;word-break: keep-all;}
.abo-green:visited{color: #1bd265!important}
.nopadding{margin-top: calc((2.3vw*var(--line-height)) - 2.3vw)}
.actor-menu{font-size: var(--font-size-normal);}
.actor-menu>.link-container.lc_left{margin-left: 2vw;}

label{line-height:  var(--line-height);}
#superpage li, #superpage ul, #superpage ol{line-height: var(--line-height)!important;font-size:var(--font-size-normal);}

.gmap-container>span * {font-size: var(--font-size-normal-3);}
.reference-credit{padding-top:1vw;font-family: Neue Haas Unica W01 Regular, sans-serif!important; font-size:var(--font-size-small);}
.reference{font-family: sangbleu!important; text-align: center;}
.serif{font-family: sangbleu!important;}
.h-underline>span{display: grid;margin-top: -1vw;opacity: 0;}
form * {font-size:var(--font-size-normal-3);} 


input[type]{color:#1bd265 ; z-index: 999; z-index: 998;position: relative;}
input[type=submit],input[type=number]{color:black;}
input{font-size:var(--font-size-normal-3);}

/*Auszeichnungen*/
em{font-style: normal; text-align: center; font-size:var(--font-size-small-3); display: block;}


.post * {text-align: center;}
.staff-description>p>em{text-align: unset; font-size: inherit; font-family:"Neue Haas Unica W01 Hea1492559"; display: inline;}


/*Verlinkung*/
a{cursor: pointer!important;}
a.ticket-link * span{color:#1bd265!important;display: contents;}
a.critic{font-family: Neue Haas Unica W01 Regular, sans-serif!important; font-size: inherit!important;}
a{padding-bottom: 0vw; text-decoration:none!important;}
section.reference>a{font-size: var(--font-size-normal); font-family: Neue Haas Unica W01 Regular, sans-serif!important;}
p>a{font-family:Neue Haas Unica W01 Regular, sans-serif;}
a{color:black!important}
a:visited{color: black !important;}
a:active{color: black!important;}
.social-links>a{padding: 0 0.3vw 0 0.3vw;}

/* svg tweaks */


#downloads * .link-container * svg{
  max-height: 3.6vw;
  min-height: 3.6vw;
}

#downloads * .link-container, .link-container{
  justify-content: start;
}


#spielplan * .link-container{justify-content:left;}

#spielplan * .link-container.drawme * span{
  color:#1bd265!important;
}


#spielplan * .link-container * svg{
  max-height: 3.7vw;
  min-height: 3.7vw;
  width: 148%;
  
}

#spielplan * .link-container.drawme * svg>path{

  stroke:#1bd265!important ;

}

.nav-button-help>svg:nth-child(2){position: absolute;}
.accessibility>a:first-child>svg:last-of-type>path,.nav-button-help>svg:nth-child(2)>path{stroke-dasharray: 100%; stroke-dashoffset: 100%;}
.nav-button-help>svg:last-of-type{transform: rotate(13deg);}

.accessibility-info__close{

  display: flex;
  align-content: center;

  position: absolute;
  right: 0;
  top: 0;
  margin: 3vw;



}
.accessibility-info__close>svg{
cursor: pointer;
}

#accessibility-info{
  opacity: 0;

  margin-top: 0.8vw;
  margin-top: var(--header-max-height);

  padding: 5.3vw 7.5vw 4vw 6.5vw;
  line-height: 1.2;
  word-break: keep-all;
  width: 29vw;
  text-align: center;
  height: auto;
  font-size: var(--font-size-normal-3)!important;
  color: #000 ;

  pointer-events: none;
  background-color: #d1bfdf;
  position: fixed;
  transition: 1s ease;
  transform: scale(0.8);
  color: black!important;
  z-index: 9999999;
  font-size: var(--font-size-smaller-3);
  right: 1vw;
  height: 25vw;
  
  }

#accessibility-info>svg{
  position: absolute;
  left: 50%;
  margin-left: -1.35vw;
margin-top: -1.5vw;
width: 3.7vw;
  transition: 0.2s linear;
  height: 6.1vw;
}

  
  #accessibility-info.tt_tr{
    /* transform:translateX(-50%)translateY(0%); */
   

  }

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

#category-menu * svg{height: 120%;}
.access_svg{display: flex;padding-right: 1.1vw;}
.access_svg * svg {height:120%!important; width: 135%!important;  min-height: auto!important;}
.access_svg>a{text-align:left;width: fit-content;margin:auto;transform:translateY(0%)!important}
.one-grid-center>span>h1>svg{position: absolute;
  position: absolute;
  left: 0;
  top: 0;
  width: 140%;
  height: 120%;
  margin: 0;
  transform: translateY(-6%) translateX(-15%);
  padding: 0;}
.link-to-event * svg{  height:2.6vw;width: 2.6vw; overflow: visible;}
.link-to-event * svg * {fill: white; stroke-width: 0.3vw!important; stroke-linecap: square;} 
.handdrawn-circle>svg{
position: absolute;
transform: translateX(-50%) translateY(-50%);}
ul.dark>li>svg>path{stroke: black!important;}
ul.dark>li.slider-active>svg>path{fill: black!important;}
ul>li>svg>path{stroke: black!important;transition: 0.2s ease;}
.same-stroke{fill: none; stroke: #000;}
.social-links>a>svg{width: 5%;}
.social-links>a>svg{width: 7.2%;}

#parent-back-arrow * path{stroke: white;}
#parent-back-arrow * a{color: white!important;}
#parent-back-arrow * a:visited{color: white!important;}
#parent-back-arrow.dark * path{stroke: black; color: black;}




/* Arrow Links, auszeichnung der Hyperlinks mit Pfeil */
.arrow-link>span>svg{margin-left: -0.25vw;
  overflow:visible;
  margin-top: -0.32vw;
  max-height: calc(var(--font-size-normal-3) * 1.1) ;
  max-width: calc(var(--font-size-normal-3) / 1.3);
  height: 3vw;
  width: 4vw;
  transform: none!important;}

.arrow-link * svg{stroke: black!important; fill: none; }
.arrow-link * svg>polyline,.arrow-link * svg>line{stroke-linecap: square;}
.arrow-link>svg{stroke: black!important; fill: none; transform: translateX(-0.2vw);}
.arrow-link>svg>polyline,.arrow-link>svg>line{stroke-linecap: square;}
.arrow-link{word-break: keep-all; hyphens: manual;-webkit-hyphens: manual;position: relative;}
.arrow-link:hover, .arrow-link:hover * {font-family:"Neue Haas Unica W01 Hea1492559";}
.link-arrow{display: none;}



/* Fließtext */ 
.one-grid-flex,.one-grid-center-left,.one-grid-center,.one-grid-center-flex,.one-grid-center,.two-grid-column>p{font-size: var(--font-size-normal-3);}
.ensemble-name{text-align: center; word-break: keep-all; }
.actor-name * i {text-align: left;}
.actor-name{text-align: left; word-break: keep-all; }
section * a{font-size:inherit; }
.calendar.reminder{animation-delay: 0.66s;}
footer>div>p>a{display: block;}

.logo-footer{padding-top: 0.7vw!important;flex-wrap: wrap; justify-content: center; align-items: center;}
.logo-footer>a>img{width: 47%;display: block; flex-wrap: wrap;}
.logo-footer>a>img.logo_small{width: 16%;}
.logo-footer>a{padding: 2.4%;margin: auto; display: flex;align-items: center; justify-content: center;}
.post>.text>p{margin-bottom: 0;word-break: keep-all;}
#superpage>article>div>p,#superpage>article>p{  margin-top: 0; margin-bottom: 0;} /*Schriftgröße auf superpage*/


/* Headlines */
.social-links>h2{padding: 0 0 1.5vw 0!important; margin: 0!important; text-align: center;}
#abos>article>div>span>h2{text-align: center;}
h1>u,h2>u,h3>u{background-size: unset;}
h2{hyphens:inherit; -webkit-hyphens: inherit;}
h2{justify-self: start; text-transform: none; line-height: var(--line-height)!important; font-weight: normal; font-size: var(--font-size-normal-3); padding-bottom: var(--font-size-normal) ;}
#zu-sehen-in>h2{padding-bottom: 0.5vw;}
h1{transition: 0.5s ease;display: inline;font-weight: normal;}
.center-text{text-align: center;font-weight: 200; padding-bottom: 3vw;}
h1.subpage-headline{background-color: white; padding: 0.1em 0.5em 0.1em 0.5em;position: absolute;top:3em; left: 3em; font-size: 4vw; font-weight: 200;top: 20vw;left: 12vw; }
h1.subpage-headline-poster{background-color: white; padding: 0.1em 0.5em 0.1em 0.5em;position: relative;top:3em; left: 3em; font-size: var(--font-size-normal); display: inline-block; margin: 1vw; }
h1.subpage-headline.right{left: 62vw;}
#superpage h1{font-size: var(--font-size-normal);line-height: var(--line-height)!important; font-weight: normal; margin: 0; padding: 0;padding-bottom: calc(2.2vw * var(--line-height)); display: block;}
.middle>h1{top:0}
footer>div>h1{font-family:neuehaasunicapro!important; text-transform: uppercase;font-weight: 200; 
font-size: 1.3vw; color:#1e1e1e; padding-bottom: 0.1vw; display: block;}
.link-to-event{float: left; margin-left: -1.9vw;
margin-top: -0.1vw;}
.r_t * .link-to-event{ margin-left: 2.9v; float: right;}
.link-to-event{animation: none;}
.saalplan>h2{font-family: sangbleu!important;}/* Saalplan */
.post>.text>h2{font-size: var(--font-size-small); padding: 0; padding-bottom:  calc(var(--font-size-smaller-3) * 0.08)!important; margin: 0;font-family: sangbleu!important; }/* im Newsgrid */
.text>h2{padding-bottom: 0!important;}
.text>h2{padding-bottom: 0!important;}


/* Generelle HTML Elemente */
html{ overscroll-behavior-x: none;background-color: #f8f8f8;}
br {line-height: 0!important;}/* br line height */ 
body{margin: 0; padding: 0; background-color: #fff;cursor: default!important;max-width: 100vw;}

header * {color: #000!important;
-webkit-user-select:none;
-khtml-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none;}

header{background-color: white;width: 100%; max-width: 100vw; min-width: 91vw;  overflow: hidden; z-index: 999; 
  position: fixed;
  min-height: var(--header-max-height);
   top: 0; transition: 1s ease;max-height:var(--header-max-height);}
header * {font-size: calc(var(--font-size-small-3) *0.71) ;}

main{background-color: #f8f8f8;min-height: 37vh;}

#tooltip{
pointer-events: none;
white-space: nowrap;
background-color: #333;
position: absolute;
border-top-left-radius: 0.3vw;
border-bottom-left-radius: 0.3vw;
border-top-right-radius: 0.3vw;
padding: 0.5em 1em 0.5em 1em;
padding:calc(var(--font-size-smaller-3) / 7) calc(var(--font-size-smaller-3) / 1) calc(var(--font-size-smaller-3) / 5.2) calc(var(--font-size-smaller-3) / 1) ;
color:white;
transform: translateX(-110%)translateY(-130%);
visibility: hidden;
z-index: 9999999;
font-size: var(--font-size-smaller-3);}

li{list-style-type:none;}
ul{padding: 0; margin:0}




section{height: auto;background-color: #f8f8f8; /* width: 96vw; min-width: 96vw; max-width: 96vw; padding: 2vw 2vw 2vw 2vw; */ position: relative;position: relative;}
article{height: 100%;}

.te_logo{left:0;float: left;position:relative; padding-left: 1vw; padding-right: 0.7vw; 
  padding-top: 0.7vw;
  overflow: hidden;
max-height: calc( var(--header-max-height) - 1.4vw );
padding-bottom: 0.7vw;}

.resize * {transition:none!important}


/*Footer*/
.footer-grid-one *,.footer-grid-two *,.footer-grid-three *{
  line-height: var(--line-height-small);
  font-size: var(--font-size-small-3);
  padding: 0;margin: 0;
}
footer>div>h3{font-family: Neue Haas Unica W01 Regular, sans-serif!important;
  margin-bottom: 0.2vw!important;
  font-size: var(--font-size-headline-footer)!important;
text-transform: uppercase;}

footer>div>h4{font-family: Neue Haas Unica W01 Regular, sans-serif!important;
  font-size: var(--font-size-smaller-3)!important;
text-transform: uppercase;}

footer>div>p>a:last-of-type{
  display: inline!important;
}
footer>div>p>a,footer>div>p{
  font-family: sangbleu!important;
  font-style: normal!important;
}

footer{background-color:#f5d2c6; float: left;width: 89%;display: grid; 
  grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr;
  grid-column-gap: 0;
  grid-row-gap: 0px;
  padding-top: 3vw;
  padding:4.1vw 5.5% 0.5vw 5.5%!important;
  position: relative;
}

.footer-grid-one {
  text-align: center;
  grid-column: 1;
  grid-row: 1;
}
.footer-grid-two {
  text-align: center;
  grid-column: 2;
  grid-row: 1;
}
.footer-grid-three {
  text-align: center;
  grid-column: 3; 
  grid-row: 1;
}



/*STATES*/
/*STATES*/
/*STATES*/

.active{display: block!important; visibility: visible!important; }
.height{height:auto!important;}
.visible{visibility: visible!important;}
.opac{opacity: 1!important;}
.no-margin{margin: 0!important;}
.invisible{display: none; }
.hidden{visibility: hidden;}
.hide{height: 0px!important; overflow: hidden;}
.open{max-height:100vh!important;}
.noscroll{overflow: hidden!important;max-height: 100vh; }


/* COOKIE BANNER PLUGIN */
/* COOKIE BANNER PLUGIN */
/* COOKIE BANNER PLUGIN */

/* #cookie-modal{display: none!important;} */
.cookie-modal__content {
background-color: #fff;
box-shadow: 0 10px 30px rgba(0,0,0,.2);
margin: 15vh auto 0;
max-width: none!important; 
bottom: 0;
position: absolute!important;
background-color: #d4eff1!important;display: grid; 
display: grid; 
grid-template-columns: minmax(0, 1.18fr) minmax(0, 0.82fr) minmax(0, 1.18fr);
max-height: 5.8vw;
grid-column-gap: 2vw;
padding: 1.5vw 1vw 1.4vw 2vw!important;
}
.cookie-modal{display: block;}
.cookie-modal__text {
max-width: 100%!important;
padding-top: 0!important;
margin-top: 0!important;
margin-bottom: 0!important;
}
.cookie-modal__content>span>h3{
padding-top: 0; margin-top: 0!important;
margin-bottom: 0!important;
}

.cookie-modal__content *{
font-size:1.2vw!important;
}

.cookie-modal__option {
width: 100%!important;
margin-top: 0!important; padding-top: 0!important;
margin-bottom: 0!important;
}

.cookie-modal__options {
margin-bottom: 0!important;
}


.cookie-modal__button {
padding: 5% 5% 5% 5%!important;
margin: 0!important;
background-color: transparent!important;
}


.cookie-modal__options>* {
width: auto!important;
}

.cookie-modal__buttons>.hd_circle_01{
width: auto!important;
padding: 0.6vw;
width: auto!important;
}

.cookie-modal__check{
height:1.8vw!important;
width:1.8vw!important;
margin-left: -0.5vw;
}

.cookie-modal__check svg {
  width: 100%;
  height: 100%;

}
.cookie-modal__checkbox{
/* margin: 0 0.7vw 0 0!important;            */
}

.cookie-modal__buttons>.link-container.lc_left.lc_m>a>svg {
max-height: 3.2vw;
min-height: 3.2vw;
width: 112%;
}

.cookie-modal__checkbox{
  margin: 0!important;
border: none!important;
width: 1.5vw!important;
margin-left: -0.3vw!important;
z-index: 999;
position: absolute;
cursor: pointer;
height: 1.5vw!important;
}

.cookie-modal__buttons>.link-container{min-width: min-content;}

.cookie-modal__button {
border: none!important;
}
.cookie-modal__options>span{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-items: center;
  justify-content: center;
  align-content: space-around;
  height: 120%;
  margin-top: -2.6%;
}

.cookie-modal__label {
width: 100%!important;
word-break: keep-all;
}

.cookie-modal__label {
  margin-left: 0.8vw;
}
.cookie-modal__options {
/* align-items: center!important; */
}

.cookie-modal__buttons {
justify-content: end;
justify-items: center!important;
justify-content: center!important;
align-items: center!important;
}

.cookie-modal__buttons>.link-container{
margin: 1vw;
}

.cookie-modal__content>span>h3{
  font-weight: normal;
  font-size:0.9vw!important;
}
.cookie-modal__text{
  word-break: keep-all;
  font-size: 1.2vw!important;
  line-height: 1.26!important;
}


/* GRIDS | GRIDS |GRIDS */
/* DREISPALTER | DREISPALTER | DREISPALTER */
/* im Flexgrid */

.flex-grid.event>div>h1{padding: 0; line-height:var(--line-height); display: inline-block!important; margin: 0; font-family: Neue Haas Unica W01 Regular, sans-serif; }
.flex-grid.event>div>h1{font-size: var(--font-size-normal-3);}
.flex-grid.event>div>h2{font-size: var(--font-size-normal-3); font-family: Neue Haas Unica W01 Regular, sans-serif; font-weight: normal!important;}

p.textindent{text-indent: calc( 3 * var(--font-size-normal-3) ) ;}
.flex-grid * a{padding-bottom:1.5vw!important;}
.flex-grid p * {font-size: var(--font-size-normal-3)!important; } 
.flex-grid>div>ul{padding:0;}
.flex-grid>div>ul>li>p,.flex-grid>div>ol>li>p{font-size: var(--font-size-normal-3)!important;margin-top: 0;}
.flex-grid>div>ol>li {font-size: var(--font-size-normal-3)!important; list-style:decimal; display:list-item!important; padding:initial!important;}
.flex-grid>div>ul>li{font-size: var(--font-size-normal-3)!important; list-style:' –  '; display:list-item!important; padding:initial!important;}
.flex-grid>div>p>em {font-size:inherit;  font-family:"Neue Haas Unica W01 Hea1492559";}
.flex-grid>div>p{font-size: var(--font-size-normal-3)!important;}
.flex-grid.staff-grid>div>p{font-size: var(--font-size-normal-3)!important; white-space: pre-wrap;}
.flex-grid>div>h3{font-size: var(--font-size-small-3); line-height: var(--line-height-small);}
.flex-grid>div>h4{font-size: var(--font-size-small-3); line-height: var(--line-height-small);}
.flex-grid>div>h3{ text-transform: normal; padding-bottom: 0!important;}
.flex-grid>div>h4{ text-transform: normal; padding-bottom: 0!important;}
.flex-grid>div>h2{ -webkit-hyphens: auto;hyphens: auto; margin-top: 0;  margin:0;padding-bottom: 0!important;font-family: sangbleu; font-size: var(--font-size-small-3);}
.flex-grid>div>p{padding-bottom: 0!important; word-break: keep-all; -webkit-hyphens: manual;hyphens: manual; margin: 0; }
.flex-grid.abopage * p{margin: 0;}





/*im one-grid-center-left*/
.one-grid-center-left>p{font-size: calc(var(--font-size-normal) / 2);}


/*im two-grid-column*/
h3{font-size: var(--font-size-small-3)}
h4{font-size: var(--font-size-small-3)}

.two-grid-column>h3{ text-transform: uppercase;  padding-bottom:var(--font-size-small-3); }
.two-grid-column>h4{ text-transform: uppercase;  padding-bottom:var(--font-size-small-3); }
.two-grid-column>p>a{font-size: inherit}
.two-grid-column>p{font-size: var(--font-size-normal-3); margin: 0;}
.two-grid-column>h2{margin-top: calc(var(--font-size-normal)/5.1);}

/*im three-grid*/
.three-grid * {line-height: var(--line-height);}

/*im two-grid-flex*/
h3{text-transform:none;font-family: sangbleu!important; font-weight: normal;margin: 0;}
h4{text-transform:none;font-family: sangbleu!important; font-weight: normal;margin: 0;}

.two-grid-flex>div>h2{font-size: var(--font-size-normal-3); padding: 0; margin: 0; max-width: 90%;}
.two-grid-flex>div>h3{font-size: var(--font-size-small-3); padding: 0; margin: 0; max-width: 90%;}
.two-grid-flex>div>p{padding: 0; margin:0; max-width: 90%; font-size: var(--font-size-normal-3); word-break: keep-all;}
.two-grid-flex>div>p>span{font-family:inherit!important;}
.two-grid-flex>div * {font-size: var(--font-size-normal-3)!important;}

.two-grid-flex>div>ol>li{list-style:decimal!important;}
.two-grid-flex>div>ol{list-style:decimal!important;}

.one-grid-center>h3{font-family: sangbleu!important;padding-bottom: 0;font-size: 2.3vw;}
.one-grid-center>h4{font-family: sangbleu!important;padding-bottom: 0;font-size: 2.3vw;}


.two-grid-flex{
grid-column-gap: 3vw;
display: grid; 
grid-template-columns: repeat(2, 1fr); 
grid-row-gap: 0px;
}


.two-grid-flex>div{
padding-top: 3vw;
}



  

/*im two grid*/
.two-grid{background-color:#f5d2c6; 
  display: grid; 
  grid-template-columns: repeat(2, 1fr); 
  grid-template-rows: repeat(3, 1fr); 
  grid-column-gap: 20px;
  grid-row-gap: 0px;}

  .two-grid-flex>div:first-child{
    margin-top: 4vw;
    padding: 0vw 0vw 0vw 2vw;
  }

  .two-grid-flex>div:last-child{
    padding: 0vw var(--body-padding) 0vw var(--body-padding);
    margin-top: 4vw;
  }


  .two-grid>.grid{
    border-top: 1px solid #bebebe;
    text-align: justify!important;}
  
  .two-grid>.grid>p{
    text-align: justify;
  }


/*im one-grid-center*/
.one-grid-center>article>h2{word-break: keep-all;}
.one-grid-center>span>h1{padding-bottom: var(--font-size-normal); }
.one-grid-center>span>h1{width: initial;position: relative;}
.one-grid-center>span{display: flex; align-content: center; justify-content: center;}



/* im two-grid-column-full */
.two-grid-column-full>p{padding: 0; margin: 0; padding-top: 0.62vw;}



/*1.2 Schriften die im Grid benutzt werden*/
.three-grid>p{font-family: Neue Haas Unica W01 Regular, sans-serif!important;line-height: 2.4vw;padding-bottom: 1.4vw;}
.three-grid>figure{break-after:column;display:block;margin: -2px;}
.quote{max-width: 66%; padding: 0 17% 0 17%;}



/* Menüs, Navigation */
:focus-visible{/* animation: hey 1s forwards; */ outline: none!important;}
.mobile-nav-arrow{display: none;}
.depth-1>nav{width: 0;}
.width{width: auto!important;}
.nav-active>nav{width: auto;}
.social-nav>div{display: none;}
.social-nav>div>a{height: 100%;}
.social-nav>div>a>svg{height: 100%;}

.depth-1>a>svg{display: none!important; }
.circle{display: none;}
header>span>div{display: none;}
nav{float: left; }
header>nav{margin-left:0.3vw!important;}
header>nav{padding-bottom: 0.7vw; padding-top: 0.7vw; }





/* Tastatur */
article:focus-visible{background-color: #f0f0f0;}
header>nav>ul>li:focus-visible{animation: hey_accessibility 1s ease forwards;  animation-delay: 0s!important;}
header>nav>ul>li>a:focus-visible{animation: hey_accessibility 1s ease forwards;  animation-delay: 0s!important;}
header>nav>ul>li>nav>ul>li>a:focus-visible{animation: hey_accessibility 1s ease forwards; animation-delay: 0s!important;}
header>span>a:focus-visible{animation: hey_accessibility 1s ease forwards; animation-delay: 0s!important;}
.accessibility>div>a:focus-visible{animation: hey_accessibility 1s ease forwards; animation-delay: 0s!important; outline: none;}
.accessibility>a:focus-visible{animation: hey_accessibility 1s ease forwards; animation-delay: 0s!important; outline: none;}
form * :focus-visible{animation-delay: 0s!important; outline: #1bd265;}
form * .select-selected:focus-visible{animation: hey_accessibility 1s ease forwards; animation-delay: 0s!important; outline: #1bd265;}
.select-items>div:focus-visible{animation: hey_accessibility 1s ease forwards; animation-delay: 0s!important; outline: #1bd265;}
.ticket-link:focus-visible{animation: hey_accessibility 1s ease forwards; animation-delay: 0s!important; outline: none;}
.arrow-link:focus-visible, .arrow-link:focus-visible > span{animation: hey_accessibility 1s ease forwards; animation-delay: 0s!important; outline: none;  font-family:"Neue Haas Unica W01 Hea1492559";}
.link-to-event:focus-visible{animation: hey_accessibility 1s ease forwards 3; animation-delay: 0s!important; outline: none;}
footer * a:focus-visible {animation: hey_accessibility 1s ease forwards 3; animation-delay: 0s!important; outline: none;} 
.social * :focus-visible{animation: hey_accessibility 1s ease forwards 3; animation-delay: 0s!important; outline: none;}
.subpage-nav * a:focus-visible{animation: hey_accessibility 1s ease forwards 3; animation-delay: 0s!important; outline: none;} 
.form-grid>input:focus-visible{animation: hey_accessibility 1s ease forwards 3; animation-delay: 0s!important; outline: none;}

header>nav * {
  webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);}

header>nav * :focus-visible{outline: none;}
nav * {float: left;-webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
     -moz-user-select: none; /* Old versions of Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
          user-select: none; /* Non-prefixed version, currently
                                supported by Chrome, Edge, Opera and Firefox */}

.larger-nav{width:140vw;transform:translateX(-30vw)}
nav:hover * {cursor:pointer;}
nav>ul{display:block; color: black; width: auto;}
nav > ul > li > nav {display: block;float: right;}
nav > ul > li > img {margin-top: -4.1vh;max-height: 4.1vh; display: none;}

.current-page * svg {display: block!important;}
.nav-active{/*transform:translateX(-7vw); */ padding-bottom: 0!important;}
.current-page{background-size: cover; background-position: center; display: contents;display: block;}
.circle{height: 100%;top: 0;}


  .circle>svg{
    left: 50%;
    max-height: 3.3vw;
   

    pointer-events: none;
    bottom: 50%;
    transform: translateX(-50%)translateY(50%);width: 125%; /* height: 120%; */
    position: absolute;
    overflow: visible;
  }



.random-draw>span>svg{display: block!important;}

.active>svg{display: inline!important;}

nav>ul>li{position: relative;}
nav{transition:0.6s ease; opacity: 0;}
nav>ul>li>a{padding: 0vw 0.3em 0vw 0.3em;}
nav>ul>li>span{
display: flex;
height: 100%;
align-items: center;
}

nav>ul>li>span>svg{  max-height: 1.1vw; max-width: 100%; display: none;}

.link-container.lc_left.large>a>svg{
  width:105%!important;
  /* transform: translateY(-10%) translateX(-2.5%)!important; */
  overflow: visible;
}

header>nav {
  width: 100vw;
  position: absolute;
  margin-left: 11vw!important;
  max-width: 200vw;
  max-height: 3vw;
  height: 3vw;
  max-width: 100vw;
  overflow: visible;
}

header>nav::-webkit-scrollbar {
  display: none; /* for Chrome, Safari, and Opera */
}

header>nav{
  scrollbar-width: none!important;  /* firefox*/
}

nav > ul > li > nav{
  float: none;
  display: inline-block;
}

.current-active{ width: max-content;
  background-color: white;
  color: black;
  padding-right: 9vw;
  z-index: 2;
/* position: relative!important; */
}


.te_logo{background-color: white; background-color: white; z-index: 9; }


  
.larger-nav{width:140vw;transform:translateX(5.8vw)}

nav>ul>li>span {
position: absolute;
max-width: 3.4vw;
margin-left: -4.1vw;
}


/*Sectionelemente*/
section.reference>.reference{padding: 0vw 20% 0 20%;}

section.reference>p.reference{font-size: var(--font-size-normal-3); word-break: keep-all; line-height: var(--line-height);}
section.reference>p.reference-credit{font-size: var(--font-size-small-3);}
section.reference>a{font-size: var(--font-size-normal-3);}

section.reference{
  padding-top: 1vw;
  padding-bottom: 11vw;}
  


.border-top{ border-top: 1px solid white;}
.section-slider{overflow:hidden;padding:0!important; min-width: 100vw!important; max-width: none!important; min-height: 66vw; position: relative;
  -ms-overflow-style: none;
  -ms-scroll-chaining: none;
  -ms-scroll-snap-type: mandatory;
  -ms-scroll-snap-points-x: snapInterval(0%, 100%);
}



/* Slider */
/* Slider */
/* Slider */

.section-slider>div>article{ display: block;}
.section-slider>div{display: flex;}
.section-slider>.slides>article{ background-position: center; background-size: cover;}

.image-slide{background-repeat: no-repeat;}

.slider-points{position: absolute;
  height: 8vw;
  display: none;
  width: 50%;
  margin-left: 25%;
  margin-top: -8vw;
  display: flex;
  z-index: 800;
  align-items: center;
  justify-content: center;}
lottie-player{width: 100%!important;}



  .slider-points.android{
    /* margin-top: -5vh!important; */
  }

.slider-points>li{float: left; list-style: none; color: white; cursor: pointer;}
.slider-points>li.slider-active{color: red;}
#animation.animation{width: 80%;}
.slider-point>svg>path{stroke: white!important;}

.slider-point>svg{
  display: block;
}

.slider_arrows{display: flex;
  position: absolute;
  width: 98%;
  margin-left: 1%;
  top: 50%;
  align-items: center;
  /* justify-content: center; */  /*  pointer-events: none; */
}

.slider_arrows>a>svg>g>path{stroke: white!important}
.slider_arrows.dark>a>svg>g>path{stroke: black!important}
.slider_arrow{position: absolute; display: block!important;}
  .slider_arrows>a:first-child{
    position: absolute;
    left:0vw;
   /* pointer-events: none;  */
   cursor: pointer;
  }

  .slider_arrows>a:last-child{
    position: absolute;
    /*pointer-events: none; */
    cursor: pointer;
    right:0vw;
      }

.slider_arrow{display: none;}

/* workarount, weil svg + pfad keine syles und klassen nimmt*/
.slider-active{display: none;}
.slider-active * {fill: #fff!important;}

.slider-point{
  display: block;
  width: 1.4vw;
  margin: 0.5vw ;
  height: 2vw;
}

.slides>article{
  position: relative; 

width: 100vw;

height: 66vh;
background-position: center;
background-size: cover;
}
.slides>article>span{
  max-width: 100vw;
}





/*slider neu*/
.slideshow{
  margin-top: var(--header-max-height);
  width: 100vw;
  max-width: 100vw;
  padding: 0!important;
  border-radius: 0;
}

.slideshow.menuopen{margin-top: 0;}

.slider {
  width: 300px;
  text-align: center;
  overflow: hidden;
  border-radius: 0;
}



.te_logo.accessibility_text{
  position: absolute;
animation:accessibility_text forwards 3s ease ;

}

.slides {
  display: flex;
  
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  
  margin-top: calc( - var(--header-max-height)) ;
  
  scroll-behavior: auto;
  -webkit-overflow-scrolling: touch;

}


.slides::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.slides {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  overflow-y:hidden;
}

.slides > article {
  background-origin: content-box;
  padding-top: var(--header-max-height);
  margin-top: calc(-1 * var(--header-max-height));
  background-repeat: no-repeat!important;
  scroll-snap-align: start;
  flex-shrink: 0;
  overflow: hidden;
  width: 100vw;
  margin-right:0;
  transform-origin: center center;
  position: relative;
  background-position:top center;
  justify-content: center;
  align-items: center;
  font-size: 100px;
  height: calc(56vw);
  /* background-color: #f6f6f6; */
}





.slides * {
  box-sizing: border-box;
}





/* Animation Controller */

.nav-active>nav>ul>li{animation: fadein_blob 0.5s ease forwards; opacity:0;}
.current-active>nav>ul>li{animation: fadein_blob 0.5s ease forwards; opacity:0;}
.splash-screen-text{font-size: calc(var(--font-size-normal) * 8); animation: splashtext 1s ease forwards; }
#splash_spielplan{background-color: palegreen; z-index: 999; width: 100% ; height: 100%; position: fixed; top: 0; animation: splash 2s ease forwards; }
.icon_image.animate-me>svg>path{stroke-dasharray: 73%; animation: premiere 1s ease 3 forwards;}

.arrow-down>svg{
  /* width: 80%;height: 80%; */
  display:block; animation: arrow 2s  ease 3;}
.hey{animation: hey 1s ease forwards;}

.hey_accessibility{animation:hey_accessibility 1s ease 1 forwards; }
.hey_accessibility_rotate{animation:hey_accessibility_rotate 3s linear infinite; visibility: visible;}
.hey_accessibility_path{animation:hey_accessibility_path 0.7s ease infinite backwards; animation-delay: 1s;}


/* Klick SVG */
.link-to-event.animate-me>h1>svg>g.click--strokes * { animation: hey_click_splash 2s ease 3; opacity: 0;}

/* Click SVG E-Card */
.link-to-event.animate-me>h1>svg>g.click--letter{ animation: ecard_letter 2s ease 3;}


.link-to-event.animate-me svg {animation: hey_click 2s ease 3;}
.link-to-ecard.animate-me svg {animation: hey_click_ecard 2s ease 3 forwards;transform: translateY(29%);}


.plus,.minus{
  animation: click_2 0.2s ease forwards;
}

.pulse{ animation: click 0.2s ease forwards;}
.fadein{animation: fadein 1s ease forwards;}
.fadein_blob{animation: fadein_blob 1s ease forwards;   transform-origin:right;}
.fadein_skatefromleft{animation: fadein_skatefromleft 1s ease forwards;   transform-origin:right;pointer-events: all;}
.reminder{animation: reminder 5s ease infinite;   transform-origin:100% 50%;  opacity:1!important;}






.button-bigger{display: none!important;}
.ytp-large-play-button-bg{fill:#333}

video{transition: 1s; opacity: 0; transition-delay: 0.4s;}

.slides>article>.video-container{
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;}

  .slides>article>.video-container>video{
  width: 100vw;
  height: 100vh;
 object-fit: cover; 



}

.video-container>iframe{width: 100%; height: 100%; border:none}


.spielplan-slider>div>article>h3{position: relative;}
.spielplan-slider>div>article>h4{position: relative;}

/*Überschriftpositionen*/
  .story-slider-wrapper>ul>li>img{height: 100%;width: 100%;}
  .no-transition{
    transition: none!important;
  }

  .slides>article>span{max-width: 100vw;}
  

  .slides>article>span.right{
  display: inline-block;
  display: var();
  position: absolute;
  bottom: 17vw;
  right: 3vw;}

  .slides>article>span.left{
    display: inline-block;
    display: var();
    position: absolute;
    bottom: 17vw;
    left:8vw}

    .slides>article>span.center{
      display: flex;
     height: auto;
     width: 2%;
      position: absolute;
      align-items: center;
      flex-wrap: wrap;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%);
      justify-content: center;

  }

  .flex-grid.three-columns>ol * li,  .flex-grid.three-columns>ol,  .flex-grid.three-columns>ol>li.depth-1{display: block!important; opacity: 1!important; visibility: visible!important;}

  .subpage-headline-poster.topright{
    left:auto;
  float: right;
  right: 5vw;
  top: 9vw;
  clear: both;
  }

.subpage-headline-poster.bottomright{
  left:auto;
float: right;
right: 5vw;
clear: both;
}

/* Mitte */
.middle{
bottom: 22vw!important;
  }

  .subpage-headline-poster{
    /*  max-height: 5vw; */
  }

.subpage-headline-poster.topleft{
right: auto;
left:8vw;
float: left;
top:5.7vw;
clear: both;
}

.subpage-headline-poster.bottomleft{
left:auto;
float: left;
right: auto;
left: 0vw;
clear: both;
}


.subpage-headline-poster.centercenter{
  top: auto;
  bottom: auto;
  left:auto;
  right: auto;
  float: none;
  clear: both;
white-space: nowrap;
  flex-wrap: wrap;
  }





hr{border: 0;
background: #bbb;
height: 1px;
display: block;
width: 100vw;
margin:auto;
position: absolute;}







/*ICONS?*/
.back-arrow{position: absolute;}

/*Abstaende*/
.fixed-height{min-height: 66vw!important; display: flex; align-items: center;
  justify-content: center;}


.three-parent-page-slide>section{
  width: 100vw;
  padding: 0!important;
min-width: 100vw;
max-width: 100vw;
}



/* Basic */
.three-parent-page{
  overflow: hidden;
  transition: 1s ease;
  background-color: transparent!important;}

.three-parent-page-slider{
  width: 300vw;
  /* transition: 1s ease; */
}
.three-parent-page-slider.transition{transition: 1s ease;}

.three-page-link>a>svg{

display: none;
}

.three-page-link>a>svg.visible{

  display:unset;
  }




.three-parent-page-slide{
  float: left;
  max-width: 99.9vw;

}
.three-parent-page-slider>section{
}

/* GRIDS */
.one-grid-flex{display: flex;  align-items: center;
  justify-content: center;}
.one-grid-center-left{display: block;
  min-width: auto!important;
  width: 40vw;
  padding-left: 30vw;
  padding-right: 30vw;
  }

.one-grid-center{
    padding-top: 3vw;
    display: grid; 
    grid-template-columns: repeat(1, 1fr); 
    grid-column-gap: 20px;
    grid-row-gap: 0px;
  }
  
.one-grid-center-flex{
    display: flex;
    align-items: center;
    justify-content: center;}

.one-grid-center * {text-align: center!important;
  font-family: Neue Haas Unica W01 Regular, sans-serif!important;
  margin-top: 1vw;
  margin-bottom: 3vw;
  padding-top: 3vw;
  text-transform: none!important;}
.one-grid-center>article{padding-bottom: 14vw; }
.one-grid-center>article>a{color:#1bd265 ;}
.one-grid-center>p{padding-top: 0;}

#stoerer {word-break: keep-all;
  overflow: hidden;
  position: relative;
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100vw;
  top: var(--header-max-height);
  min-height: var(--font-size-normal-3);
  color: black;z-index: 1;
  padding: 1vw 0 1vw 0;
  }

  #abo_success{
    word-break: keep-all;
  overflow: hidden;
  position: relative;
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100vw;
  top: var(--header-max-height);
  min-height: var(--font-size-normal-3);
  color: black;z-index: 1;
  padding: 1vw 0 1vw 0;
  }

  #abo_success>p{padding-bottom: 3vw;}

#abo-description>.one-grid-center{margin-top: 0!important;}

#stoerer>p{animation: ticker 10s ease infinite; padding: 0; margin: 0;}
  

#abos * {width: 98%;}
#abos{padding-top: 5vw;}
#abos * svg{width: 100%;}
#abos>article * span{ text-align: center; font-size: var(--font-size-normal-3);line-height: var(--line-height);}
#abos>article * span>span{ max-width: 80%;}

span.custom-select>svg{
  transform: none;
  top: var(--font-size-normal);
}




/* The container must be positioned relative: */
.custom-select {
  /* margin-top: 2.3vw; */
  position: relative;
  margin-bottom: 2.3vw;

}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  /* background-color: DodgerBlue; */
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 0.4vw;
  right: -3.5vw;
  width: 3vw;
  height: 3vw;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
transform: rotate(180deg);
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  color: #000;

  /* padding: 8px 16px; */
  /* border: 1px solid transparent; */
  /* background-color: rgb(229, 226, 255); */
  /* border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; */
  cursor: pointer;
}

/* Style items (options): */
.select-items {
  /* position: absolute; */

  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  padding-bottom: 3vw;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}



#abo-description * {}

.category-popup>img{height: 100%;  width: 100%; stroke-width: 1!important;max-width: 80vw;
  stroke-width: 1!important;
  max-width: 60vw;
}

.category-popup>svg * path {stroke: none!important;}

.category-popup{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: white!important;}

.three-grid{grid-auto-flow: column; display: block;columns: 3;column-gap: 2vw; /* column-fill: auto;*/} 
.three-grid-flex{display: grid; 
  grid-template-columns: repeat(3, 1fr); 
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: 1fr; 
  grid-column-gap: 0px;
  grid-row-gap: 0px; }
  .v-2-grid{display:grid;grid-auto-rows: max-content;}
  .v-2-grid>span{line-height: var(--line-height);margin-bottom: 1.4vw;}


 
.two-grid-column{grid-auto-flow: column; display: block;columns: 3;column-gap: 2vw;column-fill: auto; /*  width: 66vw; */  padding-top:3vw; padding-bottom: 2vw;}
.two-grid-column>p:first-child{margin-top: calc(var(--font-size-normal-3)/6);}
.two-grid-column-full{grid-auto-flow: column; display: block;columns: 2;column-gap: 2vw;column-fill: auto; padding-top:2vw; padding-bottom: 2vw;min-height: 15vw;}

.one-grid-column{display: block; width: 33vw; float: left;}

.flex-grid{display: flex; padding-top: 2vw; padding-bottom: 2vw;height: auto!important;}
.flex-grid>div{width:31vw; height: 100%; /* padding: 0 2% 0 2%; */}
.flex-grid>div{padding-right:var(--body-padding);padding-left:var(--body-padding) }
.flex-grid>div:first-of-type{ padding-left:var(--body-padding); padding-right:0;  }
.flex-grid>div:last-of-type{ padding-right:var(--body-padding); padding-left:0;}
.flex-grid.event>div:last-of-type{ padding-right:var(--body-padding); padding-left:var(--body-padding);}

.four-grid{display: grid; 
  grid-auto-rows: 1fr;
  /* grid-template-columns: repeat(4, 1fr);  */
  grid-template-rows: 1fr; 
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding-bottom: 1vw;
  }
  .four-grid>a{display: flex;}



/* E-Cards */
/* E-Cards */
/* E-Cards */

/* E-Card Page */



#ecard_tutorial{display: none;}

.alert{
word-break: keep-all;
overflow: hidden;
position: relative;
z-index: 1001;
display: flex;
align-items: center;
justify-content:space-between;
text-align: center;
width: calc(100vw - (var(--body-padding) * 2) );
top: var(--header-max-height);
min-height: var(--font-size-normal-3);
color: black;
z-index: 1;
padding: 2vw var(--body-padding) 0vw var(--body-padding);
}
.alert__paragraph__link{
cursor: pointer;
}



#animation-container{
    width: 100%;
    height: 100%;
}

#ecard_lightbox{


  height: 100vh;
  perspective: 1000px;
  display: flex;
  align-items: center;
  align-content: center;
  justify-items: center;
  justify-content: center;
}


.ecard__close{
  right: 12vw ;
  top: 12vw;
  display: none;
  position: absolute;
  cursor: pointer;
}

.ecard__response__close{
  right: 12vw ;
  top: 12vw;
  display: none;
  position: absolute;
  cursor: pointer;
}

.ecard__responde__close__container__button{
  cursor: pointer;
}

.ecard__responde__close__container__button * path {
  stroke: white;
}

.ecard__responde{
  width: 100vw;
  position: fixed;
  display: none;
  align-content: center;
  align-items: center;
  justify-content: center;
  justify-items: center;
  height: 100vh;
  top: 0;
  z-index: 999;
  background-color: none;
  flex-wrap: wrap;
  left: 0;
}

.ecard__responde__close__container{
  width: 80%;
height: 10vh;
display: flex;
align-content: center;
align-items: center;
justify-content: end;
justify-items: center;
height: 10vh;
top: 0;
z-index: 1000;
}




.ecard__responde__paragraph{
  color: white;
  width: 80vw;
 padding-bottom: 10vh;
}

.ecard__close * path{
  stroke: white;
}



#ecard.animateme{
  animation: 1 ecard 0.6s ease forwards; 

}

#ecard{
  /* background-color: pink; */
  transform: translateX(20%) translateY(-13%) scale(0) rotate(5deg);
  width: 41.9vw;
  /* padding: 2vw; */
  position: absolute;
  animation-delay: 1.3s;
  transition-delay: 1s;
background-color: transparent;
animation-timing-function: linear;
  height: 26.2vw;
  max-width: 1000px;
  max-height: 625px ;
  /* animation: 1 ecard 2s ease forwards; */
  background-position: center;
  background-size: cover;
  animation-delay: 2s;
}

#ecard>p{
  padding: 5%!important;

}



#ecard_cover{
  width: 100%;

  height: 100%; 
  /* transform-origin: left; */
  
  position: absolute;
  transition: 1s ease;
  background-color: black;

  background-color: rgb(221, 171, 179);
} 

#news-grid.ecard_grid{

  padding-top: var(--header-max-height)!important;
  padding-bottom: var(--header-max-height)!important;

}

#news-grid.ecard_grid>article{
  cursor: pointer;
  width: 30.6vw;

}


#news-grid.ecard_grid>article>div>img{
  width: 100%;
}

#ecard_cover.unfold{
  animation: 1 ecardunfold 1s ease forwards;
}


#news-grid.ecard_grid>article>div{
padding-top: var(--body-padding);
}


.ecard_grid{
  transition: 1s ease;
min-height: calc(100vh - var(--header-max-height)) ;  

}


#ecard.opened{
  animation: 1 ecardopened 0.5s linear forwards;
  transition: 0.7s linear;
 

}



 /*   .spielzeit{min-height: calc((100vw /4) * 1.3);padding-bottom: 7vw;} */

 #spielzeiten,#ecards{background-color: transparent!important; padding: 0vw var(--body-padding) 2vw var(--body-padding);}
 
#spielzeiten,#ecards{min-height: 100vh; 
 margin-top: var(--header-max-height);

  }

  #spielplan.ecards{
    background-color: transparent;
    width: auto!important;

  } 



  #ecard_form * .custom-select-container {
    display: none;
  }



  #spielplan.ecards * .event-preview-grid{

    grid-template-columns: 1.61fr 1.71fr 0.8fr 0.4fr 0.5fr 2.3fr;

  }

  #spielplan.ecards>hr{
    width: auto;
  }

#spielzeiten>span,#ecards>span{padding-bottom: 2vw;
  padding-top: 2vw;
  display: block;}

  #spielzeiten>span:first-of-type,#ecards>span:first-of-type{
    padding-top: 0!important;
  }

#spielplan * , #downloads *{word-break: keep-all;}

#news-grid * {word-break: keep-all; font-size: var(--font-size-normal-3);}

 #spielzeiten>.spielzeit>a,#ecards>.spielzeit>a{/*min-height: calc((100vw /5.5) * 1.3); */ aspect-ratio: 1 / 1.414; /* Din-Format */ width: 100%;}
#spielzeiten>.event-filter,#spielzeiten>#filter,#spielzeiten>#event-search{display: none;}
#ecards>.event-filter,#ecards>#filter,#ecards>#event-search{display: none;}


/* Podcasts */
iframe.podcast{
  border: none;
  background-color: transparent;
  height: 291px;

} 
iframe.podcast * {
  background-color: transparent!important;
}

  .spielzeiten>span{ padding: 0vw 1vw 2vw 0.7vw; display: block;letter-spacing: -0.1vw;}

  article.spielzeit>a{transition: 0.3s ease;}

  .spielzeit>a>img{width: 100%;}

  .spielzeit>a>.poster-placeholder{min-width: 100%;
    min-width: 94%;
    max-height: 98%;
    padding: 2% 3% 2% 3%;
  }

  .poster-placeholder{
    background-size: cover!important;
}

  #superpage article.flex-grid{ /* padding-left: var(--body-padding)!important; padding-right: var(--body-padding)!important; */}
/* Superpage */
/*superpage bilder*/
#superpage>article>div>figure>img,#superpage>article>figure>img,section.grid img{max-width: 100%;}
figure.smaller_img>img{max-width: 50%!important;}

#superpage>article>div>figure,#superpage>article>figure, section.grid figure{margin: 0;max-width: 100%;}

section.grid img{
  max-width: 100%;
}
section.grid figure{
  max-width: 100%;
}
#superpage li, #superpage ul, #superpage ol{margin: 0;}




/* UNTERSEITEN */
/* Flexgrid */

.flex-grid.three-columns>ol{
  padding-top: 10vw;
}

/* Saalpläne */

.saalplan>svg{width: 100%;
  height: auto;}

  .saalplan{background-color: #f8f8f8; padding-bottom: 6vw!important;}
  .no-padding{padding-left: 0!important; padding-right: 0!important; width: 100vw!important; max-width: none; padding-top: 0!important; }
  .saalplan>svg>path,.saalplan>svg>g>path,.saalplan>svg>g>g>path{stroke-width: 0!important;}
  

  .no-padding * { margin: 0!important; }


  .custom-select-container{width: fit-content;}
  /* ecards */


/*------------------------------------*\
  #E-CARDS
\*------------------------------------*/

#ecard_form__section{ display: grid;
  grid-template-columns: repeat(2, 1fr); 
  grid-template-rows: 1fr; 
  grid-column-gap: 2vw;
  grid-row-gap: 0px; }

  #ecard_form *  span>svg{
    position: absolute;
    overflow: visible;
    width: 21vw;transform: none;

  }

.ecard__ui__submit{
  user-select: none;
  -webkit-user-select: none;
  
   z-index: 9999;
 
   color: white;
   transform: translateY(40vw);
   cursor: pointer;
   z-index: 801;
   transition: 1s ease;
}

.ecard__ui_close{
  /* background-color: #00afe9; */
  display: flex;
  width: 100%;
  align-items: flex-end;
  align-content: end;
  cursor: pointer;
  justify-content: end;
}

.ecard__ui_close__button{
  margin-right: 7.5vw;
}

.ecard__ui__submit--up{
  transform: translateY(0vw);
  display: block;
  transition: 0.6s ease-out;
}



/* Button zum wechseln des Fokus, wird warsch. nicht gebraucht */
  .ecard__ui__resume{

   user-select: none;
   -webkit-user-select: none;
display: none;
    z-index: 9999;
  
    color: white;
 
    z-index: 801;
    transition: 1s ease;
      }


      .ecard__ui_close__button{display: flex; justify-content: center; justify-items: center; align-content: center; align-self: center;}

      .ecard__ui_close__button * path{stroke: white;}
      .ecard__resume{color: white; cursor: pointer;}
      .ecard__resume>svg{padding-left: 1vw;
        height: 6vw;
        width: auto;}
      .ecard__resume>svg * path{stroke: white;}

      .ecard__ui_close{height: 10%;}
  .ecard__submit{color: white; cursor: pointer;}
.ecard__submit>svg{padding-left: 1vw;}
.ecard__submit>svg * path{stroke: white;}

  .ecard__submit--up{
    bottom: 10vw;
    transition-delay: 0.6s;
    transition: 0.6s;
  }

  .form__inputgroup__submit{
  
    background-size: 100%;
    background-position: center;
    padding: 4vw;
    width: min-content;
    /* display: block; */
    display: none;
    background-color: transparent;
    background-repeat: no-repeat;
    }

.form__inputgroup__frame{
  width: 12vw;
  position: absolute;
  height: 8vw;
  top: 0;
  right: 0;
  transform: rotate(2deg);
}

.form__inputgroup__frame__stamp{
width: 100%;
}

.form__inputgroup__frame>svg {
  position: absolute;
  width: 130%;
  margin-right: -15%;
  right: 0;
  margin-top: -15%;
  top: 0;
}

.form__inputgroup__frame>svg * path{
  stroke-linecap: round;
  stroke:#000000;
}



.link-to-ecard * svg * rect {
stroke: black;}


.link-to-ecard * svg * line {
  stroke: black;}

.ecard {
display: none;
position: fixed;

height: calc(100% - var(--header-max-height));
width: 100vw;
perspective: 45em;
top: var(--header-max-height);
z-index:1000;
flex-wrap: wrap;
}


.ecard__ui{

  height: 50%;
  width: 100%;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  justify-self: center;
}



.form__image{
  
width: 100%;
}
.form__inputgroup__line{
  display: flex;align-items: start;
  width: 100%;
}
.form__inputgroup__label{
user-select: none;
-webkit-user-select: none;
padding-top: 2vw;
}
.form__inputgroup__line svg {
  width: 100%;
}

.form__inputgroup__line svg path{
  /* stroke-width: 0.3vw; */
}


.news-grid-l{

}

.form__inputgroup__inputs{
  color: #1bd265;
  line-height: var(--line-height);
  word-break: keep-all;
}

.ecard__display{

  width: 100%;
  height: calc( 80% - var(--header-max-height) );
  transition: 0.66s ease-out;
}

.ecard__ui__infos{
color: white;
padding: 0 var(--body-padding) 0 var(--body-padding);
line-height: var(--line-height);
}



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

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

.ecard__ui--three-quad{
  height: 20%;
}

.ecard_3Dcard{
  transform-style: preserve-3d; 
  padding: 2vw 2vw 2vw 2vw;
transition:cubic-bezier(0.36, 1.01, 0.39, 1)  1.5s;
transform: translateY(-100%)translateX(-50%) rotateY(180deg);
height: calc( (0.66 * 66vw ) );
min-height: calc( (0.66 * 66vw ) );
left: 50%;
position: relative;
top: 0%;
width: 66vw;
z-index: 1;
  
}

.ecards--rotate180{
  transform: translateY(-50%)translateX(-50%) rotateY(0deg);
  top: 50%;
}

.ecards--backside{
  transform: translateY(-50%)translateX(-50%) rotateY(180deg);
  top: 50%;
}

.ecards--dive{
  transform: translateY(-50%)translateX(-50%) rotateY(180deg);
  top: 50%;
}

.ecards--fokus-left{
  transform: translateY(-50%)translateX(-50%);
  top: 50%;
}

.ecards--fokus-right{
  transform: translateY(-50%)translateX(-50%);
  top: 50%;
  
}

.ecards--fokus-center{
  transform: translateY(-50%)translateX(-50%) scale(0.7)rotateY(0deg);
  top: 50%;
  transition: 0.6s;
  
}




.form__inputgroup__link{
  
  width: 100%;

}

.form__inputgroup__frame * path{
  stroke-width: 0.13vw;
}
.ecards--send{
  transform: translateY(-50%)translateX(250%) scale(0.7)rotateY(0deg) skewX(10deg);
  top: 50%;
  transition: 0.6s ease-out;
}

.form__inputgroup__inputs{
/* 
  user-select: none;
  -webkit-user-select: none; */

}

.form__inputgroup__credits{
  position: relative;

  font-size: 0.8vw;
}


.form__inputgroup__inputs{
  width: 100%;
  border: none;
  background-color: transparent;
}

.form__inputgroup__paragraph{
margin: 0;
padding: 0;
width: 100%;
word-break: break-word;
}


.screenlock{
  
  z-index: 998;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  position: fixed;
  display: none;
  top: 0;
  opacity: 0.87;
  left:0;
}


.ecards__form{

  height: 90%;
  padding: 5%;
  display: grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  grid-template-rows: 1fr;
  grid-column-gap: 2vw;
  grid-row-gap: 0px;
  backface-visibility: hidden;
  background-color: #f2f2f2;

}

.face.back{
  z-index: 999;
  transform: rotateY(180deg);
position: absolute;
width: 100%;
top: 0;
left: 0vw;
height: 95%;
background-color: #333;
backface-visibility: hidden;
}

.form__inputgroup{
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  align-content: end;
  position: relative;
}





.form--ecards{
  transform: translateY(100%)translateX(-50%) ;
}





.form--open{
transform: translateY(-50%)translateX(-50%) ;
}
/* .form--open{
  transform: translateY(-50%)translateX(-50%) rotate(-90deg);
}
@media screen and (orientation:landscape) {

  .form--open{
    transform: translateY(-50%)translateX(-50%)scale(1.5);
    }

 } */

#ecards.opacity{
opacity: 0.2;
}

#ecards.lock{
  /* pointer-events: none; */
  }

/* Actors */


/* SHARING */
.one-grid-flex.social{flex-wrap: wrap;}
.social{padding-top: 8vw; padding-bottom: 13vw;}
.social-icons{display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; }
.social-icons>a>svg{width: 3vw;
  padding: 1vw; display: block;}
.social>h2{width: 100%;
  flex-wrap: wrap;
  text-align: center;
  padding: 0;
  margin: 1vw;}

.social>div,.social>a{
  margin:0 3vw;
}

#fb-share-button>svg {
width: 3vw;
}
#fb-share-button:hover {
  cursor: pointer;
}

.tw-button>svg{
  width: 3vw;
}

.actor-image{
  width: 100%;
  background-size: cover;
  height: 100%;
  background-position: center;
  border-radius: 100%;
}

.staff-quote{padding-top: 10vw; padding-bottom: 5vw;}
.staff-description{padding-bottom: 10vw;}

.custom-select{
  /* display: none; */
}

.filter-reset-main{
  cursor: pointer;
}

.filter-search{
  display: none;
  padding-left: 3.3vw;
  width: 4vw;
height: 100%;
}

/* #filter>#calendar-container{
  display:none;
  position: relative;
  left: 0;

}

#filter>.open-close-calendar{
  left: 0!important;
} */

.search-icon{max-height: 4vw;
  max-width: 4vw;padding-right: 1vw;}


#actor-search,#event-search{
  /* pointer-events:none; */
  clear: both;
  display: flex;  
  align-items: center;
  justify-content: center;}

#actor-search>span{width: calc(var(--font-size-normal)*1.2);
  height: calc(var(--font-size-normal)*1.2);}
  #event-search>input[type='text']{display: none!important;}
#event-search{justify-content:flex-start;  opacity:0; height: 0; }  
#actor-search>input[type='text'],#event-search>input[type='text']{background-color: transparent;
  border: none; min-width: 12vw;}

.read-more{display: none;}


#actor-search>input[type='text']:focus-visible,#event-search>input[type='text']:focus-visible{}

#actor-search>input[type='text'].serif,#event-search>input[type='text'].serif{color:#bbb;}

input[type="text"] {
font-size: var(--font-size-normal-3);
}

.actor-menu{padding-top: 4vw;padding-bottom: 2vw;}

.actor-menu-search{padding-top: 1vw;}

.actor-menu-item{padding: 4vw;}

#actor-slider{max-width: 100vw; overflow: hidden;background-color: #eee;}

.actor-slider-slide{min-width: 300vw;}
.actor-slider-slide.transition{transition: 1s ease;}

.actor-name>span>span{position: absolute; height:1.6vw; width: 100%; display: flex; margin-top: -1.3vw;}
.actor-name>span>span>svg{height: 100%;width: 100%;margin-left: -1px;}
.actor-name>span{position: relative ;}
 .actor-name>div>i{padding-bottom: 2vw!important;}

.actor-opacity{color: #000!important;}


#actor-search{width: auto; position: relative;}

.search-close {
  display: none;

  top: 0;
  right: 0!important;
  }

  #actor-search>svg{position: absolute;max-height:2vw;transform: translateY(3vw)translateX(calc(var(--font-size-normal)*1.2)); width: 95%;}

.actor-hide * {color: #bbb!important; }
.actor-hide * svg{opacity: 0.3!important;}
.actor-empty{display: none!important;}
.actors{ padding-bottom: 8vw; grid-template-rows: auto 1fr;float: left;width: calc(100vw - var(--body-padding) - var(--body-padding)); padding: 14.5vw var(--body-padding) 0 var(--body-padding);}
.actors>a{display: flex; justify-content: center;}
.actors>span{-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
          page-break-inside: avoid; /* Firefox */
               break-inside: avoid; /* IE 10+ */ display: block;
               padding-bottom: var(--font-size-normal);}

.actors>a>article{width: 28vw; height: 28vw;padding-bottom: 16vw; transition: 0.3s ease; }
article.no-img>.actor-name,article.no-img>.ensemble-name{display: inline;}


/* JOBS */
ul>li>p{padding-top: 0!important; margin-top: 0!important;}
#superpage>article>div>ul>li{
  list-style: "– ";
}




/* ABOS */
/* auswählbare abos */

label.info{
  padding-bottom: 23vw;
}

.note__form{
  width: 7vw;
  left: 50%;
  transform: translateX(-50%);
  height: 7vw;
  background-color: transparent!important;
  position: fixed;
  bottom: 0;
  z-index:202;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: center;
}

.note__form__link{

  width: 100%;
  height: 100%;

}

.note__form--hide{
  display: none;
}

.note__form__link>svg{

  width: 100%;
  height: 100%;

}

.checkmark:focus{
  animation: hey_accessibility 1s ease forwards;  animation-delay: 0s!important;
}




#abo-description>h2{
text-align: center; 
padding-top: 0!important;
position: relative;
}
#abo-description>h2>span{
display: inline-block;
}
/* div#spielplan * .article-more-infos,div#spielplan * .event-tickets{
  display: none;
} */





/* Falls doch aktiv */

div#spielplan.more_infos_visible * .article-more-infos{

  display: block;

}

div#spielplan.more_infos_visible * .event-tickets{
  
  display: grid;

}



div#spielplan * .title_text.underline{
  background-image: none!important;
}


#abo-description{
  padding: 2vw 0 0vw 0!important;
  width: 100vw!important;
  max-width: none;
  min-width: auto;
}

#abo-description>article{padding: 0 0vw 2vw 0vw;}

#abos>article>div>svg{
  transform: translateY(-10.5%);
  padding: 0!important;
  display:block;
}

#abos>article>div{padding-bottom: 25%;position: relative;}

#abos>article{ padding: 0 0 8% 0!important; }

#abos>article>div>span>h2{padding: 0; font-size: var(--font-size-small); word-break: keep-all; white-space: nowrap;}
#abos>article>div>span>h2>.line>svg{transform: translateY(calc(var(--font-size-normal) * 1));}

#abos>article>div>span{position: relative; width: 70%; padding: 4% 15% 10% 15%; margin-top: 7.5%; display: block; }

.link-to-event{/*animation: hey 2s ease infinite; */ display: inline;
  right: -6.2vw;
  top: 1.1vw;
  position: absolute; }




.search-mobil{display: none;}
.link-to-event>h1{ /*animation: hey 2s ease infinite; */ transform: translateY(-1vw); transition: unset;  margin: 0;
  display: inline!important;
  right: 0!important;
  left: 0!important;
  top: 0!important;}

.link-to-event>h1.rightcenter,.link-to-event>h1.leftcenter{top: 0;}



.slider-abo {
  -webkit-appearance: none;
  width: 100%;
  height: 25px; 
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;}



.slider-abo:hover {
  opacity: 1;
}

.slider-abo::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #444;
    cursor: pointer;
}

.slider-abo::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #444;
  cursor: pointer;
}

/* formstyles */
label{display: block;padding-top: 0vw;}
#abo_order>section>input[type]{}
#abo_order>section{}
#abo_order>section>span>input{display:block;}
#abo_order>section>span>span>img{float: left;
  width: 33.9%;
  padding-top: 7.6%;}
#abo_order>section  input[type=text],#abo_order>section  input[type=password],#abo_order>section  input[type=email]{width: 100%; border: none; background-color: transparent; margin-top: 0vw;}
#abo_order>section>span>input[type=number]{display: inline-block;width: 3.4vw; text-align: center; border: none; background-color: transparent;  -moz-appearance: none; float: left;
  appearance: none;}

.arrow-back-abo{
  position: fixed;
}

.honeypot {
  position: absolute;
  left: -9999px;
}

input[type=number]{}
  #abo_order>section>span>span{float: left;height: 3.8vw;
    width: 8vw;}

    .centerforce>section{width: 40vw!important; padding-left: 30vw!important; padding-right: 30vw!important; padding-top: 10vw!important;min-height: auto!important;}
#abo_order>section{grid-column: 2;}
#abo_order>section{padding-top: 2.3vw;padding-bottom: 0; padding-left: 30vw;  padding-right: 30vw;  width: calc(100vw - 60vw); }



.category-inactive{display: none;}
.category-inactive{display: block;}
.order-form{position: absolute;
  right: 0; padding-right: 2vw; display: none;}
input[type=submit]{ margin-top: 2vw;
  cursor: pointer;
  margin-top: 2vw;
  border: none;}


  
.category-popup{ max-height: 0!important; overflow: hidden; transition: 1s ease;padding-top: 0;padding-bottom: 0;
display: flex!important;
align-items: center;
justify-content: center;}

span.number{display: flex;margin-left: -1vw;}

.counter-underline{ position: absolute; bottom: 0;align-items: center;
  display: flex;
  justify-content: center;
  }
  .counter-underline>svg{width: 3vw!important;
    margin-left: -3.7vw;
    height: 2.7vw;
    margin-top: 2.4vw;
    }

strong,em{font-weight: inherit!important;}

em{font-family:"Neue Haas Unica W01 Hea1492559"; text-align: left; font-size: inherit!important;
  display: inline;background-image: none!important;}


  u, strong, em, .underline {
    padding-bottom: 0.7vw;
  }

  
u,strong,em,.underline{
  background-size:50vw;
  background-repeat: repeat no-repeat;
  background-position: 50% 100%;
  padding-bottom: 0;
}
.flex-grid * u,.flex-grid * .underline{
  padding-bottom: 10px;

}


u>svg{display: none!important;}

  .popup-open{max-height: 100vh!important;  padding-top: calc(var(--font-size-normal) * 2)!important; padding-bottom: var(--font-size-normal);}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}


select {
width: 100%;
display: block;
border: none;
border-radius: 0;
height: 34px;
height: 8vw;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer; 
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 2.4vw;
  width: 2.4vw;
  background-color: transparent;
  margin-top: 0.2vw;
  margin-left: -0.1vw;
  
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.container input:checked ~ .checkmark:after {
  display: block;
}


.form-grid{
  display: grid;
  grid-template-columns: repeat(1,0.1fr 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  padding-bottom: 7vw;
}

#receiver_info{display: none;}
#abo_receiver-headline{display: none;}

.calendar,.event-filter{float: left; width: 50vw; padding-top: 0vw;padding-bottom: 0.5vw;
  padding-top: 0.5vw;}

.form-grid>label{padding-top: 0!important;}
.filter{padding-bottom: 0vw;padding-top: 1vw;}
.filter-text{margin-left:0;padding-right: 0; padding-right: 3vw; display: block; cursor: pointer;}
.filter-category{padding-top: 2vw;margin-left: -2vw;padding-left: 2vw;width: 32.2vw;}
.filter-category>span>img{width: 4vw;align-self: center;}
.filter-category>span{padding-bottom: 3vw; display: flex;}
.filter-category>ul>li{padding-bottom: 3vw;}

.category-1>span{color:#d7203f;}
.category-2>span{color:#f8c521;}
.category-3>span{color:#0058a4;}
.category-4>span{color:#84bf41;}
.category-5>span{color:#7dd5ff;}


/* NEWS */
.lc_w_100{width: 100%; }
.post{ min-width: 50%;
  max-width: 50%;
  float: left;
 
  min-width: 100%;
  overflow:hidden;
  max-width: 46%;
  break-inside: avoid-column;}
.post>.text{padding: 1vw 10% 10vw 10%;}
.news-grid-image{padding-top: 0vw; padding-bottom: 0.8vw;overflow: hidden; }
.news-grid-image>img{ width: 100%;}

.news-grid-image>img {
  background-color: #FF7A65 ;
}



/* news, videoplayer */
.playbutton{width: 9vw; height: 9vw;display: inline-block;position:absolute;opacity:1; }
.pausebutton{opacity:0}

#post>input[type=submit]{
  width: auto;  
position: absolute;
background: transparent;
border: none;
}

.playbutton,.pausebutton,.replaybutton{background-repeat: no-repeat; background-size: cover; background-position:center; }

.pausebutton:hover{opacity:1;}
.replaybutton:hover{opacity:1;}
.video-thumbnail-active{transform: scale(var(--line-height)); }
.video-container{
  height: 100%;
  overflow: hidden;
  display: flex;
  position: absolute;
justify-content: center;
align-items: center;
}
.video-container>video{height: 100%;}
.story-video{
  width: 100%;
  height: 100%;
  object-fit: cover;}

canvas{width: 100%; transform: translate3d(0,0,0); display: none; }


/* Story Wrapper */
.story-slider-wrapper{overflow: hidden;}
.story-slider{transition: 1s ease; display: flex; }


.news-grid-l{padding-left:var(--body-padding);}
.news-grid-r{padding-right:var(--body-padding);}
.news-grid-m{padding-left: var(--body-padding); padding-right:var(--body-padding);}

.news-grid-l,.news-grid-r,.news-grid-m{ 
  overflow: hidden;
 /* padding: 2vw; */
  
  max-width: 30.6vw;
min-width: auto;
float: left;
  width:auto;
display: inline-block;}

#news-grid * h2{font-size: var(--font-size-smaller-3)!important;}
  
  .story-slider-wrapper>ul{display: flex;justify-content: center; transform: translateY(-44%);
  margin-top: -6vw;}
  .story-slider-wrapper>ul>li{max-width: 10%; float: left; margin: 1%;  border-radius: 10vw; overflow: hidden;display: inline-flex;border: #fff 1.5px solid; transition: 1s ease;transition-delay: 0.2s}
  .fullscreen-story{position: fixed;
  height: 70vh;
  z-index: 99999;
  top: 15vh;
  left: 22vw;
  width: 56vw;
  background-color: beige;
  }

  .story-background{background-color: black; opacity: 0.8; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0;display: none;}

  .news-grid>div>p{text-align: center;}



/*SPIELZEIT */
#category-menu{
  margin-left: -1vw;
  grid-template-rows: 1fr;position: relative; }

  #category-menu * { cursor: pointer; }

  #category-menu.scroll{grid-template-columns: 1fr 3.5fr 1fr; }

.arrow-category{
background-color:#f8f8f8;
z-index: 99;
  }

  .arrow-category-back{
    background-color:#f8f8f8;
    box-shadow: 10px 0px 8px #f8f8f8;
    z-index: 99;  

  }

  #category-menu{display: flex;
    align-items: center;
    align-content: center;
    justify-content: unset;}

#category-slider{padding: 1.1vw 0 1.1vw 0;width: 95.5vw;overflow: scroll;}
.category-slider-slide{width: max-content;}
.category-slider-slide>li{float: left;height: auto!important;}
.category-slider-slide>li>a{margin-left: 0!important;}
.category-slider-slide>span,.category-slider-slide>li{padding: 0 0.8vw 0 0.8vw;}
.arrow-category{height: 100%;
  display: flex;
  align-content: start;
  
  align-items: center;
  justify-content: center;}
  


  .arrow-category-back{
    margin-left: -0.1vw;
    height: 100%;
display: none;
align-content: start;
align-items: center;
position: absolute;
justify-content: center;
padding-right: 1.5vw;
padding-left: 1.1vw;
  }

    
    .arrow-category{padding-left: 0.5vw;position: absolute;
right: 0;
top: 0;}

    .arrow-category-back.scroll{display: flex;}
  #category-slider::-webkit-scrollbar {
    display: none;
  }


.poster-placeholder{display: grid; 
  grid-template-rows: repeat(2, 1fr); 
  grid-column-gap: 0px;
  grid-row-gap: 0px;  padding: 0.4vw;}

.poster-placeholder * svg path{fill: white; stroke:none}

.poster-placeholder * {color: white;
  letter-spacing: -0.08vw;
  line-height: 0.84;
  transform: translateY(-0.1vw);
  font-size: 3.9vw!important;} 

.poster-placeholder>span>div{display: inline; font-family: "Neue Haas Unica W01 Medium It";}

.poster-placeholder * svg{transform:translateY(0.5vw)translateX(-0.2vw)}

.poster-placeholder>.title{display: inline-block;
  max-width: 100%;
  white-space: normal;
  word-break: break-word;
}

.poster-placeholder>.title,.poster-placeholder>.date {
  font-kerning: normal!important;
  text-rendering: geometricPrecision;
  font-family:"Neue Haas Unica W01 Medium It";
}

.poster-placeholder>.title>svg{
  height: 23%;
  width: 23%;
}

.poster-placeholder>.title>svg * {
transform: none!important ;
stroke-width: inherit;
}


/* THEATERBUS */
.poster-placeholder>.title>svg>g>g>path{
  stroke: white;
  stroke-width: 0;
}

  .poster-placeholder>.date{display: inline-block;
   align-self: flex-end; -webkit-hyphens: auto; hyphens: auto;}


  /*VERANSTALTUNGEN – SPIELZEIT*/
  .round-crop-image{width: 20vw; height: 20vw; border-radius: 20vw;background-size: cover; background-position: center;margin: auto;
    margin-top: 0;}
  .event-preview-text{text-align:center; width:100%; padding-top: 3vw;padding-bottom: 5vw;}
  .round-crop-image-text{align-items: baseline; text-align: center; width: 80%; padding: 0 10% 0 10%;}
  .event-preview{padding-top: 0vw;}

    .poster__link{display: flex; justify-content: center; align-items: start; flex-wrap: wrap; align-content: flex-start;}
    .poster__link__text{
      min-width: 100%;
      text-align: center;
      line-height: var(--line-height);
      padding-top: 2vw;
    }
  
#abofinder>article{padding: 4vw 2vw 2vw 2vw ;}
#abofinder{padding-top: 5vw; padding-bottom: 5vw;}
.oversize{height: 300vw;}


.spielplan-slider>div>hr{
  position: relative!important;
}

#spielplan>article>div * .color {transform: scale(0.9) translateY(-0.6vw);}

.event-preview-grid{
overflow: hidden;
display: grid; 
grid-template-columns: 1.31fr 1.51fr 0.9fr 0.4fr 0.5fr 3.2fr;
grid-template-rows: 1fr 1fr 1fr; 
gap: 0px 0px; 
grid-template-areas: 
  ". . . . . ."
  ". . . . . ."
  ". . . . . ."; 
 float: left;
  width: 94%;
}
.event-preview-grid>.time>div,.event-preview-grid>.date>div{
  letter-spacing: -0.29vw;
  margin-left: -0.2vw;
  display: inline;
}

.arrow{display: block; width: 5%; float: left;margin-top: 0.3vw;}
.away{display: none;}

#downloads>article{
overflow: hidden;
padding: 1vw 1.5vw 1vw calc(var(--body-padding) - 0.29vw);
cursor: pointer;
outline: none;
}


/*SPIELPLAN*/
    /*SPIELPLAN KALENDER*/

    .date{display: block;}
    .date_mobile{display: none;}
    .day_mobile{display: none;}
    .day{display: block;}
   #spielplan * , #downloads *{font-size: var(--font-size-normal-3)!important;}

    .today{ border-radius: 3vw;}
    .calendar-close{cursor:pointer;}
.next,.back{cursor:pointer}
    #calendar-container{left:0; transition: 1s ease;}
          #calendar-container{z-index: 100;max-width: 31.1vw;  overflow: hidden; max-height: 100vh; height: 100vh; background-color: #d4eff1; padding: 5vw; position: fixed; left: 0; top: 0;}
          #calendar-container>.c-slider>.c-month>.days{float: left;width: 100%;padding: 0  0.6vw  0.9vw 0.6vw;  }
          #calendar-container>.c-slider>.c-month>.days>div{float: left;width:4.6vw;}
          .c-month-nav{height: 4vw!important; text-align: center;width: auto!important;clear: both;padding-bottom: 1vw; padding-top: 2.5vw; display: flex; align-items: center;justify-content: space-between; }
          .c-month-nav * {display: inline-block;}

          .monthname{ float: left; text-align: center; width: 80%;}
          .event-day{background-color: #efbe05; border-radius: 3vw;}
  
          .c-slider{transition: 1s ease;}
          .c-month-nav>span{float: left; max-width: 10%;}
          .c-month-nav  * svg{max-width: 2vw;}
          .c-month-nav>span:last-child{float: right;}
          #calendar-container>div{width: 4000vw; height: 56vw;}
          span.back,span.next{display: flex; justify-content: center;justify-content: center;
            align-content: center;
            align-items: center;}
          span.next{padding-right: 0.6vw;}
          span.back{padding-left: 0.6vw;}
          .open-close-calendar{left: -66.66vw!important;}
            .mapboxgl-popup-anchor-left .mapboxgl-popup-tip{border-right-color: #1e1e1e!important;}
          .calendar-nav{width: auto!important;
            height:auto!important;}

          .calendar-nav>span>img{float: right;max-width: 5vw;}

            .calendar{  width: 46vw;
        
              padding-left: var(--body-padding);}

              .calendar>span{cursor: pointer;}

          .c-month{max-width: 33vw; float: left; padding-right: 3vw}

          .fade{opacity: 0!important; transition: 0.1s ease;}

          .c-day{max-width: 4vw; float: left;width: 2.7vw; height: 2.7vw; padding: 0.5vw;
            margin:0.36vw 0.41vw; position: relative;text-indent:-0.05vw;
            opacity: 1;max-height: 4vw;line-height: 4vw;text-align: center;font-kerning: none;}

            .calendar-close{position: absolute; right: 1.2vw; top: 1.2vw; width: 2.6vw;
              height: 2.6vw;}

          .c-day>svg{left:0; top: 0; position: absolute;width: 100%;height: 100%;}
            
    /* Startscreen-Item */
          /*SPIELPLAN PREVIEW AUF STARTSEITE*/
       /*   #spielplan{background-color: #f8f8f8!important;} */

       #spielplan > hr:last-of-type{position: absolute;margin-top: -2px!important;}
       #spielplan>.link-container{display: flex; margin-top: 4vw;padding-bottom: 1.9vw;}
          #spielplan * , #downloads *{line-height: var(--line-height);}
          #spielplan>article{padding: 1vw 1.5vw 1vw calc(var(--body-padding) - 0.29vw); cursor: pointer; outline: none;}
 
          /* Hier kann ein focus gewählt werden */
          #spielplan>article:focus-visible{animation: hey_norotate 1s forwards;}

          #spielplan.preview{max-width: 100vw; overflow: hidden;}
          .spielplan-slider{width: 300vw; transition: 1s ease;transition-delay: 1ms; display: block;padding-bottom:4vw;  overflow: hidden;}
          .spielplan-slider>.daygroup{max-width: 100vw; display: block; float: left; position: relative;}
          .day-switch{display: flex; align-items: center; justify-content: center;padding: 1vw 0 1vw 0}
          .day-switch>span>a>span>svg{transform: translateY(0.4vw);bottom: 0;  }
          .day-switch>span{padding: 1vw 1vw 0.9vw 1vw; margin:2vw ; text-align: center;}
          .day-switch * .line>svg{/*margin-top:-0.9vw; */}
          .spielplan-slider>.daygroup{width: 100vw;}
          .arrow>span>img{height: 3vw;width: 3vw; float: right; }
          .arrow-down * {stroke: white}
          .arrow-down.dark * {stroke: black;}

              .slides>article.slideshow-image{background-color: black;}
              .slides>article.dark-slide{background-color: #f6f6f6;}

          .arrow-down{
          border-radius: 7vw;
          display: flex;
          display: none;
          width: 5vw;
          /* height: 5vw; */
          align-items: center;
          justify-content: center;
          transition: 1.5s ease;
          cursor: pointer;
          transform: translateX(-50%);
          position: absolute;
         bottom: 4vw;

           
          margin-left: 50vw!important;}

          .arrow-down svg#Ebene_1 {
          width: 70px;
          height: 70px;}

          article.dark-slide{background-color: black;}

  .three-parent-page-slide * .arrow-down{ top: 84vh;}
  .arrow-down>svg>line, .arrow-down>svg>polyline{stroke-width: 0.2vw!important; stroke:black!important}

.arrow-down>svg{display: none;}

  .scroll-downs{
  position: absolute;
  margin: auto;}

.mousey{
  width: 0.6vw;
  padding: 0.6vw 0.6vw 0.6vw 0.6vw;
  height: 2.5vw;
  border: 0.15vw solid #fff;
  border-radius: 1vw;
  opacity: 0.75;
  box-sizing: content-box;
  display: flex;
  align-content: center;
  justify-items: center;
  justify-content: center;
}
.scroller {
  width: 0.15vw;
  height: 0.5vw;
  border-radius: 25%;
  background-color: #fff;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(1vw); opacity: 0;}
}
            
          .arrow>.event_up{display: none; }
          .spin{transform: rotate(180deg); }
          .icon_image>svg{height: var(--font-size-normal-3);
            width: var(--font-size-normal-3);}

            .icon_image{transform: translateX(-1vw); display: block; transform: translateX(-0.1vw) scale(0.96)}
            .icon_image>img{position: absolute;}
          .link-container.lc_left>a{text-align: left;transform: translateY(50%) translateX(33.33%);}  
          /* .link-container.lc_left>a>svg{height: 100%; width:125%; height:120%;  transform:  translateY(-7%) translateX(-12.5%)!important;}  */
          /* .link-container.lc_left.lc_m>a>svg{height: 100%; width:150%; height:150%;  transform: translateY(-21%) translateX(-20%)!important;}  */
          .three-page-link>.circled-link>svg{height: 150%!important;}
          .three-page-link>.circled-link-panel>svg{height: 150%!important;}

          #spielplan.preview>.link-container,.link-container{align-self: center; justify-content: center; display: flex;}
          #spielplan.preview>.link-container{padding-top: 4vw;}
          #spielplan.preview>.link-container>a,.link-container>a{width: 100%; text-align: center; display: inline; position: relative; /*transform: translateY(50%); */ }
          /* .link-container{height: 0vw;} */
          .link-container>a>span{position: absolute;transform: translateX(-50%) translateY(-50%);white-space: nowrap;color: blacK;}
          .link-container.lc_left{/*display: table; */min-height: -webkit-fit-content;min-height: fit-content;min-height: moz-fit-content;}
          .link-container.lc_left>a>span{position:relative!important}
          .link-container.lc_left>a{transform: translateY(0%)!important;margin-left: 0vw; width: fit-content;
            margin: auto 0.2vw;}
          /* .link-container.lc_left>a>svg{transform: translateX(-25%) translateY(-50%);} */
          #spielplan.preview>.link-container>a>svg{position: absolute;/*transform: translateX(-25%)translateY(-25%);*/ transform: translateX(-50%) translateY(-50%); max-height: 6vw; width: 92%; }
          .link-container>a>svg{/*position: absolute;transform: translateX(-25%)translateY(-25%);transform: translateX(-50%) translateY(-50%); max-height: 6vw; width: 92%;*/  }
          #spielplan>.spielplan-slider>.daygroup>article{padding: 0 0 0 0;}
          .filter-categories>.link-container.lc_left>a, .filter-main-menu>.link-container.lc_left>a{
            margin-left: 3vw;
          }
          .link-container.lc_left>a>svg{
          /* transform:translateY(-21%) translateX(-12.5%)!important; */
        }
          .slider-points{
            opacity: 0;
            transition: 1.5s;
          }

          .slideshow:hover .slider-points{
            opacity: 1;
          }

          .filter-menu * .link-container{display: table;}

          .filter-categories * img{transform: translateX(-0.2vw);}

          .subpage-nav>.link-container.lc_left>a {margin-left: 4vw;}
          /* .subpage-nav>.link-container.lc_left>a>svg{transform: translateY(-21.4%) translateX(-15%)!important;} */

.filter-main-menu>li>a{
  margin-right: -1.2vw;
  }

  .mobile-filter{
    
    padding-left: 7.5vw;
  }

  #filter-page-title{
    padding-left: 2vw;
    padding-bottom: 4vw;
    padding-top: 3vw;

  }
          
          .location>.text{display: none;}
          .location-menu{
            cursor: pointer;
            /* height: 2.3vw; */
            
            overflow: hidden; user-select: none;}
          .location-menu-arrow{height: var(--font-size-normal); 
            width: var(--font-size-normal)!important;  
            display: block; float: right;position: absolute;
            top: 0.3vw;
            right: -0.3vw;
            } 
          .location-menu>li{padding-left: 2vw; visibility: hidden;}
          .location-menu>li:not(:first-child):hover{background-color: rgb(222, 208, 174)}
          .location-menu>:first-child{visibility: visible!important;background-color: transparent;}
          
          /* .location-menu>li:last-child{padding-bottom: 1vw;}
          .location-menu>li:nth-child(2){padding-top: 1vw;}
          .location-menu>li:last-of-type{padding-bottom: 1vw;} */



          /*Farben für Locations*/
          .color_theatercafe{background-color: #055BAA;}
          .color_markgrafentheater{background-color: #ff4625;}
          .color_theater_in_der_garage{background-color: #ffc053;}
          .color_foyercafe{background-color: #00afe9;}
          .color_buhne_digital{background-color: #f29bc1;}
          .color_spotify_itunes_googlepodcasts{background-color: #055BAA;}
          .color_treffpunkt_theaterhof{background-color: #94be58;}
          .color_theaterhof{background-color:#a740ff;}



          .event-search>input[type='text'] {
            background-color: transparent;
            border: none; min-width: 12vw;
            }
            .event-search{margin-left: -4vw; display: none;padding-top: 2vw;            display: none;
            }
            .show-event-search{visibility:visible!important; display: flex!important;}
            .show-event-no-padding{padding-bottom: 0;}

            /*suchfunktion bei events*/

            .event-opacity{opacity: 1!important;}
            .event-hide{opacity:0.2;}
            #spielplan>article{opacity:1;}

          .event-filter{width: 40vw; }

          .color_schlossplatz,.color_treffpunkt_theaterhof{background-color: pink;}
            
          .image>img{max-width: 40%;}
          .event-tickets>a{color:#1bd265!important;display: contents;}
          .color{float: right;height: 2.4vw;width: 2.4vw;border-radius: 1.4vw;margin: auto; margin-top: 1.2vw; margin-right: 3vw;}
          .location>.text{display: none;}
          .filter-spielorte>li>.color{float: right;height: 1.7vw;width: 1.7vw;border-radius: 1.4vw;margin: auto; margin-top: 1.2vw; margin-right: 3vw;}

          .location>.color{margin-top: 0.7vw;float: right;height: 2.3vw;width: 2.3vw;border-radius: 1.4vw;margin: auto; margin-top: 0.8vw;
            margin-right: 2.4vw;}
          .icons>.icon_image{margin-top: 0.4vw;}

          .filter-spielorte>li>.color{float:left; margin-right: 1.7vw;}
          .icons_mobile>.icon_image>img,.icons>.icon_image>img,.icon_image>img{height: var(--font-size-normal-3);width: var(--font-size-normal-3); float: right; margin-right: 1vw; margin-top:0.1vw;}
        
          #alle-spielorte{clear: both;}
          #alle-spielorte>span{height: 2.4vw;
            width: 2.4vw; display: inline-block; margin-right: 1.7vw;}


          #startscreen * { color: white;}
          #spielplan>article{   overflow: hidden; border-bottom: 1px solid #bbb;}
          .startscreen-grid{display: flex;display: grid; 
            grid-template-columns: 1.1fr 1.1fr 1.1fr 1.1fr 1.1fr 1.1fr; 
            grid-template-rows: 1fr 1fr 1fr; 
            gap: 0px 0px; 
            grid-template-areas: 
              ". . . . . ."
              ". . . . . ."
              ". . . . . ."; }

          .startscreen-item{
            width: 10vw; height: 10vw;
          display: none!important;
            margin:1vw; text-align: center;
          font-size: 1.7em;
            display: flex;
            justify-content: center;
            align-content: center;
            flex-direction:column;
            line-height: 0.8em;
          }

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

          address>a{font-style: normal;}

          .title_text:after {
            content:"";
            display:inline-block;
            height:2px;
            width:2vw;
            width: calc(var(--font-size-normal-3) / 3) ;
          }
         

          .altersfreigabe>img{width: 3.9vw;
            max-height: calc(var(--font-size-normal));
            float: right;
            /* margin-left: -1.6vw; */
            margin-top: -0.1vw;
            transform: translateY(0.6vw);}
            .additional>img{width: 3.3vw; max-height: var(--font-size-normal); transform: translateY(0.6vw);
              float: right;}
             div.event-preview-grid * span.altersfreigabe > img {margin-top: 0; }
          .altersfreigabe,.additional{vertical-align:center; display: inline-block;margin-top: -1vw;}
          /*Spielplan-Preview auf Startseite*/
          #spielplan{background-color:#eee; height: auto; min-height: auto; width: 100vw!important; max-width: none;padding-bottom: 7vw;}
         /* nicht bei abos */
         #abo-description>#spielplan{padding-bottom: 0;}

          .date-placeholder{display: none;}
          .event-preview-grid{height: auto!important; grid-auto-rows: minmax(min-content, max-content);
            grid-template-rows: auto;}
          .event-more-detail{margin-top: -0.8vw; grid-template-columns: 1.79fr 1.1fr; display: grid; height: auto!important; grid-auto-rows: minmax(min-content, max-content);
          grid-template-rows: auto auto 1fr auto auto;float: left; max-width: 90%; max-height: none;
          overflow: hidden; width: 90%;}


          .event-more-detail,.event-preview-grid{
            padding: 0.29vw 0.29vw 0.29vw 0;
          }

          .event-more-detail{
            display: none;
            padding-bottom: 0.01vw!important;
          }


          p>.age{
            font-family: Neue Haas Unica W01 Regular, sans-serif!important;
            background-color: black;
            color: white;
            border-radius: calc( var(--font-size-normal-3) * 0.5);
            font-size: calc( var(--font-size-normal-3) * 0.7)!important;
            height: 100%;
            mix-blend-mode: multiply;
            display: inline-block;
            padding: 0.2vw 1.0vw 0.2vw 1.0vw;
            transform: translateY(-0.2vw);
            margin: 0vw 0.7vw 0vw 0.8vw;
          }

          #spielplan.spielplan-seite{min-height: 100vh; padding-bottom: 6.3vw;}

          .event-tickets{grid-template-columns:1.59fr
            0.98fr; 
            display: grid; 
            height: auto!important;
            grid-auto-rows: 
            minmax(min-content, 
            max-content);
            
            grid-template-rows: 
            auto auto 
            1fr auto 
            auto;float: 
            left; max-width: 
            90%; width: 
            100%;grid-column-start: 
            -1;padding-bottom: 
            0.3vw; margin-top:-0.7vw}
            
          .event-img{width: 50%; float: left;min-width: 50%;min-height: 1px;}
          .event-img>img{max-width: 40%;}
          .spielplan-seite{margin-top: var(--header-max-height);}
          .event-description{width: 43.8%;
            float: left;
            margin-top: -0.5%;
            margin-left: 5.53%;}

          .event-description>.description>span{display: none;}
          .event-preview-grid>.grid{border-top: #bebebe 1px solid!important;}
          .event-more-detail>.image{background-size: contain;
            margin-top: -4vw;
            background-repeat: no-repeat;}
          .news-link{text-align: center; width: 100%; float: none; clear: both; background-color: palegoldenrod!important;}

          #splash_spielplan>svg{overflow:visible; }
          #splash-screen-path{stroke-width:0; transform: scale(2) translateY(-120%); }

          /*SUBPAGES */
          /*von junges Theater, Haus, Karten und Service*/
          /*Map*/
          section.gmap-container{padding: 3vw;
            padding-bottom: 2vw!important;
            min-width: auto;
            max-width: none;
            overflow: hidden;
            height: 73vw;
            width: 96vw;
            padding-top: 2vw!important;
            padding-left: 2vw!important;
            padding-right: 2vw!important; }
          .maplocation{transition: translate(-4vw)}

          .gmap-container>span{padding-bottom: 2vw;display: grid;
            position: relative; 
            grid-column-gap: 25vw;
            grid-template-columns: repeat(2, 1fr); 
            grid-template-rows: 1fr; 
          }
          .gmap-container>span>div{
            margin-top: -0.5vw;
            position: absolute;
            width: auto;
            padding-left: 2vw;
            right: 0;
            z-index: 999;
          }
          .mapboxgl-popup-content>p{
            font-size: var(--font-size-small-3);
          }
          .gmap-container>span>div>ul>li>label{margin: 0;padding: 0;}
          .gmap-container>span>div>ul>li>label>span>svg{height: var(--font-size-normal);width:var(--font-size-normal);float: right;}
          .gmap-container>span * {
            /* width: 100%; */
             text-decoration:none!important;     -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;}
          .gmap-container>span>p{margin: 0;}
          .gmap-container>span>div>ul>li>span{width: 0vw;
            display: inline-block;}
          .gmap-container>span>div{text-align: right;}
            canvas{display:none!important}
          .mapboxgl-ctrl-attrib-inner{display:none!important}
          .mapboxgl-ctrl-logo{display:none!important}
          .maoboxgl-popup{white-space: nowrap;}
          .mapboxgl-popup-content{background-color: #1e1e1e!important; padding:0.7vw 1.7vw 1.1vw 1.8vw!important; transform: translateX(40px); width: max-content;}
          .mapboxgl-popup-content *{color: white!important;}
          .mapboxgl-popup-content>p{padding: 0!important; margin: 0!important;}
          .mapboxgl-popup-close-button{display: none!important;}
          .mapboxgl-marker{cursor: pointer;}
          .mapboxgl-marker:hover{border:0.2vw solid transparent; border-radius: 100%; background-repeat: no-repeat;}


          /* .mapboxgl-popup-content>p{font-size: var(--font-size-smaller-3);} */
          .mapboxgl-popup-tip{border-top-color: #1e1e1e!important;}
          /*Spielstätte Auswahlmenu aufklappen*/
          /* .gmap-container>span>div>ul>li:first-child{display: block!important; background-color: transparent!important;} */
         
          .gmap-container>span>div>ul>li{display:block;padding-right: 3vw;
            /* margin-left: -3vw; */
            background-color: rgb(226, 214, 184);
          }
         
          iframe{width: 100%; height: 30vw;}
          section>.gmap{height: 91%;max-height:91%;}
          .gmap>iframe{max-height: none!important; height: 100%!important;}
          .section-header{display: flex; min-height: 60vw;}
          section>.map-meta{grid-auto-flow: column;
            background-color: #f5d2c6;
            display: block;
            columns: 3;
            column-gap: 2vw;
            column-fill: auto;
            height: 7.6vw;
          /* margin-left: -3vw; */
        }

          figure.right{float: right;}
          

        .subpage-nav{display: flex;
          align-items: center;
          margin-bottom: 4vw;
          position: absolute;
          width: 54%;
          top:48vw;
          margin-left: 20%;
          justify-content: center;
          align-self: flex-end;
        z-index: 900;
       }
        
        .subpage-nav>li{float: none!important; clear: both;
          max-width:auto; 
          display: inline-flex;
        top: 90vh;}

        .subpage-nav>li{width: 100%;}

        .link-container * svg{
          left: 50%;
          max-height: 5.6vw;
          min-height: 4.6vw;

          pointer-events: none;
          bottom: 50%;
          transform: translateX(-50%)translateY(50%);width: 125%; /* height: 120%; */
          position: absolute;}

        .subpage-nav>li>.link-container{min-width: 100%;}
        li.page-subpage-li>.link-container{display: flex; align-items: center; justify-content: center;transform: translateY(-28%);}


        #zu-sehen-in>h2>svg{display: block; margin-top: calc(var(--font-size-normal)/ -35.3) ;}

          /*Filter*/
          .open-close-filter{right: -66.66vw!important; display: none;}

          #filter{width: 66.6vw; height: 100vh; position: fixed; right: 0; z-index: 999;max-height: 95vh;
            min-height: 95vh;
            padding-bottom: 5vh;
            background-color: burlywood; top:0; background-color:#d4eff1; transition: 0.5s ease; overflow: scroll;}
          .filter-menu{padding-bottom: 0.9vw;justify-content:flex-start; }
          .filter-menu>ul>li{float: left; padding-right: 0vw;}
          .filter-menu>ul:first-child>li:first-child{}
          .filter-menu>ul:first-child>li:last-child{padding-left: 3vw;margin-top: 0.7vw;}

          .filter-menu>ul{width: auto;  margin-top: 4vw; display: block; padding-left: 10vw; clear: both;}
          .filter-menu>.filter-genre{  float: left;}
          .filter-menu>.filter-genre>li{float: none;}
          .filter-categories{padding-bottom: 6vw; float: left; margin-top: 0; padding: 0;}
          .filter-themen{padding-left: 13vw!important;}
          .filter-themen>li:first-child{float: none;}

          .filter-themen>li{padding-right:1.3vw!important ;}
          .filter-genre>li:first-child>a{margin-left: 4vw;}
          .filter-spielorte>li:first-child{padding-left: 2.6vw;}
          .filter-spielorte>li{
            clear: both;
          }

          
          .filter-spielorte>li>span{width: calc(var(--font-size-normal) * 0.66) ; height: calc( var(--font-size-normal) * 0.66 ) ;
            
            border-radius: 2vw;
            transform: scale(0.8) translateY(0.2vw);
            display: inline-block;
            margin-right: 0.3vw;}
          .close_icon{width: 2.5vw;
            cursor: pointer;
            height: 2.5vw;
            padding: 1vw;
            margin-top: 0vw;
            float: right;
            display: flex;
            justify-content: center;
            align-items: center;}
            .close_icon>svg{width:100%}

            .close_icon:hover,.calendar-close:hover{animation: fadein_blob 1s ease infinite ;}

          
          .article-more-infos{overflow: hidden; 
            height: auto;
            width: 100%;
            max-height: 0px;
            float: none;
            transition:0.5s cubic-bezier(0, 1, 0, 1);}
            .article-more-infos.open{
              padding-bottom: 0.7vw;

            }
           
          .filter-toggle{display: none!important;}
            .circled{display: unset;}
            .circle-box{display: none;}
          .filter_age>li:first-child{padding-left: 0vw;display: block!important;}
          .filter_age>li{display: none;}

          .filter_age>li>.altersfreigabe>img{margin-left: -0.9vw; vertical-align: bottom;}
          .filter_age{margin-top: 0!important;}
            .filter-themen>li>a,.filter-spielorte>li>a{margin-left: 0!important;}
          .month-mobil{  width: 100%;
            text-align: center;
            display: none;
            position: sticky;
            top: 0;
            background-color: #eee;
            height: 9.5vw;
            border-bottom: 2px solid #bebebe;
            line-height: 186%;
            padding-top: 2vw;}



          /* Barrierefreiheit / accessibility */


            
  .accessibility{float: right;display: flex;
  background-color: white;
  /* box-shadow: -10px 0px 10px white; */
  padding-left: 1.3vw;
  position: absolute;
  right: 0;
  z-index: 999;
  align-items: center;
  padding-top: 0.7vw;
  margin-right: 0;
  transition: 1 s ease;
height: calc( var(--header-max-height) - 1.4vw );
  padding-bottom: 0.7vw;}


  .accessibility.closed{
    box-shadow: none;
  }

  .accessibility {
  padding-top: 0.7vw;
  padding-bottom: 0.7vw;}

  .accessibility>a>svg {
  height: 120%;
  /* transform: translateY(-10%); */
}
span#help{padding-right: 1vw;}

.fontsize>a>span>span{font-size: 0.7em; font-weight: 600;}
#accessibility-arrow>svg{width: 40vw; height: 40vw;}
#accessibility-arrow{width: 100vw;height: 90vh;position: fixed; top: 10vw; left: 0; display: flex; align-content:flex-start; align-items:flex-start;justify-content: end; justify-items: center;}
.accessibility.closed{
  
  transform: translateX(100%);
  margin-right: 4.8vw;
  /*
margin-right: calc(var(--font-size-small-3) * -9.1)
*/
}
/* .accessibility.closed .link-container{opacity: 0;} */

.accessibility{    padding-bottom: 0.7vw;
  transition: 1s ease;
  padding-top: 0.7vw;
 /* max-height: 1.9vw; */}
/* .accessibility>div{padding-right:2vw;} */
.accessibility>div:first-of-type{display:none; }
.accessibility>a:first-child>svg{transform: translateY(-3.3%)}
#accessibility-options *{font-size: calc(var(--font-size-small-3) * 0.7 );}



#accessibility-options>label{height: min-content; padding-left:0.8vw; font-size: var(--font-size-small-3); display: none;}

#accessibility-options>span{padding-right:0;display: flex;width: var(--header-max-height);height: var(--header-max-height); }
#accessibility-options>span>svg{width: var(--header-max-height);height: var(--header-max-height); cursor: pointer;float: left; width: 5vw;}
.accessibility>div>a>svg{visibility: hidden;}

#accessibility-options>span:first-child{padding-left: 0.3em;}
#accessibility-options>span:last-child{ position: absolute; right: 0;}

#accessibility-options{display: flex; background-color: #d4eff1; transition: 1s ease;top: 0vw;width: 100vw; z-index: 998;margin-top: var(--header-max-height); position: sticky;
top: var(--header-max-height); align-content: center; align-items: center;}
#accessibility-options.closed{transform: translateY(-6vw); margin-top: 0; visibility: hidden; height: 0!important;display: none;}
.accessibility>a>svg{position: absolute; height: 100%; overflow: visible;}


.accessibility>a{padding-right: calc(var(--font-size-small-3) * 1.7) ; position: relative;height: var(--font-size-small-3);
height: var(--font-size-small);cursor: pointer; 
align-items: center; } 

.accessibility>a:first-of-type{padding-right: 4.5vw ;}

.accessibility * {cursor: pointer; height: auto;}
svg>path{fill: none;}

.accessibility.closed:hover{

/* margin-right: 6vw; */
}

#help-text{margin-left: -8vw;}

/* TTS Reader */
#accessibility-options>span:not(:last-child)>svg:hover * {fill: black}
 
#parent-back-arrow{position: absolute;
  top: var(--header-max-height);
  z-index: 1;
left: 0.5vw ;
/* display: none!important; */
}

  #parent-back-arrow>a{
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  justify-items: center;
  font-size: calc(var(--font-size-small-3) * 0.8 );
}

#parent-back-arrow * path{stroke: black;}


  #parent-back-arrow>a>svg{transform: rotate(-90deg)scaleY(-1); }

#arrow-top{display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
height: 13vw;}
  #arrow-top>a>svg{transform: scaleY(-1);}

  #arrow-top>a{width: 5vw; height: 5vw; display: flex; align-content: center; justify-content: center;}
#arrow-top>a>svg{height: 100%; width: 100%; }
  
.event-preview{word-break: keep-all;}

  .reader-icon{
  position: absolute;
  top: 0;
  left: 2vw;
  visibility:hidden;
  /* padding-left: 0.5vw; */
  /* visibility:hidden; */
cursor: pointer;
/* align-items: center; */
/* padding: 0.4vw 0 1vw 0;
width: 4.2vw;
height: 4.2vw;
display: flex; */
/* align-content: center; */
/* justify-content: center;
left: 0; */
}

.rrn{

  /* background: #DE90C1; */
  
  border-left:1vw solid;
  
  border-top:1vw solid;
  
  border-radius: 
  1vw;
  
  margin-left: 
  -1vw!important;
  
  margin-top: 
  -1vw!important;
  
  } 

.reader-icon>svg{width: 2vw;
height: 2vw;}

/* Sitemap */
ol>li{display: block!important;}


  /*  TWEAKS */

/* Podcast iframe */

.event * iframe{

}

  /* Hide scrollbar for IE, Edge and Firefox */
  #category-slider {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  }


  @media (min-aspect-ratio: 16/9) {
    .subpage-nav{
      bottom: 0vw;
      top: auto!important;
    }
}


/* changes before new site in 2024 */

/* event page, right coloumn  */
.rightColumnEventPage figure{
margin: 0;
}

.rightColumnEventPage img{
width: 100%;
}