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

h1, h2, h3, h4, h5, h6 {font-family: 'Raleway', 'Open Sans', 'Helvetica Neue', Arial, sans-serif; }
.neben-k {font-size: 12px; font-weight: 400;}

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

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

/*Button colors*/
.btn-info {background-color: #ccc;}
.btn-info:hover {background-color: #8e212f !important; }
.btn-secondary {background-color: #ffc107;}
.btn-secondary.disabled, .btn-secondary:disabled {background-color: #ffc107 !important;}
.btn {text-shadow: none !important; height: 40px; border-radius: 0;}
.btn-light {background-color: #e5e5e5!important;}
.btn-tertiary {background-color: #ffffff; text-decoration: none; border: 1px solid #8e212f; color: #8e212f;}
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: 'Raleway', '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: #8e212f; font-family: 'Raleway', 'Open Sans', 'Helvetica Neue', Arial, sans-serif; }
#mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {color: #8e212f; }
#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: #8e212f;}
#mainNav .navbar-nav > li.nav-item > a.active, #mainNav .navbar-nav > li.nav-item > a:focus.active {color: #8e212f !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: #8e212f; 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: #8e212f; 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;}
@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: #8e212f;}
  #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: #8e212f;}
  #mainNav.navbar-shrink {border-bottom: 1px solid rgba(33, 37, 41, 0.1); background-color: #fff;}
  #mainNav.navbar-shrink .navbar-brand {color: #8e212f;}
  #mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover {color: #8e212f;}
  #mainNav.navbar-shrink .navbar-nav > li.nav-item > a, #mainNav.navbar-shrink .navbar-nav > li.nav-item > a:focus {color: #212529;}
  #mainNav.navbar-shrink .navbar-nav > li.nav-item > a:hover, #mainNav.navbar-shrink .navbar-nav > li.nav-item > a:focus:hover {color: #F05F40; }
  #mainNav li:hover > ul { display: block; opacity: 1;}
  .navbar-nav {margin-bottom: 0px;}
}

/*Home Startseitenbild und Suchbereich*/
header.masthead {max-height: 650px;position: relative; background-image: url("../images/slider_bild_finish.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: 160px;}

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

@media (min-width: 992px) {
	header.masthead {height: 100vh;  padding-top: 0; padding-bottom: 0;}
	header.masthead h1 {font-size: 2.5rem; } 
	.footer-mobil {display: none;}
	.fewo-item:nth-child(2n+1) {clear: both;}
}

@media (min-width: 1700px) {
	header.masthead h1 {font-size: 3rem; margin: 0 auto;}
	.footer-mobil {display: none;}
}

/*Home Objekte*/
/*.zufallsobjekte .fewo_image {width: 350px;}*/
.zufallsobjekte .fewo-item {margin-bottom:40px; font-family: 'Raleway', '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: #ffffff; text-align: center;}
.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: #ffffffd4;}

/*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_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; width: inherit !important;}
.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;/*in-height: 75px; max-height: 75px;*/ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.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 #8e212f; border-top: 1px solid #8e212f; line-height: 28px;}
.weniger_waehlen {background-color: #8e212f; border-radius: 10px 0px 0px 10px; color: #fff; cursor: pointer; font-weight: bold; line-height: 26px;}
.mehr_waehlen {background-color: #8e212f; 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: #8e212f;}
.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: #8e212f; 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;}

.slick-slideshow .slide-image {background-size: contain !important; background-repeat: no-repeat; min-height: auto !important; padding-bottom: 75%;}
.slick-slideshow {min-height: 0 !important; height: unset !important;}
 
.kontakbox_details .kontakt_daten i {margin-right: 5px;}
.kontakbox_details .kontakt_daten p {font-size: 18px; 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 #btnmerker2 {padding: 10px 5px; color: #fff !important; cursor: pointer; text-align: center; font-weight: normal; background-color: #8e212f; border-radius: 5px; font-weight: normal; width: 100px; font-size: .875rem; line-height: 1.5;}
.preise_detail #btnmerker2 .fewo-btnmerken {background-color: #8e212f; font-weight: normal; padding: 0px; margin: 0px; font-size: .875rem; line-height: 1.5;}
.preise_detail .fewo-btnmerken:before {content: "\f004"; font-family: 'FontAwesome'; font-size: 16px; color: #fff; margin-right:5px;}
/*.detail_minheight {min-height: 700px;}
.slick-slideshow {max-height: 700px !important;}*/
.slick-list {padding: 0px!important;}

.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;}

.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: #8e212f; 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: #8e212f; 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:none;}

/*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: #8e212f; 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: #8e212f; 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}

/*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;}

.nav-tabs .nav-item {background-color: #fff; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; text-align: center;}
.nav-tabs .nav-item.acFtive {background-color: #8e212f;}
.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: #8e212f; 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  {padding-top: 8px;}
.zeile_leistung .select {float: left;}

#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;}

/* Masken */
.leistung_header_mobile {display: none;}
.leistungheader {font-weight: bold;}
.zusammenfassung .daten .label {width: 120px; float: left;}
.zusammenfassung .daten .zusammenfassung {float: left; width: calc(100% - 120px);}
.zusammenfassung .daten .zusammenfassung.preisuebersicht, .zusammenfassung .daten .zusammenfassung.leistungen {width: 100%;}
.mitreisender .frm_mitreisende, #mitreisende .mitreisende_vorname, #mitreisende .mitreisende_nachname {width: calc(35% - 10px); margin-right: 10px;}
.mitreisender .frm_gebdatum, #mitreisende .mitreisende_gebdatum {width: 30%;}
.leistung_anzahl select {width: 60px; margin-left: auto; margin-right: auto;} 
.leistung_anzahl input {width: auto; margin-left: auto; margin-right: auto;} 
.agbdata input {position: relative; top: 5px; margin-right: 5px;}
.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: #8e212f; position: absolute; bottom: 5px; right: 25px; pointer-events: none;}

/*accordion*/
.accordion-link { color: #8e212f; font-weight:900; 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: center; display: inline-block; width: 100%;}
.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;}

.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;}
	.footer-mobil {display: none;}
}

@media (max-width: 1200px){
	.nav-tabs .nav-item {width: 100%; flex: inherit !important;}
	.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;}	
	.menu li a {padding-left: 0px !important;}
	.menu .nav {margin-top: 10px;}
	.footer-mobil {display: none;}
	
}

@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;}
	.socials {display: none;}
	.bg-white {display: none;}
	.footer-mobil {display: none;}
    .leistung_anzahl input {width: auto; margin-left: auto; margin-right: 12px; position: relative; bottom: 22px;}
}

@media (max-width: 767px){
	.zufallsobjekte .fewo-item:nth-child(3) {display: inline-block;}
	.zufallsobjekte .fewo_image, .service-box {width: 100%; max-width: 100%;}
	.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%;}
	.socials {display: none;}
    .bg-white {display: none;}
    .footer-mobil {display: none;}
    .fewo_list_sort { float: none !important; display: inline-block; }
    .objekttitel h1 { width: 100%; text-align: center; bottom: 30%;  font-family: Raleway; font-size: 0.8em !important; font-weight: bold; text-transform: uppercase;}
    #lineheight {height: fit-content;}
    
}

@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;}
	.socials {display: none;}
	.bg-white {display: none;}
	.footer-mobil {display: none;}

}

@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%;}
	.socials {display: none;}
    .bg-white {display: none;}	

}

@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;}
	.socials {display: none;}	
	.bg-white {display: none;}
    .menu li a {padding-right: 0px !important; display: block;}
	.menu li {width: 100%; display: inline-block;}
	.menu {text-align: center;  padding-bottom: 20px;}
	#sprachumschaltung {display: inline-block; margin: 0 auto;}
	.nav-link-lang {padding: 15px;  display: inline-block; line-height: inherit !important;}
	.footer-mobil {display: none;}
	
}

