/*!
 * 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: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; }
hr {max-width: 50px; border-width: 3px;border-color: #4E8BCF;}
hr.light {border-color: #fff;}
a {color: #4E8BCF; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
a:hover {color: #4E8BCF;}
textarea {max-width: 100%;}

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

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

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

/*Button colors*/
.btn-info {background-color: #ccc;}
.btn-info:hover {background-color: #4E8BCF !important;}
.btn-secondary {background-color: #ffc107;}
.btn-secondary.disabled, .btn-secondary:disabled {background-color: #ffc107 !important;}
.btn {text-shadow: none !important;}
.btn-light {background-color: #e5e5e5!important;}
.detailseite-btn .btn {padding: 10px;}
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;}
::selection {color: #fff;background: #212529;text-shadow: none;}

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: 'Open Sans', '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: #4E8BCF;}
#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: #4e8bcf; 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: #4e8bcf; 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: #4E8BCF;}
  #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: #F05F40; }
  #mainNav li:hover > .dropdown-menu { display: block; opacity: 1;}
  .navbar-nav {margin-bottom: 0px;}
}

/*Home Startseitenbild und Suchbereich*/
header.masthead {min-height: 650px;position: relative; background-image: url("../images/sonne_nordsee.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.6); width: 800px; border-radius: 10px; padding: 30px; text-align: center; margin: 0 auto; margin-bottom: 50px;}
header.masthead .home_suche {background-color: rgba(255, 255, 255, 0.6); 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: 215px;}

@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; font-weight: 600; color: #212529;}
.service-box { max-width: 400px; padding: 20px 10px; border-radius: 5px;}

/*Home-Kontakt*/
.bg_kontaktlink {background-image: url(../images/kontakt_bg.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: #4e8bcf; border-radius: 10px 0px 0px 10px; color: #fff; cursor: pointer; font-weight: bold; line-height: 26px;}
.mehr_waehlen {background-color: #4e8bcf; border-radius: 0px 10px 10px 0px; color: #fff; cursor: pointer; font-weight: bold;}
.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 {position: fixed; right: 10px; bottom: 10px; border: 2px solid #4e8bcf; z-index: 9999;}
.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: #28a745; 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;}
.fewo-preisrechner .reisezeit {position: relative; float: left; width: 100%;}
.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*/
.fewo_buchungsplan {display: inline-block; width:100%;}
.fewo-plan_legend {display: inline-block; margin-top:15px;}
.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: #4e8bcf; 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: #4e8bcf; 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;}
.nichtselektierbar, .nichtwaehlbar, .keineanabreise {opacity: 0.6!important;}

/*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: #4E8BCF; 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;}
.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: #4e8bcf; 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: 1500px){
    .kontakbox_details {position: inherit; right: 0px; bottom:0px; width:100%;}
}

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

@media (min-width: 991px){
     .leistung_titel, .countval, .fewo_preistype, .summe_gesamt {line-height: 38px;}
     .check {width: 20px; height: 35px;}
     .leistung_anzahl {text-align: right;}
}

@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;}
	.detailseite .btn-button {display: block !important;}
	.detailseite .btn-button div {margin-left: 10px !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: #4E8BCF;}
	.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 ***************************************/