@media screen and (max-width: 1499px) {
 :root { --mw: 1280px; }
 .intro .content_inner3 { background-size: auto 75%; }
 .intro .hero1 { font-size: 160px !important; line-height: 140px !important; }
}


@media screen and (max-width: 1499px) {
 :root { --mw: 1280px; }
 .intro .content_inner2, .intro .content_inner3 { min-height: 700px; }
 .intro .content_inner3 { background-size: auto 83%; }
 .intro .content_inner3b video { height: 560px; width: 390px; right: 10% }
 .intro .hero1 { font-size: 120px !important; line-height: 120px !important; }
 h1, .h1 { font-size: 36px; }
 h2, .h2 { font-size: 30px; }
 .dreiteiler { width: 32%; }
 #content_1001 #slider_programm .slideX.slide_aktiv {  width: 400px; border-top-left-radius: 50% 190px; border-top-right-radius: 50% 190px; }
 #content_1001 #slider_programm .slideX {  width: 168px; border-top-left-radius: 50% 75px; border-top-right-radius: 50% 75px; }
 #content_einbinden_1002 .veranstaltung { font-size: 30px; }
 #content_einbinden_1002 .button_link, #content_einbinden_1002 .button_nolink { padding: 8px 6px; font-size: 13px; }
 .hero1 { font-size: 80px !important; line-height: 80px !important; }
 #content_1003 video { height: auto; max-width: 100%; min-height: 0; }
 #menu_unten_links { margin-bottom: 60px; }
 #menu_unten_links, #menu_unten_rechts {  display: block;  width: 100%; text-align: center; }
 #menu_unten_rechts .menu_block { text-align: left; }
 .logo_footer { margin: 15px auto; }
 .foerderer-banner img { max-height: 80px; }
 #content_1005 img, #content_12402 img { height: 100px; }
 #menu ul.main li A, #menu ul.main2 li A { font-size: 34px; line-height: 38px; }
 #menu ul.subkat li A { font-size: 20px; line-height: 32px; }
 .spielplan_abfrage .datum,.spielplan_abfrage .veranstaltung { font-size: 30px; }
 .tagesliste { width: 10px; }
 .intro .termin { font-size: 18px; }
 #content_604.intro .hero1 { font-size: 100px !important; line-height: 100px !important; }
}

@media screen and (max-width: 1279px) {
 :root { --mw: 100%; }
 .intro .hero1 { font-size: 90px !important; line-height: 90px !important; }
 .intro .hero2 { font-size: 60px !important; line-height: 60px !important; }
 .hero1 { font-size: 60px !important; line-height: 60px !important; }
 .hero2 { font-size: 50px !important; line-height: 50px !important; }
 .content_inner2 .dreiteiler { width: 32%; }
}


@media screen and (max-width: 1023px) {
 .intro p { max-width: 80%; }
 #content_1001 .zweiteiler { display: block; width: 100% !important; padding: 20px 0; }
 #content_1001 .w33 { padding-left: 95px; background-position: left center; }
 #menu ul.main li A, #menu ul.main2 li A { font-size: 30px; }
 #menu ul.subkat li A { font-size: 18px; }
 #menu_master { overflow-x: hidden; }
 .zweiteiler {  width: 100%;  padding: 20px 0; display: block; }
 #content_einbinden_1002 .uhrzeit_ort { font-size: 16px; }
 .intro .content_inner3b video {  height: 430px;  width: 300px; right: 5%; }
 .intro .hero1 { font-size: 80px !important; line-height: 80px !important; }
 .intro .hero2 { font-size: 50px !important; line-height: 50px !important; }
 .hero1 { font-size: 50px !important; line-height: 50px !important; }
 .hero2 { font-size: 40px !important; line-height: 40px !important; }
 #content_12400 .content_inner2 { padding-bottom: 0; }
 #content_12401 .content_inner2 { padding-top: 0; }
 #content_12401 .dreiteiler { width: 49%; }
 #content_604.intro .hero1 { font-size: 70px !important; line-height: 70px !important; }
}



