/********* Compiled - Do not edit *********/
:root{--color-primary:#c8a841;--color-gradient-start:#c8a841;--color-gradient-stop:#c8a841;--color-link:#031d2b;--color-link-hover:#c8a841;}.woocommerce ul.products, .woocommerce-page ul.products{margin-left:-15px;margin-right:-15px;}.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{padding-left:15px;padding-right:15px;}body{font-family:Inter;font-weight:400;line-height:1.7em;font-size:1.1em;color:#031d2b;}body.single-post .blog-single-title{font-family:inherit;}body.single-post .content{font-family:inherit;}.h1,h1{font-family:Libre Baskerville;font-weight:400;line-height:1.2em;font-size:52px;color:#c8a841;}.h2,h2{font-family:Libre Baskerville;font-weight:400;line-height:1.2em;font-size:54px;color:#c8a841;}.h3,h3{font-family:Libre Baskerville;line-height:1.2em;font-size:42px;color:#031d2b;}.h4,h4{font-family:Libre Baskerville;line-height:1.2em;font-size:32px;color:#031d2b;}.h5,h5{font-family:Libre Baskerville;line-height:1.2em;font-size:21px;color:#031d2b;}.h6,h6{font-family:Libre Baskerville;line-height:1.2em;font-size:18px;color:#031d2b;}.main-header .navbar-brand{max-width:300px !important;}.titlebar-inner h1{}.titlebar-inner p{}@media ( min-width: 1200px ){.main-header .is-stuck{background:rgba(0, 0, 0, 0.58) !important;}}body  {
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;

}