@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;}
	.socials {display: none;}
    .bg-white {display: none;}
    .footer-bola {display: none;}
	.footer-mobil {display: block;}
    .slick-prev::before, .slick-next::before { color: #8e212f !important; opacity: 1 !important; }
    .white { background-color: #fff; padding: 10px 15px !important; }
}

@media (min-width: 500px) {
    /*.slick-prev::before { content: url("https://www.livingapartment.de/themes/fewo/assets/images/slider-prev.png")!important; width: 20px; height: 20px; font-size: 50px!important; opacity: 1 !important; }
    .slick-next::before { content: url("https://www.livingapartment.de/themes/fewo/assets/images/slider-next.png")!important; width: 20px; height: 20px; opacity: 1 !important;  }*/
    .slick-prev, .slick-next {height: 45px!important; width: 45px!important; }
    .slick-prev { left: 0px !important; opacity: 1 !important; background-color: #8e212f !important; }
    .slick-next { right: 0px !important; opacity: 1 !important; background-color: #8e212f !important; }
    .slick-prev:hover,.slick-next:hover {background-color: #1a1a1a !important;}
    .slick-slider-nav-1 img {margin-left: 5px !important; margin-right: 5px !important;}    
}

@media (max-width: 450px) {	
	.zufallsobjekte .fewo-item .fewo_infos {position: initial; background-color: #8e212f;}
	.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;}
	.socials {display: none;}	
	.bg-white {display: none;}
	.modified-btn-2 {padding: 0px 5px 0px 5px !important; font-size: 9pt !important;}
	.fewo-btnzurueck {padding: 0px 10px 0px 10px !important;}
	#btnweiter6 {padding: 0px 10px 0px 10px !important;}
	


}


@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;}
	.socials {display: none;}
	.bg-white {display: none;}
    .leistung_anzahl input {width: auto; margin-left: auto; margin-right: auto;}
}

/* cookie ****************************************/
#cookiedingsbums a {color:#fff; text-decoration:none;}
#cookiedingsbums a:hover {text-decoration:underline;}
#cookiedingsbums div {padding:10px; padding-right:40px;}
#cookiedingsbums {outline: 1px solid #7b92a9; text-align:right; border-top:1px solid #fff; background: #8e212f; position:fixed;bottom:0px; z-index:10000; width:100%; font-size:16px; line-height:16px; color: #fff}
#cookiedingsbumsCloser {color: #fff; font: 14px/100% arial, sans-serif; position: absolute; right: 5px; text-decoration: none; text-shadow: 0 1px 0 #fff; top: 5px; cursor:pointer; border-bottom:1px solid #7b92a9; border-right:1px solid #7b92a9; padding:4px; background: #b11c3e;}
#cookiedingsbumsCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}

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

/* Eigene Css */
a { color: #000; font-weight: 600; text-decoration: underline; }
.h2 { font-family: Raleway; font-weight: bold; font-size: 25pt; padding: 1em;  }
.h3 { font-family: Raleway; font-weight: 600; font-size: 20pt; padding-top:0.5em; margin: 0; }
p { font-family: Raleway; }
.p1 { font-size: 14pt; font-weight: 600;}
.red-heading { font-size: 15pt; color: #8e212f; font-weight: 600; }
body { font-size: 16px; }
.fff { background-color: #fff; }
.pad20 { padding: 20px;  }
.shadowbox { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.jumbotron {background-color: #ffffff; }
.container { overflow: auto; }


.text-startseite { 
    font-weight: 300;
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: 30px;
    margin: 0 auto;
}
.willkommentext-bola {
    text-align: left;
    margin: 0 auto;
    padding-left: 15px; 
    
}

/* Menü */
.menu li {height: 40px;}
.menu li a{ font-family: Raleway; padding-right: 20px; padding-left: 20px; font-weight: 600; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; font-size: 11pt; line-height: 40px; }
.menu li:hover a {color: #8e212f; }
li.active a {color: #8e212f; }
.active li a {color: #8e212f; }

.nav-link-lang { font-family: Raleway; font-weight: 600; text-transform: uppercase; text-decoration: none; font-size: 11pt; line-height: 40px; }
.nav-link-lang:hover {text-decoration: none; color: #8e212f; }
.lang-active {color: #8e212f; text-decoration: none;}

/* Objektsuche */
.modified-suche { color: #000; font-family: Raleway; font-weight: 600; font-size: 9pt; text-transform: uppercase; letter-spacing: 1px; border: 2px solid #cccccc; border-radius: 0; background-clip: content-box; margin-right: 10px; }
.form-control::placeholder { color: #000; } 
.form div { padding-right: 15px; }
select.form-control:not([size]):not([multiple]) {height: calc(2rem + 1.75px); }

/* Objektcontainer Startseite */
.objektcontainer { background-color: #ffffff; padding: 0; }
.objektpreis {font-family: Raleway; font-weight: bold; font-size: 14pt; background-color: #ebebeb;  padding: 5px 15px; border-top: 1px solid #ccc;}

.red { color: #8e212f; }
.fewo-item div div p { font-weight: 600;}
.fewo_item_inhalt {background-color: #ebebeb; padding-bottom: 20px;}

.fewo_infos div { padding: 0 20px; }
.fewo_titel { width: 100%!important; }
.fewo_titel a { font-family: Raleway; font-weight: 600; text-transform: uppercase; text-decoration: none; font-size: 14pt; }
.nebenkosten { display: none; }
.fewo_abpreis p { margin-bottom: 0; }
.d-inline-block { display: block !important; }
.fewo_infos { height: auto; overflow: auto; margin-top: 20px !important; }
.ausstattungen p { height: 25px; display: inline-block; width: fit-content;  font-size: 14px; }
.fewo_listhdeader { margin-left: 15px; margin-right: 15px;}

.zeropadding .objektcontainer .fewo-item .fewo_kurztext p {font-weight: inherit;}

/* Detailseite */
.objekttitel h1 { width: 100%; text-align: center; top: 5%;  font-family: Raleway; font-size: 1.5em; font-weight: bold; text-transform: uppercase; right: 0;  z-index:999;}
#lineheight {line-height: 1.5; top: 25px; background-color: white; padding: 2px 0 2px 0;}
#lineheight span {background-color: transparent !important; padding: 10px;}
.white { background-color: #fff; padding: 10px 30px; }

.personen {padding: 0px 10px 0px 10px !important;}
.fewo_ausstattung {padding: 0px 10px 0px 10px !important;}
.fewo-aus-wert {padding: 0px 10px 0px 10px !important;}



.detailseite_title { font-family: Raleway; font-weight: 600; font-size: 30px; padding-top:0.5em 0 20px 0; margin: 0; color: #000; }
.detailseite_title, .fewo-infos_titel { padding: 20px 0 30px 0; }
.container-buttons { display: inline-block; width: fit-content; }
.detailbtn { text-transform: uppercase; background-color: #fff; border: 2px solid #ebebeb; width: 100%; font-weight: 600; text-align:center; }
.detailbtn a { vertical-align: middle; line-height: 36px; text-align: center; text-decoration: none; font-size: .875rem; }
.btn-button, #btnmerker2 { width: 100% }
.button-telefon { float: left; padding: 5px 10px; border-right: 2px solid #ebebeb;}
.pad20 button {  width: 100%; text-transform: uppercase; font-weight: 600; }

/* Seite Apartmenthäuser */
.imagetext {background-color: #ebebeb; text-align: center; font-size: 8pt; }
.imagetextinv {background-color: #ffffff; text-align: center; font-size: 8pt; }
.zeromargin {margin:0; padding: 0;}
.ul-apart {list-style: none; }
.ul-apart li::before {content: "●"; color: #8e212f;
  display: inline-block; width: 1em;
  margin-left: -1em}
.fewo_ausstattung, .personen {display: inline; font-size: 8pt;}
.fewo-aus-tip {width: 25px; }
.fewo-aus-wert {display: inline;}


/* Ausstattungen */
.fewo-ausst { padding: 0; }

/*Button Objektsuche */
.modified-btn-1, .modified-btn-2, .btn-secondary { text-decoration: none; background-color: #8e212f; font-family: Raleway; font-weight: 600; font-size: 9pt; text-transform: uppercase; border-radius: 0; }
.modified-btn-1 { font-size: 12pt; }
.modified-btn-2 { font-size: 12pt;}
.modified-btn:hover, .modified-btn-2:hover, .btn-secondary:hover { background-color: #3c3c3b;}
.nounderline {text-decoration: none;}
.whitefont {color: #ffffff!important;}


/* Beliebte Apartments // Objektliste */
.btn-success { background-color: #8e212f; text-decoration: none;} 
.btn-success:hover { background-color: #212529; } 
.fewo-item .fewo-titel a { font-weight:600; font-size: 1em; padding-top: 10px; padding-bottom: 10px; width: calc(100% - 140px); text-transform: uppercase; text-decoration: none; }

/* Farbe */
.ebebeb { background-color: #ebebeb }

/* Fragen */
.card { border: none; font-family: Raleway; }
.card-header { 
    border: none; 
    background-color: #fff; 
    text-transform: uppercase;  
    }
.dropdown-icon {
    float: right;
    height: 18px;
}

.accordion-link { color: #000; font-weight: 600; }
/* Buchung */
.tab-pane.active { background-color: #fff; color: #1a1a1a;}
.btn-info {background-color: #8e212f;  color: #ffffff;}

/* Footer */
footer {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #1a1a1a;
    
}

.footer-bola {background-color: #1a1a1a;}


.footer-bola div div { margin: 0 auto; }
.footer-bola a { font-family: Raleway; text-align: center; font-size: 12pt; font-weight: bold; color: #fff; margin: 25px; text-decoration: none; }
.footer-mobil div div { margin: 0 auto; text-align: center; }
.footer-mobil a { font-family: Raleway; font-size: 12pt; font-weight: bold; color: #fff; text-decoration: none; }

/* raleway-regular - latin_latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v12-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: local('Raleway'), local('Raleway-Regular'),
       url('../fonts/raleway-v12-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v12-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v12-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('../fewo/assets/fonts/raleway-v12-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v12-latin_latin-ext-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}