:root {
  --pink: #FDF8F6;
  --tuerkis: #75AFAF;
  --tuerkis2: #3A6464;
  --gruen: #878B23;
  --gruen2: #5B5E18;
  --lila: #A095C4;
  --lila2: #635397;
  --orange: #F18846;
  --orange2: #B64E0E;
  --rot: #C5383F;
  --schwarz: #010101;
  --weiss: #FFF;
  --flexcolor: var(--rot);
  --mw: 1400px;
}

.bg_pink 		{ background-color: var(--pink); }
.bg_tuerkis 	{ background-color: var(--tuerkis); }
.bg_gruen 		{ background-color: var(--gruen); }
.bg_lila 		{ background-color: var(--lila); }
.bg_orange 		{ background-color: var(--orange); }
.bg_rot 		{ background-color: var(--rot); }
.bg_schwarz 	{ background-color: var(--schwarz); }
.bg_weiss 		{ background-color: var(--weiss); }

.pink 		{ color: var(--pink); }
.tuerkis 	{ color: var(--tuerkis); }
.tuerkis2 	{ color: var(--tuerkis2); }
.gruen 		{ color: var(--gruen); }
.gruen2    	{ color: var(--gruen2); }
.lila 		{ color: var(--lila); }
.lila2 		{ color: var(--lila2); }
.orange 	{ color: var(--orange); }
.orange2 	{ color: var(--orange2); }
.rot 		{ color: var(--rot); }
.schwarz 	{ color: var(--schwarz); }
.weiss 		{ color: var(--weiss); }



