/*
 Theme Name:  Stefan Schöttler
 Description: 
 Author:    Sören Rustemeyer
 Author URI:  https://danndasda.de
 Template:   twentytwentyone
 Version:   1.0
 Text Domain: Stefan Schöttler
*/



@font-face { font-family: "Special-Elite"; src: url('https://demo.danndasda.de/wp-content/themes/s-s-theme/bilder/SpecialElite-Regular.ttf') format('truetype');
	src: url('https://demo.danndasda.de/wp-content/themes/s-s-theme/bilder/SpecialElite-Regular.woff2') format('woff2'); font-style: normal;
	font-display: swap
}

@font-face { font-family: "Rubik"; src: url('https://demo.danndasda.de/wp-content/themes/s-s-theme/bilder/Rubik-VariableFont_wght.ttf') format('truetype');
	src: url('https://demo.danndasda.de/wp-content/themes/s-s-theme/bilder/Rubik-VariableFont_wght.woff2') format('woff2'); font-style: normal;
	font-display: swap
}


@font-face { font-family: "Roboto"; src: url('https://demo.danndasda.de/wp-content/themes/s-s-theme/bilder/RobotoCondensed-Bold.ttf') format('truetype');
	src: url('https://demo.danndasda.de/wp-content/themes/s-s-theme/bilder/RobotoCondensed-Bold.woff2') format('woff2'); font-style: normal;
	font-display: swap
}







* { 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: 2vh; line-height: 1.5;  }
:root {
    --vh: 100vh;
    --width: 74rem;
   
   }
body { color: white; background: #2b2b35; font-family: "Rubik";  margin: 0; overflow: clip;  opacity: 0.0000001; }
body.loaded { opacity: 1; transition: opacity .5s;}

body article a, body article a:visited { color: white; text-decoration: none; }
#footer a:hover, #footer a:visited:hover { color: #fd5d2b;}

p { margin: 0;}
.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.7;}
#comments { display:none}
br:after { width: 100%; content:""}
h1, h2, h3, h4, h5, h6 {  margin: 0; font-family: "Special-Elite"; letter-spacing: .2rem; width: 100%; }
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5 { margin: 3rem 0 .5rem 0; font-size: 1.35rem;}
.entry-content h1, .entry-content h2 { font-size: 1.8rem;}
.page-template-default .entry-content { hyphens: auto; padding-bottom: 4rem;}
h2 { font-size: 3rem;}

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 { 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; }

.contact_all { display: none;}

a, a:visited { color: white; text-decoration: none;}

