@font-face {
  font-family: "Roboto-Condensed";
  src: url('../font/webFonts/RobotoCondensed/RobotoCondensed-Regular.ttf') format('truetype');
}


/* cookie ****************************************/
#cookiedingsbums a {
    color: #fff;
    text-decoration: none;
}

#cookiedingsbums a:hover {
    text-decoration: underline;
    color: #333333;
}

img {border-radius: 8px;}

#cookiedingsbums {
    text-align: left;
    border-top: 1px solid #fff;
    background: #3D5C72;
    position: fixed;
    bottom: 0;
    z-index: 10000;
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
}

.leist_item {display: flex; justify-content: space-between;}

.mapObjekt {border: 1px solid #3d5c72; border-radius: 12px; padding: 4px;}

#cookiedingsbums .text {
    padding: 20px;
}

.check_element label {margin-bottom: 0px!important}

#cookiedingsbumsCloser {
    color: #fff;
    font: 14px/100% arial, sans-serif;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    cursor: pointer;
    border-bottom: 1px solid #7b92a9;
    border-right: 1px solid #7b92a9;
    padding: 10px;
    background: #f4a479 ;
    position: absolute;
    right: 20px;
    top: 12px;
}

@media (max-width: 1020px) {
    #cookiedingsbumsCloser {
        display: inline-block;
        position: static;
        margin: 0 20px 20px;
    }
}

/* ende cookie ***************************************/

.border-radius, #mapid {border-radius: 8px;}
.h-overflow {overflow: hidden;}




/* START ERNEUERUNG DER HP________________________________________________________________________________________________________ */