@media screen and (max-width: 800px) {
 .button_tickets, #home, #header_left, .intro .termin { display: none; }
 .intro .content_inner3 { background-image: none; }
 #header_middle { text-align: left; }
 #header_middle, #header_right { width: 49%; }
 .content_inner2 .zweiteiler {  display: block; width: 100%; padding: 20px 0; }
 #menu_unten_rechts .menu_block { width: 49%; margin-bottom: 20px; }
 #content_1005 img, #content_12402 img { height: 60px; }
 #header_main #logo { width: 174px; }
 #menu ul.main3 { display: none; }
 #menu ul.main { display: block; width: 100%; text-align: left; }
 #menu ul.main li { width: 100%; }
 #menu ul.main li A {  display: block;  width: 100%; border-bottom: 1px solid var(--rot); }
 #menu ul.subkat li { width: 49%; display: inline-block; }
 #menu ul.subkat li a { border: none; padding: 3px; }
 #menu ul.main2 { display: block; width: 100%; text-align: left; }
  .spielplan_abfrage .termin_inner {  display: block; }
 #content_einbinden_1002 .termin_inner, .spielplan_abfrage .datum { display: block; width: 100%; }
 #content_einbinden_1002 .datum, #content_einbinden_1002 .veranstaltung, #content_einbinden_1002 .status { width: 100%; display: block; }
  .veranstaltung, .spielplan_abfrage .veranstaltung { font-size: 24px; display: block; width: 100%; }
 .status, .spielplan_abfrage .status {  display: block; width: 100%; }
 .cset_117-12400 .intro .content_inner3b { background-image: none; }
}


