@import url("font.css");
 
.ankermenu.fixed {
    position: fixed;
    top: 65px;
    z-index: 999;
    width: 100%;
    left: 0px;
    border-bottom: 2px solid;
    background-color: #e7e2d8;
}
.tabmenu li {float: left; width: 20%; text-align: center; padding: 20px 0px; line-height: 20px; font-size: 18px; cursor: pointer;}
.ankermenu ul {
    list-style: none;
    padding: 0px;
    margin-bottom: 0px;
    font-weight:bold;
}
/*Basic Settings*/
body,html {width: 100%; height: 100%;}
body {font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size: 18px;}
hr {max-width: 50px; border-width: 3px;border-color: #0060a8;}
hr.light {border-color: #fff;}
a {color: #fea700; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
a:hover {color: #0060a8;}
textarea {max-width: 100%;}
h1, h2, h3, h4, h5, h6 {font-family: 'Roboto Condensed', sans-serif; }
.content h2 {width:100%; color: #f9b233;}
.content h1, .content h3, .content h4, .content h5, .content h6 {width:100%;}
.clear-left {clear: left;}     
svg {fill: #0060a8;}
.angebot-icon-mobil svg {fill: #fea700;}

/*Colors*/
.bg-primary {background-color: #0060a8 !important; }
.primary-color {color: #0060a8 !important; }
.bg-secondary {background-color: #f7f5f4!important;}
.container {max-width: 1260px !important;}
.bg_blue {background-color: #0060a8 !important;}
.no-border-radius {border-radius: 0px !important;}
.border-green {border: 1px solid #f9b233;}
.text-primary {color: #0060a8 !important; }
.bg-hellblau {background-color:#5F9DE4;}
.bg-farbe {background-color: #e7e2d9; }
.grau-sand {background-color:#e7e2d8;} 
.bg_grau {background-color: #e7e2d7 !important;}

/*Button colors*/
.btn.focus, .btn:focus {box-shadow: none!important;}
.btn-info {background-color: #e7e2d6; color: #75726d!important;}
.btn-info:hover {background-color: #0060a8 !important; }
.btn-success {background-color: #fea700!important; }
.btn-secondary {background-color: #0060a8; border: 0px solid #0060a8; color: #fff; }
.btn-secondary:Hover {background-color: #fea700 !important; color: #fff;border: 0px solid #fea700;} 
.btn-secondary.disabled, .btn-secondary:disabled {background-color: #ffc107 !important;}
.btn {text-shadow: none !important;font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size: 18px;}
.buttons_preisrechner .btn {width: 100%; margin-top: 10px; margin-bottom: 0px !important; margin-left: 0px !important; }
.btn-light {background-color: #e5e5e5!important;}
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;}
::-webkit-input-placeholder {color: #495057 !important;}
::-moz-placeholder {color: #495057 !important;}
:-ms-input-placeholder {color: #495057 !important;}
:-moz-placeholder {color: #495057 !important;}


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

/*Navigation*/
#mainNav.navbar-fixed-top {position: fixed; left: 0px; z-index: 9999; width: 100%; top: 0px;}
#mainNav {background-color: rgba(255, 255, 255, 0.75); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3)  !important;  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3)  !important; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3)  !important; font-family: 'Roboto Condensed', 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: #0060a8; font-family: 'Roboto Condensed', sans-serif; }
#mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {color: #fea700; }
#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: 20px; 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: #0060a8;}
#mainNav .navbar-nav > li.nav-item > a.active, #mainNav .navbar-nav > li.nav-item > a:focus.active {color: #fea700 !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: #fea700; }
#mainNav .merkerlink {position: relative; padding: 5px 10px; border-radius: 10px; color: #fea700; cursor: pointer;}
#mainNav .merkerlink .fewo_merk_value {font-weight: bold; margin-left: 5px; color: #000; margin-right: 5px;}
.navbar-nav .dropdown-menu {background-color: #0060a8; top: calc(100% - 2px); font-size: 17px; left: -2px;  z-index: 9999;}
.navbar-nav .dropdown-menu .nav-item a:hover, .navbar-nav .dropdown-menu > li > a:hover, .navbar-nav .dropdown-menu > a  {color: #212529; background-color: #fff;}
.navbar-nav .dropdown-menu .nav-item a, .navbar-nav .dropdown-menu > li > 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;}
#mainNav .dropdown-toggle::after {display: none;}
.textsuche .prompt {width: 160px;}
.ui.search>.results>.message .header {display: none;}

@media (min-width: 1200px) {
  #mainNav {border-color: transparent;}
  #mainNav .navbar-brand {color: rgba(0, 0, 0, 0.7); }
  #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {color: #0060a8;}
  #mainNav .navbar-nav > li.nav-item > a {padding: 0rem 1.5rem !important; border-right: 2px solid #000;}
  #mainNav .navbar-nav > li.nav-item:last-child > a {border-right: 0px;}
  #mainNav .navbar-nav > li.nav-item > a:hover, #mainNav .navbar-nav > li.nav-item > a:focus:hover {color: #0060a8;}
  #mainNav.navbar-shrink {border-bottom: 1px solid rgba(33, 37, 41, 0.1); background-color: #fff;}
  #mainNav.navbar-shrink .navbar-brand {color: #0060a8;}
  #mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover {color: #0060a8;}
  #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/premium_home.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 {bottom: 30px; position: absolute; left: calc(50% - 600px); width: 1200px;}
header.masthead .home_container_text {width: 800px; padding: 30px; text-align: center; margin: 0 auto; margin-bottom: 50px; color: #fff; text-shadow: black 0.1em 0.1em 0.2em;}
header.masthead .home_suche {display:table; border-radius: 10px; margin: 0 auto; border: 4px solid #0060a8;}
header.masthead .home_suche .form-control[readonly] {background-color: rgba(255, 255, 255, 0.9) !important;}
header.masthead .home_suche .btn {background-color: #fea700!important;border-radius: 0px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; font-size: 22px; padding: 0px 40px; margin-right: -0.5px;}
header.masthead input.form-control, header.masthead select.form-control, header.masthead .btn {height:55px !important; cursor: pointer;}
header.masthead .form-region, header.masthead .form-personen, header.masthead .form-todate, header.masthead .form-days {border-right: 1px solid #bbbbbb;}
header.masthead .form-fromdate, header.masthead .form-todate, header.masthead .form-days {width: 140px; border-right: 1px solid #bbbbbb;}
header.masthead .form-fromdate input {border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
header.masthead .form-control {border-radius: 0px; border: 0px; background-color: rgba(255, 255, 255, 0.9) !important; font-size: 18px;}
.btn-success.focus, .btn-success:focus {box-shadow: none !important;}
.home_suche .form-control {padding: .375rem 1.5rem;}
select {-webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; background-image: url(https://image.flaticon.com/icons/svg/60/60781.svg); background-position: right 10px top 50%; background-repeat: no-repeat; background-size: 14px;}
select::-ms-expand, .form-objtyp select::-ms-expand	{display: none;}
.home_bew .fewo-rating {margin-bottom: 20px;}
.home_bew .fewo-rating-text {color: #fff;}
.home_bew .cat-name {float:left; width:33%;}

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



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

/*Home Objekte*/
.fewo-item .fewo_image img {width: 100%;}
.fewo_titel a, .fewo-titel a {color: #0060a8;}
.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 .fewo-ausst-group {width: 100%;}
/*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/muscheln.jpg); background-position: center center; background-size: cover; background-attachment: fixed;}
.kontakt_box {background-color: rgba(255, 255, 255, 0.9);}
.zufallsobjekte object svg {color-fill:#B86e25;}

/*Bewertungsanzeige*/
.bew_titel h2 {color:#000;}
.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 */
#footer {border-top: 5px solid #fea700;}
#footer h3 {color: #fea700 !important;}
.footer1 {padding: 30px 0 0 0; font-size: 16px;}
.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 {display: inline-block; margin-bottom: 5px; color: #666; width: 50%; float: left;} 
.footer1 .widget-link a:before {content: "\f0da"; font-family: 'FontAwesome'; margin-right: 5px; display: inline-block;} 
.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;}
.footer2 p { margin: 0; }
.footer2 {padding: 15px 0; color: #fff; font-size: 12px; }
.footer2 a { color: #fff; }
.footer2 a:hover { color: #fff; }

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


/*Objektliste*/
#fewo-objektliste .fewo-item:nth-child(4) {clear: left;}
#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: 175px; height: 26px !important; line-height: 24px !important; padding: 0px 5px !important; cursor: pointer;}
.objliste .fewo-rating, #fewo-objektliste .fewo-item .fewo-rating {position: absolute; right: 15px; top: 20px; float: right;}
.objliste .fewo-rating .fewo-rating-text, #fewo-objektliste .fewo-item .fewo-rating-text {position: relative; float: left; margin-right: 5px; }
.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, #fewo-objektliste .fewo-item .fewo_infos {margin-bottom: 15px;}
.fewo-btndetail a:focus {box-shadow: none !important;}
.fewo_abpreis .big {font-size: 22px; font-weight: bold;}
.objliste .fewo_abpreis p {margin-bottom: 0px; font-size: 18px;}
.objliste .fewo_image {position: relative;}
.fewo_image .fewo_ausstattung {position: absolute; bottom: 0px; right: 0px; background-color: rgba(255, 255, 255, 0.8); padding: 10px;}
.objliste .fewo_image .fewo_ausstattung ul {width: auto; float: none; margin: 0px; padding: 0px;}
.objliste .fewo_image .fewo_ausstattung ul li {display: inline-block; width: 40px; margin: 0px 5px;}
.objliste .raten:after, .objliste .rateo:after {font-size: 20px;}
.objliste .fewo-rating-text {font-size: 18px;}
.fewo-item .fewo_titel {width: calc(100% - 120px); font-size: 24px; margin-bottom: 10px;}
.objliste .fewo-item .fewo_infos div, #fewo-objektliste .fewo-item .fewo_infos div {height: 40px;font-weight: bold;}
.objliste .fewo-item .fewo_infos img, .objliste .fewo-item .fewo_infos object, #fewo-objektliste .fewo-item .fewo_infos img, #fewo-objektliste .fewo-item .fewo_infos object {margin-left: 5px;}
.objliste .fewo-item .fewo_infos .wert, .objliste .fewo-item .fewo_infos object, #fewo-objektliste .fewo-item .fewo_infos .wert, #fewo-objektliste .fewo-item .fewo_infos ocject {vertical-align: middle;}
.objliste .fewo-item .fewo_infos .wert, #fewo-objektliste .fewo-item .fewo_infos .wert {font-size: 20px;}
.objliste .fewo-item .fewo_infos object, #fewo-objektliste .fewo-item .fewo_infos object {height: 100%;}
.objliste .fewo-item .fewo_infos p, #fewo-objektliste .fewo-item .fewo_infos p {height: 100%; display: inline-block; margin-bottom: 0px;}
.objliste .fewo-item .fewo-btnmerken.merkenadd:before {content: "\f004"; font-family: 'FontAwesome'; font-size: 28px; color: #929292; cursor: pointer; display: inline-block;}
.objliste .fewo-item .fewo-btnmerken.merkendelete:before {content: "\f004"; font-family: 'FontAwesome'; font-size: 28px; color: #fea700; cursor: pointer; display: inline-block;}
.checkies {display: inline-block; margin-top: 10px; width: 100%; display: inline-block;}
.checkies .check_element {float: left; margin-right: 10px;}
.rateo, .raten {display: inline-block;}
.zufallsobjekte .raten:after, .zufallsobjekte .rateo:after {font-size: 35px;}
.rateo:after, .cat-name .fewo_star_active:after {font: normal normal normal 24px/1 FontAwesome; content: '\f005'; color: #fbc118; display: inline-block;}
.raten:after, .cat-name .fewo_star_inactive:after {font: normal normal normal 24px/1 FontAwesome; content: '\f006'; color: #d2d2d2; display: inline-block;}
.cat-name .cat-stars {width: 100%; display: inline-block;}
.fewo-rating-text {font-size: 18px;}
.merkerdelete {position: absolute; bottom: 0px; left: 15px;}

/*Contentboxen Home*/
.contentboxen_home h3 {color: #fea700;}
.contentboxen_home_text {position: relative;}
.contentboxen_home_text:before {content: ""; width: 0; height: 0; border-style: solid; border-width: 0px 50px 40px 50px; position: absolute; border-color: transparent transparent #e7e2d7 transparent; top: -40px; left: calc(50% - 50px);}

/*Listenfilter*/
.listenfilter .form-inputs, .checkies.dropdown {display: inline-block; margin-bottom: 0px; width: calc(14% - 5px); margin-right: 5px;}
.listenfilter .form-inputs .label, .checkies.dropdown label {font-weight: bold; font-size: 14px; margin-bottom: 2px; color: #666;}
.listenfilter .form-inputs.fld_reisezeitraum {width: calc(16% - 5px); margin-right: 5px;}
.checkies.dropdown select {cursor: pointer;}
.listenfilter .form-control[readonly] {background-color: #fff;}
.listenfilter .form-control {border: 0px; border-radius: 0px; min-height: 38px; cursor: pointer; outline: none !important; box-shadow: none !important;}
.listenfilter .kriterien_block  {margin-top: 30px;}
.listenfilter .fld_dropdown label {font-weight: bold; font-size: 14px; margin-bottom: 2px; color: #666;}
.listenfilter #filterclear {z-index: 99; position: absolute; bottom: -30px; right: 20px; height: 30px;padding: 0px 20px; background-color: #fea700 !important; color: #fff; line-height: 30px; font-size: 18px;border-bottom: 0px; border-radius: 10px; border-top-left-radius: 0px; border-top-right-radius: 0px;}
.listenfilter .kartensuche_link {background-image: url(/themes/fewo/assets/icons/link_zur_kartensuche.png); background-repeat: no-repeat; background-position: 15px 4px; z-index: 99; cursor: pointer; position: absolute; bottom: -30px; right: 180px; height: 30px; padding: 0px 20px 0px 45px; background-color: #0060a8 !important; color: #fff; line-height: 30px; font-size: 18px; border-bottom: 0px; border-radius: 10px; border-top-left-radius: 0px; border-top-right-radius: 0px;}
.listenfilter .listenansicht_link {display: none; background-image: url(/themes/fewo/assets/icons/listenkachel.png); background-repeat: no-repeat; background-position: 15px 4px; cursor: pointer; position: absolute; bottom: -30px; right: 180px; height: 30px; padding: 0px 20px 0px 45px; background-color: #0060a8 !important; color: #fff; line-height: 30px; font-size: 18px; border-bottom: 0px; border-radius: 10px; border-top-left-radius: 0px; border-top-right-radius: 0px;}
.listenfilter .checkies input {margin-right: 5px;}

/*Detailseite Slider*/
.objekt_titel {padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px;}
.objekt_titel_buchungsmaske {padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px;}
.objekt_titel h1, .objekt_titel_buchungsmaske h1 {font-size: 2rem; margin-bottom: 0px; color: #0060a8;}

.objektbilder_top img {width: 100%;}
.load_gallery .show_gallery {display: none; cursor: pointer; background-color: #0060a8; border-radius: 10px; padding: 10px 20px; color: #fff; margin-top: 30px; transition: 0.2s;}
.load_gallery .show_gallery.show {display: inline-block;}
.load_gallery .show_gallery:hover {background-color: #5698b7;}

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

.loading_container {position: absolute; top: 0px; width: 100%; height: 100%; z-index: 9998; background-color: #0060a8;}
.loading_container.hideme {display: none !important;}

.sk-folding-cube {position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto; width: 40px; height: 40px; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg);}
.sk-folding-cube .sk-cube {float: left;width: 50%;height: 50%; position: relative; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.sk-folding-cube .sk-cube:before {content: ''; position: absolute; top: 0;left: 0; width: 100%; height: 100%; background-color: #fff; -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both; animation: sk-foldCubeAngle 2.4s infinite linear both; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%;}
.sk-folding-cube .sk-cube2 {-webkit-transform: scale(1.1) rotateZ(90deg); transform: scale(1.1) rotateZ(90deg);}
.sk-folding-cube .sk-cube3 {-webkit-transform: scale(1.1) rotateZ(180deg); transform: scale(1.1) rotateZ(180deg);}
.sk-folding-cube .sk-cube4 {-webkit-transform: scale(1.1) rotateZ(270deg); transform: scale(1.1) rotateZ(270deg);}
.sk-folding-cube .sk-cube2:before {-webkit-animation-delay: 0.3s; animation-delay: 0.3s;}
.sk-folding-cube .sk-cube3:before {-webkit-animation-delay: 0.6s; animation-delay: 0.6s;}
.sk-folding-cube .sk-cube4:before {-webkit-animation-delay: 0.9s; animation-delay: 0.9s;}
@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  } 
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  }
}
.slider-images-big .slick-prev:hover:before, .slider-images-big .slick-next:hover:before {background-color: #5698b7;}
.slider-images-big .slick-prev:before, .slider-images-big .slick-next:before {transition: 0.2s; color: #fff; height: 50px; display: inline-block; font-family: 'FontAwesome' !important; opacity: 1 !important; line-height: 48px !important; text-align: center; background-color: #0060a8;}
.slider-images-big .slick-prev:before {content: '\f104' !important; padding: 0px 20px 0px 17px;}
.slider-images-big .slick-next:before {content: '\f105' !important; padding: 0px 17px 0px 20px;}
.slider-images-big .slick-prev {left: 10px !important; top: calc(50% - 25px) !important;}
.slider-images-big .slick-next {right: 10px !important; width: auto !important; top: calc(50% - 25px) !important;}
.thumbnail-container .slick-next, .thumbnail-container .slick-prev {display: none !important;} 
.thumbnail-container .slick-slide {cursor: pointer !important; border: 2px solid transparent;} 
.thumbnail-container .slick-slide.slick-current {border: 2px solid #0060a8;} 
.slider-images-big .slick-slide {-webkit-filter: grayscale(1); filter: grayscale(1);}
.slick-slide.slick-current  {-webkit-filter: none; filter: none;}
.fewo_objektdetails .fewo-btnmerken {width: 100%; background-color: #0060a8!important; }
.fewo_objektdetails .fewo-btnmerken:before {content: "\f004"; font-family: 'FontAwesome'; font-size: 15px; color: #fff; margin-right: 10px; display: inline-block;}
.wert-detailseite {line-height: 35px; font-weight: bold;}
.detailseite .wert-icon {    float: left; width: 27px; margin-bottom: 0px;}
.wert-detailseite {margin-bottom: 0px;}
.detail_headline h2 {max-width: 1260px; margin: 0px auto 20px; padding: 10px 15px;}
.box_ansprechpartner p { margin-bottom: 0px; font-weight: bold;}
.box_ansprechpartner a { margin-bottom: 0px;}
.box_ansprechpartner .phone:before {content: "\f095"; font-family: 'FontAwesome'; font-size: 20px; color: #fea700; margin-right:5px;}
.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: #0060a8; border-radius: 5px; font-weight: normal; width: 100px; font-size: .875rem; line-height: 1.5;}
.preise_detail #btnmerker2 .fewo-btnmerken {background-color: #0060a8; 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: 640px;}

.slick-list {padding: 0px !important;}

.detailseite_title, .fewo-infos_titel {padding: 10px; font-size: 1.3rem; margin: 0px;}

/*Preisrechner*/
.drp_top-bar {display: none;}
.fewo-preisrechner {background-color: #fff;}
.detail_preisrechner h2 {font-size: 30px; margin-top: 5px;}
.fewo-preisrechner form {padding: 0px 10px 20px 10px;}

.fewo-preisrechner button {text-transform: uppercase; background-color: #fea700!important;}
.obj_inline {display: inline-block;}
#summe {font-weight: bold; font-size: 1.2rem; margin-left: 10px;}
.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 */
 
 
#ausstattung .ausstattungs-icon .fewo-ausst-group {width: 100%;}
#ausstattung .ausstattungs-icon .fewo-ausst-attr {float: left;}
#ausstattung .fewo-ausst-group:nth-child(3n) {margin-right: 0%;}
#ausstattung .fewo-ausst-group .show_more {text-align: center; display: inline-block; width: 100%;color: #716755 ;}
#ausstattung .fewo-ausst-group {transition: 0.2s; position: relative; vertical-align: top; background-color: #fff; min-height: 170px; max-height: 170px; cursor: pointer;}
#ausstattung .fewo-ausst-group {background-color: #fff; float: left; margin-right: 2%; width: 32%; float: left; margin-bottom: 35px;}
#ausstattung .fewo-ausst-group:Hover ul {z-index: 99;background-color: #e7e2d8; position: relative; padding-bottom: 10px;}
#ausstattung .fewo-ausst-group:Hover .fewo-ausst-title {background-color: #e7e2d8;}
#ausstattung .fewo-ausst-group ul  {transition: 0.2s; background-color: #fff; margin: 0; list-style: none; padding: 0px 15px; border: 1px solid #716755 ; border-top: 0px;  min-height: 136px; border-top: 0; list-style-type: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
#ausstattung .fewo-ausst-group ul li:nth-of-type(n+7) {height: 0; overflow: hidden;}
#ausstattung .fewo-ausst-group ul li:before {content: "\f00c"; font-family: 'FontAwesome'; padding-right: 5px; color: #716755 ;}
#ausstattung .fewo-ausst-group:hover li:nth-of-type(n+6) {height: auto; overflow: visible;}
#ausstattung .fewo-ausst-group ul li {font-size: 16px; line-height: 20px;}
#ausstattung .fewo-ausst-title {color: #716755 ; font-weight: bold; font-size: 18px; border: 1px solid #716755 ; border-bottom: 0px; border-top-left-radius: 5px; padding: 5px 15px; border-top-right-radius: 5px; transition: 0.2s;}

 
/*Objektlage*/
.fewo-objektmap {border: 2px solid #ccc;}
.map_pointer .map-infos {width: 280px; padding: 10px; }
.map_pointer .tooltip-box  {margin-left: 10px;}
.leaflet-marker-icon, .leaflet-marker-shadow {display: none!important;}
.fewo_objektdetails .leaflet-marker-pane {background-color: rgb(231 226 216 / 30%); height: 300px; width: 300px; transform: translate3d(30px, 100px, 0px); border-radius: 100%; border: 2px solid #716755;}
.leaflet-control-zoom {display: none;} 
.fewo-objektentf tr:nth-child(even) {background-color: #e7e2d8;}

/*Saisonpreise*/ 
.fewo-saison thead tr { font-weight: 600;}
.fewo-saison tbody tr {border-bottom: 1px solid #ccc;}
.fewo-saison tbody tr:last-child {border-bottom: 0px;}
.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-saisonzeiten td {padding: 5px 10px;}
.fewo-saisonzeiten .fewo-head-zeitraum:before {content: ""; height: 30px; width: 100%;display: inline-block; background-image: url(/themes/fewo/assets/icons/kalender.svg); background-repeat: no-repeat; background-size: auto 100%;}
.fewo-saisonzeiten .fewo-head-mintage:before {content: ""; height: 30px; width: 100%;display: inline-block; background-image: url(/themes/fewo/assets/icons/nacht.svg); background-repeat: no-repeat; background-size: auto 100%;}
.fewo-saisonzeiten .fewo-head-preis:before {content: ""; height: 30px; width: 100%;display: inline-block; background-image: url(/themes/fewo/assets/icons/payment.svg); background-repeat: no-repeat; background-size: auto 100%;}
.fewo-saisonzeiten .fewo-head-neben:before {content: ""; height: 30px; width: 100%;display: inline-block; background-image: url(/themes/fewo/assets/icons/cleaner.svg); background-repeat: no-repeat; background-size: auto 100%;}
.fewo-saisonzeiten .fewo-head-bpers:before {content: ""; height: 30px; width: 100%;display: inline-block; background-image: url(/themes/fewo/assets/icons/person.svg); background-repeat: no-repeat; background-size: auto 100%;}

.zusatzinformation h3 {font-weight: bold; font-size: 18px;}
.preisrechner_anker {background-color: #716755 !important; width: 100%; text-align: center; color: #fff; display: inline-block; padding: 10px 0px; border-radius: 5px; cursor: pointer;}
.preisrechner_anker:after {content: "\f106"; color: #fff; display: inline-block; margin-left: 10px; font-family: 'FontAwesome';}

/*Angebote Detailseite*/
#fewo-angliste thead {font-weight: bold; font-size: 16px;}
#fewo-angliste tbody td {padding: 5px 0px;}
#fewo-angliste tbody tr {border-bottom: 1px solid #ccc;}
#fewo-angliste tbody tr:last-child {border-bottom: 0px; }
#fewo-angliste .angebot_titel:before {position: relative; top: 8px; content: ""; height: 30px; width: 32px; margin-right: 10px; display: inline-block; background-image: url(/themes/fewo/assets/icons/angebot-titel.png); background-repeat: no-repeat; background-size: 100%;}
#fewo-angliste .angebot_zeitraum:before {position: relative; top: 8px; content: ""; height: 30px; width: 32px; margin-right: 10px; display: inline-block; background-image: url(/themes/fewo/assets/icons/angebot-zeitraum.png); background-repeat: no-repeat; background-size: 100%;}
#fewo-angliste .fewo-btndetail {padding: 0px 30px; height: 30px; line-height: 30px; background-color: #0060a8; color: #fff;}
#fewo-angliste .fewo-btndetail a {color: #fff;}
.fewo_objektdetails .fewo-angbtndetail{background-color:#ff700D;}
.fewo_objektdetails .fewo-angebot-detail{padding-left:0px !important;}
.fewo_objektdetails .ang-titel {font-weight:bold; margin-bottom:10px; }
.fewo_objektdetails .ang-von, .fewo_objektdetails .ang-art {font-size: 16px;}
.fewo_objektdetails .fewo-angbtndetail {margin-top: 20px;}

/*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; background-color: #E8E8E8; display: inline-block; font-size: 15px; cursor: pointer; height: 30px; border-radius: 5px; padding: 0px 15px;} 
.fewo_detail_buchungsplan .btn-right  {border:0px; text-align: center; background-color: #E8E8E8; display: inline-block; font-size: 15px;cursor: pointer; height: 30px;margin-left: 10px; border-radius: 5px; padding: 0px 15px;} 

.fewo_detail_buchungsplan .belkal .month {border-bottom: 3px solid #0060a8; text-align: left; font-weight: bold;padding: 7px 15px; background-color: transparent; color: #212529 !important;}
.fewo_detail_buchungsplan .belkal {width: 23.5%; margin-right: 2% !important; border: 1px solid #ccc; border-collapse: inherit !important; border-spacing: inherit;}
.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;}
.fewo_detail_buchungsplan .cal_buttons {text-align: right; display: inline-block; width: 100%; margin-top: 20px;}
.fewo_detail_buchungsplan .cal_buttons div {float: right;}
.belkal .tage {background-color: transparent !important;}
.legendeneintrag {display:none;}
.nichtselektierbar, .nichtwaehlbar, .keineanabreise {opacity: 0.6!important;}
/*Detailseite Bewertungen */
.bew-slider .btn-left {border:0px; text-align: center; font-weight: 800; padding: 10px 20px;cursor: pointer;} 
.bew-slider .btn-right  {border:0px; text-align: center; 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: #0060a8; color:#fff;}
.bew-slider h2 {font-size:1rem !important; font-weight:bold;}
.bew-slider .bew_gastname { font-style: italic; }
.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}
.fewo-bewerten {background-color: #0060a8;}

/*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;}
.tab-content .fewo-buchung-date input {max-width: 215px;}
.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: #0060a8; 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;}

#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;}
.preis_uebersicht .zeile_zuschlag {float: left;}
.datum {display: inline-block; width: 100%;}
#nebenkosten .leist_titel {display: none;}

/*Eigentümerlogin*/
.eigenbelegung_form #summen {display: none;}
.eigenbelegung_form .leistungenheader, .eigenbelegung_form .zeile_leistung {display: inline-block; width: 100%;}
.eigenbelegung_form .leistung_titel, .eigenbelegung_form .leistung_preis, .eigenbelegung_form .leistung_anzahl, .eigenbelegung_form .leistung_summe {width: 25%; float:left; text-align: left!important;}

/*Bewertungen Detailseite*/
.details_bewertungen {position: relative;}
.details_bewertungen #btn-bewleft {position: absolute; top: 0px; right: 60px;}
.details_bewertungen #btn-bewright {position: absolute; top: 0px; right: 0px;}
.details_bewertungen .bew_objtitel {display: none;}
.details_bewertungen .br-wrapper {display: inline-block;}
.details_bewertungen .bew-text {display: inline-block; margin-left: 5px; position: relative; bottom: 2px;}

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

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

/*Pagination*/
.page-iteration {margin-right: 4px; font-size: 13px; color: #98a7a8;}
.pagination_top  {margin-bottom: 10px;}
.pagination_bottom  {margin-right: 15px; margin-bottom: 10px;}
.control-pagination button {font-size: 15px; padding: 0px 12px; line-height: 28px; height: 30px;font-weight: 400;}
.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;}


/*Kartenfilter*/
section.kartensuche {padding-bottom: 0px !important;}
.kartenfilter .listenfilter .listenansicht_link {display: inline-block; z-index: 999;}
.kartenfilter .kartensuche_link {display: none !important;}
.kartenfilter  #filterclear {z-index: 999 !important;}
.leaflet-popup-content-wrapper {border-radius: 5px !important; padding: 0px !important;}
.leaflet-popup-content {margin: 0px !important;}
.leaflet-popup-content .map_marker img {border-top-left-radius: 5px; border-top-right-radius: 5px;}
.leaflet-popup-content .title {margin: 5px 10px 0px; font-weight: bold; font-size: 15px; color: #58A0D1;}
.leaflet-popup-content .street, .leaflet-popup-content .city {margin: 0px 10px;}
.leaflet-popup-content .price {position: absolute; top: 10px;left: 10px; background-color: #fff; padding: 5px 10px; border-radius: 5px; opacity: 0.9; }
.leaflet-popup-content .price span {font-weight: bold;}
.leaflet-popup-content .button_kartendetail a {margin: 5px 10px 10px !important; width: calc(100% - 20px); display: inline-block; padding: 6px 0px !important; text-align: center;position: relative; background-color: #58a0d1; border: 0px !important; color: #fff !important; box-shadow: none; font-size: 14px; border-radius: 5px;}
.leaflet-popup-content {width: 100% !important;}
.leaflet-popup-content p {margin: 0px !important;}
.leaflet-popup-content .fewo-btndetail {margin: 10px;}
.lageplan .fewo-image {float:left; margin-right: 15px;}
.lageplan .page-iteration {float:right;}
.lageplan .control-pagination {margin: 8px;}
.lageplan .control-pagination select {border: 1px solid #fea700;}
.lageplan .control-pagination a {background-color: #ddd; border-radius: 5px; padding: 5px 15px;}
.kartensuche .active {border: 2px solid #0060a8;}

/*Angebote*/
#fewo-angliste .fewo-item .fewo-btndetail {margin-top: 10px; float: right; position: absolute; bottom: 10px; right: 10px;}
#fewo-angliste .fewo-item .fewo-btndetail a {color: #fff !important; }
#fewo-angliste .fewo-item .ang-titel {font-weight: bold; font-size: 18px; margin-bottom: 10px;}
#fewo-angliste .fewo-item {position: relative;}
#fewo-objektliste .fewo-item .fewo-btndetail a:focus {box-shadow: none !important;}
.angebot_list_image img {width: 100%;}

@media (max-width: 1800px){
	.fewo-ausst-group img {width:70px;}
}

@media (max-width: 1600px){
	.fewo-ausst-group img {width:60px;}
}
 
@media (max-width: 1500px){
	.mobil-none {display: none;}
	.objliste .fewo-item .fewo_infos object, #fewo-objektliste .fewo-item .fewo_infos object {width: 26px;}
	#fewo-objektliste .fewo-item .fewo_infos .fewo-personen object {width: 22px;}
}

@media (max-width: 1400px){
	.objliste .fewo-item .fewo_infos .wert, .fewo-rating-text {font-size: 16px;}
	.zufallsobjekte .fewo-item .fewo_titel {font-size: 2.5vw; padding-top: 10px !important; padding-bottom: 10px !important;}
	.zufallsobjekte .fewo-item .fewo_infos .wert {font-size: 18px;}
	.zufallsobjekte .raten:after, .zufallsobjekte .rateo:after {font-size: 24px;}
	.zufallsobjekte .fewo-item .detail-link .btn {margin-top: 0px;}
	.zufallsobjekte .fewo-item .fewo-ausst-group ul {margin-bottom: 10px;}
	.zufallsobjekte .fewo-item .fewo_infos {margin-bottom: 5px;}
	.fewo-ausst-group img {width:50px;}
}

@media (max-width: 1300px){
	header.masthead .home_container {width: 100%; left: 0px;}
	.objliste .fewo-item .fewo_infos .wert {font-size: 15px;}
	.fewo-ausst-group img {width:40px;}
	#mainNav .navbar-nav > li.nav-item > a	{padding: .5rem 1rem;}
	.objliste .fewo-item .fewo_infos .wert, #fewo-objektliste .fewo-item .fewo_infos .wert {font-size: 16px;}
	#mainNav .navbar-nav > li.nav-item > a {padding: 0rem 0.8rem !important;}
}


@media (max-width: 1199px){
	.nav-tabs .nav-item {width: 100%; flex: inherit !important;}
	#mainNav .merkerlink {position: absolute; right: 245px; top: 15px;}
	.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%; display: inline-block;}
	.fewo-objektentf ul li:nth-child(2n) {margin-right: 0px;}
	.listenfilter .form-inputs, .checkies.dropdown, .listenfilter .form-inputs.fld_reisezeitraum {width: 32%; margin-right: 2%;}
	.listenfilter .kriterien_block div:nth-child(3n) {margin-right: 0%;}
	.listenfilter .kriterien_block div:nth-child(n+4) {margin-top: 15px;}
	.objliste .fewo-item .fewo_infos .wert {font-size: 18px;}
	#fewo-angliste {padding-left: 15px; padding-right: 15px;}
	#fewo-objektliste .fewo-item:nth-child(4) {clear: none !important;}
	#fewo-objektliste .fewo-item:nth-child(3) {clear: left;}
	.textsuche {position: absolute; right: 85px; top: 12px;}
	#listfilter .fld_schlafzimmer, #listfilter .fld_dropdown, #listfilter .fld_region {display: none;}
	#listfilter .fld_objart {margin-right:0px; margin-top:0px;}
	.listenseiten-kartensuche2 .fld_objtyp, .listenseiten-kartensuche2 .fld_objart {display: none;}
	.lageplan .page-iteration {width: 100%;}
	.fewo_objektdetails .fewo-ausst-group {width: 33%;}
	.zufallsobjekte .fewo-item:nth-child(3) {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; border: 0px;}
	.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;}
	.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;}
	header.masthead .form-fromdate input, header.masthead .home_suche .btn {border-radius: 0px;}
	header.masthead .form-fromdate, header.masthead .form-region, header.masthead .form-personen {border-right: 0px;}
	.zufallsobjekte .fewo-item .detail-link .btn {margin-bottom: 20px;}
	.zufallsobjekte .fewo-item .fewo_titel {font-size: 30px;}
	.zufallsobjekte .fewo-item .fewo_infos div {height: 40px;}
	#mainNav.navbar-fixed-top {background-color: #fff !important;}
	.details_bewertungen {margin-top: 20px;}
	.fewo-bewerten {position: relative; bottom: inherit; margin-top: 15px;}
	.zufallsobjekte .fewo-item .fewo_item_inhalt.triangle_left:before, .zufallsobjekte .fewo-item .fewo_item_inhalt.triangle_right:before {right: inherit; top: -40px; left: 40px; border-width: 0px 45px 40px 45px; border-color: transparent transparent #f7f7f7 transparent;}
	.fewo-ausst .fewo-ausst-group {width: 33%;}
	.fewo-ausst .fewo-ausst-group:nth-child(4n + 1) {clear: none;}
	.fewo-ausst .fewo-ausst-group:nth-child(3n + 1) {clear: left;}
	.img-none {display: none;}
}

@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;}
	.objliste .fewo_image .fewo_ausstattung img {max-width: 40px !important;}
	.slider-layer .slick-slideshow {height: max-content !important; height: -moz-max-content !important;height: -webkit-max-content !important;height: -o-max-contentheight !important;  max-height: 100vh;}
	.fewo_objektdetails .fewo-ausst-group {width: 50%;}
	.tabmenu li {width: initial; padding: 20px 15px;} 
}

@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;}
	.listenfilter .form-inputs, .checkies.dropdown, .listenfilter .form-inputs.fld_reisezeitraum {width: 49%; margin-right: 2%;}
	.listenfilter .kriterien_block div:nth-child(3n) {margin-right: 2%;}
	.listenfilter .kriterien_block div:nth-child(2n) {margin-right: 0% !important;}
	.listenfilter .kriterien_block div:nth-child(n+3) {margin-top: 15px;}
	.objliste .fewo-btndetail a {margin-bottom: 10px;}
	.objliste .fewo-item .fewo_infos .wert, #fewo-objektliste .fewo-item .fewo_infos .wert {font-size: 20px;}
	.objliste .fewo-item .fewo_infos object, #fewo-objektliste .fewo-item .fewo_infos object {width: inherit;}
	#fewo-objektliste .fewo-item .fewo_infos .fewo-personen object {width: inherit;}
	#listfilter .fld_objart {display: none;}
	.fewo-ausst .fewo-ausst-group {width: 50%;}
	.fewo-ausst .fewo-ausst-group:nth-child(2n + 1) {clear: left;}
	.fewo-ausst .fewo-ausst-group:nth-child(3n + 1) {clear: none;}
	.listenseiten-kartensuche2  {display: none;}
	.fewo_objektdetails .fewo-ausst-group {width: 100%;}
	svg {width: 30%;}
	.kartensuche_link, .listenseiten-kartensuche, .mobil-off {display: none!important;}
	.home_bew .cat-name {width: 50%; margin-bottom: 20px;}
	#ausstattung .fewo-ausst-group {width: 48%;}
	#ausstattung .fewo-ausst-group:nth-child(2n) {margin-right: 0%;}
	#ausstattung .fewo-ausst-group:nth-child(3n) {margin-right: 2%;}
}

@media (max-width: 630px) {
    .textsuche {display: none;}
    #mainNav .merkerlink {right: 70px;}
    .fewo-item .fewo_titel {width: 100%;}
	#fewo-objektliste .fewo-item .fewo-rating {position: initial;}
}

@media (max-width: 576px){
	.ctrl_anreisecontainer, .ctrl_abreisecontainer {width: 100%;}
	.btn-merkerliste {width: 100%; padding-left:15px !important;}
	.objliste .fewo-item .fewo_infos div, .zufallsobjekte .fewo-item .fewo_infos div  {margin-bottom: 10px; text-align: center !important;}
	#fewo-angliste .fewo-item .fewo-btndetail {position: inherit; right: inherit; bottom: inherit; float: none; margin-bottom: 15px;}
	.zufallsobjekte .fewo-item .fewo_item_inhalt.triangle_left:before, .zufallsobjekte .fewo-item .fewo_item_inhalt.triangle_right:before {top: -30px; left: 40px; border-width: 0px 35px 30px 35px; border-color: transparent transparent #f7f7f7 transparent;}
}

@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: 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% - 125px);}
	#mainNav .navbar-brand img {max-width: 100%;}
	#footer .text-right {text-align: left !important;}
	.objliste .fewo-btndetail  {width:100%;}	
	.objliste .fewo-btndetail a {width:100%; text-align: center;}	
	.h2, h2 {font-size: 1.5rem !important;}
	.listenfilter .form-inputs, .checkies.dropdown, .listenfilter .form-inputs.fld_reisezeitraum {width: 100%; margin-right: 0px;}
	.fewo-ausst-group {width: 100%;}
	.fewo-ausst-group:nth-child {float: none;}
	#ausstattung .fewo-ausst-group {width: 100%; margin-right:0px!important; margin-bottom: 20px;}
}

@media (max-width: 450px){	
	.zufallsobjekte .fewo-item .fewo_infos {margin-top: 0px !important;}
	.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;}
	.home_bew .cat-name {width: 100%;}
	.details_bewertungen #btn-bewright {position: absolute; top: 41px; left: 80px;}
	.details_bewertungen #btn-bewleft {position: initial; margin-bottom: 15px;}
}

@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;}
	.page_Kartensuchenav-item {display: none;}
}


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