.dropdown-menu {z-index: 1021;}
.anchor_tabmenu {list-style: none;}
.anchor_tabmenu li {float:left; padding:10px; margin-right:5px; background-color: #dce7ed; text-align: center; font-weight: bold; text-transform: uppercase; width: 13%; color: #3D5C72; border-radius: 8px;}
.anchor_tabmenu li:hover{cursor: pointer;}
#ankermenue {top: 132px;    background-color: #fff;    border-bottom: 2px solid #6c8998;     padding-top: 10px !important;}
@media (max-width: 1200px){
    #ankermenue {top: 165px;}
}
@media (max-width: 1008px){
    #ankermenue {display: none;}
}

/* Corona */
.corona .banner {position: relative; max-width: 1920px; height: 500px; margin: 0 auto;}
.corona .banner .banner_container { position: relative; height: 500px; overflow: hidden;}
.corona .banner .banner_container .welle {background-image: url(/storage/app/media/welle-weiss.png); position: absolute; top: 0; width: 1920px; height: 50px; z-index: 2; background-repeat: no-repeat; transform: translateX(-50%); left: 50%;}
.corona .banner .banner_container img {position: absolute; top: 0; transform: translateX(-50%); left: 50%;}
.corona .banner .round-icon {width: 100px; position: absolute; bottom: -50px; transform: translateX(-50%); left: 50%;}
.corona .loading {height: 5px; background-color: rgba(0, 0, 0, 0.20); position: absolute; bottom: 0;}
.corona .corona-info {padding-top: 130px;}
.corona .banner .btn-success {background-color: #3D5C72; color: #fff; text-transform: uppercase; border-radius: 0;}
.corona .banner .banner_content {position: absolute; transform: translateY(-50%); top: 50%; z-index: 11;}
.corona .banner .banner_blackout {position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 10;}

.mapHintContent .btn-success {background-color: #f4a479 }
.cover { background-color: #f5e9dd!important; }


.Datenschutz ol {padding-left: 20px;}
.bewertung .fewo-rating {display: flex
;
    justify-content: center;
    flex-direction: column;
    align-items: center;}

/* header */
.btn-nav {right: 0px; top: 0px; z-index: 1;}
.header-info span {color: #D3E0E7;}
header .fa-map-marker {font-size: 30px;}
@media (min-width: 1200px){
    .header-info {max-width: 1230px;}
}
/* home */
.home_header .video_container video { margin-left: auto; margin-right: auto; position: relative; z-index: 1; width: 100%;}
.video_background {background-image: url(/storage/app/media/welle-weiss.png); background-repeat: round; z-index: 3; height: 26px; position: relative; top: 26px;}
video {outline: none;}
.objektsuche .row div {width: 25%;}
@media (max-width: 1600px){
    .video_background {background-repeat: no-repeat;}
}
.video_container {width: 100%; margin: auto auto;}
.home_head {top: 250px; z-index: 2; left: 0; position: absolute;}
@media (max-width: 900px){
    .home_head {position: initial;}
}
.eigentuemer_head {font-size: 40px;}
.image-container {height: 300px;}
.image-container.kamin {background-image: url('/themes/buenning/assets/bilder/Kamin.webp'); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.image-container.ocean {background-image: url('/themes/buenning/assets/bilder/Haus-am-Meer.webp'); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.image-container.dog {background-image: url('/themes/buenning/assets/bilder/Hund-Daniel-Reitz.webp'); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.image-container.sauna {background-image: url('/themes/buenning/assets/bilder/Sauna.webp'); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.image-container.family {background-image: url('/themes/buenning/assets/bilder/Familie.webp'); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.listen_link {line-height: 40px; font-weight: bold; font-size: 20px;}
.listen_link a:hover {color: #fff;}
.kontakt-container {height: 340px; background-color: #f4a479 c7; vertical-align: center;}
.kontakt-container a {color: #fff; text-align: center; font-size: 30px;}
.kontakt-container .listen_link {padding: 35% 10%;}
.home_eigentuemer {background-image: url(/themes/buenning/assets/bilder/welle-hell.png); background-repeat-y: no-repeat; height: 15px; background-color: #3D5C72; background-size: contain;}
.home_eigentuemer .container_eigentuemer {max-width: 1920px; margin-left: auto; margin-right: auto; background-image: url(/themes/buenning/assets/bilder/welle-hell.png); background-repeat: no-repeat;}
.container_gutschein {position: relative; max-width: 1920px; height: 1000px; margin-left: auto; margin-right: auto; background-image: url(/themes/buenning/assets/bilder/gutschein_hintergrund.webp); background-repeat: no-repeat;}
.gutschein-image {position: absolute; bottom: 100px; right: 130px; width: 500px; transform: rotate(-10deg); box-shadow: 10px 10px 20px;}
@media (max-width: 767px){
    .gutschein-image {width: 100%; transform: rotate(0deg); box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%); margin-left: 5px; margin-right: 5px; left: 0px; right: 0px; bottom: 5px;}
    .home_eigentuemer img {width: 98%!important;}
    .search_container, .kontakt_container {display: none;}
    .search_container {display: none;}
}

.post img {border-radius: 8px;}


.new-objects-list .btn-success {
    background-color: #f4a479 ; color: white;
}

.newObjTitle {
    color: #f4a479 ;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 1.5px;
}

.newObjText {
    color: #3d5c72;
    line-height: 1.6;
    letter-spacing: 1.5px;
    font-family: 'Gadugi' !important;
    font-size: 16px;
}

.btn-karte, .btn-corona {height: 67px; max-width: 77px; line-height: 23px;}
.btn-karte b, .btn-corona b {font-size: 16px;}
.startseite .objekt_suche .home_suche form select {border-radius: 0px!important;}

/* Objektliste */
.ferienwohnung-detail .fewo-ausst-group li {
    background-color: #ffffff;
    float: left;
    margin: 3px;
    padding: 0px 5px;
}
.border-3 {border-bottom: 1px solid #f5a276;}
#fewo-liste .fewo_sort {text-align: end; justify-content: flex-end; display: flex;}
#fewo-liste .fewo_sort #listsort {width: fit-content!important;}
#fewo-liste .fewo_sort .costum_color {background-color: #3D5C72!important; color: white;}
#fewo-liste .fa-map-marker {font-size: 20px;}
#fewo-liste .fewo-region {line-height: 20px;}
#fewo-liste .obj-info {line-height: 22px; font-weight: bold;}
#fewo-liste .preis {font-weight: bold;    font-size: 40px;    line-height: 40px;    color: #f4a479 ;}
#fewo-liste .reisezeit {color: #f4a479 ; letter-spacing: normal;font-size: 16px;}
#fewo-liste  .btn-success, .angepot-page .btn-success {
    background-color: #f4a479;
    box-shadow: none;
    text-transform: uppercase;
    line-height: 1.2;
    text-shadow: none;
    letter-spacing: 2px;
    font-size: 20px;
    float: right;
    margin-top: 0px;
    position: initial;
    bottom: 0px;
}
.angepot-page .btn-success {float: none!important;}
.angebotsliste .fewo-item, .angebot-detail-page article.fewo-item {border: 1px solid #3d5c72; padding: 8px; border-radius: 8px;}
#fewo-liste .fewo-ausstattung .fewo-ausst-group li {float: left; margin-right: 8px;}
#fewo-liste .fewo-ausstattung .fewo-ausst-group li img {width: 36px; height: 36px; margin-bottom: 8px;}
#fewo-liste  .btn-success a {color: #fff!important;}

#fewo-liste .fewo-ausstattung {width: calc(100% - 5px); display: inline-block;}
#fewo-liste .fewo_listnavileft:before {color: #f4a479 ; content: "\f104"; font-family: 'FontAwesome'; font-weight: bold;}
#fewo-liste .fewo_listnaviright:before {color: #f4a479 ; content: "\f105"; font-family: 'FontAwesome'; font-weight: bold;}
@media (max-width: 768px){
    #fewo-liste  .fewo_image {overflow: hidden;}
}

/* Kartenliste */
.fewo-map-liste {overflow: scroll; max-height: 1000px;}
.beratung figure {width: 130px; bottom: -110px; right: 10px;}
.beratung, .list_ausst {border: solid 4px #3D5C72; background-color: #fff;}
.beratung figure img {border-radius: 80px;}
.beratung .kontaktformular {border: 2px solid #3D5C72;}
.kartensuche .listenfilter h5 {color: #fff;}
/*
.kartensuche .listenfilter input, .kartensuche .listenfilter select {line-height: 30px; height: 30px;}
.kartensuche .listenfilter .list_ausst {padding: 4px;}
.kartensuche .listenfilter .list_ausst label {vertical-align: bottom; margin-left: 5px;}
.kartensuche .listenfilter .list_ausst label:before {cursor: pointer; width: 16px; height: 16px; left: -2px; top: 8px; position: absolute; content: ''; z-index: 2; border: 1px solid #3D5C72; background-color: #fff;}
*/
.kartensuche #fewo-liste .fewo-item .fewo-titel span {font-weight: bold; text-transform: uppercase; font-size: 24px;}
.kartensuche #fewo-liste .fewo-item .fewo-btndetail { text-transform: uppercase; background-color: #f4a479 ; color: #fff; font-weight: bold; font-size: 24px;padding: 5px 20px; border-radius: 0px;}
.kartensuche #fewo-liste .fewo-item .fewo-btndetail a {color: #fff;}
.kartensuche #fewo-liste .fewo-item .fewo-preisab .big {color: #f4a479 ; font-size: 26px; font-weight: bold;}
.kartensuche #fewo-liste .fewo-item .fewo-preisab .nebenkosten {color: #f4a479 ; font-size: 16px;}
.kartensuche #fewo-liste .fewo-item .border-bottom {border-bottom: solid #f4a479  2px!important;}
.kartensuche #fewo-liste .fewo-item .border-top {border-top: solid #f4a479  2px!important;}
.kartensuche #fewo-liste .fewo-item .fewo-btnmerken.merkenadd:before {content: "\f004"; font-family: 'FontAwesome'; font-size: 28px; color: #E8E8E8; cursor: pointer; position: absolute; top: 20px; right: 20px; display: inline-block;}
.kartensuche #fewo-liste .fewo-item .fewo-btnmerken.merkendelete:before {content: "\f004"; font-family: 'FontAwesome'; font-size: 28px; color: #ff7000; cursor: pointer; position: absolute; top: 20px; right: 20px; display: inline-block;}
.kartensuche #fewo-liste  .btn-success {position: static;}
.leaflet-popup-content .fewo-btndetail {margin: 10px; background-color: #f4a479 ; border-radius: 0px;}
.leaflet-popup-content .fewo-btndetail a{color: #fff;}
.mark, mark {display: inline-block; background-color: #6c757d;}
.mapObjekt.mark {border: 1px solid #000;}
.mapObjekt.active {background-color: inherit; border: 1px solid #000;}
.leaflet-popup-content-wrapper {display: inline-block; width: 240px}
.leaflet-popup-content-wrapper .title {display: none;}
.leaflet-popup-content-wrapper .btn.btn-success.btn-sm.fewo-btndetail {margin: 10px 0px!important; padding: 5px 0px; width: 100%;}
#objGesMapContainer {width: 50%; float: right;}
#objGesMapContainer .mapHintContainer {height: calc(100vh - 250px);}
@media (max-width: 768px){
    .kartensuche {display: none;}
}

.zeilesumme.kurtaxe {float: right;}
/* Listenfilter */
.kriterien_block .label {display: none;}
.kriterien_block .form-inputs {margin-bottom: 5px;}
#listenfilter .check_element label {font-size: 15px; margin-left: 5px;}
.listen_filter .check_element {display: inline-block; width: 100%;}
.listen_filter .checkInput {float: left; width: 15px; margin-top: 5px;}
.listen_filter .check_element label {float: left; width: calc(100% - 30px);}

/* Preisrechner */
.fewo-preisrechner .fewo-btnbuchung {background-color: #f4a479 ; color: #fff; text-transform: uppercase; width: 100%; font-size: 25px; letter-spacing: 2px;}
.fewo-preisrechner select {text-align: center; text-align-last: center; height: 30px;}

/* detailseite */
.berwertung-infos .house_icon {text-align: center; margin: 0 0 30px;}
.fotos img {width: 100%; border: 1px solid #fff;}
.detail-bew-informations {font-size: 16px; margin-bottom: 8px;}
.fotos .col-8 img {border: 2px solid #fff;}
.detail_seite .sticky-top {top: 200px;}
.box-fix {position: fixed; right: 0px; top: 250px; z-index: 998; min-width: 250px;}
/*.slick-slider-nav-1 {display: none!important;}*/
.ausst-icon ul {list-style: none; padding-left: 0px;}
.ausst-icon ul li {float: left; width: 100px;}
.ausst-icon ul li img {width: 100%}

.ob_images img {width: 100%;}

.ob-images-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: 250px 155px;
    gap: 16px;
}

.ob-image {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    background: #f5f5f5;
}

.ob-image-main {
    grid-column: 1 / span 3;
    grid-row: 1 / span 2;
}

.ob-image-top {
    grid-column: 4 / span 3;
    grid-row: 1;
}

.ob-image-small:nth-of-type(3) {
    grid-column: 4 / span 1;
    grid-row: 2;
}

.ob-image-small:nth-of-type(4) {
    grid-column: 5 / span 1;
    grid-row: 2;
}

.ob-image-small:nth-of-type(5) {
    grid-column: 6 / span 1;
    grid-row: 2;
}

.ob-image img,
.ob-image picture {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

/* Falls deine Component noch Wrapper um das Bild ausgibt */
.ob-image > * {
    width: 100%;
    height: 100%;
}

.ob-image-add::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 1;
}

.ob-plus-button {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.ob-plus-button span {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.95);
    position: relative;
}

.ob-plus-button span::before,
.ob-plus-button span::after {
    content: "";
    position: absolute;
    background: #111;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ob-plus-button span::before {
    width: 26px;
    height: 3px;
}

.ob-plus-button span::after {
    width: 3px;
    height: 26px;
}

@media (max-width: 991.98px) {
    .ob-images-grid {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 360px 220px 150px;
        gap: 14px;
    }

    .ob-image-main {
        grid-column: 1 / span 3;
        grid-row: 1;
    }

    .ob-image-top {
        grid-column: 1 / span 3;
        grid-row: 2;
    }

    .ob-image-small:nth-of-type(3) {
        grid-column: 1;
        grid-row: 3;
    }

    .ob-image-small:nth-of-type(4) {
        grid-column: 2;
        grid-row: 3;
    }

    .ob-image-small:nth-of-type(5) {
        grid-column: 3;
        grid-row: 3;
    }
}

@media (max-width: 575.98px) {
    .ob-images-grid {
        grid-template-rows: 260px 180px 95px;
        gap: 10px;
    }

    .ob-image {
        border-radius: 10px;
    }

    .ob-plus-button span {
        width: 42px;
        height: 42px;
    }

    .ob-plus-button span::before {
        width: 20px;
        height: 2px;
    }

    .ob-plus-button span::after {
        width: 2px;
        height: 20px;
    }
}

@media (max-width: 1650px){
    .box-fix {position: initial; margin-top: 60px; margin-bottom: 54px; max-width: 100%;}
    .box-fix .beratung {display: none!important;}
}

.detail_seite .ausstattung {
        padding: 0 0 4px !important;
    }

    .detail_seite .ausstattung .head h1 {
        margin: 0 0 24px !important;
        padding: 0 !important;
        font-size: 34px !important;
        text-align: center;
        color: #3D5C72 !important;
    }

    .detail_seite .ausstattung .fewo-ausst-title {
        color: #3D5C72 !important;
        border-bottom: 1px solid #3d5c7238 !important;
        padding: 0 0 8px !important;
        margin-bottom: 10px !important;
    }

    .detail_seite .ausstattung .fewo-ausst-group {
        padding: 16px !important;
        border: 1px solid #3d5c7238;
        border-radius: 22px;
        margin: 0 10px 18px 0;
        width: calc(33.333% - 14px) !important;
        background: #fff !important;
        box-shadow: 0 6px 18px rgba(61, 92, 114, .05);
    }

    .detail_seite .ausstattung ul li {
        color: var(--detail-text) !important;
    }

/* Objekt Textsuche Schnellsuche */
.search_container {position: fixed; top: 20px; z-index: 99999; left: -285px; transition: 0.2s}
.search_container.open {left: 0px !important;}
.search_container.closed {left: -285px;}
.search_container .innersearch {position: relative;}
.search_container .search_icon  {position: fixed; left: 0px; top: 20px; cursor: pointer;transition: 0.2s;}
.search_container .search_icon.open {left: 185px !important;}
.search_container .search_icon i{font-size: 28px; color: #fff; background-color: #f4a479 ; padding: 10px 40px 10px 15px; display: block; width: 28px;}
.search_container .inner_module {height: 48px; background-color: #f4a479 ; padding: 10px;}
.search_container .inner_module #ctrl_fewo_suche {width: 180px; height: 32px; padding-left: 10px; color: #999; font-size: 16px; line-height: 32px; background-color: #FFFFFF; border: 0px; float: left;}
.search_container .inner_module .submit {width: 85px;height: 32px; background-color: #ccc; color: #000; font-size: 14px; font-weight: normal;}
.textsuche .prompt {height: 30px;}
.ui.search>.results {left: 0px!important;}
.ui.category.search>.results .category  {font-size: 12px!important;  padding: 0px!important;}
.ui.category.search .results {overflow:scroll; height: 280px;}
.ui.category.search>.results .category .results {width: 100%; height: 100%; overflow: hidden;}

.kontakt_container {position: fixed; top: 80px; z-index: 1001; left: -450px; transition: 0.2s; font-size: 18px; width: 375px; letter-spacing: 1.0px!important;}
.kontakt_container.open {left: 0px !important;}
.kontakt_container.closed {left: -450;}
.kontakt_container .innersearch {position: relative;}
.kontakt_container .innersearch span {font-size: 22px; letter-spacing: 1.2px!important;}
.kontakt_container .tel_icon  {position: fixed; left: 0px; top: 80px; cursor: pointer;transition: 0.2s; z-index: 50;}
.kontakt_container .tel_icon.open {left: 319px !important;}
.kontakt_container .tel_icon i{font-size: 28px; color: #fff; background-color: #f4a479 ; padding: 10px 40px 10px 15px; display: block; width: 28px;}
.kontakt_container .inner_module {height: 48px; background-color: #f4a479 ; padding: 10px;}

/* neue Hausliste */
.hausliste #fewo-hausliste .fewo_beschreibung {text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;}
.hausliste #fewo-liste #fewo-hausliste .btn-success {position: absolute; bottom: 0; right: 16px;}
.hausliste #fewo-hausliste .h1 {font-size: 40px;}

@media(max-width: 991px) {.hausliste #fewo-hausliste .fewo-address, .hausliste #fewo-hausliste .fewo-objekte {width: calc(100% - 140px);}}

/* Chat Bot*/
.not_allowed_container {position: fixed; right: 12px; bottom: 70px; width: 275px; overflow-y: auto; overflow-x: hidden; background-color: white; border-radius: 16px; box-shadow: rgba(0, 18, 46, 0.16) 0px 8px 18px 0px; transition: 0.3s all; height: 400px; z-index: 999;}
.not_allowed_container.closeMenu {width: 55px; background-color: #f4a479 ; height: 48px; color: white; right: 0; border-radius: 0; box-shadow: none;}
.not_allowed_container.closeMenu i {font-size: 28px;}
.menu_header {padding: 24px; background: #f4a479 ; color: white; position: relative; z-index: 4; flex: 0 0 auto;}
.menu_header svg {position: absolute; width: calc(100% + 10px); bottom: -6px; left: -4px;}
.menu_content {padding: 16px 24px;}
.menu_small {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.menu_text {font-size: 16px;}
.menu_flex_content {display: flex; flex-direction: row; align-items: flex-start;}
.no-select {user-select: none; -webkit-user-drag: none;}
.cursor-pointer {cursor: pointer;}
.not_allowed_container button {background-color: #3D5C72; color: white; border: none; border-radius: 16px; cursor: pointer; padding: 4px; transition: 0.3s all;}
.not_allowed_container button:hover {background-color: #6a8a9b; transition: 0.3s all;}
.not_allowed_container button:disabled, .not_allowed_container button:disabled:hover {cursor: not-allowed; background-color: #3D5C72b0; transform: scale(1)!important}
.not_allowed_container .between {display: flex; justify-content: space-between; align-items: center;}
.not_allowed_container button:focus {outline: none!important;}
.not_allowed_container button:active {transform: scale(0.95);}

.not_allowed_container::-webkit-scrollbar {width: 6px;}
.not_allowed_container::-webkit-scrollbar-thumb {background-color: #3D5C72; border-radius: 10px;}
.not_allowed_container::-webkit-scrollbar-track {background-color: transparent;}


.checkbox-wrapper-43 input[type="checkbox"] {display: none;visibility: hidden;}
.checkbox-wrapper-43 label {display: inline-block;}
.checkbox-wrapper-43 .check {cursor: pointer; position: relative; margin: auto; width: 18px; height: 18px; -webkit-tap-highlight-color: transparent; transform: translate3d(0, 0, 0);}
.checkbox-wrapper-43 .check:before {content: ""; position: absolute; top: -5px; left: -7px; width: 32px; height: 32px; border-radius: 50%; background: rgba(61, 165, 213, 0.18); opacity: 0; transition: opacity 0.2s ease;}
.checkbox-wrapper-43 .check svg {position: relative; z-index: 1; fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: #3D5C72; stroke-width: 1.5; transform: translate3d(0, 0, 0); transition: all 0.2s ease;}
.checkbox-wrapper-43 .check svg path {stroke-dasharray: 60; stroke-dashoffset: 0;}
.checkbox-wrapper-43 .check svg polyline {stroke-dasharray: 22; stroke-dashoffset: 66;}
.checkbox-wrapper-43 .check:hover:before {opacity: 1;}
.checkbox-wrapper-43 .check:hover svg {stroke: #5fb5e3;}
.checkbox-wrapper-43 input[type="checkbox"]:checked + .check svg {stroke: #3D5C72;}
.checkbox-wrapper-43 input[type="checkbox"]:checked + .check svg path {stroke-dashoffset: 60; transition: all 0.3s linear;}
.checkbox-wrapper-43 input[type="checkbox"]:checked + .check svg polyline {stroke-dashoffset: 42; transition: all 0.2s linear; transition-delay: 0.15s;}

#BelPlan {border: 1px solid #d4dbe0; border-radius: 8px; padding: 8px;}

/* ENDE ERNEUERUNG DER HP________________________________________________________________________________________________________ */

/* ERNEUERUNG DER dETAILSEITE_____________________________________________________________________________________________________*/
#anchor_buc .preis_uebersicht {margin-top: 0;}
#anchor_buc .color1.bigHeadline {font-weight: 700; line-height: 1.20; padding: 20px 0 10px 0; text-align: center; font-size: 18px; text-transform: uppercase; color: #135a79; letter-spacing: .25em;}
#anchor_buc .imgBuchen {text-align: center; width: 100%;}
#anchor_buc .buchenh1 {font-size: 35px; letter-spacing: 0; margin: 10px 0 15px 0; color: #135a79; text-align: center; padding-bottom: 30px;}
.payment_container label > div {width: 106px!important; height: 75px!important;}
/* ENDE ERNEUERUNG DER dETAILSEITE_________________________________________________________________________________________________*/

#obj_beschreibung p, #obj_beschreibung font, body {font-family: 'Roboto-Condensed' !important;}



/*Basic Settings*/
body, html {
    width: 100%;
    height: 100%;
}

body {
    font-family: 'Roboto-Condensed'!important;
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: 1.5px;
}

hr {
    max-width: 50px;
    border-width: 3px;
    border-color: #7f8a93;
}

hr.light {
    border-color: #fff;
}

a {
    color: #3D5C72;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

a:hover {
    color: #02669d;
    text-decoration: none;
}

textarea {
    max-width: 100%;
    border: none;
    padding: 10px;
}

.row {
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
    font-weight: 700
}

input[type="text"]::-ms-clear {
    display: none;
}

/*h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; }*/


.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #f5e9dd;
    border-color: #f5e9dd;
}

.btn-success.focus, .btn-success:focus {
    box-shadow: none!important;
}

/*BG-Farben*/
.bcolor1 {
    background-color: #3D5C72;
}

.bcolor2 {
    background-color: #135a79;
}

.bcolor3 {
    background-color: #f4a479 ;
}

.bcolor4 {
    background-color: #f5e9dd;
}

.bcolor5 {
    background-color: #dce7ed;
}

.bcolor6 {
    background-color: #f5a276;
}

.bcolor7 {
    background-color: #dce7ed;
}

/* color classes */
.color1, .color1 a {
    color: #3D5C72;
}

.color2 {
    color: #135a79;
}

.color3 {
    color: #f4a479 !important;
}

.color4 {
    color: #f5e9dd;
}

.color5 {
    color: #fff;
}

.color6 {
    color: #02669d;
}

.color7 {
    color: #666;
}

/* Typo Styles */
.upper {
    text-transform: uppercase;
}

.small {
    font-size: 12px;
}

.bold {
    font-weight: 700;
}

/* Paddings */
.padding-lr-40 {
    padding-left: 40px;
    padding-right: 40px;
}

/* Headlines */
.smHeadline {
    font-size: 18px;
    letter-spacing: .25em;
    margin: 0;
    padding: 0 0 20px;
    text-transform: uppercase;
    font-weight: 700;
}

.bigHeadline {
    font-size: 60px;
    margin: 0;
    word-break: break-word;
}

.subHeadline {
    font-size: 30px;
    margin: 0;
    padding: 0 0 15px 0;
}

/* Navigation */
#mainNav {
    background-color: rgba(255, 255, 255, 1.0) !important;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

#mainNav .navbar-brand {
    font-weight: 700;
    text-transform: uppercase;
    color: #f4f4f4;
}

#mainNav .navbar-brand:focus,
#mainNav .navbar-brand:hover {
    color: #f4f4f4;
}

.nav-link {font-size: 15px!important;}

#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: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #3D5C72;
}

/*#mainNav .navbar-nav > li.nav-item > a:hover,
#mainNav .navbar-nav > li.nav-item > a:focus:hover {
    color: #f4f4f4;
}*/

#mainNav .navbar-nav > li.nav-item > a.active,
#mainNav .navbar-nav > li.nav-item > a:focus.active {
    color: #135a79 !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 .navbar-nav .active {
    color: #135a79 !important;
}

.navbar-nav .dropdown-menu {
    background-color: #f4f4f4;
    top: calc(100% - 2px);
}

.navbar-nav .dropdown-menu .nav-item a:hover {
    color: #3D5C72;
    background-color: #fff;
}

.navbar-nav .dropdown-menu .nav-item a {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    font-size: 18px;
    color: #135a79;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    text-decoration: none;
}

.navbar-nav {
    margin-bottom: 20px;
}

.navbar-nav .showWhenMobile {
    display: none !important;
}

@media (max-width: 1199px) {
    .navbar-nav .showWhenMobile {
        display: block !important;
    }
}

.navbar-nav .showWhenBigScreen {
    display: none !important;
}

@media (min-width: 1200px) {
    .navbar-nav .showWhenBigScreen {
        display: block !important;
    }
}

#mainNav .dropdown-toggle::after {
    content: "\f107";
    font-family: 'FontAwesome';
    position: absolute;
    top: 2px;
    right: 15px;
    font-weight: 400;
    line-height: 40px;
    font-size: 20px;
    border: 0px;
}

@media (min-width: 1200px) {
    #mainNav {
        border-color: transparent;
        background-color: transparent;
    }

    #mainNav .navbar-brand {
        color: rgba(0, 0, 0, 0.7);
    }

    #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
        color: #f4f4f4;
    }

    #mainNav .navbar-nav > li.nav-item > a {
        padding: 0.5rem 1rem;
    }

    #mainNav .navbar-nav > li.nav-item > a:hover, #mainNav .navbar-nav > li.nav-item > a:focus:hover {
        color: #135a79;
    }

    #mainNav.navbar-shrink {
        border-bottom: 1px solid rgba(33, 37, 41, 0.1);
        background-color: #fff;
    }

    #mainNav.navbar-shrink .navbar-brand {
        color: #f4f4f4;
    }

    #mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover {
        color: #f4f4f4;
    }

    #mainNav.navbar-shrink .navbar-nav > li.nav-item > a, #mainNav.navbar-shrink .navbar-nav > li.nav-item > a:focus {
        color: #3D5C72;
    }

    #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 > .dropdown-menu {
        display: block;
        opacity: 1;
    }

    .navbar-nav {
        margin-bottom: 0px;
    }
}

@media (max-width: 1200px) {
    #mainNav .dropdown-toggle::after {
        right: unset;
    }

    .collapse.show {
        display: inline-block !important;
    }

    .collapsing {
        display: inline-block;
    }

    .header_img
    {
    width: 120px;
    margin-left: 85px;
    }
    
    .page_header_mobile_logo {
    width: 120px!important;
}
}

@media (max-width: 1319px) {

    #mainNav .container {
        position: relative;
    }

    #mainNav .navbar-toggler {
        position: absolute;
        left: 20px;
        top: 10px;
    }

    #mainNav .float-menu {
        width: 100%;
        text-align: left;
    }
    
    .btn-nav {
        right: 0px;
    }

}

.clear-left {
    clear: left;
}

.overlay_icon {
    height: 70px;
    width: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.11);
    transition: border-color .20s ease-in-out;
    -webkit-transition: border-color .20s ease-in-out;
    -moz-transition: border-color .20s ease-in-out;
}

.overlay_icon:hover {
    border-color: #FFF;
    transition: border-color .20s ease-in-out;
    -webkit-transition: border-color .20s ease-in-out;
    -moz-transition: border-color .20s ease-in-out;
}

.overlay_icon i {
    text-align: center;
    position: absolute;
    top: 38%;
    left: 38%;
    color: #FFF;
}

/* Icons */
.moewen_icon {
    text-align: center;
}

.moewen_icon img {
    width: 100px;
}

/* Header */
.header-info i:hover {
    text-decoration: none;
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    color: #ffffff;
}

.header-info i {
    font-size: 20px;
    color: #D3E0E7;
}

.page_header_mobile {
    position: fixed;
    width: 100%;
    z-index: 1100;
    webkit-box-shadow: 0 2px 14px rgba(100, 100, 100, 0.1), 0 2px 2px rgba(100, 100, 100, 0.1);
    box-shadow: 0 2px 14px rgba(100, 100, 100, 0.1), 0 2px 2px rgba(100, 100, 100, 0.1);
}

.page_header_mobile_logo {
    width: 50%;
}

@media (max-width: 1199px) {
    .header-info .headerIcons {
        width: 100%;
        display: flex;
    }
}

@media (max-width: 991px) {
    .header-info .text-right {
        text-align: left !important;
        padding: 0 0 0 15px !important;
    }
}

@media (max-width: 767px) {
    .header-info .verticalPos {
        padding: 0 !important;
    }
}

@media (max-width: 1199px) {
    .header-info .verticalPos,
    .header-info .text-right {
        padding: 15px 0;
    }
}

@media (max-width: 450px) {
    .header-info span {
        font-size: 16px;
    }

    .header-info .no-padding {
        padding: 0 !important;
    }
}

.header-info .textsuche {
    display: inline-block;
}

.header-info .textsuche .message .header {
    display: none;
}

.header-info .textsuche input {
    width: 100%;
    height: 30px;
    border: none !important;
    margin-top: 7px !important;
    padding: 0 10px !important;
}

@media (max-width: 767px) {
    .header-info .textsuche input {
        margin-bottom: 15px !important;
    }

    .header-info .textsuche {
        width: 100%;
    }

    .header-info .textsuche .results {
        width: 100% !important;
        left: 0;
    }
}

.header-info .textsuche input:focus {
    border: none;
}

.full-width {width: 100%;}


/* Content */
/* .startseite .home_header {
    background-image: url(/storage/app/media/startseite/home-header-duenestrand.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0;
    width: 100%;
    background-attachment: scroll;
    min-height: 500px;
} */

.newObjectsList .obj-info {font-weight: 100!important;}

.newObjektTitle {
    color: #212529;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 22px;

}

.startseite .home_header .home_container {
    text-align: center;
    padding: 30px 0 30px;
}

.startseite .home_header .home_container .small_headline {
    color: #f4a479 ;
    font-size: 18px;
    letter-spacing: .25em;
    margin: 0 0 10px 0;
    padding: 35px 0 0 0;
    text-transform: uppercase;
    font-weight: 700;
}

.startseite .home_header .home_container .bigger_headline {
    font-weight: 700;
    font-size: 60px;
    padding: 0 0 50px 0;
    color: #135a79;
    text-transform: uppercase;
    line-height: 1.20;
    margin: 10px 0 10px 0;
    width: 500px;
    margin: 0 auto;
    text-shadow: 2px 5px 5px #3D5C72, 1px 3px 2px #3D5C72;
}

@media (max-width: 846px) {
    .startseite .home_header .home_container .bigger_headline {
        font-size: 40px;
    }
}

@media (max-width: 500px) {
.startseite .home_header .home_container .bigger_headline{
     width: 100%;}
}

.startseite .home_header .home_container .welcome_text {
    font-size: 18px;
    line-height: 1.45;
    color: #666;
    margin: 0;
    padding: 0 0 65px 0;
}

.startseite .home_header .home_container .scroll_btn {
    margin-bottom: 50px;
}

.startseite .home_header .home_container .scroll_btn a {
    width: 80px;
    height: 80px;
    display: block;
    margin: 0 auto;
    position: relative;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: transparent;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.5);
    color: #373737;
}

.startseite .home_header .home_container .scroll_btn a:before {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f107";
    width: 30px;
    height: 24px;
    font-size: 25px;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -15px;
    line-height: 1;
}

.startseite .home_header .home_container .scroll_btn a:hover {
    text-decoration: none;
    background-color: white;
    cursor: pointer;
}

.startseite .objekt_suche .home_suche {
    background-color: #135a79;
}

@media (max-width: 559px) {
    .startseite .objekt_suche .home_suche {
        padding: 20px;
    }
}

.startseite .objekt_suche .home_suche form div .col-md-2 {
    margin-top: 10px;
}

.startseite .objekt_suche .home_suche form div .no-margin {
    margin-top: 0;
    padding-right: 0;
}

@media (max-width: 559px) {
    .startseite .objekt_suche .home_suche form div .no-margin {
        padding-right: 15px;
    }
}

.mobileTextSuche {display: none;}
@media (max-width: 1199px) {
    .mobileTextSuche {display: block;}
    .objektsuche-div {display: none!important;}
    .startseite .mobile-margin {
        margin-left: 0;
    }

    .startseite .no-margin {
        margin-left: 130px;
    }
}

@media (max-width: 991px) {
    .startseite .no-margin {
        margin-left: 8.333333%;
    }
}

@media (max-width: 767px) {
    .startseite .objekt_suche .home_suche form .submit_container button {
        width: 165px !important;
    }

}

@media (max-width: 574px) {
    .startseite .no-margin {
        margin-left: 0;
    }

    .startseite .objekt_suche .home_suche form .submit_container button {
        width: 100% !important;
        height: 40px !important;
        margin-top: 20px !important;
    }
}

.startseite .objekt_suche .home_suche form div .submit_container {
    margin-top: 0;
}

.startseite .objekt_suche .home_suche form div .label {
    display: block;
    margin: 0;
    color: #3D5C72;
    font-weight: 700;
    margin: 0.5em 0 0 0;
    text-transform: uppercase;
    font-size: 15px;
}

.startseite .objekt_suche .home_suche form input, .startseite .objekt_suche .home_suche form select {
    border: none !important;
    height: 40px;
    padding: 0 5px;
    width: 100%;
    color: #135a79;
    text-align: center;
    font-size: 1.0em;
    font-weight: bold;
    text-align-last: center;
    text-transform: uppercase;
}
.startseite .objekt_suche .home_suche form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #135a79;
  opacity: 1; /* Firefox */
}

.startseite .objekt_suche .home_suche form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #135a79;
}

.startseite .objekt_suche .home_suche form input::-ms-input-placeholder { /* Microsoft Edge */
  color: #135a79;
}

.startseite .objekt_suche .home_suche form .submit_container button {
    border-radius: 0 !important;
    height: 40px;
    background-color: #f4a479 ;
    box-shadow: none;
    text-transform: uppercase;
    line-height: 1.2;
    width: 100%;
    text-shadow: none;
    letter-spacing: 2px;
}

.innersearch:focus {
  outline: 2px solid black;
  outline-offset: 2px;
}

.btn-secondary:focus {
  outline: 2px solid black;
  outline-offset: 2px;
}

.btn:focus {
  outline: 2px solid black;
  outline-offset: 2px;
}


.startseite .objekt_suche .home_suche form .submit_container button:focus {
    background-color: #f4a479 ;
    outline: 2px solid black;
    outline-offset: 2px;
}

.startseite .angebote .row {
    margin: 0 -10px;
}

.ang-angebote {    border: 1px solid #3d5c7238;
    border-radius: 16px;
    width: fit-content;
    padding: 14px;
    box-shadow: 0 6px 18px rgba(61, 92, 114, .05);}

    .ang-titel  {border-bottom: 1px solid #3d5c7238; margin-bottom: 8px;}

.ang-gutter {
    display: flex;
    gap: 16px;
}

@media (max-width: 767px) {
    .startseite .angebote .fewo-item {
        margin-bottom: 40px;
    }
    .home_suche .objektsuche .row div {width: 33%;}
    .startseite .objekt_suche .home_suche .submit_container {width: 100%;} 
    .startseite .objekt_suche .home_suche form .form-days, .startseite .objekt_suche .home_suche form .form-ort {padding-right: 0px!important;}
}
@media (max-width: 450px) {
    .home_suche .objektsuche .row div {width: 100%; padding-right: 0px!important;}
}


.startseite .angebote .fewo-container {
    padding-bottom: 80px;
}

.startseite .angebote .fewo-container h2, .new-header h2 {
    font-size: 18px!important;
    letter-spacing: .25em;
    margin: 30px 0 10px 0;
    padding: 0;
    padding: 15px 0 15px;
    text-transform: uppercase;
    font-weight: 700;
    color: #3D5C72;
    text-align: center;
}

.startseite .angebote .fewo-container .col-md-4 {
    padding: 0 10px;
}

.startseite .angebote .fewo-container img {
    width: 100%;
}

.startseite .angebote .fewo-container .btn {
    background: none;
    padding: 0;
    text-shadow: none;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
}

.startseite .angebote .fewo-container .btn a {
    color: #f4a479  !important;
}

.startseite .angebote .fewo-container .btn a:hover {
    color: #02669d !important;
}

.startseite .angebote .fewo-container .fewo-item div:first-child {
    color: #135a79;
    line-height: 1.20;
    padding: 0;
    font-weight: 700;
    font-size: 20px;
    margin-top: 0px;
    text-transform: uppercase;
}

.startseite .banner {
    background-image: url(/themes/buenning/assets/bilder/reichdernatur_dark.webp);
    background-repeat: no-repeat;
    background-position: 50% 0;
    width: 100%;
    background-attachment: scroll;
    position: relative;
    padding: 40px 0
}

.startseite .banner .row {
    padding-bottom: 130px;
}

.startseite .banner .logo_anker {
    position: absolute;
    width: 200px;
    left: 50%;
    transform: translateX(-50%);
    top: -33px;
}

.startseite .banner .small_headline {
    color: #3D5C72;
    font-size: 18px;
    letter-spacing: .25em;
    margin: 0 0 10px 0;
    padding: 40px 0 0 0;
    text-transform: uppercase;
    font-weight: 700;
}

.startseite .banner .bigger_headline {
    color: #135a79;
    font-weight: 700;
    font-size: 35px;
    text-transform: uppercase;
    padding: 20px 0 15px;
}

.startseite .banner .banner_text {
    font-size: 18px;
    color: #666;
    margin: 0;
    padding: 0 0 15px 0;
}

.startseite .banner .read_more {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    color: #f4a479  !important;
}

.startseite .banner .read_more:hover {
    text-decoration: none;
}

.startseite .housings .big_headline {
    font-size: 50px;
    padding: 40px 0 0;
    font-weight: 700;
    color: #3D5C72;
    text-transform: uppercase;
    text-align: center;
    word-break: break-word;
}

.startseite .housings .small_headline {
    font-size: 32px;
    font-weight: 600;
    color: #f4a479 ;
    text-align: center;
    padding-top: 80px;
}

@media (max-width: 430px) {
    .startseite .housings .big_headline {
        padding-top: 0;
    }
}

@media (max-width: 845px) {
    .startseite .housings .big_headline {
        font-size: 40px;
        padding-bottom: 20px;
    }
}

.startseite .housings .content h1 {
    color: #3D5C72;
    font-weight: 700;
    font-size: 35px;
    text-transform: uppercase;
    text-align: center;
    margin: 15px 0 20px;
}

.startseite .housings .content p {
    margin: 0;
    padding: 20px 0 15px 0;
    font-size: 18px;
    line-height: 1.6;
    text-align: center;
    color: #666;
}

.startseite .housings .content img {
    width: 100%;
}

.startseite .housings .content .look_link {
    text-align: center;
}

.startseite .housings .content a {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
    color: #3D5C72;
    text-align: center;
}

.startseite .housings .content a:hover {
    color: #02669d;
}

.startseite .infopost {
    text-align: center;
    background-color: #3D5C72;
    padding: 40px 0 50px;
    margin-top: 50px;
}

.startseite .infopost h2 {
    color: white;
    font-size: 18px;
    letter-spacing: .25em;
    margin: 0 0 10px 0;
    padding: 40px 0 0 0;
    text-transform: uppercase;
    font-weight: 700;
}

.startseite .infopost h1 {
    font-size: 35px;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
}

.startseite .infopost p {
    color: white;
    font-size: 18px;
    margin: 0;
    padding: 0 0 15px 0;
    text-transform: none;
}

.startseite .infopost a {
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #f4a479 ;
    border: 0;
    font-size: 16px;
    font-weight: 700;
    padding: 15px 30px;
    display: inline-block;
}

.startseite .infopost a:hover {
    box-shadow: rgba(28, 56, 72, 0.1) 0px 2px 2px, rgba(28, 56, 72, 0.1) 0px 4px 4px, rgba(28, 56, 72, 0.1) 0px 8px 8px, rgba(28, 56, 72, 0.1) 0px 16px 16px, rgba(28, 56, 72, 0.1) 0px 32px 32px, rgba(28, 56, 72, 0.1) 0px 64px 64px;
    background-color: #f5a276;
}

.rundgang_slide .content {
    width: 95%;
    margin: 0 auto;
    max-width: 1920px;
}

.rundgang_slide .small_headline {
    color: #3D5C72;
    font-size: 18px;
    letter-spacing: .25em;
    margin: 0 0 10px 0;
    padding: 40px 0 0 0;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
}

.rundgang_slide .img_item {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

@media (max-width: 844px) {
    .rundgang_slide .img_item {
        margin-bottom: 20px;
    }
}

.rundgang_slide .img_item img {
    width: 100%;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.rundgang_slide .img_item .overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 100;
    opacity: 0;
    transition: opacity .20s ease-in-out;
    -webkit-transition: opacity .20s ease-in-out;
    -moz-transition: opacity .20s ease-in-out;
}

.rundgang_slide .img_item .overlay:hover {
    background-color: rgba(2, 102, 157, 0.7);
    opacity: 100;
    transition: opacity .20s ease-in-out;
    -webkit-transition: opacity .20s ease-in-out;
    -moz-transition: opacity .20s ease-in-out;
}

.rundgang_slide .carousel-inner {
    padding-bottom: 80px;
}

.rundgang_slide .hover:hover .carousel-caption {
    box-shadow: rgba(28, 56, 72, 0.1) 0px 2px 2px, rgba(28, 56, 72, 0.1) 0px 4px 4px, rgba(28, 56, 72, 0.1) 0px 8px 8px, rgba(28, 56, 72, 0.1) 0px 16px 16px;
}

.rundgang_slide .carousel-caption {
    position: relative;
    color: black;
    padding-bottom: 10px !important;
    left: 0;
    right: 0;
    box-shadow: none;
    transition: box-shadow .2s ease-in-out;
}

.rundgang_slide li {
    background-color: #3D5C72;
}

.rundgang_slide .carousel-indicators {
    bottom: 45px;
}

.rundgang_slide .carousel-indicators .active {
    border-color: #02669d;
}

.rundgang_slide .carousel-indicators li {
    height: 14px;
    width: 14px;
    margin: 0 5px;
    border-radius: 50%;
    background-color: #fff;
    border-width: 2px;
    border-style: solid;
    border-color: #08a7fd;
}

.rundgang_slide .carousel-indicators li:hover {
    background-color: #08a7fd;
    border-color: #08a7fd;
}

.rundgang_slide .carousel-caption h5 {
    padding: 15px 0 0;
    color: #3D5C72;
    font-size: 20px;
    line-height: 1.3;
    text-decoration: none;
}

.rundgang_slide .carousel-caption {
    padding-bottom: 0;
}

.rundgang_slide .carousel-caption p {
    font-size: 13px;
    padding: 0 15px;
    line-height: 1.3;
    color: #3D5C72;
}

.startseite .kontakt .map {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 78%;
    width: 100%;
}

/* .startseite .kontakt .map img {
    display: none;
}
 */
.startseite .kontakt .content {
    padding-bottom: 100px;
    margin-top: 100px;
}

@media (max-width: 767px) {
    .startseite .kontakt .map img {
        display: block;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .startseite .kontakt .content {
        padding: 30px;
    }

    .startseite .kontakt .content {
        margin-top: 0;
    }
}

.startseite .kontakt a {
    color: #3D5C72;
    text-decoration: none;
}

.startseite .kontakt h2 {
    font-size: 18px;
    letter-spacing: .25em;
    margin: 30px 0 30px 0;
    padding: 15px 0 0 0;
    text-transform: uppercase;
    font-weight: 700;
    color: #135a79;
}

.startseite .kontakt h1 {
    font-weight: 700;
    font-size: 25px;
    text-transform: uppercase;
    line-height: 1.20;
    padding: 0;
    margin: 20px 0 15px 0;
}

.startseite .kontakt p {
    font-size: 18px;
    color: #666;
    margin: 0;
    padding: 0 0 15px 0;
}

.startseite .kontakt .infotext {
    color: #135a79;
    font-size: 18px;
    margin: 0;
    padding: 0 0 15px 0;
    font-weight: 400;
    line-height: 1.6;
}

.startseite .kontakt .headline {
    font-weight: 700;
}

.startseite .kontakt .padding {
    padding: 10px 0;
}

.footer .black_section {
    background-color: #1d1d1d;
    color: white;
}

.footer {
    clear: left;
}

.footer h2 {
    font-size: 16px;
    color: #fff;
    margin: 10px 0;
    padding-bottom: 5px;
    border-bottom: 0;
    text-transform: uppercase;
    font-weight: 500;
}

.footer .social_icons {
    list-style: none;
    text-align: center;
    padding: 0;
    margin: 60px 0 35px;
}

.footer .social_icons li {
    display: inline;
    padding: 0 18px;
    font-size: 25px;
    position: relative;
    margin: 0 10px;
}

.footer .social_icons li:last-child {
    margin-right: 30px;
}

.footer .social_icons li a {
    text-decoration: none;
}

.footer .social_icons i {
    color: #b9b9b9;
    font-size: 25px;
    transition: font-size .2s ease-in-out;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.footer .social_icons i:hover {
    color: #FFF;
    font-size: 30px;
    transition: font-size .2s ease-in-out;
}

.footer .menu {
    padding-top: 28px;
    padding-bottom: 28px;
}

.footer .menu h2 {
    font-size: 16px;
    color: #fff;
    margin: 10px 0;
    border-bottom: 0;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1.20;
    padding: 0;
}

.footer .menu ul {
    padding-left: 0;
    list-style: none;
}

.footer .menu ul li {
    padding-left: 0;
    transition: padding-left .2s ease-in-out;
    -webkit-transition: padding-left .2s ease-in-out;
    -moz-transition: padding-left .2s ease-in-out;
}

.footer .menu ul li:hover {
    padding-left: 10px;
    transition: padding-left .2s ease-in-out;
    -webkit-transition: padding-left .2s ease-in-out;
    -moz-transition: padding-left .2s ease-in-out;
}

.footer .menu ul li a {
    padding: 8px 0 8px 30px;
    text-decoration: none;
    text-transform: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    display: block;
    color: white;
    position: relative;
}

@media (min-width: 768px) {
    .footer .menu ul li a:before {
        font-family: "FontAwesome";
        content: "\f105";
        position: absolute;
        left: 0;
        top: 9px;
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .footer .menu h2 {
        text-align: center;
        color: #f4a479 ;
    }

    .footer .menu ul {
        padding: 0;
        text-align: center;
        list-style: none;
    }

    .footer .menu ul li a {
        padding: 0;
    }
}

.footer .white_section {
    text-align: center;
    padding: 36px 0;
    position: relative;
}

.footer .white_section .row {
    margin: 0;
}

.footer .white_section span {
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    margin: 0 20px 0 18px;
    padding: 2px 0;
    line-height: 1;
    border-bottom-color: transparent;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .footer .white_section span {
        display: block;
        margin: 20px 0;
    }
}

.footer .white_section span a {
    color: #2d2d2d;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
}

.footer .white_section span a:hover {
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    border-bottom-color: #2d2d2d;
}

.footer .to-top {
    color: #02669d;
    width: 60px;
    height: 60px;
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -30px;
    background-color: #ffffff;
    line-height: 60px;
    font-size: 24px;
    border-radius: 100%;
    cursor: pointer;
    text-align: center;
    z-index: 10;
    box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.2);
}

.footer .to-top:hover {
    cursor: pointer;
    box-shadow: rgba(28, 56, 72, 0.1) 0 2px 2px, rgba(28, 56, 72, 0.1) 0 4px 4px, rgba(28, 56, 72, 0.1) 0 8px 8px, rgba(28, 56, 72, 0.1) 0 16px 16px, rgba(28, 56, 72, 0.1) 0 32px 32px, rgba(28, 56, 72, 0.1) 0 64px 64px;
}

/* Suchen-Buchen Seite */
.sliderContainerInner  {
    padding-bottom: 70%;
    position: relative;
    overflow: hidden;
}

.sliderContainerInner img {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    height: 100%;
    object-fit: cover;
}

.suchen_buchen .top_headline {
    font-size: 60px;
    padding: 10px 0 10px 0;
    font-weight: 700;
    color: #3D5C72;
    text-transform: uppercase;
    line-height: 1.20;
}

@media (max-width: 550px) {
    .suchen_buchen .top_headline {
        font-size: 40px;
    }
}

@media (max-width: 500px) {
    .suchen_buchen .top_headline {

    }
}

@media (max-width: 450px) {
    .suchen_buchen .top_headline {
        font-size: 30px;
    }
}

.ferienwohnung-detail .control-pagination,
.ferienwohnungen .control-pagination,
.suchen_buchen .control-pagination {
    margin-bottom: 10px;
}

.ferienwohnung-detail .control-pagination button,
.ferienwohnungen .control-pagination button,
.newObjectsList .control-pagination button,
.suchen_buchen .control-pagination button {
    background-color: #f5e9dd;
    padding: 0 20px;
    line-height: 1.6;
    margin: 0 2px;
    border: none;
    float: left;
}

.ferienwohnung-detail .page-iteration,
.ferienwohnungen .page-iteration,
.suchen_buchen .page-iteration {
    margin-right: 4px;
    font-size: 13px;
    color: #000;
}




.ferienwohnung-detail .control-pagination button .pageLeft:before,
.ferienwohnungen .control-pagination button .pageLeft:before,
.newObjectsList .control-pagination button .pageLeft:before,
.suchen_buchen .control-pagination button .pageLeft:before {
    content: ">";
}

.ferienwohnung-detail .control-pagination button .pageLeftDouble:before,
.ferienwohnungen .control-pagination button .pageLeftDouble:before,
.suchen_buchen .control-pagination button .pageLeftDouble:before {
    content: ">>";
}

.ferienwohnung-detail .control-pagination button .pageRightDouble:before,
.ferienwohnungen .control-pagination button .pageRightDouble:before,
.suchen_buchen .control-pagination button .pageRightDouble:before {
    content: "<<";
}

.ferienwohnung-detail .control-pagination button .pageRight:before,
.ferienwohnungen .control-pagination button .pageRight:before,
.suchen_buchen .control-pagination button .pageRight:before {
    content: '<';
}

.ferienwohnung-detail .control-pagination button .pageRight:before,
.ferienwohnung-detail .control-pagination button .pageLeft:before,
.ferienwohnungen .control-pagination button .pageRight:before,
.ferienwohnungen .control-pagination button .pageLeft:before,
.suchen_buchen .control-pagination button .pageRight:before,
.suchen_buchen .control-pagination button .pageLeft:before {
    left: 14px;
}

.ferienwohnung-detail .control-pagination button .pageRightDouble:before,
.ferienwohnung-detail .control-pagination button .pageLeftDouble:before,
.ferienwohnungen .control-pagination button .pageRightDouble:before,
.ferienwohnungen .control-pagination button .pageLeftDouble:before,
.suchen_buchen .control-pagination button .pageRightDouble:before,
.suchen_buchen .control-pagination button .pageLeftDouble:before {
    left: 10px;
    letter-spacing: -4px;
}

.ferienwohnung-detail .control-pagination button .pageRightDpuble:before,
.ferienwohnung-detail .control-pagination button .pageRight:before,
.ferienwohnung-detail .control-pagination button .pageLeftDouble:before,
.ferienwohnung-detail .control-pagination button .pageLeft:before,
.ferienwohnungen .control-pagination button .pageRightDouble:before,
.ferienwohnungen .control-pagination button .pageRight:before,
.ferienwohnungen .control-pagination button .pageLeftDouble:before,
.ferienwohnungen .control-pagination button .pageLeft:before,
.suchen_buchen .control-pagination button .pageRightDouble:before,
.suchen_buchen .control-pagination button .pageRight:before,
.suchen_buchen .control-pagination button .pageLeftDouble:before,
.suchen_buchen .control-pagination button .pageLeft:before {
    font-family: monospace;
    font-size: 21px;
    position: absolute;
    top: -4px;
}

.ferienwohnung-detail .control-pagination .btn-page,
.ferienwohnungen .control-pagination .btn-page,
.suchen_buchen .control-pagination .btn-page {
    position: relative;
    height: 25px;
}

.ferienwohnung-detail .control-pagination .btn-secondary,
.ferienwohnungen .control-pagination .btn-secondary,
.newObjectsList .control-pagination .btn-secondary,
.suchen_buchen .control-pagination .btn-secondary {
    background-color: #f5a276;
}

.merkliste #fewo-liste .fewo-item,
.suchen_buchen #fewo-liste .fewo-item {
    padding: 10px;
    margin-bottom: 30px;
}

.mapObjekt, .listObjekt, .angebotdetail .fewo-item {
    display: content;
}

.angebotdetail .fewo-image {
    float: left;
    margin-right: 20px;
}
.angebotdetail #fewo-liste article {
    padding: 10px 10px 20px !important;
    display: inline-block;
    width: 100%;
}
.angebotdetail .ang-title {
    color: #135a79;
    line-height: 1.20;
    padding: 0;
    font-weight: 700;
    font-size: 20px;
    margin-top: 0;
    text-transform: uppercase;
}
.angebotdetail .fewo-btndetail {margin-left: 10px;}

.merkliste #fewo-liste .fewo-titel a,
.suchen_buchen #fewo-liste .fewo-titel a {
    color: #212529;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 22px;
    text-decoration: none;
}

.merkliste #fewo-liste .fewo-titel a:hover,
.suchen_buchen #fewo-liste .fewo-titel a:hover {
    color: #02669d;
}

.merkliste #fewo-liste .fewo_list_image,
.suchen_buchen #fewo-liste .fewo_list_image {
    padding-top: 20px;
}

.merkliste #fewo-liste .fewo_listimage,
.haus_detail #fewo-liste .fewo_listimage,
.suchen_buchen #fewo-liste .fewo_listimage {
    width: 100%;
}

.merkliste #fewo-liste .short_list,
.suchen_buchen #fewo-liste .short_list {
    list-style: none;
    padding: 0;
}

.merkliste #fewo-liste .short_list li,
.suchen_buchen #fewo-liste .short_list li {
    display: inline-block;
    padding-right: 20px;
    color: #f5a276;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.6;
}

.merkliste #fewo-liste .general_headline,
.suchen_buchen #fewo-liste .general_headline {
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1.20;
    padding: 0;
    margin: 20px 0 15px 0;
    color: #3D5C72;
}

.merkliste #fewo-liste .fewo-ausstattung ul,
.ferienwohnung-detail #fewo-liste .fewo-ausstattung ul,
.suchen_buchen #fewo-liste .fewo-ausstattung ul {
    list-style: none;
    padding: 0;
}
/*
.ferienwohnung-detail .fewo-art,
.ferienwohnung-detail .fewo-text,
.ferienwohnung-detail .fewo-ausstattung,
.merkliste #fewo-liste .fewo-text,
.merkliste #fewo-liste .fewo-ausstattung,
.suchen_buchen #fewo-liste .fewo-text,
.suchen_buchen #fewo-liste .fewo-ausstattung {
    font-size: 18px;
    color: #666;
    margin: 0;
}
*/
.merkliste #fewo-liste .icons_list,
.haus_detail #fewo-liste .icons_list,
.ferienhaus_detail .icons_list,
.suchen_buchen #fewo-liste .icons_list {
    list-style: none;
    padding: 0;
    position: absolute;
    top: 0px;
    right: 5px;
    margin: 0px;
    z-index: 1;
}

.merkliste #fewo-liste .icons_list li,
.haus_detail #fewo-liste .icons_list li,
.ferienhaus_detail .icons_list,
.suchen_buchen #fewo-liste .icons_list li {
    display: inline-block;
    padding-right: 10px;
}

.merkliste #fewo-liste .icons_list li a,
.haus_detail #fewo-liste .icons_list li a,
.ferienhaus_detail .icons_list,
.suchen_buchen #fewo-liste .icons_list li a {
    color: #ffffff;
    font-size: 25px;
    text-decoration: none;
    font-weight: 400;
    line-height: 1.6;
}

.merkliste #fewo-liste .icons_list li a:hover,
.haus_detail #fewo-liste .icons_list li a:hover,
.ferienhaus_detail .icons_list,
.suchen_buchen #fewo-liste .icons_list li a:hover {
    color: #02669d;
    cursor: pointer;
}

.haus_detail #fewo-liste .icons_list li .merkendelete i:after,
.suchen_buchen #fewo-liste .icons_list li .merkendelete i:after {
    content: '\f004';
    font-family: 'FontAwesome';
    font-style: normal;
}

.haus_detail #fewo-liste .icons_list li .merkenadd i:after,
.suchen_buchen #fewo-liste .icons_list li .merkenadd i:after {
    content: '\f08a';
    font-family: 'FontAwesome';
    font-style: normal;
}

.merkliste #fewo-liste .fewo_list_image,
.haus_detail #fewo-liste .fewo_list_image,
.suchen_buchen #fewo-liste .fewo_list_image {
    position: relative;
    padding: 0;
}

.merkliste #fewo-liste .fewo_list_image .fewo_listnavileft,
.haus_detail #fewo-liste .fewo_list_image .fewo_listnavileft,
.suchen_buchen #fewo-liste .fewo_list_image .fewo_listnavileft {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    height: 35px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #ddd;
    width: 24px;
    text-align: center;
    left: -13px;
    font-size: 20px;
    z-index: 1;
}

.merkliste #fewo-liste .fewo_list_image .fewo_listnaviright,
.haus_detail #fewo-liste .fewo_list_image .fewo_listnaviright,
.suchen_buchen #fewo-liste .fewo_list_image .fewo_listnaviright {
    position: absolute;
    transform: translateY(-50%);
    right: 0;
    top: 50%;
    height: 35px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #ddd;
    width: 24px;
    text-align: center;
    right: -13px;
    font-size: 20px;
    z-index: 1;
}

.merkliste #fewo-liste .fewo_list_image .fewo_listnavileft:hover,
.merkliste #fewo-liste .fewo_list_image .fewo_listnaviright:hover,
.haus_detail #fewo-liste .fewo_list_image .fewo_listnavileft:hover,
.haus_detail #fewo-liste .fewo_list_image .fewo_listnaviright:hover,
.suchen_buchen #fewo-liste .fewo_list_image .fewo_listnavileft:hover,
.suchen_buchen #fewo-liste .fewo_list_image .fewo_listnaviright:hover {
    cursor: pointer;
}

.suchen_buchen #listenfilter .suche {
    background-color: #f5e9dd;
    padding: 10px;
    margin-bottom: 10px;
}

