:root {--yellow: #f5cb10}
.et_pb_module h1, .et_pb_module h2, .et_pb_module h3, .et_pb_module h4, .et_pb_module h5, .et_pb_module h6 {font-family: Calibri, Candara, Segoe, Optima, Arial, sans-serif}
.et_pb_module h1{font-size: calc(50px + (60 - 50) * ((100vw - 300px) / (1600 - 300)))}
.et_pb_module h2{font-size: calc(22px + (28 - 22) * ((100vw - 300px) / (1600 - 300)))}
.et_pb_module h3{font-size: calc(18px + (22 - 18) * ((100vw - 300px) / (1600 - 300)))}
.et_pb_module h5{font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)))}
.et_pb_module h6{font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)))}
body {font-family: Calibri, Candara, Segoe, Optima, Arial, sans-serif;font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));}
.detektei{font-size:18px;line-height: 1;}
.detektei.sub {float: Right}
.flex-container {display:flex;flex-direction: row; justify-content: space-between;flex-wrap: wrap;align-items: top }
.flex-container .et_pb_blurb {display:flex;flex-direction: row;justify-content: center;flex-wrap: nowrap;align-items: center;}
.flex-container .et_pb_blurb .et_pb_blurb_content, .flip_front_text {padding:2% 5%}
.et-menu  li > a:hover {
box-shadow: 0 10px 0 0 var(--yellow) !important; 
padding-bottom: 34px;
opacity: 1 !important;
}
.et-menu  li li a {
padding-bottom: 6px !important;
}
.et-menu  li.current-menu-item > a,
.et-fixed-header #top-menu li.current-menu-item > a {
border: 10px solid var(--yellow);
padding: 10px;
margin-bottom: -10px;
}
.et_pb_menu__menu>nav>ul {align-items: center!important;-webkit-box-align: center!important} #footer-do .ohrdorff {font-size:28px} #animation-logo .bottom-container,#animation-logo .top-container {
width: 100%;
height: 400px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding:1vw;
position:absolute;
}
#animation-logo .bottom-container h1{color: transparent!important}
#animation-logo .top-container {background-color: var(--yellow);color: white;-webkit-clip-path: circle(20% at 85% 50%);clip-path: circle(20% at 85% 50%);-webkit-animation: circleMove 6s ease-in-out infinite;animation: circleMove 6s ease-in-out infinite}
@-webkit-keyframes circleMove {0%, 100% {-webkit-clip-path: circle(20% at 85% 50%);clip-path: circle(20% at 85% 50%);}50% {-webkit-clip-path: circle(20% at 15% 50%);clip-path: circle(20% at 15% 50%);}}
@keyframes circleMove {0%, 100% {-webkit-clip-path: circle(20% at 85% 50%); clip-path: circle(20% at 85% 50%)}50% {-webkit-clip-path: circle(20% at 15% 50%);clip-path: circle(20% at 15% 50%)}} .menu-flottant {
width:5em; 
float: right; 
position:fixed; 
z-index:9999; 
top: 35%; 
font-size: 1.2em; 
line-height: 2px; 
color: #fff; 
font-weight:700; 
text-transform:uppercase; 
right: -2em; }
.menu-flottant ul {list-style: none; margin: 0; padding: 0;}
.menu-flottant ul li {
display:block; 
background-color: var(--yellow);
height: 2em; 
padding: 0.7em 1em; 
position: relative; 
-webkit-transition: -webkit-transform 0.5s; 
-webkit-transition: -webkit-transform .5s; 
transition: -webkit-transform .5s; 
-o-transition: transform .5s; 
transition: transform .5s; 
transition: transform .5s, -webkit-transform .5s;
-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.5);
box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.5);
margin: 10px 0;
}
.menu-flottant ul li:hover {
-webkit-transform: translateX(-2em);
-ms-transform: translateX(-2em);
transform: translateX(-2em);
}
.menu-flottant ul li a {
display:block; 
color: #fff; 
text-decoration: none; 
position: absolute; 
top:0; 
bottom:0;
right: 1.5em;
margin:0 auto;
padding:.2em 1.5em;
}
.menu-flottant ul li a:hover{color:#fff!important}
.menu-flottant ul li span {float: left; line-height: 1.5em; height:2em;padding-bottom: 1em;} .background {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(#0C0E10, #446182)}
.ground {position: absolute; bottom: 0;width: 100%; height: 25vh; background: #0C0E10}
.lostcontainer {position: relative;margin: 0 auto;width: 85%;height: 100vh;padding-bottom: 25vh;display: flex;flex-direction: row;justify-content: space-around}
.left-section, .right-section {position: relative}
.left-section{width: 40%}
.inner-content {position: absolute; top: 50%; transform: translateY(-50%)}
.heading {text-align: center;font-size: calc(80px + (140 - 80) * ((100vw - 300px) / (1600 - 300)))!important;line-height: 1.3em;margin: 2rem 0 0.5rem 0;padding: 0;text-shadow: 0 0 1rem #fefefe}
.subheading {text-align: center;max-width: 480px;font-size: 1.5em;line-height: 1.15em;padding: 0 1rem;margin: 0 auto}
.backsite{text-align: center}
.backsite a{color:var(--yellow)}
.right-section {width: 50%}
.svgimg {position: absolute;bottom: 0;padding-top: 10vh;padding-left: 1vh;max-width: 100%;max-height: 100%}
.bench-legs {fill: #0C0E10}
.top-bench, .bottom-bench {stroke: #202425;stroke-width: 1px;fill: #5B3E2B}
.bottom-bench path:nth-child(1){fill: darken(#5B3E2B,7%)}
.lamp-details{fill: #202425}
.lamp-accent{fill: lighten(#202425, 5%)}
.lamp-bottom {fill: linear-gradient(#202425, #202425)}
.lamp-light {fill: #EFEFEF}
@keyframes glow {0% {text-shadow: 0 0 1rem #fefefe}50% {text-shadow: 0 0 1.85rem #ededed}100% {text-shadow: 0 0 1rem #fefefe}}  .wps-form {width: 100%;margin: 0 auto;}
.wps-form-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-direction: row;-ms-flex-direction: row;}
.wps-form-row {display: -webkit-box;display: flex;display: -ms-flexbox;display: -webkit-flex;width: 100%;}
.wps-form-row .wpcf7-form-control {width: 100%;}
.wps-anrede {-webkit-box-flex: 1;flex: 1; -webkit-flex: 1; -ms-flex:1; width: 10%;margin:1em 0}
.wps-produkte {-webkit-box-flex: 1;flex: 1; -webkit-flex: 1; -ms-flex:1; width: 100%;margin-bottom:1em}
.half {-webkit-box-flex: 0;flex: 0 1 30%;-webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; margin-right: 20px;line-height:1.2em!important}
.first-left {-webkit-box-flex: 0;flex: 0 1 30%;-webkit-flex: 0 1 30%; -ms-flex: 0 1 30%; }
.first-right {-webkit-box-flex: 0;flex: 0 1 70%;-webkit-flex: 0 1 70%; -ms-flex: 0 1 70%;}
.secound-left {-webkit-box-flex: 0;flex: 0 1 80%;-webkit-flex: 0 1 80%; -ms-flex: 0 1 80%;margin-right: 20px;line-height:1.2em!important}
.secound-right {-webkit-box-flex: 0;flex: 0 1 20%;-webkit-flex: 0 1 20%; -ms-flex: 0 1 20%;}
span.wpcf7-list-item {display: inline-block; margin: 0 1em 0 0 }
.wps-form input.text, .wps-form input.title, .wps-form input[type=email], .wps-form input[type=password], .wps-form input[type=tel], .wps-form input[type=text], select, .wps-form textarea  {background-color: #f2f2f2;border: 1px solid var(--yellow);border-radius:4px;padding: 10px;margin: 5px 0; ;font-size:0.95em;}
.secound-left .wpcf7-list-item-label , .wps-form p {font-size:0.85em!important;} .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {border-color: var(--yellow)}
.wpcf7 form.sent .wpcf7-response-output {background-color: var(--yellow);color:#000; border: 2px solid var(--yellow);border-radius:30px;text-align:center;} @media all and (min-width: 767px) {.first-right{ margin-left: 20px}}
@media all and (max-width: 767px) {.wps-anrede {width: 45%} .wps-form input.text, .wps-form input.title, .wps-form input[type=email], .wps-form input[type=password], .wps-form input[type=tel], .wps-form input[type=text], select, .wps-form textarea {border: 2px solid #e9e9e9}.wps-form-row {-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;-ms-flex-direction: column;}} input[type=submit] {background-image:-o-linear-gradient(top,#918d8d 0%,#575656  100%)!important;background-image:-webkit-gradient(linear,left top, left bottom,from(#918d8d),to(#575656))!important;background-image:linear-gradient(180deg,#918d8d 0%,#575656  100%)!important; padding:10px 30px; color:#fff; border:none; float: right;margin-top:2em}   .flip_cards_3d {
display:-webkit-box!important;
display:-ms-flexbox!important;
display:flex!important;
flex-wrap: wrap;
margin-bottom: 0px!important;
max-width: 1980px;
width: 100%;
left: 50%;
margin-right: -50%;
-webkit-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);} .flip_cards_3d .row_flip_box {
background-color: transparent;
width:50%; padding: 3%!important;
height: 450px!important;
-webkit-perspective: 1000px;
perspective: 1000px;}
@media only screen and ( min-width: 768px ) and ( max-width: 1023px ) { .flip_cards_3d .row_flip_box  {width:50%!important}}
@media only screen and ( max-width: 767px ) {.flip_cards_3d .row_flip_box  {width:100%!important}} .flip_cards_3d .column_flip_box {
position: relative;
width:100%;
height: 100%;
-webkit-transition: all 1.2s cubic-bezier(.5,1,.5,1);
-webkit-transition:  all 1.2s cubic-bezier(.5,1.3,.5,1.3);
-o-transition:  all 1.2s cubic-bezier(.5,1.3,.5,1.3);
transition:  all 1.2s cubic-bezier(.5,1.3,.5,1.3);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;}
.one.flip, .two.flip, .three.flip, .four.flip {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);} .flip_cards_3d .flip_front_text,
.flip_cards_3d .flip_back_text {
padding: 20px 0;
position: absolute!important;
width:100%!important;
height: 100%;
vertical-align: middle;       
border-radius: 10px;
-webkit-box-shadow: 0px 12px 18px -6px rgba(0, 0, 0, .2);
box-shadow: 0px 12px 18px -6px rgba(0, 0, 0, .2);
color: #666;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-moz-transform-style: unset;
backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-o-backface-visibility: hidden;
} .flip_cards_3d .flip_front_text, .flip_cards_3d .flip_back_text  {background-blend-mode: overlay;background-color: #fff} .flip_cards_3d .flip_back_text .et_pb_text_inner,.flip_cards_3d  .et_pb_blurb_content {width: 90%!important;justify-content: space-between;top: 0%!important;left: 0%!important;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-transform: translateZ(50px)!important;transform: translateZ(50px)!important;}
.flip_cards_3d .flip_back_text .et_pb_text_inner {align-items: flex-start; padding: 2% 7%}
.flip_cards_3d .flip_front_text .et_pb_text_inner h3 {color: #333;font-size: 20px!important;line-height: 26px!important;font-weight: 500!important;}    
.flip_cards_3d .et_pb_text_inner, .flip_cards_3d .et_pb_blurb_description{color: #666!important; font-weight: 400!important}  
.flip_cards_3d .et_pb_blurb_description{font-size: 16px!important} 
.flip_cards_3d .et_pb_text_inner{font-size: 16px!important; line-height:1.4em; text-align:left}
.flip_cards_3d .flip_back_text  {-webkit-transform: rotateY(180deg);transform: rotateY(180deg)}
.flip_cards_3d .btn-flip {position: absolute;bottom: 0;right: 0;border-radius:50%; border:none; color:#000; background-color: var(--yellow); height: 30px; width:30px}
.flip_cards_3d .btn-flip:hover{transform: scale(1.2);-webkit-box-shadow: 0px 0px 26px 5px rgba(125,125,125,0.2); box-shadow: 0px 0px 26px 5px rgba(125,125,125,0.2)}
.flip_front_text  svg:not(.fa-arrow-rotate-right) {margin-right:5px} @media only screen and ( max-width:964px ) {
#animation-logo .top-container {-webkit-clip-path: circle(20% at 85% 50%);clip-path: circle(20% at 85% 50%)}
@-webkit-keyframes circleMove {0%, 100% {-webkit-clip-path: circle(20% at 85% 50%);clip-path: circle(20% at 85% 50%)}50% {-webkit-clip-path: circle(20% at 15% 50%);clip-path: circle(20% at 15% 50%)}}
@keyframes circleMove {0%, 100% {-webkit-clip-path: circle(20% at 85% 50%); clip-path: circle(20% at 85% 50%)}50% {-webkit-clip-path: circle(20% at 15% 50%);clip-path: circle(20% at 15% 50%)}}
#footer-do .et_pb_module {width:100%}	
.flex-container.header{flex-wrap:nowrap } 
.flip_cards_3d .row_flip_box{height:600px!important}
.menu-flottant {font-size:16px; top:70%}
}