@media screen and (max-width: 639px) {
 BODY { font-size: 18px; }
 .intro .content_inner2, .intro .content_inner3 { min-height: 600px; }
 .content_inner2, .content_inner_einbinden { padding-left: 20px; padding-right: 20px; }
 .intro p { max-width: 90%; font-size: 20px; line-height: 26px; }
 .intro .hero1 { font-size: 68px !important; line-height: 68px !important;  }
 h1, .h1 { font-size: 32px; line-height: 38px; margin-bottom: 10px; hyphens: auto; }
 #content_600 p, #content_601 p { text-shadow: 0 0 15px #000, 0 0 10px #000; }
 h2, .h2 { font-size: 22px; line-height: 32px;  margin-bottom: 10px; hyphens: auto;  }
 h3, .h3 { font-size: 21px; line-height: 31px; font-weight: 600; }
 .slick-dots { bottom: -55px !important; }
 .dreiteiler { width: 100%; display: block; }
 .spielplan_abfrage .uhrzeit_ort, .uhrzeit_ort { display: block; width: 100% }
 .hero1, .hero2 { font-size: 46px !important; line-height: 52px !important; }
 #content_1005 .content_inner2 { padding: 20px 0; }
 #menu_unten { padding: 0 20px; }
 #menu_unten_inner { padding: 1px; }
 h5.kerning, .kerning { letter-spacing: 0.5px !important; }
 #slider_news .slick-dots { position: absolute; margin-bottom: 80px; }
 #faq { display: none; }
 #content_1001 .content_inner2 { padding-top: 40px; }
 #content_1001 #slider_programm .slideX { min-height: 420px; }
 #content_1001 #slider_programm .slideX,  #content_1001 #slider_programm .slideX.slide_aktiv { position: relative; display: inline-block; width: 265px; margin: 0 10px; min-height: 420px; background-position: bottom center; background-repeat: no-repeat; background-size: auto 100%; vertical-align: top; display: inline-flex; align-items: end; flex-wrap: wrap; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; cursor: pointer; border-top-left-radius: 50% 140px; border-top-right-radius: 50% 140px; }
 #content_1001 #slider_programm div .preview { display: none; }
 #content_1001 #slider_programm .hidden { display: block; position: relative; z-index: 2 !important; text-align: left; color: #fff; padding: 20px 20px 15px 20px; }
 #content_1001 #slider_programm .slide_aktiv .hidden { padding: 15px 20px; }
 #content_1001 #slider_programm .hidden h1 { display: block !important; position: relative; left: auto; bottom: auto; transform: none; width: 100%; min-height: 0; color: #fff; font-size: 24px; line-height: 26px; }
 #content_1001 #slider_programm .hidden h2 { display: block !important; position: relative; left: auto; bottom: auto; transform: none; width: 100%; min-height: 0; color: #fff; font-size: 20px; line-height: 22px; }
 #content_1001 #slider_programm .hidden p { display: block; color: #fff; text-align: left; position: relative; font-size: 14px; line-height: 18px; }
 #content_1001 #slider_programm .hidden a { position: relative; z-index: 99999999999999999 !important; }
 .link_20-2000::before { background: linear-gradient(0deg,rgba(160, 149, 196, 1) 0%, rgba(160, 149, 196, 0.95) 60%, rgba(255, 255, 255, 0) 75%); }
 .link_20-2001::before { background: linear-gradient(2deg,rgba(241, 136, 70, 1) 0%, rgba(241, 136, 70, 0.95) 60%, rgba(255, 255, 255, 0) 75%); }
 .link_20-2002::before { background: linear-gradient(2deg,rgba(117, 175, 175, 1) 0%, rgba(117, 175, 175, 0.95) 60%, rgba(255, 255, 255, 0) 75%); }
 .link_20-2003::before { background: linear-gradient(2deg,rgba(197, 56, 63, 1) 0%, rgba(197, 56, 63, 0.95) 60%, rgba(255, 255, 255, 0) 75%); }
 .link_20-2004::before { background: linear-gradient(2deg,rgba(135, 139, 35, 1) 0%, rgba(135, 139, 35, 0.95) 60%, rgba(255, 255, 255, 0) 75%); }
 .link_20-2005::before { background: linear-gradient(2deg,rgba(197, 56, 63, 1) 0%, rgba(197, 56, 63, 0.95) 60%, rgba(255, 255, 255, 0) 75%); }
 #menu ul.subkat li { width: 100%; display: block; }
 #menu ul.main2 li { display: block; width: 100%; }
 #menu ul.main2 li A { display: block; width: 100%; }
 .intro .hero1 { font-size: 56px !important; line-height: 56px !important; }
 #content_600 .hero1, #content_601 .hero1 { text-shadow: 0 0 15px rgba(0,0,0,.5), 0 0 10px rgba(0,0,0,.5); }
 #content_einbinden_12100 #kalendersuche { padding: 0 20px; }
 .wrapper_122 .intro video, .wrapper_123 .intro video, .wrapper_124 .intro video, .wrapper_125 .intro video, .wrapper_126 .intro video, .wrapper_127 .intro video, .wrapper_128 .intro video { display: none; }
 .intro .content_inner3b { padding-top: 160px; }
 .intro .klein { max-width: 90%; }
 #content_602 .content_inner2, #content_603 .content_inner2, #content_605 .content_inner2, #content_606 .content_inner2, #content_607 .content_inner2, #content_608 .content_inner2 {  background-image: none; }
 #tagesleiste { display: none; }
 table td { padding: 4px 2px; font-size: 16px; }
 .ensemble_outer { display: block !important; width: 100% !important; }
 .classicpartner img, .basicpluspartner img, .basicpartner img { width: 100%; }
 .scrollicon { width: 30px; height: 30px; bottom: 10px; right: 10px; background-size: 30px auto; }
 .karrierebereiche { width: 100%; background-size: cover; }
 .karrierebereiche:hover { background-size: cover; }
 .karrierebereiche span { font-size: 24px; }
 #content_20202 .zweiteiler { padding-top: 0; }
 #content_1004 #slider_news .news_weiter .titel { font-size: 24px; line-height: 30px; }
 #content_12401 .dreiteiler { width: 100%; display: block; padding: 0; }
 #content_604.intro .hero1 { font-size: 50px !important; line-height: 50px !important; }

}