.bannerrabatt {padding: 10px; border: 1px solid #c8a841; border-radius: 5px; margin-bottom: -20px;}

.fa-door-open {display:none !important;}
.fa-people {display:none !important;}

.pum-content .container {width: 100%;}

.wpb_text_column p a {text-decoration: underline; color: #c8a841;}

body #overlay-menu-icon-container {
        top: 92px !important;
}


h4 span {font-size:26px;}

.apartmentname p {font-family: "Libre Baskerville"; color: #c8a841;}

.wpml-ls-statics-footer {display:none !important;}
.otgs-development-site-front-end {display:none !important;}

.wpml-language-selector .fa-globe {color:white !important;}

.suites-template-default h2 {font-size:36px !important; margin-bottom: 15px;}
.apartments-template-default h2 {font-size:36px !important; margin-bottom: 15px;}

.btn-default {border-radius: 30px; border: 2px solid #c8a841;}
body .btn-default:hover {color:#c8a841 !important; background-color: #c8a841 !important;}
.btn>span {padding: 0.5em 3em !important; font-size: 16px !important; font-weight: 500 !important; letter-spacing: 0em !important; background-color:white;}
.btn>span:hover { font-size: 16px !important; font-weight: 500 !important; letter-spacing: 0em !important; color: white; background-color:#C8A841; }

.fa-bars-sort {color:white !important;}

.logo-default {
    position:relative;
    top:20px;
}

.is-stuck .logo-default {
    top:0px !important;
    width: 65px !important;
}

.is-stuck .phonenumber {
    top: 9px;
}

body .is-stuck .topperbutton {
    margin-top: 0px !important;
}

.videoclass {box-shadow: 0px 0px 15px rgba(0,0,0,0.1);}
.main-header .navbar-brand {
    padding: 12px 0px !important;
}

ul.fa-ul {
    list-style-type: none; /* Entfernt die Standard-Aufzählungszeichen */
    padding: 0;
    margin: 0;
}

ul.fa-ul li {
    display: flex; /* Flexbox für horizontale Anordnung */
    align-items: center; /* Zentriert Icon und Text vertikal */
    margin-bottom: 10px; /* Abstand zwischen den Listenelementen */
}

ul.fa-ul li i {
    margin-right: 10px; /* Abstand zwischen Icon und Text */
    font-size: 1.2em; /* Optional: Größe des Icons anpassen */
}

.lb-details {
    display:none !important;
}

.taptap-menu-button-label {top: 1px; color: #031D2B;}
.taptap-menu-button-wrapper {left: 46px !important;}

.lqd-vbg-wrap {border-radius: 30px;}

.imageleft img {max-width: 200%; margin-left: -100%; border-radius: 25px !important}
.imageright img {max-width: 200%; margin-right: -100%; border-radius: 25px !important}

.apartmentname p {font-size: 42px !important; font-weight: 900; padding: 30px 30px !important; background-color: rgba(255, 255, 255, 0.54); border-radius: 20px; display: inline-block;}


.backgroundwhite {background-color:white !important;}

#overlay-menu .container {width: 100% !important;}

.wpb_gmaps_widget .wpb_wrapper {background-color: #f7f7f7;
padding: 0px; border-radius:20px;}
.wpb_gmaps_widget iframe{border-radius: 20px !important;}

.suites-template-default .entry-header {display:none !important;}
.suites-template-default .post-image {display:none !important;}
.suites-template-default .entry-footer {display:none !important;}
.suites-template-default .headline {font-size: 42px; font-family: 'Resonant Bold'; font-weight: 500;}


.apartments-template-default .entry-header {display:none !important;}
.apartments-template-default .post-image {display:none !important;}
.apartments-template-default .entry-footer {display:none !important;}
.apartments-template-default .headline {font-size: 42px; font-family: 'Resonant Bold'; font-weight: 500;}

@media only screen and (max-width: 768px) {
.text-right {
    text-align: center!important;
}

.text-left {
    text-align: center!important;
}

}

@media only screen and (max-width: 600px) {
    
    .logo-default {
    transition: opacity 0.3s ease, visibility 0.3s ease;
    opacity: 1;
    visibility: visible;
        }
    
    .logo-default.hidden {
        opacity: 0;
        visibility: hidden;
    }
    
    
    .mobiletopper span {font-size: 34px !important;}
    .logo-default {width: 80px !important;}
    .vc_row-has-fill {margin-left: -20px; width: 110%;}
    .content {margin-top: 5px !important;}
 .navbar-toggle {displaY:none !important;}
 .is-stuck .logo-default {display:none !important;}
 #text-3 {margin-left: 20px;}
 .wpb-content-wrapper {padding-left: 20px; padding-right: 20px;}
 #overlay-menu-close-icon {display:none !important;}
 #media_image-2 {margin-top: 20px; margin-left: 20px;}
 .closebtn {margin-right: -45px;}
 .logo-default {width: 300px;}
 #menu-main {margin-left: 15px !important;}
 .preisbottom .vc_col-sm-8 {margin-bottom: 15px;}
 #bookingForm .spb_col-2 {width: 100% !important; float: left; margin-bottom: 10px;}
 [data-mobile-header-scheme=light] .navbar-header {background-color: rgba(255, 255, 255, 0) !important;}
 .content {margin-top: -15px;}
 h2 {font-size: 42px;}
 .textaligncentermobile {text-align:center !important;}
 
 body section:first-of-type {padding-left: 10px !important; padding-right:10px !important;}
 .apartmentname .wpb_text_column p {font-size: 22px !important; margin-top: -35px;}
 
 
}




.wpml-language-selector {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.wpml-language-selector .fa-globe {
    font-size: 24px;
    color: #333;
}

.wpml-language-selector:hover .language-dropdown {
    display: block;
}

.language-dropdown {
    display: none;
    position: absolute;
    top: 30px;
    left: -50px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    list-style: none;
    padding-left: 5px;
    z-index: 9999;
    width: 120px;
}

.language-dropdown li {
    text-align: left;
    padding: 5px 10px;
}

.language-dropdown li a {
    text-decoration: none;
    color: #333;
    display: block;
    font-size: 14px;
}

.language-dropdown li a.active {
    font-weight: bold;
    color: #c8a841;
}

.language-dropdown li:hover {
    background-color: #f7f7f7;
}





/*Buchungsstrecke*/

.spb_col-2 {width:25% !important; float:left;}
.btn-gold {margin-top: -5px !important;}
.textshadowing {color:white !important; text-shadow: 0px 0px 15px rgba(0,0,0,0.8) !important;}
.absoluting {position: absolute; top: 130px; right:50px;}
.iconbox-side.text-right .iconbox-icon-wrap {margin-left: 15px !important;}
.colorwhite {color:white !important;}
.liststyling ul {list-style: none; list-style-type: none;  width:100%;}
.liststyling li {display:block;   float: left; margin-right: 15px;}

.preisbottom {position:relative; top:-30px;}

#mySelectRoomy {
    font-size: 16px !important;
}

#mySelectPeople {
    font-size: 16px !important;
}


 select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    border: 0px solid #ccc; /* You can change the border style */
    padding: 10px;
    font-size: 16px;
    width: 200px; /* Adjust width as needed */
  }

  /* Style the wrapper div */
  .custom-select-wrapper {
    position: relative;
    display: inline-block;
  }

  /* Add a custom arrow */
  .custom-select-wrapper::after {
    content: '▼'; /* Custom arrow symbol */
    font-size: 12px;
    color: #333; /* You can change the arrow color */
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    pointer-events: none;
  }

#mySelectRoomy {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    border: 1px solid #c8a841 !important; /* You can change the border style */
   
    height:50px !important;
    padding: 10px;
    font-size: 16px;
  }
  
.booking-c-wrapper {
    border-bottom: 0px solid white !important;
}  

.input-icon {
    top: calc(50% - 0.2em) !important;
}
  
#input-hotelpicker {
    font-size: 16px !important;
} 
  
#mySelectPeople {
     border: 1px solid #c8a841 !important; /* You can change the border style */
    height:50px !important;
}

#input-hotelpicker {
     border: 1px solid #c8a841 !important; /* You can change the border style */
    height:50px !important;
    border-radius: 5px !important;
}

