@import url("font.css");
 
@font-face {
    font-family: 'BureauGrotesque-ThreeSeven';
    src: url('../fonts/BureauGrotesque-ThreeSeven.eot');
    src: url('../fonts/BureauGrotesque-ThreeSeven.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BureauGrotesque-ThreeSeven.woff2') format('woff2'),
         url('../fonts/BureauGrotesque-ThreeSeven.woff') format('woff'),
         url('../fonts/BureauGrotesque-ThreeSeven.svg#BureauGrotesque-ThreeSeven') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BureauGrotesque';
    src: url('../fonts/BureauGrotesque-FiveThree.eot');
    src: url('../fonts/BureauGrotesque-FiveThree.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BureauGrotesque-FiveThree.woff2') format('woff2'),
         url('../fonts/BureauGrotesque-FiveThree.woff') format('woff'),
         url('../fonts/BureauGrotesque-FiveThree.svg#BureauGrotesque-FiveThree') format('svg');
    font-weight: 500;
    font-style: normal;
}

/* cookie ****************************************/
#cookiedingsbums {outline: 1px solid #c5d3c1; text-align: left; border-top: 1px solid #fff; background-color: #144b32; position: fixed; bottom: 0px; z-index: 9999; width: 100%; font-size: 16px; color: #ffffff; padding: 20px 20px 0px 20px; font-family: 'BureauGrotesque', sans-serif;}
#cookiedingsbums .cookie {display: inline-block; margin-right: 10px; margin-bottom: 20px}
#cookiedingsbums a {color: #144b32; text-decoration: none; background-color: #c5d3c1; padding: 5px 10px; border-radius: 5px;}
#cookiedingsbums a:hover {background-color: #fff; color: #8c8c8c;}
#cookiedingsbumsCloser {color: #fff; text-decoration: none; cursor: pointer; border: 0px; padding: 5px 10px; background: #b11c3e; border-radius: 5px; transition: 0.2s; text-transform: uppercase;}
#cookiedingsbumsCloser:hover {background-color: #fff; color: #b11c3e;}
/* ende cookie ***************************************/

/*Bewertungen*/
.br-theme-fontawesome-stars-o .br-widget a.br-selected:after, .br-theme-fontawesome-stars-o .br-widget a.br-active:after {color: #144b32!important;}
#ratingid input, #ratingid textarea {    
    width: 100%;
    border-radius: 8px;
    border-color: #144b32;
    padding: 10px;
    border-style: solid;
    border-width: 2px;
    height: 50px;
    background-color: transparent;}
    
    #ratingid textarea {height: 100px;}

.input_rating_anrede select {width: 100%;
    border-radius: 8px;
    border-color: #144b32;
    padding: 10px;
    border-style: solid;
    border-width: 2px;
    color: #144b32;
    height: 50px;
    background-color: transparent;}
    
    #ratingid .form-control:focus {    border-color: #144b32 !important;
    box-shadow: 0 0 0 0.2rem rgb(20 75 50 / 38%) !important;}
    
#ratingid label {color: #144b32; font-weight: bold;}

.bewerten-rating-item {width: 50%;float: left;margin-bottom: 10px;}

.raten:after, .cat-name .fewo_star_inactive:after {
    font: normal normal normal 24px / 1 FontAwesome;
    content: '\f006';
    color: #144b32;
    display: inline-block;
}

.fewo-rating {display: flex; width: 100%; justify-content: flex-end}

.j-center {display: flex; justify-content: center}
.home-objekt-icon {display: flex; align-items: center; gap: 16px;}

/*Hausliste*/
#fewo-hausliste .post:nth-of-type(1) {width: 33%;}
#fewo-hausliste .post:nth-of-type(4) {width: 33%;}
#fewo-hausliste .post:nth-of-type(5) {width: 33%;}
#fewo-hausliste .post:nth-of-type(6) {width: 33%; margin-left:17%;}
#fewo-hausliste .post:nth-of-type(7) {width: 33%; margin-right:17%;}
#fewo-hausliste .fewo-item img {width: 85%;}
#fewo-hausliste article:hover .fewo-titel a {color: #7E813C!important;}
.slick-prev, .slick-next {z-index: 9!important;}
.haus-detail .slick-slideshow {height: auto !important;}
.haus-detail .slick-slide .slide-image {min-height: auto !important; padding-bottom: 69%;}
.slick-prev:before { color: transparent!important; background-image: url("/storage/app/media/Icons/links.svg");    background-position: center; background-repeat: no-repeat; background-size: contain;}
.slick-next:before { color: transparent!important; background-image: url("/storage/app/media/Icons/rechts.svg");    background-position: center; background-repeat: no-repeat; background-size: contain;}