.suchen_buchen #listenfilter .suche .label {
    display: block;
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
    color: #3D5C72;
    font-size: 15px;
    line-height: 1.6;
}

.suchen_buchen #listenfilter .suche select,
.suchen_buchen #listenfilter .suche input {
    width: 100%;
    height: 40px;
    padding: 0 5px;
    border: none;
    color: #f4a479 ;
    text-align: left;
    font-size: 1.0em;
    font-weight: bold;
}

.suchen_buchen #listenfilter .suche input {
    padding-left: 9px;
}

.suchen_buchen #listenfilter .suche input::placeholder {
    color: #f4a479 ;
}

.suchen_buchen #listenfilter .checkbox_filter {
    background-color: #f5e9dd;
    padding: 10px;
}

.suchen_buchen #listenfilter .listfilter {
    padding-left: 15px;
}

.suchen_buchen #listenfilter .fewo-ausst-title {
    color: #3D5C72;
    margin-top: 10px;
}

.suchen_buchen #listenfilter .checkbox_filter .checkbox_headline {
    color: #3D5C72;
    text-decoration: underline;
    font-weight: normal;
    margin: 0;
    text-transform: uppercase;
    font-size: 18px;
}

.suchen_buchen #listenfilter .filterclear,
.suchen_buchen #listenfilter .filter_label,
.suchen_buchen #listenfilter .checkbox_filter label {
    text-transform: uppercase;
    font-weight: normal;
    color: #3D5C72;
    padding-left: 10px;
    font-size: 15px;
    line-height: 1.6;
}