#booking_div {
    margin-top: -9px !important;
}

#booking_div #submitButton {
    border-radius: 40px;
    border: 1px solid #c8a841;
    top: 5px;
    color:#c8a841;
}

#booking_div #submitButton:hover {
    border-radius: 40px;
    border: 1px solid #c8a841;
    top: 5px;
    color:#fff;
}

  /* Style the wrapper div */
  .custom-select-wrapper {
    position: relative;
    display: inline-block;
  }

  /* Add a custom arrow */
  .custom-select-wrapper::after {
    content: '▼'; /* Custom arrow symbol */
    font-size: 12px;
    color: #333; /* You can change the arrow color */
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    pointer-events: none;
  }


.preisbottom .text-center ul {
    list-style-type: none; /* Entfernt die Standard-Aufzählungszeichen */
    padding: 0;
    margin: 0;
    display: flex; /* Wandelt die Liste in eine Flexbox um */
    justify-content: center; /* Zentriert die Elemente horizontal */
    margin-top: 17px;
}

.preisbottom .text-center li {
    margin: 0 10px; /* Abstand zwischen den Listenelementen */
}

.preisbottom .text-center .vc_empty_space {display:none !important;}

.fa-circle-arrow-right {color: #c8a841; margin-right:15px;}
.fa-circle-check {color: #c8a841; margin-right:15px;}
.listenstyle ul li {margin-bottom:5px;}
.fa-ul {margin-left: 0.5em !important;}

.blog-single-cover.spaced.parallax-applied.is-in-view {
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: -300px !important;
}

.post-meta {
    display: none;
}

.share-links {
    display: none;
}

#comments {
    display: none;
}

.post-nav {
    display: none;
}

.attachment-liquid-default-blog.size-liquid-default-blog.ld-lazyload.wp-post-image.loaded {
    border-radius: 15px;
}

.attachment-liquid-default-blog.size-liquid-default-blog.ld-lazyload.wp-post-image.loaded {
    border-radius: 15px;
}


.btn.font-weight-bold.btn-naked.liquid-lp-read-more {
    border: 1px solid var(--color-primary) !important;
    border-radius: 10px;
}