 @import url("font.css");
 
/*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: #496b8f;}
hr.light {border-color: #fff;}
a {color: #84afd9; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
a:hover {color: #496b8f;}
textarea {max-width: 100%;}
h1, h2, h3, h4, h5, h6 {font-family: 'Roboto Condensed', sans-serif; }
h2, h3, h4 {color: #496b8f;}


/*Background-Colors*/
.bg-primary {background-color: #496b8f !important; }
.bg-farbe {background-color: #F7F5F4; }
.bg-secondary {background-color: #f7f5f4!important;}
.container {max-width: 1260px !important;}
.bg_blue {background-color: #496b8f !important;}
.bg_grau {background-color: #ececec !important;}
.no-border-radius {border-radius: 0px !important;}


/*Button and Colors*/
.text-primary {color: #496b8f !important; }
.btn.focus, .btn:focus {box-shadow: none!important;}
.btn-info {background-color: #ccc;}
.btn-info:hover {background-color: #496b8f !important; }
.btn-success {background-color: #496b8f!important; }
.btn-secondary {background-color: #84afd9!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;}

.phone_icon:before {
    content: "\f095";
    font-family: 'FontAwesome';
    padding-right: 6px;
}

.check_icon p:before {
    content: "\f046";
    font-family: 'FontAwesome';
    padding-right: 6px;
}
.whatsappIcon {width: 50px; padding: 10px; font-size: 27px; color: #00E676;; text-align: center; display: block; cursor: pointer;}
.whatsappIcon:before {content: '\f232'; font-family: 'FontAwesome'; color: #00E676;}
.whatsappSlide a:hover {text-decoration: none;}


 /*Content Header Top*/
.logo-header {position: absolute; left: 50px; top: 0px; z-index: 99;transform: scale(1); transition: all 0.3s; height: 100px;}
.content-top {background: #5A86B3; background: -moz-linear-gradient(top, #85AFD9 0%, #5A86B3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#85AFD9), color-stop(100%,#5A86B3));   background: -webkit-linear-gradient(top, #85AFD9 0%,#5A86B3 100%); background: -o-linear-gradient(top, #85AFD9 0%,#5A86B3 100%); background: -ms-linear-gradient(top, #85AFD9 0%,#5A86B3 100%);   background: linear-gradient(top, #85AFD9 0%,#5A86B3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85AFD9', endColorstr='#5A86B3',GradientType=0 ); height: 56px; z-index: 999; position: absolute;  width: 100%;}
.content-top .inside {width: 1200px; margin: 0 auto;}
.content-top1 .ce_fewo_objtextsuche {font-size: 14px; margin-left: 15px; display: inline-block; float: right;}
.content-top1 .ce_fewo_objtextsuche .icon:after {color: #b1aea5;font-size: 16px;font-family: 'FontAwesome';font-style: normal;font-weight: normal; text-decoration: inherit;text-align: center;content: '\f002'; margin-left: -25px;}
.content-top1 .ce_fewo_objtextsuche i {position: absolute; top: 6px; right: 0;}
.content-top1 .fewo_merkzettel_anzahl {width: 140px; text-align: center;position: relative; right: -8px; top: 10px; float: right; height: 30px; line-height: 30px; background-color: rgba(54, 85, 117, 0.7); cursor: default; color: #fff;}
.content-top1 .fewo_merkzettel_anzahl a {color: #fff; text-decoration: none; cursor: pointer;}
.content-top1 {display: inline-block;  width: 100%; background: #5A86B3; background: -moz-linear-gradient(top, #85AFD9 0%, #5A86B3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#85AFD9), color-stop(100%,#5A86B3)); background: -webkit-linear-gradient(top, #85AFD9 0%,#5A86B3 100%); background: -o-linear-gradient(top, #85AFD9 0%,#5A86B3 100%); background: -ms-linear-gradient(top, #85AFD9 0%,#5A86B3 100%); background: linear-gradient(top, #85AFD9 0%,#5A86B3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85AFD9', endColorstr='#5A86B3',GradientType=0 );}
.content-top1 h1 {font-size: 23px !important; font-weight: 400; color: #fff; padding-left: 200px; padding-right: 20px; margin:0px; display: inline-block;}
.navbar {padding: 0px;}
.kopf .phone:before {content: "\f095"; font-family: 'FontAwesome'; font-size: 20px; color: #111151;; margin-right:5px;}
.phone {color: #fff; display:inline-block; padding: 5px 0px; margin-bottom: 0px;}
#galerie_home img {width: 100%;}
#galerie_home .carousel-item {max-height: 800px;}

/*Navigation*/
#mainNav ul {margin-left: 198px;}
#mainNav.navbar-fixed-top {position: fixed; left: 0px; z-index: 99; 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: #496b8f; font-family: 'Roboto Condensed', sans-serif; }
#mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {color: #84afd9; }
#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: #111151; }
#mainNav .navbar-nav > li.nav-item > a:hover, #mainNav .navbar-nav > li.nav-item > a:focus:hover {color: #496b8f;}
#mainNav .navbar-nav > li.nav-item > a.active, #mainNav .navbar-nav > li.nav-item > a:focus.active {color: #84afd9 !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: #84afd9; }
#mainNav .merkerlink {position: relative; padding: 5px 10px; border-radius: 10px; color: #84afd9; cursor: pointer;}
#mainNav .merkerlink .fewo_merk_value {font-weight: bold; margin-left: 5px; color: #111151; margin-right: 5px;}
.navbar-nav .dropdown-menu {background-color: #496b8f; top: calc(100% - 2px); font-size: 17px; left: -2px; text-align: right;}
.navbar-nav .dropdown-menu .nav-item a:hover, .navbar-nav .dropdown-menu > li > a:hover, .navbar-nav .dropdown-menu > a  {color: #111151; 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: left; white-space: nowrap; background-color: transparent; border: 0; text-decoration: none;}
.navbar-nav {text-align:right!important;}
#mainNav .dropdown-toggle::after {display: none;}
.textsuche .prompt {width: 160px;}
.ui.search>.results>.message .header {display: none;}
.home-link:before {content: "\f015"; font-family: 'FontAwesome'; font-size: 24px; color: #111151; position: relative; bottom: 2px;}
.home-link:hover:before {color: #496b8f;}


@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: #496b8f;}
  #mainNav .navbar-nav > li.nav-item > a {padding: 0rem 0.9rem !important; border-right: 2px solid #111151;}
  #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: #496b8f;}
  #mainNav.navbar-shrink {border-bottom: 1px solid rgba(33, 37, 41, 0.1); background-color: #fff;}
  #mainNav.navbar-shrink .navbar-brand {color: #496b8f;}
  #mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover {color: #496b8f;}
  #mainNav.navbar-shrink .navbar-nav > li.nav-item > a, #mainNav.navbar-shrink .navbar-nav > li.nav-item > a:focus {color: #111151;}
  #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;}
  #mainNav li:focus-within  > .dropdown-menu { display: block; opacity: 1;}
}

/*Home Startseitenbild und Suchbereich*/
header.masthead .home-gb-image {min-height: 650px;position: relative; background-image: url("/storage/app/media/images/Teehaus_Startseite.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 h2 {font-size: 2rem; color: #fff;}
header.masthead p {font-weight: 300;}
header.masthead .home_container {bottom: 100px; 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: 20px; 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 #496b8f;}
header.masthead .home_suche .form-control[readonly] {background-color: rgba(255, 255, 255, 0.9) !important;}
header.masthead .home_suche .btn {background-color: #b62622 !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 {border-right: 1px solid #bbbbbb;}
header.masthead .form-fromdate {width: 240px; 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; padding-left:40px}
.home_suche .form-personen, .home_suche .form-region, .home_suche .form-fromdate {position: relative;}
.home_suche .form-personen i, .home_suche .form-region i, .home_suche .form-fromdate i {position: absolute; left: 15px; top: 17px; color: #496b8f;}
.home_suche .form select#personen {text-indent: 32px; padding-left: 0px; padding-right: 3rem; width: 180px;}
.home_suche .form select#region {text-indent: 32px; padding-left: 0px;}
.shopLink {width: 120px; display: block; position: absolute; top: 145px; right: 0;}
.shopLink img {width: 100%;}

.videoContainer {position: relative;}
#homeVideo {max-height: 100svh; object-fit: cover;}
#switcherButton { position: absolute;
    right: 15px;
    bottom: 25px;
    z-index: 9;
    border: none;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
        box-shadow: 0 1px 8px #0003, 0 3px 4px #00000024, 0 3px 3px -2px #0000001f; cursor: pointer;}
        
#switcherButton:focus {
    outline: none;
}

/*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 8px top 50%; background-repeat: no-repeat; background-size: 10px;}*/
select::-ms-expand, .form-objtyp select::-ms-expand	{display: none;}

.hometext{background-color: #496b8f; padding: 10px;    color: #fff;    margin-bottom: 20px; justify-content: space-between}
.hometext p{margin: 0px; min-width: 0;}
.fewo-image-objekt img {width: 100%;}
.clear-left {clear: left;}


.load_gallery .show_gallery {display: none; cursor: pointer; position: absolute; top: 0px;  background-color: #79797979; left:15px; width: 100% ; transition: 0.2s; padding: 10px 0px; color: #fff;}
.load_gallery .show_gallery.show {display: inline-block;}
.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;}

@media (min-width: 768px) {
	header.masthead p {font-size: 21px;} 
}

@media (min-width: 1700px) {
	header.masthead h2 {font-size: 39px;}
}

@media (max-width: 1200px) {
	header.masthead .home-gb-image {min-height: 400px;}
}


/* aktuelle Infos*/
.aktuell-container {width: 520px;    margin: 0 auto;    background-color: #b62622;    padding: 10px;    border-radius: 10px;    margin-top: 20px;    margin-bottom: 20px;    color: #fff;}
.aktuell-container a {color: #fff;}
.aktuell-container i {float: left;    line-height: 24px; font-size: 30px; margin-right: 10px;}

/*Home Objekte*/
.fewo_titel a, .fewo-titel a {color: #496b8f;}
.objliste .zufallsobjekte  .fewo_image .fewo_ausstattung {position: initial;}
.zufallsobjekte .fewo-item .detail-link .btn {background-color: transparent; border: 1px solid #84afd9; color: #84afd9; font-size: 21px; border-radius: 5px; font-weight: 400; padding: 0px 60px; line-height: 48px; height: 50px; margin-top: 10px;}
.zufallsobjekte .fewo-item .detail-link .btn:hover {background-color: #84afd9; color: #fff;}
.zufallsobjekte .fewo-item .fewo-ausst-group ul li {width: auto; float: none; display: inline-block; margin: 0px 5px;}
.zufallsobjekte .fewo-item .fewo-kurztext {max-height: 55px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.fewo-item .fewo_image img {width: 100%;}
.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;}
.br-widget .br-fractional:after {color: #fbc118 !important;}
.home .fewo-ausst-group {width: 100%;}
.fewo-rating-home {position: absolute; top: 20px; z-index: 9; background-color: rgb(255 255 255 / 80%);}

/*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;}
.kontakt_box .whatsappIcon {width: auto; padding: 0px; font-size: 18px; color: #84afd9; text-align: inherit; display: inline-block; cursor: pointer;}
/*Bewertungsanzeige*/
.overall_ratingbox {position: relative; text-align: center;}
.overall_ratingbox .ratingall {color: #fd5d00; top: 165px; position: absolute; width: 100%; text-align: center; font-size: 17px; font-weight: bold;}
.overall_ratingbox .overall_rating_value {position: absolute; top: 65px; width: 100%; color: #fe9100;}
.overall_ratingbox .overall_rating_value .rating_info {display: none;}
.overall_ratingbox .overall_rating_value .rating_value {font-weight: bold; font-size: 25px;}
.bew-slider #btn-bewright {position: absolute; top: 0px; left: 80px;}
.bew-slider .bew-item {margin-top: 15px;}

/*Contentboxen Home*/
.contentboxen_home h3 {color: #84afd9;}
.contentboxen_home_text {position: relative; min-height: 450px;}
.regionsbox .contentboxen_home_text p { width: 80%;    margin: 0 auto;    min-height: 55px;    max-height: 55px;    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical; margin-bottom: 20px;}
.contentboxen_home_text:before {content: ""; width: 0; height: 0; border-style: solid; border-width: 0px 50px 40px 50px; position: absolute; border-color: transparent transparent #ececec transparent; top: -40px; left: calc(50% - 50px);}

/*Objektliste*/
.listenfilter {padding-top: 110px;}
#fewo-objektliste .fewo-item:nth-child(4) {clear: left;}
#fewo-liste .fewo_list_countseiten {display: none;}
.fewo_list_sort{float:right; display: inline-block; width: 260px}
.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_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-btndetail a {color: #fff;background-color: transparent !important; border: 1px solid #84afd9; color: #84afd9; font-size: 21px; border-radius: 5px; font-weight: 400; padding: 0px 60px; line-height: 48px; height: 50px; margin-top: 10px;}
.objliste .fewo-btndetail a:focus {box-shadow: none !important;}
.objliste .fewo_abpreis .big {font-weight: bold;}
.objliste .fewo_abpreis p {margin-bottom: 0px; font-size: 18px;}
.objliste .fewo_image {position: relative;}
.objliste .fewo_image .fewo_ausstattung {position: absolute; bottom: 0px; left: 0px; background-color: rgba(255, 255, 255, 0.8); padding: 0px 10px; height: 50px; overflow: hidden;}
.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: 33px; margin: 10px 5px;}
.objliste .raten:after, .objliste .rateo:after {font-size: 20px;}
.objliste .fewo-rating-text {font-size: 18px; float:left; margin-right:10px;}
.objliste .fewo-item .fewo_titel {font-weight: bold;  font-size: 24px; min-height: 100px; width: calc(100% - 45px);}
.btn-preis {padding: 4px 10px 3px; background-color: #496b8f; color: #fff;}
.btn-preis:hover {color: #fff;}
.objliste .tooltip-box {position: relative; width: 100%;}
.objliste .tooltiptext {visibility: hidden; opacity: 0; color: #fff; background-color: #555; text-align: center; border-radius: 6px; left: calc(50% - 14px); padding: 5px; z-index: 1; position: absolute; font-size: 12px; width: max-content; top: -30px; transition: opacity .2s ease-in-out;}
.objliste .tooltiptext:after {content: ""; position: absolute;  top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent;}
.objliste .tooltip-box:hover .tooltiptext {visibility: visible; opacity: 1;}
.objliste .fewo-btndetails .btn-secondary {padding: 17px 40px;}

.wert {float:left; margin-right: 10px; margin-bottom: 0px; font-size: 1vw; line-height: 35px;}
.wert-icon {float: left; width: 27px; margin-bottom: 0px;}
.wert-icon object {width: 100%;}

.objliste .fewo-item .fewo-btnmerken.merkenadd:before {content: "\f004"; font-family: 'FontAwesome'; font-size: 28px; color: #97a7b7; cursor: pointer; position: absolute; top: 12px; right: 20px; display: inline-block;}
.objliste .fewo-item .fewo-btnmerken.merkendelete:before {content: "\f004"; font-family: 'FontAwesome'; font-size: 28px; color: #84afd9; cursor: pointer; position: absolute; top: 20px; right: 20px; display: inline-block;}
.objliste .merkliste a:hover {opacity: 0.5;}
#mainNav .merkerlink:hover  {opacity: 0.5;}
.listenseiten-merkerliste .merkliste a:hover {opacity: 1.0;}
.rateo, .raten {display: inline-block;}
.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_item_inhalt .few-angebote {display: inline-block; margin-top: 25px;}
.fewo_item_inhalt .few-angebote button {background-color: #dc3545; color: #fff; border: 0px; padding: 17px; border-radius: 5px;}
.kartenansicht .listenfilter .form-inputs.fld_reisezeitraum {width: calc(25% - 5px);}
.kartenansicht .listenfilter .form-inputs, .kartenansicht .checkies.dropdown { width: calc(25% - 5px);}
.liste-button {position: relative; min-height: 75px;}
/* .liste-button .fewo_abpreis {position: absolute; right: 20px; bottom: 0px; min-height: 75px; min-width: 325px;}*/
.objliste .br-theme-fontawesome-stars-o .br-widget a:after {position: relative; top: 2px;}
.objliste .fewo-rating .br-wrapper.br-theme-fontawesome-stars-o {display: inline-block;}
/*Listenfilter*/
.listenfilter .checkies {display: inline-block; width: 100%; margin-top: 10px;}
.listenfilter .check_element {float: left; margin-right: 20px;}
.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: 89; position: absolute; bottom: -30px; right: 20px; height: 30px;padding: 0px 20px; background-color: #84afd9 !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: #496b8f !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: #496b8f !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;}
.checkies label {margin-left: 5px;}

/* Buchungslücke */
.listenfilter-buchungsluecken {padding-top: 140px;}
.filter-monatelement {width: 200px;}
.fewo-buchungsluecken, .fewo-alternative {padding: 7px 10px; background-color: #496b8f; color: #fff; min-height: 68px; border-radius: 3px;}
.fewo-buchungsluecken a, .fewo-alternative a {color: #fff;}
.fewo-buchungsluecken a:hover, .fewo-alternative a:hover {color: #fff;}
.filter-buchungsluecken .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: #496b8f !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;}


/*Detailseite Slider*/
.slick-prev, .slick-next {z-index: 9!important;}
.detail_headline .link-back {margin-top: 12px;}
.wert-detailseite {line-height: 35px;     font-weight: bold;}
.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: #496b8f;}
.fewo_objektdetails .fewo-btnmerken {width: 100%; background-color: #84afd9 !important; }
.fewo_objektdetails .fewo-btnmerken:before {content: "\f004"; font-family: 'FontAwesome'; font-size: 15px; color: #fff; margin-right: 10px; display: inline-block;}
.box_ansprechpartner p {font-size: 26px; margin-bottom: 0px; font-weight: bold;}
.box_ansprechpartner a {font-size: 20Px; margin-bottom: 0px;}
.box_ansprechpartner .phone:before {content: "\f095"; font-family: 'FontAwesome'; font-size: 20px; color: #84afd9; 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: #496b8f; border-radius: 5px; font-weight: normal; width: 100px; font-size: .875rem; line-height: 1.5;}
.preise_detail #btnmerker2 .fewo-btnmerken {background-color: #496b8f; 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;}
.img-mini {display: flex; align-items: flex-end;}
.detail_headline {width: 100%; display: inline-block; Margin-Bottom: 25px;}
.detail_headline h2 {max-width: 1260px; margin: 0px auto 0px; padding: 10px 15px;}

/*Detailseite Objektbilder*/
.grid:after {content: ''; display: block; clear: both;}
.grid-sizer, .grid-item {width: 65%;}
.gutter-sizer {width: 2%;}
.grid-item {float: left; margin-bottom: 10px; padding-right: 10px;}
.grid-item--width2 {width: 35%;}
.grid-item--width3 {width: 11.66%;}
.show_gallery {position: relative;}
.show_gallery_black img {filter: brightness(35%);}
.show_gallery img {cursor: pointer; position: relative;}
.show_gallery .more-icon:before {content: '\f067'; font-family: 'FontAwesome';}
.show_gallery .more-icon {position: absolute; z-index: 1; color: #fff; font-size: 3vw; transform: translate(-50%, -50%); top: 50%; left: calc(50% - 4px); cursor: pointer;}


/*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;}
.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%;}
.fewo-preisrechner .leist_item .leist_titel {float: left;}
#goToOffers:after {content: "\f107"; color: #fff; display: inline-block; margin-left: 10px; font-family: 'FontAwesome';}
.merkenbtn-container {padding: 0 10px 20px 10px;}
.merkenbtn-container button:hover {opacity: 0.8;}
.fewo-preisrechner .leist_item {width: 100%; display: inline-block;}

/*Objektausstattungen*/
.fewo_objektdetails .fewo-ausst-group {width: 25%;}
.fewo_objektdetails .fewo-ausst ul {padding: 0px; list-style: none;}
.fewo_objektdetails .fewo-ausst ul li {list-style: none;}
.fewo_objektdetails .fewo-ausst-title {font-weight: bold; display: inline-block; width: 100%; color: #84afd9;}
.fewo_objektdetails .fewo-ausst-group:nth-child(4n + 1) {clear: left;}


/*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-saisonzeiten td {padding: 5px 10px;}
.zusatzinformation h3 {font-weight: bold; font-size: 18px;}
.preisrechner_anker {background-color: #84afd9 !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: #496b8f; 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; border-radius: 3px}
.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 #496b8f; 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: #496b8f; 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}
.detailseite .fewo-bewerten {margin-top: 20px;}
/*.detailseite .bew_nachricht {max-height: 165px; overflow: hidden;}*/
.bew-anker:hover {text-decoration: none;}
.detailseite .details_bewertungen {padding-top: 68px;}

.eigentuemer-eigentuemerdaten .enummer {display: none;}

/*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 .header_titel {font-weight: bold;}
.preis_uebersicht .header_objsum, .sumneben_wert, .sum_wert, .sumleist_wert, .zeilensumme.kaution, .leist_item .leist_preis {float: right;}
.preis_uebersicht .header_anzahl, .preis_uebersicht .sumneben_titel, .sum_titel, .sumleist_titel, .leist_item .leist_titel {display: inline-block;}
.preis_uebersicht .sumleist, .sumzuschlag, .sumrabatt, .gesamtsumme, .sumoptleist {margin-top: 5px;}
.preis_uebersicht .sumleist {border-top: 1px solid #f2f2f2;}
.gesamtsumme {font-weight: bold; border-top: 1px #ccc solid; padding-top: 5px;}
.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, .label-zeitraum, .nachricht-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: #496b8f; 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 select {max-width: 80px; margin: 0 auto; display: inline-block;}
.leistungenheader div, .mitreisende_header div {font-weight: bold;}
.zeile_leistung  {height: 40px; }
#leistungen select.select.form-control {height: initial!important; max-width: 70px; padding: 0rem .75rem;}
.fewo-tooltip:after {font-family: FontAwesome;    color: #ff9900;    font-size: 14px;    content: "\f129";    margin-left: 10px;}
#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;}
.zeile.zeile_preise.datum {display: inline-block; width: 100%;}
.payment-container {background-color: #fff; padding-top: 20px; padding-bottom: 15px;}


.bew-antwort {background-color: #eaeaea; padding: 5px; margin-top: 20px;}
.bew-antwort p {margin-bottom: 0;}

/*Bewertungen Detailseite*/
.details_bewertungen {position: relative;}
.details_bewertungen #btn-bewleft {position: absolute; top: 0px; left: 15px;}
.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: #496b8f; font-weight:bold; cursor:pointer;}
.accordion-link:hover {text-decoration:underline;}
.card { width: 100%; display: inline-block;}

#galerie img {width: 100%; height:auto;}

/*Pagination*/
#control-pagination.control-pagination {margin: 8px;}
#control-pagination.control-pagination select {border: 1px solid #84afd9;}
#control-pagination.control-pagination a {background-color: #ddd; border-radius: 5px; padding: 5px 15px;}
.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;}

.wechsel_AB {background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #ffff00 ), color-stop(0.48, #ffff00 ), color-stop(0.52, #D56C6D), color-stop(1, #D56C6D)); background-image: -webkit-linear-gradient(top left, #ffff00 0%, #ffff00 48%, #D56C6D 52%, #D56C6D 100%) !important; background-image: linear-gradient(to bottom right, #ffff00 0%, #ffff00 48%, #D56C6D 52%, #D56C6D 100%) !important;}


/*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: 10px; font-weight: bold; font-size: 15px; color: #58A0D1;}
.map-title {margin: 10px 0px; font-weight: bold; font-size: 18px; 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: 30px 10px 10px 10px;}
.lageplan .fewo-image {float:left; margin-right: 15px;}
.lageplan .page-iteration {float:right;}
.kartensuche .active {border: 2px solid #496b8f;}

/*Objektlage*/
.fewo-objektmap {border: 2px solid #ccc;}
.leaflet-pane {z-index: 40!important;}
.leaflet-container .fewo-btndetail a {color: #fff!important;}
.map_pointer {position: relative;}
.map_pointer .map-infos {width: 280px; padding: 10px; }
.map_pointer .tooltip-box  {margin-left: 10px;}
.kartensuche .markList .mapMarker {border: 2px solid #496b8f;}

#objGesMapContainer {float: right; width: calc(100% - 700px);}

/*Google Kartensuche*/
.kartensuche  {padding-top: 150px; background-color: #f0ede5;}
.kartensuche  .fewo-listmap {width: calc(100% - 700px);    float: right;}
.kartensuche .obj_liste { min-height: 700px;  max-height: 700px !important;    width: 700px;    float: left;    padding: 10px 10px;    background-color: #f0ede5;      overflow: auto;    position: relative;}
.kartensuche article .mapObjekt {     overflow: hidden;   padding: 20px;}
.kartensuche article .mapObjekt.on-map-selected {    background-color: #84afd9;}
.kartensuche article .mapObjekt.on-map-selected .fewo-art, 
.kartensuche article .mapObjekt.on-map-selected .obj_data div {  color: #fff !important;}
.kartensuche article .fewo-titel {    margin-bottom: 5px;    font-weight: bold;    font-size: 20px;}
.kartensuche article .fewo-titel a {    text-decoration: none;    color: #496b8f;}
.kartensuche article .fewo-image {    width: 50%;    float: left;    margin-right: 20px;    position: relative;}
.kartensuche article .fewo-image img {    width: 100%;}
.kartensuche .fewo-btndetail {    background-color: #496b8f;    display: inline-block;    margin-top: 5px;    text-decoration: none;    font-size: 18px;    padding: 7px 15px;}
.kartensuche .fewo-btndetail a {    color: #fff;    text-decoration: none;}
.kartensuche .fewo-preisab .big { font-weight: bold;;}
.kartensuche #map {    width:100%;    float: right;}

@media (max-width: 1200px) {
    .kartensuche {padding-top: 10px;}
}
@media (max-width: 1000px) {
    .kartensuche article .fewo-image {        float: none;        width: auto;        margin-right: 0;    }
    .kartensuche .obj_liste {        width: 250px;    }
    .kartensuche #map {        width: calc(100% - 250px);    }
}

@media (max-width: 650px) {
    .kartensuche { display: none;    }
}



/*GÃ¤stebuch*/
.bew-gaestebuch .bew-item {background-color: #fff; margin-bottom: 30px; display: inline-block; width: 100%;}
.bew-gaestebuch .bew_image {float: left;}
.bew-gaestebuch .gaestbuch-bew-text {width: calc(100% - 350px); float: left; padding: 15px;}
.bew-gaestebuch .bew_titel {float: left; width: calc(100% - 115px);}
.bew-gaestebuch .bew_titel h2 {font-size: 20px;}
.bew-gaestebuch .bew_objtitel {font-weight: 700; font-size: 1em;  padding-top: 10px; padding-bottom: 10px; width:100%; display: inline-block;}
.bew-gaestebuch .br-wrapper {display: inline-block;}

/*Angebote*/
#fewo-angliste .fewo-item {background-color: #fff;}
#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 {color: #fff;background-color: transparent !important; border: 1px solid #84afd9; color: #84afd9; font-size: 21px; border-radius: 5px; font-weight: 400; padding: 0px 50px; line-height: 48px; height: 50px; margin: 10px 0px;}
#fewo-objektliste .fewo-item .fewo-btndetail a:focus {box-shadow: none !important;}
.angebot_list_image img {width: 100%;}

/*Content*/
.service-ueberuns figure {margin: 0px;}
.service-serviceleistungen h4:before {margin-right: 10px; transition: 0.2s; display: inline-block; content: "\f046"; font-family: 'FontAwesome';}
.service-an-und-abreise h2:before {margin-right: 10px; transition: 0.2s; display: inline-block; content: "\f084"; font-family: 'FontAwesome';}


/* Footer */
#footer {border-top: 5px solid #84afd9;}
#footer h3 {color: #84afd9 !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;}
.footer1 .whatsappIcon {width: auto; padding: 0px; font-size: 22px; color: #666666; text-align: inherit; display: inline-block; cursor: pointer;}


#footer .go_up { cursor: pointer; height: 60px; width: 60px; display: block; position: fixed; right: 30px; bottom: 30px;    background: #365575;    background: -moz-linear-gradient(top, #5A86B3 0%, #365575 100%);    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5A86B3), color-stop(100%,#365575));    background: -webkit-linear-gradient(top, #5A86B3 0%,#365575 100%);    background: -o-linear-gradient(top, #5A86B3 0%,#365575 100%);    background: -ms-linear-gradient(top, #5A86B3 0%,#365575 100%);    background: linear-gradient(top, #5A86B3 0%,#365575 100%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5A86B3 ', endColorstr='#365575',GradientType=0 ); z-index: 999;}
#footer .go_up:hover i{color: #fff;}
#footer .go_up i{transition: 0.2s;font-size: 42px; color: #fff; display: block; text-align: center; vertical-align: middle; padding: 7px 0px;}
.eigentuemer-eigentuemerdaten #footer .go_up {display: none!important;}

/*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;}



@media (max-width: 1900px) {
/*     .liste-button .fewo_abpreis.preis-mobile {position: static; width: 50%;}
 */}


@media (max-width: 1800px) {
	.fewo-ausst-group img {width:70px;}
}


@media (max-width: 1600px) {
	.fewo-ausst-group img {width:60px;}
	.wert {text-align: center; font-weight: bold; font-size: 1.3vw;}
    .wert-icon {max-width: 50%; margin: 0 auto;}
}
 
@media (max-width: 1500px) {
	.mobil-none {display: none;}
    .buchungsluecke .fewo-btndetails {width: 100%;}
}

@media (max-width: 1400px) {
	.objliste .fewo-item .fewo_infos .wert, .fewo-rating-text {font-size: 16px;}
	.zufallsobjekte .fewo-item .fewo_titel {padding-top: 10px !important; padding-bottom: 10px !important;}
	.zufallsobjekte .objliste .fewo-item .fewo_titel { width:100%; }
	.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;}
	.fewo-ausst-group img {width:40px;}
	#mainNav .navbar-nav > li.nav-item > a	{padding: .5rem 1rem;}
	#mainNav .navbar-nav > li.nav-item > a {padding: 0rem 0.8rem !important;}
}

@media (max-width: 1203px) {
    .content-top1 h1 {padding-left: 150px;}
}

@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;}
	.listenfilter .form-inputs .label {width: 100%; display: inline-block;}
	.fewo-objektentf ul li {width: calc(50% - 8px) }
	.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 .check_element {margin: 0px 20px 0px 0px!important;}
	.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;}
	#listfilter .fld_schlafzimmer, #listfilter .checkies {display: none;}
	#listfilter .fld_objart {margin-right:2%; margin-top:15px;}
	.listenseiten-kartensuche2 .fld_objtyp, .listenseiten-kartensuche2 .fld_objart {display: none;}
	.mobil-off {display: none;}
	.lageplan .page-iteration {width: 100%;}
	.fewo_objektdetails .fewo-ausst-group {width: 33%;}
	.zufallsobjekte article:nth-child(3) {display: none;}
	.menue {vertical-align: middle; margin-left: 5px;}
	.navbar-nav .dropdown-menu .nav-item a, .navbar-nav .dropdown-menu > li > a {text-align: right;}
	.phone {text-align: right; width: calc( 100% - 953px);}
	.listenfilter {padding-top: 0px;}
	 
	 .liste-button .fewo_abpreis, .fewo-buchungsluecken, .fewo-alternative, .fewo-alternative.preis-mobile, .fewo-buchungsluecken.preis-mobile {position: static; width: 100%;}
	.fewo-btndetails {width: 100%;}

}
    

@media (min-width: 1199px){
    .logo-mobile, .text-mobil {display: none;}
    .kopf {z-index: 9999; position: fixed;}
}

@media (max-width: 1199px){
     #gap-detail {height:0px!important;}
    .footer2 {padding-bottom: 75px;}
    .ce_fewo_objtextsuche {position: fixed; bottom: 0px; left: 0px; z-index: 9999; margin: 0px!important; border: solid 3px #496b8f; width: 100%;}
    .ui.search>.prompt {width: 100%;}
    #page-top .ui.search>.results {bottom: 100%!important; left: 0px!important; top: initial; right: initial; height: 300px; overflow: scroll;}
    .rt-logo-block {display: none!important;}
    .logo-mobile {display: inline-block; width: 100%; text-align: center; margin-bottom:10px;}
    .kopf {position: initial;}
    .content-top1 .fewo_merkzettel_anzahl {position: absolute; right: 0px;}
    .xx div.telefon {top:5px; right: 5px;}
    .xx .inner_telefon {top: 20px; right: 5px;}
    .text-mobil {display: inline-block; color: #b22b22; padding-left: 220px;}
    .fewo_merkzettel_anzahl {position: absolute; right: 120px; top:10px;}
    .bg_kontaktlink {background-image: none; padding: 0px!important;}
    .kontakt_box {background-color: rgb(236 236 236); margin: 0px!important;}
    #page-top.aktuelle-hinweise .pt-5 { padding-top: 1rem!important;}
    .ui.category.search>.results .category>.name {display: none!important;}
    .detailseite .slide.slick-slide img {max-width: 100vw; width: auto; max-height: 100vh;}
    .detailseite .slick-slideshow {height: auto!important;}
    .whatsappSlide {position: absolute; right: 179px; top: 0px;}
    .listenfilter-buchungsluecken {padding-top: 0px;}
}

@media (max-width: 1180px){
.phone {width: calc( 100% - 780px);}
}

@media (max-width: 1030px){
    .content-top1 h1 {padding-left: 150px; padding-right: 10px; font-size: 21px !important;}
    .text-mobil  {padding-left: 170px;}
    .phone {text-align: right; width: calc( 100% - 690px);}
    .hometext {height: 96px;}
}

@media (max-width: 991px){
	#exTab2 {padding: 0px !important;}
	#mainNav.navbar-fixed-top {background-color: #fff !important;}
	header.masthead .home_container_text {width: fit-content; width: -webkit-fit-content; width: -moz-fit-content; margin-bottom: 0px; padding-bottom: 10px;}
	header.masthead .home_container {background-color: #7aa5cf; padding-bottom: 30px; position: initial;}
	header.masthead .home-gb-image {min-height: 250px;}
	header.masthead .home_suche {max-width: calc(100% - 40px); margin: 0 auto; border: 0px;}
	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 .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;}
	.zufallsobjekte .fewo-item:nth-child(3) {display: none;}
	.zufallsobjekte .fewo-item .detail-link .btn {margin-bottom: 20px;}
	.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;}
	.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);}
	.details_bewertungen {margin-top: 20px;}
	.fewo-bewerten {position: relative; bottom: inherit; margin-top: 15px;}
	.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;}
    #page-top .liste-button {min-height: 140px; }
    #page-top .liste-button .fewo_abpreis {width: 100%; right: 0px!important; position: static;}
    .fewo-btndetails.preis-mobile {width: 100%;}
}

@media (max-width: 960px){
    .phone {display: none;}
    .logo-header {height: 90px; left: 15px;}
    .mobil-w-100 {width: 100%;}    
}

@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%;}
	.text-mobil {display:none;}
	.navbar-toggler {margin-left: calc(100% - 110px);}
	.content-top1 h1 {padding-left: 90px;}
	#gap-detail {display: none !important;}
	.home_suche .form select#personen {width: 100%;}

}

@media (max-width: 767px){
    #mainNav ul {margin-left: 0;}
	.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;}
	.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%;}
	.listenfilter .form-inputs, .checkies.dropdown, .listenfilter .form-inputs.fld_reisezeitraum {width: 48%; margin-right: 2%;}
	#listfilter .check_element {margin: 0px 20px 0px 0px!important;}
	.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%;}
	.kartensuche_link, .listenseiten-kartensuche {display: none!important;}
	.pb-mobile {margin-bottom: 15px;}
	.regionsbox {display: none;}
	.link_alle_ob {display: inline-block; width: 100%; padding: 5px;}
    .hometext {height: auto;}
    .objliste .fewo-item .fewo_titel { min-height: initial;  }
    .eigentuemer-eigentuemerdaten .ce_fewo_objtextsuche {display: none!important;}

}


@media (max-width: 635px) {
    .xx div.telefon, .xx .inner_telefon {display: none;}
    .content-top1 h1 {font-size: 18px!important; padding-left: 80px; padding-right:3px;}
    .grid-sizer, .grid-item {width: 100%;}
    .grid-item--width3 {margin-bottom: 0px; padding: 0px; width: 33.333%; display:inline-block;}
    .grid-item--width2 {display: none;}
    .grid-item {padding-right: 0px;}
}

@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;}
	.content-top1 h1 {font-size: 18px!important;}
	.aktuell-container {width: 95%; text-align: center;}
}

@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%;}	
	.content-top1 h1 {float: right; padding: 0px; width: calc( 100% - 100px); margin-bottom: 10px;}
}

@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;}
	.text-mobil {display: none;}
}

@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;}
	.shopLink {display: none;}
}

@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;}
	.objliste .fewo-item .fewo_infos .wert {font-size: 15px;}
	.tab-content .fewo-buchung-date input {max-width: 215px;}
	.page-iteration {width: 100%; display: inline-block;}
	#listfilter .check_element {width: 100%; margin: 0px!important;}
	.bew-gaestebuch .bew_titel { width: 100%;}
}


/* 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 ***************************************/