.suchen_buchen #listenfilter .checkbox_filter label {
    width: calc(100% - 17px);
    margin-bottom: 0;
}

.suchen_buchen #listenfilter .checkbox_filter input {
    vertical-align: top;
    margin-top: 8px;
}

.suchen_buchen #listenfilter .filterclear:hover {
    color: #02669d;
    cursor: pointer;
}

.suchen_buchen .ui.search>.results {
    left: 0;
}

@media (max-width: 767px) {
    .suchen_buchen #listenfilter {
        margin-bottom: 30px;
    }
}

.favoriten .top_headline {
    font-size: 60px;
    padding: 10px 0 10px 0;
    font-weight: 700;
    color: #3D5C72;
    text-transform: uppercase;
    line-height: 1.20;
}



/* Detail Seite */
.detail_seite .top_banner {
    width: 100%;
    height: 400px;
    overflow: hidden;
    position: relative;
    max-width: 2000px;
    margin: 0 auto;
}

.detail_seite .top_banner img {
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 100%;
}

.detail_seite .top_banner .welle {
    height: 50px;
    background-image: url(/storage/app/media/welle-weiss.png);
    top: 0;
    position: absolute;
    width: 100%;
    background-repeat: repeat-x;
    z-index: 2;
}

.detail_seite .preisrechner {
    display: inline-block;
    background-color: #f5e9dd;
    position: absolute;
    right: 10px;
    top: -165px;
    z-index: 3;
}

@media (max-width: 767px) {
    .detail_seite .preisrechner {
        position: relative;
        top: 0;
        right: 0;
        display: block;
        margin-top: 50px;
    }
}

.detail_seite .fewo-preisrechner .fewo_summe {
    background-color: #3D5C72;
    text-align: center;
    color: white;
    font-size: 1.8em;
    text-transform: uppercase;
    font-weight: 700;
    height: 50px;
}

.detail_seite .preisrechner .fewo-btnbuchung {
    border-radius: 0;
    width: 100%;
    font-size: 1.8em;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.6;
    padding: 0;
    background-color: #f4a479 ;
    height: 50px;
    text-shadow: none;
}

.detail_seite .preisrechner .unterkunft {
    text-transform: uppercase;
}

.detail_seite .preisrechner .fewo-btnbuchung:hover {
    color: #f5e9dd;
}

.detail_seite .preisrechner .fewo-btnbuchung:focus {
    background-color: #f4a479 ;
    box-shadow: none !important;
}

@media (max-width: 400px) {
    .detail_seite .preisrechner .fewo-btnbuchung {
        font-size: 20px;
    }
}

.detail_seite .preisrechner .dates {
    margin: 0;
}

