:root {
--orange: #F18815; --grey:#959d93;
--darkgrey: #5b5d5e;
}
@media (min-width: 981px) and (max-width: 1215px){
#menu-main li a {font-size:14px!important}
.et-menu>li {padding: 0 5px!important}
.et_pb_menu__logo img {width:150px!important}
}
#menu-main {align-items: center!important}
@media (max-width: 980px) {
.et_pb_menu__logo-wrap {margin-bottom: 10px!important}
.et_mobile_menu .buchen a{display: flex;align-items: center;justify-content: center;}
.et_pb_scroll_top{display:none}
.iframe-container-fuchstour{max-height:300px}
}
.et_pb_slide:first-child .et_pb_slide_image img{opacity:1!important}
.angebot-preise {margin-top:2em; font-size:26px; font-weight:600}
.statt-preise{color:red; text-decoration:line-through}
.angebotszeit {text-transform: uppercase; font-size:12px; letter-spacing:2px; line-height:1.2em }
.preispronacht .et_pb_blurb_container{display:flex;    justify-content: space-between;align-items: flex-start}
.preispronacht .et_pb_blurb_description{order:1}
.preispronacht .et_pb_module_header{order:2}
.preispronacht .et_pb_module_header span{font-weight:600}
.menu-item-gtranslate  a {margin:0px!important}
.et_pb_menu__logo, .et_pb_menu__logo-wrap, .et_pb_menu__logo-slot{width:unset!important}
.et_pb_sticky .et_pb_menu__logo-slot {width:200px!important}
#tipps .et_pb_slide:first-child .et_pb_slide_image img {opacity: 1}
#tipps .et_pb_slide_image img {width: 100%!important}
.et_pb_gallery_image.landscape img{min-height:300px; object-fit:cover}
@media (max-width: 767px) {.et_pb_slide_image, .et_pb_slide_video {display: block!important}} #main-content h1 {font-size: calc(34px + (60 - 34) * ((100vw - 320px) / (1600 - 320)))!important}
#main-content h2 {font-size: calc(30px + (34 - 30) * ((100vw - 320px) / (1600 - 320))); line-height:1.3em} 
#main-content h3 {font-size: calc(20px + (26 - 20) * ((100vw - 320px) / (1600 - 320)))!important}
#main-content h4 {font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1600 - 320)))}
#main-content h5 {font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1600 - 320)))}
#main-content h6 {font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1600 - 320)))}
h1,h2,h3,h4,h5,h6 {font-family: 'Abel',sans-serif!important;font-weight: 400!important;letter-spacing:1px}
body{font-size:1em; font-family: 'Open Sans',Arial,sans-serif}
#headslider .et-pb-controllers a {border-radius: 50%;width: 20px;height: 20px;}
.et-pb-controllers a {;background-color: #fff!important;opacity: 0.8!important;}
.et-pb-controllers .et-pb-active-control {background-color: var(--orange)!important}
.et-pb-controllers {bottom:-5px} .et_pb_scroll_top:before {content: url(//www.hotel-chiemgaufuchs.de/wp-content/themes/infratouch-divi-child/img/fuchs-30x30.png) !important}
.et_pb_scroll_top.et-pb-icon {padding: 8px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;right: 20px}
.et_pb_scroll_top.et-pb-icon {background: rgba(255,255,255,0.8);box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.flex-benefits{display:flex;flex-direction: row;flex-wrap: wrap;   justify-content: center;  align-items: flex-start;}
.benefit-item{margin:10px;width: 125px;}
@media (min-width:  1405px)  {.benefit-item{margin:20px;width: 150px;}}
.grid-benefits {display: grid;grid-column-gap: 5px;grid-row-gap: 5px;}
@media (max-width: 767px) {	.grid-benefits { grid-template-columns: repeat(1, 1fr);grid-template-rows: repeat(1, 1fr)}}
@media (min-width: 768px) and (max-width: 1404px) {.grid-benefits { grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(3, 1fr)}.flex-benefits{justify-content: center}}
@media (min-width: 1405px) {.grid-benefits {grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(4, 1fr)}}
.flex-zimmer{display:flex;flex-direction: row;flex-wrap: nowrap;    justify-content: space-between; align-items: flex-start;}
.flex-zimmer .et_pb_blurb_container, .grid-benefits .et_pb_blurb_container  {padding-left:2px!important} .flex-container-footer{display:flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: flex-start} .buchenbutton, .mehrlesen {border-width: 0px!important;border-color: rgba(0,0,0,0);border-radius: 100px;text-align:center;text-transform:uppercase;font-weight: 700;width:100%;padding:0.5em 0em;font-size: 14px;letter-spacing: 1.5px;}
.buchenbutton{background-color: var(--orange);margin-right:1%;}
.mehrlesen {background-color: var(--darkgrey);margin-left:1%;}
.buchenbutton a, .mehrlesen a {color:#fff!important}
.button-container{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between}
.button-right, .button-left {width:48%}
.fa-mountain-sun, .fa-phone, .fa-house {margin-right:5px} .booking-button-form {padding: 25px 0;display: block;margin-top: 0em}
.ankunft, .abreise, .gaeste, .buchenbutton-leiste {margin:5px;min-width:350px}
@media (max-width: 767px){.buchenbutton, .mehrlesen {font-size: 12px}}
.flex-box-booking {display:flex;flex-direction: row;justify-content: center;align-items: center;align-content: center;flex-wrap: wrap}
input[type=text].form-control, .form-control {padding: 0 40px;}
.form-control {border-radius: 4px;
letter-spacing: 1.5px;
text-transform: none;
display: block;
width: 100%;
height: 53px;
font-size: 14px;
line-height: 1.5;
background-image: none;
border:none    }
.has-feedback {
position: relative;
}
.form-control-feedback {
line-height: 51px;
left: 4px;
opacity: .9;
position: absolute;
top: 7px;
z-index: 2;
display: inline-block;
font-size:30px!important;
text-align: center;
pointer-events: none;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.buchen-btn {
text-transform: uppercase;
font-weight: 600;
border-radius: 100px;
color: #fff;
background-color: #ef8d2f;
border-color: #ef8d2f;
padding: 15px 20px;
font-size: 14px;
letter-spacing: 1.5px;
width: 100%;
display: block;
outline: 0!important;
text-decoration: none;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
user-select: none;
font-weight: 700
}
.buchen-btn:hover{
background-color: #ed8017;
border-color: #ed8017;
}
.buchen-btn:after,  .buchen-menu a:after, .buchenbutton a:after {
content: "›";
font-size: 14px;
vertical-align: 4%;
margin-left: 10px;
}
.buchen-menu a:after {
margin-top: 11px;
}
.buchen-menu a, .buchen.et_pb_menu_page_id-499 a{ background-color:var(--orange);border-radius: 100px;padding: 5px 10px!important;height: 45px;text-align: center;text-transform:uppercase;    font-weight: 700!important;  font-size: 14px!important;letter-spacing: 1.5px;}
.et_pb_fullwidth_menu .et_pb_menu__menu>nav>ul {align-items: center;}
.et_blog_grid_equal_height .post-content-inner p:first-child{min-height:150px}
.box span {font-weight: 800;font-size:26px}
.fuchszitat{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between; }
@media only screen and (max-width : 980px) {.fuchszitat .et_pb_image {width:100%}
.fuchszitat{flex-wrap: wrap}} @media only screen and ( min-width: 48em ) {.wps-form-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}.wps-form-column {padding: 0.5rem 1rem;}}
@media only screen and ( max-width: 48em ) {.wps-form-row {-webkit-box-orient: vertical!important;-webkit-box-direction: normal!important;-ms-flex-direction: column!important;flex-direction: column!important;} }
.wps-form {width: 100%;margin: 0 auto;}
.wps-form-row {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;width: 100%;}
.wps-form-row .wpcf7-form-control {width: 100%;}
.wps-form-column {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;padding: 1rem 1rem 1rem 0;width: 100%;}
span.wpcf7-list-item { display: block;margin:0 }
.wpcf7-text, .wpcf7-textarea, wpcf7-list-item, .wpcf7-captchar {
background-color: #ebebeb !important;
border: none !important;
width: 100% !important;
border-radius: 0 !important;
font-size: 14px;
color: #090000 !important;
padding: 8px !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;}
.wpcf7-submit {
border-color: var(--orange) !important;
color: #fff !important;
margin: 8px auto 0;
cursor: pointer;
font-size: 16px;
font-weight: 500;
border-radius: 3px;
padding: 6px 60px;
line-height: 1.7em;
background: var(--orange);
border: 1px solid;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;}
.wpcf7-submit:hover {background-color: rgba(246,163,22,0.7);border-color:var(--orange);color: #000 !important;}
.wpcf7-form-control-wrap input[type="text"], .wpcf7-form-control-wrap textarea, .wpcf7-form-control-wrap select,  .wpcf7-form-control-wrap  input[type="date"] {
background-color: #ebebeb !important;
border: none !important;
color: #090000 !important;
padding: 8px !important;
border-radius: 0px !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
margin: 0px !important;}
.wpcf7-form-control-wrap select {background: #eee !important;}
span.kontakt.wpcf7-list-item {display: block;background: #eee !important;}
.wpcf7-radio {display:flex; }
.wpcf7-radio .wpcf7-list-item {margin:10px}
.glink{margin:10px}  .flip_cards_3d {
display:-webkit-box!important;
display:-ms-flexbox!important;
display:flex!important;
flex-wrap: wrap;
flex-direction: row;
align-content: center;
justify-content: center;
align-items: center;
margin-bottom: 0px!important;
max-width: 1920px;
width:80%;
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: 33%!important; padding-right:1%!important;
height: 350px;
-webkit-perspective: 1000px;
perspective: 1000px;} .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;}
.flip_cards_3d .row_flip_box:hover .column_flip_box {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);} .flip_cards_3d .flip_front_text,
.flip_cards_3d .flip_back_text {
position: absolute!important;
width:100%;
height: 100%;
vertical-align: middle;
text-align: center;
border-radius: 0px;
-webkit-box-shadow: 0px 12px 18px -6px rgba(0, 0, 0, .2);
box-shadow: 0px 12px 18px -6px rgba(0, 0, 0, .2);
color: #333;
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_front_text .et_pb_text_inner,
.flip_cards_3d .flip_back_text .et_pb_text_inner {
top: 0%!important;
left: 0%!important;
width: 80%!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_front_text .et_pb_text_inner h3, .flip_front_text .et_pb_module_header a {
color: #fff!important;
font-size: 18px!important;
line-height: 26px!important;
font-weight: 500!important;}    
.flip_cards_3d .flip_back_text .et_pb_text_inner,  .flip_cards_3d .flip_front_text .et_pb_text_inner  {
color: #000!important;
font-size: 15px!important;
font-weight: 400!important;}    
.flip_cards_3d .flip_back_text  {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);padding: 2%}
.flip_back_text  .et_pb_blurb_description {padding: 2%}
.flip_front_text .et_pb_blurb_content {
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
align-items: center;}
.flip_cards_3d img{opacity: 1}
.flip_cards_3d .et_pb_main_blurb_image {margin-bottom:10px}
.routen {font-size:14px}
.routen tr th,.routen tr td  {padding: 2px 10px!important} @media only screen and (max-width : 980px) {.flip_cards_3d  {display: block!important;width: 80%!important;}
.flip_cards_3d .row_flip_box {width: 100%!important; height: 350px}} .iframe-container-fuchstour {
position: relative;
width: 100%;
aspect-ratio: 16 / 9; overflow: hidden;
border-radius: 6px;
background: #000;
max-height: 700px; } @media (max-width: 768px) {
.iframe-container-fuchstour {
aspect-ratio: 9 / 16; min-height: 400px;
}
} .iframe-container-fuchstour iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
z-index: 5;
} .iframe-container-fuchstour .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 10;
object-fit: cover;
} .iframe-container-fuchstour .iframebtn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 15;
max-width: 300px;
padding: 0.75rem 1.25rem;
background-color: rgba(255, 255, 255, 0.9);
border: none;
border-radius: 8px;
font-weight: bold;
cursor: pointer;
} .iframe-container-fuchstour .loading,
.iframe-container-fuchstour .error {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 20px;
z-index: 20;
display: none;
text-align: center;
color: white;
} .mobile-tour-modal {
display: none;
position: fixed;
top: 0; left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.8); z-index: 9999999; } .mobile-tour-modal iframe {
width: 100%;
height: 100%;
border: none;
z-index: 10000;
} .close-btn {
position: absolute;
top: 15px;
right: 15px;
z-index: 10000;
background: rgba(255, 255, 255, 0.8);
border: none;
border-radius: 50%;
font-size: 24px;
width: 40px;
height: 40px;
cursor: pointer;
}