@font-face {
    font-family: 'Erwin-Plain';
    src:url('/themes/fewowerk/assets/fonts/Erwin-Plain.ttf.woff') format('woff'),
        url('/themes/fewowerk/assets/fonts/Erwin-Plain.ttf.svg#Erwin-Plain') format('svg'),
        url('/themes/fewowerk/assets/fonts/Erwin-Plain.ttf.eot'),
        url('/themes/fewowerk/assets/fonts/Erwin-Plain.ttf.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Calibri';
    src: local('Calibri Regular'), local('Calibri-Regular'),
        url('/themes/fewowerk/assets/fonts/Calibri.woff2') format('woff2'),
        url('/themes/fewowerk/assets/fonts/Calibri.woff') format('woff'),
        url('/themes/fewowerk/assets/fonts/Calibri.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Telefante Bold";
    src: url('/themes/fewowerk/assets/fonts/telefant_bold.eot');
    src: url('/themes/fewowerk/assets/fonts/telefant_bold.eot?#iefix') format('embedded-opentype'),
    url('/themes/fewowerk/assets/fonts/telefant_bold.woff2') format('woff2'),
    url('/themes/fewowerk/assets/fonts/telefant_bold.woff') format('woff'),
    url('/themes/fewowerk/assets/fonts/telefant_bold.ttf') format('truetype'),
    url('/themes/fewowerk/assets/fonts/telefant_bold.svg#Telefante Bold') format('svg');
}

body {
    font-family: "Quicksand", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    background-color: #fff;
    height: 200vh;
   font-size:16px;
    position: relative;
    }
body:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    opacity: 0;
    visibility: hidden;
    z-index: 1; }
body.offcanvas-menu:before {
    opacity: 1;
    z-index: 1002;
    visibility: visible; }

p {
    color: #000;
    font-weight: 300; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Quicksand", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 400;
}
input[type=button] {
    width: 120px;
    height: 60px;
    margin-left: 35px;
    display: block;
    background-color: gray;
    color: white;
    border: none;
    outline: none;
}
button:focus {
    outline: 1px none !important;
    /* outline: 5px auto -webkit-focus-ring-color; */
}
a {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    font-weight:500;
    }
a, a:hover {
    text-decoration: none !important; }
.clear-left {clear: left;}
.clear-right{clear:right;}
.clear-both{clear:both;}
.textstart {font-weight: 300; font-size: 2.2rem; margin-top:100px;}

.btns{ margin-top:10px; }
.btn-red{ color: #fff; background-color:#BC4A20; display: block; margin: auto;}
.btn-info{position: absolute; top: 200px; background-color: #ffffff!important; color:#000000!important; border: 0px; height: 38px;}
.btn-info:focus{
    border: 0px;
    box-shadow: none;
    outline: none;
    outline: 0px auto -webkit-focus-ring-color;
}

.btn-right{
   display: inline-block;
   padding-left: 0px;
   vertical-align: middle;
   font-size: 22px;
}
.btn-left{
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
    font-size: 22px;
}
.btn-left:hover, .btn-right:hover {
     cursor: pointer;
}

.btn-red:hover {background-color: #346E2A;}
.titel-black{
    font-family: 'Ivy Mode Regular', 'sans-serif';
    font-size:24px;
    font-weight:600;
}
.titel-red{
    font-family: 'Ivy Mode Regular', 'sans-serif';
    font-size:20px;
    font-weight:600;
    color:#BC4A20;
}
.titel-text {
    margin-bottom:15px;
    marrgin-top:15px;
}
.text-block{
    margin-top:30px;
    font-size:18px;
}

.boxen1, .boxen4{
   border: 1px solid #8c8c8c;
   padding:0px;
}

.boxen-grau{
    background-color: #f0f0f0;
    border : 1px solid #8c8c8c;
    padding:5px;
}
.boxen-grau h3 {
    font-size: 1.5rem !important;
    text-decoration-line: underline;
    text-decoration-color: #008098;
}

.boxen-detail1{
    background-color: #ffffffd6;
    border : 1px solid #8c8c8c;
    padding:2px;
}
.boxen-detail1 h2, .boxen-detail2 h2{
    font-size: 1.5rem !important;
    text-decoration-line: underline;
    text-decoration-color: #008098;
}

.boxen1.row{
    margin-left: -10px!important;
    margin-right: -10px!important;
}
.boxen1 h3{ font-size:17px;}
.boxen1p p{ min-height:120px;}
.boxen2{
   border: 1px solid #8c8c8c;
   padding:0px;
   min-height:400px !important;
}
.boxen2.row{
    margin-left: -10px!important;
    margin-right: -10px!important;
}
.boxen2 h3{
    font-size:17px;
}
.boxen4 h2{
    font-size:18px
}
.tbox1 p{
    min-height:195px!important;
}

.boxbar {
    width: 100%;
    position: absolute;
    background-color: #0082A1;
    height: 3px;
    margin-top: 30px;
}
.line_odd{
    background-color: #f0f0f0;
}
.line_even {
    background-color: #fff0;
}
.fewo-head-saison{
    font-weight: 600;
    border-bottom: 1px solid #008098;
}
details.description summary::after {
  content: attr(data-open);
  opacity: 0;
  font-size: 5px;
}
.ang-header{
   
    font-size: 1.5rem !important;
    text-decoration-line: underline;
    text-decoration-color: #008098;

}
details.description[open] summary::after {
  content: attr(data-open);
  opacity: 1;
  font-size: 17px;
}

details.description summary::before {
  content: attr(data-close);
  opacity: 0;
  font-size: 5px;
}

details.description:not([open]) summary::before {
  content: attr(data-close);
  opacity: 1;
  font-size: 17px;
}

details.description summary::after,
details.description summary::before {
  display: inline-block;
  transition: all .4s ease-in-out;
  transform-origin: center bottom;
}
.modal-title{
    border-bottom: 2px solid #008098 !important;
}
.linie1{
    width:100%;
    max-width: 100%;
    border-color: #008098;
    border-width: 1px;
}
.linie2{
    width:100%;
    max-width: 100%;
    border-color: #b3b2b2;
    border-width: 1px;
}
.inner-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left:-15px;
}
.blocks p{
    min-height: 75px;
}
.blocks h2{

    font-size:30px;
    color:#000;

}
.blocks2 h3{
    font-size:20px;
}
.blocks2 p{
    min-height: 170px;;
}

.infos p{
    min-height:105px;
}
.infos h2{
    font-size:30px;
    color:#000;
    }
#bew-item .br-wrapper{
    /*float:right;*/
    width:130px;
}
.bew_titel h4{font-size:20px;}
.bew-item {background-color:#fff; padding:5px;min-height: 476px;}
.bew_nachricht{font-size:14px;}
.bew-ratingtext {float:left;}
.bewertung h2{

    font-size:28px;
    color:#000;
    text-transform: uppercase;
 }
.hero {
    height: 900px;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    }
.top_image{
    height:370px;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_marker .title{font-family: 'Messina Sans';font-size:14px;}
.map_marker .obj_img img {width:300px;height: auto;}
#fewo-map-liste {
    overflow: scroll; height: 900px;
    width:100%;
    overflow-x: hidden;
}
.liste1 {    /* alle-haeuser-mit-fewo */ background-image: url(/themes/fewowerk/assets/panorama/flutlichtski-willingen.jpg);}
.liste2 {/* alle-fewo-in-willingen */ background-image: url(/themes/fewowerk/assets/panorama/alle-fewos.jpg);}
.liste3 { /* meinecardplus-ferienwohnungen-willingen */ background-image: url(/themes/fewowerk/assets/panorama/Traumblick-Ettelsberg-Panorama-Willingen.jpg);}
.liste4 { /* Hundeurlaub */ background-image: url(/themes/fewowerk/assets/panorama/Hoppecketal-Panorama.jpg);}
.liste5 { /* fewo-oberstdorf-allgaeu */ background-image: url(/themes/fewowerk/assets/panorama/panorama-winter.jpg);}

.oberstdorf-1 { /* Info Oberstdorf */ background-image: url(/themes/fewowerk/assets/panorama/oberstdorf-nebelhorn-400-gipfel-panorama.jpg);}

.fz1{/* AGB */ background-image: url(/themes/fewowerk/assets/panorama/agb.jpg);}
.fz2{/* Bildernachweis */ background-image: url(/themes/fewowerk/assets/panorama/bildernachweis.jpg);}
.fz3 {/* datenschutz */ background-image: url(/themes/fewowerk/assets/panorama/datenschutz.jpg);}
.fz4 {/* Impressum */ background-image: url(/themes/fewowerk/assets/panorama/impressum.jpg);}
.fz5 {/* infos-fuer-eigentuemer-120 */ background-image: url(/themes/fewowerk/assets/panorama/eigentuemer.jp);}
.fz6{/* kontakt */background-image: url(/themes/fewowerk/assets/panorama/kontakt.jpg);}
.fz7{/* Über uns */ background-image: url(/themes/fewowerk/assets/panorama/fewozentrale-Willingen.jpg);}

.suaerland1 { /*familien-freizeit-events-im-sauerland*/ background-image: url(/themes/fewowerk/assets/panorama/Winterberg-Kappe.jpg); }
.sauerland2 {/* hallen-freibaeder-sauerland */ background-image:url(/themes/fewowerk/assets/panorama/AquaMagis.jpg);}
.sauerland3 {/* radfahren-im-sauerland-169 */ background-image:url(/themes/fewowerk/assets/panorama/MoehnetalRadweg_Rast-am-Wasser.jpg);}
.sauerland4 {/* sauerland-seen-171 */ background-image:url(/themes/fewowerk/assets/panorama/Abendstimmung-am-Biggesee.jpg);}
.sauerland5 {/* sehenswuerdigkeiten-sauerland */ background-image:url(/themes/fewowerk/assets/panorama/Burg-Altena2.jpg);}
.sauerland6 {/* ski-wintersport-arena-sauerland */ background-image:url(/themes/fewowerk/assets/panorama/wsa-1097-skigebiet_willingen_still_waiting_for_you.jpg);}
.sauerland7 {/* touristinfo-sauerland */ background-image:url(/themes/fewowerk/assets/panorama/Sauerland-bei-willingen.jpg);}
.sauerland8 {/* wandern-im-sauerland */ background-image:url(/themes/fewowerk/assets/panorama/MoehnetalRadweg_Rast-am-Wasser.jpg);}
.service1 {/* DTV Sterne */ background-image:url(/themes/fewowerk/assets/panorama/dtv.jpg);}
.service2 {/* Gästebuch */ background-image:url(/themes/fewowerk/assets/panorama/Loipe-Petersborn-3-brilon-1.jpg);}
.service3 {/* immobilien-kauf-beratung */ background-image:url(/themes/fewowerk/assets/panorama/immobilien.jpg);}
.service4 {/* kurtaxe */ background-image:url(/themes/fewowerk/assets/panorama/Kurtaxe.jpg);}
.service5 {/* meniecardplus */ background-image:url(/themes/fewowerk/assets/panorama/Nordhessen_MeineCardPlus.jpg);}
.service6 {/* reiseversicherung */ background-image:url(/themes/fewowerk/assets/panorama/reiseversicherung.jpg);}
.service7 {/* sauerlandcard */ background-image:url(/themes/fewowerk/assets/panorama/Balve_Panorama1.jpg);}
.service8 {/* willingen-familienpass */ background-image:url(/themes/fewowerk/assets/panorama/Radfahren-im-Sauerland-Familie-auf-dem-SauerlandRadring.jpg);}
.service9 {/* wirtschaftsbeirat */ background-image:url(/themes/fewowerk/assets/panorama/Konferenz.jpeg);}

.tinfos1 { /*info-region*/ background-image:url(/themes/fewowerk/assets/panorama/Ettelsberg-Seilbahn-Willingen-Hochheide.jpg);}
.tinfos2 {/* info-service */ background-image:url(/themes/fewowerk/assets/panorama/fewozentrale-Willingen.jpg);}
.tinfos3 {/* info-willingen-sauerland */background-image:url(/themes/fewowerk/assets/panorama/Ettelsberg-Seilbahn-Willingen-Hochheide.jpg);}
.tinfos4 {/* info-willingen-sauerland */background-image:url(/themes/fewowerk/assets/panorama/K1-Willingen.jpg);}
.tinfos5 {/* tourist-informationend */background-image:url(/themes/fewowerk/assets/panorama/Besucherzentrum-Willingen.jpg);}
.tinfos6 {/* touristinfo-biggesee-listersee */background-image:url(/themes/fewowerk/assets/panorama/Sonderner-Kopf-am-Biggesee.jpg);}
.tinfos7 {/* Touristinfo-diemelsee */background-image:url(/themes/fewowerk/assets/panorama/Diemelsee-Sommer.jpg);}
.tinfos8 {/* touristinfo-hennesee-olsberg-brilon */background-image:url(/themes/fewowerk/assets/panorama/Sauerland-Panorama-bei-Bruchhausen-Elkeringhausen.jpg);}
.tinfos9 {/* touristinfo-hennesee-region-meschede-bestwig */background-image:url(/themes/fewowerk/assets/panorama/Der_Hennesee.jpg);}
.tinfos10 {/* touristinfo-moehnesee */background-image:url(/themes/fewowerk/assets/panorama/Moehnesee-Panorama.jpg);}
.tinfos11 {/* touristinfo-olsberg-brilon */background-image:url(/themes/fewowerk/assets/panorama/Olsberg_Panorama.jpg);}
.tinfos12 {/* touristinfo-schmallenberger-sauerland */background-image:url(/themes/fewowerk/assets/panorama/Schmallenberg_Panoramabild.jpg);}
.tinfos13 {/* ttouristinfo-sorpesee */background-image:url(/themes/fewowerk/assets/panorama/Panorama-Langscheid-Sorpesee.jpg);}
.tinfos14 {/* touristinfo-usseln */background-image:url(/themes/fewowerk/assets/panorama/Osterkopf-Panorama-Usseln.jpg);}
.tinfos15 {/* touristinfo-winterberg */background-image:url(/themes/fewowerk/assets/panorama/Panorama-Winterberg.jpg);}
.tinfos16 {/* touristinfos-willingen-diemelsee */background-image:url(/themes/fewowerk/assets/panorama/skywalk-willingen-panorama.jpg);}
.tinfos17 {/* unsere-urlaubstipps-92 */background-image:url(/themes/fewowerk/assets/panorama/Bruchhauser-Steine-Sauerland.jpg);}

.wdl1 {/* baeder-strandbaeder-ederseeregion */background-image:url(/themes/fewowerk/assets/panorama/Edersee-Panorama-Strandwiese-Scheid.jpg);}
.wdl2 {/* familien-freizeitaktivitaeten-ederseeregion-152 */background-image:url(/themes/fewowerk/assets/panorama/Edersee-Schiffahrt-schloss-waldeck.jpg);}
.wdl3 {/* kassel-grimmheimat-nordhessen */background-image:url(/themes/fewowerk/assets/panorama/Herkules_Kassel_Kaskaden_Panorama.jpg);}
.wdl4 {/* radfahren-im-waldecker-land */background-image:url(/themes/fewowerk/assets/panorama/Radfahren.jpg);}
.wdl5 {/* sehenswuerdigkeiten-151 */background-image:url(/themes/fewowerk/assets/panorama/sehenswuerdigkeiten.jpg);}
.wdl6 {/* touristinfo-bad-arolsen-twistesee */background-image:url(/themes/fewowerk/assets/panorama/Schloss-Bad-Arolsen2.jpg);}
.wdl7 {/* touristinfo-bad-wildungen-edertal */background-image:url(/themes/fewowerk/assets/panorama/Fritzlar-Fachwerkpanorama.jpg);}
.wdl8 {/* touristinfo-edersee */background-image:url(/themes/fewowerk/assets/panorama/edersee-panorama.jpg);}
.wdl9 {/* touristinfo-waldeckerland-edersee */background-image:url(/themes/fewowerk/assets/panorama/talsperre.jpg);}

.webc1 {/* feratel-livecams-im-allgaeu-oberstdorf-kleinwalsertal-oberjoch-tannheimer-tal */background-image:url(/themes/fewowerk/assets/panorama/Felsemneer_Hemer_2010_035.jpg);}
.webc2 {/* webcams-sauerland */background-image:url(/themes/fewowerk/assets/panorama/Felsemneer_Hemer_2010_035.jpg);}
.webc3 {/* webcams-skigebiete-allgaeu-oberstdorf-kleinwalsertal */background-image:url(/themes/fewowerk/assets/panorama/2018_03_1_19.jpg);}
.webc4 {/* webcams-skigebiete-sauerland-willingen-winterberg */background-image:url(/themes/fewowerk/assets/panorama/flutlicht-ski-willingen_2.jpg);}
.webc5 {/* webcams-waldecker-land-ederseeregion */background-image:url(/themes/fewowerk/assets/panorama/Edersee_2.jpg);}

.webc6 {/* webcams-wetter */background-image:url(/themes/fewowerk/assets/panorama/2018_03_1_19.jpg);}

.webc7 {/* webcams-willingen */background-image:url(/themes/fewowerk/assets/panorama/Willingen-Panorama-Bruene.jpg);}
.webc8 {/* webcams-winterberg */background-image:url(/themes/fewowerk/assets/panorama/Winterberg-Sauerland.jpg);}
.webc-live {/* Alle Feratell */ background-image:url(/themes/fewowerk/assets/panorama/Skigebiet-Nebelhorn-Oberstdorf.jpg);}

.will1 {/* Familien-Freizeit-Events-Willingen */background-image:url(/themes/fewowerk/assets/panorama/Curioseum-Usseln-Willingen.jpg);}
.will2 {/* ferienwohnungen-ortslagen*/background-image:url(/themes/fewowerk/assets/panorama/Stryck-Panorama-Willingen-Sauerland.jpg);}
.will3 {/* gastronomie-tipps-willingen */background-image:url(/themes/fewowerk/assets/panorama/Skihuette-Gastro.jpg);}
.will4 {/* info-skispringen */background-image:url(/themes/fewowerk/assets/panorama/FIS-Skispringen-Willingen.jpg);}
.will5 {/* info-skywalk-willingen */background-image:url(/themes/fewowerk/assets/panorama/skywalk-willingen-panorama.jpg);}
.will6 {/* Kur-Wellness-willingen-usseln */background-image:url(/themes/fewowerk/assets/panorama/Panorama-Kurpark.jpg);}
.will7 {/* nationalpark */background-image:url(/themes/fewowerk/assets/panorama/Nationalpark-Kellerwald-Ringelsberg-Edersee.jpg);}
.will8 {/* party-tanz-nightlife */background-image:url(/themes/fewowerk/assets/panorama/Diskothek-brauhaus-willingen.jpg);}
.will9 {/* Radfahren-Bike-Welt-Willingen */background-image:url(/themes/fewowerk/assets/panorama/Downhill-Bikepark.jpg);}
.will10{/* schwimmbaeder-willingen-diemelsee */background-image:url(/themes/fewowerk/assets/panorama/Freibad-Usseln.jpg);}
.will11{/* sehenswuerdigkeiten-willingen-naturpark-diemelsee-upland */background-image:url(/themes/fewowerk/assets/panorama/wandern-am-uplandsteig-willingen.jpg);}
.will12{/* veranstaltungskalender */background-image:url(/themes/fewowerk/assets/panorama/WDR4_OpenAir.jpg);}
.will13{/* Wandern-Willingen-Naturpark-Diemelsee-Upland */background-image:url(/themes/fewowerk/assets/panorama/wandern-am-uplandsteig-willingen.jpg);}
.will14{/* willingen-sauerland-urlaub-mit-hund-276 */background-image:url(/themes/fewowerk/assets/panorama/Sauerland-Fewo-Urlaub-mit-Hund-Panorama.jpg);}

.partner1{/* ferienhotels-in-willingen-sauerland */background-image:url(/themes/fewowerk/assets/panorama/Panorama-Kurpark.jpg);}
.partner2{/* hotel-buergerstuben-willingen */background-image:url(/themes/fewowerk/assets/panorama/hotel-buergerstuben-willingen-panorama.jpg);}
.partner3{/* loft-hotel-willingen */background-image:url(/themes/fewowerk/assets/panorama/panorama-loft-hotel-willingen.jpg);}

.oberstdorf h2 {
    color:#fff !important;
    font-size:22px;
}
.img-responsive {
    display:block;
    height: auto;
    max-width:100%;
}
.fewo-ausst-attr{
    float: right;
    margin-right:10px;
}
.fewo-ausst-attr img{
    width:35px;
    height:35px;
}
.topimage{
   display: block;
    min-height: 100px;
    max-width: 100%;
    padding-top: 145px;
}

    .zoomimage img {
        transition: transform 0.25s ease;
        cursor: zoom-in;
    }

    input[type=checkbox]:checked ~ label > img {
        transform: scale(2);
        cursor: zoom-out;
    }
    .img-zoom {
        display:block;
        height: auto;
        max-width:100%;
        z-index:1;
    }

.ui.search>.prompt{
    width:100%;
}
.objektsuche .form-fromdate, .objektsuche .form-region, .objektsuche .form-personen, .objektsuche .form-schlafzimmer{    width:100%}
.form-control{    border-radius: 0px;}

.objektsuche .checkies .checkdrop {
    width:40% !important;
    margin-bottom: .25rem;
}
.objektsuche .checkies label{
    margin-top: .3rem;
    width:60%;
    float:left;
}


.load_gallery .show_gallery {cursor: pointer; background-color: #fff; border:1px solid #be1f2c; padding: 5px 20px; color: #be1f2c; margin-top: 30px; transition: 0.2s;}
.load_gallery .show_gallery.show {display: inline-block;}
.load_gallery .show_gallery:hover {background-color: #be1f2c; color:#ffffff!important;}
.slide h3{color:#ffffff!important;} 
.goback .show_goback{cursor: pointer; background-color: #fff; border:1px solid #be1f2c; padding: 5px 20px; color: #be1f2c; margin-top:30px;transition: 0.2s;}
.goback .show_goback:hover {background-color: #be1f2c; color:#ffffff!important;}
.slider-layer {height: 0px; overflow: hidden; position: fixed; top: 0px; background-color: #008098; 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: 30px; left: 10px; right: 10px; bottom: 0px; margin: auto;}
.slider-layer .close_layer {display: none; z-index: 9997; cursor: pointer; position: fixed; 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: #004896;}
.loading_container.hideme {display: none !important;}
.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: #004896;}
.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 #004896;}
.slider-images-big .slick-slide {-webkit-filter: grayscale(1); filter: grayscale(1);transform: scale(1) !important;}

slide-images{width:100%;}

.slick-slide .slide-images {transform: scale(1) !important;
}
.slick-slide.slick-current  {-webkit-filter: none; filter: none;}
.slick-list {padding: 0px !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;}
.slide-images {justify-content: center; display: flex;}

@-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;
  }
}
.tab-content {background-color: #ffffffba; padding: 15px; display: inline-block; width: 100%;margin-top:20px;}
@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;
  }
}





/* ende inputs *************/

.home_container2 {
    top: calc(100% - 15px);
    position: absolute;
    left: calc(50% - 400px);
    width: 800px;
}
/* Listen ********************************/

.textinbox {
  width: 100%;
  height: 250px;
  padding-right:10px;
  overflow-Y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.mehrlesen{
    position: absolute;
    top:281px;
    right:10px;
    margin: 0 auto;
     cursor: pointer;
}
.img-fit {
   width: 100%;
   object-fit: cover;
   height: 240px;
}
.zufall h2{
    font-size:17px;
    font-weight:500;
    /* min-height:50px;*/
}
.zufall-m{
    margin:-5px;
}
.sauerland h1, .meinecardplus h1,.familienpass h1,.impressum h1,.datenschutz h1, .agb h1, .kontakt h1, .texte h1{

    font-size:36px;
    color:#000;
    background-color: #ffffff72;

}
.sauerland h2 {
    font-size:22px;
}



.home_text h1 {
    font-size:34px;
    color:#000;
    background-color: #ffffff72;
    padding: 5px 10px 5px;
}
.atext {
    margin-left:2px;
    margin-right:5px;
    margin-bottom:2px;
}
.atext2 {
    margin-top:2px;
    padding-left:32px !important;
    font-size:14px;    
}
.fewo-listimage img {
    width: 100%;
    height: auto;
}
.preisrelabel {
    font-size : 21px;
    font-weight: 600;
}
.border-bottom-preise{
    border-bottom: 1px solid #008098;
}
.fewo-preisrechner {
        padding: 5px;
    border: 1px solid #999;
}
.objtitel, .objregion {
    font-size:21px;
    font-weight:500;
}


.control-pagination{

    margin-top:5px;
    margin-bottom: 5px;
}
.control-pagination button {
    font-size: 13px;
    padding: 0px 11px;
    line-height: 30px;
    height: 30px;
    font-weight: 500;
    color: #000;
}
.btn-details {
    width:120px;
    background-color: #008098;
    color:#fff;
    border:0px;
    height:33px;
}
.btn-hausdetails {
    width:100%;
    background-color: #008098;
    color:#fff;
    border:0px;
    height:38px;
}
.btn-anfragen{
    background-color:#008098;
    width:100px;
    color:#fff;
    font-size:16px!important;
    border:0px;
    height:33px;
}
.btn-anfragen-dis{
    background-color:#0080985c;
    width:125px;
    color:#fff;
    font-size:16px!important;
    border:0px;
    height:33px;
}
.btn-buchen{
    background-color:#ff0000;
    width:100px;
    color:#fff;
    font-size:16px!important;
    border:0px;
    height:33px;
}
.btn-close{
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #be1f2c;
    padding: 5px 20px;
    color: #be1f2c;
    margin-top: 10px;
    transition: 0.2s;
}
.btn-angebot{
 background-color:#008098;
    width:120px;
    color:#fff;
    font-size:16px!important;
    border:0px;
    height:33px;
}
.buttons2 .btn-anfragen{
        background-color:#008098;
    width:120px;
    color:#fff;
    font-size:16px!important;
    border:0px;
    height:33px;
}
.buttons2 .btn-buchen{
    background-color:#ff0000;
    width:120px;
    color:#fff;
    font-size:16px!important;
    border:0px;
    height:33px;
}
.btn-buchen-dis{
    background-color:#ff00005c;
    width:110px;
    color:#fff;
    font-size:16px!important;
    border:0px;
    height:33px;
}
.btn-merken2 {
    background-color:#4e5371;
    width:110px;
    color:#fff;
    font-size:16px!important;
    border:0px;
    height:33px;
    margin-top:10px;
}
.btn-anfragen:hover, .btn-buchen:hover, .btn-merken2:hover, .btn-hausdetails:hover {
    cursor: pointer;
}
.btn-pfeile{
    width:26px;

    color:#000000;
    border:0px;
    height:27px;
    cursor: pointer;
    margin-right:5px;
    text-align: center;
}

.btn-weiter {
    width:160px;
    background-color: #008098;
    color:#fff;
    border:0px;
    height:38px;
}

.btn-weiter2 {
    font-size:17px !important;

    background-color: #008098;
    color:#fff;
    border:0px;
    height:38px;
}

.btn-weiter3 {
    font-size:16px !important;

    background-color: #fff;
    padding-left:7px;
    padding-right:7px;
    color:#000;
    border:0px;
    height:38px;
}

.btn-weiter4 {
    font-size:13px !important;

     background-color: #008098;
    color:#fff;
    padding-left:7px;
    padding-right:7px;
    border:0px;
    height:30px;
}

.btn-weiter:hover,.btn-weiter2:hover, .btn-weiter3:hover, .btn-weiter4:hover,btn-detaisl:hover, .btn-merken:hover{
    cursor: pointer;
}
.btn-merken{
    width:100px;
    background-color: #C54A20;
    color:#fff;
    border:0px;
    height:33px;
}
.btnlink {
    font-size:16px;
    font-weight:400;
    color:#008098;
    border:none;
    background-color:transparent;
}
.btnlink:hover{
    cursor: pointer;
}
.btn3 {    font-size:18px;}
.btn4 {    font-size:16px;}

.btn-details:hover {
    background-color: #8c8c8c;
    cursor: pointer;
}
.btn5 {
    background-color: #be1f2c!important;
    padding: 5px 15px;
    margin-left: 0px;
    font-size: 18px;
	bottom: 0;
	
    float: right;
    color:#fff;
     border: 1px solid #be1f2c;
     margin-right:5px;
}
.btn2-left:hover, .btn2-right:hover, .btn2:hover, .btn3:hover, .btn4:hover, .btn5:hover{
    cursor: pointer;
}
.fewo-rating-text {font-size: 18px;margin-top:4px; padding-left:5px;font-weight: 500;}

.fewo_ausstattung ul {   list-style-type: none;}
.fewo_ausstattung li {
    float: left;
    margin-right: 5px;
}
.fewo_preis1 {
    font-size: 20px;
    font-weight: normal;
}
.fewo_preis1 .big {
    font-size:28px;
    font-weight: 600;
}
.fewo_preis2 {
    font-size: 14px;
    font-weight: 400;
}
 .rateo, .raten {
    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;
}
.rateo:after, .cat-name .fewo_star_active:after {
    font: normal normal normal 24px / 1 FontAwesome;
    content: '\f005';
    color: #008098;
    display: inline-block;
}

.accordion {
  background-color: #ffffff;
  color: #000000;
  font-weight: 600;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  border-bottom: 1px solid #008098;
  
}

.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, .zeilensumme.kurtaxe {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: 240px;}
.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: #000;}
.nav-tabs .nav-link {width: 100%;}
#tabcontrol{width:100%}

#buchungsmaske .tab-content {background-color: #ffffffcc; padding: 15px; display: inline-block; width: 100%;border: 1px solid #ccc;}

.tab-content h2 {font-size: 28px;color:#000000!important; border-bottom: 2px solid #008098;}
.tab-content h3 {font-size: 26px; color:#be1f2c!important;}
.belegungsplan h3 {font-size: 26px; color:#be1f2c!important;}
#gastdaten .form-group .label, .fewo-buchung-cal .label, .fewo_buchung_personen .label {font-size: 16px; 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: #004896; 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: 90px; margin: 0 auto;  float:left;}
.leistungenheader div, .mitreisende_header div {font-weight: bold;border-bottom: 1px solid #999;margin-bottom:5px;}
.zeile_leistung_even  {height: 40px; background-color: #cccccc;}
.zeile_leistung_even .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%;}
.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}
#gastdaten .form-group .label, .fewo-buchung-cal .label, .fewo_buchung_personen .label {
    font-size: 16px;
    margin-left: 0.75rem;
}

#exTab1 .tab-content {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}

#exTab2 h3 {
  color : white;
  background-color: #fff;
  border: 1px solid #be1f2c;
  padding : 5px 15px;
}

/* remove border radius for the tab */

#exTab1 .nav-pills > li > a {
  border-radius: 0
}

.tab-pane p{font-family : 'Messina Sans Book'; font-size:16px;}
/* change border radius for the tab , apply corners on top*/

#exTab3 .nav-pills > li > a {
  border-radius: 4px 4px 0 0 ;
}

#exTab3 .tab-content {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}

.image_big img {
    width: 100%;
    object-fit: cover;
    height: 350px;
}
.image_small img {
    width: 100%;
    object-fit: cover;
    height: 230px;
}
.load_gallery .show_gallery {cursor: pointer; background-color: #fff; border:1px solid #be1f2c; padding: 5px 20px; color: #be1f2c; margin-top: 30px; transition: 0.2s;}
.load_gallery .show_gallery.show {display: inline-block;}
.load_gallery .show_gallery:hover {background-color: #be1f2c; color:#ffffff!important;}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #fff;
}
.objektbilder_top img {width: 100%;}
.img-none {display: none;}
.objektdetail .bew-item {
    min-height:150px;
}

.objektdetail .bew_titel p{
    font-weight:600;
}
/* Style the accordion panel. Note: hidden by default */
.fewo-objektentf .entfernung_km{
     margin-left: 10px;
}
.fewo-objektentf h3 {
    text-decoration-line: underline;
    text-decoration-color: #008098;
}
.panel {
  padding: 0 10px;
  background-color: white;
  display: none;
  overflow: hidden;
}
button.accordion:after {
    content: '\002B';
    color: #008098;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}
button.accordion::before {
    content: '\f175'; /*'\002B';*/
    font-family: 'FontAwesome';
    color: #008098;
    /*font-weight: bold;*/
    float: left;
    margin-left: 5px;
    margin-right:5px;
}
.fewo-ausst-title{
    font-weight:600;
}
.fewo-ausst-group{
    width:100%;
}
.fewo-ausst-group ul li {
    list-style-type: none;
    width: 10%;
    float: left;
    margin-left:10px;
}
.objektdetail .fewo-ausst-attr {
        margin-left:10px;
        float:left;
}
.objektdetail .fewo-ausst-attr:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    font-size: 14px;
    color: #666666;
    padding-right: 5px;
}
.objektdetail .fewo-objektentf ul{
    list-style-type: none;
}
 .ausst {margin-top:4px;float:left;margin-left:5px;}
.fewo_kurztext{min-height:135px;}
.fewo_objtitel {font-size: 24px;font-weight: 500; color:#008098}
.fewo_objregion{font-size: 24px;font-weight: 500; color:#008098}
/*.btn-merken.merkenadd:before {
    content: "\f004";
    font-family: 'FontAwesome';
    font-size: 16px;
    cursor: pointer;
    left:-2px;
    margin-right:2px;
}
.btn-merken.merkendelete:before {content: "\f004"; font-family: 'FontAwesome'; font-size: 16px; color: #feed00; cursor: pointer;  margin-right:2px;}
*/
.fewo-stern{
    width:22px;
    height:22px;
    background-image: url('/themes/fewowerk/assets/icons/dtv_stern.png');
    background-repeat: no-repeat;
    background-position: center;
    float:left;
}
.dtvsterne{
    bottom: 5px;
    right: 20px;
    position: absolute;
    text-align: right;
    padding: 5px 10px;
    background-color: rgba(255, 255, 255, 0.8);
}
.dtvsterne-label{
    display:block;
    font-size:14px;
}
.zufall-preisab {
    position:absolute;
    right:20px;
    top:10px;
    padding: 5px 10px;
    background-color: rgba(255, 255, 255, 0.8);
}
.text-nebenkosten{
    font-size:12px !important;
}
.zufall-preisab .big{
    font-weight: 500;
}
.belkal {
    float: left;
    margin-right: 10px;
    width: 260px!important;
}
 .btn-left, .btn-right , .btn-delete {border:none;  background-color: #fff0!important;  cursor: pointer; padding: 0px 20px;}

.btn-bewleft, .btn-bewright{ 
    position: absolute;
    left:1px;
    top :calc(50% - 5px);
    cursor: pointer;
    }
.cal_buttons {
    
    display: inline-block;
    width: 100%;
}
.cal_buttons div {
    float: left;
}
.br-theme-fontawesome-stars-o .br-widget a:after {
    content: '\f006';
    color: #008098!important;
}

.br-theme-fontawesome-stars-o .br-widget a.br-active:after {
    content: '\f005';
    color: #008098!important;
}

.br-theme-fontawesome-stars-o .br-widget a.br-selected:after {
    content: '\f005';
    color: #008098 !important;
}

.br-theme-fontawesome-stars-o .br-widget a.br-fractional:after {
    content: '\f123';
    color: #008098 !important;
}

/* Listen ende ****************************/
/* Sektionen und blöcke *******************/

.section-top{
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
    border-bottom: 1px solid #cccccc;
}
.font-12{    font-size:12px;}
.font-14{    font-size:14px;}
.font-16{    font-size:16px;}
.font-17{    font-size:17px;}
.image90 {    height:auto;    width:45vh;}
/* Hintergründe Sektion **************************/
.bg-primary {background-color: #213375 !important; }
.bg-white{ background-color: #ffffff!important;}
.bg-box1{background-color:#ffffffd6!important;}
.bg-box2{background-color: #7b92a9;}
.bg-leicht, .liste-gerade{background-color:#f3fafc;}
.bg-lightblue {background-color: #008098;}
.bg-footer1{background-color:#f3fafc; border-top: 1px solid #999999}
.bg-signalgrau, .liste-ungerade{background-color: #f0f0ee;}
.bg-lightgray {background-color: #b3b2b2}
.bew-block{ padding-bottom:7px;border-bottom: 1px solid rgba(0, 0, 0, 0.4); }


.bg-startseite1 {
    background-image: url('/themes/fewowerk/assets/images/hintergruende/startseite2.jpg');
    background-size: cover;
    background-attachment: fixed;
	background-color: #f3fafc;
 }

.bg-detail1 {
    background-image: url('/themes/fewowerk/assets/images/hintergruende/objekte1.jpg');
    background-size: cover;
    background-attachment: fixed;
	background-color: #f3fafc;
 }

/* Ende Sektionen *******************/
.box-innen {
    -webkit-box-shadow:inset 0px 0px 0px 1px #999999;
  -moz-box-shadow:inset 0px 0px 0px 1px #999999;
  box-shadow:inset 0px 0px 0px 1px #999999;
}
.webcam h2 {
    font-size: 28px;
}
.webcam h3 {
    font-size: 19px;
}
.phone {
    font-size:22px;
    font-weight:600;
}
.phone-row {
    text-align: right;
}
.titeltext h3{
    color: #525353;
    padding-bottom: 0px;
    font-weight: bold;
    font-size: 18px;
    margin: 0 0 10px 0;
    padding-top: 10px;
    text-transform: uppercase;
}
.titeltext h3:after {
    content: " ";
    display: block;
    width: 150px;
    background-color: #008098;
    height: 2px;
    text-align: center;
    margin-top: 5px;
}
/* Ende Sektionen und Blöcke *********/
.menue-container{width:95%;margin-top:30px;}
.menue-row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: -15px;
}

.header-bild{
    height: 90vh;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }

.header-bild2{
    height: 45vh;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;}
.dtv-logo{
    width:350px;
    height:auto;
    right:30px;
    display:block;
    position: absolute;
}
.navbar-brand {
    padding-top:0px !important;
}
.site-navbar-wrap {
    position: absolute;
    z-index: 99;
    width: 100%;
    left: 0; }
.site-navbar-wrap a {
    color: #000;
    font-size:16px !important; }
.site-navbar-wrap .site-navbar-top {
    font-size: 0.8rem;
    background-color: #ffffffa6;
}

.site-navbar-top {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4); }

.site-navbar {
    margin-bottom: 0px;
    width: 100%; }
.site-navbar .site-logo {
    font-weight: 200;
    line-height: 0;
    top: -7px;
    position: relative; }
.site-navbar .site-logo a {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase; }

.site-navbar .site-navigation .site-menu a {
    text-decoration: none !important;
    display: inline-block;
    font-weight: 500; }
.site-navbar .site-navigation .site-menu > li {
    display: inline-block;

    background-color: #ffffffa6;}
.site-navbar .site-navigation .site-menu > li > a {
    padding: 5px 5px;

    font-size: 16px;
    font-weight:500;
    text-decoration: none !important; }
.site-navbar .site-navigation .site-menu > li > a.active {
    color: #000; }
.site-navbar .site-navigation .site-menu > li > a:hover {
    color: #000; }
.site-navbar .site-navigation .site-menu > li:last-child {
    padding-right: 0; }

.site-navbar .site-navigation .site-menu .has-children {
    position: relative; }
.site-navbar .site-navigation .site-menu .has-children > a {
    position: relative;
    padding-right: 20px; }
.site-navbar .site-navigation .site-menu .has-children > a:before {
    position: absolute;
    content: "\e313";
    font-size: 16px;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'icomoon'; }
.site-navbar .site-navigation .site-menu .has-children .dropdown {
    visibility: hidden;
    opacity: 0;
    top: 90%;
    position: absolute;
    text-align: left;
    -webkit-box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 0px 0;
    margin-top: 20px;
    margin-left: 0px;
    background: #fff;
    -webkit-transition: 0.2s 0s;
    -o-transition: 0.2s 0s;
    transition: 0.2s 0s;
    border-radius: 4px;
    margin-left:-50px;
    z-index:9999;}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {    position: absolute; }
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
    bottom: 100%;
    left: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: 40px; }
.site-navbar .site-navigation .site-menu .has-children .dropdown a {
    font-size: 14px;
    text-transform: none;
    letter-spacing: normal;
    -webkit-transition: 0s all;
    -o-transition: 0s all;
    transition: 0s all;
    color: #343a40; }
.site-navbar .site-navigation .site-menu .has-children .dropdown a.active {    color: #007bff; }
    .site-navbar .site-navigation .site-menu .has-children .dropdown .active > a {  color: #000 !important; }
.site-navbar .site-navigation .site-menu .has-children .dropdown > li {
    list-style: none;
    padding: 0;
    margin: 0;
    min-width: 230px; }

.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {
    padding: 5px 5px;
    display: block; }
.kontaktmenue{max-width:180px;}
.kontaktmenue li{ min-width:150px!important;}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {
    background: #ebeef0;
    color: #212529; }
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before {
    content: "\e315";
    right: 10px;
    margin-top:2px;
    font-weight:600;}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {
    left: 100%;
    top: 0; }
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a {
    background: #ebeef0;
    color: #212529; }
.site-navbar .site-navigation .site-menu .has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children:focus > a, .site-navbar .site-navigation .site-menu .has-children:active > a {
    color: #000; }
.site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active {
    cursor: pointer; }
.site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    margin-top: 0px;
    visibility: visible;
    opacity: 1; }

.site-mobile-menu {
    width: 300px;
    position: fixed;
    right: 0;
    z-index: 2000;
    padding-top: 20px;
    background: #fff;
    height: calc(100vh);
    -webkit-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%);
    -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
    box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out; }
.offcanvas-menu .site-mobile-menu {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }
.site-mobile-menu .site-mobile-menu-header {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
    float: right;
    margin-top: 8px; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
    font-size: 30px;
    display: inline-block;
    padding-left: 10px;
    padding-right: 0px;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
    color: #dee2e6; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
    float: left;
    margin-top: 10px;
    margin-left: 0px; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
    display: inline-block;
    text-transform: uppercase; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
    max-width: 70px; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
    text-decoration: none; }
.site-mobile-menu .site-mobile-menu-body {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding: 20px;
    height: calc(100vh - 52px);
    padding-bottom: 150px; }
.site-mobile-menu .site-nav-wrap {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative; }
.site-mobile-menu .site-nav-wrap a {
    padding: 10px 20px;
    display: block;
    position: relative;
    color: #212529; }
.site-mobile-menu .site-nav-wrap a.active, .site-mobile-menu .site-nav-wrap a:hover {
    color: #007bff; }
.site-mobile-menu .site-nav-wrap li {
    position: relative;
    display: block; }
.site-mobile-menu .site-nav-wrap li.active > a {
    color: #007bff; }
.site-mobile-menu .site-nav-wrap .arrow-collapse {
    position: absolute;
    right: 0px;
    top: 10px;
    z-index: 20;
    width: 36px;
    height: 36px;
    text-align: center;
    cursor: pointer;
    border-radius: 50%; }
.site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
    background: #f8f9fa; }
.site-mobile-menu .site-nav-wrap .arrow-collapse:before {
    font-size: 12px;
    z-index: 20;
    font-family: "icomoon";
    content: "\f078";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-180deg);
    -ms-transform: translate(-50%, -50%) rotate(-180deg);
    transform: translate(-50%, -50%) rotate(-180deg);
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
.site-mobile-menu .site-nav-wrap > li {
    display: block;
    position: relative;
    float: left;
    width: 100%; }
.site-mobile-menu .site-nav-wrap > li > a {
    padding-left: 20px;
    font-size: 20px; }
.site-mobile-menu .site-nav-wrap > li > ul {
    padding: 0;
    margin: 0;
    list-style: none; }
.site-mobile-menu .site-nav-wrap > li > ul > li {
    display: block; }
.site-mobile-menu .site-nav-wrap > li > ul > li > a {
    padding-left: 40px;
    font-size: 16px; }
.site-mobile-menu .site-nav-wrap > li > ul > li > ul {
    padding: 0;
    margin: 0; }
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {
    display: block; }
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {
    font-size: 16px;
    padding-left: 60px; }

hr {max-width: 50px; border-width: 3px;border-color: #004896;}
hr.light {border-color: #fff;}
a {color: #be1f2c; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
a:hover {color: #004896;}
textarea {max-width: 100%;}

header.masthead hr {margin-top: 30px; margin-bottom: 30px;}
header.masthead h1 {font-size: 2rem;}
header.masthead p {font-weight: 300;}

/* Hausliste ****************************/

.hausliste-bild {
    height: 30vh;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.fewo-haus_kurztext{min-height:130px;}
.fewo-haus_objekte {font-size: 17px;font-weight: 500;}
.fewo-haus_titel {font-size: 24px;font-weight: 500; color:#000}


/* Hausliste ende *********************/

/* Titelbild Sektion ****************/
.titelbild-container{
    position: relative;
  top: 0;
  bottom: 0;
  width: 100%;
  overflow: hidden;
}
.panorama{ width: 100%;
    object-fit: cover;
    height: 700px;
}
.listen h2{    font-size: 19px;}
.listen2 h2 {    font-size: 26px;}
.videos h2{    font-size: 21px;}

/* Ende Titelbild ******************/

/* Listenfilter ***************************************/
.filter{
    padding-left:0px !important;
    padding-right:0px !important;
}
#listenfilter .fld_ort, #listenfilter .fld_region, #listenfilter .fld_personen, #listenfilter .fld_schlafzimmer, #listenfilter .fld_badezimmer {
    margin-left:5px;
}
#listenfilter .fld_dropdown{
    margin-right:2px;
    width:200px;
}
#listenfilter .check_element{
    margin-right:10px;
    float:left;
}
#listenfilter .check_element .checkInput{
    margin-right:5px;
}
#listenfilter .check_element label{
    min-width:210px;
}
.listenfilter #filterclear {
    z-index: 99;

    position: relative;
    float: left;
    height: 30px;
    padding: 3px 20px;


    border: 1px solid #ced4da !important;
    background-color: white;
    border-radius: 0px;
}
/* Listenfilter ende ********************************/

/* box *****************************************/
.box-suche{
    position: absolute;
    left: calc(50% - 200px);
    top: calc(20% - 80px);
   /* top: 350px;*/
    right: auto;
    width: 400px;
    background-color: #fff;
    padding: 10px;
    border-radius: 4px;
}
.box-willkommen{
    position: absolute;
    top: calc(15% - 60px);
    left: calc(50% - 450px);
    width:900px;
}

.box-titel{
    position: absolute;
    top: calc(15% - 30px);
    left: calc(50% - 450px);
    width:900px;
}
.box-detail {
    position: absolute;
    top:350px;
    left: calc(50% - 450px);
    width:900px;
    background-color: #ffffffb8;
}
.box-detail h1{
    font-size:30px;
}
.box-objtitel{
    background-color: #ffffffb8;
    padding-top:140px;
}
.box-objtitel h1{
    font-size:34px;
}
/* Ende Box ************************************/
.modal-footer {
    justify-content: center !important;
    padding: 0px !important;
    padding-bottom: 5px !important;
}
.modal-dialog {
    max-width: 600px !important;
    
    }
/* cookie ****************************************/
#cookiedingsbums {
    top:calc(50% - 190px); /*100px;*/
    left:calc(50% - 190px);
    outline: 1px solid #7b92a9;
    text-align: center;
    border-top: 1px solid #fff;
    background-color: #ffffff;
    position: fixed;
    height:320px;
    z-index: 9999;
    width: 380px;
    font-size: 16px; color: #000; padding: 20px 20px 0px 20px;}

#cookiedingsbums .cookie {display: inline-block; margin-right: 10px; margin-bottom: 20px}

#cookiedingsbumsCloser {text-align:center;color: #fff; text-decoration: none; cursor: pointer; border: 0px; padding: 5px 10px; background: #008098; border-radius: 5px; transition: 0.2s; text-transform: uppercase;}
#cookiedingsbumsCloser:hover {background-color: #8c8c8c; color: #fff;}
/* ende cookie ***************************************/

/* Angebote Button Startseite **********************/
.zuDenAngebotenDiv {position: absolute; top: 160px; left: 0px; width: 180px; height:42px; background-color: #be1f2c; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.zuDenAngebotenDiv a {color:#fff;}
/* Ende Angebote ***********************/

.objektesuchen {position: absolute; top: 160px; left: 0px; width: 200px; height:42px; background-color: #be1f2c; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.objektesuchen a {color:#fff;}

/*Home Startseitenbild und Suchbereich*/
#btn-back-to-top {background-color:#008098; position: fixed; bottom: 5px; right:25px; display: none; z-index: 3010; padding: 3px 15px; border: 1px solid #fff; width:49px;height:49px;}
#btn-go-content {background-color:#008098; position: fixed; bottom: 5px; right: 25px; display: block; z-index: 3010; padding: 3px 15px; border: 1px solid #fff; width:49px;height:49px;}

.merkerlink:before {
    content: "\f004";
    font-family: 'FontAwesome';
    font-size: 21px;
    color: #be1f2c;

}
.fewo_merk_value{
    color:#000;
     font-size:15px;
    font-weight: 600;
    position:relative;
    top:-3px;
}

.logo { width:300px; margin-left:10px;}
.logo-bottom{width:260px;}

@media (max-width:1200px)
{
    .belkal {
    float: left;
    margin-right: 10px;
    width: 225px!important;     
    margin-right:6px !important;
    }
}
@media (max-width: 990px)
{
    .d-md-inline-block{display:none!important;}

    .img-fit {
        display: block;
        max-width: 100%;
        height: auto;
        }
    .zufall h4 {
        min-height: 20px;
        }
        .textstart {
        margin-top:0px;
        }
        .box-willkommen {
        position: absolute;
        top: calc(15% - 60px);
        left: calc(50% - 280px);
        width: 560px;
        }
    .box-titel{
        position: absolute;
        top: calc(15% - 30px);
        left: calc(50% - 350px);
        width:700px;
    }

    .box-detail {
        position: absolute;
        top: 250px;
        left: calc(50% - 380px);
        width:760px;
        background-color: #ffffffb8;
    }
    .home_text h1 {
    font-size: 31px;
    }
}

@media(max-width: 768px){
.logo {
        width:270px!important;
    }
     .box-titel{
        position: absolute;
        top: 150px;
        left: calc(50% - 250px);
        width:500px;
    }
    .box-detail {
        position: absolute;
        top: 220px;
        left: calc(50% - 45%);
        width: 90%;
        background-color: #ffffffb8;
    }
.belkal {
    float: left;
    margin-right: 10px;
    width: 245px !important;
}
}
@media (min-width: 576px){
    .modal-dialog {
        max-width: 600px !important;
        
    }
}
@media (max-width: 576px) {
    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
        .slide-images img {
        max-height: 265px !important;
        min-height: 265px !important;
    }
     .slide h3 {
        font-size: 14px;
    }
    .belkal{
       float:none !important;
      margin-left: auto;
      margin-right: auto !important;
      /* Optional: Set a width if needed */
      width: 80%;
    }
    .cal_buttons{
        margin-left: auto;
    margin-right: auto;
    width: 75%;
    display:inherit;
    }
 .img-fit {
    display: block;
    max-width: 100%;
    height: auto;
    }
      .tools-oben{
        display:none;
    }
    .logo {
        width:215px!important;
    }
    .sauerland h1, .meinecardplus h1{
    font-size:38px;
    }
    .home_text h1{ font-size:24px}

     .box-willkommen {
        position: absolute;
        top: calc(15% - 20px);
        left: calc(50% - 180px);
        width: 360px;
    }
    .box-willkommen h1{font-size:20px;}
   .box-titel{
        position: absolute;
        top: calc(15% - 30px);
        left: calc(50% - 200px);
        width:400px;
    }
    .box-haeuser h1{
        font-size:22px;
    }
    .boxen1.row{
    margin-left: -15px!important;
    margin-right: -15px!important;
    }

    .topimage {
    display: block;
    min-height: 100px;
    max-width: 100%;
    padding-top: 120px;
    }
    .box-detail {
        position: absolute;
        top: 160px;
        left: calc(50% -45%);
        width: 90%;
        background-color: #ffffffb8;
    }

    .listen h2{
       min-height:34px;
       font-size: 16px;
    }
    .objektesuchen {position: absolute; top: 160px; left: 10px; width: 200px; height:38px; background-color: #be1f2c; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
    .objektesuchen a {color:#fff;}
    .phone {
    font-size: 19px;
    font-weight: 600;
    }

}


@media (max-width: 400px){

    .panorama{
        width: 100%;

        height: auto;
    }
    .slider-layer .slick-slideshow {
    position: absolute;
    top: 80px;
    left: 4px;
    right: 4px;
   }
    .objtitel, .objregion  {font-size:18px;}
    .tools-oben{
        display:none;
    }
    .slide h3 {
        font-size: 14px;
    }
    .textstart{font-size:22px;font-weight: 600;}
    .home_container2 {
        top: calc(100% - 15px);
        position: absolute;
        left: calc(50% - 400px);
        width: 100%;
    }
    .line-bottom {border-bottom: 2px solid #cccccc;}

    .home_text h1{ font-size:24px}
    .form-inputs {width:100%;}
    #listenfilter .fld_ort, #listenfilter .fld_region, #listenfilter .fld_personen, #listenfilter .fld_schlafzimmer, #listenfilter .fld_badezimmer {
        margin-left:0px;
    }
    .logo {
        width:215px!important;
    }
    .img-fit {
    display: block;
    max-width: 100%;
    height: auto;
    }

    .box-detail {
        position: absolute;
        top: 160px;
        left: calc(50% - 45%);
        width: 90%;
        background-color: #ffffffb8;
    }
    .box-detail h1{
        font-size:18px;
    }
    .sauerland h1, .meinecardplus h1,.familienpass h1,.impressum h1,.datenschutz h1, .agb h1, .kontakt h1, .texte h1{
        /*font-family : 'Telefante Bold' !important;*/
        font-size:31px;
        color:#000;
        background-color: #ffffff72;
        /*text-shadow: 1px 1px 5px rgba(0, 0, 0, .2);*/
    }
    .box-titel{
        position: absolute;
        top: calc(20% - 30px);
        left: calc(50% - 180px);
        width:360px;
    }
    .blocks h4{
        font-size: 1.4rem;
    }

    .zuDenAngebotenDiv {position: absolute; top: 140px; left: 0px; width: 180px; height:42px; background-color: #be1f2c; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}

    .box-suche{
        top: calc(30% - 320px); 
        position: absolute;
        left: calc(50% - 180px);
        width:360px;
    }
    .bewertung h2, .blocks h2, .infos h2{
        font-size:1.3rem;
    }

    .blocks h4, .infos h4{
        font-size:1.2rem;
    }
    .box-willkommen {
        position: absolute;
        top: calc(12% - 20px);
        left: calc(50% - 180px);
        width: 360px;
    }
    .box-willkommen h1{font-size:20px;}
    .phone {
    font-size: 15px;
    font-weight: 600;
    }
}