.detail_seite .preisrechner .dates .label_abreise,
.detail_seite .preisrechner .dates .label_anreise {
    color: #3D5C72;
    font-weight: 400;
    line-height: 1.6;
    font-size: 12px;
    display: inline-block;
}

.detail_seite .preisrechner .dates .clear_date {
    content: 'x';
    cursor: pointer;
    font-size: 20px;
    padding: 9px 5px;
    color: #f4a479 ;
    text-transform: uppercase;
}

.detail_seite .preisrechner .dates input {
    border: none;
    border-bottom: 1px solid #f4a479 ;
    height: 55px;
    color: #f4a479 ;
    text-align: center;
    font-size: 1.0em;
    font-weight: bold;
    width: calc(100% - 25px);
}

@media (max-width: 474px) {
    .detail_seite .preisrechner .dates input {
        width: 100%;
    }

    .detail_seite .preisrechner .infos div p {
        font-size: 19px !important;
    }
}

.detail_seite .preisrechner .date_col {
    padding: 10px;
}

.detail_seite .preisrechner .infos {
    margin: 0 10px;
    border-top: 1px solid #3D5C72;
}

.detail_seite .preisrechner .infos div {
    padding: 0 10px;
    margin: 10px 0;
}

.detail_seite .preisrechner .infos .r-border {
    border-right: 1px solid #3D5C72;
}

.detail_seite .preisrechner .infos div p {
    margin: 0;
    color: #f4a479 ;
    font-size: 1.2em;
}

.detail_seite .preisrechner .infos div span {
    font-size: 12px;
    color: #3D5C72;
    font-weight: 400;
    line-height: 1.6;
}

@media (max-width: 575px) {
    .detail_seite .preisrechner .unterkunft {
        border-top: 1px solid #3D5C72;
        margin-top: 0 !important;
        padding-top: 10px !important;
    }

    .detail_seite .preisrechner .infos .r-border {
        border: none;
    }

    .detail_seite .preisrechner .objnr {
        border-top: 1px solid #3D5C72 !important;
        margin-top: 0 !important;
        padding-top: 10px !important;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .detail_seite .preisrechner .dates {
        display: table-cell;
    }

    .detail_seite .preisrechner .dates .date_col {
        display: table-cell;
        width: auto;
    }
}

.detail_seite .objekt_intro .small_headline {
    font-size: 18px;
    letter-spacing: .25em;
    margin: 45px 0 10px 0;
    padding: 15px 0 0 0;
    text-transform: uppercase;
    font-weight: 700;
    color: #f4a479 ;
}

.detail_seite .objekt_intro .col-md-6 {
    padding-left: 0;
    padding-bottom: 30px;
}

.detail_seite .objekt_intro h2,
.detail_seite .objekt_intro h1 {
    font-size: 35px;
    color: #3D5C72;
    font-weight: 400;
    margin-top: -20px;
    text-transform: none;
    padding: 10px 0 10px 0;
}

.detail_seite .objekt_intro p {
    font-size: 16px;
}

.detail_seite .objekt_intro h2 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1.20;
    padding: 0;
    margin: 20px 0 15px 0;
    color: inherit;
}

.detail_seite .image_row img {
    width: 100%;
}

.detail_seite .smallSlider .slick-list img {
    width: 350px;
    height: auto !important;
}

.detail_seite .smallSlider .slick-slideshow {
    height: auto !important;
}

.detail_seite .smallSlider .slide-images {
    position: relative;
}

.detail_seite .smallSlider .img_overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(2, 102, 157, 0.7);
    top: 0;
    opacity: 0;
    transition: opacity .2s ease-in-out;
}

.detail_seite .smallSlider .slick-slider-nav2-1 {
    height: 0;
}

.detail_seite .smallSlider .img_overlay:hover {
    opacity: 1;
    cursor: pointer;
}

.detail_seite .image_row .image_field {
    position: relative;
}

.detail_seite .image_row .image_field .background {
    opacity: 1;
}

@media (max-width: 767px) {
    .detail_seite .image_row img {
        margin-top: 20px;
    }
}

.detail_seite .objekt_info {
    position: relative;
    margin-bottom: 50px;
}

.detail_seite .objekt_info .gallery_button {
    text-align: center;
}

.detail_seite .objekt_info .gallery_button .open_gallery_btn {
    border: none;
    background-color: #f4a479 ;
    height: 50px;
    font-size: 1.8em;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.6;
    padding: 0 20px;
    color: #FFF;
    margin: 20px auto 0;
}

.detail_seite .objekt_info .gallery_button .open_gallery_btn:hover {
    cursor: pointer;
    color: #f5e9dd;
}

.detail_seite .objekt_info .gallery_button .open_gallery_btn:focus {
    outline: none;
}

.detail_seite .ausstattung_bg {
    background-image: url(/themes/buenning/assets/bilder/welle-weiss1.png);
    background-repeat: repeat-x;
}

.detail_seite .ausstattung .fewo-ausst-title {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    width: 100%;
    border-bottom: 1px solid #fff;
    padding: 30px 0 10px 0;
    margin-bottom: 10px;
}

.detail_seite .ausstattung .showMore {
    cursor: pointer;
}

.detail_seite .ausstattung .bullets {
    line-height: 10px;
}

.detail_seite .ausstattung .hideBullets {
    display: none !important;
}

.detail_seite .ausstattung ul {
    float: left;
    list-style-type: none;
    width: 100%;
    padding: 0;
    transition: all 0.3s ease-in-out;
}

.detail_seite .ausstattung ul.show {
    border: 1px solid #fff;
    position: relative;
    z-index: 99;
    padding: 5px;
}

.detail_seite .ausstattung ul li {
    font-size: 15px;
    line-height: 1.42857143;
}

.clean-separator {
    width: 100%;
    margin: 48px 0;
    display: flex;
    align-items: center;
    gap: 18px;
    clear: both;
}

.clean-separator:before,
.clean-separator:after {
    content: "";
    height: 1.1px;
    flex: 1;
    background: linear-gradient(
        90deg,
        transparent 0%,
        #f4a479 12%,
        #f4a479 50%,
        #f4a479 88%,
        transparent 100%
    );
}

.clean-separator .mdi {
    width: 42px;
    height: 42px;
    border: 1px solid #f4a479;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #f4a479;
    background: #fff;
    font-size: 23px;
    box-shadow: 0 4px 14px rgba(61, 92, 114, .06);
}

@media (max-width: 767px) {
    .clean-separator {
        margin: 26px 0;
    }
}

.detail_seite .ausstattung h1,
.detail_seite .ausstattung h2 {
    font-size: 18px;
    letter-spacing: .25em;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
}

.detail_seite .ausstattung h1 {
    font-size: 35px;
    letter-spacing: 0;
    margin: 20px 0 15px 0;
}

.detail_seite .ausstattung {
    display: inline-block;
    width: 100%;
}

.detail_seite .ausstattung .fewo-ausst-group {
    display: inline-block;
    width: calc(100% / 3 - 5px);
    padding: 20px;
}

@media (max-width: 767px) {
    .detail_seite .ausstattung .fewo-ausst-group {
        width: 100%;
        padding-top: 0;
    }
}

.detail_seite .ausstattung .fewo-ausst {
    width: 100%;
    display: inline-block;
}

.detail_seite .belegungen h2,
.detail_seite .belegungen h1 {
    font-size: 18px;
    letter-spacing: .25em;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: 700;
    color: #3D5C72;
    text-align: center;
}

.detail_seite .belegungen h1 {
    font-size: 35px;
    letter-spacing: 0;
    margin: 20px 0 15px 0;
    color: #135a79;
}

@media (max-width: 450px) {
    .detail_seite .belegungen h1 {
        font-size: 25px;
    }
}

.detail_seite .belegungen table tr:first-child td {
    background: none;
    color: #3D5C72;
}

.detail_seite .belegungen table .tage {
    background: none;
    color: #3D5C72;
    border-bottom: 1px solid #3D5C72;
}

.detail_seite .belegungen table tbody tr {
    text-align: center;
    height: 40px;
}

.detail_seite .belegungen .fewo_detail_buchungsplan {
    width: 100%;
    display: inline-block;
    position: relative;
}

.detail_seite .belegungen .fewo_detail_buchungsplan .belkal {
    width: 23.5%;
}

@media (max-width: 767px) {
    .detail_seite .belegungen .fewo_detail_buchungsplan .belkal {
        width: 100%;
    }
}

.detail_seite .belegungen .fewo_detail_buchungsplan .last {
    margin-right: 0 !important;
}

.detail_seite .belegungen .fewo_detail_buchungsplan .belkal .month {
    text-align: center;
}

.detail_seite .belegungen .fewo_detail_buchungsplan button {
    border: none;
    background: none;
    color: #135a79;
    position: absolute;
    top: 0;
    cursor: pointer;
    height: 30px;
}

.detail_seite .belegungen .fewo_detail_buchungsplan .btn-right,
.detail_seite .belegungen .fewo_detail_buchungsplan .btn-left {
    top: 4px;
}

.detail_seite .belegungen .fewo_detail_buchungsplan .btn-left {
    left: 0;
}

.detail_seite .belegungen .fewo_detail_buchungsplan .btn-right {
    right: 4px;
}



.detail_seite .belegungen .fewo_detail_buchungsplan .btn-right:after,
.detail_seite .belegungen .fewo_detail_buchungsplan .btn-left:after {
    font-family: 'FontAwesome';
    color: #3D5C72;
    position: absolute;
    font-size: 30px;
    line-height: 1;
    top: 0;
    transition: color .1s ease-in-out;
}

.detail_seite .belegungen .fewo_detail_buchungsplan .btn-left:after {
    content: '\f104';
    left: 0;
}

.detail_seite .belegungen .fewo_detail_buchungsplan .btn-right:after {
    content: '\f105';
    right: 0;
}

.detail_seite .belegungen .fewo_detail_buchungsplan .btn-right:hover:after,
.detail_seite .belegungen .fewo_detail_buchungsplan .btn-left:hover:after {
    color: #135a79;
}

.detail_seite .belegungen .btn-button {
    text-align: center;
}

.detail_seite .belegungen .btn-button button {
    border: none;
    background-color: #f4a479 ;
    height: 50px;
    font-size: 1.8em;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.6;
    padding: 0 20px;
    color: #FFF;
    margin: 50px auto 0;
    border-radius: 0;
    text-shadow: none;
}

.detail_seite .belegungen .btn-button button:hover {
    color: #f5e9dd;
}

.detail_seite .belegungen .btn-button button:focus {
    box-shadow: none !important;
    background-color: #f4a479 ;
}

@media (max-width: 450px) {
    .detail_seite .belegungen .btn-button button {
        font-size: 16px;
    }
}

.detail_seite .belegungen .belplan-legende {
    color: #3D5C72;
}

.detail_seite .belegungen .belkal .frei,
.detail_seite .belegungen .belplan-legende .frei {
    background-color: #3D5C72 !important;
}

.belegt, .wechsel_EE,
.detail_seite .belegungen .belkal .belegung_B,
.detail_seite .belegungen .belkal .belegung_A,
.detail_seite .belegungen .belplan-legende .belegung_B,
.detail_seite .belegungen .belkal .belegung_E,
.detail_seite .belegungen .belplan-legende .belegung_E,
.detail_seite .belegungen .belkal .belegung_BL,
.detail_seite .belegungen .belplan-legende .belegung_BL,
.detail_seite .belegungen .belkal .belegung_O,
.detail_seite .belegungen .belplan-legende .belegung_O {
    background-color: #f4a479  !important;
    background-image: none!important;
}