.Ferienwohnungen-hausliste #fewo-hausliste .post {width:33% !important; margin: 0px !important;}
.hausliste-start #fewo-hausliste .post:nth-of-type(2) {position: absolute; bottom: 0px; right:35%;}
.hausliste-start #fewo-hausliste .post:nth-of-type(3) {/* position: absolute; bottom: 0px; left: 10%; */ width: 33%;}
.haus-bg {background-color: #C5D3C1;}
.haus-bg .hausbox {background-image: url("/storage/app/media/haus/haus_kreis.svg"); background-position: center; background-repeat: no-repeat; background-origin: content-box;}
.hausbild {width: 50%; margin: 25%;}
.hausliste-start .hausliste {position: relative; padding-bottom: 600px;}
.hausliste-start .insel-fewo {position: absolute; bottom: 350px;}

/*Angebote - Startseite*/
#angebot-liste {margin-left: 15%;}
#angebot-liste .fewo-btndetail {margin-top: 30px;}
#angebot-liste .ang-art {font-weight: bold; color: #144b32; font-size: 20px;}

/*Basic Settings*/
body,html {width: 100%; height: 100%;}
body {font-family: miller-text, serif, 'Roboto Slab', serif; font-size: 17px;}
.jumbotron, .bg-hell {background-color: #EEEFE9;}
.bg-dunkel {background-color: #E7E7DF;}
a {color: #144b32;}
h1, h2, h3, h4, h5, h6 {font-family: 'BureauGrotesque-ThreeSeven', sans-serif; color: #144b32;}
h1 {font-size: 60px;}
h2 {margin-bottom: 25px; font-size: 60px;}
h3 {width: 385px; font-size: 40px;}
h4 {font-size: 35px;}
h6 {font-size: 25px;}
a img:hover {-webkit-filter: contrast(1.2); filter: contrast(1.2);}
.pb-150 {padding-bottom: 150px;}
.pt-100 {padding-top: 100px;}
.pt-200 {padding-top: 200px;}
.text-primary {color: #144b32 !important;}
.hausliste a img:hover {-webkit-filter: contrast(1); filter: contrast(1);}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {background-color: transparent !important; border-color: transparent !important; background-image: url(/storage/app/media/Icons/button-s.png); background-repeat: no-repeat;}
.btn-success.focus, .btn-success:focus {box-shadow: none !important;}
.btn-success {background-color: transparent; border-color: transparent !important; padding: 0px !important; text-shadow: none;}
button {border: none; outline: none !important; cursor: pointer; }
.btn-link, .btn-newssubscribe {color: #ffffff !important;    display: inline-block;    text-align: center;    padding: 10px 3px;    font-family: 'BureauGrotesque-ThreeSeven', sans-serif;    position: relative;    background-color: #003e2d; margin-left: 35px; border-right: 1px solid #003e2d; border-left: 1px solid #003e2d;}
.btn-newssubscribe {height: 45px;}
.btn-link:after, .btn-newssubscribe:after {    content: "";    position: absolute;    height: 45px;    width: 50px;    background-image: url(/storage/app/media/Icons/r.svg);    background-repeat: no-repeat;    background-size: cover;    top: 0;    right: -50px;}
.btn-link:before, .btn-newssubscribe:before {    content: "";    position: absolute;    height: 45px;    width: 35px;    background-image: url(/storage/app/media/Icons/l.svg);    background-repeat: no-repeat;    background-size: cover;    top: 0;    left: -35px;}
.btn-link:hover, #fewo_summe .btn-link:hover, .btn-newssubscribe:hover {background-color: #7E813C!important; text-decoration: none;}
.btn-link:hover:before, .btn-newssubscribe:hover:before { background-image: url(/storage/app/media/Icons/lh.svg);}
.btn-link:hover:after, .btn-newssubscribe:hover:after { background-image: url(/storage/app/media/Icons/rh.svg);}
.load_gallery .btn-link:after {background-image: url(/storage/app/media/Icons/rw.svg);}
.load_gallery .btn-link:hover:after {background-image: url(/storage/app/media/Icons/rwh.svg);}
.date-picker-wrapper a {border: 1px solid; margin-bottom: 10px; border-radius: 7px; text-decoration: none !important; font-size: 14px; color: #fff !important; background-image: url(/storage/app/media/Icons/button-s.png); background-repeat: no-repeat; height: 50px; width: 180px; line-height: 47px; padding-left: 17px; font-weight: bold; transition: background-color .15s;}
.content .col-md-6 {margin: auto 0;}
:focus {outline: none !important;}
.form-control:focus {border-color: #e7e7df !important; box-shadow: 0 0 0 0.2rem rgba(0, 65, 45, 0.15) !important;}
.content a {text-decoration: underline;}
.content .btn-link {text-decoration: none!important;}
li a:hover, .seitenabschnitt a:hover, #footer a:hover, .fewo-titel a:hover, .content a:hover {color: #7E813C; text-decoration: none;}
.fewo-btnweiter {margin-right: 50px;}
#btnback {margin-left: 50px;}
#btnback:after { background-image: url(/storage/app/media/Icons/l.svg); transform: rotate(180deg);  height: 45px;    width: 35px; right: -35px;}
#btnback:before { background-image: url(/storage/app/media/Icons/r.svg); transform: rotate(180deg);  height: 45px;    width: 50px;  left: -50px;}

/* Navigation */
#mainNav {font-family: 'BureauGrotesque-ThreeSeven', sans-serif; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
#mainNav .navbar-brand {font-weight: 700; text-transform: uppercase; color: #144b32; font-family:'BureauGrotesque-ThreeSeven', sans-serif;}
#mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {color: #144b32; }
#mainNav .navbar-nav > li.nav-item > a,#mainNav .navbar-nav > li.nav-item > a:focus {display: block; padding: .5rem 1rem; text-decoration: none; font-size: 22px; font-weight: normal; text-transform: uppercase; color: #144b32; font-family: 'BureauGrotesque-ThreeSeven', sans-serif;}
#mainNav .navbar-nav > li.nav-item > a:hover, #mainNav .navbar-nav > li.nav-item > a:focus:hover {color: #144b32; outline: none;}
#mainNav .navbar-nav > li.nav-item > a.active, #mainNav .navbar-nav > li.nav-item > a:focus.active {color: #144b32 !important; background-color: transparent;}
#mainNav .navbar-nav > li.nav-item > a.active:hover,#mainNav .navbar-nav > li.nav-item > a:focus.active:hover {background-color: transparent;}
#mainNav .merkerlink:before {content: "\f004"; font-family: 'FontAwesome'; font-size: 16px;color: #fff; }
#mainNav .merkerlink {position: relative; background-color: #144b32; padding: 5px 10px; border-radius: 10px; color: #fff; cursor: pointer;}
#mainNav .merkerlink .fewo_merk_value {font-weight: bold; margin-left: 5px; color: #fff; margin-right: 5px;}
.navbar-nav .bgKurz {background-image: url("/storage/app/media/menu/ueberuns.svg"); background-color: unset; background-repeat: no-repeat; background-size: cover; top: calc(100% - 50px); box-shadow: none; -webkit-box-shadow: none; position: relative; padding: 45px 35px 30px 20px; left: -100px;}
.navbar-nav .bgLang  {background-image: url("/storage/app/media/menu/warnemuende_3.svg"); background-color: unset; background-repeat: no-repeat; background-size: cover; top: calc(100% - 50px); box-shadow: none; -webkit-box-shadow: none; position: relative; padding: 45px 20px 30px;}
.navbar-nav .dropdown-menu a {color: #144b32 !important; font-family: 'BureauGrotesque-ThreeSeven', sans-serif; font-size: 19px;}
.navbar-nav a:after {display: none;}
.menu-item .fewo-titel {line-height: 110%;}
header {position: absolute; z-index: 999; width: 100%; top: 0; background: none; box-shadow: none; -webkit-box-shadow: none;}
.navbar-nav .page_objekte .dropdown-menu {background: url("/storage/app/media/menu/wohnungen.svg"); box-shadow: none; -webkit-box-shadow: none; width: 100%; max-width: 1140px; left: 50%; transform: translateX(-50%); top: calc(100% - 50px); padding: 60px 10px 30px; background-repeat: no-repeat; background-size: cover;}
.navbar-nav .page_objekte .dropdown-menu img {width: 80%; position: static; transform: none; -webkit-filter: contrast(1.07) !important; filter: contrast(1.07) !important;}
.navbar-nav .page_objekte .dropdown-menu:before {display: none;}
.navbar-nav .page_objekte {position: static;}
.navbar-nav .page_objekte .fewo-image {height: auto; padding-bottom: 0; position: static;}
/*
.navbar-nav .page_objekte li:nth-child(2), 
.navbar-nav .page_objekte li:nth-child(3) {display: none;}*/
.navbar-nav .page_objekte .menu-item {float: left; width: calc(100% / 5);}
.navbar-nav .page_objekte article {margin-bottom: 0; text-align: center;}
.navbar-nav .page_objekte article .fewo-objekte {font-family: 'BureauGrotesque', sans-serif; font-size: 16px; color: #144b32; font-weight: normal; margin-top: 3px;}
.navbar-nav .page_objekte article .fewo-titel {font-size: 29px !important;}
.navbar-nav .page_objekte .dropdown-menu a {padding: 0 !important; display: block; text-decoration: none; background: none !important;}
.navbar-nav .dropdown-menu .nav-item a:hover {color: #212529;}
.navbar-nav .dropdown-menu .nav-item a {display: block; width: 100%; padding: .25rem 1.5rem; clear: both; font-weight: 400; color: #fff; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; text-decoration: none;}
.navbar-nav {margin-bottom: 20px; text-align: left !important;}
.navbar-brand img {width: 300px;}
.navbar-nav .dropdown-menu > li > a:hover, .navbar-nav .dropdown-menu > li > a:focus, .navbar-nav .dropdown-menu > .active > a:hover {background: none!important;    color: #7E813C!important;}
.page_logo a {width: 430px;    text-align: center;    font-size: 45px!important;    text-transform: none!important;    margin-top: -15px;}
.page_logo a:before  {content: 'Ferienwohnungen auf Sylt';    font-family: miller-text, serif, 'Roboto Slab', serif;    border: none;    position: absolute;    margin-top: 61px;    font-size: 15px;    margin-left: 70px;    font-weight: normal;}
.mobile_logo,  .navbar-toggler-icon {display: none;}
.navbar-toggler {border: none; outline: none !important;}
.navbar-nav .page_objekte li:hover .fewo-titel  a{color: #7E813C!important;}
.navbar-toggler:before   {position: absolute;    content: "\f0c9";    font-size: 35px;    font-family: 'FontAwesome';    color: #003e2d;    right: 15px;    top: 0px;}   
.fewo-item:hover .fewo-titel {color: #7E813C!important;}

/* .navbar-nav .page_objekte .menu-item:first-child {display: none;}
 */.navbar-nav .page_objekte .menu-item:nth-child(6){display: none;}


#elem-dialog .fewo-rating {flex-direction: column!important;}

/*
.navbar-toggler:hover:before {color: #7E813C;}
.navbar-nav .dropdown-menu:before {content: ""; position: absolute; height: 28px; width: 38px; background-image: url("/storage/app/media/menu/Element_17.svg"); background-repeat: no-repeat; background-size: cover; top: -23px; right: calc(50% - 14px);}
.navbar-nav li.nav-item {width: calc(100% / 5 - 20px);}
*/
@media (min-width: 1200px) {
    /**/.pos-item {height: 110px;}
    .pos-item:nth-child(1) {position: absolute; left: 0;}
    .pos-item:nth-child(2) {margin-left: 138px;}
    .pos-item:nth-child(4) {position: absolute; right: 143px;}
    .pos-item:nth-child(5) {position: absolute; right: 0;}
    .navbar-nav .whiteColor > a {color: white !important;}
    .navbar-nav .whiteColor.page_logo_white > a {color: transparent !important;}
}

@media (max-width: 1199px) {
    body {margin-top: 103px;}
    .navbar-nav .dropdown-menu {text-align: left;}
    .greenLogo, .whiteLogo {display: none;}
    .dropdown-menu.show {display: inline-block; margin-top: 20px; display: table-cell;}
    .page_objekte .dropdown-menu.show {margin-top: 0;}
    header {position: fixed; background-color: #fff;}
    .navbar-nav {padding: 0 25px;}
    .navbar-light {padding: 0;}
    .mobile_logo {display: block; width: 300px; margin: 20px auto;}
    .mobile_link {margin: 0 auto;}
    .navbar-toggler {position: absolute; right: 0; top: 30px;}
    .float-menu {background-color: #eeefe9;}
    .mobile-menu {margin: 0; max-width: 100%; background-color: #EEEFE9;}
    .navbar-nav .dropdown-menu {background-image: none; margin-top: 0; padding: 0 30px; background-color: transparent; left: 0px;}
    .navbar-nav .dropdown-menu:before {display:none;}
    .dropdown-toggle {display: inline-block !important; position: relative;}
    .icon-caret {display: inline-block; width: 40px; text-align: center;}
    .icon-caret:after {content: '\f0d7'; font-family: FontAwesome; border: none; margin-left: unset; vertical-align: unset; transform: translate(-50%, -50%); transition: transform 0.2s; font-size: 30px; color: rgb(20, 75, 50);}
    .caret {padding: 0 !important; transition: transform 0.2s;}
    .caret[aria-expanded="true"] {transform: rotate(-180deg);}
    .navbar-nav .page_objekte .dropdown-menu {background: none; padding: 0;}
    .navbar-nav .page_objekte .menu-item {width: 220px; min-height: 280px;}
    .item-container {height: calc(100vh - 103px);}
    #navbarResponsive .page_objekte ul {padding-top: 20px; background-color: #eeeee6;}
    .navbar-nav .page_objekte {position: relative;}
    #mainNav .navbar-nav > li.nav-item > a, #mainNav .navbar-nav > li.nav-item > a:focus {padding-right: 5px; padding-top: 10px;}
}

    .item-container, .item-container ul {overflow-y: none;}
    
@media (max-width: 767px) {
    .item-container {overflow-y: scroll;}
}

@media (max-height: 750px) {
    .item-container ul {overflow-y: scroll;}
}


@media (max-width: 500px) {
    body {margin-top: 87px;}
    .navbar-toggler {top: 23px;}
    .mobile_logo {width: 230px;}
    .item-container {height: calc(100vh - 88px);}
    .navbar-nav .page_objekte .menu-item {width: 80%; margin: 10px 10%;}
    .bewerten-rating-picker {display: flex; flex-wrap: wrap; flex-direction: column;}
    .bewerten-rating-item {width: 100%;float: left;margin-bottom: 10px;}
    
}

@media (min-width: 1201px) {
    #mainNav {border-color: transparent; background-color: transparent; padding: 30px 0px;}
    #mainNav .navbar-brand {color: rgba(0, 0, 0, 0.7); }
    #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {color: #144b32;}
    #mainNav .navbar-nav > li.nav-item > a {padding: 0.5rem 1rem; padding-bottom: 30px;}
    #mainNav .navbar-nav > li.nav-item > a:hover, #mainNav .navbar-nav > li.nav-item > a:focus:hover {color: #7E813C;}
    #mainNav.navbar-shrink {border-bottom: 1px solid rgba(33, 37, 41, 0.1); background-color: #fff;}
    #mainNav.navbar-shrink .navbar-brand {color: #144b32;}
    #mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover {color: #144b32;}
    #mainNav.navbar-shrink .navbar-nav > li.nav-item > a, #mainNav.navbar-shrink .navbar-nav > li.nav-item > a:focus {color: #212529;}
    #mainNav.navbar-shrink .navbar-nav > li.nav-item > a:hover, #mainNav.navbar-shrink .navbar-nav > li.nav-item > a:focus:hover {color: #F05F40; }
    #mainNav li:hover > ul { display: block; opacity: 1;}
    .navbar-nav {margin-bottom: 0px;}
}

#mc_embed_signup form {padding: 0px!important;}
.mc-field-group {font-family: 'BureauGrotesque', sans-serif;}
#mc_embed_signup input {background-color: #EEEFE9 !important; border-radius: 9px; border: 1px solid #144B3A !important; outline: none !important; box-shadow: none !important; height: 32px;}
#mc_embed_signup label {margin-bottom: 0; color: #144b32; font-size: 14px;}
#mc_embed_signup .btn-newssubscribe input {border: none; -webkit-border-radius: none;  -moz-border-radius: none; border-radius: inherit; margin: 0px!important; line-height: 25px; background-color: transparent!important; color: #fff!important; border: 0px!important;}
#mc_embed_signup {background: #e7e7df!important;}

/*Home*/
.container-suche {position: fixed; z-index: 99; top:0px; left: -715px; transition: left 0.3s ease-in-out;}
.container-suche.show {left: 0;}
.angebot-icon {position: fixed; left: 0px; top: 620px; z-index: 1001;}
.home_suche { max-width: 500px; float:left; background-color: #c5d3c1; padding-top: 200px; padding-left: 100px; min-height: 800px;}
.suche-startseite {background-image: url("/storage/app/media/Icons/suche-01.svg"); background-position: left center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: contain; height: 800px; background-repeat: no-repeat; float: left; display: inline-block; width: 300px; cursor: pointer;}
.einleitungstext {color: #144b32; font-size: 23px !important; width: 80%; margin: 0 auto; overflow: hidden;}
.einleitungstext.closed {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
#showMore {background-color: transparent; background-image: url(/storage/app/media/Icons/button.png); background-repeat: no-repeat; height: 50px; width: 300px; color: #fff; border: none; outline: none !important; margin-top: 20px; cursor: pointer;}

.home_suche .form-inputs {float:left; width:50%;}
.home_suche .form-inputs input {height: 50px; width: 90%; margin-top: 10px; border-radius: 10px; border-color: #144b32; padding: 10px; border-style: solid;    border-width: 2px; background-color: transparent; outline: none;}
.home_suche .form-personen select {height: 50px; width: 90%; margin-top: 10px; border-radius: 10px; border-color: #144b32; padding: 10px; border-style: solid;    border-width: 2px; background-color: transparent; color: #144b32;}
.home_suche .form-personen {width: 105%; display: inline-block; margin-bottom: 30px; float: left;}
.home_suche h2 {margin-bottom: 30px; font-size: 55px;}
.home_suche .objektsuche {font-family: 'BureauGrotesque-ThreeSeven', sans-serif; color: #144b32;}
.home_suche .btn {font-weight: normal; letter-spacing: 0.05em;}
.buchen-home {position: absolute; right: 15px; top: 42%; font-size: 29px; text-transform: uppercase; transform: rotate(90deg); cursor: pointer;     font-family: 'BureauGrotesque-ThreeSeven', sans-serif; color: #144b32;}
.buchen-home:hover {color: #7E813C;}
::placeholder {color: #144b32!important;}

/*Seitenbild*/
.seitenbild-home {max-height: 800px;position: relative; background-image: url("/storage/app/media/sylt-home-image.png"); background-position: top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.seitenbild-essen {max-height: 800px; position: relative; background-image: url("/storage/app/media/essen/stefan-johnson-124186-unsplash.jpg"); background-position: bottom center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.seitenbild-koerper {max-height: 800px; position: relative; background-image: url("/storage/app/media/koerper/Startbild-Koerper.jpg"); background-position: bottom center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.seitenbild-sport {max-height: 800px;position: relative; background-image: url("/storage/app/media/sport/sport-freiziet.jpg"); background-position: bottom center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.seitenbild-kind {max-height: 800px;position: relative; background-image: url("/storage/app/media/mitKindern/kinder.jpg"); background-position: bottom center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.seitenbild-kultur {max-height: 800px;position: relative; background-image: url("/storage/app/media/kultur/Seitenbild.jpg"); background-position: bottom center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.seitenbild-termine {max-height: 800px;position: relative; background-image: url("/storage/app/media/termine/SegelWasser.jpg"); background-position: bottom center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.seitenbild-ausflug {max-height: 800px;position: relative; background-image: url("/storage/app/media/ausflugstipps/SeitenbildTipps.jpg"); background-position: bottom center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.seitenbild-informationen {max-height: 800px;position: relative; background-image: url("/storage/app/media/informationen/SeitenbildInfos.jpg"); background-position: bottom center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.seitenbild-warnemuende {max-height: 800px;position: relative; background-image: url("/storage/app/media/unser-sylt/unser-sylt-main-image.png"); background-position: bottom center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.seitenbild-ueberuns {max-height: 800px;position: relative; background-image: url("/storage/app/media/UeberUns/seitenbilduberuns.jpg"); background-position: bottom center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.seitenbild-unterkuenfte {max-height: 800px;position: relative; background-image: url("/storage/app/media/InselUnterkuenfte/Seitenbild.jpg"); background-position: bottom center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.seitenbild-familienurlaub {max-height: 800px;position: relative; background-image: url("/storage/app/media/Familienurlaub/SeitenbildFamilienurlaub.jpg"); background-position: bottom center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.seitenbild-barrierfrei {max-height: 800px;position: relative; background-image: url("/storage/app/media/UrlaubHandicap/sport-freiziet.jpg"); background-position: bottom center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.seitenbild-haustier {max-height: 800px;position: relative; background-image: url("/storage/app/media/UrlaubHaustiere/SeitenbildHaustiere.jpg"); background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.seitenbild-blog {max-height: 800px;position: relative; background-image: url("/storage/app/media/Seitenbilder/Startseitenbild.jpg"); background-position: top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

/* contentseiten */
.contentseite h1 {color:#fff; padding-left: 120px; display: inline-block; min-height: 850px; line-height: 850px; font-size: 60px; font-family: 'BureauGrotesque-ThreeSeven';}
.gruen h1 {color: #144b32;}
.seitenabschnitt {margin:200px 0px;}
.iconkreis {height:550px;background-image: url("/storage/app/media/iconkreis.png"); background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: contain; background-repeat: no-repeat; }
.iconkreis img {max-height: 100%; max-width: 100%; padding: 100px;}
.mobile-on {display: none;}
.ueberschrift-icon .linie {margin-top: 20%;}
.ueberschrift-icon .linie2 {margin-top: 13%;}
.content ul li {list-style-type: none; padding-left: 30px; margin-left: 0px; background-image:url('/storage/app/media/link-pfeil.png'); background-repeat:no-repeat; background-position:left center;} 
.content a {color: #403F3C;}
.content li a:before {    content: "";    position: absolute;    top: 5px;    left: 0px;    width: 15px;    height: 20px;    background-image: url('/storage/app/media/Icons/bulletpoint.svg'); background-repeat: no-repeat;    background-position: center;}
.content li {    padding-left: 20px;    line-height: 30px;    list-style: none;    position: relative;}


/* listenfilter */
.checkies .dropelement:nth-of-type(1) {margin-right: 20px;}
.suche-listenfilter {float: left; background-color:#E7E7DF; padding: 130px 5px 20px; width: 100%; display: inline-block;}
.listenfilter {width: 100%; display: inline-block; position: relative;}
.listenfilter div {float: left;}
.listenfilter .label {width: 100%;}
.listenfilter input, .listenfilter select {width: 90%; margin-top: 10px; border-radius: 10px; border-color: #144b32; padding: 10px; border-style: solid; border-width: 2px; background-color: transparent; height: 50px;}
.listenfilter .checkies select {margin-top: 0px; height: 50px!important; width: 120px;}
#filterclear {position: absolute; bottom: -41px; right: 0px; background-image: none !important; background-color: transparent !important; color: #144b32; text-shadow: none; box-shadow: none; border: none;}
#filterclear:hover {text-decoration: underline;}
#filterclear:before { color: #144b32; position: absolute; top: 10px; left: 15px; border: 1px solid #144b32; border-radius: 5px; height: 20px; width: 20px;}
.listenfilter .form-inputs {width: 20%;}
.listenfilter .ui {width: 40%;}
.listenfilter .ui .checkies, .listenfilter .ui .checkies select {width: 100%;}
.listenfilter .dropelement {width: calc(50% - 10px);}

/* listenseiten */
.fewo-art, .fewo-titel {font-family: 'BureauGrotesque-ThreeSeven', sans-serif; color: #144b32; margin-top: 10px; font-size: 24px; margin-right: 10px; line-height: 24px; width: 100%;}
.fewo-personen {margin-top:0px;}
.fewo-item img {width: 100%;}
.fewo-item {margin-bottom: 50px;}
.fewo-container:fist div {color: #ccc;}
.ang-title {font-family: 'Passion One', cursive; color: #144b32; font-size: 30px;}
.Angebot-angebot-liste .fewo-container .fewo-item, .start .angebote-home .fewo-item {width: 50%; display: inline-Block; float:left; padding-right: 50px;}
.ang-objcount {display: none;}
#angebot-liste h2 {font-size: 30px; margin-bottom: 0px;}
.detailangebot .fewo-personen {display: inline-block;    width: 100%;    margin-bottom: 20px;    margin-top: 0px;}
.fewo-noitems {padding-bottom: 5rem;}

/*Detailseite*/
.detailseite {background-color: #eeefe9;}
.detailseite .objektbilder_top {margin-top: 115px;}
.detailseite .p-0 {padding: 0 0 32% 0 !important; height: 0; position: relative; overflow: hidden;}
.objektbilder_top img {width: 100%; position: absolute; transform: translateY(-50%); top: 50%;}
.load_gallery {position:absolute; bottom: 10px; right: 10px; cursor: pointer;}

.slider-layer {height: 0px; overflow: hidden; position: fixed; top: 0px; background-color: rgba(0, 0, 0, 0.85); z-index: 9999; width: 100%; transition: 0.2s;}
.slider-layer.open {height: 100%;}
.slider-layer .container {position: relative; height: 100%; max-width: 1200px !important;}
.slider-layer .slick-slideshow {position: absolute; top: 0px; left: 10px; right: 10px; bottom: 0px; margin: auto;}
.slider-layer .close_layer {display: none; z-index: 9997; cursor: pointer; position: fixed; top: 20px; right: 30px; width: 50px; height: 50px; text-align: center; line-height: 50px;}
.slider-layer .close_layer.open {display: inline-block;}
.slider-layer .close_layer:before {transition: 0.2s; display: inline-block; content: "\f00d"; font-family: 'FontAwesome'; color: #fff; font-size: 32px;}
.slider-layer .close_layer:hover:before {color: #ccc;}

.detailseite-container {margin-top: 150px;}
.detailseite-container img {height: 40px; width: 40px; float: left;}
.detailseite-container .info-box {margin-left: 60px; margin-bottom: 40px;}
.detailseite-container .info-box p {margin: 0px;}
.detailseite-container .info-box strong {line-height: 50px; color: #144b32; font-size: 25px;}
/*.detailseite-ausstattung .fewo-ausst-group {width: 50%; float:left}*/
.detailseite-ausstattung .fewo-ausst {column-count: 2; column-gap: 15px; padding-bottom: 20px;}
.detailseite-ausstattung .ausst-border {padding-left: 40px; margin-bottom: 30px;}
.detailseite-ausstattung .fewo-ausst-title {font-weight: bold; color: #144b32;}
.detailseite-bottom img {width: 100%;}
.detailseite-bottom .nachbarschaft, .detailseite-bottom .kalender {margin-top: 100px; margin-bottom: 10px;}
.preisrechner {background-color: #fff; padding: 50px; margin-left: 50px; color: #144b32; display: inline-block; font-family: 'BureauGrotesque-ThreeSeven', sans-serif;}
.preisrechner .btn {font-weight: normal;}
.preisrechner .big {font-size: 50px;}
.preisrechner #summe {font-size: 50px; width: 100%; text-align: right; margin-top: -30px; margin-bottom: 30px;}
.preisrechner .fewo_anreise, .preisrechner .fewo_abreise {width: 50%; float: left;}
.preisrechner input {width: 90%; margin-top: 10px; border-radius: 8px; border-color: #144b32; padding: 10px; border-style: solid; border-width: 2px; height: 50px; background-color: transparent;}
.preisrechner select {width: 95%; margin-top: 10px; border-radius: 8px; border-color: #144b32; padding: 10px; border-style: solid; border-width: 2px; color: #144b32; height: 50px; background-color: transparent;}
.preisrechner .select_anzahl {display: inline-block; margin-top: 20px; margin-bottom: 20px; width: 100%;}
button#pbuchung {margin-top: 20px; margin-right: 60px;}
.preisrechner.fixed {position: fixed; width: 475px; top: 120px;}	
.preisrechner_mobile {display: none;}

.group-1 .fewo-ausst-title:before {background-image: url("/storage/app/media/ausstattung/Wohnbereich.svg"); background-position: bottom left; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain;background-size: contain; content: ""; width: 25px; height: 25px; display: inline-block; margin-left: -35px; margin-right:10px; background-repeat: no-repeat;}
.group-2 .fewo-ausst-title:before {background-image: url("/storage/app/media/ausstattung/Außenbereich.svg"); background-position: bottom left; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain;background-size: contain;  content: ""; width: 25px; height: 25px; display: inline-block; margin-left: -35px; margin-right:10px; background-repeat: no-repeat;}
.group-3 .fewo-ausst-title:before {background-image: url("/storage/app/media/ausstattung/Schlafbereich.svg"); background-position: bottom left; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain;background-size: contain;  content: ""; width: 25px; height: 25px; display: inline-block; margin-left: -35px; margin-right:10px; background-repeat: no-repeat;}
.group-4 .fewo-ausst-title:before {background-image: url("/storage/app/media/ausstattung/Sonstiges.svg"); background-position: bottom left; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain;background-size: contain; content: ""; width: 25px; height: 25px; display: inline-block;   margin-left: -35px; margin-right:10px; background-repeat: no-repeat;}
.group-5 .fewo-ausst-title:before {background-image: url("/storage/app/media/ausstattung/Kuechenausstattung.svg"); background-position: bottom left; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain;background-size: contain; content: ""; width: 25px; height: 25px;    display: inline-block; margin-left: -35px; margin-right:10px; background-repeat: no-repeat;}
.group-6 .fewo-ausst-title:before {background-image: url("/storage/app/media/ausstattung/sanitaerbereich.svg"); background-position: bottom left; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain;background-size: contain; content: ""; width: 25px; height: 25px; display: inline-block; margin-left: -35px; margin-right:10px; background-repeat: no-repeat;}
.group-7 .fewo-ausst-title:before {background-image: url("/storage/app/media/ausstattung/service.svg"); background-position: bottom left; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain;background-size: contain; content: ""; width: 25px; height: 25px; display: inline-block;   margin-left: -35px; margin-right:10px; background-repeat: no-repeat;}
.group-8 .fewo-ausst-title:before {background-image: url("/storage/app/media/ausstattung/verpflegung.svg"); background-position: bottom left; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain;background-size: contain; content: ""; width: 25px; height: 25px; display: inline-block;    margin-left: -35px; margin-right:10px; background-repeat: no-repeat;}
.group-9 .fewo-ausst-title:before {background-image: url("/storage/app/media/ausstattung/Sonstiges.svg"); background-position: bottom left; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain;background-size: contain; content: ""; width: 25px;  height: 25px; display: inline-block;   margin-left: -35px; margin-right:10px; background-repeat: no-repeat;}
.detailseite .fewo-saison {font-size: 15px;}
.detailseite .fewo-saison thead {    font-weight: 600;}
.detailseite .fewo-saison tr { border-bottom: 2px solid #144b32;}
.detailseite .fewo-saison tr:last-child {border-bottom: none;}
.detailseite .fewo-saisonzeiten {margin-top: 50px;}


/*Belegungskalender*/
#BelPlan {position: relative;}
#BelPlan .btn-right{
    display: inline-block;
    right: 0px;
    position: absolute;
    background-image: url("/storage/app/media/Icons/rechts-button.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 35px;
    background-color: transparent;
    border: none;
    background-position-x: right;
    color: transparent;
}
#BelPlan .btn-left{
    display: inline-block;
    left: 0px;
    position: absolute;
    background-image: url("/storage/app/media/Icons/links-button.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 35px;
    background-color: transparent;
    border: none;
    background-position-x: left;
    color: transparent;
}
.belkal   {width: calc( 50% - 10px) !important;}
.month {
    text-align: center !important;
    font-size: 20px !important;
    font-weight: bold !important;
    color: #144b32 !important;
    background-color: transparent !important;
}
.belkal  .frei {
    background-color: #C5D3C1 !important;
    border: 2px solid #eeefe9 !important;
    border-radius: 10px !important;
    text-align: center !important;
    color: #144b32 !important;
    font-weight: bold !important;
    padding: 5px;
}
.belegung_B, .belegung_E, .belegung_BL, .belegung_O {
    background-color: #AE1E28 !important;
    border: 2px solid #eeefe9 !important;
    border-radius: 10px !important;
    text-align: center !important;
    color: #eeefe9 !important;
    font-weight: bold !important;
    padding: 5px;
}
.belkal  .tag {border: 2px solid #eeefe9 !important;
    border-radius: 10px !important;
    text-align: center !important;
    color: #144b32 !important;
    font-weight: bold !important;
    padding: 5px;}
.belkal .tage {background-color: transparent !important;}
td.vergangenheit, td.keine_preise {background-color: transparent !important;}


/*Buchungsmaske*/
.preis_uebersicht .header_titel {font-weight: bold;}
.preis_uebersicht .header_objsum, .sumneben_wert, .sum_wert, .sumleist_wert, .zeilensumme.kaution {float: right;}
.preis_uebersicht .header_anzahl, .preis_uebersicht .sumneben_titel, .sum_titel, .sumleist_titel {display: inline-block;}
.preis_uebersicht .sumleist, .sumzuschlag, .sumrabatt, .gesamtsumme, .sumoptleist {margin-top: 5px;}
.preis_uebersicht .sumleist {padding-top: 5px; border-top: 1px solid #f2f2f2;}
.gesamtsumme {font-weight: bold; border-top: 1px #ccc solid; padding-top: 5px;}
.preis_uebersicht .zeile_zuschlag {float: left;}
.nav-tabs .nav-item {background-color: #dcdcdc; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; text-align: center;}
.nav-tabs .nav-item.active {background-color: #fff;}
.nav-tabs .nav-item.disabled a {color: #999;}
.nav-tabs .nav-link {width: 100%;}
.tab-content {background-color: #fff; padding: 15px; display: inline-block; width: 100%;}
.tab-content h2 {font-size: 20px;}
.tab-content h3 {font-size: 18px; text-decoration: underline;}
#gastdaten .form-group .label, .fewo-buchung-cal .label, .fewo_buchung_personen .label {font-size: 14px; margin-left: 0.75rem;}
.fewo-buchung-cal input, .fewo_buchung_personen select {cursor: pointer;}
.leistung_anzahl {text-align: center;}
.leistung_anzahl select {max-width: 80px; margin: 0 auto; display: inline-block;}
.leistungenheader div, .mitreisende_header div {font-weight: bold;}
.zeile_leistung {height: 40px; }
.zeile_leistung .select {float: left;}
.mit_header, .mitreisender {width: 100%; display: inline-block;}
#mitreisende .mitreisende_vorname, #mitreisende [id^=ctrl_mitvorname], #mitreisende [id^=ctrl_mitgeb] {float: left; width: calc(33% - 10px); margin-right: 10px;}
#mitreisende .mitreisende_gebdatum, #mitreisende [id^=ctrl_mitgeb] {float: left; width: 34%; margin-right: 0px;}
#mitreisende .mitreisende_nachname, #mitreisende [id^=ctrl_mitname] {float: left; width: calc(33% - 10px); margin-right: 10px;}
#mitreisende .mit_header div {font-size: 14px;}
#mitreisende [id^=ctrl_mitname], #mitreisende [id^=ctrl_mitvorname], #mitreisende [id^=ctrl_mitgeb], .reiseinformationen, .agbdata {margin-bottom: 15px;}
.zusammenfassung_zeile {display: inline-block; width: 100%;}
.agbdata input {margin-right: 5px; position: relative; top: 5px;}
.zusammenfassung .daten .label {width: 300px; float: left;}
.zusammenfassung .daten .zusammenfassung  {width: calc(100% - 300px); float: right;}
.zusammenfassung .agbdata, .zusammenfassung.leistungen, .zusammenfassung.preisuebersicht, .zusammenfassung.mitreisende {width: 100% !important; display: inline-block; margin-top: 25px;}
.leistung_header_mobile {display: none;}
.fewo-buchung-cal .buchung_anreise input, .fewo-buchung-cal .buchung_abreise input {display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
#summen {background-color: #fff;}
.masken-buchungsmaske .nav-link {padding: .5rem 0rem; font-size: 15px;}
.seitenabschnitt img {width: 90%;}
.agbdata a {text-decoration: underline;}
.datum {display: inline-block; width: 100%;}

/* Datepicker */
.date-picker-wrapper .day {height: 36px !important; border-radius: 10px; margin-bottom: 0 !important; padding-top: 2px; -webkit-box-shadow: inset 0px 0px 0px 2px #fff; -moz-box-shadow: inset 0px 0px 0px 2px #fff; box-shadow: inset 0px 0px 0px 2px #fff; margin: -1px; padding-top: 4px; font-weight: bold;}
.date-picker-wrapper .month-wrapper .day.toMonth.valid {background-color: #c5d3c1 !important;}
.date-picker-wrapper .month-wrapper .day.toMonth.valid.noarrival {background-color: #e3ece0 !important;}
.date-picker-wrapper .month-wrapper .cal-days .day.checked {background-color: #144b32 !important;}
.date-picker-wrapper .cal-arrow {border-bottom: 15px solid #144b32 !important; top: -15px !important;}
.invalid.nodeparture.tmp {background-color: #e3ece0 !important;}
.date-picker-wrapper .month-wrapper .day.toMonth.hovering {background-color: #144b32 !important;}
.date-picker-wrapper .date-range-length-tip {color: #144b32 !important; background-color: #e3ece0 !important;}
.date-picker-wrapper .cal-arrow {top: -62px !important;}
.date-picker-wrapper .delete {display: flex;}
.date-picker-wrapper a {border: 1px solid;}
.date-picker-wrapper a:hover {background-color: #144b32;}
.date-picker-wrapper {font-family: inherit !important;}
.date-picker-wrapper .month-element, .date-picker-wrapper .month-element-year {color: #144b32 !important;}
.date-picker-wrapper .next, .date-picker-wrapper .prev {color: #fff !important;}
.date-picker-wrapper .caption .next:before, .date-picker-wrapper .prev:before {color: #144b32;}
.date-picker-wrapper .date-range-length-tip:after{border-top:4px solid #e3ece0 !important;}
.date-picker-wrapper .day.has-tooltip.invalid {background-color: #D56C6D; color: #000; text-decoration: none !important;}
.date-picker-wrapper .day.toMonth.invalid {text-decoration: line-through; color: #000;}

/* Blog */
.blog ul {padding: 0px;}
.blog li {list-style: none;}
.blog img {max-width: 100%;}

@media (max-width: 600px) {
    .date-picker-wrapper .drp_top-bar {background-color: #00311C !important;}
    .date-picker-wrapper .drp_top-bar .apply-btn.disabled, .date-picker-wrapper .drp_top-bar .apply-btn {color: #00311C !important;}
}
		
/* footer */
footer {background-color: #E7E7DF; font-family: 'BureauGrotesque', sans-serif;}
footer .widget-link a {font-size: 14px;}
footer .btn-newssubscribe {font-size: 17px !important;}
/*.gruenewelle {height: 150px; margin-bottom: -150px; background-image: url(/storage/app/media/haus/g-01.svg); background-color: #c5d3c1; position: relative; background-size: cover; background-repeat: no-repeat;}*/

@media (max-width: 1600px) {
    body {word-break: break-word;}
    .contentseite h1 {min-height: 600px; line-height: 600px;}
    .home_suche {padding-top: 80px; min-height: 610px; max-width: 550px;}
    .suche-startseite {height: 610px; width: 220px;}
    .angebot-icon {top: 400px;}
    .buchen-home {top: 43%; right: 4px; font-size:23px;}
}

@media (max-width: 1199px) {
    .preisrechner.fixed {width: 385px;}
    .detailseite .objektbilder_top {margin-top: 0px;}
    .seitenbild-home {min-height: 400px;}
    .pt-100 {padding-top: initial;}
    .suche-listenfilter {padding-top: 20px;}
    .belkal {width: 100% !important;}
    .suche-startseite {position: fixed; top: -284px; left: -160px; height: 700px; width: 200px;}
    .angebot-icon {position: fixed !important; top: 75px !important;}
    .angebot-icon img {width: 40px;}
    .container-suche {left: 0; width: 100%; position: fixed; top: 103px; z-index: 1000}
    .home_suche {padding-left: 0; padding-top: 0; min-height: auto !important; max-width: 100%; width: 100%; display: none; padding: 0 40px;}
    .scroll-container {height: calc(100vh - 103px);}
    .detailseite-container {margin-top: 50px;}
    .pt-200 {padding-top: 50px;}
    .home_suche .form-personen {width: 50%;}
    .home_suche button {margin-top: 50px;}
    .suche-startseite {background-image: url("/storage/app/media/Icons/suche-02.svg");}
    .buchen-home {display: none;}
    .navbar-nav .page_objekte .dropdown-menu {transform: inherit;}
}


@media (max-width: 991px) {
    .preisrechner {display: none;}
    .contentseite h1 { min-height: 400px; line-height: 400px;}
    h2 {font-size: 40px;}
    .preisrechner.fixed {width: 100%; margin-left: 0px; position: initial;}
    .preisrechner {width: 100%; margin-left: 0px; position: initial;}
    .listenfilter .form-inputs {width: 33%; margin-bottom: 15px;}    
    .preisrechner_mobile {display: block; background-color: #fff; position: fixed; bottom: 0; width: 100%; left: 0; z-index: 1; padding: 20px 50px;}
    .preisrechner_mobile p {margin-bottom: 0 !important; color: #144b32; font-weight: bold; display: inline-block; float: left;}
    .preisrechner_mobile .big {font-size: 50px;}
    .preisrechner_mobile .btn-button {float: right; margin-top: 29px;}
    .preisrechner_mobile button {background-color: transparent !important; border-color: transparent !important; background-image: url(/storage/app/media/Icons/button-s.png); background-repeat: no-repeat; height: 50px;    width: 180px;    display: inline-block;    background-repeat: no-repeat;    text-align: center;    padding: 10px 40px 10px 10px;    line-height: 25px;    border: none;    outline: none !important;    cursor: pointer;    font-weight: normal;    font-family: 'BureauGrotesque-ThreeSeven', sans-serif;}
    .detailseite footer {padding-bottom: 170px;}
    .detailseite .p-0 {padding: 0 !important; height: auto; overflow: auto;}
    .objektbilder_top img {position: static; transform: none; top: 0;}
    .nav-tabs .nav-item { width: 100%; flex: inherit !important;}
    .leistung_header_mobile {display: inline-block; width: 100%; font-weight: bold;}
	.leistungenheader {display: none;}
	.zeile_leistung .leistung_titel, .zeile_leistung .leistung_anzahl, .zeile_leistung .leistung_preis, .zeile_leistung .leistung_summe {float: left; width: 50% !important;}
	.zeile_leistung .leistung_titel {text-align: right; padding-right: 0px !important;}
	.zeile_leistung .leistung_anzahl {text-align: right !important;}
	.zeile_leistung {padding: 5px; height: initial;}
	.zeile_leistung:nth-child(2n) {background-color: #f2f2f2;}
	.zeile_leistung .select {float: right;}
	#cookiedingsbums {background-color: rgba(20, 75, 50, 0.9);}
	.listenfilter .ui {width: 96%;}
	.hausliste-start .insel-fewo, .hausliste-start #fewo-hausliste .post:nth-of-type(2), .hausliste-start #fewo-hausliste .post:nth-of-type(3) {display: none!important;}
	.hausliste-start .hausliste { padding-bottom: 60px;}
}
@media (max-width: 900px) {
    .home_suche h1 {font-size: 25px;}    
}

@media (max-width: 767px){
    .contentseite h1 {font-size: 40px;}
    h1 {text-align: left;}
    h2 {font-size: 35px;}
    h3 {font-size: 25px;}
    .mobile-off {display: none;}
    .mobile-on {display: inline-block;}
    .mobile-h2 {text-align: left !important; padding: 0px 15px !important;}
    .mobile-h2 h2 {margin-bottom: 10px;}
    .Angebot-angebot-liste .fewo-container .fewo-item, .start #angebot-liste .fewo-container .fewo-item {width: 100%; padding-right: 5px;}
    #fewo-hausliste .post {width: 50% !important; margin:25px 0px !important;}
    #angebot-liste {margin-left: 15px;}
    .fewo-saisonzeiten {width: 100%; display: inline-block;} 
    .mobile_price_label {display: inline-block !important; font-weight:bold; width: 100%;}
    .fewo-saisonzeiten td {float:left; width: 50%; text-align: left; margin-bottom: 5px;}
    .fewo-saisonzeiten td:nth-child(3), .fewo-saisonzeiten td:nth-child(3) {clear: both;}
	.fewo-saison thead {display:none;}
	.hausliste .text-center {text-align: center !important;}
	.text-center {text-align: left !important;}
	.Ferienwohnungen-hausliste #fewo-hausliste .post {width: 50% !important; text-align: center !important;}
	.einleitungstext {width:100%;}
	 h1 {font-size: 45px;}
    .einleitungstext {font-size: 18px !important;}
    .seitenabschnitt {margin: 40px -5px;}
    h2 {margin-bottom: 5px;}
    .seitenabschnitt img {width: 100%;     margin-top: 25px;}
    .navbar-nav .page_objekte .menu-item {width: 40%; margin: 0px 4%;}
    .pb-150 {padding-bottom: 50px;}
}

@media (max-height: 600px) {
    .preisrechner_mobile {position: static; display: inline-block;}
}

@media (max-width: 600px) {
    .date-picker-wrapper .caption .next, .date-picker-wrapper .caption .prev, .date-picker-wrapper .next, .date-picker-wrapper .prev {background-color: #c5d3c1 !important;}
    .angebot-icon {top: 90px !important;}
    .angebot-icon img { width: 30px;}
    .start section, footer {padding: 0px 15px;}
}

@media (max-width: 576px){    
    .seitenbild-home {min-height: 250px;}
    .preisrechner_mobile {padding: 20px;}
    .preisrechner_mobile p {font-size: 12px;}
    .preisrechner_mobile .big {font-size: 30px;}
    .preisrechner_mobile button {padding: 6px 40px 10px 10px; height: 40px; width: 136px; background-size: contain;}
    .preisrechner_mobile .btn-button {margin-top: 15px;}
    .detailseite footer {padding-bottom: 140px;}
    .contentseite h1 {min-height: 200px; line-height: initial; padding-top: 14%; padding-left: 30px;}
    .Angebot-angebot-liste .fewo-container .fewo-item, .start .angebote-home .fewo-item {width: 100%;}
    #angebot-liste .fewo-btndetail {margin-top: 10px;}
    .detailseite-ausstattung .fewo-ausst-group {width:100%;}
    .listenfilter .form-inputs {width: 50%}
    .listenfilter div:nth-of-type(3) {width: 100%;}
    .listenfilter .search-personen {width: 95%;}
    .hausliste {padding: 0px 15px;}  
    .Ferienwohnungen-hausliste #fewo-hausliste .post {width: 100% !important;}
    .masken-buchungsmaske section {padding-left: 15px;}
    .listenfilter .ui {width: 95%;}
}

@media (max-height: 560px) {
    .home_suche {overflow-y: scroll;}
}

@media (max-width: 500px) {
    .container-suche {top: 87px;}
    .scroll-container {height: calc(100vh - 87px);}
    .zusammenfassung .daten .label, .zusammenfassung .daten .zusammenfassung {  width: 100% !important;}
    .zusammenfassung .daten .label {font-weight: bold;} 
    .home_suche h2 {font-size: 30px;}
    .detailseite-ausstattung .fewo-ausst {column-count: 1;}
}

@media (max-width: 400px){
    .contentseite h1 {font-size: 30px; min-height: initial; }
     #fewo-hausliste .post {width: 100% !important;}
     h3 {width: initial;}
     .bg-hell, .linie2 {float:left; width: 100%;}
     .start .btn-link {background-size: contain; width: initial;}
     .Angebot-angebot-liste .fewo-container  .fewo-item, .start #angebot-liste .fewo-container  .fewo-item  {padding-right: 50px;}
     .fewo-saisonzeiten td {float:left; width: 100%; text-align: center; margin-bottom: 0;}
     .fewo-saisonzeiten td:last-child {margin-bottom: 10px;}
     .fewo-saisonzeiten td:first-child {margin-top: 10px;}
     .seitenbild-home {min-height: 150px;}
     .zeile_leistung .leistung_titel, .zeile_leistung .leistung_anzahl, .zeile_leistung .leistung_preis, .zeile_leistung .leistung_summe, .zeile_leistung .select {float: left; width: 100% !important; text-align: center !important; padding: 0px !important; padding-bottom: 10px !important;}
     .leistung_anzahl select {margin-right: calc(50% - 40px); margin-left: calc(50% - 40px);}
     h1 {font-size: 25px;}
     .home_suche .form-inputs, .home_suche .form-personen {width: 100%; margin: 2px 0px !important;}
     .home_suche button {margin-top: 15px;}
     .home_suche h2 {font-size: 25px;}
     .home_suche .label {display: none;}
     .listenfilter .dropelement, .listenfilter .form-inputs {width: 100%;}
     .listenfilter input {width: 95%;}
}

@media (max-width: 350px){
     .navbar-nav .page_objekte .menu-item {width: 100%; margin: 0px;}
}