/*
 Theme Name:  Michl Müller
 Description:
 Author:    Sören Rustemeyer
 Author URI:  https://danndasda.de
 Template:   twentytwentyone
 Version:   1.0
 Text Domain: Michl Müller
*/
@font-face { font-family: "ChangaOne"; src: url('https://michl-mueller.de/wp-content/themes/michl-mueller-theme/bilder/ChangaOne-Regular.ttf') format('truetype'); src: url('https://michl-mueller.de/wp-content/themes/michl-mueller-theme/bilder/ChangaOne-Regular.woff2') format('woff2'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: "Oswald"; src: url('https://michl-mueller.de/wp-content/themes/michl-mueller-theme/bilder/Oswald-VariableFont_wght.ttf') format('truetype'); src: url('https://michl-mueller.de/wp-content/themes/michl-mueller-theme/bilder/Oswald-VariableFont_wght.woff2') format('woff2'); font-style: normal; letter-spacing: .025rem; font-display: swap; }


:root { --width: 165vh; }


* { box-sizing:border-box; outline:none !important; -webkit-overflow-scrolling: touch; -webkit-appearance: none; appearance: none; -webkit-font-smoothing: antialiased; }
.post-navigation, .archive .page-header { display: none;}


html { overflow-y: auto; min-height: 100%; font-size: 2.5vh; line-height: 1.2;  }
body { color: white; background: #24669E; font-family: "Oswald"; font-weight: 500;  margin: 0; overflow: clip; }


body article a, body article a:visited { color: white; text-decoration: underline; }


p { margin: 0;}
body:not(.page-template-home) .entry-content p { margin-bottom: 1rem;}
.entry-content h1:first-child, .entry-content h2:first-child, .entry-content h3:first-child, .entry-content h4:first-child, .entry-content h5:first-child { margin-top: 0 !important}
 #main { line-height: 1.5;}
#comments { display:none}
br:after { width: 100%; content:""}
h1, h2, h3, h4, h5, h6 {  margin: 0;  letter-spacing: 0; }
h1.entry-title { font-family: "ChangaOne";}
.page-template-default .entry-content h3 { margin: 1.5rem 0 .5rem 0; font-size: 1.5rem;}


footer { padding-bottom: 1.18rem !important; font-size: 0.7rem; text-transform:uppercase; margin-top: 2rem;}
.entry-footer { display: none;}


#fade_in { transition: opacity .8s; min-height: 100vh;}
.not_ready { opacity: 0 !important;}


#info span { display: inline-block; margin: .8rem .3rem 0; padding: .3rem 1.2rem; background: #399BD5; color: white; cursor: pointer; text-transform: uppercase; border-radius: .2rem; font-size: 1rem; font-weight: 500; }
#info #yt_nein { background: #666; }
#info { position: fixed; width: 100%; text-align: center; background: white; color: green; text-align: center; padding: 0.59rem 0.88rem; margin: auto; top: 50%; left: 0; z-index: 99999999999999999; display: none; box-shadow: 0.00rem 0.00rem 0.29rem 0.00rem rgba(0,0,0,0.75); transform: translateY(-50%); font-size: 1.18rem; }


#masthead {  position: sticky; top: 0; z-index: 5; }
.not_top #masthead ul:before { content: "";
    background-color: #3188bb;
    width: 39.2rem;
    height: 2.6rem;
    top: -.25rem;
    right: -.8rem;
    z-index: -1;
    position: absolute; border-radius: .3rem; box-shadow: 0 0 .3rem 0 rgba(0,0,0,0.45)}
nav {z-index: 99; font-family: "ChangaOne"; letter-spacing: 0; padding-top: 2.5rem;   }
nav li { list-style-type: none; margin: 0 0 2rem 2.6rem;}
nav ul { margin: 0; padding: 0; display: flex; justify-content: end; position: relative;}
nav li a, nav li p { display: flex; text-decoration: none; text-transform: uppercase; font-weight: bold; text-align: right;  font-size: 1.6rem; color: white; line-height: 2rem; cursor: pointer;  }


#prel_balken { width: 11.76rem; height: 0.5rem; position:fixed; z-index: 9999; top: 0; bottom: 0; left: 0; right: 0; margin:auto; background: black; color: white; text-align:center; font-size: 0.5rem}
#prel_balken p { margin: 0; position:absolute; top: 0; left: 0; height: 0.5rem; background: white; z-index: -1; border-radius: 0.12rem; }
#prel_balken span { display: block; width: 100%; position:absolute; bottom: -1.18rem; color: white; text-align: center}


#bg_wrapp, #video_bg_wrapp { position: fixed; height: 100%; width: 100vw; top: 0; left: 0;  z-index: -1; }
#bg_wrapp:before, #video_bg_wrapp:before { position: absolute; z-index: -2; content: ""; width: 100%; height: 100%; top: 0; left: 0; background-image: url(bilder/bg.webp); background-size: cover; background-repeat: no-repeat; background-position: center;}
#bg_wrapp picture { position: absolute; top: 0; right: 0; width: 61vh;  left: -53vh; height: 110%; margin: auto; z-index: -1; transform-origin: bottom right; opacity: 0;  }
#bg_wrapp picture { transition: opacity .5s;}
#bg_wrapp iframe { position: absolute; z-index: 11; top: 0; left: 0; height: 100%; width: 100%;}
picture source, picture img { position: absolute; margin: auto; top: 0; width: 100%; height: 100%; object-position: center top; object-fit: cover; }
body #p_0 { opacity: 1;}
body.post-name-termine  #p_0 { opacity: 0;}
body.post-name-termine  #p_1 { opacity: 1;}



#bg_wrapp picture#p_1 { width: 125vh; left: -45vh; height: 110%; top: -6%; }


.page-template-videos #bg_wrapp picture { opacity: 0;}
.page-template-videos h1.entry-title { display: none;}
.page-template-videos #content_site { padding: 3rem 0 0 0 }


.current_page_item > * { color: #FFFDA9;}


.site {  margin: auto; width: 165vh;  }
.page-template-home #page { position: sticky; top: 0;}
#masthead { height: 7rem;}
#content_site { padding: 9rem 0 5rem 20rem; min-height: calc(100vh - 7rem); display: flex; flex-direction: column; justify-content: center;}
.page-template-home #content_site { padding: 0 0 0 21rem; }
.page-template-home h1.entry-title { margin-left: -5.2rem;}
h1.entry-title { font-size: 6rem; text-transform: uppercase; line-height: .9; margin-bottom: .5rem; margin-left: -3.8rem;}
.page-template-home .menu-item-home { opacity: .5;}
.menu-item-home a { background-image: url(bilder/home.svg); background-repeat: no-repeat; background-size: auto 50%; background-position: top .5rem right; color: transparent;}
.page-template-home .entry-content { font-size: 1.5rem;}


.page-template-default #bg_wrapp:before  { opacity: .7;}
.page-template-default #bg_wrapp:after { content: ""; background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 57%); position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 3;}


.post-name-termine h1.entry-title { display: none;}
.post-name-termine #content_site { padding: 0 0 5rem 31.5rem}


#naechster_auftritt { position: fixed; top: 2.7rem; left: 1.5rem; line-height: 1.3; font-size: 1.3rem; }
#naechster_auftritt  .naechster_head { font-size: 1rem; margin-bottom: .4rem;}
#naechster_auftritt a, #naechster_auftritt a:visited { color: white; text-decoration: none; }
.naechster_ort { color: #FFFDA9; text-decoration: underline;}

body .site_imp_links { height: 3rem; margin: -3rem 0 0 auto; position: relative; width: fit-content; padding-right: 2rem;}
#imp_dat_cred { margin: 0 0 1.5rem auto; text-transform: uppercase; font-size: .75rem; word-spacing: .125rem; text-align: right;  }
.page-template-home #imp_dat_cred { position: fixed; bottom: 1.5rem; right: 2rem; margin: 0;}
#imp_dat_cred a, #imp_dat_cred a:visited { color: white; text-decoration: none;}


.bg_links { position: fixed; bottom: 1.5rem; left: 2rem; border-radius: .125rem;  background-color: rgba(20,85,139,.5); padding: .125rem 0; font-size: 0;  }
.bg_links_2 { position: absolute; }

.bg_links a { width: 1.8rem; height: 1.9rem; display:block;  background-size:75%; background-position:center;background-repeat:no-repeat; }
.bg_links_1 a:nth-child(1) { background-image:url(bilder/ic/herz.svg)}
.bg_links_1 a:nth-child(2) { background-image: url(bilder/ic/ard.svg)}
.bg_links_1 a:nth-child(3) { background-image: url(bilder/ic/podcast.svg)}
.bg_links_1 a:nth-child(4) { background-image: url(bilder/ic/link-spotify.svg)}

.bg_links_2 a:nth-child(1) { background-image:url(bilder/ic/link-facebook.svg)}
.bg_links_2 a:nth-child(2) { background-image: url(bilder/ic/link-youtube.svg)}
.bg_links_2 a:nth-child(3) { background-image: url(bilder/ic/link-insta.svg)}
.bg_links_2 a:nth-child(4) { background-image: url(bilder/ic/link-tiktok.svg)}


.gesamt_datum { color: white;  border-bottom: dashed white .15rem; text-transform: uppercase; margin-bottom: 2rem; margin-top: 3rem;  font-size: 2.3rem; font-weight:bold; line-height: 1.3; }
.gesamt_datum:first-of-type { margin-top: 0;}
#filter { display: none; font-weight: normal; }
.gesamt_datum > span > span { color: #FFFDA9}
.gesamt_datum  > span  { font-weight:bold; }


.eve_wrapper b { font-weight: normal;}
.eve_wrapper  { margin: 1rem 0 1.2rem auto;  overflow:hidden;  font-size: 1rem; position: relative; z-index: 1; color: #444; display: flex; border-radius: .25rem; }
.eve_wrapper a, .eve_wrapper a:visited, .eve_wrapper a:hover { color: #2A74CD; text-decoration:none;  }
.kein_ort { color: #444 !important}
.eve_wrapper p { margin: 0 !important}
.eve_date { text-align:center; padding: 1.5rem 1.5rem 0 1.5rem; line-height: 1.1;  background: rgba(20,85,139,.5); color: white;; font-weight: 500; letter-spacing: inherit;}
.eve_des { color: #666; background: rgba(255,255,255,.9); }
.eve_veranstalter a:nth-of-type(n+2), .eve_veranstalter span, .nur_ein_ticketlink { background: #2A74CD; color: white; padding:  0 0.5rem; border-radius:.01rem; margin: 0; text-transform: uppercase;  }
.nur_ein_ticketlink { display: inline !important; color: white !important; }
.eve_veranstalter b { padding: 0 0.5rem;}
.eve_veranstalter span { background: #aaa}
.eve_float { margin: 0 0 0 auto; padding: .4rem; float: right; width: 100%; overflow: hidden; background: rgba(255,255,255,.9);}
.eve_wrapper:hover .eve_float, .eve_wrapper:hover .eve_des { background-color: rgba(255,255,255,.95);}
.eve_float, .eve_float p { text-align:right !important; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
.eve_programm, .eve_veranstalter, .eve_ort { height: 1.7rem; line-height: 1.7rem; margin: .1rem 0; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; }
.eve_programm { font-weight: bold;}
#gesamt_termine { font-size: .9rem; text-align: right; margin-top: 1rem; color: white;  margin-bottom: 3rem; padding: 0 .4rem;}
.tickets_ungleich_tickets { background: #888 !important; text-transform: uppercase; }
.tickets_ungleich_tickets.abgesagt { background: darkred !important; color: white !important; padding: 0 .5rem; }
.verschoben_termin { background: black !important; color: white !important; padding: 0 .5rem; }
.eve_float .eve_veranstalter { display: flex; justify-content: end; }
.eve_programm > *, .eve_veranstalter > *, .eve_ort > * { flex-shrink: 0; }
.eve_veranstalter > div { display: inline; color: black; padding: 0 .5rem; border-radius:.01rem; position: relative}
.eve_wrapper a:first-child:not(.nur_ein_weblink) { overflow: hidden; max-width: 66%; text-overflow: ellipsis; }


#filter_wrapper {  padding: 1rem 0 .4rem 0;  font-size: 0.9rem; margin-bottom: 1.8rem;    }
#filter_wrapper > * { height: 1.8rem; line-height: 1.8rem; text-align:center; background-color: rgba(20,85,139,.7); margin: 0; color: white; text-transform:uppercase; cursor: pointer;  font-size:  0.9rem; letter-spacing: 0.03rem; border-radius:.01rem; font-weight: bold;  }
#filter_wrapper > div { float: left; width: calc(20% - .4rem);   }
#f_alle { width: 25% !important; }
#f_standort { background-image:url(bilder/position-white.svg); background-size: auto 57%;  background-repeat:no-repeat; background-position:center; font-size:0 !important}
#filter_wrapper > p, #f_standort { float: left; width: 15% !important;  }
#filter_wrapper p:last-of-type { margin-right: 0 !important}
#filter_wrapper:after { clear:both; content: ""; display:table}
.f_active { background-color: white !important; color: black!important; border: none !important; }
#f_standort.f_active { background-image:url(bilder/position-black.svg) !important;}


#filter_wrapper { margin: 0 0 4rem 0;}
.eve_date d-d { font-size: 1.8rem; letter-spacing: .2rem; display: block; margin-bottom: .2rem; }
.eve_des { padding: .4rem; font-size: 0;}
.eve_des > div { background-size: auto 58%; background-repeat: no-repeat; background-position: left .25rem center; filter: invert(1); width: 1.9rem;}
.eve_des > div:nth-child(1) { background-image: url(bilder/mikrofon.svg); }
.eve_des > div:nth-child(2) { background-image: url(bilder/www.svg); }
.eve_des > div:nth-child(3) { background-image: url(bilder/eve_standort.svg); }
.page-template-termine #main > article:first-of-type .post-thumbnail img { position: fixed; left: auto; right: 0; z-index: -1; object-position: right bottom; width: 57%;}


.video_wrapp:after { display: table; content: ""; clear: both;}
.video_float { width: calc(25% - 2.25rem); margin: 0 3rem 3rem 0; float: left; position: relative; z-index: 4; cursor: pointer; }
.video_float:nth-child(4n) { margin-right: 0; }
.video_float:before, .video_mehr:before { content: ""; display: block; padding-top: 90%; }


  .content_px { bottom: 0; left: 0; position: absolute; right: 0; top: 0; overflow: hidden; color: white; }
v-pub { position: absolute; z-index: 3; height: 1rem; line-height: 1rem; font-size: .75rem; color: white; top: .5rem; right: .5rem; }
.content_px img { position: absolute; width: 100%; height: calc(100% - 3rem); object-fit: cover; border-radius: .3rem; top: 0; left: 0; border: solid .2rem white; }
.content_px p { position: absolute; overflow: hidden; height: 2.8rem; line-height: 1.2rem; font-size: .9rem; position: absolute; bottom: 0; left: 0; padding: .1rem; padding-top: 8px; color: white; width: 100%; margin: 0; font-weight: 500; letter-spacing: inherit; }
.content_px div { height: calc(100% - 3rem); width: calc(100% ); position: absolute; top: 0; left: 0; right: 0; margin: auto; background-image: url(bilder/youtube-btn.svg); background-size: 15% auto; background-repeat: no-repeat; background-position: center; overflow: hidden; }


.mehr_videos_button { width: 32%; margin: 0 auto 3rem; background-color: #399BD5; color: white; cursor: pointer; text-transform: uppercase; padding: 0.3rem 2.5rem; font-weight: 500; letter-spacing: inherit; border-radius: 2px; position: relative; font-size: 1.25rem; background-image: url(bilder/dreieck_runter.svg), url(bilder/dreieck_runter.svg); background-position: left 0.5rem center, right 0.5rem center; background-size: auto 75%; background-repeat: no-repeat; margin-top: 1rem; text-align: center; font-family: "ChangaOne"; }
.mehr_on .mehr_videos_button { display: none; }


.video_on #video_bg_wrapp { display: block; }
#video_bg_wrapp { display: none; z-index: 999;}
#video_bg_wrapp:before { z-index: -2;}
#video_bg { position: fixed; width: 105vh; height: 60%; background: rgba(48, 123, 166, 1); top: 0; left: 0; bottom: 0; right: 0; margin: auto; z-index: 1; border: solid .2rem #399BD5; border-radius: .2rem }
.hoch #video_bg { height: 90%; width: 51vh;}
.hoch #bg_info_wrapp { width: 17rem;}
#media_x { position: absolute; top: -.2rem; right: -4.5rem; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center; cursor: pointer; color: white; background: #399BD5; z-index: 1; border-radius: .2rem; font-size: 1.5rem; font-weight: 500; letter-spacing: inherit; }
#video_load { position: absolute; width: 100%; height: 100%; top: 0; right: 0; overflow: hidden; background-color: black; }
#video_bg iframe { position: absolute; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0; margin: auto; }
#bg_info_wrapp { position: absolute; bottom: 1.5rem; right: 1.5rem; width: fit-content; max-width: 100%; text-align: center; padding: 1rem; color: white; font-weight: 500; letter-spacing: inherit; background: #399BD5; border-radius: .5rem; font-size: 1rem; line-height: 1.5;  overflow: hidden; }
#bg_info_wrapp > div { max-height: 4.3rem; overflow: hidden;}


#contact_all { min-height: 100vh; position: relative; display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center; gap:  0; justify-content: center; box-shadow: 0 0 .3rem 0 rgba(0,0,0,0.55); background-image: url(bilder/bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
#contact_wrapp { width: 165vh; max-width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.contact_all { flex: 1 1 24rem;  padding: 3rem; background-color: rgba(255,255,255,.1); position: relative; height: 26.5rem; z-index: 1; }
.contact_ueb_mob { display: none;}

.contact_all a, .contact_all a:visited { color: white;}
.desc_title_contact { font-size: 3.1rem; margin-bottom: 4.5rem; font-family: "Oswald"; text-transform: uppercase; line-height: .99;}
#agentur_wrapper { font-size: 1.5rem; line-height: 1.6;}
#agentur_wrapper p:first-of-type { margin-bottom: .5rem;}
#agentur_wrapper a:first-child {
  display: block !important;
  width: 70%;
  aspect-ratio: 16/5;
  background-image: url(bilder/agentur.svg);
  background-size: auto 100% ;
  background-repeat: no-repeat;
  background-position: center right;
  position: absolute;
  top: 1.5rem;
  right: 1rem;
   }

  input, textarea, #sub_mit {
    width: 100%;
    margin: .6rem 0;
    border: none;
    border-radius: .1rem;
    height: 2.8rem;
    line-height: 2.8rem;
    padding: 0 1rem;
    font-size: 1.1rem;
    font-family: 'oswald';
}
input[type="text"] { color: black;}
input[type="text"]:focus, textarea:focus { background: #faffc4;}


#sub_mit { background: #399BD5; color: white; cursor: pointer; text-align: center; font-weight: 500; letter-spacing: inherit; font-size: 1.7rem; text-transform: uppercase;}

textarea {
  line-height: 1.4 !important;
  height: 7.5rem;
  padding: 1rem;
}

label { display: none;}


#contact_all .site { width: 100%;}


a#newsletter { height: 2.2rem; line-height: 2.1rem; font-size: 1.1rem; background-color: rgba(21,93,154, .6); border: solid .06rem white; border-radius: .3rem; padding: 0 .65rem 0 3.45rem; width: fit-content; display: block; background-image: url(bilder/newsletter.svg); background-repeat: no-repeat; background-position: left .9rem center; background-size: auto 45%;  color: white; text-decoration: none; margin-top: 1.3rem;   }


.noptin-optin-form-wrapper { min-height: auto !important; }
.noptin-optin-form { padding: 1rem !important;}
.noptin-form-footer, .noptin-form-header { padding: 0 !important;}
.noptin-form-note { font-size: .75rem !important; hyphens: auto; margin-top: 0 !important; line-height: 1.4 !important;}
.noptin-form-description { font-size: .9rem !important; margin: .5rem 0 1rem 0 !important;}
.noptin-form-footer .noptin-form-button-block { text-transform: uppercase !important; font-weight: bold; font-size: 1rem;}
.noptin-popup__close { font-size: 2rem !important; height: 2rem !important;}
.noptin-form-heading { font-size: 1.7rem !important;}
.noptin-form-footer .noptin-optin-field-wrapper:not(.noptin-optin-field-wrapper-hidden) .noptin-form-field { font-weight: 600 !important; font-size: .8rem !important;}

.mob_ueb { display: none;}

.entry-content img { width: calc(100% - 2.7rem); aspect-ratio: 90/100; height: auto; margin: 0 0 0 auto; object-fit: cover; display: block; border-radius: .2rem; }
#limbo-table { margin-bottom: 1.5rem;}
#limbo-table td { width: 50%;}

@media screen and (max-aspect-ratio: 100 / 58) {
  html { font-size: 1.45vw;}
  .site, #contact_wrapp { width: 96%;}

}




@media screen and (max-aspect-ratio: 100 / 80) {
  html { font-size: 5vw;}
 #fade_in:before { background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50vh, rgba(28, 74, 126, .7) 90vh); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
 body { background: #1C4A7E;}
  #fade_in { background-color: transparent; position: relative; left: auto; right: auto; }
body:not(.irgendwas) #content_site { width: 100%; position: relative; left: 0; height: auto; padding: 0; overflow: visible !important; display: block;}
.page-template-home .site, body .site, #contact_all { position: relative !important; z-index: 2; width: 100%; padding: 0 1.2rem;}

  #bg_wrapp { width: 100%; height: 100vh; margin: 0; top: 0; left: 0; overflow: hidden;}
   #bg_wrapp:after { background: linear-gradient(180deg, rgba(0,0,0,0) 130vw, rgba(28, 74, 126, 1) 180vw); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
  #bg_wrapp picture, #bg_wrapp picture#p_1 { position: absolute; width: 114%; height: 200vw; top: 0; right: -7.5%; left: auto; margin: 0;}
  #bg_wrapp picture img { object-fit: contain;}
  #bg_wrapp picture#p_1 { width: 147%; right: -21%; height: 300vw;}


  article:first-of-type { padding-top: 40vw;}
  .entry-header h1 { margin-left: 0 !important; margin-bottom: 3rem; font-size: 4.8rem !important; text-align: center; position: relative; line-height: .9; hyphens: auto;}
  h1.entry-title { display: block !important; margin-bottom: 2rem; text-align: left;}
  body:not(.page-template-home) .entry-header h1 { font-size: 4.4rem !important;}
  body.page-template-home article:first-of-type .entry-header { width: 100%; margin-left: 0;}
 body.page-template-videos .entry-header h1 { font-size: 5.2rem !important; text-align: center;}
  .post-name-impressum .entry-header h1 { font-size: 5.5rem !important;}
  .post-name-datenschutz .entry-header h1 { font-size: 4.8rem !important;}
.page-template-videos #bg_wrapp picture#p_1 { opacity: 1;}
 .entry-content, .page-template-home .entry-content { font-size: 1.3rem; line-height: 1.6;}
 .entry-content p, .page-template-home .entry-content p { margin-bottom: 1.5rem;}
 a#newsletter {  height: 3rem; line-height: 2.8rem; font-size: 1.4rem; padding-left: 4.5rem; margin: 2.5rem auto .5rem auto; width: 100%; background-size: auto 47%; background-position: left 1.15rem center; border-color: #ddd; background-color: rgba(21,93,154, .2);}

  nav { padding-top: 0;  }
  nav li { margin: 0;}
  #mob_nav { position: fixed; width: 2.5rem; height: 2.5rem; top: 46vw; right: 1.2rem; z-index: 22223; cursor: pointer; background-image: url(bilder/mob_nav.svg); background-size: 100%; background-color: white; border-radius: .2rem;}
  .video_on #mob_nav { display: none !important;}
#bg_wrapp:before, #video_bg_wrapp:before { background-image: url(bilder/bg_mob.webp);}
  ul.nav-menu { position: fixed; display: none; width: 11rem; height: fit-content; top: 46vw; left: auto; right: 5rem; margin: auto; padding: .3rem .3rem 0 .3rem; background-color: #ddd; border-radius: .2rem; z-index: 22222;}
  .nav_open ul.nav-menu { display: block;}
  body.nav_open #fade_in:before { content: ""; position: fixed; width: 100%; height: 100vh; top: 0; left: 0; z-index: 25; background-color: #193d69; opacity: .9;}
.nav_open #page { z-index: unset;}
#masthead { position: relative; z-index: 444;}
.page-template-home .menu-item-home { opacity: 1;}
.menu-item-home a { background-image: none; color: white;}
  nav li a, nav li p { height: 2.3rem; line-height: 2.3rem; width: 100%; margin: 0 0 .3rem 0; padding: 0; justify-content: center; text-align: center; font-size: 1.1rem; font-weight: 500; letter-spacing: inherit; text-decoration: none; color: white; background-color: #2A74CD;}
  .nav-menu .current_page_item a { color: #2A74CD !important;}
  .nav-menu .current_page_item > * { background-color: white !important;}


  body .site_imp_links { height: auto; margin: 0;}
  #imp_dat_cred, .page-template-home #imp_dat_cred { position: static; margin: 0 .1rem 0 auto; padding: 5rem 0 3.5rem 0; text-align: right; color: white; font-size: .9rem;}

  .bg_links { position: static; background-color: transparent; }
  .bg_links a { width: calc(100% - 3rem); background-color: rgba(20,85,139,.7); margin: 0 auto 1rem auto; height: 2.5rem; line-height: 2.4rem; font-size: 1rem; padding-left: 2.7rem; background-size: auto 60%; background-position: left .6rem center; text-transform: uppercase; text-decoration: none; color: #efefef; border: solid .06rem #ccc; border-radius: .2rem; background-color: rgba(21,93,154, .2);}


  #naechster_auftritt { top: 75vw; right: auto; left: -.5rem; font-size: .8rem; position: fixed; z-index: 2; min-width: 8rem; }
  #naechster_auftritt .naechster_head { font-size: 1.2rem;}


  .video_float, .video_float:nth-child(4n) { width: calc(100% - 2rem); margin: 0 auto 2rem auto; float: none;}
  .video_float:before, .video_mehr:before { padding-top: 85%;}
  .content_px p { font-size: 1.1rem; line-height: 1.5; height: 4rem;}
  .content_px img, .content_px div { height: calc(100% - 4.3rem); }
  .content_px div { background-size: 20% auto;}
  .mehr_videos_button { width: calc(100% - 2rem);}
  #video_bg { width: calc(100% - 3rem); aspect-ratio: 100/80; height: auto; left: 0; bottom: auto; top: 4.3rem; border-color: #399BD5; z-index: 22228; font-size: .9rem; }
  #media_x { background-color: #399BD5; top: -3.5rem; right: -0.3rem;}
  #bg_info_wrapp, .hoch #bg_info_wrapp { width: 100%; left: 0; right: 0; margin: auto; background-color: #1C4A7E; padding: 1rem; border-radius: 0; bottom: 0;}
  #bg_info_wrapp > div, .hoch  #bg_info_wrapp > div { max-height: 3rem;}


.hoch #video_bg { width: auto; aspect-ratio: 57/100; height: calc(100% - 10.5rem);}

  #filter_wrapper > * { font-size: .8rem;}
  .desc_title_contact { line-height: 1.5; margin-top: 1.5rem;}
  #agentur_wrapper a:first-child { margin-left: 0; aspect-ratio: 16/10; position: static; background-size: 100% auto;  width: 80%;}
  #agentur_wrapper { margin-top: 3rem;}
  #agentur_wrapper p, #agentur_wrapper p:first-of-type { margin-bottom: 1rem;}
  #agentur_wrapper a,   #agentur_wrapper a:visited { font-size: 1.3rem; color: #FFFDA9;}


  #contact_all { display: block; background-color: transparent; background-image: none; box-shadow: none; z-index: unset; }
  .contact_ueb_mob { display: block; }
  .contact_ueb_mob h2 { margin: 2rem 0 0 0;}
    .contact_ueb_desk { display: none;}
  #contact_wrapp { display: flex; flex-direction: column-reverse; flex-wrap: nowrap; align-items: stretch; width: 100%;}
  .contact_all { max-width: none; padding: 0; background-color: transparent; flex: 0 0 auto; height: auto;}

#naechster_auftritt { display: block; position: static; margin: 4rem 0 3rem 0; padding: 1rem 1.5rem 1.9rem 1.5rem; width: 100%; background-color: rgba(255,255,255,.15); width: calc(100% + 3rem); margin-left: -1.5rem; text-align: center; }

  .mob_ueb { font-size: 2.5rem; margin-bottom: 1.5rem; display: block; }

body .naechster_head { font-size: 1.5rem; margin: .5rem 0 1.5rem 0;}
body .next_tickets { font-size: 2rem;}
#naechster_auftritt p { font-size: 2rem; margin-bottom: 0;}

#naechster_auftritt p:nth-child(2) { line-height: 1.6;}

.eve_wrapper { display: block; }
       .eve_date { line-height: 2.1rem; padding: 0 .5rem; text-align: left;  border: none;  background-color: #2e73c2;}
       #filter_wrapper > * { font-size: .75rem; height: 2rem; line-height: 2rem; background-color: #2e73c2; }
       .gesamt_datum span { color: white;}
       .post-name-termine h1.entry-title { margin-bottom: 1rem;}
       #filter_wrapper { margin: 0 0 2.5rem auto; padding-top: 0;  }
       .eve_float { background-color: rgba(255,255,255,.92);}
       .gesamt_datum { font-size: 2rem;}

.eve_des { display: none;}
.eve_date d-d { display: inline; font-size: inherit;}

  .not_top #masthead ul:before { display: none;}

  #imp_dat_cred { position: static !important; margin: 0 !important;}


  .entry-content img { width: 100%; aspect-ratio: 100/120; height: auto; margin: 1.5rem auto; object-position: top;}

#limbo-table td { width: 100%; display: block; }
.p1 a { display: block;}

#bg_wrapp picture#p_1  { width: 38rem; left: -8rem !important; top: -5%;}
  
@media screen and (min-aspect-ratio: 100 /120) {
#video_bg { width: calc(100% - 7rem); height: auto;}
#bg_info_wrapp { display: none;}

}

}




@media screen and (min-aspect-ratio: 100 / 160) and (max-aspect-ratio: 100 / 80) and (min-height: 700px) {
   html { font-size: 2.5vh;}
   #fade_in { width: 20rem; margin: 0 0 0 auto; }
   #bg_wrapp picture, #bg_wrapp picture#p_0, #bg_wrapp picture#p_1 { width: 24rem; left: -5rem; right: 0; margin: auto; overflow: hidden; transform: translateX(calc((110vh - 100vw) * -0.4));}

   #bg_wrapp picture#p_0 { left: 0; right: 0; margin: auto; }

     #bg_wrapp picture#p_1  { width: 45rem; left: -5rem !important; top: -5%;}
     ul.nav-menu {  left: auto; right: 7rem; top: 2rem;}
     article:first-of-type { padding-top: 5rem;}
     #mob_nav { top: 2rem; right: 2rem;}
     #bg_wrapp:before, #video_bg_wrapp:before { background-image: url(bilder/bg.webp);}
     
     
       
   




@media screen and (max-aspect-ratio: 100 / 120)  {
#bg_wrapp picture, #bg_wrapp picture#p_0, #bg_wrapp picture#p_1 { transform: none; left: 0; right: auto; }
article:first-of-type { padding-top: 6.7rem;}

  

}

}


@media screen and (max-aspect-ratio: 50 / 100) {

  .hoch #video_bg { width: calc(100% - 3rem); height: auto;}

}