.detail_seite .belegungen .belkal .start_B,
.detail_seite .belegungen .belplan-legende .start_B {
    background-image: linear-gradient(to bottom right, #3D5C72 0%, #3D5C72 49%, #f4a479  51%, #f4a479  100%);
    color: #e5e5e5;
}

.detail_seite .belegungen .belkal .start_O,
.detail_seite .belegungen .belkal .start_A {
    background-image: linear-gradient(to bottom right, #3D5C72 0%, #3D5C72 49%, #f4a479  51%, #f4a479  100%);
    color: #e5e5e5;
}

.detail_seite .belegungen .belkal .ende_O,
.detail_seite .belegungen .belkal .ende_B,
.detail_seite .belegungen .belplan-legende .ende_B {
    background-image: linear-gradient(to bottom right, #f4a479  0%, #f4a479  49%, #3D5C72 51%, #3D5C72 100%);
    color: #e5e5e5;
}

.detail_seite .belegungen .belkal .ende_A {
    background-image: linear-gradient(to bottom right, #f4a479  0%, #f4a479  49%, #3D5C72 51%, #3D5C72 100%);
    color: #e5e5e5;
}
.detail_seite .belegungen .belkal .wechsel_BB {
    background-image: linear-gradient(to bottom right, #f4a479  0%, #f4a479  48%, #FFFFFF 49%, #FFFFFF 51%, #f4a479  52%, #f4a479  100%);
    color: #e5e5e5;
}

.detail_seite .belegungen .belkal .ende_BL {
    background-image: linear-gradient(to bottom right, #f4a479  0%, #f4a479  49%, #3D5C72 51%, #3D5C72 100%);
    color: #e5e5e5;
}

.detail_seite .belegungen .belkal .start_BL {
    background-image: linear-gradient(to bottom right, #3D5C72 0%, #3D5C72 49%, #f4a479  51%, #f4a479  100%);
    color: #e5e5e5;
}

.detail_seite .belegungen .belkal .start_E {
    background-image: linear-gradient(to bottom right, #3D5C72 0%, #3D5C72 49%, #f4a479  51%, #f4a479  100%);
    color: #e5e5e5;
}

.detail_seite .belegungen .belkal .ende_E {
    background-image: linear-gradient(to bottom right, #f4a479  0%, #f4a479  49%, #3D5C72 51%, #3D5C72 100%);
    color: #e5e5e5;
}

.detail_seite .belegungen .belkal .wechsel_AB {
    background-image: linear-gradient(to bottom right, #f4a479  0%, #f4a479  48%, #FFFFFF 49%, #FFFFFF 51%, #f4a479  52%, #f4a479  100%);
    color: #e5e5e5;
}

.detail_seite .belegungen .belkal .wechsel_BA,
.detail_seite .belegungen .belkal .wechsel_EA {
    background-image: linear-gradient(to bottom right, #f4a479  0%, #f4a479  48%, #FFFFFF 49%, #FFFFFF 51%, #f4a479   52%, #f4a479  100%);
    color: #e5e5e5;
}

.detail_seite .belegungen .belkal .wechsel_EBL,
.detail_seite .belegungen .belkal .wechsel_BLBL,
.detail_seite .belegungen .belkal .wechsel_OB,
.detail_seite .belegungen .belkal .wechsel_BO,
.detail_seite .belegungen .belkal .wechsel_BLO,
.detail_seite .belegungen .belkal .wechsel_OBL,
.detail_seite .belegungen .belkal .wechsel_OE,
.detail_seite .belegungen .belkal .wechsel_EO,
.detail_seite .belegungen .belkal .wechsel_BE,
.detail_seite .belegungen .belkal .wechsel_EB,
.detail_seite .belegungen .belkal .wechsel_BBL,
.detail_seite .belegungen .belkal .wechsel_BLB {
    background-image: linear-gradient(to bottom right, #f4a479  0%, #f4a479  48%, #FFFFFF 49%, #FFFFFF 51%, #f4a479   52%, #f4a479  100%);
    color: #e5e5e5;
}



.heiligenhafen_info .region-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

.heiligenhafen_info .region-card {
    position: relative;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e4e8ec;
    border-radius: 18px;
    box-shadow: 0 10px 26px rgba(20, 40, 60, 0.06);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.heiligenhafen_info .region-card:hover {
    transform: translateY(-4px);
    border-color: #d3dce5;
}

.heiligenhafen_info .region-card__image {
    display: block;
    height: 175px;
    overflow: hidden;
    background: #eef2f5;
}

.heiligenhafen_info .region-card__image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.heiligenhafen_info .region-card:hover .region-card__image img {
    transform: scale(1.04);
}

.heiligenhafen_info .region-card__content {
    position: relative;
    min-height: 190px;
    background: #ffffff;
    padding: 42px 28px 30px;
    text-align: center;
}

.heiligenhafen_info .region-card__spitze {
    position: absolute;
    top: -24px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    width: 48px;
    height: 48px;
    background: #ffffff;
    border-left: 1px solid #e4e8ec;
    border-top: 1px solid #e4e8ec;
    border-radius: 8px 0 0 0;
}

.heiligenhafen_info .region-card__title {
    position: relative;
    margin: 0 0 12px;
    color: #7fa9d6;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.25;
}

.heiligenhafen_info .region-card__text {
    position: relative;
    margin: 0 0 22px;
    color: #263238;
    font-size: 17px;
    line-height: 1.55;
}

.heiligenhafen_info .region-card__link {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    color: #5f95c9;
    background: #f3f8fc;
    border: 1px solid #dcecf8;
    border-radius: 999px;
    font-size: 15px;
    line-height: 1;
    text-decoration: none;
    transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

.heiligenhafen_info .region-card__link:hover {
    color: #3f7fb9;
    background: #eaf4fb;
    border-color: #cce4f5;
    text-decoration: none;
}

@media (max-width: 991px) {
    .heiligenhafen_info .region-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .heiligenhafen_info .region-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .heiligenhafen_info .region-card {
        border-radius: 16px;
    }

    .heiligenhafen_info .region-card__image {
        height: 200px;
    }

    .heiligenhafen_info .region-card__content {
        min-height: auto;
        padding: 38px 22px 26px;
    }
}


.detail_seite .preise {
    background-color: #f5e9dd;
    color: #135a79;
    padding: 50px 0;
    clear: left;
}

.detail_seite .preise h2 {
    font-weight: 700;
    line-height: 1.20;
    padding: 30px 0 15px 0;
    text-align: center;
}

@media (max-width: 450px) {
    .detail_seite .preise h2 {
        font-size: 25px;
    }
}

.detail_seite .preise .anker_icon {
    text-align: center;
}

.detail_seite .preise table {
    width: 100%;
}

.detail_seite .preise table thead {
    font-weight: 700;
}

.detail_seite .preise table tr {
    border-bottom: 1px solid #135a79;
    height: 40px;
}

.detail_seite .preise table tbody tr {
    border-bottom: none;
}

.detail_seite .preise table td {
    padding: 0 10px;
}

.detail_seite .preise .mobile_label {
    display: none;
}

@media (max-width: 767px) {
    .detail_seite .preise .mobile_label {
        display: block;
        font-size: 18px;
        font-weight: 700;
    }

    .detail_seite .preise tbody {
        font-size: 12px;
    }

    .detail_seite .preise tbody td {
        display: inline-block;
        padding: 10px;
        width: calc(100% / 2);
        font-size: 18px;
    }

    .detail_seite .preise tbody tr {
        border-bottom: 1px solid #135a79 !important;
    }

    .detail_seite .preise tbody tr:last-child {
        border-bottom: none !important;
    }

    .detail_seite .preise thead tr {
        display: none;
    }

    .detail_seite .ausstattung .fewo-ausst-group {width: 100%!important;}
}

@media (max-width: 450px) {
    .detail_seite .preise tbody td {
        width: 100%;
        text-align: center;
    }
}

.detail_seite .preise .fewo-leistungen {
    margin-top: 20px;
    margin-left: 10px;
}

.detail_seite .preise .fewo-leistungen .fewo_details_leistung > div {
    padding-bottom: 20px;
    display: inline-block;
    margin-right: 50px;
}

@media (max-width: 767px) {
    .detail_seite .preise .fewo-leistungen {
        font-size: 13px;
    }

    .detail_seite .preise .fewo-leistungen .fewo_details_leistung > div {
        width: calc(100% / 2 - 53px);
        font-size: 18px;
    }
}

@media (max-width: 450px) {
    .detail_seite .preise .fewo-leistungen .fewo_details_leistung > div {
        width: 100%;
        text-align: center;
        margin: 0 0 10px;
        padding-bottom: 10px;
        border-bottom: .5px solid #135a79;
    }

    .detail_seite .preise .leistung_titel {
        border: none;
    }

    .detail_seite .preise .fewo-leistungen .fewo_details_leistung > div:last-child {
        border-bottom: none;
    }
}

.detail_seite .grundriss {
    text-align: center;
    padding: 50px 0;
}

.detail_seite .grundriss h2,
.detail_seite .grundriss h1 {
    font-size: 18px;
    letter-spacing: .25em;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: 700;
    color: #135a79;
}

.detail_seite .grundriss h1 {
    font-size: 35px;
    letter-spacing: 0;
    margin: 20px 0 15px 0;
    color: #3D5C72;
}

.detail_seite .grundriss img {
    max-width: 300px;
    width: 100%;
}

@media (max-width: 450px) {
    .detail_seite .grundriss h1 {
        font-size: 25px;
    }
}

.detail_seite .belegungen h2,
.detail_seite .belegungen h1 {
    font-size: 18px;
    letter-spacing: .25em;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: 700;
    color: #3D5C72;
    text-align: center;
}

.detail_seite .belegungen h1 {
    font-size: 35px;
    letter-spacing: 0;
    margin: 20px 0 15px 0;
    color: #135a79;
}

@media (max-width: 450px) {
    .detail_seite .belegungen h1 {
        font-size: 25px;
    }
}

.detail_seite .belegungen table tr:first-child td {
    background: none;
    color: #3D5C72;
}

.detail_seite .belegungen table .tage {
    background: none;
    color: #3D5C72;
    border-bottom: 1px solid #3D5C72;
}

.detail_seite .belegungen table tbody tr {
    text-align: center;
    height: 40px;
}

.detail_seite .belegungen .fewo_detail_buchungsplan {
    width: 100%;
    display: inline-block;
    position: relative;
}

.fewo_buchungsplan {    display: grid; grid-auto-flow: column; gap: 16px;}
.detail_seite .belegungen .fewo_detail_buchungsplan .belkal {
    width: 100%!important;
}

.date-picker-wrapper .month-wrapper .day.toMonth.valid.noarrival {
    opacity: 0.6;
    cursor: not-allowed;
}

@media (max-width: 767px) {
    .detail_seite .belegungen .fewo_detail_buchungsplan .belkal {
        width: 100%;
    }
    .detail_seite .belegungen .fewo_detail_buchungsplan .belkal:nth-child(3), .detail_seite .belegungen  .fewo_detail_buchungsplan .belkal:nth-child(4), .fewo_detail_buchungsplan .belkal:nth-child(2) {
    display: none;
}
}

.detail_seite .belegungen .fewo_detail_buchungsplan .last {
    margin-right: 0 !important;
}

.detail_seite .belegungen .fewo_detail_buchungsplan .belkal .month {
    text-align: center;
}

.detail_seite .belegungen .fewo_detail_buchungsplan button {
    border: none;
    background: none;
    color: #135a79;
    position: absolute;
    top: 0;
    cursor: pointer;
    height: 30px;
}

.detail_seite .belegungen .fewo_detail_buchungsplan .btn-right,
.detail_seite .belegungen .fewo_detail_buchungsplan .btn-left {
    top: 4px;
}

.detail_seite .belegungen .fewo_detail_buchungsplan .btn-left {
    left: 10px;
}

.detail_seite .belegungen .fewo_detail_buchungsplan .btn-right {
    right: 10px;
}



.detail_seite .belegungen .fewo_detail_buchungsplan .btn-right:after,
.detail_seite .belegungen .fewo_detail_buchungsplan .btn-left:after {
    font-family: 'FontAwesome';
    color: #3D5C72;
    position: absolute;
    font-size: 30px;
    line-height: 1;
    top: 0;
    transition: color .1s ease-in-out;
}

.detail_seite .belegungen .fewo_detail_buchungsplan .btn-left:after {
    content: '\f104';
    left: 0;
}

.detail_seite .belegungen .fewo_detail_buchungsplan .btn-right:after {
    content: '\f105';
    right: 0;
}

.detail_seite .belegungen .fewo_detail_buchungsplan .btn-right:hover:after,
.detail_seite .belegungen .fewo_detail_buchungsplan .btn-left:hover:after {
    color: #135a79;
}

.detail_seite .belegungen .btn-button {
    text-align: center;
}

.detail_seite .belegungen .btn-button button {
    border: none;
    background-color: #f4a479 ;
    height: 50px;
    font-size: 1.8em;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.6;
    padding: 0 20px;
    color: #FFF;
    margin: 50px auto 0;
    border-radius: 0;
    text-shadow: none;
}

.detail_seite .belegungen .btn-button button:hover {
    color: #f5e9dd;
}

.detail_seite .belegungen .btn-button button:focus {
    box-shadow: none !important;
    background-color: #f4a479 ;
}

@media (max-width: 450px) {
    .detail_seite .belegungen .btn-button button {
        font-size: 16px;
    }
}

.detail_seite .belegungen .belplan-legende {
    color: #3D5C72;
}

.detail_seite .belegungen .belkal .frei,
.detail_seite .belegungen .belplan-legende .frei {
    background-color: #3D5C72 !important;
    color: #e5e5e5;
}

.detail_seite .belegungen .belkal .belegung_B,
.detail_seite .belegungen .belplan-legende .belegung_B,
.detail_seite .belegungen .belkal .belegung_E,
.detail_seite .belegungen .belplan-legende .belegung_E,
.detail_seite .belegungen .belkal .belegung_BL,
.detail_seite .belegungen .belplan-legende .belegung_BL,
.detail_seite .belegungen .belkal .belegung_O,
.detail_seite .belegungen .belplan-legende .belegung_O {
    background-color: #f4a479  !important;
    color: #e5e5e5;
}

.detail_seite .belegungen .belkal .start_B,
.detail_seite .belegungen .belplan-legende .start_B {
    background-image: linear-gradient(to bottom right, #3D5C72 0%, #3D5C72 49%, #f4a479  51%, #f4a479  100%);
}

.detail_seite .belegungen .belkal .start_A {
    background-image: linear-gradient(to bottom right, #3D5C72 0%, #3D5C72 49%, #ffff00 51%, #ffff00 100%);
}

.detail_seite .belegungen .belkal .ende_B,
.detail_seite .belegungen .belplan-legende .ende_B {
    background-image: linear-gradient(to bottom right, #f4a479  0%, #f4a479  49%, #3D5C72 51%, #3D5C72 100%);
}

.detail_seite .belegungen .belkal .ende_A {
    background-image: linear-gradient(to bottom right, #ffff00 0%, #ffff00 49%, #3D5C72 51%, #3D5C72 100%);
}
.detail_seite .belegungen .belkal .wechsel_BB {
    background-image: linear-gradient(to bottom right, #f4a479  0%, #f4a479  48%, #FFFFFF 49%, #FFFFFF 51%, #f4a479  52%, #f4a479  100%);
}

.detail_seite .belegungen .belkal .ende_BL {
    background-image: linear-gradient(to bottom right, #f4a479  0%, #f4a479  49%, #3D5C72 51%, #3D5C72 100%);
}


.bewertungen .fewo-rating{display: flex; justify-content: center;}

#rating_data {border-radius: 8px;}


.detail_seite .bewertungen_section {
    text-align: center;
    background-repeat: repeat-x;
}

.btn {border-radius: 8px!important;}

.bew_antwort {
    background-color: #f0dac3;
    padding: 25px 0px;
    margin-top: 20px;
}

.bew_datum {
    font-style: italic;
    padding: 10px 0px;
}


.bew-detailseite .bew-item {margin-bottom: 20px; padding-bottom:20px; border-bottom: 1px solid #ccc;}

.detail_seite .bewertungen_section img {
    margin-bottom: 20px;
}

.detail_seite .bewertungen_section h2,
.detail_seite .bewertungen_section h1,
.alternativeVorschlaege .head h2 {
    font-size: 18px;
    letter-spacing: .25em;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: 700;
    color: #135a79;
    text-align: center;
}

.detail_seite .bewertungen_section h1 {
    font-size: 35px;
    letter-spacing: 0;
    margin: 20px 0 15px 0;
    color: #135a79;
}

@media (max-width: 450px) {
    .detail_seite .bewertungen_section h1 {
        font-size: 25px;
    }
}

.detail_seite .bewertungen_section .bewertung .fewo-rating {
    max-width: 100%;
}

.fancybox-stage .btn_submit,
.detail_seite .bewertungen_section .fewo-bewerten {
    border: none;
    background-color: #f4a479 ;
    height: 50px;
    font-size: 1.8em;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.6;
    padding: 0 20px;
    color: #FFF;
    margin: 20px auto 0;
    border-radius: 0;
    text-shadow: none;
}

.fancybox-stage .btn_submit {
    font-size: unset;
}

.fancybox-stage .btn_submit:hover,
.detail_seite .bewertungen_section .fewo-bewerten:hover {
    color: #f5e9dd;
    cursor: pointer;
}

.fancybox-stage .btn_submit:focus,
.detail_seite .bewertungen_section .fewo-bewerten:focus {
    box-shadow: none !important;
    background-color: #f4a479 ;
}

.text-caption {font-size: 14px!important;}

@media (max-width: 450px) {
    .detail_seite .bewertungen_section .fewo-bewerten {
        font-size: 16px;
        line-height: 50px;
    }
}

.detail_seite .karte .fewo-objektmap {
    height: 100% !important;
}

@media (max-width: 767px) {
    .detail_seite .karte .fewo-objektmap {
        height: 600px !important;
    }
}

.detail_seite .karte h2,
.detail_seite .karte h1 {
    font-size: 18px;
    letter-spacing: .25em;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: 700;
    color: #135a79;
}

.detail_seite .karte h1 {
    font-size: 35px;
    letter-spacing: 0;
    margin: 0 0 15px 0;
    color: #3D5C72;
}
@media (max-width: 767px) {
    .detail_seite .karte h2 {
        margin-top: 50px;
    }
}

@media (max-width: 450px) {
    .detail_seite .karte h1 {
        font-size: 25px;
    }
}

.detail_seite .karte p {
    color: #666;
    margin: 0;
    padding: 0 0 15px 0;
}

.detail_seite .karte a {
    color: #3D5C72;
    text-decoration: none;
}

.detail_seite .karte a:hover {
    color: #02669d;
}

.detail_seite .karte .info_text {
    color: #135a79;
}

/* Overlay Slider - Phone landscape */
@media (max-height: 600px) and (orientation: landscape) {
    .sliderOverlay .slick-slideshow {
        height: 100vh !important;
        overflow: hidden !important;
    }

    .sliderOverlay .slick-slider-1 {
        height: 70%;
        overflow: hidden;
        margin-top: 10px;
    }

    .sliderOverlay .slick-slideshow .slide-images img {
        height: 300px !important;
    }

    .sliderOverlay .slick-slider-nav-1 {
        height: 30%;
        margin-top: 0 !important;
    }

    .sliderOverlay .slick-list {
        padding: 0px 50px !important;
        transform: translateY(-50%) !important;
        top: 50%;
    }
}

.sliderOverlay {
    background-color: rgba(0, 0, 0, 0.85);
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 1100;
    overflow: hidden;
    transition: height 0.2s ease-in-out;
}

.layer_closed {
    height: 0;
}

.layer_open {
    height: 100%;
}

.sliderOverlay .close_layer {
    height: 50px;
    width: 50px;
    position: fixed;
    top: 30px;
    right: 30px;
    cursor: pointer;
    display: none;
    z-index: 1;
}

@media (max-width: 767px) {
    .sliderOverlay .close_layer {
        top: 0;
        right: 0;
    }
}

.sliderOverlay .open {
    display: inline-block;
}

.sliderOverlay .close_layer:before {
    transition: 0.2s;
    display: inline-block;
    content: "\f00d";
    font-family: 'FontAwesome';
    color: #fff;
    font-size: 32px;
}

.sliderOverlay .close_layer:hover:before {
    color: #ccc;
}

.sliderOverlay .container {
    max-width: 1200px !important;
    position: relative;
    height: 100%;
}

.sliderOverlay .slick-slideshow {
    position: absolute;
    top: 0;
    right: 10px;
    left: 10px;
    bottom: 0;
    margin: auto;
}

.slick-slideshow img, .fancybox-image {border-radius: 8px;}
.objektsuche-div {display: flex; align-items: flex-end; padding-bottom: 8px; width: 250px;}
.objektsuche-div input {border-radius: 8px;}

/* Buchungsanfrage */
#gastdaten .form-group .label,
.fewo-buchung-cal .label,
.fewo_buchung_personen .label {
    font-size: 14px;
    margin-left: 0.75rem;
}

.fewo-btnzurueck,
.fewo-btnweiter {
    border-radius: 4px;
    border: 1px solid transparent;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    color: white;
    background-color: #f4a479;
    box-shadow: none !important;
    text-shadow: none;
}

.fewo-btnweiter:hover {
    background-color: #f4a479;
    border: 1px solid #f4a479!important;
    transform: scale(1)!important;
}

.fewo-btnzurueck:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
    box-shadow: none;
}


.fewo-btnzurueck:active,
.fewo-btnweiter:active {
    color: #333 !important;
    background-color: #e6e6e6 !important;
    border-color: #adadad !important;
    box-shadow: none;
}

.fewo-btnzurueck:focus,
.fewo-btnweiter:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
    box-shadow: none;
}

#buchungTab,
#buchungTab li {
    border: none;
}

@media (max-width: 991px) {
    .buchungMaske {
        padding-right: 0;
    }
}

.nav-tabs .nav-link {
    width: 100%;
}

.nav-tabs .nav-link:hover {
    border-color: #dce7ed;
}

.tab-content {
    padding: 20px;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #000;
    background-color: #dce7ed;
    border-color: #dce7ed;
}

.nav-tabs .nav-item {
    background-color: #dce7ed;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
}

.nav-tabs .nav-item.active {
    background-color: #fff;
}

.is-required:after {
    background-color: #c20a0a;
    width: 5px;
    height: 5px;
    margin-left: 3px;
    vertical-align: super;
    font-size: 60%;
    content: "";
    display: inline-block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.leistung_header_mobile {
    display: none;
}

@media (max-width: 991px) {
    .leistung_header_mobile {
        display: inline-block;
        width: 100%;
        font-weight: bold;
    }

    .leistungenheader {
        display: none;
    }

    .zeile_leistung .leistung_titel {
        text-align: right;
        padding-right: 0px !important;
    }

    .zeile_leistung .leistung_anzahl {
        text-align: right !important;
    }

    .zeile_leistung {
        height: initial !important;
    }

    .zeile_leistung .leistung_titel,
    .zeile_leistung .leistung_anzahl,
    .zeile_leistung .leistung_preis,
    .zeile_leistung .leistung_summe {
        width: 50% !important;
    }

    .zeile_leistung:nth-child(2n) {
        background-color: #f2f2f2;
    }

    .zeile_leistung {
        height: initial;
    }

    .zeile_leistung {
        padding: 5px;
    }

    .nav-tabs .nav-item {
        width: 100%;
        flex: inherit !important;
    }
}

.leistungenheader div,
.mitreisende_header div {
    font-weight: bold;
}

.search-anreise {
    background-color: #FFF !important;
}

.zusammenfassung_zeile {
    display: inline-block;
    width: 100%;
}

.zeile_leistung {
    height: 40px;
}

.zusammenfassung .daten .label {
    width: 300px;
    float: left;
}

.zusammenfassung .daten .zusammenfassung {
    width: calc(100% - 300px);
    float: right;
}

.zusammenfassung .daten .label {
    width: 300px;
    float: left;
}

.zusammenfassung .agbdata,
.zusammenfassung.leistungen,
.zusammenfassung.preisuebersicht,
.zusammenfassung.mitreisende {
    width: 100% !important;
    display: inline-block;
    margin-top: 25px;
}

#mitreisende [id^=ctrl_mitname],
#mitreisende [id^=ctrl_mitvorname],
#mitreisende [id^=ctrl_mitgeb],
.reiseinformationen, .agbdata {
    margin-bottom: 15px;
}

#mitreisende .mitreisende_vorname,
#mitreisende [id^=ctrl_mitvorname],
#mitreisende [id^=ctrl_mitgeb] {
    float: left;
    width: calc(33% - 11px);
    margin-right: 10px;
}

#mitreisende .mitreisende_gebdatum,
#mitreisende [id^=ctrl_mitgeb] {
    float: left;
    width: 34%;
    margin-right: 0;
}

#mitreisende .mitreisende_nachname,
#mitreisende [id^=ctrl_mitname] {
    float: left;
    width: calc(33% - 10px);
    margin-right: 10px;
}

.agbdata input {
    margin-right: 5px;
    position: relative;
    top: 5px;
}

.preis_uebersicht .header_titel {
    font-weight: bold;
}

.preis_uebersicht .header_anzahl,
.preis_uebersicht .sumneben_titel,
.sum_titel,
.sumleist_titel {
    display: inline-block;
}

.preis_uebersicht .leist_titel {
    float: left;
}
.preis_uebersicht .leist_preis
 {
    float: right;
}

.preis_uebersicht .zeile.zeile_preise.sumleist
{
    display: inline-block;
    width: 100%;
    }
    

.preis_uebersicht .header_objsum,
.sumneben_wert,
.sum_wert,
.sumleist_wert,
.zeilensumme.kaution {
    float: right;
}

.preis_uebersicht .sumleist {
    padding-top: 5px;
    border-top: 1px solid #f2f2f2;
}

.preis_uebersicht .sumleist,
.sumzuschlag,
.sumrabatt,
.gesamtsumme,
.sumoptleist {
    margin-top: 5px;
}

.gesamtsumme {
    font-weight: bold;
    border-top: 1px #ccc solid;
    padding-top: 5px;
}

.preis_uebersicht {
    margin-top: 42px;
}

@media (max-width: 991px) {
    .preis_uebersicht {
        margin-top: 0;
    }
}

.gut_zu_wissen {
    overflow: hidden;
}

.gut_zu_wissen .information {
    text-align: center;
    padding: 20px 0;
}

.gut_zu_wissen .information img {
    margin: 30px 0 20px;
}

.gut_zu_wissen .information h2 {
    font-size: 35px;
    margin: 0 0 25px;
}

.gut_zu_wissen .information h4 {
    font-size: 20px;
}

.gut_zu_wissen .information p:last-child {
    margin: 0 0 50px;
}

.gut_zu_wissen .mietbedingungen {
    padding: 30px 0;
}

.gut_zu_wissen .infopost_content {
    text-align: center;
    padding: 50px 0;
}

.gut_zu_wissen .infopost_content img:first-child {
    margin-bottom: 20px;
}

.gut_zu_wissen .infopost_content h2 {
    margin-bottom: 30px;
}

.gut_zu_wissen .infopost_content h4 {
    color: #FFF;
    font-weight: 700;
    font-size: 20px;
}

.gut_zu_wissen .infopost_content a {
    color: #f4a479 ;
    font-weight: 700;
}

.gut_zu_wissen .infopost_content a:hover {
    color: #000;
}

.gut_zu_wissen .infopost_content .row img {
    max-width: 327px;
    width: 100%;
}

.gut_zu_wissen .order_infopost .button:hover {
    box-shadow: rgba(28, 56, 72, 0.1) 0px 2px 2px, rgba(28, 56, 72, 0.1) 0px 4px 4px, rgba(28, 56, 72, 0.1) 0px 8px 8px, rgba(28, 56, 72, 0.1) 0px 16px 16px, rgba(28, 56, 72, 0.1) 0px 32px 32px, rgba(28, 56, 72, 0.1) 0px 64px 64px;
}

.gut_zu_wissen .order_infopost,
.gut_zu_wissen .welcome {
    padding: 50px 0;
}

.gut_zu_wissen .welcome h2 {
    margin-bottom: 40px;
}

.gut_zu_wissen .welcome h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

.gut_zu_wissen .welcome .row .col-md-6:first-child {
    text-align: right;
}

.gut_zu_wissen .welcome img {
    width: 100%;
}

@media (max-width: 767px) {
    .gut_zu_wissen .welcome img {
        margin-bottom: 20px;
    }
}

.gut_zu_wissen .team {
    padding: 130px 0 50px;
}

.gut_zu_wissen .team  img.w-100 {
    border: 1px solid #8eb6cd;
}

.gut_zu_wissen .team h4 {
    font-size: 20px;
    margin: 20px 0 15px;
}

.gut_zu_wissen .team .row {
    margin-bottom: 30px;
}

.gut_zu_wissen .banner {
    position: relative;
    max-width: 1920px;
    height: 500px;
    margin: 0 auto;
}

.gut_zu_wissen .banner .banner_container {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.gut_zu_wissen .banner .banner_container .welle {
    background-image: url(/storage/app/media/welle-weiss.png);
    position: absolute;
    top: 0;
    width: 1920px;
    height: 50px;
    z-index: 2;
    background-repeat: no-repeat;
    transform: translateX(-50%);
    left: 50%;
}

.gut_zu_wissen .banner .banner_container img {
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    left: 50%;
}

.gut_zu_wissen .banner .round-icon {
    width: 100px;
    position: absolute;
    bottom: -50px;
    transform: translateX(-50%);
    left: 50%;
}

.gut_zu_wissen .loading {
    height: 5px;
    background-color: rgba(0, 0, 0, 0.20);
    position: absolute;
    bottom: 0;
}

.faq {
    padding: 50px 0;
}

@media (max-width: 767px) {
    .faq {
        padding-top: 30px;
    }
}

.faq .card {
    border: none;
}

.faq .card-header {
    background-color: #FFF;
    border-bottom: .5px solid #ddd;
    position: relative;
}

.faq .card-header:hover {
    background-color: #f4f4f4;
}

.faq .card-header:active {
    background-color: #f4f4f4;
}

.faq .card-header i {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 20px;
}

.faq .card-header:last-child {
    border-bottom: none;
}

.faq .accordion a {
    padding: 10px 0;
    font-size: 18px !important;
    color: #02669d !important;
    text-transform: none;
    display: block;
    width: calc(100% + 25px);
}

.faq accordion a:hover {
    text-decoration: none;
    color: #02669d;
}

.faq accordion a:focus {
    text-decoration: none;
}

.faq h2 {
    font-weight: 600;
    font-size: 48px;
    text-transform: none !important;
    padding: 15px 17px 15px 0;
}

.faq .card-body {
    font-size: 15px;
    font-weight: normal;
    border-bottom: 1px solid #ddd;
}

.faq .card .number_list {
    padding-left: 25px;
    color: #2d2d2d;
}

.faq .house_icon {
    text-align: center;
    margin: 0 0 30px;
}

.faq .card-header:hover,
.faq .card-header i:hover {
    cursor: pointer;
}

.faq .card:last-child .card-header,
.faq .card:last-child .card-body {
    border-bottom: none;
}

.faq .house_icon img {
    width: 100px;
}

.faq .banner {
    width: 100%;
    max-width: 1920px;
    height: 500px;
    margin: 50px auto 0;
    position: relative;
    overflow: hidden;
}

.faq .banner .banner_blackout {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
}

.faq .banner img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
}

.faq .banner h1,
.faq .banner h4,
.faq .banner a {
    position: relative;
}

.faq .banner h4 {
    margin: 15px 0 25px;
}

.faq .banner .btn-success {
    background-color: #3D5C72;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0;
}

.faq .banner .banner_content {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    z-index: 11;
}

.faq .banner .btn-success:hover {
    color: #fff !important;
    background-color: #135a79;
    box-shadow: rgba(28, 56, 72, 0.1) 0px 2px 2px, rgba(28, 56, 72, 0.1) 0px 4px 4px, rgba(28, 56, 72, 0.1) 0px 8px 8px, rgba(28, 56, 72, 0.1) 0px 16px 16px, rgba(28, 56, 72, 0.1) 0px 32px 32px, rgba(28, 56, 72, 0.1) 0px 64px 64px;
}

.faq .banner .btn-success:focus {
    background-color: #135a79;
    box-shadow: none;
    color: #fff;
    box-shadow: rgba(28, 56, 72, 0.1) 0px 2px 2px, rgba(28, 56, 72, 0.1) 0px 4px 4px, rgba(28, 56, 72, 0.1) 0px 8px 8px, rgba(28, 56, 72, 0.1) 0px 16px 16px, rgba(28, 56, 72, 0.1) 0px 32px 32px, rgba(28, 56, 72, 0.1) 0px 64px 64px;
}

.faq .banner .btn-success:active {
    background-color: #135a79;
    box-shadow: none;
    color: #fff;
    box-shadow: rgba(28, 56, 72, 0.1) 0px 2px 2px, rgba(28, 56, 72, 0.1) 0px 4px 4px, rgba(28, 56, 72, 0.1) 0px 8px 8px, rgba(28, 56, 72, 0.1) 0px 16px 16px, rgba(28, 56, 72, 0.1) 0px 32px 32px, rgba(28, 56, 72, 0.1) 0px 64px 64px;
    border: none;
}

.faq .banner .btn-success:active:focus {
    box-shadow: none;
}

.video_frame iframe {
    max-width: 560px;
    width: 100%;
}

.rundgang .section {
    margin-bottom: 90px;
}

.rundgang .section h1 a:hover {
    color: #02669d !important;
}

.rundgang .section h1 {
    margin-bottom: 50px;
}

@media (max-width: 430px) {
    .rundgang .section h1 {
        font-size: 25px;
        margin-bottom: 10px;
        margin-top: 20px;
    }
}

.rundgang .section p {
    margin: 40px 0;
}

.rundgang .section .btn {
    color: #FFF;
}

.rundgang .section .btn:hover {
    color: #FFF;
    background-color: #08a7fd;
}

.rundgang .section .btn:hover,
.rundgang .section .btn:active,
.rundgang .section .btn:focus,
.rundgang .section .btn:active:focus {
    box-shadow: rgba(28, 56, 72, 0.1) 0px 2px 2px, rgba(28, 56, 72, 0.1) 0px 4px 4px, rgba(28, 56, 72, 0.1) 0px 8px 8px, rgba(28, 56, 72, 0.1) 0px 16px 16px, rgba(28, 56, 72, 0.1) 0px 32px 32px, rgba(28, 56, 72, 0.1) 0px 64px 64px;
}

.rundgang .section .img_field {
    position: relative;
    display: inline-block;
}

.rundgang .section .img_field img {
    width: 100%;
}

.rundgang .section .img_field .overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: rgba(2, 102, 157, 0.7);
    opacity: 0;
    transition: .2s ease-in-out;
}

.rundgang .section .img_field .overlay:hover {
    opacity: 1;
    transition: .2s ease-in-out;
    cursor: pointer;
}

.rundgang .section .img_field .overlay_icon:hover {
    cursor: pointer;
}

.rundgang .rundgang_carousel {
    position: fixed;
    z-index: 2001;
    top: 50%;
    left: 50%;
    height: auto;
    width: 50%;
    transform: translate(-50%, -50%);
    max-width: 990px;
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s ease-in-out;
}

.rundgang .rundgang_carousel_show {
    visibility: visible;
    opacity: 1;
}

@media (max-width: 767px) {
    .rundgang .rundgang_carousel {
        width: 90%;
    }

    .rundgang #carouselRundgangControls .carousel-control-prev {
        left: 0 !important;
    }

    .rundgang #carouselRundgangControls .carousel-control-next {
        right: 0 !important;
    }
}

.rundgang #carouselRundgangControls .carousel-item {
    padding-top: 100%;
}

.rundgang #carouselRundgangControls .carousel-item img {
    position: absolute;
    width: 100%;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.rundgang #carouselRundgangControls .carousel-control-prev {
    left: -20%;
}

.rundgang #carouselRundgangControls .carousel-control-next {
    right: -20%;
}

.rundgang .rundgang_blackout {
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    height: 0;
    z-index: 2000;
    cursor: zoom-out;
    transition: height .2s ease-in-out;
}

.rundgang .rundgang_overlay_show {
    height: 100%;
}

.heiligenhafen_info {
    overflow: hidden;
}

.heiligenhafen_info .padding-top {
    padding-top: 50px;
}

.heiligenhafen_info .banner {
    position: relative;
    height: 500px;
    max-width: 1920px;
    margin: 0 auto;
}

.heiligenhafen_info .banner .banner_container .welle {
    background-image: url(/storage/app/media/welle-weiss.png);
    background-repeat: no-repeat;
    height: 50px;
    width: 1920px;
    z-index: 2;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
}

.heiligenhafen_info .banner .banner_container img {
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    left: 50%;
}

.heiligenhafen_info .banner .loading {
    position: absolute;
    bottom: 0;
    height: 5px;
    background-color: rgba(29, 29, 29, 0.20);
    transform-origin: 0;
}

.heiligenhafen_info .banner .round-icon {
    position: absolute;
    width: 100px;
    transform: translateX(-50%);
    left: 50%;
    bottom: -50px;
}

@media (max-width: 991px) {
    .heiligenhafen_info .video_frame {
        text-align: center;
    }
}

.heiligenhafen_info .smHeadline {
    margin: 50px 0 20px;
}

.heiligenhafen_info .events {
    margin-top: 30px;
    padding-left: 0;
}

.heiligenhafen_info .events table {
    width: 100%;
    margin-left: 15px;
}

.heiligenhafen_info .events table .mobile_date {
    display: none;
}

@media (max-width: 767px) {
    .heiligenhafen_info .events table .mobile_date {
        display: block;
        font-weight: 700;
    }

    .heiligenhafen_info .events table tr td:first-child {
        display: none;
    }
}

.heiligenhafen_info .events table td {
    font-size: 18px;
    color: #666;
    padding: 10px 0;
}

.heiligenhafen_info .events table tr td:first-child {
    width: 250px;
}

/* Rundgang alternative Test */
.heiligenhafen_info .rundgang_images {
    margin-bottom: 50px;
}

.heiligenhafen_info .rundgang_images .overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(2, 102, 157, 0.7);
    opacity: 0;
    transition: opacity .2s ease-in-out;
}

.heiligenhafen_info .img_item:hover .subject {
    cursor: pointer;
    box-shadow: rgba(28, 56, 72, 0.1) 0px 2px 2px, rgba(28, 56, 72, 0.1) 0px 4px 4px, rgba(28, 56, 72, 0.1) 0px 8px 8px, rgba(28, 56, 72, 0.1) 0px 16px 16px, rgba(28, 56, 72, 0.1) 0px 32px 32px, rgba(28, 56, 72, 0.1) 0px 64px 64px;
}

.heiligenhafen_info .img_item .img_container .overlay:hover {
    cursor: pointer;
    opacity: 1;
}

.heiligenhafen_info .rundgang_images .img_container {
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 100%;
}

.heiligenhafen_info .rundgang_images .img_container:after {
    padding-top: 56.25%;
    content: '';
    display: block;
}

.heiligenhafen_info .rundgang_images img {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    width: 100%;
}

.heiligenhafen_info .rundgang_images .subject {
    text-align: center;
    margin-top: -8px;
    box-shadow: none;
    transition: box-shadow .2s ease-in-out;
    padding: 10px 0;
}

.heiligenhafen_info .rundgang_images .subject p {
    font-size: 13px;
    font-style: italic;
}

@media (max-width: 991px) {
    .heiligenhafen_info .rundgang_images .subject {
        margin-bottom: 30px;
    }

    .heiligenhafen_info .img_item {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 767px) {
    .heiligenhafen_info .img_item {
        width: 100%;
    }
}

/* Rundgang alternative Test */


.open_image_overlay {
    cursor: pointer;
}

.image_overlay {
    position: fixed;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    height: auto;
    z-index: 2001;
    transition: height .2s ease-in-out;
    width: 50%;
    max-width: 850px;
    opacity: 0;
    visibility: hidden;
}

@media (max-width: 767px) {
    .image_overlay {
        width: 90%;
    }
}

@media (max-width: 991px) {
    .image_overlay {
        width: 80%;
    }
}

.image_overlay img {
    width: 100%;
}

.overlay_blackout {
    position: fixed;
    top: 0;
    width: 100%;
    height: 0;
    z-index: 2000;
    transition: height .2s ease-in-out;
    background-color: rgba(0, 0, 0, 0.85);
    cursor: zoom-out;
    overflow: hidden;
}

.image_overlay_display {
    opacity: 1;
    visibility: visible;
    transition: opacity .2s ease-in-out;
}

.blackout_overlay_height {
    height: 100%;
}

.image_overlay .close_icon:before {
    font-family: "FontAwesome";
    content: "\f00d";
    color: white;
    font-style: initial;
    position: absolute;
    line-height: 1;
    font-size: 30px;
    top: -30px;
    right: 0;
    cursor: pointer;
}

.contact .required {
    position: relative;
}

.contact .required:after {
    background-color: #c20a0a;
    width: 5px;
    height: 5px;
    margin-left: 3px;
    vertical-align: super;
    font-size: 60%;
    content: "";
    display: inline-block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.contact .control-label {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
    color: #2d2d2d;
}

.contact select,
.contact textarea,
.contact input {
    background-color: #f4f4f4;
    border: none;
    color: #9c9c9c;
}

.contact select:hover,
.contact textarea:hover,
.contact input:hover {
    box-shadow: 0px 0px 10px #cdd6db;
}

.contact select:focus,
.contact textarea:focus,
.contact input:focus {
    box-shadow: 0px 0px 10px #cdd6db;
    background-color: #f4f4f4;
    color: #9c9c9c;
}

.contact select,
.contact input {
    height: 45px;
}

.contact .checkbox label {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    color: #2d2d2d;
}

.contact input[type='checkbox'] {
    height: auto;
    margin-right: 10px;
}

.contact button {
    border: none;
    border-radius: 0;
    background-color: #02669d !important;
    font-size: 14px;
    font-weight: 400;
    padding: 15px 30px;
    color: #ffffff;
    background-image: none;
    text-shadow: none;
}

.contact button:hover {
    background-color: #08a7fd !important;
    box-shadow: rgba(28, 56, 72, 0.1) 0px 2px 2px, rgba(28, 56, 72, 0.1) 0px 4px 4px, rgba(28, 56, 72, 0.1) 0px 8px 8px, rgba(28, 56, 72, 0.1) 0px 16px 16px, rgba(28, 56, 72, 0.1) 0px 32px 32px, rgba(28, 56, 72, 0.1) 0px 64px 64px;
}

.contact button:focus {
    background-color: #08a7fd !important;
    box-shadow: rgba(28, 56, 72, 0.1) 0px 2px 2px, rgba(28, 56, 72, 0.1) 0px 4px 4px, rgba(28, 56, 72, 0.1) 0px 8px 8px, rgba(28, 56, 72, 0.1) 0px 16px 16px, rgba(28, 56, 72, 0.1) 0px 32px 32px, rgba(28, 56, 72, 0.1) 0px 64px 64px;
    border: none;
}

.contact .telefon_field,
.contact .email_field {
    width: 48%;
}

.contact .telefon_field {
    float: left;
}

.contact .email_field {
    float: right;
}

@media (max-width: 450px) {
    .contact .telefon_field,
    .contact .email_field {
        width: 100%;
        float: none;
    }
}

.contact .subText {
    font-size: 0.85em;
    font-weight: 400;
    line-height: 1.6;
    color: #2d2d2d;
    margin-left: 30px;
}

.contact .headline {
    font-weight: 700;
    font-size: 25px;
    line-height: 1.20;
    padding: 0;
    margin: 0 0 15px 0;
}

.contact ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.contact li {
    position: relative;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    color: #2d2d2d;
    padding-left: 40px;
}

.contact li i {
    position: absolute;
    left: 0;
    top: 4px;
}

.contact .info_field {
    margin-bottom: 35px;
}

.contact .info_field:first-child {
    margin-top: 150px;
}

@media (max-width: 767px) {
    .contact .info_field:first-child {
        margin-top: 50px;
    }
}

.ferienhaeuser .banner {
    position: relative;
    height: 500px;
    max-width: 1920px;
    margin: 0 auto;
}

.ferienhaeuser .banner .banner_container .welle {
    background-image: url(/storage/app/media/welle-weiss.png);
    background-repeat: no-repeat;
    position: absolute;
    height: 50px;
    width: 1920px;
    z-index: 2;
}

.ferienhaeuser .banner .banner_container img {
    position: absolute;
    width: 1920px;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.ferienhaeuser .banner .round-icon {
    position: absolute;
    width: 100px;
    transform: translateX(-50%);
    left: 50%;
    bottom: -50px;
}

.ferienhaeuser .banner .banner_container {
    overflow: hidden;
    height: 500px;
    position: relative;
}

.ferienhaeuser .padding-top {
    padding-top: 100px;
}

.ferienhaeuser .fewo-image img {
    width: 100%;
}

.ferienhaeuser .fewo-image {
    position: relative;
}

.ferienhaeuser .fewo-image .overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: rgba(2, 102, 157, 0.7);
    opacity: 0;
    transition: .2s ease-in-out;
}

.ferienhaeuser .fewo-image .overlay:hover {
    opacity: 1;
}

.ferienhaeuser .fewo-titel h2 {
    padding: 20px 0 10px;
    margin: 0;
}

.ferienhaeuser .fewo-titel a:hover {
    text-decoration: underline;
}

.ferienhaeuser .col-md-6 {
    border-bottom: 2px solid #3D5C72;
    margin-bottom: 30px;
}

.ferienhaeuser #fewo-liste {
    padding: 20px 0 30px;
}

.ferienhaus_detail .short_list {
    list-style: none;
    padding-left: 0;
}

.ferienhaus_detail .preise {
    margin-top: 80px;
}

.ferienhaus_detail .preise h2 {
    text-align: center;
    color: #135a79;
    font-weight: 700;
}

.ferienhaus_detail .preise .fewo-saison {
    width: 100%;
}

.ferienhaus_detail .preise .fewo-saison thead {
    border-bottom: 2px solid #3D5C72;
    color: #3D5C72;
    font-weight: bold;
}

.ferienhaus_detail .preise .fewo-saison thead td {
    padding: 5px 10px;
}

.ferienhaus_detail .preise .fewo-saison tbody td {
    padding: 0 10px;
    color: #666;
}

.ferienhaus_detail .preise img {
    margin: 0 auto 20px;
    display: block;
}

.ferienhaus_detail .divider {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    margin: 80px 0;
}

.ferienhaus_detail .grundrisse {
    text-align: center;
    margin-bottom: 50px;
}

.ferienhaus_detail .short_list li {
    display: inline-block;
    padding-right: 20px;
    color: #f5a276;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.6;
}

.ferienhaus_detail .objektListe h3 {
    border-bottom: 1px solid #f5a276;
    padding-left: 15px;
}

@media (max-width: 767px) {
    .ferienhaus_detail .objektListe {
        margin-bottom: 50px;
    }

    .ferienhaus_detail .fewo-image-objekt img {
        width: 100%;
    }
}

.ferienwohnungen .banner {
    position: relative;
    height: 500px;
    max-width: 1920px;
    margin: 0 auto;
}

.ferienwohnungen .banner .banner_container .welle {
    background-image: url(/storage/app/media/welle-weiss.png);
    background-repeat: no-repeat;
    position: absolute;
    height: 50px;
    width: 1920px;
    z-index: 2;
}

.ferienwohnungen .banner .banner_container img {
    position: absolute;
    width: 1920px;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.ferienwohnungen .banner .round-icon {
    position: absolute;
    width: 100px;
    transform: translateX(-50%);
    left: 50%;
    bottom: -50px;
}

.ferienwohnungen .banner .banner_container {
    overflow: hidden;
    height: 500px;
    position: relative;
}

.ferienwohnungen .padding-top {
    padding-top: 100px;
}

.ferienwohnungen #fewo-liste {
    margin-top: 30px;
}

.ferienwohnungen .fewo-container .col-md-6 {
    border-bottom: 2px solid #3D5C72;
    margin-bottom: 30px;
}

.ferienwohnungen .fewo-container .fewo-titel h2 {
    padding: 15px 0;
    margin: 0;
}

.ferienwohnungen .fewo-container .fewo-titel h2:hover {
    text-decoration: underline;
    transition: .2s ease-in-out;
}

.ferienwohnungen .fewo-container .fewo-image img {
    width: 100%;
}

.ferienwohnungen .fewo-container .fewo-image {
    position: relative;
}

.ferienwohnungen .fewo-container .fewo-image .overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(2, 102, 157, 0.7);
    opacity: 0;
    transition: opacity .2s ease-in-out;
}

.ferienwohnungen .fewo-container .fewo-image .overlay:hover {
    opacity: 1;
}

.unterkuenfte .banner {
    position: relative;
    max-width: 1920px;
    height: 500px;
    margin: 0 auto;
}

.unterkuenfte .banner .banner_container .welle {
    background-image: url(/storage/app/media/welle-weiss.png);
    position: absolute;
    top: 0;
    width: 1920px;
    height: 50px;
    z-index: 2;
    background-repeat: no-repeat;
    transform: translateX(-50%);
    left: 50%;
}

.unterkuenfte .banner .banner_container img {
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    left: 50%;
}

.unterkuenfte .banner .round-icon {
    width: 100px;
    position: absolute;
    bottom: -50px;
    transform: translateX(-50%);
    left: 50%;
}

.unterkuenfte h1:first-child {
    margin-top: 90px;
}

.unterkuenfte .housings {
    margin: 60px 0;
}

.unterkuenfte .housings img {
    width: 100%;
}

.unterkuenfte .housings p {
    padding: 15px 0;
    margin: 0;
}

.unterkuenfte .housings a {
    font-weight: bold;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .unterkuenfte .housings div {
        margin-bottom: 45px;
    }

    .unterkuenfte .housings div:last-child {
        margin-bottom: 0;
    }
}

.haus_detail .banner {
    height: 500px;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
}

.haus_detail .banner .banner_container {
    overflow: hidden;
    height: 500px;
    position: relative;
}

.haus_detail .banner .banner_container .welle {
    position: absolute;
    background-image: url(/storage/app/media/welle-weiss.png);
    background-repeat: no-repeat;
    width: 1920px;
    height: 50px;
    transform: translateX(-50%);
    left: 50%;
    z-index: 2;
}

.haus_detail .banner .banner_container img {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 100%;
}

.haus_detail .banner .round-icon {
    width: 100px;
    position: absolute;
    bottom: -50px;
    transform: translateX(-50%);
    left: 50%;
}

.haus_detail .welcome {
    margin-top: 100px;
}

.haus_detail #fewo-liste .short_list {
    list-style: none;
    padding-left: 0;
}

.haus_detail #fewo-liste .short_list li {
    display: inline-block;
    padding-right: 20px;
    color: #f5a276;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.6;
}

.haus_detail #fewo-liste .fewo-titel {
    border-bottom: 1px solid #f5a276;
    padding: 0 120px 0 0px;
}

.haus_detail #fewo-liste .fewo-titel a {
    color: #3D5C72;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 22px;
    text-decoration: none;
}

.haus_detail #fewo-liste .general_headline {
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1.20;
    padding: 0;
    margin: 20px 0 15px 0;
    color: #3D5C72;
}

.haus_detail #fewo-liste article {
    background-color: #f5e9dd;
    margin-bottom: 30px;
    padding: 10px 10px 20px;
}

@media (max-width: 767px) {
    .mobileFix {
        display: block !important;
        height: 30px;
        width: 30px;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
    }

    .mobileFix:before {
        content: '\f00d';
        font-family: 'FontAwesome';
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        font-size: 30px;
        color: black;
    }
}

.mobileFix {
    display: none;
}

/** Carousel **/
#galerie {
    width: 100%;
}

.jcarousel-wrapper {
    margin: 20px auto;
    position: relative;
}

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 30px;
}

.jcarousel ul {
    width: 10000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    width: calc(100% / 3);
    float: left;
    border: 1px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding: 0 5px;
}

.jcarousel li img {
    width: 100%;
    height: auto;
}

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: calc(50% - 15px);
    margin-top: -15px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #fff;
    color: #aaa;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 4px #F0EFE7;
    -moz-box-shadow: 0 0 4px #F0EFE7;
    box-shadow: 0 0 4px #F0EFE7;
    opacity: .8;
}

