/*!
 * Start Bootstrap - Creative v4.0.0-beta.2 (https://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-creative/blob/master/LICENSE)
 */

 @import url("googleFont.css");

@font-face {
    font-family: 'Ivy Mode';
    src: local('Ivy Mode Thin'), local('Ivy-Mode-Thin'),
        url('/themes/fewowerk/assets/fonts/IvyMode-Thin.woff2') format('woff2'),
        url('/themes/fewowerk/assets/fonts/IvyMode-Thin.woff') format('woff'),
        url('/themes/fewowerk/assets/fonts/IvyMode-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
  }

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

.tool {font-style: italic;
    color: #797979;
}
.tool img {max-width: 100%;}
strong u , u strong{
    color:#bf1120;
}
/*Basic Settings*/
body,html {width: 100%; height: 100%;}
body {font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size: 16px;}
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%;}
h1, h2, h3, h4, h5, h6 {font-family: 'ivy mode','sans-serif';font-weight:100; }

h4 {font-size: 1.1em;}
.clear-left {clear: left;}
#galerie img {width: 100%; height:auto;}
.home_text h1, .home_text h2{color:#000; background-color: #ffffffa8; padding: 5px 10px 5px;}
/*Background and Colors*/
.bg-primary {background-color: #213375 !important; }
.bg-farbe {background-color: #F7F5F4; }
.bg-secondary {background-color: #f7f5f4!important;}
.bg-buchungsmaske{ background-color: #ffffff;}
.container {max-width: 1260px !important;}
.bg_blue {background-color: #004896 !important;}
.bg_grau {background-color: #ececec !important;}
.bg-angebot { border-top: 1px solid #be1f2c;border-bottom: 1px solid #be1f2c;}
.no-border-radius {border-radius: 0px !important;}
.bg_slider{padding-top: 1rem !important;}
.border-red {border: 1px solid #be1f2c;}
.text-primary {color: #004896 !important; }

/*Objektfilter listen*/
.zuDenAngebotenDiv {z-index:999; position: absolute; top: 110px; left: 15px; width: 180px; height:35px; background-color: #f5a504; 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; font-size:22px;}
.zuFacebookDiv {z-index: 999; position: absolute; top: 150px; left: 15px; width: 180px; height:35px; background-color: #0866ff; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.zuFacebookDiv a {color:#fff; font-size:22px;}

.zuInstaDiv {z-index:999; position: absolute; top: 190px; left: 15px; width: 180px; height:35px; background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); display: flex; flex-wrap: wrap; justify-content: center; align-content: center; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.zuInstaDiv a {color:#fff; font-size:22px;}

.relative {position: relative;}
.headlineListenLinks {font-size: 1.2em;}
.regionenheadertext  {font-size: 1.6em;}
.linkListenLinks {color: #525353;}
.angeln .pagination_bottom.float-right {display: none;}
.angeln .nebenkosten {display: none;}
.angeln .fewo_infos.col-12.mt-2.p-0.text-center.d-inline-block p {display: none!important;}

.startseite_links {
	color:#000;
}
.startseite_links:hover{
	color:#be1f2c;
	text-decoration: none;
}
.filtercss {
    margin-left: calc(50% - 225px);    
}
/*Button colors*/
.btn.focus, .btn:focus {box-shadow: none!important;}
.btn-info {background-color: #ccc;}

.btn-success {background-color: #be1f2c!important;width:200px!important;text-shadow:none;}
.btn-weiter1 { background-color: #be1f2c!important;width:200px!important; position: absolute;left:calc(50% - 35%);top:-10px;text-shadow:none;}
.btn-weiter2 { background-color: #be1f2c!important;width:200px!important; position: absolute;left:calc(50% - 35%);top:25px;text-shadow:none;}
.btn-sm {font-size: 20px!important;
    line-height: 28px;
    color: #be1f2c!important;}
.btn-secondary {background-color: #be1f2c; border: 0px ; color: #ffffff!important;  border-width: inherit;}
.btn-secondary:Hover {background-color: #ffffff!important; color: #be1f2c!important;border: 0px; border-width: inherit;}
.btn-secondary.disabled, .btn-secondary:disabled {background-color: #ffc107 !important;}
.btn {  font-weight: 100;padding: 1px 20px;font-size: 18px;border-radius:0px;color:#fff;text-shadow:none;}


.btn2-right {
    background-color: #fff!important;
    padding: 5px 40px;
    margin-left: 0px;

    font-size: 20px;
	bottom: 0;
	right:15px;
    float: right;
    color:#be1f2c;
      border: 1px solid #be1f2c;
}

.btn2-left {
    background-color: #be1f2c!important;
    padding: 5px 40px;
    margin-left: 0px;

    font-size: 20px;

    float: left;
    color:#fff;
    border-width: inherit;
}
.btn2 {
    background-color: #be1f2c!important;
    padding: 3px 30px;


    font-size: 18px;
    color:#fff;
    border-width: inherit;
}
.btn3 {
    background-color: #fff!important;
    padding: 5px 15px;
    margin-left: 0px;
    font-size: 18px;
	bottom: 0;
	
    float: right;
    color:#be1f2c;
     border: 1px solid #be1f2c;
     margin-right:5px;
}
.btn-angebot{

    background-color: #fff!important;
    padding: 5px 40px;
    margin-left: 0px;

    font-size: 20px;
	bottom: 0;
	right:15px;
    float: right;
    color:#be1f2c !important;
      border: 1px solid #be1f2c;
}
.btn-angebot:hover{
    color:#fff !important;
    background-color: #be1f2c !important;
     cursor:pointer;
}
.btnlanguages{
        background-color: #ffffff80!important;
    padding-left:10px !important;
    padding-right:10px;
    border:none !important;
    height:30px;
}
.elogin .btn{
    background-color: #fff!important;
    padding: 2px 15px;
    margin-left: 0px;
    font-size: 18px;
	bottom: 0;
    float: left;
    color:#be1f2c;
     border: 1px solid #be1f2c!important;
     margin-right:5px;
}
.elogin .btn-default{
    border:none!important;
}
.btn4 {
    background-color: rgb(66, 84, 248)!important;
    padding: 5px 15px;
    margin-left: 0px;
    font-size: 18px;
	bottom: 0;
	
    float: right;
    color:#fff;
     border: 1px solid #be1f2c;
     margin-right:5px;
}
.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;
}
summary {
    font-family: 'Ivy Mode Bold'!important;
    font-size:20px;
    color: #be1f2c!important;
    margin-bottom:10px;
}
dialog:not([open]) {
  display: none;
}
.order1 {
    order:2;
}
.order2 {
    order:1;
}

.cookie-banner{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:22px;
    font-weight:bold;
}
.cookie-consent-banner {
    width: 500px !important;
    padding: 1rem;
    text-align: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    z-index: 10000;
    position: fixed;
    bottom: calc(50% - 120px) !important;
    left: calc(50% - 250px) !important;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}

.rezeptimg{
vertical-align: middle;
    border-style: none;
    width: 100%;
    height: auto;
}

.weather-item {
    border: 1px solid #999 !important;
    margin-left: 0px!important;
    margin-bottom: 0px!important;
    float: left!important;
    width: 100%!important;
    background-color: #dedede!important;
    padding: 5px!important;
}

.weather-item3 {
    border: 1px solid #999 !important;
    margin-left: 0px!important;
    margin-bottom: 0px!important;
    float: left!important;
    width: 100%!important;
    background-color: #dedede!important;
    padding: 5px!important;
}

.weather-item2 {
    border: 0px solid #999 !important;
    margin-left: 0px!important;
    margin-bottom: 0px!important;
    float: left!important;
    width: 100%!important;
    background-color: #fff!important;
    padding: 5px!important;
}
.weather-item h4{
    color:#be1f2c;
}
.weather-item3 h4{
    color:#be1f2c;
}
.weather .weather-icon{
    position: absolute;
    top: 305px;
    right: 15px;
}
.weather .weather-temp{
    margin-top:10px;
}
.weather .weather-desc{
    position: relative;
    float: right;
    margin-right: 10px;
}

.weather-modal .weather-icon{
    position: relative;
    top: -72px;
    height: 10px;
    width:10px;
    left: 198px;
}
.weather-modal .weather-temp{
    margin-top:10px;
}
.weather-modal .weather-desc{
    position: relative;
    float: right;
    margin-right: 10px;
}
#period{
    padding-left: 15px!important;
}


.mod_close{
background-color: #be1f2c;
    opacity: 1.0;
    color: #ffffff;
    line-height: 30px;
    width: 30px;
    position: Absolute;
    right: 10px;
    text-align: Center;
    top: 5px;
    text-decoration: None;
    font-size: 14px;
    font-weight: Bold;
    border-radius: 12px;
    /*box-shadow: 3px 3px 4px #000000;*/
}
.weather-modal {
background: #fff;
height: 600px;
overflow: auto;
width: 320px;
border: none;
padding: 10px;
}
.seekarte-modal{
    background: #fff;
    height: 750px;
    overflow: auto;
    width: 900px;
    border: none;   
    padding: -5px;
}
.text_inner {
    height: 250px;
    overflow: hidden;
    position: relative;
    padding-bottom: 45px;
}
.showMoreText:hover{
    cursor: pointer;
}

.showMoreText {
    position: absolute;
    bottom: 0;
    left:0px;
    width: 100%;    
    padding-top: 7px;
    background: linear-gradient(0deg, rgba(243, 250, 252, 1) 70%, rgba(255, 255, 255, 0) 100%);
    cursor: pointer;
    color: #be1f2c!important;
    font-weight: bold;
}
.showMoreText:before {
    content: "\f0da";
    font-family: 'FontAwesome';
    font-size: 16px;
    display: inline-block;
    width: 15px;
}


#seedialog{
    padding-top: 0px!important;
    padding-right:0px!important;
    
    padding-left: 0px!important;
}
#dialog{
    border: 1px solid #999999!important;
    padding:5px;
}
details.description summary::after {
  content: attr(data-open);
  opacity: 0;
  font-size: 5px;
}

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

.color-red{
    color:#be1f2c;
}
#accordion h3:hover{
    cursor:pointer;
}
#accordion .ui-accordion-content{
    height:auto!important;
    margin-left:30px!important;
}
.btn2-left:hover, .btn2-right:hover, .btn2:hover, .btn3:hover, .btn4:hover, .btn5:hover{
    cursor: pointer;
    background-color: #be1f2c!important;
    color:#fff;
}
.detail-headline{
    font-family: 'Ivy Mode Bold','sans-serif';
    font-size: 26px;
}
.btn-regionen{
    background-color:#fff!important;
    padding: 3px 30px;
    margin-left: 0px;

    font-size: 20px;
    color:#be1f2c;
    
    cursor: pointer;
    border: 1px solid #be1f2c;
    -webkit-transition: ease-out 0.4s;
  -moz-transition: ease-out 0.4s;
  transition: ease-out 0.4s;
}
.btn-regionen:hover{
    /*background-color:#be1f2c!important;*/
    padding: 3px 30px;
    margin-left: 0px;
    text-shadow: none !important;
    font-size: 20px;
    color:#fff;
    border: 1px solid #be1f2c;
    transition: left 3s ease;
    box-shadow: inset 0 100px 0 0 #be1f2c;
}
.icons{
	width:30px;
	margin-left: 10px;
	margin-right:20px;
}
/*.videos{border: 1px solid #999999!important;}*/
.videos h2 {font-size:20px;}
.detail2 h4{color:#be1f2c;font-size:22px}
.border_red{border-bottom: 1px solid #be1f2c;}
.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-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;}
.nav-tabs li.disabled {pointer-events: none;}
.service-eigentuemerdaten .nav-tabs li.disabled {pointer-events: auto !important;}

.center-image{
   margin-top: calc(20% - 0px);
    margin-left: calc(50% - 120px);
}
/*Navigation*/

#mainNav.navbar-fixed-top {position: absolute; left: 0px; z-index: 9999; width: 100%; top: 0px; min-height: 70px;height:70px;}
#mainNav { 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: #004896; font-family: 'Roboto Condensed', sans-serif; }
#mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {color: #be1f2c; }
#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: 16px; font-weight: 500; text-transform: uppercase; color:#000000!important }
#mainNav .navbar-nav > li.nav-item > a:hover, #mainNav .navbar-nav > li.nav-item > a:focus:hover {color: #004896;}
#mainNav .navbar-nav > li.nav-item > a.active, #mainNav .navbar-nav > li.nav-item > a:focus.active {color:#be1f2c !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: #be1f2c; }
#mainNav .merkerlink {position: relative; padding: 2px 10px; height:30px;color: #be1f2c; cursor: pointer;margin-top: 20px;background-color:#ffffff80;}

#mainNav .merkerlink .fewo_merk_value {font-weight: bold; margin-left: 5px; color: #000; margin-right: 5px;}
.navbar-nav .dropdown-menu {background-color: #f0eded; top: calc(100% - 10px); font-size: 16px; left: -2px; border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;}
.navbar-nav .dropdown-menu .nav-item a:hover, .navbar-nav .dropdown-menu > li > a:hover, .navbar-nav .dropdown-menu > a  {color: #212529; background-color: #cccccc61;}
.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: #000; text-align: left; white-space: nowrap; background-color: transparent; border: 0; text-decoration: none;}
.navbar-nav {margin-bottom: 20px;}
#mainNav .dropdown-toggle::after {display: none;}

/*.ui.search>.results>.message .header {display: none;}*/
.logo { width:350px; padding:10px;margin-top:10px;margin-left:0px;background-color: #ffffff80;}
.logo-bottom{width:260px;}
.fa {
	font-weight:900 !important;
}
.nav-link i {margin-left: 5px;}
.ui.search {font-size: 0.75em !important;}
.ui.search>.prompt {
    padding: 0.30857143em 0.8em !important;
	font-size: 18px !important;
    width:100%;
    border: 1px solid #cccccc!important;
    
}
.ui.search>.results .result {
    
    padding: .55714286em 1.04285714em !important;
}
.ui.search>.results .result .title:before {
    content: '\f061';
    font: normal normal normal 24px/1 FontAwesome;
    font-size:15px;
    color:#be1f2c;
    margin-right: 4px;
}
.video-container {
  position: relative;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.titelbild-container{
    position: relative;
  top: 0;
  bottom: 0;
  width: 100%;
  overflow: hidden;
}

.titel-conainer{
  position: relative;
  top: 0;
  bottom: 0;
  width: 100%;
  overflow: hidden;
}

.video-container video {
  /* Make video to at least 100% wide and tall */
  min-width: 100%;
  min-height: 100%;

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
    width:50%;
    object-fit: cover;

}
.w100{
    width:100%
}

.regionslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.regionslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.regionslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.linkliste li {list-style: none;text-align:left;}
.regionslidesnav{padding-bottom:30px;}
.datenschutz h1{font-size: 30px;color: #be1f2c!important; font-family:'ivy mode bold';}
.datenschutz h2{font-size: 22px;color: #be1f2c!important;font-family:'ivy mode bold';}
.datenschutz h3{font-size: 18px;color: #be1f2c!important;font-family:'ivy mode bold';}
.hl-linie{height:1px; border-bottom:1px solid #be1f2c;}

/* Minislider Kreuzfahrten */
.carousel {
  background: #EEE;
}

.carousel-cell {
  width: 100%;
  height: auto;
  margin-right: 10px;
  background: #8C8;
  border-radius: 5px;
  counter-increment: gallery-cell;
}
.carousel-cell img {
    width:100%;
    height:auto;
}
.flickity-page-dots{display:none;}
/* cell number */
/*video{
        background: transparent url("/themes/fewowerk/assets/images/loader2.gif") 20% 20% / cover no-repeat ;
    }
*/
.holds-the-iframe {
  background:url(/themes/fewowerk/assets/images/loader2.gif) center center no-repeat;
}

@media (min-width: 1200px) {
  #mainNav {border-color: transparent;}
  #mainNav .navbar-brand {color: rgba(0, 0, 0); }
  #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {color: #004896;}
  #mainNav .navbar-nav > li.nav-item > a {padding: 0.2rem 1rem !important; background-color:#ffffff80;height:30px;}
  #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: #fff; text-decoration:  underline;}
  #mainNav.navbar-shrink {border-bottom: 1px solid rgba(33, 37, 41, 0.1); background-color: #fff;}
  #mainNav.navbar-shrink .navbar-brand {color: #004896;}
  #mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover {color: #004896;}
  #mainNav.navbar-shrink .navbar-nav > li.nav-item > a, #mainNav.navbar-shrink .navbar-nav > li.nav-item > a:focus {color: #000;}
  #mainNav.navbar-shrink .navbar-nav > li.nav-item > a:hover, #mainNav.navbar-shrink .navbar-nav > li.nav-item > a:focus:hover {color: #F05F40; }
  #mainNav li:hover > .dropdown-menu { display: block; opacity: 1;}
  .navbar-nav {margin-bottom: 0px;margin-top: 20px;}
}
@media(max-width:500px){
.zuDenAngebotenDiv {z-index:999; position: absolute; top: 80px; left: 15px; width: 170px; height:30px; background-color: #f5a504; 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; font-size:22px;}
.zuFacebookDiv {z-index: 999; position: absolute; top: 115px; left: 15px; width: 170px; height:30px; background-color: #0866ff; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.zuFacebookDiv a {color:#fff; font-size:22px;}

.zuInstaDiv {z-index:999; position: absolute; top: 150px; left: 15px; width: 170px; height:30px; background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); display: flex; flex-wrap: wrap; justify-content: center; align-content: center; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.zuInstaDiv a {color:#fff; font-size:22px;}
    
}

/*  */

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

header.masthead hr {margin-top: 30px; margin-bottom: 30px;}
header.masthead h1 {font-size: 2rem;}
header.masthead p {font-weight: 300;}
/*home_container {top:calc(100% - 50px);  position: absolute; left: calc(50% - 600px); width: 1200px;}*/
.home_container2 {top:calc(100% - 200px); position: absolute; left: calc(50% - 400px); width: 800px;}
.home_containerobjekt{top:calc(100% - 135px); position: absolute; left: calc(50% - 400px); width: 800px;}
.home_container3 {top:calc(50% - 30px); position: absolute; left: calc(15% - 470px);}
.home_container4 {top:calc(30%); position: absolute; left: calc(50% - 250px); width: 500px;}
.home_container5 {top:calc(35% - 135px); position: absolute; left: calc(50% - 400px); width: 800px;}
.home_container6 {top:calc(32% - 135px); position: absolute; left: calc(50% - 400px); width: 800px;}
#fragen-titel, #faehre-titel, #freizeit-titel, #mithund-titel, #angeln-titel,#objekt-titel, #datenschutz-titel, #impressum-titel , #agb-titel, #gallerie-titel,#alle-titel{position: absolute; width:64%;left: calc(50% - 32%); padding:10px 10px;}
.home_container4 h1{
    font-size:2rem !important;
}
.home_container_text {width: 800px; padding: 30px; text-align: center; margin: 0 auto; margin-bottom: 60px; color: #fff; text-shadow: black 0.1em 0.1em 0.2em;}

#btn-zurueck {
    z-index: 99;
    position: relative;
    float: left;
    height: 30px;
    padding: 3px 20px;
    background-color: #be1f2c !important;
    color: #fff;
    font-size: 18px;
    border: 0px;
    border-radius: 0px;
}
.objtitel{ font-family: 'Ivy Mode Bold','sans-serif'; font-size:26px;}
.objtitel-detail{ font-family: 'Ivy Mode','sans-serif'; font-size:26px;position:absolute;top:calc(55% - 100px);left:30px; color:#fff;}
.objregion{font-family: 'Ivy Mode','sans-serif'; font-size:20px}
.objtyp{font-family: 'Ivy Mode','sans-serif'; font-size:20px}

.home_suche .btn {
    background-image: url('../icons-suche/search.png');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 4% 8px !important;
    background-color: #fff!important;
    color:#000000;
    border-radius: 4px; 
    font-size: 18px; 
    padding: 4px;
    height:46px!important;
    font-weight:500;
    width:180px!important;
    }
input.form-control,  select.form-control,  .btn {height:38px !important; cursor: pointer; border-radius:0px; border: 1px solid #999;}
.form-fromdate, .form-days, .form-personen, .form-region{width:100%;}
.textblock h2{
	font-size: calc(26px + 20*(100vw - 500px)/1500);
}
.objektsuche{
    width:100%;
}
.home_suche{
    background-color: #be1f2c;
    border-radius: 8px;
    box-shadow: 0px 2px 8px 0px #1a1a1a29;
    display: flex;
    padding: 4px;
    margin: 24px 0 16px;
    width:100%;
}
.home_suche .form-fromdate {
    align-self: center;
    box-sizing: border-box;
    padding: 4px;
    width: 300px;
    border-radius: 4px;
    background-color: #ffffff;
    display: flex;
}
.home_suche .form-days{
    align-self: center;
    box-sizing: border-box;
    padding: 4px;
    width: 170px;
    border-radius: 4px;
    background-color: #ffffff;
    display: flex;
    float:left;
}

.home_suche .form-personen{
    align-self: center;
    box-sizing: border-box;
    padding: 4px;
    width: 170px;
    border-radius: 4px;
    background-color: #ffffff;
    display: flex;
    float:left;
}
.home_suche .form-region{
    align-self: center;
    box-sizing: border-box;
    padding: 4px;
    width: 415px;
    border-radius: 4px;
    background-color: #ffffff;
    display: flex;
    float:left;
}

.home_suche .form-fromdate input[type="text"] {
  background-image: url('../icons-suche/kalender.png');
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 2% 2px !important;
  box-sizing: border-box;
  border: 0px;
  width:280px;
}
.home_suche .form-days.form-days-text {
    font-size:18px;
}
.form-days select option { padding: 10px; }


input[type="text"]::-webkit-input-placeholder {
    text-align: right;
}
input[type="text"]::-ms-input-placeholder {
    text-align: right;
}
#tagein{
    text-align: right;
    width: 145px;
}
#period {
    text-align: right;
}
#personen {
    text-align:right;
}
.form-fromdate input[type=text] {
  background-image: url('../icons-suche/kalender.png');
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 94% 2px !important;
  box-sizing: border-box;
  border: 1px solid #999;
}
.form-days.form-days-text {
    font-size:18px;
}
@media(max-width:500px){
    .home_suche .form-fromdate input[type="text"]{
        width:100%;
    }
   
}
.form-days select {
  background-image: url('../icons-suche/nummer-1.png');
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 2% 2px !important;
  box-sizing: border-box;
  border: 0;
  text-align: center !important;
    padding-left: 30px !important;
}
.form-personen select {
  background-image: url('../icons-suche/menschen.png');
  background-size: auto;
  background-repeat: no-repeat;
   background-position: 2% 2px !important;
  box-sizing: border-box;
  border: 0;
      text-align: center !important;
    padding-left: 30px !important;
}
.form-region select {
  background-image: url('../icons-suche/reiseziele.png');
  background-size: auto;
  background-repeat: no-repeat;
   background-position: 2% 2px !important;
  box-sizing: border-box;
  border:0;
   text-align: center !important;
    padding-left: 30px !important;
}

.nav-pills li{cursor: pointer;background-color: #FFFFFF;border: 1px solid #be1f2c; font-size:16px; margin-right:10px; margin-top:5px;padding:3px 10px 0px 5px;}

.nav-pills li a:hover, .nav-pills li:hover{color:#ffffff!important;background-color: #be1f2c!important;text-decoration: none;}
.buchung {background-color:#be1f2c; color:#ffffff; border: 0px;}
.objekt-btnanfrage {background-color:#be1f2c; color:#ffffff; border: 0px;text-transform: uppercase;cursor: pointer;}
.objekt-btnanfrage2 {background-color:#d9e45b; color:#000000; border: 0px;text-transform: uppercase;cursor: pointer; border: 1px solid #ccc; padding:5px;}
.objekt-btnbuchung {background-color:#be1f2c; color:#ffffff; border: 0px;text-transform: uppercase;cursor: pointer;}
.objekt-btnbuchung2 {background-color:#be1f2c; color:#ffffff; border: 0px;text-transform: uppercase;cursor: pointer; border: 1px solid #ccc; padding:5px;}
.objekt-btnmerken {background-color: #be1f2c;color: #ffffff;border: 0px;text-transform: uppercase;cursor: pointer;}
.objekt-btnmerken {background-color: #be1f2c;color: #ffffff;border: 0px;text-transform: uppercase;cursor: pointer;}
.objekt-btn1{background-color:#be1f2c!important; color:#ffffff!important;padding: 2px 5px 0px 5px!important;}
.objekt-btn1:hover,.objekt-btnbuchung:hover,.objekt-btnanfrage:hover,.objekt-btnanfrage2:hover{cursor:pointer}

.objekt-btnangebot{margin-top:60px;width:180px;background-color:#be1f2c!important; color:#ffffff!important;padding: 2px 5px 0px 5px!important;}
.objekt-btnangebot:hover,.objekt-btnbuchung:hover,.objekt-btnanfrage:hover{cursor:pointer}
.ang-image{ width:100%;}
.margin-top10{
    margin-top:120px;
}
.fewo-btnbuchung, .fewo-btnanfrage{border-radius: 0px!important;}
.form-control {border-radius: 0px;  font-size: 19px;     padding: 0.175rem 0.75rem !important;}
.btn-success.focus, .btn-success:focus {box-shadow: none !important;}
.navbar-brand {top:0px !important;}
.bewertung_home {position: absolute; bottom: 10px; background-color: rgba(1, 29, 53, 0.75); color: #fff;

    left: calc(50% - 230px);
    width: 460px;
	padding: 13px 13px 13px 13px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #be1f2c;
    border-radius: 5px 5px 5px 5px;
	}

.box-rot{
		padding: 30px 20px 30px 20px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #be1f2c;
    border-radius: 5px 5px 5px 5px;
	width:32%;
	background-color: #ffffffc6;
	}
.box2-rot{
		padding: 10px 10px 10px 10px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #be1f2c;
	width:32%;
	background-color: #ffffffc6;
	}
   .box3-rot{
       border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #be1f2c;

	background-color: #ffffffc6;
   }
	.col-md-4 {
		max-width: 30.333333% !important;
		min-width:280px !important;
	}

.fewo_kurztext{min-height:280px;}

.ui.category.search .results {
    width: 30em!important;
    background-color:#ffffff!important;
}
.ui.search>.results {background-color:#ffffff!important;background:none;}
.text-block{margin-top:30px}
.bewertung_home .big {font-size: 25px; color: rgb(255, 212, 65); font-weight: bold; z-index: 9999; width: 40px; top: 21px; margin-right: 10px; text-align: center;}

.home #btn-bewright {position: static;}
/*select {-webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; background-image: url(https://image.flaticon.com/icons/svg/60/60781.svg); background-position: right 10px top 50%; background-repeat: no-repeat; background-size: 14px;}*/
select::-ms-expand, .form-objtyp select::-ms-expand	{display: none;}


.home_bew #btn-bewleft .btn-left {left: 5px; top: 50%; background-color:#bf202c; color: #fff;border:0px;padding: 5px!important;cursor: pointer;}
.home_bew #btn-bewright .btn-right {right: 5px; top: 50%; background-color:#bf202c; color: #fff;border:0px;padding:5px!important;cursor: pointer;}

.detail_bew #btn-bewleft .btn-left {left: 5px; top: 50%; background-color:#bf202c; color: #fff;border:0px;padding: 5px;cursor: pointer;}
.detail_bew #btn-bewright .btn-right {right: 5px; top: 50%; background-color:#bf202c; color: #fff;border:0px;padding:5px;cursor: pointer;}




carousel-control-next, .carousel-control-prev {width: 3%!important;}
.carousel-indicators li {cursor: pointer;}

/*Home Abzeichen*/
.abzeichenImg {width: 30%;}
.abzeichen {text-align: center;}
.ueberschrift1 h2{
	color: #000 !important
}
@media (min-width: 401px) {
	header.masthead p {font-size: 21px;}
    .selctors{display:none;}
    
}

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

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

.home_bew h2 {font-size: 30px!important; font-weight: bold!important;margin-top:20px; color:#fff;}
.home_bew .btn-left {position: absolute; left: 0; top: 50%; background-color:#bf202c; color: #fff;padding: 7px 10px 0px 5px!important;
    border: 0px;
    cursor: pointer;}
.home_bew .btn-right {position: absolute; right: 0; top: 50%; background-color:#bf202c; color: #fff;padding: 7px 10px 0px 5px!important;
    border: 0px;
    cursor: pointer;}
.home_bew .bew_nachricht{
	min-height: 94px;
    max-height: 95px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
    font-size: 17px;
  color:#fff;
	margin: 20px 30px 20px 30px;
}
.home_bew .bew_titel h2 {color: #fff;font-size: 20px!important; font-weight: bold;}
.home_bew .bew_datum {color:#fff;}
.home_bew .bew_gastname {color:#fff;}
.home_bew .fewo-rating {margin-bottom: 20px;}
.home_bew .fewo-rating-text {color: #fff;}
.home_bew .cat-name {float:left; width:25%;}



.detail_bew .bew_nachricht{
	min-height: 180px;
    max-height: 300px;
    overflow: hidden;
    
    overflow-y: auto;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
    font-size: 16px;
    color:#000;
	/*margin: 20px 30px 20px 30px;*/
}
.bew_antwort h2{color: #000;font-size: 20px!important; font-weight: bold;}
.bew_titel h2 {color: #000;font-size: 20px!important; font-weight: bold;}
.detail_bew .bew_datum {color:#000;}
.detail_bew .bew_gastname {color:#000;}
.detail_bew .btn-left {position: absolute; left: 0; top: 50%; background-color:#bf202c; color: #fff;}
.detail_bew .btn-right {position: absolute; right: 0; top: 50%; background-color:#bf202c; color: #fff;}






.introtext h1, .masthead .text-faded, .bg_bild h2 {text-shadow: 2px 1px #2727279e;}
.text-faded {font-size:1.2em !important;}
.br-theme-fontawesome-stars-o .br-widget a.br-selected:after {color: #fbc118 !important;}
.home .fewo-ausst-group {width: 100%;}

/*Home Objekte*/
.fewo-item .fewo_image img {width: 100%;}
.fewo_titel a, .fewo-titel a {color: #004896;}
.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;}
.zufallsobjekte .fewo_kurztext {margin-top: 10px;    min-height: 55px;    max-height: 55px;    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}

/*Home-Service*/
.service-box h3 {margin-top: 20px; font-size: 18px; font-weight: 600; color: #212529;}
.service-box { max-width: 400px; padding: 20px 10px; border-radius: 5px;}

.angelnin h4 { font-family: 'ivy mode bold','sans-serif';font-weight:100;font-size: 16px!important;}
.angelnin h3 { font-family: 'ivy mode bold','sans-serif';font-weight:100;font-size: 18px!important;}
.angelnin h2 { font-family: 'ivy mode bold','sans-serif';font-weight:100;font-size: 22px!important;}
.card {background-color: #ffffffde!important;}
.bg-urlaub-hund{
     background-image: url(../images/hintergruende/urlaub-hund.jpg);
    background-size: cover;
    background-attachment: fixed;
	background-color: #f3fafc;
}
.bg-angeln{
     background-image: url(../images/hintergruende/angeln1.jpg);
    background-size: cover;
    background-attachment: fixed;
	background-color: #f3fafc;
}
/*Home-Schnellstart Boxen */

.bg-box1 {
    background-image: url(../images/hintergruende/startseite1.jpg);
    background-size: cover;
    background-attachment: fixed;
	background-color: #f3fafc;
 }
 .bg-details1{
     background-image: url(../images/hintergruende/1d.jpg);
    background-size: cover;
    background-attachment: fixed;
	background-color: #f3fafc;
 }
  .bg-details2{
     background-image: url(../images/hintergruende/2d.jpg);
    background-size: cover;
    background-attachment: fixed;
	background-color: #f3fafc;
 }
  .bg-details3{
     background-image: url(../images/hintergruende/3d.jpg);
    background-size: cover;
    background-attachment: fixed;
	background-color: #f3fafc;
 }
  .bg-details4{
     background-image: url(../images/hintergruende/4d.jpg);
    background-size: cover;
    background-attachment: fixed;
	background-color: #f3fafc;
 }
   .bg-details5{
     background-image: url(../images/hintergruende/5d.jpg);
    background-size: cover;
    background-attachment: fixed;
	background-color: #f3fafc;
 }
   .bg-details6{
     background-image: url(../images/hintergruende/6d.jpg);
    background-size: cover;
    background-attachment: fixed;
	background-color: #f3fafc;
 }
 .bg-white{
     background-color:#ffffff;
 }
.bg-leicht{
	background-color:#f3fafc;
}
.bg-signalweiss{
    background-color: #f7f9ef;
}
.bg-liste-texte {
    background-color: #fff;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
}
.bg-objektpanorama{
    
    background-color: #fff;
}
 .bild-start {
	 width:100%;
	height:auto;
 }
 .bildbox{
     width: calc(80% - 40px);   
 }
 .textboxbg{
    background-color: #ffffffdb;
    padding: 15px;
    display: inline-block;
    width: 100%;
 }
 .textboxbg p{
     font-family: 'Roboto Condensed';
    font-size: 18px;

 }
.TopListe{
    margin-top:220px;
}
.underline{ border-bottom: 1px solid #be1f2c!important;}
.bild-inner{min-height:570px;}
.bildbox img{
    width: calc(100% - 30px);
    height: auto;
   padding:20px;
}
.bg-bewertungen {
    background-image: url(../images/hintergruende/bewertungen_bg.jpg); 
    background-size: cover; 
    background-attachment: fixed; 
    background-color: #f3fafc;}

.bildbox2 img{
    width: calc(100% - 30px);
    height: auto;
}
.bildbox3 img{
    width: 100%;
    height: auto;
}
.panorama{ width: 100%;height: auto;}

@media screen {
  #printSection {
      display: none;
  }
}

@media print {
  body * {
    visibility:hidden;
  }
  #printSection, #printSection * {
    visibility:visible;
  }
  #printSection {
    position:absolute;
    left:0;
    top:0;
  }
}


#scrollbox1 {
    width:100%;
	height: 600px;
	overflow:scroll;
    border:1px solid #cccccc;
    padding:10px;
}
#scrollbox1::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 6px;
	height:6px;
}
#scrollbox1::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: #777;
}
#scrollbox1::-webkit-scrollbar-corner {
	background-color:transparent;
}
#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 : 'Roboto Condensed'; 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;
}

.textbox-white{
    position: absolute;
    left: calc(60% - 200px);
    width: 450px;
    background-color: #fff;
    height: 410px;
    transform: translateY(-115%); 
    padding:10px;
    margin-top:-10px;
}
.textbox-filter{
    position: absolute;
    left: calc(70% - 200px);
    width: 420px;
    background-color: #fff;
    height: 420px;
    transform: translateY(100%);
    padding:20px;
}

.padding{padding:3rem !important;}
.padding-2{padding: 2rem 2rem 2rem 2rem !important;}
.padding3{ padding: 1.5rem!important;}

.o-row{
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.titel-red{
	font-family: 'ivy mode','sans-serif';
	font-weight:100; 
	font-size: 26px;
	color:#be1f2c;
}

.titel-black{
	
	font-family: 'ivy mode','sans-serif';
	font-weight:100; 
	font-size: 20px;
	color:#000;
}

.modal-content {
    border: 0px;
}

/*Listenfilter*/
.listenfilter {
    position: relative;
    background-color: #fff;
    min-height:200px;
      
}
.bootsfilter {
    position: relative;
    background-color: #fff;
    min-height:90px;
    
}
.fixedTop {margin: 0;
  padding: 0;
  overflow: hidden;
  
  position: fixed;
  top: 0;
  width: 100%;
  z-index:9999;}

.ml10{
    margin-left:10px;
}
.listenfilter .form-inputs, .checkies.dropdown {display: inline-block; margin-bottom: 0px; width: 30%;margin-right:5px}
.listenfilter .form-inputs .label, .checkies.dropdown label {font-weight: bold; font-size: 14px; margin-bottom: 2px; color: #666;}

.bootsfilter .form-inputs, .checkies.dropdown {display: inline-block; margin-bottom: 0px; width: 30%;margin-right:10px}
.bootsfilter .form-inputs .label, .checkies.dropdown label {font-weight: bold; font-size: 14px; margin-bottom: 2px; color: #666;}



.form-inputs.fld_reisezeitraum {width:25%!important; border: 1px solid #999999; background-color: #fff;margin-right:5px;}
.form-inputs.fld_tage {width:20%!important; border: 1px solid #999999; background-color: #fff; margin-right:5px;}
.form-inputs.fldb_tage {width:13%!important; border: 1px solid #999999; background-color: #fff; margin-right:5px;}
.form-inputs.fld_region {width:45%!important; border: 1px solid #999999; background-color: #fff;margin-right:5px;}
.form-inputs.fldb_region {width:40%!important; border: 1px solid #999999; background-color: #fff;margin-right:5px;}
.form-inputs.fld_ort {width:33%!important; border: 1px solid #999999; background-color: #fff;margin-right:5px;}
.form-inputs.fld_personen { width:30%!important; border: 1px solid #999999; background-color: #fff;margin-right:5px;}
.form-inputs.fldb_personen { width:15%!important; border: 1px solid #999999; background-color: #fff;margin-right:5px;}
.form-inputs.fld_schlafzimmer { width:30%!important; border: 1px solid #999999; background-color: #fff;margin-right:5px;}
.form-inputs.fld_badezimmer { width:30%!important; border: 1px solid #999999; background-color: #fff;margin-right:5px;}

.form-inputs.fld_reisezeitraum2 {width:18%!important; border: 1px solid #999999; background-color: #fff;margin-right:15px;}
.form-inputs.fld_tage2 {width:11%!important; border: 1px solid #999999; background-color: #fff; margin-right:15px;}
.form-inputs.fldb_tage2 {width:13%!important; border: 1px solid #999999; background-color: #fff; margin-right:5px;}
.form-inputs.fld_region2 {width:45%!important; border: 1px solid #999999; background-color: #fff;margin-right:5px;}
.form-inputs.fldb_region2 {width:40%!important; border: 1px solid #999999; background-color: #fff;margin-right:5px;}
.form-inputs.fld_ort2 {width:33%!important; border: 1px solid #999999; background-color: #fff;margin-right:5px;}
.form-inputs.fld_personen2 { width:11%!important; border: 1px solid #999999; background-color: #fff;margin-right:15px;}
.form-inputs.fldb_personen2 { width:15%!important; border: 1px solid #999999; background-color: #fff;margin-right:5px;}
.form-inputs.fld_schlafzimmer2 { width:13%!important; border: 1px solid #999999; background-color: #fff;margin-right:15px;}
.form-inputs.fld_badezimmer2 { width:12%!important; border: 1px solid #999999; background-color: #fff;margin-right:5px;}

.form-inputs.fld_objart { width:16%!important; border: 1px solid #999999; background-color: #fff}
.pluszeile {height:15px;width:100%;}
.checkies.dropdown select {cursor: pointer;}
.listenfilter .form-control[readonly] {background-color: #fff;}
.listenfilter .form-control {border: 0px; border-radius: 0px; cursor: pointer; outline: none !important; box-shadow: none !important;}
.listenfilter .kriterien_block  {margin-top: 10px;}
.listenfilter .fld_dropdown label {font-size: 16px; margin-bottom: 1px; color: #000; margin-left:5px;}

.listenfilter #filterclear {z-index: 99; margin-top:25px;position: relative; float:left; height: 30px;padding: 3px 20px; background-color: #be1f2c !important; color: #fff; font-size: 18px; border: 0px; border-radius: 0px;}
.listenfilter .checkdrop{
    border: 1px solid #999999;
    background-color: #fff;
}

.bootsfilter .form-control[readonly] {background-color: #fff;}
.bootsfilter .form-control {border: 0px; border-radius: 0px; cursor: pointer; outline: none !important; box-shadow: none !important;}
.bootsfilter .kriterien_block  {margin-top: 10px;}
.bootsfilter .fld_dropdown label {font-size: 16px; margin-bottom: 1px; color: #000; margin-left:5px;}
.bootsfilter #filterclear {z-index: 99; margin-top:0px;position: relative; float:left; height: 30px;padding: 3px 20px; background-color: #be1f2c !important; color: #fff; font-size: 18px; border: 0px; border-radius: 0px;}
.bootsfilter .checkdrop{
    border: 1px solid #999999;
    background-color: #fff;
}
/*Objektliste*/
.reg-ul {
    list-style: none;
}
.reg-ul li{
    display: inline-block;
    list-style-type: none;
    margin-left:20px;
    white-space: nowrap;
    margin-bottom:15px;
}
.reg-ul li a{
   text-decoration: underline;
   
}
/*
.reg-ul li::before {
    margin-right:10px;
  content: url('../icons/chain.png');
}*/
#fewo-objektliste .fewo-item:nth-child(4) {clear: left;}
#fewo-liste .fewo_list_countseiten {display: none;}
.fewo_list_linie{width:100%; border-bottom:1px solid #be1f2c;height:3px;}

.fewo_list_sort{ float: right; display: inline-block; width:350px; margin-top:5px;}
.fewo_list_count {display: inline-block;}
.fewo_list_sortlabel {float:left;margin-right:5px;color:#000;}
.fewo_col_12 { position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 0px;
	}
 .list_sort {border: 1px solid #999999; background-color: #fff;}

 #fewo-map-liste .fewo-item:hover{cursor: pointer;}


 .fewo-listimage img{width:100%; height:auto;}
.fewo_list_sort select {float: left; max-width: 225px;  line-height: 24px !important; padding: 0px 5px !important; cursor: pointer;     border: 1px solid #999999;
    background-color: #fff;}
/* .objliste .fewo-rating, #fewo-objektliste .fewo-item .fewo-rating {position: absolute; right: 15px; top: -12px; float: right;} */
.fewo-rating-text {font-size: 18px;margin-top:4px; padding-left:5px;font-weight: bold;}

/* .objliste .fewo_kurztext {margin-top: 10px; min-height: 75px; max-height: 75px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} */
.objliste .fewo_infos, #fewo-objektliste .fewo-item .fewo_infos {margin-bottom: 15px;}
.fewo-btndetail a:focus {box-shadow: none !important;}
.fewo_abpreis .big {font-size: 22px; font-weight: bold; }
.objliste .fewo_abpreis p {margin-bottom: 0px; font-size: 17px;}
.objliste .fewo_image {position: relative;}
.objliste .fewo_image a {color: #004896;}
.fewo_image .fewo_ausstattung {position: absolute; bottom: 44px; right: 0px; background-color: rgba(255, 255, 255, 0.8); padding: 10px;}
.objliste .fewo_image .fewo_ausstattung ul {width: auto; float: none; margin: 0px; padding: 0px;}
.objliste .fewo_image .fewo_ausstattung ul li {display: inline-block; width: 40px; margin: 0px 5px;}
.objliste .raten:after, .objliste .rateo:after {font-size: 20px;}
.objliste .fewo-rating-text {font-size: 18px;}

.col-4.fewo-groesse,.col-4.fewo-schlaf, .col-4.fewo-bad, .col-4.fewo-room, .col-4.fewo-personen{padding-right:0px!important; width:33%!important;font-size:15px!important}

.fewo-item .fewo_titel {font-size: 25px; margin-bottom: 5px; color: #000}
.objliste .fewo-item .fewo_infos div, #fewo-objektliste .fewo-item .fewo_infos div {height: 40px;font-weight: bold;}
.objliste .fewo-item .fewo_infos img, .objliste .fewo-item .fewo_infos object, #fewo-objektliste .fewo-item .fewo_infos img, #fewo-objektliste .fewo-item .fewo_infos object {margin-left: 5px;}
.objliste .fewo-item .fewo_infos .wert, .objliste .fewo-item .fewo_infos object, #fewo-objektliste .fewo-item .fewo_infos .wert, #fewo-objektliste .fewo-item .fewo_infos ocject {vertical-align: middle;}
.objliste .fewo-item .fewo_infos .wert, #fewo-objektliste .fewo-item .fewo_infos .wert {font-size: 20px;}
.objliste .fewo-item .fewo_infos object, #fewo-objektliste .fewo-item .fewo_infos object {height: 100%;}
.objliste .fewo-item .fewo_infos p, #fewo-objektliste .fewo-item .fewo_infos p {height: 100%; display: inline-block; margin-bottom: 0px;}
.fewo-btnmerken.merkenadd:before {content: "\f004"; font-family: 'FontAwesome'; font-size: 28px; color: #E8E8E8; cursor: pointer; position: absolute; top: 0px; right: 220px; display: inline-block;margin-right:50px;}
.fewo-btnmerken.merkendelete:before {content: "\f004"; font-family: 'FontAwesome'; font-size: 28px; color: #be1f2c; cursor: pointer; position: absolute; top: 0px; right: 220px; display: inline-block;margin-right:50px;}
.rateo, .raten {display: inline-block;}
.zufallsobjekte .control-pagination {display: none;}
.zufallsobjekte .raten:after, .zufallsobjekte .rateo:after {font-size: 20px;}
.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;}

.merkerdelete {position: absolute; bottom: 0px; left: 0px; height:38px;color:#fff; background-color: #be1f2c; padding: 6px 12px;}
.merkerdelete:hover{ cursor: pointer;}
#fewo-objektliste .fewo_abpreis {position: relative; top: 5px; right: 15px; text-align: right;}
.fewo_ausstattung li {float: left;}
 .fewo_ausstattung ul {list-style-type: none;}
 .umbruch::after {
    content: '\A';
    white-space: pre;    
}
.fewo-ausst-group img {width: 36px!important; margin-right: 3px;}
.fewo-btnmerken.merkenadd:before {content: "\f004"; font-family: 'FontAwesome'; font-size: 28px; color: #E8E8E8; cursor: pointer; position: absolute; top: 0px; right: 240px; display: inline-block;}
.bewertung_liste {position: absolute; right: 10%; width: 290px; bottom: 20px; background-color: rgba(1, 29, 53, 0.75); padding: 12px 5px; color: #fff;}
.bewertung_liste .big {font-size: 22px; color: rgb(255, 212, 65); font-weight: bold; z-index: 9999; width: 40px; top: 21px; margin-right: 5px; text-align: center;}
.bewertung_liste .fewo-rating-text {font-size: 14px;}
.bewertung_liste .fewo-rating-text .mainbew {font-size: 17px;}
.objliste .fewo_ausstattung ul {padding-left: 0px;}
.margin-oben{margin-top:0px;}
/*Detailseite Slider und Co.*/
.portugal > .row > h1 {display: none;}
.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;}
.objektbilder_top img {width: 100%;}
.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: #293a77; z-index: 9999; width: 100%;transition: 0.2s;}
.slider-layer.open {height: 100%;}
.slider-layer .container {position: relative; height: 100%; max-width: 1200px !important;}
.slider-layer .slick-slideshow {position: absolute; top: 0px; left: 10px; right: 10px; bottom: 0px; margin: auto;}
.slider-layer .close_layer {display: none; z-index: 9997; cursor: pointer; position: fixed; top: 20px; right: 30px; width: 50px; height: 50px; text-align: center; line-height: 50px;}
.slider-layer .close_layer.open {display: inline-block;}
.slider-layer .close_layer:before {transition: 0.2s; display: inline-block; content: "\f00d"; font-family: 'FontAwesome'; color: #fff; font-size: 32px;}
.slider-layer .close_layer:hover:before {color: #ccc;}
.loading_container {position: absolute; top: 0px; width: 100%; height: 100%; z-index: 9998; background-color: #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;
  }
}

/* Detailseite Anchor Menu */
.anchor_tabmenu {list-style: none;}
.anchor_tabmenu li {float:left; padding:10px; margin-right:5px; background-color: #e1402e; text-align: center; font-weight: bold; text-transform: uppercase; width: 13%; color: #ffffff; }
.anchor_tabmenu li:hover{cursor: pointer;}
#ankermenue {top: 87px;    background-color: #fff;    border-bottom: 2px solid #004896;}
@media (max-width: 1008px){
.anchor_tabmenu li {padding:4px; margin-right: 2px; margin-bottom: 2px;; width: 24%;}
}
@media (max-width: 608px){
.anchor_tabmenu li {padding:4px; margin-right: 2px; margin-bottom: 2px;; width: calc(50% - 2px);}
.anchor_tabmenu li.anchor_pre {display: none;}
.home_container4 {top:calc(15%); position: absolute; left: calc(50% - 250px); width: 500px;}
}
/*galerie */
.gallerietext, .numbertext{
    font-family: 'ivy mode','sans-serif'!important;

}
/*Detailseite Infos */
.fewo_objektdetails .fewo-btnmerken {width: 100%; background-color: #004896!important; }
.fewo_objektdetails .fewo-btnmerken:before {content: "\f004"; font-family: 'FontAwesome'; font-size: 15px; color: #fff; margin-right: 10px; display: inline-block;}
.fewo_objektdetails h3{font-size: 26px; color: #be1f2c!important;}
.fewo_objektdetails h5{font-size:20px; color:#be1f2c!important;}
.box_ansprechpartner p {margin-bottom: 0px; padding:5px;}
.box_ansprechpartner a {font-size: 20Px; margin-bottom: 0px;}
.box_ansprechpartner .phone:before {content: "\f095"; font-family: 'FontAwesome'; font-size: 20px; color: #e1402e; 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: #004896; border-radius: 5px; font-weight: normal; width: 100px; font-size: .875rem; line-height: 1.5;}
.preise_detail #btnmerker2 .fewo-btnmerken {background-color: #004896; 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;}
.detailseite_title, .fewo-infos_titel {padding: 10px; font-size: 1.3rem; margin: 0px;}
.tab-content { padding: 15px; display: inline-block; width: 100%;margin-top:20px;}
/*Preisrechner*/
.drp_top-bar {display: none;}
.fewo-preisrechner {background-color: #fff; height:200px;}
.detail_preisrechner h2 {font-size: 30px; margin-top: 5px;}
.fewo-preisrechner form {padding: 0px 10px 20px 10px;}
.fewo-preisrechner div[class^="label"] {font-weight: bold;font-size:1.2rem;}
.detail_preisrechner{background-color: #fff;;}
.fewo-preisrechner button {
    background-color: #e1402e!important;
    padding: 1px!important;
    color: #fff!important;
    font-size: 18px!important;}
.obj_inline {display: inline-block;}
#summe {font-weight: bold; font-size: 1.2rem; margin-left: 10px;}
.form-control:disabled, .form-control[readonly] {background-color: #fff !important;}
.obj_bg {background-color: #fff; padding: 15px; margin-bottom: 30px; display: inline-block; width: 100%;}
.toMonth.has-tooltip.invalid.noarrival {background-color: #d56c6d!important; color: #000!important; text-decoration: none!important;}
.invalid {text-decoration: line-through;}
.date-picker-wrapper .legend_block {background-color: #d56c6d!important;}
.date-picker-wrapper .month-element {color: #737373!important;}
.date-picker-wrapper .caption .prev, .date-picker-wrapper .caption .next {background-color: #ccc; color: #464646!important;}
.date-picker-wrapper .month-wrapper .cal-days .day.checked {background-color: #6b6b6b !important; text-decoration:none!important;}
.detailseite .detail_preisrechner  .big {font-weight: bold; font-size: 22px;}

/*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: #e1402e;}
.fewo_objektdetails .fewo-ausst-group:nth-child(4n + 1) {clear: left;}

/*Objektlage*/
.fewo-objektmap {border: 2px solid #ccc;}
.map_pointer .map-infos {width: 280px; padding: 10px; }
.map_pointer .tooltip-box  {margin-left: 10px;}

/*Saisonpreise*/

.head-underline{border-bottom: 1px solid #cccccc;}
.fewo_saisonzeiten{margin-left:10px;}
.saison_even,.leist-even{background-color: #ffffff!important;}
.saison_odd,.leist-odd{background-color: #e9ecef!important;}

.fewo-head-saison{font-size: 15px; padding:1px}
.fewo-text-saison{font-size: 14px;}
.scol1{width:40%;-webkit-box-flex: 0;flex: 0 0 40%;max-width: 40%;}
.scol2{width:20%;-webkit-box-flex: 0;flex: 0 0 20%;max-width: 20%;}
.scol3{width:20%;-webkit-box-flex: 0;flex: 0 0 20%;max-width: 20%;}
.scol4{width:20%;-webkit-box-flex: 0;flex: 0 0 20%;max-width: 20%;}
.zusatzinformation h3 {font-weight: bold; font-size: 18px;}
.preisrechner_anker {background-color: #004896 !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/fewowerk/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/fewowerk/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: #004896; 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;}


/*Belegungskalender*/
.belegungs_kalender_item {display: inline-block; }
.belegungsplan .fewo_detail_buchungsplan {margin-top: 0px; padding: 10px; background-color: #f7f5f4;}
.fewo_detail_buchungsplan {position: relative; display: inline-block; width: 100%;}
.fewo_detail_buchungsplan .btn-left,.fewo_detail_buchungsplan .btn-right , .fewo_detail_buchungsplan .btn-delete {border:none;  background-color: #fff!important;  cursor: pointer; height: 30px;  padding: 0px 15px;}
/*.fewo_detail_buchungsplan .btn-delete {border:0px;  background-color: #fff!important;  cursor: pointer; height: 30px; border-radius: 0px; padding: 0px 15px;}
.fewo_detail_buchungsplan .btn-right  {border:0px;  background-color: #fff!important; cursor: pointer; height: 30px;margin-left: 10px; border-radius: 0px; padding: 0px 15px;}
*/
.fewo_detail_buchungsplan .belkal .month {border-bottom: 3px solid #004896; text-align: left; font-weight: bold;padding: 7px 15px; background-color: transparent; color: #212529 !important;}
.fewo_detail_buchungsplan .belkal {width: calc(25% - 9px); margin-right: 12px!important; margin-bottom: 10px; border: 1px solid #ccc; border-collapse: inherit !important; border-spacing: inherit;}
.fewo_detail_buchungsplan .belkal:nth-child(4n) {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%;}
.fewo_detail_buchungsplan .cal_buttons div {float: right;}
.belkal .tage {background-color: transparent !important;}

.nichtselektierbar, .nichtwaehlbar, .keineanabreise {opacity: 0.6!important;}

/*Buchungsmaske*/
.fewo_details_buchung .fewo_image img {width: 100%;}
.fewo_details_buchung .fewo_art, .fewo_details_buchung .fewo_infos div, .fewo_details_buchung .fewo_preis .big {font-weight: bold;}
.preis_uebersicht {margin-top: 42px;}
.preis_uebersicht .header_titel {font-weight: bold;}
.preis_uebersicht .header_objsum, .sumneben_wert, .sum_wert, .sumleist_wert, .zeilensumme.kaution {float: right;}
.preis_uebersicht .header_anzahl, .preis_uebersicht .sumneben_titel, .sum_titel, .sumleist_titel {display: inline-block;}
.preis_uebersicht .sumleist, .sumzuschlag, .sumrabatt, .gesamtsumme, .sumoptleist {margin-top: 5px;}
.preis_uebersicht .sumleist {padding-top: 5px; border-top: 1px solid #f2f2f2;}
.gesamtsumme {font-weight: bold; border-top: 1px #ccc solid; padding-top: 5px;}
.tab-content .fewo-buchung-date input {max-width: 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:#be1f2c!important;}
.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%;}

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

.belg_eintrag, .belg_eintrag  {background-color: #004896; color:#fff;}

button:focus {
    outline: none; 
}
.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}
.details_bewertungen {position: relative;}
.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;}
.obj_bg .bew-slider {padding: 0px 60px !important;}

/*accordion*/
.accordion-link {color: #be1f2c; font-size:20px; cursor:pointer;font-family: 'ivy mode regular','sans-serif';}
.accordion-link:hover {text-decoration:none;}
.img-fragen{ width:100%;height:auto;}
.card { width: 100%; display: inline-block;}

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

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


/* Inhaltseiten */
.agb h5 {font-family: 'Roboto Condensed', sans-serif !important; font-weight:400; font-size:20px;}
.agb a {color: #000;}
.service-kontakt label {display: none;}
.service-kontakt #objmap .fewo-btndetail a {color: #fff;}
.service-kontakt #objmap .map_marker div:first-child {display: none;}
.map_marker .title{font-family: 'Roboto Condensed';font-size:14px;}
.map_marker img {width: 100%;height: auto;}
/* Footer */
#footer {background-color: #213375;}
#footer h3 {color: #e1402e !important;}
.footer1 {font-size: 16px;}
.footer1 .widget-body, .footer1 .widget-body a {font-size:14px; color: #fff;}
.footer1 .infotext1 {font-size:14px;color:#fff}
.footer1 .infotext1 a {color:#fff;}
.footer1 .infotext2 {font-size:14px;color:#fff}
.footer1 .widget-kontakt a, .footer1 .entry-meta a {color: #fff;}
.footer1 .widget-kontakt {color:#ffffff;}
/*.footer1 .widget-title { font-size: 18px; font-weight: 400; margin: 0 0 10px; color:#fff }
.footer1 .widget-link a {display: inline-block; margin-bottom: 5px; color: #fff;}
.footer1 .widget-link a:before {content: "\f0da"; font-family: 'FontAwesome'; margin-right: 5px; display: inline-block;}
.footer1 .entry-meta { border-top: 1px solid #fff; 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 #fff; border-bottom: 1px solid #fff; padding: 10px 0; }
.footer1 i {margin-right:5px;}*/

.row-footer{
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
}
.navbar-light .navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.navbar-light  .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  border-color: rgb(255,255,255);
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  border-color: rgb(255,102,203);
}


@media (max-width: 1800px){
	.fewo-ausst-group img {width:70px;}
    .objtitel-detail{
    top: calc(60% - 100px)!important;
}
}

@media (max-width: 1600px){
	.fewo-ausst-group img {width:60px;}
    .objtitel-detail{
   
    top: calc(50% - 100px)!important;
}
}

@media (max-width: 1500px){
	.mobil-none {display: none;}
	.objliste .fewo-item .fewo_infos object, #fewo-objektliste .fewo-item .fewo_infos object {width: 26px;}
	#fewo-objektliste .fewo-item .fewo_infos .fewo-personen object {width: 22px;}
    .home_container3 {
    top: calc(55% - 30px);
    position: absolute;
    left: calc(15% - 70px);
}
.objtitel-detail{
   
    top: calc(50% - 100px)!important;
}
}

@media (max-width: 1400px){
	.objliste .fewo-item .fewo_infos .wert, .fewo-rating-text {font-size: 16px;}
	.zufallsobjekte .fewo-item .fewo_titel {font-size: 2.5vw; padding-top: 10px !important; padding-bottom: 10px !important;}
	.zufallsobjekte .fewo-item .fewo_infos .wert {font-size: 18px;}
	.zufallsobjekte .raten:after, .zufallsobjekte .rateo:after {font-size: 20px;}
	.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;}
    .home_container3 {
    top: calc(55% - 30px);
    position: absolute;
    left: calc(15% - 6s0px);
   
}
.objtitel-detail{
   
    top: calc(50% - 100px)!important;
}
}

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


@media (max-width: 1199px){
     
     .langselector{
    position: absolute;
    top:40px;
    right:100px;
}
.navbar-collapse {
        background-color: #ffffff !important;
        padding-top: 10px;
        width: 270px;
        position: absolute;
        right: 17px;
        top: 75px;
    }
	.nav-tabs .nav-item {width: 100%; flex: inherit !important;}
	#mainNav .merkerlink {display: none; right: 245px;}
	.preis_uebersicht {margin-top: 0px;}
	.overall_ratingbox img {width: 100%; max-width: 290px;}
	.overall_ratingbox .overall_rating_value .rating_value {font-size: 32px;}
	.overall_ratingbox .ratingall {top: 140px; font-size: 15px;}
	.listenfilter .form-inputs .label {width: 100%; display: inline-block;}
	.fewo-objektentf ul li {width: calc(50% - 8px) }
	.fewo-objektentf ul li:nth-child(2n) {margin-right: 0px;}

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

	.lageplan .page-iteration {width: 100%;}
	.fewo_objektdetails .fewo-ausst-group {width: 33%;}
	.zufallsobjekte .fewo-item:nth-child(3) {display: none;}
.home_container3 {
    top: calc(40% - 30px);
    position: absolute;
    left: calc(15% - 55px);
   }
.objtitel-detail{
    top: calc(40% - 100px)!important;
}
.textbox-white{
    transform: translateY(-110%)!important; 
}
}
@media (max-width: 1060px){
    .textbox-white{transform: translateY(-100%)!important; }
}

@media (max-width: 991px){
    .order1{ order:1;}
    .order2{ order:2;}
    .logo-bottom{width:200px;}
	#exTab2 {padding: 0px !important;}
    .navbar-collapse {background-color: #ffffff !important; padding-top: 10px;width:270px;position:absolute;right:17px;top:75px;}
	.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);}
.textbox-white{transform: translateY(-90%)!important; }
	.zufallsobjekte .fewo-item:nth-child(3) {display: none;}
	.objliste .fewo_infos {margin-bottom: 10px;}
	.slider_container {padding-right: 15px !important;}
	.detail_container {padding-left: 15px !important;}
	.detail_minheight {min-height: initial;}
	.mobile_price_label {display: inline-block !important; font-weight:bold; width: 100%;}
	
	.fewo_detail_buchungsplan .belkal {width: calc(50% - 6px) !important;}
    #belegunsuebersicht .belkal:nth-child(3), #belegunsuebersicht .belkal:nth-child(4) {display:inline-table;}
	.fewo_detail_buchungsplan .belkal:nth-child(3), .fewo_detail_buchungsplan .belkal:nth-child(4) {display:none;}
	.fewo_detail_buchungsplan .belkal:nth-child(2n) {margin-right: 0% !important;}
	.detail_minheight {min-height: inherit !important;}
	.zeile_leistung  {height: initial; }
	.zeile_leistung .select {float: initial;}
	.zufallsobjekte .fewo-item .detail-link .btn {margin-bottom: 20px;}
	.zufallsobjekte .fewo-item .fewo_titel {font-size: 30px;}
	.zufallsobjekte .fewo-item .fewo_infos div {height: 40px;}
	.details_bewertungen {margin-top: 20px;}
	.fewo-bewerten {position: relative; bottom: inherit; margin-top: 15px;}
	.zufallsobjekte .fewo-item .fewo_item_inhalt.triangle_left:before, .zufallsobjekte .fewo-item .fewo_item_inhalt.triangle_right:before {right: inherit; top: -40px; left: 40px; border-width: 0px 45px 40px 45px; border-color: transparent transparent #f7f7f7 transparent;}
	.fewo-ausst .fewo-ausst-group {width: 33%;}
	.fewo-ausst .fewo-ausst-group:nth-child(4n + 1) {clear: none;}
	.fewo-ausst .fewo-ausst-group:nth-child(3n + 1) {clear: left;}
	.img-none {display: none;}
	.carousel-control-next, .carousel-control-prev {display: none!important;}
    .bewertung_liste {display: none;}
    .bewertung_home {bottom: 320px; right: 21px;}
    /* .inner-carousel {top: 140px;}*/
    .bg_slider{padding:0.5rem !important;}
    .home_container3 {
    top: calc(37% - 30px);
    position: absolute;
    left: calc(15% - 470px); 
    
}
.bewerten{
    width:390px;
    padding:20px;
}
.bewerten h2{
    margin-left:10px;
    font-weight:700;
}
.home_container4 {top:calc(15%); position: absolute; left: calc(50% - 250px); width: 500px;}
.fewo-ausst-group img {width: 36px!important; margin-right: 3px;}
}
STRONG {
    font-weight:600;
}
@media (max-width: 900px){
    
	.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%;}
   .navbar-collapse {background-color: #ffffff !important; padding-top: 10px;width:270px;}
.logo-bottom{width:160px;margin-top: calc(50% - 30px);margin-left: calc(50% - 70px);}
.textbox-white{
    position: relative;
	left:calc(50% - 110px);
	width:360px;
    background-color: #fff;
    height: 478px;
    transform: translateY(-75%);
    padding:10px;
}
.textbox-white{transform: translateY(-65%)!important; }
.listenfilter {

    width: 100%;
   
    background-color: #fff;
}
.home_container3 {
    top: calc(30% - 30px);
    position: absolute;
    left: calc(15% - 470px);
   
}
.fewo-ausst-group img {width: 30px!important; margin-right: 3px;}
}

@media (max-width: 767px){
      
	.zufallsobjekte .fewo-item:nth-child(3) {display: inline-block;}
	.zufallsobjekte .fewo_image, .service-box {width: 100%; max-width: 100%;}
	.h1, h1 {font-size: 2rem !important;}
	.objliste .fewo_abpreis {margin-bottom: 15px;}
	.objliste .fewo-rating {position: initial; right: initial; top: initial; margin-bottom: 10px;}
	.fewo-ausst-group ul {width: 100%; padding-left: 0px; padding-top: 5px;}
	.navbar-collapse .navbar-nav {padding-bottom: 0px;}
    .navbar-collapse {background-color: #ffffff !important; padding-top: 10px;width:270px;}
	.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;}
	.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;}
.kartensuche{display:none!important;}
	.fewo_objektdetails .fewo-ausst-group {width: 100%;}
	.home_bew .cat-name {width: 50%; margin-bottom: 20px;}
	.slick-slider-1.slider-images-big.slick-initialized.slick-slider {height: 380px!important;}
	.slide-images img {max-height: 387px!important; min-height: 387px!important;}
    .bewertung_home {position:relative; top: 0; right: 0; width: 100%;}
    
	.bg_kontaktlink {background-image: url(../images/startseite/kontakt_bg.jpg); background-position: center center; background-size: cover;}
.bg_bewertungen {background-image: url(../images/startseite/bewertungen_bg.jpg); background-position: center center; background-size: cover;}
.logo-bottom{width:160px;margin-top: calc(50% - 30px);margin-left: calc(50% - 70px);}
.logo-bottomn,.footer-unten{display:none;}
.textbox-white{
    position: relative;
	left:calc(50% - 180px);
	width:360px;
    background-color: #fff;
    height: 455px;
    transform: translateY(14%);
    padding:10px;
}
.home_container4 {top:calc(15%); position: absolute; left: calc(50% - 250px); width: 500px;}
.listenfilter {
    width: 100%;
    background-color: #fff;
}
.cookie-banner{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:22px;
    font-weight:bold;
}
.cookie-consent-banner {
    width: 680px !important;
    padding: 1rem;
    text-align: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    z-index: 10000;
    position: fixed;
    bottom: calc(50% - 150px) !important;
    left: calc(50% - 340px) !important;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}

.listenfilter {padding: 10px 20px 20px 20px; position: relative;top: 0px;width: 100%;left: 0px;right:0px;height:500px;background-color: #fff;}
.listenfilter .form-inputs, .checkies.dropdown, .listenfilter .form-inputs.fld_reisezeitraum,.listenfilter .form-inputs.fldb_reisezeitraum {width: 100%!important; margin-right: 0px;}
.listenfilter #filterclear {z-index: 99;margin-top: 5px;}
.fewo-ausst-group img {width: 30px!important; margin-right: 3px;}
.seemodal{display:none;}
}

@media (max-width: 630px) {
       
    #mainNav .merkerlink {display: none;right: 70px;}
	.slick-slider-1.slider-images-big.slick-initialized.slick-slider {height: 310px!important;}
	.slide-images img {max-height: 323px!important; min-height: 323px!important;}
	.navbar-collapse {background-color: #ffffff !important; padding-top: 10px;width:270px;}
	.bg_kontaktlink {background-image: url(../images/startseite/kontakt_bg.jpg); background-position: center center; background-size: cover;}
.bg_bewertungen {background-image: url(../images/startseite/bewertungen_bg.jpg); background-position: center center; background-size: cover;}
.border_red{border-bottom: 2px solid #be1f2c;}
.logo-bottomn,.bg_slider{padding:0.5rem !important;}
.footer-unten{display:none;}
.kartensuche{display:none!important;}
.logo-bottom{width:160px;margin-top: calc(50% - 30px);margin-left: calc(50% - 70px);}
.textbox-white{
    transform: translateY(10%)!important;
}
.listenfilter {padding: 0px 20px 20px 20px;position: relative;top: 0px;width: 100%;left: 0px;right:0px;height:480px;background-color: #fff;}
.listenfilter .form-inputs, .checkies.dropdown, .listenfilter .form-inputs.fld_reisezeitraum {width: 100%!important; margin-right: 0px;}
.listenfilter #filterclear {z-index: 99;margin-top: 5px;}
/*.bild-inner{min-height:540px;}*/
.bildbox{display:none;}
.fewo-ausst-group img {width: 30px!important; margin-right: 3px;}
.seemodal{display:none;}

.cookie-banner{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:22px;
    font-weight:bold;
}
.cookie-consent-banner {
    width: 600px !important;
    padding: 1rem;
    text-align: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    z-index: 10000;
    position: fixed;
    bottom: calc(50% - 80px) !important;
    left: calc(50% - 300px) !important;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}
}

@media (max-width: 576px){
   .selctors{display:none;}
	.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;}
	.fewo-item .fewo_titel {width: 100%;}
	#fewo-objektliste .fewo-item .fewo-rating {position: initial;}
    #fewo-objektliste .fewo_abpreis {position: relative; display: inline-block; width: 100%;top:0px;}
	.bg_kontaktlink {background-image: url(../images/startseite/kontakt_bg.jpg); background-position: center center; background-size: cover;}
.bg_bewertungen {background-image: url(../images/startseite/bewertungen_bg.jpg); background-position: center center; background-size: cover;}
.border_red{border-bottom: 2px solid #be1f2c;}
.bg_slider{padding: 0.5rem !important;}
.logo-bottomn,.footer-unten {display:none;}
.kartensuche{display:none!important;}
.listenfilter .form-inputs, .checkies.dropdown, .listenfilter .form-inputs.fld_reisezeitraum,.listenfilter .form-inputs.fldb_reisezeitraum {width: 100%!important; margin-right: 0px;}

.textbox-white{
transform: translateY(6%);
}
.listenfilter {
    position: relative;
    top: 0px;
    width: 100%;
    left: 0px;
    right:0px;
    height:390px;
    background-color: #fff;
}
.listenfilter #filterclear {margin-top:5px!important;}
/*.bild-inner{min-height:540px;}*/
.bildbox{display:none;}
.seemodal{display:none;}
 
.cookie-banner{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:22px;
    font-weight:bold;
}
.cookie-consent-banner {
    width: 550px !important;
    padding: 1rem;
    text-align: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    z-index: 10000;
    position: fixed;
    bottom: calc(50% - 80px) !important;
    left: calc(50% - 275px) !important;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}
}

@media (max-width: 550px){
	.home_container_text {padding: 20px; margin-bottom: 0px;}
	.home_container2{left: 2px; width:98%;}
    .home_containerobjekt{left:2px; width:100%}
	.home_text h1{font-size:22px !important;}
	
	.fewo_list_sort {float: left; width: 100%;}
	home_container {top: 250px !important;}
	.bg_kontaktlink {background-image: url(../images/startseite/kontakt_bg.jpg); background-position: center center; background-size: cover;}
.bg_bewertungen {background-image: url(../images/startseite/bewertungen_bg.jpg); background-position: center center; background-size: cover;}
.border_red{border-bottom: 2px solid #be1f2c;}
.bg_slider{padding: 0.5rem !important;}
.nav-item .kartensuche{display:none!important;}
.logo-bottomn, footer-unten{display:none;}
.logo { width:250px; margin-left:0px;margin-top:0px;}
.textbox-white{
    position: relative;
	left:calc(50% - 180px);
	width:360px;
    background-color: #fff;
    height: 450px;
    transform: translateY(6%);
    padding:20px;
}
.langselector {
    position: absolute;
    top: 30px;
    right:70px;
    }

    
.cookie-banner{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:22px;
    font-weight:bold;
}
.cookie-consent-banner {
    width: 450px !important;
    padding: 1rem;
    text-align: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    z-index: 10000;
    position: fixed;
    bottom: calc(50% - 120px) !important;
    left: calc(50% - 225px) !important;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}

.fewo_objektdetails h5{font-size:18px; color:#be1f2c!important;}
.listenfilter {padding: 0px 20px 20px 20px;position: relative;top: 0px;width: 100%;left: 0px;right:0px;height:390px;background-color: #fff;}

.listenfilter .form-inputs, .checkies.dropdown, .listenfilter .form-inputs.fld_reisezeitraum, .listenfilter .form-inputs.fldb_reisezeitraum {width: 100%!important; margin-right: 0px;}
.listenfilter #filterclear {z-index: 99;margin-top: 5px;}



.boosfilter {padding: 0px 20px 20px 20px;position: relative;top: 0px;width: 100%;left: 0px;right:0px;height:390px;background-color: #fff;}

.bootsfilter .form-inputs, .checkies.dropdown, .bootsfilter .form-inputs.fldb_reisezeitraum {width: 100%!important; margin-right: 0px;}
.bootsfilter #filterclear {z-index: 99;margin-top: 5px;}
/*.bild-inner{min-height:540px;}*/
.bildbox{display:none;}
.padding{ padding: 2rem!important;}
.padding3{ padding: 1.5rem!important;}
.seemodal{display:none;}
}

@media (max-width: 500px){
 .filtercss {
    margin-left: calc(50% - 170px);    
}
	.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: 90%;}*/
	#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.3rem !important;}
	.listenfilter .form-inputs, .checkies.dropdown, .listenfilter .form-inputs.fld_reisezeitraum,.listenfilter .form-inputs.fldb_reisezeitraum {width: 100%!important; margin-right: 0px;}
    .bootsfilter .form-inputs, .checkies.dropdown,.bootsfilter .form-inputs.fldb_reisezeitraum {width: 100%!important; margin-right: 0px;}
	.fewo-ausst-group {width: 100%;}
	.fewo-ausst-group:nth-child {float: none;}
	.slick-slider-1.slider-images-big.slick-initialized.slick-slider {height: 245px!important;}
	.slide-images img {max-height: 265px!important; min-height: 265px!important;}
	.bg_kontaktlink {background-image: url(../images/startseite/kontakt_bg.jpg); background-position: center center; background-size: cover;}
.bg_bewertungen {background-image: url(../images/startseite/bewertungen_bg.jpg); background-position: center center; background-size: cover;}
.border_red{border-bottom: 2px solid #be1f2c;}
.bg_slider{padding: 0.5rem !important;}
.logo-bottomn, footer-unten{display:none;}
.logo { width:230px; margin-left:0px;margin-top:0px;}
.selectors{display:none;}
.textbox-white{position: relative;left:calc(50% - 180px);width:360px;background-color: #fff;height: 488px;transform: translateY(6%);padding:30px;}
.listenfilter {padding:0px;position: relative;top: 0px;width: 100%;left: 0px;right:0px;height:330px;background-color: #fff;}
.listenfilter #filterclear {z-index: 99;margin-top: 5px;}
.bootsfilter {padding:0px;position: relative;top: 0px;width: 100%;left: 0px;right:0px;height:240px;background-color: #fff;}
.bootsfilter #filterclear {z-index: 99;margin-top: 5px;}
.titel-red {
    font-family: 'ivy mode', 'sans-serif';
    font-weight: 600;
    font-size: 22px;
    color: #be1f2c;
}
.titel-black {
    font-family: 'ivy mode', 'sans-serif';
    font-weight: 100;
    font-size: 20px;
    color: #000;
}
.kartensuche{display:none!important;}
/*.bild-inner{min-height:540px;}*/
.bildbox{display:none;}
.padding{ padding: 2rem!important;}
.padding3{ padding: 1.5rem!important;}
.nav-pills li{margin-bottom:5px!important;} 
/*.logo{margin-top:0px; padding:0px;}*/
.fewo_objektdetails h5{font-size:18px; color:#be1f2c!important;}
.seemodal{display:none;}
}

@media (max-width: 450px){
.home_container4 {top:calc(10%); position: absolute; left: calc(50% - 190px); width: 380px;}
.listenfilter .form-inputs2, .checkies.dropdown {
    display: inline-block;
    margin-bottom: 0px;
    width: 100%;
    margin-right: 15px;
}
	.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;}
	#belegunsuebersicht .belkal:nth-child(2) {display:inline-table;}
	.fewo_detail_buchungsplan .belkal:nth-child(2) {display:none;}
	.fewo_detail_buchungsplan .btn-right {right: 0px;}
	.fewo-preisrechner button {margin-bottom: 5px;}
	.home_bew .cat-name {width: 100%;}
	.details_bewertungen #btn-bewright {position: absolute; top: 41px; left: 80px;}
	.details_bewertungen #btn-bewleft {position: initial; margin-bottom: 15px;}
    body {font-family: 'Lato', sans-serif; font-weight: 400; font-size: 15px;}
    .regionenheadertext {font-size: 1.2em;}
    h4 {font-size:1.3em;}
    .fewo_objektdetails h5{font-size:18px; color:#be1f2c!important;}
	.bg_kontaktlink {background-image: url(../images/startseite/kontakt_bg.jpg); background-position: center center; background-size: cover;}
.bg_bewertungen {background-image: url(../images/startseite/bewertungen_bg.jpg); background-position: center center; background-size: cover;}
.border_red{border-bottom: 2px solid #be1f2c;}
.bg_slider{padding: 0.5rem !important;}
.logo-bottomn, footer-unten{display:none;}
.logo { width:250px; margin-left:0px;margin-top:0px;}
.textbox-white{ position: relative;left:calc(50% - 180px);width:360px;background-color: #fff;height: 445px;transform: translateY(6%);padding:20px;}
/*.bild-inner{min-height:540px;}*/
.bildbox{display:none;}
.padding{ padding: 0.6rem!important;}
.padding3{ padding: 0.6rem!important;}
.text-block{margin-top:10px!important;}
.galleries {padding-top:2rem!important;}
.galleries-item_title {padding: 1.5rem 1.5rem!important;}
   .col-lg-4.fewo-groesse,.col-lg-4.fewo-schlaf, .col-lg-4.fewo-bad, .col-lg-4.fewo-room, .col-lg-4.fewo-personen{padding-right:0px!important; width:50%!important;}
.listenfilter {position: relative;top: 0px;width: 100%;left: 0px;right:0px; background-color: #fff;}
.listenfilter #filterclear {z-index: 99;margin-top: 5px;}

.bootsfilter {position: relative;top: 0px;width: 100%;left: 0px;right:0px; background-color: #fff;}
.bootsfilter #filterclear {z-index: 99;margin-top: 5px;}
.control-pagination button {font-size: 12px;padding: 0px 7px;line-height: 28px;}
.objtitel-detail {position: absolute;top: 90px!important;left: 0px;color: #fff;font-family: 'Ivy Mode','sans-serif';font-size: 20px;text-align: center;}
.nav-pills li{Margin-bottom:5px!important;} 
.kartensuche{display:none!important;}
.a-img2{display:none;}
.a-img3{display:none;}
.a-img6{display:none;}
.slide h3{font-size:17px;}
.seemodal{display:none;}
    
.cookie-banner{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:22px;
    font-weight:bold;
}
.cookie-consent-banner {
    width: 400px !important;
    padding: 1rem;
    text-align: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    z-index: 10000;
    position: fixed;
    bottom: calc(50% - 160px) !important;
    left: calc(50% - 200px) !important;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}
}
@media (max-width: 400px){

	.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;}
    .logo-bottomn, footer-unten{display:none;}
    .col-lg-4.fewo-groesse,.col-lg-4.fewo-schlaf, .col-lg-4.fewo-bad, .col-lg-4.fewo-room, .col-lg-4.fewo-personen{padding-right:0px!important; width:50%!important;}
.bg_kontaktlink {background-image: url(../images/startseite/kontakt_bg.jpg); background-position: center center; background-size: cover;}
.bg_bewertungen {background-image: url(../images/startseite/bewertungen_bg.jpg); background-position: center center; background-size: cover;}
.bg_slider{padding: 0px!important;}
	.slick-slider-1.slider-images-big.slick-initialized.slick-slider {height: 180px!important;}
	.slide-images img {max-height: 230px!important; min-height: 230px!important;}
	.border_red{border-bottom: 2px solid #be1f2c;}
.logo { width:210px; margin-left:0px;margin-top:0px;}
.kartensuche{display:none!important;}
#fragen-titel, #faehre-titel, #freizeit-titel, #mithund-titel, #angeln-titel, #datenschutz-titel, #impressum-titel , #agb-titel,#alle-titel{position: relative; width:90%;left: calc(50% - 45%); padding:0px 0px;}
.objtitel {
    font-family: 'Ivy Mode Bold','sans-serif';
    font-size: 20px!important;
}
.titel-red {
    font-family: 'ivy mode', 'sans-serif';
    font-weight: 600;
    font-size: 22px;
    color: #be1f2c;
}
.titel-black {
    font-family: 'ivy mode', 'sans-serif';
    font-weight: 100;
    font-size: 20px;
    color: #000;
}


.form-fromdate input[type=text] {
  background-image: url('../icons-suche/kalender.png');
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 90% 2px !important;
  box-sizing: border-box;
  border: 1px solid #999;
}
.form-days select {
  background-image: url('../icons-suche/nummer-1.png');
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 90% 2px !important;
  box-sizing: border-box;
  border: 1px solid #999;
}
.form-personen select {
  background-image: url('../icons-suche/menschen.png');
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 90% 2px !important;
  box-sizing: border-box;
  border: 1px solid #999;
}
.form-region select {
  background-image: url('../icons-suche/reiseziele.png');
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 90% 2px !important;
  box-sizing: border-box;
  border: 1px solid #999;
}



.textbox-white{
    position: relative;
	left:calc(15% - 32px);
	width:320px;
    background-color: #fff;
    height:462px;
    transform: translateY(6%);
    padding:10px;
}
.ui.search>.results {
left: 0px!important;
}
.cookie-banner{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:22px;
    font-weight:bold;
}
.cookie-consent-banner {
    width: 360px !important;
    padding: 1rem;
    text-align: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    z-index: 10000;
    position: fixed;
    bottom: calc(50% - 180px) !important;
    left: calc(50% - 180px) !important;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}

.fewo_objektdetails h5{font-size:18px; color:#be1f2c!important;}
.margin-oben{margin-top:10px !important;}
.nav-pills li{Margin-bottom:5px!important;} 
/*.bild-inner{min-height:540px;}*/
.bildbox{display:none;}
.text-block{margin-top:10px;}
.padding{ padding: 0.6rem!important;}
.text-block{margin-top:10px!important;}
.galleries {padding-top:2rem!important;}
.galleries-item_title {padding: 1.5rem 1.5rem!important;}
.textbox-filter {
    position: absolute;
    left: 0;
    top:70px;
    width: 400px;
    background-color: #fff;
    height: 490px;
    transform: translateY(60%);
    padding: 30px;
    z-index: 9999;
}
.objtitel-detail {
    position: absolute;
    top: 80px!important;
    left: 0px;
    color: #fff;
    font-family: 'Ivy Mode','sans-serif';
    font-size: 19px;
    text-align: center;
}
.a-img2{display:none;}
.a-img3{display:none;}
.a-img6{display:none;}
.slide h3{font-size:17px;}
.seemodal{display:none;}
}



/* cookie ****************************************/
#cookiedingsbums {
    top:100px; 
    left:calc(50% - 190px);
    outline: 1px solid #7b92a9; 
    text-align: center; 
    border-top: 1px solid #fff; 
    background-color: #ffffff; 
    position: fixed; 
    height:250px; 
    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}
#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 {text-align:center;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 ***************************************/

.w-80{
    width:80%!important;
}
.w-60{
	width:60%!important;
}
.w-40{
	width:40%!important;
}
.w-30{
	width:30%!important;
}

.mt-7{
	margin-top: 5rem!important;
}
.mb-7 {
	margin-bottom: 5rem!important;
}

@media screen and (min-width: 768px)  {
  video.responsive-video {
    max-width: 610px;
    width:610px;
  }
}
@media screen and (max-width: 400px)  {
  video.responsive-video {
    max-width: 320px;
    width:320px;
  }
  .bew_nachricht{
    width:94%;
  }
}


/* Tooltip container */
.tooltips {
  position: relative;
  display: inline-block;
  /*border-bottom: 1px dotted black; *//* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltips .tooltipstext {
  visibility: hidden;
  width: 280px;
  background-color: #be1f2c;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border: 1px solid #be1f2c;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 9999;
  bottom: 125%;
  /*left: 50%;*/
  margin-left: -145px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltips .tooltipstext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #be1f2c transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltips:hover .tooltipstext {
  visibility: visible;
  opacity: 1;
}