/*!
 * Start Bootstrap - Creative v4.0.0-beta.2 (https://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-creative/blob/master/LICENSE)
 */
 
/*Basic Settings*/
body,html {width: 100%; height: 100%;}
body {font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; }
hr {max-width: 50px; border-width: 3px;border-color: #4E8BCF;}
hr.light {border-color: #fff;}
a {color: #343a40; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
a:hover {color: #343a40;}
textarea {max-width: 100%;}

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

.clear-left {clear: left;}     
/*Background-Colors*/
.bg-primary {background-color: #95938b !important; }
.bg-farbe {background-color: #F7F5F4; }
.bg-secondary {background-color: #f7f5f4!important;}

/*Background-Colors*/
.text-primary {color: #212529 !important; }

/*Button colors*/
.btn-info {background-color: #ccc;}
.btn-info:hover {background-color: #f1ab0b !important; }
.btn-info:focus { box-shadow: none !important; }
.btn-secondary {background-color: #95938b;}
.btn-secondary:hover {background-color: #f1ab0b;}
.btn-secondary.disabled, .btn-secondary:disabled {background-color: #ffc107 !important;}
.btn {text-shadow: none !important;}
.btn-light {background-color: #e5e5e5!important;}
.btn-success {background-color: #95938b;}
.btn-success:hover {background-color: #f1ab0b;}
img.mfp-img {padding: 40px 0 25px !important;}
section {padding: 3rem 0!important;}
.section-heading { margin-top: 0; }
::-moz-selection {color: #fff;background: #212529;text-shadow: none;}
.btn.focus, .btn:focus {box-shadow: none!important;}

::selection {color: #fff;background: #212529;text-shadow: none;}
.btn.focus, .btn:focus {box-shadow: none!important;}

.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {    box-shadow: none!important;}
    
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {    color: #fff;    background-color: #f1ab0b;    border-color: #f1ab0b;}
.btn-success.focus, .btn-success:focus {box-shadow: none!important;}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle:focus {    box-shadow: none!important;}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {    color: #fff;    background-color: #f1ab0b;    border-color: #f1ab0b; }
.btn-secondary.focus, .btn-secondary:focus {box-shadow: none!important;}




img::selection {color: #fff; background: transparent; }
img::-moz-selection {color: #fff; background: transparent;}
body {-webkit-tap-highlight-color: #212529;}

/*Navigation*/
#mainNav {background-color: white !important; box-shadow: 0px 1px 3px #0000004f  !important; font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
#mainNav .navbar-brand {font-weight: 700; text-transform: uppercase; color: #4E8BCF; font-family: 'open sans', 'Helvetica Neue', Arial, sans-serif; }
#mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {color: #4E8BCF; }
#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: #212529; }
#mainNav .navbar-nav > li.nav-item > a:hover, #mainNav .navbar-nav > li.nav-item > a:focus:hover {color: #f1ab0b;}
#mainNav .navbar-nav > li.nav-item > a.active, #mainNav .navbar-nav > li.nav-item > a:focus.active {color: #4E8BCF !important; background-color: transparent; }
#mainNav .navbar-nav > li.nav-item > a.active:hover,#mainNav .navbar-nav > li.nav-item > a:focus.active:hover {background-color: transparent;}
#mainNav .merkerlink:before {content: "\f004"; font-family: 'FontAwesome'; font-size: 16px;color: #fff; }
#mainNav .merkerlink {position: relative; background-color: #95938b; padding: 5px 10px; border-radius: 10px; color: #fff; cursor: pointer;}
#mainNav .merkerlink .fewo_merk_value {font-weight: bold; margin-left: 5px; color: #fff; margin-right: 5px;}
.navbar-nav .dropdown-menu {background-color: #f1ab0b; top: calc(100% - 2px)}
.navbar-nav .dropdown-menu .nav-item a:hover {color: #212529; background-color: #fff;}
.navbar-nav .dropdown-menu .nav-item a {display: block; width: 100%; padding: .25rem 1.5rem; clear: both; font-weight: 400; color: #fff; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; text-decoration: none;}
.navbar-nav {margin-bottom: 20px;}
.navbar-brand img {width: 300px;}
@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: #4E8BCF;}
  #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: #f1ab0b;}
  #mainNav.navbar-shrink {border-bottom: 1px solid rgba(33, 37, 41, 0.1); background-color: #fff;}
  #mainNav.navbar-shrink .navbar-brand {color: #4E8BCF;}
  #mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover {color: #4E8BCF;}
  #mainNav.navbar-shrink .navbar-nav > li.nav-item > a, #mainNav.navbar-shrink .navbar-nav > li.nav-item > a:focus {color: #212529;}
  #mainNav.navbar-shrink .navbar-nav > li.nav-item > a:hover, #mainNav.navbar-shrink .navbar-nav > li.nav-item > a:focus:hover {color: #f1ab0b; }
  #mainNav li:hover > ul { display: block; opacity: 1;}
  .navbar-nav {margin-bottom: 0px;}
}

/*Home Startseitenbild und Suchbereich*/
header.masthead {min-height: 650px;position: relative; background-image: url("../images/luftaufnahme.jpg"); background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
header.masthead hr {margin-top: 30px; margin-bottom: 30px;}
header.masthead h1 {font-size: 2rem;}
header.masthead p {font-weight: 300;}
header.masthead .home_container {top: 300px; position: absolute; left: calc(50% - 600px); width: 1200px;}
header.masthead .home_container_text {background-color: rgba(255, 255, 255, 0.8); width: 600px; border-radius: 10px; padding: 10px; text-align: center; margin: 0 auto; margin-bottom: 50px;}
header.masthead .home_suche {background-color: rgba(255, 255, 255, 0.8); width: fit-content; width: -moz-fit-content; width: -webkit-fit-content; display: table; border-radius: 10px; margin: 0 auto;}
header.masthead .home_suche .form-control[readonly] {background-color: #fff !important;}
header.masthead input.form-control, header.masthead select.form-control, header.masthead .btn {height:45px !important;}
header.masthead .form-region, header.masthead .form-fromdate , header.masthead .form-todate, header.masthead .form-personen {width: 160px;}
header.masthead .form-control:focus {     box-shadow: none !important;}

@media (min-width: 768px) {
	header.masthead p {font-size: 1.15rem; } 
}

@media (min-width: 992px) {
	header.masthead {height: 100vh;  padding-top: 0; padding-bottom: 0;}
	header.masthead h1 {font-size: 2.5rem; } 
}

@media (min-width: 1700px) {
	header.masthead h1 {font-size: 3rem; }
}

/*Home Objekte*/
/*.zufallsobjekte .fewo_image {width: 350px;}*/
.zufallsobjekte .fewo-item {margin-bottom:40px; font-family: 'open sans', 'Helvetica Neue', 'Arial', sans-serif;}
.zufallsobjekte .fewo-item .obj_eintrag {position: relative; overflow:hidden; background-color: #fff; display: inline-block; width:100%;}
.zufallsobjekte .fewo-item .obj_bild_infos {position: relative; }
.zufallsobjekte .fewo-item .obj_bild_infos div {font-size: 12px; color: #3e3e3e;}
.zufallsobjekte .fewo-item .fewo_infos {padding: 10px 0px; width: 100%; display: inline-block; font-weight:bold; position: absolute; bottom: 0px; background-color: rgba(255, 255, 255, 0.9);}
.zufallsobjekte .fewo-item .fewo_infos .big {padding: 5px;}
.zufallsobjekte .fewo-item .fewo-preis .big {font-weight: bold;}
.zufallsobjekte .fewo-item .detail-link button {width: 100%; padding: 10px 0px;}
.zufallsobjekte .fewo-item .fewo-rating {position: absolute; top: 10px; right: 10px; background-color: rgba(255, 255, 255, 0.9); padding: 5px 10px !important; width: 135px !important; max-width: 135px;}
.zufallsobjekte .fewo-item .fewo_titel {width: 100%;}
.fewo-item .fewo_titel { font-weight:700; font-size: 1em; padding-top: 10px; padding-bottom: 10px; width: calc(100% - 140px)}
.fewo-item .fewo_image img {width: 100%;}
.belg_eintrag .fewo-titel {margin-bottom: 0px;}
.detail-link {display:inline-block; width:100%;}
.br-theme-fontawesome-stars-o .br-widget a {margin-right: 0px !important; margin-left: 2px; font: normal normal normal 22px/1 FontAwesome !important;}

.introtext h1, .masthead .text-faded, .bg_bild h2 {text-shadow: 2px 1px #2727279e;}
.text-faded {font-size:1.2em!important;}
.br-theme-fontawesome-stars-o .br-widget a.br-selected:after {color: #fbc118 !important;}

/*Home-Service*/
.service-box h3 {margin-top: 20px; font-size: 18px; color: #212529;}
.service-box { max-width: 400px; padding: 20px 10px; font-weight: 600; border-radius: 5px;}

/*Home-Kontakt*/
.bg_kontaktlink {background-image: url("../images/Hauptbild.jpg"); background-position: center center; background-size: cover; background-attachment: fixed;}
.kontakt_box {background-color: rgba(255, 255, 255, 0.9);}

/*Bewertungsanzeige*/
.overall_ratingbox {position: relative; text-align: center;}
.overall_ratingbox .ratingall {color: #fff; top: 165px; position: absolute; width: 100%; text-align: center; font-size: 17px; font-weight: bold;}
.overall_ratingbox .overall_rating_value {position: absolute; top: 50px; width: 100%;}
.overall_ratingbox .overall_rating_value .rating_value {font-weight: bold; font-size: 46px;}

/* Footer */
.footer1 {padding: 30px 0 0 0; font-size: 14px;}
.footer1 .widget { margin-bottom:30px; }		
.footer1 .widget-body, .footer1 .widget-body a {font-size:22px; color: #666;}
.footer1 .widget-kontakt a, .footer1 .entry-meta a {color: #666;} 
.footer1 .widget-title { font-size: 20px; font-weight: 400; margin: 0 0 20px; }
.footer1 .widget-link a {border: solid 1px #666; padding: 3px 15px; display: inline-block; margin-bottom: 5px; margin-right: 5px; color: #666;} 
.footer1 .entry-meta { border-top: 1px solid #666; border-bottom: 1px solid #ccc; margin: 0 0 35px 0; padding: 2px 0; color: #888888; font-size: 12px; font-size: 0.75rem; }
.footer1 .entry-meta .meta-in { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0; }
.footer1 i {margin-right:5px;}

/*Social Media Icons*/
.follow-me-icons { font-size:30px; }		
.follow-me-icons i { float:left; margin:0 10px 0 0; }		

.footer2 {padding: 15px 0; color: #fff; font-size: 12px; }
.footer2 a { color: #fff; }
.footer2 a:hover { color: #fff; }
.footer2 p { margin: 0; }
.bew_titel h2 {color:#000;}

/*Objektliste*/
#fewo-liste .fewo_list_countseiten {display: none;}
#fewo-liste .post {width: 100%;}
.fewo_list_sort{float:right; display: inline-block;}
.fewo_list_count {display: inline-block;}
.fewo_list_sortlabel {float:left;margin-right:5px;}
.fewo_list_sort select {float: left; max-width: 215px; height: 26px !important; line-height: 24px !important; padding: 0px 5px !important; cursor: pointer;}
.objliste .fewo-rating {position: absolute; right: 10px; top: 10px; float: right;}
.objliste .fewo-rating .fewo-rating-text {position: relative; }
.objliste .fewo_kurztext {margin-top: 10px; min-height: 75px; max-height: 75px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.objliste .fewo_infos {margin-bottom: 15px;}
.objliste .fewo_infos div {font-weight: bold;}
.objliste .fewo-btndetail a {color: #fff;}
.objliste .fewo_abpreis .big {font-size: 18px; font-weight: bold;}
.objliste .fewo_abpreis p {margin-bottom: 0px;}

.intselector, .listwert {height:30px; text-align:center; line-height: 30px; width: 32px;}
.listwert {background-color: #fff; border-bottom: 1px solid #4e8bcf; border-top: 1px solid #4e8bcf; line-height: 28px;}
.weniger_waehlen {background-color: #95938b; border-radius: 10px 0px 0px 10px; color: #fff; cursor: pointer; font-weight: bold; line-height: 26px;}
.weniger_waehlen:hover {background-color: #f1ab0b;}
.mehr_waehlen {background-color: #95938b; border-radius: 0px 10px 10px 0px; color: #fff; cursor: pointer; font-weight: bold;}
.mehr_waehlen:hover {background-color: #f1ab0b;}
.rateo:after {font: normal normal normal 24px/1 FontAwesome; content: '\f005'; color: #EDB867; float: left;}
.raten:after {font: normal normal normal 24px/1 FontAwesome; content: '\f006'; color: #d2d2d2; float: left;}
.fewo-rating-text {font-size: 0.8rem;}

/*Listenfilter*/
.listenfilter .form-inputs, .checkies.dropdown {display: inline-block; margin-bottom:10px; width: 100%;}
.listenfilter .form-inputs .label, .checkies.dropdown label {font-weight: bold; font-size: 14px; margin-bottom: 2px; color: #666;}
.checkies.dropdown select {cursor: pointer;}
.listenfilter .form-control[readonly] {background-color: #fff;}
.listenfilter .check_element {position: relative; padding-left: 25px;}
.listenfilter .check_element label {width: 100%; padding-right: 25px; transition: 0.2s; cursor: pointer;}
.listenfilter .check_element label:hover {color: #4E8BCF;}
.listenfilter .check_element label:before {width: 16px; height: 16px; left: 0; top: 3px; position: absolute; border: 1px solid #ddd; content: '';}
.listenfilter .check_element label:after {width: 15px; height: 15px; left: 2px; top: 4px; position: absolute; line-height: 16px; font: 14px/1 FontAwesome; color: #4E8BCF; content: '\f00c'; opacity: 0; -moz-transition: all 0.25s ease 0s; -khtml-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s;}
.listenfilter .check_element input {float: left; display: none; margin: 0; padding: 0; line-height: 1; cursor: pointer; opacity: 0;}
.listenfilter .check_element input:checked + label:after {opacity: 1;}
.listenfilter .check_element .stcount {position: absolute; right: 0px;}
.listenfilter .checkies.dropdown label {font-size: 1rem !important; font-weight: 400 !important; line-height: 2.5;}
.listenfilter .checkies.dropdown .form-control {width: initial; float:right;}
.listenfilter .checkies .check_element label {margin-bottom: 1rem;}
.listenfilter .fld_personen {margin-top: 10px;}
/*Detailseite*/
.objekt_titel {padding-top: 10px; padding-bottom: 10px;}
.objekt_titel h1 {font-size: 2rem; margin-bottom: 0px;}


.kontakbox_details .kontakt_daten i {margin-right: 5px;}
.kontakbox_details .kontakt_daten p {font-size: 14px; margin-bottom:0px;}
.kontakbox_details .box_ansprechpartner p {font-weight: bold; text-align: center;}
.kontakbox_details .kontakt_bild {text-align: center;}
.kontakbox_details .kontakt_bild img {border-radius: 180px;width:150px}

.preise_detail p {margin-bottom: 0px;}
.preise_detail .big {font-size: 1.6em; font-weight: 600;}
.preise_detail .nebenkosten {font-size: 15px;}
.preise_detail .fewo-btnmerken:before {content: "\f004"; font-family: 'FontAwesome'; font-size: 16px; color: #fff; margin-right:5px;}
.detail_minheight {min-height: 665px;}
.slick-list {padding: 0px!important;}
.detail_container #btnmerken2 {padding: 10px 0px; width: 100%; background-color: #95938b; color: #fff;}
.detailseite_title, .fewo-infos_titel {padding: 10px; font-size: 1.3rem; margin: 0px;}

/*Preisrechner*/
.fewo-preisrechner {background-color: #fff; margin-bottom: 30px;}
.fewo-preisrechner form {padding: 20px 10px;}
.fewo-preisrechner div[class^="label"] {font-weight: bold;}
.obj_inline {display: inline-block;}
#summe {font-weight: bold; font-size: 1.2rem;}
.form-control:disabled, .form-control[readonly] {background-color: #fff !important;}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #f1ab0b;
    outline: 0;
    box-shadow: none !important;
}

.obj_bg {background-color: #fff; padding: 15px; margin-bottom: 30px; display: inline-block; width: 100%;}

/*Objektausstattungen*/
.fewo-ausst-group {display: inline-block; width: 100%; margin:0px;}
.ausst-border {border-bottom: 1px solid #ccc; display: inline-block; width: 100%;}
.fewo-ausst-group:last-child .ausst-border{border-bottom: 0px;}
.fewo-ausst {background-color: #fff; margin-bottom: 40px; padding: 15px;}
.fewo-ausst-title {font-weight: bold; float: left; width: 200px;}
.fewo-ausst-group ul {float: left;  width: calc(100% - 200px);}
.fewo-ausst-group ul li {float: left; width: 33%;}
.fewo-ausst-group:last-child .ausst-border ul {margin-bottom:0px;}

/*Objektentfernungen*/
.fewo-objektentf ul, .fewo-ausst-group ul  {list-style-type: none;}
.fewo-objektentf ul {width: 100%; display:inline-block; padding: 0px; margin-bottom: 0px;}
.fewo-objektentf ul li {width: calc(25% - 8px) ; float:left; background-color: #f2f2f2; padding: 10px; text-align: center;  margin: 10px 10px 0px 0px; font-weight: 600;}
.fewo-objektentf ul li:nth-child(4n) {margin-right: 0px;}
.fewo-objektentf .entfernung_km {margin-left: 5px;}

/*Saisonpreise*/
.fewo-saison thead {border-bottom: 1px solid #ccc;} 
.fewo-saison thead tr { font-weight: 600;}
.fewo-saison {width: 100%;}
.fewo-saison-mintage, .fewo-saison-bpers, .fewo-saison-wpers, .fewo-head-neben, .fewo-saison-neben, .fewo-head-bpers, .fewo-head-wpers, .fewo-head-mintage{text-align:center;}
.fewo-saison-line_even {background-color:#f7f5f4;}
.fewo-saisonzeiten td {padding: 5px 10px;}

/*Leistungen*/
.fewo_details_leistung tr {background-color: #f2f2f2; margin: 0px 5px 10px 0px; padding: 10px; display: inline-block;}

/*Belegungskalender*/
.belegungs_kalender_item {display: inline-block; }
.belegungsplan .fewo_detail_buchungsplan {margin-top: 0px; padding: 10px; background-color: #f7f5f4;}
.fewo_detail_buchungsplan {position: relative; display: inline-block; width: 100%;}
.fewo_detail_buchungsplan .btn-left {border:0px; text-align: center; position:absolute; left: 0px; top: 0px; font-weight: 800; color: #fff; background-color: #cccccc; font-size: 20px; cursor: pointer; height: 38px;} 
.fewo_detail_buchungsplan .btn-right  {border:0px; text-align: center; position:absolute; right: 0px; top: 0px; font-weight: 800; color: #fff; background-color: #cccccc; font-size: 20px;cursor: pointer; height: 38px;margin-right:3px;} 

.fewo_detail_buchungsplan .belkal .month {border-bottom: 1px solid #4e4e4e; text-align: center; font-weight:bold; padding: 7px 0px;}
.fewo_detail_buchungsplan .belkal {width: 23.5%; margin-right: 2% !important;}
.fewo_detail_buchungsplan .belkal:nth-child(4) {margin-right: 0% !important;}
.fewo_detail_buchungsplan .belkal .tage  td {padding-top:10px; padding-bottom: 5px;}
.fewo_detail_buchungsplan .belkal td {text-align: center;}
.legendeneintrag {
    display: inline-block;
    margin-right: 15px;
    margin-top: 10px;
    font-size: 0.9rem;
}

/*Detailseite Bewertungen */
.bew-slider .btn-left {border:0px; text-align: center; position:absolute; left: 0px; top: 0px; font-weight: 800; padding: 10px 20px;cursor: pointer;} 
.bew-slider .btn-right  {border:0px; text-align: center; position:absolute; right: 0px; top: 0px; font-weight: 800; padding: 10px 20px;cursor: pointer;} 
.btn-left:hover, .btn-right:hover, .belg_eintrag .btn-left:hover, .belg_eintrag .btn-right:hover {background-color: #f1ab0b; color:#fff;}
.bew-slider {padding: 5px 70px;}
.bew-slider h2 {font-size:1rem !important; font-weight:bold;}
.bew-slider .bew_gastname { font-style: italic; }
.fewo-cat div {float:left; width: 30%; margin-right:10px; display:inline-block;}
.cat-name {background-color: #4E8BCF; padding:10px; color:#fff; font-weight:600;}
.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}
.detailseite .bew_objtitel {display: none;}
.bew_nachricht {padding: 10px 0px;}
.rating_subject {width: 100%;}
.field-title {display: none;}
.form-fieldset-personal_details {margin-top: 20px;}


/*Buchungsmaske*/
.fewo_details_buchung .fewo_image img {width: 100%;}
.fewo_details_buchung .fewo_art, .fewo_details_buchung .fewo_infos div, .fewo_details_buchung .fewo_preis .big {font-weight: bold;}
.preis_uebersicht {
    margin-top: 42px;
    background-color: #ffffff;
    padding: 20px;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}
.preis_uebersicht .header_titel {
    font-weight: 700;
    font-size: 1.05rem;
    margin-bottom: 6px;
}

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

/*accordion*/
.accordion-link {color: #212529; font-weight:bold; cursor:pointer;}
.accordion-link:hover {text-decoration:underline;}
.card { width: 100%; display: inline-block;}

#galerie img {width: 100%; height:auto;}

/*Pagination*/
.control-pagination {text-align: right;}
.page-iteration {margin-right: 4px; font-size: 13px; color: #98a7a8;}
.control-pagination .page-next, .control-pagination .page-back, .control-pagination .page-last, .control-pagination .page-first {display: inline-block; padding: 10px 15px;}
.control-pagination .page-back:before {font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f104";}
.control-pagination .page-next:before, .control-pagination .page-back:before, .control-pagination .page-last:before, .control-pagination .page-first:before {color: #666666; font-size: 19px; line-height: 19px; display: inline-block; vertical-align: baseline; position: relative; top: 2px;}
.control-pagination .page-next:before {font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f105";}
.control-pagination .page-last:before {font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f101";}
.control-pagination .page-first:before {font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f100";}
.control-pagination select {width: 65px; background: #fff; display: inline-block; text-align: center; cursor: pointer; border: none;}
.control-pagination .page-first {padding-right: 6px;}
.control-pagination .page-back {padding-right: 10px;}
.control-pagination .page-next {padding-left: 10px;}
.control-pagination .page-last {padding-left: 6px;}
.control-pagination .btn {padding: 5px 10px !important; font-weight: normal; font-size: 12px;}

.obj_bg .bew-slider {padding: 0px 60px !important;}

/*Belegungskalender Anpassung*/
.cal-days .invalid.nodeparture.tmp {background-color: #c7c0c0; color: #fff !important;}

.delete a { background-color: #e2e2e2;  padding: 5px 10px; display: inline-block; font-size: 14px; border-radius: 5px; cursor: pointer; text-decoration:none!important; color: #333!important; margin-bottom:10px;}
.delete a:before {font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\F014"; margin-right: 7px;}

@media (max-width: 1300px){
	header.masthead .home_container {width: 100%; left: 0px;}
}

@media (max-width: 1200px){
	.nav-tabs .nav-item {width: 100%; flex: inherit !important;}
	.float-menu {float: none !important; width: 100%;}
	.preis_uebersicht {margin-top: 0px;}
	.overall_ratingbox img {width: 100%; max-width: 290px;}
	.overall_ratingbox .overall_rating_value .rating_value {font-size: 32px;}
	.overall_ratingbox .ratingall {top: 140px; font-size: 15px;}
	.listenfilter .form-inputs .label {width: 100%; max-width: 100%; display: inline-block;}
	.fewo-objektentf ul li {width: calc(50% - 8px) }
	.fewo-objektentf ul li:nth-child(2n) {margin-right: 0px;}
}

@media (max-width: 991px){
	#exTab2 {padding: 0px !important;}
	.leistung_header_mobile {display: inline-block; width: 100%; font-weight: bold;}
	.leistungenheader {display: none;}
	.zeile_leistung .leistung_titel, .zeile_leistung .leistung_anzahl, .zeile_leistung .leistung_preis, .zeile_leistung .leistung_summe {float: left; width: 50% !important;}
	.zeile_leistung .leistung_titel {text-align: right; padding-right: 0px !important;}
	.zeile_leistung .leistung_anzahl {text-align: right !important;}
	.zeile_leistung {padding: 5px;}
	.zeile_leistung:nth-child(2n) {background-color: #f2f2f2;}
	.zusammenfassung .daten .label {width: 200px;}
	.zusammenfassung .daten .zusammenfassung {width: calc(100% - 200px);}
	header.masthead .home_container_text {width: fit-content; width: -webkit-fit-content; width: -moz-fit-content; margin: 0px auto 20px; max-width: calc(100% - 40px);}
	header.masthead .home_container {top: 200px;}
	header.masthead .home_suche {max-width: calc(100% - 40px); margin: 0 auto;}
	.zufallsobjekte .fewo-item:nth-child(3) {display: none;}
	.objliste .fewo_infos {margin-bottom: 10px;}
	.slider_container {padding-right: 15px !important;}
	.detail_container {padding-left: 15px !important;}
	.detail_minheight {min-height: initial;}
	.fewo-ausst-group ul li {width: 50%;}
	.mobile_price_label {display: inline-block!important; font-weight:bold; width: 100%;}
	.fewo-saisonzeiten td {float:left; width: 50%; text-align:right; margin-bottom: 5px;}
	.fewo-saison thead {display:none;}
	.fewo_detail_buchungsplan .belkal {width: 49% !important;}
	.fewo_detail_buchungsplan .belkal:nth-child(3), .fewo_detail_buchungsplan .belkal:nth-child(4) {display:none;}
	.fewo_detail_buchungsplan .belkal:nth-child(2) {margin-right: 0%!important;}
	.detail_minheight {min-height: inherit !important;}
	.zeile_leistung  {height: initial; }
	.zeile_leistung .select {float: initial;}
	.slick-slideshow {height: inherit!important; max-height: inherit!important;}
}

@media (max-width: 900px){
	.home_suche .objektsuche div {width: calc(50% - 5px); margin-right: 10px !important; margin-bottom: 10px;}
	.home_suche .objektsuche div:nth-child(2n) {margin-right: 0px !important;}
	.home_suche .objektsuche .btn {width: calc(50% - 5px) !important;}
}


@media (max-width: 767px){
	.zufallsobjekte .fewo-item:nth-child(3) {display: inline-block;}
	.zufallsobjekte .fewo_image, .service-box {width: 100%; max-width: 100%;}
	.h1, h1 {font-size: 2rem !important;}
	.objliste .fewo_abpreis {margin-bottom: 15px;}
	.objliste .fewo-rating {position: initial; right: initial; top: initial; margin-bottom: 10px;}
	.fewo-ausst-group ul {width: 100%; padding-left: 0px; padding-top: 5px;}
	.navbar-collapse .navbar-nav {padding-bottom: 0px;}
	.fewo-item .fewo_titel {width: 100%;}
	.navbar-collapse ul {text-align: left;}
}

@media (max-width: 550px){	
	header.masthead .home_container {top: 100px;}
	header.masthead .home_container_text {padding: 20px;}
	.fewo-saisonzeiten td {width: 100%; text-align:center; margin-bottom: 0px;}
	.fewo_list_sort {float: left; width: 100%;}
}

@media (max-width: 576px){
	.ctrl_anreisecontainer, .ctrl_abreisecontainer {width: 100%;}
	.fewo-ausst-group ul li, .fewo-objektentf ul li {width: 100%!important;}
	.btn-merkerliste {width: 100%; padding-left:15px !important;}
}

@media (max-width: 500px){	
	.zusammenfassung .daten .label,	.zusammenfassung .daten .zusammenfassung {width: 100% !important;}
	.zusammenfassung .daten .label {font-weight: bold;} 
	#mainNav .navbar-brand {margin-right: 0px; width: calc(100% - 60px);}
	#mainNav .navbar-brand img {max-width: 100%;}
	#footer .text-right {text-align: left !important;}
	.objliste .fewo-btndetail  {width:100%; padding-left: 15px;}	
	.h2, h2 {font-size: 1.5rem !important;}
}

@media (max-width: 450px){	
	.zufallsobjekte .fewo-item .fewo_infos {position: initial; background-color: #f1ab0b;}
	.zufallsobjekte .fewo-item .obj_bild_infos div {font-size: 15px; color: #fff;}
	.fewo_detail_buchungsplan .belkal {width: 100% !important; margin-right: 0;}
	.fewo_detail_buchungsplan .belkal:nth-child(2) {display:none;}
	.fewo_detail_buchungsplan .btn-right {right: 0px;}
	.fewo-preisrechner button {margin-bottom: 5px;}
}

@media (max-width: 400px){	
	.home_suche .objektsuche div {width: 100%; margin-right: 0px !important;}
	.home_suche .objektsuche .btn {width: 100% !important;}
	.zeile_leistung .leistung_titel, .zeile_leistung .leistung_anzahl, .zeile_leistung .leistung_preis, .zeile_leistung .leistung_summe {float: left; width: 100% !important; text-align: center !important; padding: 0px !important; padding-bottom: 10px !important;}
	.zufallsobjekte .detail_zufall {width: 100% !important; padding: 15px !important; max-width: 100% !important;}
	.zufallsobjekte .preis_zufall {width: 100% !important; padding: 0px 15px !important; max-width: 100% !important;}
	.zufallsobjekte .fewo-preis p {margin-bottom: 0px !important;}
}

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

/* =========================================================
   MODERNE DETAILSEITE – PREISRECHNER
   ========================================================= */

.preisrechner-modern {
    padding: 22px 25px;
}

.preisrechner-hinweis {
    margin: 0 0 20px 0;
    color: #555;
    font-size: 0.95rem;
}


/* Formular kompakter und sauberer ausrichten */
.preisrechner-modern .fewo-preisrechner {
    margin-bottom: 0;
}

.preisrechner-modern .fewo-preisrechner form {
    padding: 0;
}


/* Beschriftungen */
.preisrechner-modern .fewo-preisrechner div[class^="label"] {
    font-weight: 700;
    margin-bottom: 6px;
}


/* Eingabefelder */
.preisrechner-modern .form-control {
    min-height: 42px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 1rem;
}


/* Gesamtpreis stärker hervorheben */
.preisrechner-modern #summe {
    font-size: 1.35rem;
    font-weight: 700;
}


/* Buttons vereinheitlichen */
.preisrechner-modern .btn {
    min-height: 42px;
    min-width: 135px;
    padding: 9px 18px;
    font-weight: 700;
    border: 0;
}


/* Anfrage = dezenter */
.preisrechner-modern .btn-secondary {
    background-color: #95938b;
    color: #fff;
}


/* Buchen = wichtigste Aktion */
.preisrechner-modern .btn-success {
    background-color: #f1ab0b;
    color: #212529;
}

.preisrechner-modern .btn-success:hover {
    background-color: #d99a0a;
    color: #212529;
}


/* Mobil */
@media (max-width: 767px) {

    .preisrechner-modern {
        padding: 18px 15px;
    }

    .preisrechner-modern .form-control {
        width: 100%;
    }

    .preisrechner-modern .btn {
        width: 100%;
        margin-top: 8px;
    }
}
/* =========================================================
   DETAILSEITE – BESCHREIBUNG
   ========================================================= */

.objektbeschreibung-modern {
    font-size: 1rem;
    line-height: 1.65;
}

.objektbeschreibung-modern p {
    margin-bottom: 1rem;
}

.objektbeschreibung-modern p:last-child {
    margin-bottom: 0;
}

.objektbeschreibung-modern strong {
    font-weight: 700;
}
/* =========================================================
   DETAILSEITE – LAGE & UMGEBUNG
   ========================================================= */

.lage-modern {
    padding: 20px;
}

.lage-hinweis {
    margin-bottom: 18px;
    line-height: 1.6;
}

.lage-karte {
    width: 100%;
    overflow: hidden;
}

.lage-entfernungen {
    margin-top: 18px;
}

.lage-modern .fewo-objektentf ul li {
    width: calc(25% - 9px);
    margin: 0 12px 12px 0;
    padding: 12px;
    background-color: #f7f5f4;
    text-align: center;
    font-weight: 600;
}

.lage-modern .fewo-objektentf ul li:nth-child(4n) {
    margin-right: 0;
}

@media (max-width: 991px) {
    .lage-modern .fewo-objektentf ul li {
        width: calc(50% - 6px);
    }

    .lage-modern .fewo-objektentf ul li:nth-child(2n) {
        margin-right: 0;
    }
}

@media (max-width: 576px) {
    .lage-modern {
        padding: 15px;
    }

    .lage-modern .fewo-objektentf ul li {
        width: 100%;
        margin-right: 0;
    }
}
/* Belegungskalender – Plugin-Legende ausblenden */
.belegungsplan .legendeneintrag {
    display: none !important;
}
/* Plugin-Legende im Belegungskalender komplett ausblenden */
.fewo_detail_buchungsplan .legende,
.fewo_detail_buchungsplan .legenden,
.fewo_detail_buchungsplan .legendeneintrag,
.fewo_detail_buchungsplan [class*="legende"] {
    display: none !important;
}
/* =========================================================
   DETAILSEITE – PREISE & SAISONZEITEN
   ========================================================= */

.preise-modern {
    padding: 20px;
}

.preise-modern table {
    width: 100%;
    margin-bottom: 0;
}

.preise-modern table th {
    font-weight: 700;
    padding: 10px 12px;
}

.preise-modern table td {
    padding: 10px 12px;
    vertical-align: middle;
}

.preise-modern table tr {
    border-bottom: 1px solid #e5e5e5;
}

.preise-modern table tr:last-child {
    border-bottom: 0;
}

/* Preise & Saisonzeiten – Smartphone */
@media (max-width: 767px) {

    .preise-modern {
        padding: 15px;
        overflow: visible;
    }

    .preise-modern table {
        width: 100%;
        min-width: 0;
    }

    .preise-modern .fewo-saisonzeiten td {
        width: 50%;
        padding: 7px 8px;
        margin-bottom: 3px;
    }
}

@media (max-width: 550px) {

    .preise-modern .fewo-saisonzeiten td {
        width: 100%;
        text-align: left;
        padding: 6px 5px;
        margin-bottom: 2px;
    }

    }

/* =========================================================
   BUCHUNGSSEITE – WEITER-BUTTON
   ========================================================= */

.buchung-modern .btn {
    font-weight: 700;
}

.buchung-modern .btn-primary,
.buchung-modern .btn-secondary,
.buchung-modern .btn-success {
    background-color: #f1ab0b !important;
    border-color: #f1ab0b !important;
    color: #212529 !important;
    padding: 10px 24px;
    min-width: 130px;
}

.buchung-modern .btn-primary:hover,
.buchung-modern .btn-secondary:hover,
.buchung-modern .btn-success:hover {
    background-color: #d99a0a !important;
    border-color: #d99a0a !important;
    color: #212529 !important;
}
/* Buchungsseite – Reiter sauber ausrichten */
.buchung-modern .nav-tabs > li > a,
.buchung-modern .nav > li > a {
    padding-left: 15px !important;
    padding-right: 15px !important;
    text-align: center;
    white-space: nowrap;
}
/* Buchungsseite – Zeitraum kompakter */
.buchung-modern .tab-content {
    padding: 12px 15px !important;
}

.buchung-modern .tab-content h2 {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

.buchung-modern .tab-content p {
    margin-bottom: 12px !important;
}

.buchung-modern .fewo-buchung-cal {
    margin-top: 5px !important;
    margin-bottom: 8px !important;
}

.buchung-modern .fewo_buchung_personen {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.buchung-modern .form-group {
    margin-bottom: 8px !important;
}

.buchung-modern .btn {
    margin-top: 4px;
}
/* Reiter "Mitreisende" – Text vertikal ausrichten */

   /* =========================================================
   BUCHUNGSSEITE – REITER EINHEITLICH AUSRICHTEN
   ========================================================= */

#buchungTab .nav-item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    padding: 0;
}

#buchungTab .nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 42px;
    padding: 0 15px;
    margin: 0;
    line-height: 24px;
    position: static;
    transform: none;
}
/* =========================================================
   FERIENWOHNUNGSÜBERSICHT – LISTENKOPF AUFRÄUMEN
   ========================================================= */

#fewo-liste .fewo_list_countseiten,
#fewo-liste .fewo_list_count {
    display: none !important;
}

#fewo-liste .fewo_list_sortlabel {
    font-size: 1rem;
    font-weight: 600;
    color: #212529;
    line-height: 30px;
}

#fewo-liste .fewo_list_sort select {
    height: 30px !important;
    line-height: 28px !important;
    padding: 0 8px !important;
    border: 1px solid #ced4da;
    background-color: #fff;
}
/* =========================================================
   FERIENWOHNUNGSÜBERSICHT – KARTEN OPTIMIEREN
   ========================================================= */

/* 1. Wiederholung "Ferienwohnung" unter dem Titel ausblenden */
.objliste .fewo_art {
    display: none;
}


/* 2. Preis stärker hervorheben */
.objliste .fewo_abpreis {
    margin-top: 22px;
}

.objliste .fewo_abpreis .big {
    font-size: 1.3rem;
    font-weight: 700;
    color: #212529;
}


/* 3. "Wohnung ansehen" als Hauptaktion hervorheben */
.objliste .fewo-btndetail .btn,
.objliste .fewo-btndetail button,
.objliste .fewo-btndetail a {
    background-color: #f1ab0b;
    border-color: #f1ab0b;
    color: #212529 !important;
    font-weight: 700;
    min-width: 195px;
    padding: 10px 18px;
    border-radius: 4px;
}

.objliste .fewo-btndetail .btn:hover,
.objliste .fewo-btndetail button:hover,
.objliste .fewo-btndetail a:hover {
    background-color: #d99a0a;
    border-color: #d99a0a;
    color: #212529 !important;
    text-decoration: none;
}
/* =========================================================
   STARTSEITE – SUCHBUTTON
   ========================================================= */

header.masthead .home_suche .btn {
    background-color: #f1ab0b !important;
    border-color: #f1ab0b !important;
    color: #212529 !important;
    font-weight: 700;
}

header.masthead .home_suche .btn:hover {
    background-color: #d99a0a !important;
    border-color: #d99a0a !important;
    color: #212529 !important;
}
/* Startseite – Begrüßung */
.home-highlight {
    font-size: 1.1rem;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 20px;
}
/* =========================================================
   STARTSEITE – FERIENWOHNUNGSKARTEN
   ========================================================= */

.zufallsobjekte .fewo-preis .big {
    font-size: 1.25rem;
    font-weight: 700;
    color: #212529;
}

.zufallsobjekte .detail-link .btn,
.zufallsobjekte .detail-link button,
.zufallsobjekte .detail-link a {
    background-color: #f1ab0b !important;
    border-color: #f1ab0b !important;
    color: #212529 !important;
    font-weight: 700;
}

.zufallsobjekte .detail-link .btn:hover,
.zufallsobjekte .detail-link button:hover,
.zufallsobjekte .detail-link a:hover {
    background-color: #d99a0a !important;
    border-color: #d99a0a !important;
    color: #212529 !important;
}
/* Startseite – Bauernhof-Abschluss */
.home-hof-button {
    background-color: #f1ab0b !important;
    border-color: #f1ab0b !important;
    color: #212529 !important;
    font-weight: 700;
    padding: 10px 22px;
}

.home-hof-button:hover {
    background-color: #d99a0a !important;
    border-color: #d99a0a !important;
    color: #212529 !important;
}
/* Startseite – interne Themenlinks */
.home-seo-links {
    margin-top: 25px;
    padding-top: 15px;
    border-top: 1px solid #e5e5e5;
    font-size: 0.95rem;
}

.home-seo-links span {
    font-weight: 700;
    margin-right: 10px;
}

.home-seo-links a {
    margin-right: 18px;
    text-decoration: underline;
}

.home-seo-links a:hover {
    color: #f1ab0b;
}
/* =========================================================
   GEMEINSCHAFTSRAUM
   ========================================================= */

.gemeinschaftsraum-seite {
    padding-top: 45px;
    padding-bottom: 50px;
}

.gemeinschaftsraum-intro {
    max-width: 950px;
    margin: 0 auto 35px auto;
}

.gemeinschaftsraum-intro h1 {
    margin-bottom: 20px;
}

.gemeinschaftsraum-intro .lead {
    font-size: 1.2rem;
    font-weight: 600;
}

.gemeinschaftsraum-bilder {
    max-width: 1100px;
    margin: 0 auto;
}

.gemeinschaftsraum-bild {
    width: 100%;
    height: 300px;
    object-fit: cover;
    display: block;
}

.gemeinschaftsraum-bild-gross {
    height: 500px;
}

@media (max-width: 767px) {

    .gemeinschaftsraum-seite {
        padding-top: 25px;
    }

    .gemeinschaftsraum-bild,
    .gemeinschaftsraum-bild-gross {
        height: auto;
    }
}
/* =========================================================
   GOOGLE-BEWERTUNGEN STARTSEITE
   ========================================================= */

.home-bewertungen {
    background-color: #fff;
    padding: 5px 0 20px 0;
}

.home-bewertungen-box {
    max-width: 700px;
    margin: 0 auto;
    padding: 22px 30px;
    background-color: #f7f5f4;
    border-radius: 4px;
}

.home-bewertungen-sterne {
    color: #f1ab0b;
    font-size: 1.7rem;
    letter-spacing: 3px;
    margin-bottom: 5px;
}

.home-bewertungen-text {
    font-size: 1.15rem;
    margin-bottom: 10px;
}

.home-bewertungen-text strong {
    margin-right: 6px;
}

.home-bewertungen-text span {
    color: #555;
}

.home-bewertungen-box p {
    margin: 0;
    color: #555;
}

@media (max-width: 767px) {
    .home-bewertungen-box {
        padding: 18px 15px;
    }

    .home-bewertungen-text span {
        display: block;
        margin-top: 3px;
    }
}
/* =========================================================
   EINHEITLICHE BUTTONFARBE – LOGOFARBE
   ========================================================= */

.btn-primary,
.home-hof-button,
a.btn-primary,
button.btn-primary,
input.btn-primary {
    background-color: #f1ab0b !important;
    border-color: #f1ab0b !important;
    color: #333333 !important;
}

.btn-primary:hover,
.home-hof-button:hover,
a.btn-primary:hover,
button.btn-primary:hover,
input.btn-primary:hover {
    background-color: #d99a0a !important;
    border-color: #d99a0a !important;
    color: #222222 !important;
}

.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: #d99a0a !important;
    border-color: #d99a0a !important;
    color: #222222 !important;
}
/* Bauernhof-Button – Farbverlauf entfernen */
.home-hof-button,
a.home-hof-button {
    background: #f1ab0b !important;
    background-image: none !important;
    border-color: #f1ab0b !important;
    color: #212529 !important;
}

.home-hof-button:hover,
a.home-hof-button:hover {
    background: #d99a0a !important;
    background-image: none !important;
    border-color: #d99a0a !important;
    color: #212529 !important;
}