h1, .h1 { display: block; color: #000; margin: 0; padding: 0; font-size: 40px; line-height: 46px; font-weight: 600; letter-spacing: -2px; }
h2, .h2 { display: block; color: #000; margin: 0; padding: 0; font-size: 32px; line-height: 38px; font-weight: 600; letter-spacing: -1px; }
h3, .h3 { display: block; color: #000; margin: 0; padding: 0; font-size: 28px; line-height: 36px; font-weight: 500; letter-spacing: -1px; }
h4, .h4 { display: block; color: #000; margin: 0; padding: 0; font-size: 24px; line-height: 30px; font-weight: 600; letter-spacing: -1px; }
h5, .h5 { display: block; color: #000; margin: 0; padding: 0; font-size: 16px; line-height: 24px; font-weight: 600; letter-spacing: -1px; }
h5.kerning, .kerning { display: block; text-transform: uppercase; margin: 0; padding: 0; font-size: 16px; line-height: 26px; letter-spacing: 2px !important; font-weight: 500; }

.hero1 { font-size: 100px !important; line-height: 100px !important; font-weight: 600; }
.hero2 { font-size: 80px !important; line-height: 80px !important; font-weight: 600; }
.hero3 { font-size: 60px !important; line-height: 60px !important; font-weight: 500; }

strong, b { font-weight: 600; }
img { max-width: 100%; height: auto; }


.intro .video { position: absolute; z-index: 0; left: 0; top: 0; height: 100%; width: 100%; object-fit: cover; overflow: hidden; }
.intro .video:before { content: ""; position: absolute; top:0; right:0; left:0; bottom:0; z-index:1; mix-blend-mode: screen; background: rgba(197,56,63,.75); }
.intro video { position: absolute; z-index: 0; width: 100%; left: 0; top: 0; height: 100%; object-fit: cover; }




.intro { font-size: 30px; line-height: 36px; }
.intro p { max-width: 60%; }
.intro .content_inner2 { position: relative; display: flex; align-items: end; max-width: 100%; padding: 0; min-height: 900px; }
.intro .content_inner3 { position: relative; display: flex; align-items: end; max-width: 100%; padding: 0; min-height: 900px; background-image: url('../../img/maske.svg'); background-size: auto 80%; background-position: bottom center; background-repeat: no-repeat; width: 100%; }
.intro .content_inner3b { position: relative; text-align: left; max-width: var(--mw); width: 100%; color: #fff; margin: 0 auto 40px auto; padding: 20px 30px; box-sizing: border-box; }
.content_inner3b video { position: absolute; z-index: 0; width: 100%; height: 690px; object-fit: cover; width: 480px; left: auto !important; top: auto !important; right: 12%; bottom: -40px; border-top-left-radius: 240px; border-top-right-radius: 240px; }


.intro .termin { position: absolute; z-index: 1; right: 0; bottom: 25px; font-size: 20px; transform: rotate(-90deg) translate(100%, 0); transform-origin: right bottom 40px; }
.intro .hero1 { font-size: 180px !important; line-height: 160px !important; }
.intro h2 { color: var(--weiss); }
.intro .kerning { margin-left: 5px; text-transform: uppercase; color: #fff; margin-bottom: 20px; letter-spacing: 2px !important; max-width: 45%; }
.intro .klein { font-size: 18px; line-height: 24px; max-width: 45% }
.intro .button2 { background-color: transparent; color: #fff; border-color: #fff; }

#home { background-image : url('../../img/icon_home_weiss.svg'); display: inline-block; width: 30px; height: 30px; vertical-align: top; background-size: contain; background-repeat: no-repeat; background-position: center; }
.smaller #home { background-image : url('../../img/icon_home_rot.svg'); }


#header_main { display: block; font-size: 0; line-height: 0; position: relative; text-align: center; max-width: var(--mw); width: 100%; margin: 0 auto; padding: 20px; box-sizing: border-box; z-index: 9999999; overflow-y: auto; max-height: 100vh; }


#header_left 	{ display: inline-block; width: 33%; vertical-align: middle; text-align: left; }
#header_middle	{ display: inline-block; width: 33%; vertical-align: middle; text-align: center; }
#header_right	{ display: inline-block; width: 33%; vertical-align: middle; text-align: right; }
#header_right a { margin: 0 5px; }


.xheader_11 #click_menu { background-image : url('../../img/icon_menu_tk.svg') !important; }
.xheader_11 .button_tickets { color: #75AFAF; background-image: url('../../img/icon_ticket_tk.svg '); }




html {
width: 100%;
margin: 0 auto;
max-width: 1920px;
overflow-x: hidden;
}

BODY  {
margin: 0 auto;
max-width: 1920px;
background-color: #efefef;
font-family : 'Avenir Next', Arial, sans-serif, Tahoma, Verdana, Helvetica, sans-serif;
color: #000;
font-weight: 500;
font-size: 20px;
line-height: 28px;
overflow-x: hidden;

-webkit-font-smoothing: antialiased;
}

.transition_1 { -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -ms-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

.transition_2 { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;  }

div { box-sizing: border-box; }
a { text-decoration: none; }


header { position: fixed; display: block; z-index: 10001; width: 100%; background:none; text-align: center; box-sizing: border-box; z-index: 9999999; margin: auto; max-width: 1920px; }
header.aktiv { background-color: #fff; min-height: 100vh; }
header.aktiv #header_main #logo {  background-image : url('../../img/bad_hersfelder_festspiele_logo_schriftzug_links_rot.svg'); }
header.aktiv #xheader_main #home {  background-image : url('../../img/icon_home_rot.svg'); }
header.aktiv #header_main #click_menu { background-image : url('../../img/icon_close_rot.svg'); background-size: 24px auto; background-color: #fff; }
header.aktiv #header_main .button_tickets { background-color: #F3D5D7; }

#wrapper { background-color: var(--weiss); }

#header_main #click_menu { position: relative; display: inline-block; vertical-align: middle; width: 40px; height: 40px; background-image : url('../../img/menu_balken_rot.svg'); background-size: 20px auto; background-position: center; background-repeat: no-repeat; cursor: pointer; border-radius: 100%; background-color: #fff }
.smaller #header_main #click_menu { background-image : url('../../img/menu_balken.svg'); background-color: var(--rot); }


#header_main #click_menu:hover { transform: scale(1.1) }
#header_main #logo {  position: relative; vertical-align: middle; background-image : url('../../img/bad_hersfelder_festspiele_logo_schriftzug_links_weiss.svg'); display: inline-block; height: 80px; vertical-align: top; background-size: contain; background-repeat: no-repeat; width: 100%; background-position: center;  }
#header_main #logo:hover {  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
#header_main #menu_oben {  position: relative; vertical-align: middle; display: inline-block; width: 33%; font-size: 0; text-align: right; margin-top: 8px; }
#header_main #menu_oben_inner ul { display: block; margin: 0; padding: 0; }
#header_main #menu_oben_inner ul li { display: inline-block; margin: 0; padding: 0; vertical-align: middle; }
#header_main #menu_oben_inner ul li a { display: block; line-height: 30px; }
#header_main #menu_oben_inner #click_8-800 { color: #fff; background-color: #E6007E; padding: 5px 10px; font-size: 14px; line-height: 30px; font-weight: 700; text-transform: uppercase; border: 1px solid white; }
#header_main #menu_oben_inner #click_8-800:after { display: inline-block; color: #000; content: '\1433'; font-size: 12px; margin-left: 6px; font-weight: 700; }
#header_main #menu_oben_inner #click_8-801, #header_main #menu_oben_inner #click_8-802, #header_main #menu_oben_inner #click_8-803 { width: 35px; height: 30px; background-size: auto 26px; background-repeat: no-repeat; background-position: center; }
#header_main #menu_oben_inner #click_8-801 { background-image : url('../../img/icon_facebook.svg'); margin-left: 40px; }
#header_main #menu_oben_inner #click_8-802 { background-image : url('../../img/icon_instagram.svg'); }
#header_main #menu_oben_inner #click_8-803 { background-image : url('../../img/icon_suche.svg'); margin-left: 40px;  background-size: auto 22px; }

#header_main #menu_oben_inner #click_8-18820 { color: #fff; background-color: #E6007E; padding: 5px 10px; font-size: 14px; line-height: 30px; font-weight: 700; text-transform: uppercase; border: 1px solid white; margin-right: 5px; }
#header_main #menu_oben_inner #click_8-18820:after { display: inline-block; color: #000; content: '\1433'; font-size: 12px; margin-left: 6px; font-weight: 700; }

#header_main #menu_oben_inner a:hover { transform: scale(1.1); }
#header_main #suchmaske { display: none; position: relative; right: 0; }
#header_main #suchmaske #suche { border: 1px solid #E6007E; color: #000; background-image: url('../../img/icon_suche.svg'); background-size: auto 22px; background-position: right 10px center; padding-right: 40px; background-repeat: no-repeat; font-size: 16px; font-weight: 900; }
#header_main #suchergebnisse_inner { display: block; padding: 40px 10px 10px 10px; text-align: center; }
#header_main #suchergebnisse_inner ul { display: inline-block; margin: 20px; padding: 0; text-align: left; max-width: 800px; }
#header_main #suchergebnisse_inner ul li { display: block; margin: 0; padding: 8px 0; margin-left: 40px; }
#header_main #suchergebnisse_inner ul li p { margin: 0; }
#header_main #suchergebnisse_inner ul li:before { display: inline-block; content: "\2794"; color: #E6007E; position: absolute; margin-left: -80px; font-weight: 400; font-size: 40px; }
#header_main.aktiv { background-color: #E6007E; backdrop-filter: blur(6px); }
#header_main.aktiv #logo { filter: invert(1) grayscale(1) contrast(1.5); }
#header_main.aktiv #click_menu.aktiv { background-image : url('../../img/toggle.svg'); }
#header_main.aktiv #menu_oben_inner #click_8-801 { filter: invert(1); }
#header_main.aktiv #menu_oben_inner #click_8-802 { filter: invert(1); }
#header_main.aktiv #menu_oben_inner #click_8-803 { filter: invert(1) grayscale(1) contrast(3); }
#header_main.aktiv #suchmaske #suche  { border-color: #fff; color: #fff; background-image: url('../../img/icon_suche_ws.png'); }
#header_main.aktiv #suchergebnisse_inner A { color: #fff; }
#header_main.aktiv #suchergebnisse_inner h4 { color: #fff; }
#header_main.aktiv #suchergebnisse_inner ul li:before { color: #fff; }
#header_main.aktiv #suche_schliessen:hover { filter: grayscale(0.5); }


.smaller { background: #fff;  }
.smaller #header_main { padding: 7px 20px; }
.smaller #header_main #logo {  height: 55px; background-image : url('../../img/bad_hersfelder_festspiele_logo_schriftzug_links_rot.svg'); }
.smaller #header_main #click_menu {  margin-top: 0; }
.smaller #header_main #menu_oben {  margin-top: 0; }
.smaller #menu_icons { display: block; }
.smaller #logo { margin: 5px 0; }


#suche_schliessen { background-image: url('../../img/close.svg'); background-size: 30px auto; background-position: top center; background-repeat: no-repeat; padding-top: 30px; display: block; text-align: center; position: relative;  margin-top: 20px; text-transform: uppercase; font-weight: 900; filter: grayscale(1); }
#suche_schliessen:hover { filter: grayscale(0); }


#menu { position: relative; display: none; color: #000; padding: 0; margin-top: 60px; }
#menu ul.main { position: relative; display: inline-block; margin: 0; padding: 0; width: 70%; vertical-align: top;  }
#menu ul.main li { display: inline-block; margin: 0; padding: 0 0 15px 0; text-align: left; vertical-align: top; width: 33%; }
#menu ul.main li A { display: inline-block; width: 300px; font-size: 40px; line-height: 44px; color: #C5383F; font-weight: 600;  vertical-align: top; }
#xmenu ul.main li:hover A { color: #000; }
#menu ul.subkat { position: relative; display: block; width: auto; vertical-align: top; margin: 0; padding: 0; }
#menu ul.subkat li { display: block; margin: 0; padding: 0; text-align: left; border: none; width: 100% }
#menu ul.subkat li A { display: block; width: auto; font-size: 22px; color: #000 !important; font-weight: 500;  text-transform: none; }
#menu ul.subkat li A:hover { color: var(--rot) !important;  }
#menu ul.subkat li A:after { display: none; }


#menu ul.main2 { position: relative; display: inline-block; margin: 0; padding: 0; width: 29%; vertical-align: top; }
#menu ul.main2 li { display: inline-block; margin: 0; padding: 0 0 15px 0; text-align: left; vertical-align: top; }
#menu ul.main2 li A { display: inline-block; width: 300px; font-size: 40px; line-height: 44px; color: #C5383F; font-weight: 600;  vertical-align: top; }
#menu ul.main2 li:hover A { color: #000; }


#menu ul.main3 { position: relative; display: block; margin: 40px 0 0 0; padding: 0; width: 100%; }
#menu ul.main3 li { display: inline-block; width: 16%; margin: 0; padding: 0; text-align: left; vertical-align: top; }
#menu ul.main3 li A { display: block; font-size: 24px; line-height: 28px; color: #000; font-weight: 600; background-position: top left; background-size: 178px auto; background-repeat: no-repeat; padding-right: 30px; }
#menu ul.main3 li A img { display: block; border-top-left-radius: 50% 35%;  border-top-right-radius: 50% 35%; }
#menu ul.main3 li A p { margin: 5px 0; padding: 0; }
#menu ul.main3 li A video { display: block; max-width: 100%; border-top-left-radius: 100px; border-top-right-radius: 100px; margin-bottom: 5px; }


#menu ul.main3 li:hover A { color: #000; }

#xlink_7-700  { background-image : url('../../img/icon_am.png'); }
#xlink_7-701  { background-image : url('../../img/icon_sf.png'); }
#xlink_7-702  { background-image : url('../../img/icon_sr.png'); }
#xlink_7-703  { background-image : url('../../img/icon_ly.png'); }
#xlink_7-704  { background-image : url('../../img/icon_pa.png'); }
#xlink_7-705  { background-image : url('../../img/icon_pl.png'); }


@keyframes fadeIn {
 0% { transform: scaleY(0) }
 100% { transform: scaleY(1) }
}


.fade-in-image { animation: fadeIn 0.5s;  }
.parallax-window { display: block; min-height: 450px; background: transparent; background-size: cover; }
.clearer { clear: both; height: 0 !important; line-height: 0 !important; font-size: 0 !important;  }
.tag_aktiv { display: block !important; }
.hidden { display: none; }

.scrollicon { width: 45px; height: 45px; position: fixed; bottom: 30px; right: 30px; display: none; background-image: url('../../img/pfeil_top.png'); z-index: 999999; background-position: center; background-size: 35px auto; background-color: var(--schwarz); background-repeat: no-repeat; border: 2px solid #fff;  }



a { color: var(--rot); }


.button, button[type="submit"] { display: inline-block; border: 2px solid var(--rot); color: #000; font-weight: 600; padding: 8px 15px; text-transform: uppercase; line-height: 26px; font-size: 16px; vertical-align: middle; background-color: #fff; cursor: pointer; border-radius: 25px; letter-spacing: 2px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; font-family: inherit; margin-bottom: 5px; }


.button2 { display: inline-block; border: none; color: #000; font-weight: 600; padding: 8px 20px; text-transform: uppercase; line-height: 26px; font-size: 16px; vertical-align: middle; background-color: #F9EEE8; cursor: pointer; border-radius: 25px; letter-spacing: 2px; border: 2px solid #75AFAF; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }


.button3 { display: inline-block; border: none; color: #fff; font-weight: 600; padding: 4px 10px; text-transform: uppercase; line-height: 16px; font-size: 13px; vertical-align: middle; background-color: transparent; cursor: pointer; border-radius: 15px; letter-spacing: 1px; border: 1px solid #fff; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }




.button:hover, .button2:hover, button[type="submit"]:hover { transform: scale(1.05); color: #000; }






input[type="date"], input[type="text"], input[type="input"], input[type="email"], input[type="time"], input[type="password"], input[type="file"], select, textarea {
font-size: 18px;
color: #000;
background-color: transparent;
font-family: 'Avenir Next', sans-serif;
box-sizing: border-box;
font-weight: 600;
display: inline-block;
width: 100%;
padding: 10px;
border: 2px solid var(--rot);
border-radius: 25px;
margin-bottom: 10px;
}


input[type="password"] { max-width: 300px; border-color: var(--rot); background-color: var(--weiss); vertical-align: middle; color: var(--schwarz); }

textarea { min-height: 250px; }


select {
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
appearance:none;
background-image: url('../img/dropdown.png');
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 24px auto;
font-weight: 400;
color: #fff;
border: 2px solid #fff;
padding-right: 60px;
}



label { font-size: 16px; font-weight: 700; }


.wrapper_202 select { background-color: var(--rot); color: var(--weiss); }


.spielplan_abfrage #af_suche #s_monat { display: inline-block; width: auto; }


input[type="input"]:focus { border-bottom: 2px solid #E6007E; }
input[type="email"]::-webkit-input-placeholder  { -webkit-transition: opacity 0.3s linear;  color: gray; }
input:focus::placeholder { color: transparent; }
:not(output):-moz-ui-invalid { box-shadow: 0 0 0 0; border-bottom: 2px solid red; color: red; }


input[type='radio'] { width:auto; margin-right: 20px; background:transparent; border:none; }
input[type='radio']:checked,
input[type='radio']:not(:checked) { background: transparent; position: relative; visibility: hidden; margin: 0; padding: 0;}
input[type='radio'] + label { cursor: pointer; }
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before { content: ''; display:inline-block; width: 25px; height:25px; position: relative; top:4px; border: 1px solid var(--rot); background: white; margin-right: 1em; box-shadow: inset 0 5px 5px 0 rgba(0,0,0,.1); margin-left: -10px; }
input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before { border-radius: 25px; }
input[type='radio']:hover  + label::before { background:#ddd; box-shadow: inset 0 0 0 5px white; }
input[type='radio']:checked  + label::before { background: var(--rot); box-shadow: inset 0 0 0 5px white; }


[type="checkbox"]:not(:checked), [type="checkbox"]:checked { position: absolute; left: -9999px; }
[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label { position: relative; padding-left: 50px; cursor: pointer; margin-bottom: 4px; display: inline-block; font-size: 16px; padding-top: 4px;}
[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0px; top: 0px; width: 30px; height: 30px; border: 2px solid var(--rot); background: #ffffff; border-radius: 0px; box-shadow: inset 0 1px 3px rgba(0,0,0,.1); }
[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after { font-family: 'Zapf Dingbats'; content: "\2714"; position: absolute; top: 0px; left: 5px; font-size: 28px; line-height: 1.2;
 color: var(--rot); transition: all .2s; }
[type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); }
[type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); }
[type="checkbox"]:disabled:not(:checked) + label:before, [type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #999999; background-color: #dddddd; }
[type="checkbox"]:disabled:checked + label:after { color: var(--rot); }
[type="checkbox"]:checked:focus + label:before, [type="checkbox"]:not(:checked):focus + label:before { border: 2px solid var(--rot); }


#menu_unten { display: block; background-color: #fff; padding: 0 40px; }
#menu_unten .kerning, #foerderer .kerning { color: var(--rot); }
#menu_unten a { color: var(--schwarz); }

#menu_unten ul.some_links { display: block; margin: 30px 0 10px 0; padding: 0; }
#menu_unten ul.some_links li { display: inline-block; margin: 0 5px 0 0; padding: 0; }
#menu_unten ul.some_links li a { display: block; margin: 0; padding: 0; width: 30px; height: 30px; background-size: auto 30px; background-repeat: no-repeat; background-position: center; }
#menu_unten ul.some_links li a.icon_ig { background-image: url('../../img/icon_instagram.svg'); }
#menu_unten ul.some_links li a.icon_fb { background-image: url('../../img/icon_facebook.svg'); }
#menu_unten ul.some_links li a.icon_yt { background-image: url('../../img/icon_youtube.png'); }
#menu_unten ul.some_links li a:hover { transform: scale(1.2) }


#menu_unten_inner { display: block; max-width: var(--mw); margin: auto; line-height: 20px; font-size: 15px; padding: 30px 40px 60px 40px; box-sizing: border-box; }
#menu_unten_links { display: inline-block; width: 30%; vertical-align: middle; text-align: left; }
#menu_unten_rechts { display: inline-block; width: 70%; vertical-align: middle; text-align: left; }

#menu_unten_rechts .menu_block { display: inline-block; width: 24%; vertical-align: top; font-weight: 400; }
#menu_unten_rechts .menu_block p { padding: 5px 0; margin: 0; }
#menu_unten_rechts ul { display: inline-block; margin: 0; padding: 0;  }
#menu_unten_rechts ul li { display: block; margin: 0; padding: 5px 0; font-weight: 400; color: #000; line-height: 20px; }
#menu_unten_rechts ul li a { color: #000; display: block; font-weight: 400;  }


.bildergalerie { display: block; line-height: 0; }

.galerie {
display: inline-block;
width: 20%;
height: 220px;
opacity: 0.85;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
}


.galerie2 {
display: inline-block;
width: 20%;
height: 220px;
opacity: 0.7;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
}


.galerie2:hover, .galerie:hover, .auktiongalerie:hover { opacity: 1; filter: none; -webkit-filter: none;  }

A.lightbox { display: block; width: 100%; height: 100%; }

#menu_icons { position: fixed; right: 0; top: 30%;  z-index: 9999999; padding-right: 0px; display: none; }
#menu_icons ul { display: block; margin: 0; padding: 0; }
#menu_icons li  { display: block; margin: 25px 0; padding: 0; text-align: right; font-size: 0; line-height: 0; height: 50px; }
#menu_icons li A { display: inline-block; min-width: 60px; height: 60px; background-size: auto 36px ; background-position: left 6px center; background-repeat: no-repeat; color: #fff; line-height: 50px; text-transform: uppercase; font-size: 16px; font-weight: 900; background-color: #E6007E  }
#menu_icons li A span { display: none; padding-left: 70px; padding-right: 20px; text-align: left; line-height: 60px;  }
#menu_icons li:hover a { display: block; border: none; background-position: left 10px center;  }
#menu_icons li A:hover span { display: block; }
#link_31-3101 { background-position: left 12px center !important; }
#link_31-3100, .smaller #link_31-3100:hover { background-image: url('../../img/spielplan_icon.svg') }
#link_31-3101, .smaller #link_31-3101:hover { background-image: url('../../img/tickets_icon.svg') }

.ofoerderer img { display: inline-block; vertical-align: middle; width: 24%; padding: 0 30px; box-sizing: border-box; filter: grayscale(1); opacity: 0.75; max-height: 80px; object-fit: contain; margin: 20px 0; }
.ofoerderer img:hover { filter: grayscale(0); opacity: 1; }

.premiumpartner { background-position: center; background-repeat: no-repeat; background-size: contain; padding: 20px; margin: 5px; background-color: #f7f7f7; }

.classicpartner img { display: inline-block; vertical-align: middle; width: 24%; padding: 0 30px; box-sizing: border-box; filter: grayscale(1); opacity: 0.75; max-height: 80px; object-fit: contain; margin: 20px 0; }
.classicpartner img:hover { filter: grayscale(0); opacity: 1; }

.basicpluspartner img { display: inline-block; vertical-align: middle; width: 19%; padding: 0 30px; box-sizing: border-box; filter: grayscale(1); opacity: 0.75; max-height: 75px; object-fit: contain; margin: 20px 0; }
.basicpluspartner img:hover { filter: grayscale(0); opacity: 1; }

.basicpartner img { display: inline-block; vertical-align: middle; width: 16%; padding: 0 30px; box-sizing: border-box; filter: grayscale(1); opacity: 0.75; max-height: 60px; object-fit: contain; margin: 20px 0; }
.basicpartner img:hover { filter: grayscale(0); opacity: 1; }

.sponsor A, .hauptsponsor A, .foerderer A { display: block; width: 100%; height: 100%; }

.spielplan_abfrage #af_suche, .spielplan_abfrage #output { display: block; }
.tag_aktiv { display: block !important; }
.hidden { display: none; }

#werbung_1_hinweis, #werbung_2_hinweis, #werbung_3_hinweis, #werbung_4_hinweis, #werbung_5_hinweis, #werbung_6_hinweis {
position: absolute;
right: 0;
background-color: #000;
color: #FFF;
display: block;
font-size: 12px;
padding: 5px;
z-index: 9;
}


.ensemble_outer {  display: inline-block; width: 220px; height: 300px; background-position: center; background-repeat: no-repeat; background-size: cover; margin: 3px; text-align: center; opacity: 0.9; filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.ensemble_inner1 { display: table; height: 100%; vertical-align: bottom; width: 100%; }
.ensemble_inner2 { display: table-cell; vertical-align: bottom; width: 100%;  }
.ensemble_inner3 { display: block;  background: rgba(0,0,0,0.85); width: 100%; font-size: 16px; line-height: 25px; color: #fff; font-weight: 400; padding: 11px; box-sizing: border-box;  }
.ensemble_outer:hover { opacity: 1; filter: none; -webkit-filter: none; }



.shrinkToFit {
    cursor: zoom-in;
    background-size: contain;
    object-fit: cover;
    max-height: 100%;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    display: block;
}