.jcarousel-control-prev {
    left: 15px;
}

.jcarousel-control-next {
    right: 15px;
}

.jcarousel-pagination {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

@media (max-width: 450px) {
    .jcarousel-pagination {
        display: none;
    }
}

.jcarousel-pagination a {
    border-color: #08a7fd;
    border-width: 2px;
    border-style: solid;
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    height: 12px;
    width: 12px;
    line-height: 10px;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;
    margin-right: 7px;
}

.jcarousel-pagination a.active {
    color: #fff;
    opacity: 1;
    border-color: #02669d;

    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}

.date-picker-wrapper .cal-arrow {top: -62px !important;}
.date-picker-wrapper .valid, .date-picker-wrapper .legend_free  {background-color: #3D5C72 !important;}
.has-tooltip.invalid.noarrival, .date-picker-wrapper .legend_block{ background-color: #f4a479 !important; color: #000!important;}
.lastMonth.has-tooltip.invalid.noarrival { background-color: #fff!important;}
.date-picker-wrapper .lastMonth {background-color: white !important;}
.date-picker-wrapper .nodeparture {background-color: #3D5C72 !important;}

.cal_legend .legend_set:nth-child(2) {display: none;}

.eigentuemerlogin .q-btn {margin-left: 32px;}

/*
.eigentuemerdaten {
    font-family: arial !important; font-size: 12px;
}

.eigentuemerlogin,
.eigentuemerdaten {
    padding: 50px 0;
}

.eigentuemerdaten .q-tab-panel {padding: 0px;!important}

@media (max-width: 500px) {
    .eigentuemerlogin h1,
    .eigentuemerdaten h1 {
        font-size: 25px;
    }
}

@media (max-width: 350px) {
    .eigentuemerlogin h1,
    .eigentuemerdaten h1 {
        font-size: 20px;
    }
}
*/

.rateo,
.raten {
    display: inline-block;
}

.objliste .rateo:after {
    font-size: 20px;
}

.rateo:after,
.cat-name .fewo_star_active:after {
    font: normal normal normal 24px/1 FontAwesome;
    content: '\f005';
    color: #fbc118;
    display: inline-block;
}

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

#fewo-objektliste .fewo-item .fewo-rating-text {
    display: inline-block;
    padding-left: 10px;
}

.ausst-icon .fewo-ausst-attr {
    float: left;
    width: 60px;
} 

.ausst-icon .fewo-ausst-attr img {width: 100%;}

.detailseite .fewo-angebote {
    text-align: center;
    background-color: #f5e9dd;
    padding: 70px 0 50px;
}

.buchungs_seite .fewo-offer .offer_title {
    color: #135a79;
    line-height: 1.20;
    padding: 0;
    font-weight: 700;
    font-size: 20px;
    margin-top: 0;
    text-transform: uppercase;
}

.buchungs_seite #btnend {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

@media (max-width: 767px) {
    .buchungs_seite .fewo-offer .offer_img {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
}