nav { background-color: rgba(39,40,48,0)!important; padding: 2.3rem 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 10;  transform: translateY(-100%); }
.loaded nav  { transform: translateY(0); transition: transform .5s;}
.not_top nav { background: linear-gradient(0deg,rgba(0, 0, 0, .0) 0%, rgba(43, 43, 53, .94) 35%) !important;}
#sch_nav { position: absolute; top: 0; left: 0; top: 0; bottom: 0; margin: auto !important; height: 2rem; line-height: 2.6rem; font-size: 2rem; font-family: "Special-Elite"; letter-spacing: .2rem; font-weight: bold;}
nav a { text-transform: uppercase; margin-left: 2rem; font-size: .85rem;}
nav > div { width: var(--width); margin: auto; display: flex; position: relative; justify-content: end; align-items: center;}
a.current_page_item, nav a:hover, nav a:visited:hover  { color: #ffc7b6;}

article { min-height: 100vh; }
.main > article > header, s-ticky { position: sticky; top: 0; display: block;  opacity: .99; z-index: 1;  }

article > * > div { width: var(--width); margin: auto;}
.flex-name-start .entry-header { padding-top: 16rem; margin: auto;}
#start_rel { width: 100% !important; position: relative;}
#start_rel > div { width: var(--width); margin: auto;}
.entry-content { position: relative;  margin: auto; transform: translate3d(0,0,0); z-index: 2;   }
.entry-content > *:not(div):first-child { margin-top: 0;}

.main > article:first-of-type .entry-title { padding-left: 0; line-height: 1.2;}
.main > div.entry-content { padding-bottom: 15rem;}

article > footer { display: none;}
.post-name-landingpage article.flex-name-startlogo .entry-title { font-size: 0;}



article > s-ticky figure { position: absolute; height: var(--vh); width: 100%;  margin: 0; top: 0; left: 0; z-index: -3; overflow: hidden;  display: block; background-size: cover; background-repeat: no-repeat; }
.post-thumbnail img { position: absolute; height: 100%; width: 100%; bottom: 0; right: 0; object-fit: cover; transition: opacity .6s linear; transform-origin: top right; object-position: top center;  }

#main > article:first-of-type .post-thumbnail img { right: -23rem; object-fit: contain;}

.entry-title { display: none;}
span { color: #fd5d2b;}
#start_s { margin-bottom: 12rem; font-family: "Special-Elite"; letter-spacing: .2rem; font-size: 3.7rem;}
body #orange_first { background-color: #fd5d2b; width: auto !important; display: flex; height: 15.5rem;}
#orange_first > * { width: var(--width); margin: auto; display: flex; }
#orange_first h1 { width: calc(100% - 35rem); height: 12rem; line-height: 1; font-family: 'Roboto'; font-size: 6rem; color: #fd5d2b; text-shadow:0.08rem 0 white, -0.08rem 0 white, 0 0.08rem white, 0 -0.08rem white, 0.08rem 0.08rem white, 0.08rem -0.08rem white, -0.08rem 0.08rem white, -0.08rem -0.08rem white;
    text-align: left; letter-spacing: .3rem;  }
#orange_first h1 s-s { letter-spacing: .47rem;}
#orange_first > div { text-align: center; padding: 2rem 0; }
#orange_first > div > div { padding-left: 8rem;}
#orange_first > div h2 { font-size: 2.5rem; white-space: nowrap;}
.info_top { text-align: center;  ; position: absolute; top: -9rem; right: 1rem; font-family: "Special-Elite"; letter-spacing: .2rem; font-size: 1.8rem; padding-top: 7rem;   }
.info_top:before, .r_l > div:before, #passfoto:after, #promovideo:after  { z-index: 2; background-image: url(bilder/testafilm.webp); background-position: top center; background-size: 100% auto; background-repeat: no-repeat; width: 8.5rem; height: 5.5rem; top: -.5rem; left: 0; right: 0; margin: auto; content: ""; display: block; position: absolute;}
.info_top p { transform: rotate(-90deg); text-align: left; background-color: #30313b; width: 26rem; padding: 2.3rem; border-left: solid .5rem #fd5d2b; margin-bottom: 0 !important; line-height: 1.7;  }

#start_content { padding: 4rem 31rem 3rem 0; line-height: 1.9; font-size: 1.1rem; position: relative;}
#start_content:before { z-index: 2; width: .5rem; height: 19.6rem; top: 9.9rem; left: -3rem; background-color: #fd5d2b; display: block; position: absolute; content: ""; }
#start_content p { margin-bottom: 1rem;}
.ani { transition: all .5s;}
.ani_scale { transform: scale(.9); opacity: 0.5;}
.ani_opacity { opacity: 0;}
.ac.ani_opacity { opacity: 1;}
.ani_scale.ac { transform: scale(1); opacity: 1;}
.ac.ani_rotate { transform: rotate(0deg)} 


#cck > div > div > div:first-of-type.ani_scale.ac {
     transform: rotate(-3deg) scale(1); opacity: 1; }



#cck_wrap { width: 100% !important; margin: auto;}
#cck { background-color: #40404a;}
#cck > div { background-image: url(bilder/c-k.webp); background-size: 60% auto; background-repeat: no-repeat; background-position: bottom left; padding: 3rem 0 0 0; width: var(--width); margin: auto; }
#cck > div > div > div:first-of-type { transform: rotate(-3deg) scale(.9); padding-left: 6rem; opacity: 0; }
#cck > div > div > div:first-of-type p { text-transform: uppercase; font-size: 1.5rem; margin-bottom: .8rem; letter-spacing: .2rem; }
#cck > div > div > div:first-of-type h2 { font-size: 3.5rem; color: #f49c81; line-height: 1.3;}

#cck > div > div > div:last-of-type {line-height: 1.9; font-size: 1.1rem; width: 42rem; margin: 3rem 0 0 auto; padding-bottom: 3rem;}
#cck > div > div > div:last-of-type > p:first-of-type { font-size: 1.35rem; margin-bottom: 0;}
#cck > div > div > div:last-of-type > p { margin-bottom: 1rem;}

.seras { position: relative; text-transform: uppercase; font-size: 1.2rem; color: #cdcdcd; height: 5.5rem; line-height: 6rem; margin-top: 2.1rem; letter-spacing: .1rem;}
.seras:before { position: absolute; display: block; content: ""; height: .01rem; width: 25rem; background-color: #cdcdcd; top: 0; left: 0;}

body * .srs { font-size: 1.2rem; letter-spacing: .1rem; margin-bottom: 2.5rem;}
#ff .srs { margin-bottom: 2.9rem; margin-top: 2.5rem;}

#cck_tt { width: var(--width); margin: auto; padding: 6rem 0; }

#cck_tt h2 { font-size: 2.5rem; color: #fd5d2b; background-color: #30313b; padding: 1.5rem 0; border-top: solid .5rem #fd5d2b; background-color: rgba(38,38,51,0.82); text-align: center; }
#cck_tt p { display: inline;}
#cck_tt a, #ff a, .t_l a, .r_l a, #sub_mit { display: block; background-color: #fd5d2b; padding: 1rem 3rem; margin: 2rem auto 0 auto; color: white; text-decoration: none; width: fit-content; font-size: 1.2rem; text-align: center;}


#ff_wrapp { background-color: #2b2b35; width: 100% !important; padding: 6rem 0; background-image: url(bilder/ins_herz.webp); background-size: 17% auto; background-position: top 3rem  right; background-repeat: no-repeat; }
#ff { width: var(--width); margin: auto;}
#ff > div:first-of-type { text-align: center;}
#ff > div:first-of-type p { text-transform: uppercase; font-size: 1.1rem; margin-bottom: 2rem; letter-spacing: .2rem; }
#ff > div:first-of-type h2 { line-height: 1.3; font-size: 2.5rem; margin: 1rem 0 6rem 0;}
#ff .r_l > div:first-of-type a { margin-top: 4.1rem;}

.r_l { display: flex; margin-top: 6rem; line-height: 1.7; font-size: 1.2rem;}
.r_l > div { width: calc(50% - 2rem); color: #333333; background-color: white; padding: 5rem 3.5rem 3.5rem 3rem; position: relative; will-change: transform; transition: transform .15s;}
.r_l > div:last-of-type {  margin-left: auto; margin-right: auto; width: 58%;}

.r_l > div:before { top: -2.4rem;}
.r_l > div:last-of-type:before { transform: scaleX(-1);}

.r_l img { margin-bottom: 1.5rem; margin-left: auto; margin-right: auto; width: 87%; aspect-ratio: 1/1; object-fit: contain;}
.r_l  p { margin-bottom: 1.5rem; text-align: center;}
.r_l a { font-weight: bold; text-transform: uppercase; font-size: 1rem;}
.r_l  p:last-of-type { margin-bottom: 0;}
.r_l   h2 { font-size: 2.5rem; line-height: 1.4; text-align: center; padding-bottom: 2rem; margin-bottom: 2rem; position: relative;}
.r_l   h2:before { position: absolute; bottom: 0; left: 0; right: 0; height: .25rem; width: 40%; margin: auto; background-color: #bbb; content: "";}

.r_l > div:first-of-type:hover {transform: perspective(1000px) rotateX(1.3deg) rotateY(1.2deg) scale3d(1,1,1);}
.r_l > div:last-of-type:hover {transform: perspective(1000px) rotateX(1.3deg) rotateY(-1.2deg) scale3d(1,1,1);}
.r_l > div:hover h2:before { background-color: #fd5d2b;}


ul { padding: 0; margin: 1rem  0;}
#ff ul { padding: 0; margin: 2rem 0 2rem 0;}
li { position: relative; padding-left: 3rem; line-height: 2rem; list-style-type: none; margin: 0; margin-bottom: 1rem; font-weight: bold;}
li:before { height: 2rem; width: 2rem; content: ""; position: absolute; display: block; top: 0; left: 0;  background-image: url(bilder/pfeil-rechts.svg); background-size: 90% auto; background-position: left center; background-repeat: no-repeat;}
#cck li:before { background-image: url(bilder/pfeil-rechts_white.svg); }

.pfeil_runter { width: 6.5rem; height: 6.5rem; background-image: url(bilder/pfeil_runter.svg); background-size: contain; background-position: center; background-repeat: no-repeat; margin: 2rem auto; transform: rotate(60deg); transition: transform .6s .125s ; }
#ff a { font-weight: bold; text-transform: uppercase; width: 100%; font-size: 1rem; max-width: 25rem; }
.pfeil_runter.ac { transform: rotate(0deg);} 
#erwartet_was { margin-top: 3rem;}
#erwartet_text p { width: fit-content; text-align: center; padding: 0 2.5rem; position: relative; background-image: url(bilder/herz_klein.svg), url(bilder/herz_klein.svg); background-repeat: no-repeat; background-position: left center, right center; background-size: auto 40%; margin: 0 auto; height: 4rem; line-height: 4rem; font-size: 1.8rem; font-weight: bold; letter-spacing: .13rem; }
#erwartet_was h2 { font-size: 4rem; text-align: center;  margin-bottom: 1rem; margin-top: 8rem !important}
#erwartet_was img { width: 30%; height: auto; margin: .5rem auto 0 auto; display: block;}



#erwartet_was a { width: fit-content; margin-top: 1rem;}


#zeit_fuer_buchung { padding: 10rem 0; }
#zeit_fuer_buchung > div { position: relative;}
#zeit_fuer_buchung h2 { font-size: 3.7rem; letter-spacing: .2rem; color: #333; line-height: 1.3;}

.flex-name-der-schoettler .entry-content { z-index: 1;}
.t_l { background-color: #32323C; width: 100% !important; position: relative; z-index: 1; line-height: 1.9; font-size: 1.1rem; }
.t_l > div { display: flex; padding: 5rem 0; }
.t_l > div > div { width: calc(50% - 1.5rem);}
.t_l > div > div:last-of-type { margin-left: 3rem;}
.t_l p { margin-bottom: 1rem;}
#achterbahn > div > div:first-of-type h2 { width: 100%; height: 15rem; line-height: 1; font-family: 'Roboto'; font-size: 5.5rem; color: #32323C; text-shadow: 0.1rem 0 white, -0.1rem 0 white, 0 0.1rem white, 0 -0.1rem white, 0.1rem 0.1rem white, 0.1rem -0.1rem white, -0.1rem 0.1rem white, -0.1rem -0.1rem white; margin-top: 7rem; text-transform: uppercase;}
.t_l > div { width: var(--width); margin: auto; position: relative;}
#achterbahn > div:before { z-index: 2; width: .5rem; height: 18rem; top: -10rem; left: -3rem; background-color: #fd5d2b; display: block; position: absolute; content: ""; }
#achterbahn > div { background-image: url(bilder/stefan-schoettler-never-waste-a-good-crisis.webp); background-size: calc(50% - 1.6rem); background-position: bottom right; background-repeat: no-repeat;  }
#achterbahn > div { padding: 5rem 0 15rem 0;}
#achterbahn > div > div:last-of-type p:first-child { font-weight: bold; font-size: 2rem; line-height: 1.3; margin-bottom: .8rem;}
#achterbahn > div > div:last-of-type p:last-child { font-weight: bold; font-size: 1.4rem;}




#veraenderungistgeil { background-color: white; font-family: "Special-Elite"; font-size: 3.5rem; text-align: center; padding: 5rem 0; color: #333; width: 100% !important;}


#der_schoettler.t_l > div > div { width: 55%;}
#der_schoettler.t_l > div > div:last-of-type { width: 45%;}

.t_l a { text-transform: uppercase !important; margin-left: 0; font-weight: bold;}

#passfoto { position: relative; width: calc(100% - 8rem); margin: 2rem 0 0 auto; padding-top: 2.2rem; transform: rotate(0deg); transition: transform .5s;}
#passfoto.ac { transform: rotate(-5deg); }
#passfoto:hover {  transform: rotate(0deg);}
#passfoto:before { content: ""; display: block; width: 100%; height: 26rem; border: solid 1rem white; background-image: url(bilder/der_schoettler.webp); background-size: cover; background-position: top center; background-repeat: no-repeat; box-sizing: border-box; }
#passfoto p { text-align: center; margin: 0;}
#passfoto p:last-of-type { font-size: .9rem; line-height: 1.5;}
#passfoto > div { margin-top: .5rem;}
#wer_darf { width: 100% !important; margin: 0; padding: 0;}
#wer_darf img { width: 100%; height: 92vh; object-fit: cover;}
#char > h2:first-of-type { text-align: center; font-size: 2.7rem; margin-top: 4rem;}

#char .r_l > div:last-of-type { background-color: white; color: #333; width: calc(50% - 1rem); margin: auto;}
.flex-name-charity .entry-content { background-color: #2b2b35; padding-bottom: 6rem;}



#was_darf { width: fit-content; margin: auto; background-color: rgba(255,255,255,.85); position: relative; top: -4.4rem; margin-bottom: -4.4rem; padding: 1.8rem 6rem;}
#was_darf h2 { color: #333; font-size: 1.6rem; text-align: center;}

.g_r { height: 100vh; position: relative; }
.g_r h2 { position: absolute; font-size: 2rem; padding: 2rem; color: #333; background-color: rgba(255,255,255,.7); backdrop-filter: blur(1rem); bottom: 5rem; left: 0; right: 0; margin: auto; width: fit-content; text-align: center; }



#kontakt { background-color: #2b2b36; width: 100% !important; padding: 6rem 0;}

#kontakt  > div { width: var(--width); margin: auto; }
#kontakt_main { padding: 4rem; background-color: rgba(255,255,255,.05); margin: auto; display: flex; border: solid .1rem rgba(255,255,255,.2);}
#kontakt_main > div:first-child { width: 65%; padding-right: 4rem;}
#kontakt_main > div:last-child { width: 35%;}

input, #anfbettr { width: 100%; height: 3.7rem; line-height: 3.7rem; margin-bottom: 1rem; border: none; font-family: "Special-Elite"; font-size: 1.1rem; padding: 0 1rem; border-top: solid .65rem white; border-bottom: solid .25rem white; position: relative; border-radius: 0; }
#anfbettr { background-image: url(bilder/dreieck_runter.svg); background-position: right 1rem center; background-repeat: no-repeat; background-size: 1rem; background-color: white; color: #444; position: relative; border-top: solid .35rem white; cursor: pointer;  }
#anfbettr > p { height: 3.7rem; }
#anfbettr_select { position: absolute; width: 100%; top: calc(100% + .3rem); left: 0; line-height: 3.7rem; background-color: #efefef; box-shadow: 0 0 .4rem .1rem rgba(0,0,0,0.84); z-index: 2; display: none; }
#anfbettr.ac #anfbettr_select { display: block;}
#anfbettr_select p {  padding: 0 1rem}
#anfbettr_select p:hover { background-color: rgb(255, 247, 216)}
input:hover, input:focus, textarea:hover, textarea:focus { border-bottom: solid .25rem #fd5d2b; }
input:focus { border-top: solid .65rem rgb(255, 247, 216);}
input:focus, textarea:focus { background-color: rgb(255, 247, 216);}
textarea { width: 100%; resize: vertical; height: 11rem;  font-family: "Special-Elite"; font-size: 1.1rem; padding: 1rem; border-bottom: solid .25rem white; line-height: 1.4; border-radius: 0; position: relative; z-index: 1; }

#sub_mit { width: calc(50% - .5rem); margin: 0 0 0 auto; text-transform: uppercase; font-weight: bold; text-align: center; cursor: pointer;}
#verst { display: flex; margin: 1rem 0 1.2rem 0;}
#verst p:last-child { width: calc(100% - 3rem);}
#verst_ok { width: 2rem; height: 2rem; cursor: pointer; background-color: white; margin-right: 1rem; position: relative; top: .3rem;}
#verst_ok.ac { background-color: #fd5d2b; border: solid .5rem white; }
label { display: none;}
#vonanachna { display: flex;}
#vonanachna input { width: calc(50% - .5rem);}
#vonanachna input:last-child { margin-left: 1rem;}

#kontakt_h  { text-align: center; margin-bottom: 2rem;}
#kontakt_h  .pfeil_runter { width: 5rem; height: 5rem;}
#kontakt_h > h2:nth-of-type(1) { font-size: 2.5rem; line-height: 1.3;}
#kontakt_h > h2:nth-of-type(2) { font-size: 1.5rem; margin-top: .5rem;}
#kontakt_h > h2:nth-of-type(3) { font-size: 3.2em;}

#agentur_wrapper { font-size: 1.2rem;}
#agentur_wrapper p { margin-bottom: 2rem;}
#agentur_wrapper a, #footer a, #footer m-m, #agentur_wrapper m-m {  background-size: 1.5rem; background-position: left center; background-repeat: no-repeat; padding-left: 2.5rem; height: 2rem; margin-top: .8rem; display: flex; align-items: center; justify-content: left;}
.tel { background-image: url(bilder/phone.svg); }
.tel:hover { background-image: url(bilder/phone_hover.svg); color: #fd5d2b; }
.mehl { background-image: url(bilder/mehl.svg); }
.mehl:hover { background-image: url(bilder/mehl_hover.svg); color: #fd5d2b; }
#agentur_wrapper > h2 { font-size: 2.3rem; position: relative; margin-bottom: 5.5rem; line-height: 1; }
#agentur_wrapper > h2:before { width: 5rem; height: .5rem; top: calc(100% + 2rem); left: 0; background-color: #fd5d2b; display: block; position: absolute; content: "";  }

.flex-name-kontakt s-ticky { display: none;}


#footer { background-color: #1f1f26; padding: 6rem 0; position: relative; z-index: 4;  }
#footer > div { width: var(--width); margin: auto;  }
#footer a, #footer m-m { display: block; margin: .5rem 0 0 0; background-position: top left; background-repeat: no-repeat;}
#footer p { display: block; margin-bottom: 2rem; line-height: 1.6;}
#footer h2 { font-size: 2.5rem; line-height: 1.3; margin-bottom: .5rem;}
#footer h3 { font-size: 1.3rem; line-height: 1; height: 2rem;   border-bottom: solid .1rem rgba(255,255,255,.1); margin-bottom: 1rem;}
#footer_r { display: flex; padding-bottom: 3rem; margin-bottom: 3rem; border-bottom: solid .1rem rgba(255,255,255,.1);}
#footer_r > div { width: calc(25% - 2.1rem);  margin-left: 2.8rem;}
#footer_r > div:first-child { margin-left: 0;}
#footer_r > div:last-of-type a { padding-left: 0;}


#footer .www { background-image: url(bilder/www.svg); }
#footer .www:hover { background-image: url(bilder/www_hover.svg); }

#follow { margin-top: 2rem;}
#follow a { width: 3rem; height: 3rem; background-size: 50%; background-repeat: no-repeat; background-color: white; border-radius: 100rem; display: inline-block; margin-right: 1rem; background-image: url(bilder/link_insta.svg); background-position: center; }
#follow a:last-of-type { background-image: url(bilder/link_facebook.svg);}
#follow a:hover { background-color: #fd5d2b;;}
#footer, body #footer .srs { font-size: .95rem;}
#footer_end { text-align: center; font-size: .8rem;}


#book_me, #book_me:visited { position: fixed; right: 0; top: 0; bottom: 0; margin: auto; padding: .4rem 1.1rem; z-index: 3; background-color: #fd5d2b; height: fit-content; width: fit-content; transform: rotate(-90deg) translateY(-50%) translateY(150%); transform-origin: right; letter-spacing: .1rem; font-weight: bold; text-transform: uppercase; color: white; box-shadow: 0 .2rem 1.8rem 0 rgba(34,34,34,0.19); }

#social_buttons { position: fixed; left: 0; top: 0; bottom: 0; margin: auto; background-color: #fd5d2b; height: fit-content; width: 2.299rem; z-index: 2; 
  padding: .8rem 0;}
#social_buttons a, #social_buttons a:visited { background-position: center; background-repeat: no-repeat; background-size: 56% auto; background-image: url(bilder/link_facebook.svg); width: 100%; height: 2.9rem; display: block; filter: invert(1); }
#social_buttons a:last-of-type { background-image: url(bilder/link_insta.svg);}

#book_me:hover, #book_me:visited:hover { color: white !important; background-color: rgb(225, 71, 0); transform: rotate(-90deg) translateY(-50%) translateX(55%) scale(1.1) !important; transition: all .25s !important;}
.loaded #book_me  { transform:rotate(-90deg) translateY(-50%) translateX(50%); transition: transform .5s;}
body:not(.page-template-home) #main { min-height: 100vh;}
body:not(.page-template-home) #main { width: var(--width); margin: 10rem auto 0 auto;}
body.page-template-default #main { margin-top: 7rem;}
body:not(.page-template-home) .entry-title { display: block; font-size: 3rem; position: relative; height: 5.5rem; margin: 0 0 3rem 0; line-height: 1;}
.entry-title:before { position: absolute; bottom: 0; left: 0; height: .5rem; width: 8rem; display: block; content:  ""; background-color:  #fd5d2b;}
body:not(.page-template-home) #main .entry-content p { font-size: 1.1rem; line-height: 1.9; margin: 0 0 1rem 0;}
body:not(.page-template-home) article { min-height: auto;}

.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; font-family:  "Special-Elite"; }
.gesamt_datum:first-of-type { margin-top: 0;}
#filter { display: none; font-weight: normal; }
.gesamt_datum > span > span { color: #fd5d2b}
.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; }
.kein_ort { color: #444 !important}
.eve_wrapper a, .eve_wrapper a:visited, .eve_wrapper a:hover { color: #fd5d2b; text-decoration:none; font-weight: normal !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(60,60,70,.4); border: dotted .05rem rgba(255,255,255,.9); border-right: none; color: white;; font-weight: 500; letter-spacing: inherit;}
.eve_wrapper:hover .eve_date { background: rgba(60,60,70,1);}
.eve_des { color: #666; background: rgba(255,255,255,.9); } 
.eve_veranstalter a:nth-of-type(2), .eve_veranstalter span, .nur_ein_ticketlink { background: #fd5d2b; 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.03rem; 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: #3C3E52; 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;}


#termine_main { width: 51%; margin: 0 0 0 0;}

#filter_wrapper { margin: 0 0 4rem 0;}

.eve_date d-d { font-family:  "Special-Elite"; 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%;}

body.page-template-termine #main { margin-top: 8rem;}

.page-template-default .entry-content a, .page-template-default .entry-content a:visited { color: #fd5d2b; }

video { width: 100%; aspect-ratio: 16/9;}


#presse_wrap { display: flex; width: 100% !important; min-height: 100vh;}
#presse_wrap > div:nth-child(1) { width: 50%;}
#presse_wrap > div:nth-child(2) { width: calc(50% - 6rem); margin: 0 0 0 auto;}


#promovideo { position: relative; width: 100%; margin: -4rem 0 0 auto; padding-top: 2.2rem; position: sticky; top: 8rem; transform: rotate(0deg); transition: transform .5s; }
#promovideo.ac { transform: rotate(-5deg); }
#promovideo:hover {  transform: rotate(0deg); color: #fd5d2b;  }
#promovideo:before { content: ""; display: block; width: 100%; aspect-ratio: 32/21; border: solid .5rem white; background-image: url(bilder/promo-video.webp); background-size: cover; background-position: top center; background-repeat: no-repeat; box-sizing: border-box; cursor: pointer; }
#promovideo p { text-align: center; margin: 0 !important; line-height: 1.4 !important;}
#promovideo p:first-of-type { margin-bottom: .5rem !important;}
#promovideo p:last-of-type { font-size: .9rem; }
#promovideo > div { margin-top: .5rem;}
#promovideo:after { width: 7rem;}



#bg_video { position: fixed; margin: auto; top: 0; left: 0; right: 0; bottom: 0; height: calc(100dvh - 6rem); aspect-ratio: 16/9; position: fixed !important; z-index: 333; display: none;  background-color: black;}
.video_active #bg_video { display: block;}
#bg_video video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; object-fit: cover; border: solid .5rem #fd5d2b;}
#bg_video p { position: absolute; top: -1.5rem; background-color: #fd5d2b; right: -1.5rem; height: 3rem; line-height: 3.5rem;  width: 3.5rem; font-weight: bold; text-transform: uppercase; font-family: 'Special-Elite'; z-index: 2; border-radius: .25rem; text-align: center; font-size: 1.8rem; font-weight: bold; cursor: pointer;}
#bg_video:after { height: 100vh; width: 100vw; content: ""; display: block; position: fixed; top: 0; left: 0; background-color: #777; z-index: 0; }

#palliatvigesellschft-bild { width: 90%; height: auto; margin-bottom: 0;}

@media screen and (max-aspect-ratio: 100 / 60)   { 
    
    #bg_video { width: 90vw; height: auto;}


}

@media screen and (max-aspect-ratio: 100 / 60) and (min-aspect-ratio: 3 / 4)   { 
    
    #bg_video { bottom: auto; top: 4rem; aspect-ratio: 16/9 !important;}


}


@media screen and (max-aspect-ratio: 40 / 26)   { 
    html { font-size: 1.3vw}
    :root {
        --vh: 100vh;
        --width: calc(100% - 2rem);
       
       }


}



@media screen and (max-aspect-ratio: 90 / 100)   { 
    html { font-size: 4.8vw}
    :root {
        --vh: 100vh;
        --width: calc(100% - 2.4rem);
       
       }

       #termine_main { width: 100%; }

       .eve_date d-d { font-family: unset; font-size: 1rem; letter-spacing: inherit; display: inline; }

       .eve_des { display: none;}
      
       .page-template-termine #main > article:first-of-type .post-thumbnail img { position: fixed; right: auto; left: 12%; top: 4.5rem; z-index: -1; object-position: right top; height: 100vh; object-fit: contain;  width: 110%; }
       .page-template-termine #main > article:first-of-type .post-thumbnail:after { content: ""; display: block; position: fixed; top: 0; left: 0; height: 100vh; width: 100%; background: linear-gradient(180deg,rgba(43, 43, 53, 0) 0vw, rgba(40, 43, 53, 0) 85vw, rgba(43, 43, 53, 1) 110vw); z-index: -1;}
       body.page-template-termine .entry-title { text-align: left; font-size: 2.6rem; width: 100%; height: 6.7rem; line-height: 1.1; margin-bottom: 9rem !important; }
       body.page-template-default #main { margin-top: 6rem;}
       body.page-template-termine .entry-title i-i { font-size: 0;}
       body.page-template-termine .entry-title i-i:before { font-size: 1.8rem; content: ",";}
       .page-template-termine .entry-title:before { left: 0; right: auto; height: .3rem;}
       body.page-template-termine #main { margin-top: 5rem}
       .eve_wrapper { display: block; font-size: .9rem;}
       .eve_date { line-height: 2.1rem; padding: 0 .5rem; text-align: left; background-color: #3C3E52; border: none; text-transform: uppercase; font-size: 1rem;}
       #filter_wrapper > * { font-size: .7rem; height: 2rem; line-height: 2rem; background-color: #3C3E52;}
       .gesamt_datum { color: #fd5d2b; border-color: #fd5d2b;}
       .gesamt_datum span { color: white;}
       #filter_wrapper { margin: 0 0 2rem auto;  }
       .eve_float { background-color: rgba(255,255,255,.92);}
       .gesamt_datum { font-size: 2rem;}
     

#nav_btn { position: fixed; top: 1.2rem; right: 1.2rem;  cursor: pointer; background-image: url(bilder/nav_btn.svg); background-size: contain; background-position: center; border-radius: 0.25rem; background-color: #fd5d2b; width: 2.6rem; height: 2.6rem; z-index: 334;  }

#sch_nav { top: 0; font-size: 1.2rem; left: 1.2rem;}
nav > div { display: inline; position: static;}
nav {  padding: 0; height: 4.9rem; background-color: transparent !important; }
.not_top nav { background: #3C3E52 !important;}

#nav_items { position: fixed; width: calc(100% - 8.5rem); z-index: 222; background-color:  #fd5d2b; height: fit-content; top: 7rem; left: 0; right: 0; padding: .5rem .5rem 0 .5rem; margin: auto; border-radius: .2rem; box-shadow: .5rem .25rem 1.5rem .5rem #000000; letter-spacing: .05rem; font-size: .95rem; display: none; }
#nav_items > * { background-color: #2b2b35; height: 2.5rem; line-height: 2.5rem; margin: 0 0 .5rem 0; display: block;  text-align: center; font-weight: bold; border-radius: .2rem; font-size: .7rem;}

.nav_open #site-navigation:before { content: ""; display: block; height: 100vh; left: 0; top: 0; width: 100vw; background-color: rgba(0,0,0,.4);}
.nav_open #nav_items { display: block;}

#book_me { display: none;}
#start_s { display: none;}
#social_buttons { display: none;}



#main > article:first-of-type .post-thumbnail img { right: 0; bottom: auto; top: 2rem; width: 140%; left: -20%;}
.flex-name-comedy-kabarett .entry-content  { margin-top: 4rem;}

.flex-name-start .entry-header { padding-top: 23.5rem;}
#orange_first > div > div { padding-left: 0;}
#orange_first h1 { width: 100%;}

#start_content { padding: 0; padding-top: 2.6rem;}

.info_top:before, .r_l > div:before, #passfoto:after { width: 7rem;}

.info_top { position: relative; margin: 2rem auto 0 auto; left: 0; right: 0; top: 0; bottom: auto;  padding: 1.8rem 0 3rem; }



.info_top p { transform: rotate(-5deg); width: 100%; border-left: 0; border-bottom: solid .5rem #fd5d2b; background-color: #3e404d; font-size: 1.5rem; padding: 2.5rem .5rem 1rem .5rem;}
body #orange_first { height: auto; padding: 1.3rem 0;}
#orange_first > * { flex-direction: column-reverse;}
#orange_first > div h2 { font-size: 1.5rem;}
#orange_first > div { padding: 0;}
#orange_first h1 { font-size: 3rem; height: auto; text-align: center; letter-spacing: .1rem; margin-bottom: 0;}
#orange_first h1 s-s { letter-spacing: .25rem; }

#cck { margin-bottom: 4rem;}
#cck > div > div > div:first-of-type { padding-left: 0;}
#cck > div > div > div:first-of-type p { font-size: 1rem;} 
#cck > div > div > div:first-of-type h2 { font-size: 1.6rem;}

#cck > div > div > div:last-of-type { width: 100%;}

#cck > div > div > div:last-of-type > p:first-of-type { font-size: 1.1rem;}
.seras:before { width: 100%;}


#cck > div { background-size: 90% auto; background-position: bottom center;}
#cck > div > div > div:last-of-type { padding-bottom: 14rem; }

#cck_tt { padding: 0; line-height: 1.6; margin-bottom: 4rem;}
#cck_tt > p > a::after { content: " >>";}
#cck_tt h2 { font-size: 1.3rem;} 

#ff { hyphens: auto;}
#ff > div:first-of-type h2 { line-height: 1.15;}
.r_l h2 { line-height: 1.3;}
#ff > div:first-of-type p { margin-bottom: 1.5rem;}
#ff_wrapp { background-size: 60% auto; background-position: top   right;}
#ff_wrapp { padding-top: 10rem;}
.r_l, body * .srs { font-size: 1rem; line-height: 1.7; }
.r_l p { margin-bottom: 1rem;}
ul { margin-bottom: 1.5rem;}
#ff .r_l > div:first-of-type a { margin-top: 2rem;}

.r_l { display: block;}
.r_l > div { width: 100%; padding: 5rem .7rem 3.5rem .7rem;}

.r_l > div:last-of-type { margin: 6rem 0 2rem 0; width: 100%;}
.flex-name-charity .entry-content { padding-bottom: 4rem;}



#cck_tt a, #ff a, .t_l a, .r_l a, #sub_mit { padding: 1rem; line-height: 1.3; width: 100%;}
#erwartet_was h2 { font-size: 2.5rem; line-height: 1.3; margin-bottom: 2rem;}
#erwartet_text p { margin-bottom: 1.2rem; font-size: 1.2rem; background-size: auto 38%; line-height: 1.8rem; height: auto; padding: 0 4.4rem; letter-spacing: normal; hyphens: none;}
#erwartet_was img { width: 95%; margin-top: 1.5rem;}

.flex-name-finde-folgendes .entry-content { background-color: rgba(255,255,255,.25);}

#zeit_fuer_buchung { padding: 5.5rem 0;}


#achterbahn > div { display: block; width: var(--width); margin: auto; padding-bottom: 23rem; background-size: 56%;}
.t_l > div > div:last-of-type { margin-left: 0;}
.t_l > div > div { width: 100%;}


#achterbahn > div > div:first-of-type h2 { position: absolute; bottom: 13.7rem; margin-top: 0; height: 8rem;}

#veraenderungistgeil { font-size: 1.7rem; padding: 3rem 0;}

.t_l > div { flex-direction: column-reverse; padding-top: 2rem;}

#der_schoettler.t_l > div > div { width: 100% !important;}
h2 { font-size: 2rem;}
.flex-name-start .entry-content { background-color: rgb(43, 43, 53);}

#passfoto { transform: none; margin: auto; width: 80%; margin-bottom: 2rem; }
#passfoto:before { border: solid .5rem white;  height: 17rem;}

#wer_darf img { height: 120vw;}
#achterbahn > div > div:last-of-type p:first-child, #achterbahn > div > div:last-of-type p:last-child { font-size: 1.25rem; line-height: 1.35;}

#was_darf { top: 0; margin-bottom: 0;}
#char { width: 100% !important;}
#was_darf { padding: 2rem 0 1rem 0;}

li:before { background-size: 60% auto;}
li { padding-left: 1.8rem;}
#was_darf h2 { line-height: 1.3;}

#char > h2:first-of-type { font-size: 1.8rem; line-height: 1.3;}

#char .r_l { width: var(--width);  margin: 4rem auto 0 auto;}
#char .r_l > div:last-of-type { margin-bottom: 0; width: 100%;}

.g_r h2 { width: 100%; font-size: 1.4rem; padding: 1rem 1.5rem; line-height: 1.5;}

#kontakt_main { padding: 2rem 1rem 1rem 1rem; flex-direction: column-reverse; font-size: 1rem; width: calc(100% + 1.2rem); margin-left: -.6rem;}
#kontakt_form { width: 100%;}
#vonanachna { display: block;}
#vonanachna input:last-child { margin-left: 0;}
#kontakt_form input, #kontakt_form textarea { width: 100% !important; margin-left: 0; margin-right: 0;}
#kontakt_main > div, #kontakt_main > div:first-child { width: 100%; padding: 0;}
#verst { display: block;}
#verst_ok { margin-bottom: 1.2rem;}
#verst p:last-child { width: 100%; font-size: .9rem;}
#agentur_wrapper > h2 { font-size: 1.5rem; margin-bottom: 4rem;}

#kontakt_h > h2:nth-of-type(3) { font-size: 2.5rem; line-height: 1.2;}

#ff > div:first-of-type p { line-height: 1.3;}
#agentur_wrapper > h2:before { height: .25rem; top: calc(100% + 1.5rem);}
#kontakt_main > div:last-child { width: 100%;}
#agentur_wrapper { font-size: 1rem;}
#kontakt { padding-bottom: 2.4rem;}

#footer_r { display: block;}
#footer_end s-s { display: block; font-size: 0;}
#footer_r > div { width: 100%; margin: 0; margin-bottom: 1rem; }
#footer_r > div:nth-child(3), #footer_r > div:nth-child(4)  { margin-top: 2rem;}


#achterbahn > div > div:first-of-type h2 { font-size: 2.7rem;}

body.page-template-default .entry-title { font-size: 2.3rem; margin-bottom: 4rem; height: 4rem;}
body.page-template-default .entry-title:before { height: .3rem;}
.post-name-bildquellen .entry-content a { display: block;}


#presse_wrap { flex-direction: column-reverse;}
#presse_wrap > div:nth-child(1), #presse_wrap > div:nth-child(2) { width: 100%; margin: 0;}
#promovideo { margin: -1.5rem 0 3rem 0}

#bg_video { width: 100%; aspect-ratio: 4/4; height: auto; max-height: calc(100% - 3.5rem);}
#bg_video:after { background-color: #666;}
#bg_video video { border-left: none; border-right: none; border-width: .125rem;}

#bg_video p {
    top: -3.5rem;
    right: 1.2rem;
    height: 2.5rem;
    width: 2.5rem;
    line-height: 3rem;
    width: 2.5rem;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: .125rem;
    font-size: 1.5rem;
}

#palliatvigesellschft-bild { width: 100%; aspect-ratio: revert-layer;}


@media screen and (min-aspect-ratio: 26 / 40) and (min-width: 600px) {

    html { font-size: 3vw}
    :root {
        --vh: 100vh;
        --width: calc(100% - 6.4rem);
       
       }

       #nav_items { width: calc(100% - 14rem);}
       .flex-name-start .entry-header {
        padding-top: 35rem;}
        #achterbahn > div { padding-bottom: 25rem;}
        #achterbahn > div > div:first-of-type h2 { bottom: 16.5rem;}
        #was_darf { top: -4rem;  margin-bottom: 4rem;  }
        body.page-template-termine .entry-title i-i { display: inline;}
        body.page-template-termine .entry-title  { font-size: 3.5rem; line-height: 1.2; height: 11rem; margin-bottom: 3rem;}
        

}

}



@media screen and (min-aspect-ratio: 16 / 10) and (max-width: 980px) {
    html { font-size: 1.3dvw;}
    #nav_items a { white-space: nowrap; font-size: 1rem;}
    #nav_items a:last-child { display: none;}
    .loaded #book_me { display: none;}
    #sch_nav { display: none;}

}