body {
  line-height: 1.5;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  background: #f5f5f5;
  color: #5a5a5a;
  font-size: 15px;
}


h1, h2, h3, h4, h5, h6 {
  color: #185ba3;
  line-height: 1.3em;
  font-family: 'Open Sans', sans-serif;


}


h1 {
  font-family: 'Open Sans', sans-serif;
  color: #185ba3;
  font-size: 34px;
  margin-top: 15px;
}


h2 {
    font-size: 28px;
    margin-bottom: 20px;
    margin-top: 15px;
}

ol li {
  margin-bottom: 0.6em;
}

.img-responsive {
  width: 100%;
  margin-bottom: 20px;
}

/*.row .row {
  margin-left: 0;
  margin-right: 0;
}*/

.text-light {
  color: #919191;
}

hr {
  border-top: 1px dotted #cccccc;
}


p a {
  text-decoration: underline;
}

p a.btn {
  text-decoration: none;
}


/* --------------------------------------------------------------------------------------------------------- */

.prenav {
  z-index: 5;
  position: relative;
  height: 94px;
  overflow: hidden;
  background: #ffffff;
  font-size: 14px;
}

.prenav h4 {
  margin: 24px 0 5px 0;
  color: #185BA3;
}

.prenav .row .col-sm-3 img {
  width: 100%;
}

.logo-wrapper {
  width: 240px;
  display: inline-block;
  margin-left: 25px;
  float: left;
  margin-right: 20px;
  position: relative;

}

.logo-wrapper .bubble {
  border-radius: 50%;
  position: absolute;
  background: #E5391F;
  width: 100px;
  height: 100px;
  z-index: -1;
  /*display:none;*/


  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.sticky-padding-top {
  padding-top: 106px;
  padding-top: 39px;
}


.sticky-padding-top .anker-navi {
  top: -162px;
}

.logo-wrapper .bubble.blue {
  background: #6CC8ED;
}

.logo-wrapper .bubble.green {
  background: #3FA534;
}

.logo-wrapper .bubble.darkblue {
  background: #185BA3;
}

.logo-wrapper .bubble.orange {
  background: #F3981B;
}

.logo-wrapper .bubble.speed_1 {
  -webkit-transition: 0.45s ease-in-out;
  -moz-transition: 0.45s ease-in-out;
  -o-transition: 0.45s ease-in-out;
  transition: 0.45s ease-in-out;
}

.logo-wrapper .bubble.speed_2 {
  -webkit-transition: 0.55s ease-in-out;
  -moz-transition: 0.55s ease-in-out;
  -o-transition: 0.55s ease-in-out;
  transition: 0.55s ease-in-out;
}

.logo-wrapper .bubble.speed_3 {
  -webkit-transition: 0.65s ease-in-out;
  -moz-transition: 0.65s ease-in-out;
  -o-transition: 0.65s ease-in-out;
  transition: 0.65s ease-in-out;
}


.logo-wrapper:hover .bubble {
  -webkit-transform:  scale(1.3);
  -moz-transform: scale(1.3);
  -o-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);

  /*transition: all 0.4s cubic-bezier(.87,-.41,.19,1.44)*/
}

.logo-wrapper:hover .bubble.trans_1 {
  -webkit-transform:  scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);

  /*transition: all 0.5s cubic-bezier(.87,-.41,.19,1.44)*/
}

.logo-wrapper:hover .bubble.trans_2 {
  -webkit-transform:  scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);

  /*transition: all 0.5s cubic-bezier(.87,-.41,.19,1.44)*/
}

.logo-wrapper:hover .bubble.trans_3 {
  -webkit-transform:  scale(1.4);
  -moz-transform: scale(1.4);
  -o-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);

  /*transition: all 0.5s cubic-bezier(.87,-.41,.19,1.44)*/
}

.image {
  margin-bottom: 0px;
}

.redBorder{
  border: 2px solid red;
  border-radius: 5px;
}

/* --------------------------------------------------------------------------------------------------------- */

.navbar {
  min-height: inherit;
  margin-bottom: 0;
  position: relative;
  z-index: 100;
}

.navbar-inverse {
  border-radius: 0px;
  background: #185BA3;
  background-color: rgba(24,91,163,0.9);
  border-color: #185BA3;
  top: 0;
  z-index: 20;
  border: none;
  font-size: 14px;
}

.navbar-inverse.sticky {
  z-index: 500;
}

.frame {
  margin-top: 0px;
  margin-bottom: 20px;
}


.container .frame {
  margin-top: 0px;
  margin-bottom: 20px;
}

.navbar-inverse.sticky .navbar-brand:last-child {
  display: none;
}

.navbar-inverse.sticky .navbar-brand {
  display: none;
}

.navbar.sticky .container .navbar-brand-mobile {
  display: block;
  text-indent: -200em;
  background: transparent url(../img/logo_pr_sm.png) 0 -186px;
  border: 0 solid #185BA3;
  background-size: 260px 260px;
  width: 260px;
  height: 36px;
  position: absolute;
  left: 0;
  top: 0;
}

.container > .navbar-header {
  position: relative;
}

.sticky  {
  position: fixed;
  width: 100%;
}

.navbar-inverse .navbar-nav > li > a {
  color: rgba(255,255,255,0.8);
  overflow: hidden;
}

.navbar-inverse .navbar-nav > li > a::before {
  border-radius: 50%;
  height: 80px;
  width: 80px;
  background-color: rgba(255,255,255,0);
  position: absolute;
  left: 20px;
  top: -30px;
  display: inline-block;
  content: "";
  z-index: -2;


  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}


.navbar-inverse .navbar-nav > li > a:hover {
  color: rgba(255,255,255,1);
  /*background-color: rgba(24,91,163,1);*/
}

.navbar-inverse .navbar-nav > li > a:hover::before {
  background-color: rgba(255,255,255,0.3);
  -webkit-transform:  scale(1.3);
  -moz-transform: scale(1.3);
  -o-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}


.navbar > .container .navbar-brand {
  margin-left: 0px;
}

.navbar-nav {
  float: right;
}

.navbar-nav > li > a {
    padding-top: 6px;
    padding-bottom: 6px;
}

.navbar-inverse .navbar-brand {
    height: 36px;
    padding: 7px 13px;
    font-size: 14px;
    line-height: 20px;
  color: #ffffff;
  border: 1px solid #185BA3;
}

.navbar > .container .navbar-brand:hover/*,
.navbar-inverse .navbar-brand.active*/ {
    background: #ffffff;
  color: #185BA3;
}

#menu-ferienhaus.active {
  background: #ffffff;
  color: #185BA3;
}


.dropdown-menu li a {
  font-size: 14px;
  padding: 5px 15px;
}


#content .col-md-9 {
  padding-bottom: 50px;
}

/* --------------------------------------------------------------------------------------------------------- */

.header img {
  width: 100%;
}

.circle {
  display: block;
  border-radius: 50%;
  width: 120px;
  height: 120px;
}

.circle.roundicon {
  margin: 20px auto;
  font-size: 56px;
  padding-top: 22px;
  text-align: center;
  color: #fff;
}

.todo {
  color: #FFFFFF;
  background:#E802FF;
}


.blue_0 {
  background-color: rgba(24,91,163,1);
}
.blue_1 {
  background-color: rgba(24,91,163,0.8);
}
.blue_2 {
  background-color: rgba(24,91,163,0.6);
}
.blue_3 {
  background-color: rgba(24,91,163,0.4);
}
.blue_4 {
  background-color: rgba(24,91,163,0.2);
}

.grey_1 {
  background-color: rgba(0,0,0,0.1);
}

.white {
  background-color: #ffffff;
}



/* --------------------------------------------------------------------------------------------------------- */

#c5816 ul,
ul.csc-menu-1 {
  list-style-type: none;
  margin: 0 0;
  padding: 5px 10px;
  background: #fff;
  border-radius: 10px;
}

ul.csc-menu-2 {
  display: none;
  padding-left: 0;
}

#c5816 ul li,
ul.csc-menu-1 li {
  list-style-type: none;
  margin: 0 0;
  padding: 0 0;
}

ul.csc-menu-1 li.active,
ul.csc-menu-1 li.active ul.csc-menu-2 li.active {
  font-weight: bold;
}

ul.csc-menu-1 li a,
ul.csc-menu-2 li a,
#c5816 ul li a {
  padding: 4px;
  display: block;
  border-top: 1px dotted #ccc;
}


ul.csc-menu-1 li:first-child a,
#c5816 ul li:first-child a {
  border-top: 0px dotted #ccc;
}

ul.csc-menu-2 li a,
ul.csc-menu-2 li:first-child a {
  padding-left: 24px;
  border-top: 1px dotted #e5e5e5;
}

ul.csc-menu-1 li.active ul.csc-menu-2 {
  display: block;
}

ul.csc-menu-1 li.active ul.csc-menu-2 li {
  font-weight: normal;
}


/* --------------------------------------------------------------------------------------------------------- */


.social_wrapper {

}

.social_facebook,
.social_youtube,
.social_google {
  width: 120px;
  height: 120px;
  position: relative;
  top: -70px;
  left: 70px;
  text-align: center;
  background: #185BA3;
  font-size: 40px;

  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.bewertung{
  position: relative;
  text-align: center;
  background: #185BA3;
  font-size: 54px;
  color: #fff;
  padding-top: 45px;
  left: 50%;
  transform: translateX(-50%);
  line-height: 0.5;

  
}

.bewertung span{
  font-size: 12px;

}

.einzelbewertungen{
  text-align:center;
  color: #185ba3;
  font-size: 17px;
}

.anzahlbewertungen{
  font-size:12px;
  text-align: center;
}
.wertung{
  text-align: center;
  margin-top: 15px;
}

.bewertungHeadline{
  margin-bottom:40px;
}

.ratingtext{
  padding-left:30px;
  padding-right:30px;
  text-align: justify;
}

.ratingtext::before{
  content: '';
    position: absolute;
    width: 0;
    border-style: solid;
    display: block;
    height: 20px;
    border-color: transparent #fff transparent transparent;
    z-index: 9;
    bottom: 117px;
    left: -4px;
    top: 20px;
    right: auto;
    border-width: 10px 20px 10px 0;
}

.progressbar{
 height:7px;
  border-radius:5px;
  background-color:#fff;
  margin-bottom: 10px;
  margin-top: 60px;
}

.altersgruppe{
  width:179px;
  float:left;
  text-align: center;
  height: 48px;
  border-right: 1px solid #E1E1E1;
  padding-top: 15px;
}

.labelRatingForm{
  color: #185ba3;
  font-family: 'Open Sans',sans-serif;
  font-size: 25px;
  font-weight: normal;

}

.inputRatingForm{
  background-color: #fff;
  color:#000;
  border:1px solid #E1E1E1;
  width: 92%;
}

.textAreaRatingForm{
  background-color: #fff;
  color:#000;
  border:1px solid #E1E1E1;
  height: 200px;
  width: 96%;
}

.alterSelect{
  background-color: #fff;
  color:#000;  
  border:1px solid #E1E1E1;
  width: 1076px;
  height: 50px !important;
  padding: 0;
}
.ratingAbstand{
  margin-top: 29px;
}

.attribute{
  text-align: center;
  font-weight: bold;
  color: #185ba3;
  float: left;
  margin-top: 22px;
  border: none;
}

.rating {
      float:left;
    }

    /* :not(:checked) is a filter, so that browsers that don’t support :checked don’t
      follow these rules. Every browser that supports :checked also supports :not(), so
      it doesn’t make the test unnecessarily selective */
    .rating:not(:checked) > input {
        position:absolute;
        /*top:-9999px;*/
        clip:rect(0,0,0,0);
    }

    .rating:not(:checked) > label {
        float:right;
        width:1em;
        /* padding:0 .1em; */
        overflow:hidden;
        white-space:nowrap;
        cursor:pointer;
        font-size:300%;
        /* line-height:1.2; */
        color: hsla(211, 74%, 37%, 0.25);
    }

    .rating:not(:checked) > label:before {
        content: "\65";
       font-family: "paradies-ruegen"!important;
    }

    .rating > input:checked ~ label {
        color: #185ba3;
        
    }

    .rating:not(:checked) > label:hover,
    .rating:not(:checked) > label:hover ~ label {
        color: #185ba3;
        
    }

    .rating > input:checked + label:hover,
    .rating > input:checked + label:hover ~ label,
    .rating > input:checked ~ label:hover,
    .rating > input:checked ~ label:hover ~ label,
    .rating > label:hover ~ input:checked ~ label {
        color: #185ba3;
        
    }

    .rating > label:active {
        position:relative;
        top:2px;
        left:2px;
    }

a:hover .social_facebook,
a:hover .social_youtube,
a:hover .social_google {
  -webkit-transform:  scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}



.social_google {
  width: 90px;
  height: 90px;
  margin: -20px 0 0 50px;

  background: #E5391F;
  font-size: 50px;


}


.social_twitter {
  width: 60px;
  height: 60px;
  margin: 60px 0 0 0;
  background: #1da1f2;
  font-size: 40px;
}


/* --------------------------------------------------------------------------------------------------------- */


section.teaser-block {
  padding: 20px 0 30px 0;
}


/* --------------------------------------------------------------------------------------------------------- */

.buchungsbedingungenTable table tr:first-child{
  background-color:#e7f3e5;
}

.buchungsbedingungenTable table tr:nth-child(2){
  background-color:#cde7ca;
}

.buchungsbedingungenTable table tr:nth-child(3){
  background-color:#b5dcb0;
}
.buchungsbedingungenTable table tr:nth-child(4){
  background-color:#82c47c;
}
.buchungsbedingungenTable table tr:nth-child(5){
  background-color:#b5dcb0;
}
.buchungsbedingungenTable table tr:nth-child(6){
  background-color:#cde7ca;
}
.buchungsbedingungenTable table tr:nth-child(7){
  background-color:#e7f3e5;
}
.buchungsbedingungenTable table tr:nth-child(8){
  background-color:#cde7ca;
}


footer {
  padding: 30px 0;
  background: #3FA534;
  color: rgba(255,255,255,0.8);
  font-size: 14px;
  min-height: 330px;
  margin-top: 30px;
}

footer .col-sm-4 {
  min-height: 200px;
}

footer a {
  color: rgba(255,255,255,0.7);
}

footer a:hover {
  color: rgba(255,255,255,1);
}

footer span {
  text-transform: uppercase;
  color: rgba(255,255,255,0.7);
  font-size: 20px;
}

footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

footer ul li {
  margin: 0 0 3px 0;
  padding: 0;
}

footer hr {
  border-top: 1px solid rgba(255,255,255,0.2);

}

.prefooter .frame {
  margin-bottom: 0;
  background: rgba(63,165,52,0.4);
  padding: 30px 0;

}

/* --------------------------------------------------------------------------------------------------------- */

.teaser {
    overflow: hidden;
    position: relative;
    width: auto;
    height: auto;
    background: #003B78;
    margin: 0.5em 0;
  display: block;

}

.teaser .text_wrapper {
  background: none repeat scroll 0 0 rgba(24,91,163,0.9);
  bottom: -165px;
  /*bottom: -110px;*/
  left: 0;
  padding: 5px 0 0;
  position: absolute;
  width: 100%;
  z-index: 2;
  overflow: hidden;
  height: 200px;

  -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}

.teaser a .text_wrapper h5 {
    margin-bottom: 5px;
    font-size: 18px;
    margin-top: 0;
    color: rgba(255,255,255,0.8);
  padding-left: 10px;
}

.teaser .text_wrapper span {
    margin-bottom: 5px;
    font-size: 18px;
    margin-top: 0;
    color: rgba(255,255,255,0.8);
  padding-left: 10px;
}

.teaser .text_wrapper p {
  padding: 5px 40px 0 10px;
  min-height: 80px;
  color: #fff;
  font-size: 12px;
  line-height: 1.3em;
}

.teaser img.img-responsive {
    z-index: 1;
    width: 100%;
  margin-bottom: 0;
}

.col-md-3 .teaser .text_wrapper {
  height: 115px;
  bottom: -82px;
}

.col-md-3 .teaser a .text_wrapper h5 {
  font-size: 16px;
}



.col-md-4 .teaser .text_wrapper {
  height: 115px;
  bottom: -80px;
}


.col-md-6 .teaser a .text_wrapper {
  height: 115px;
  bottom: -80px;
}



body:not(.touchEnabled) .teaser:hover .text_wrapper {
    bottom: 0;
}

/* --------------------------------------------------------------------------------------------------------- */

.form-control {
  box-shadow: none;
}

.form-control:focus{
  border-color: transparent;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(168, 189, 206, 0.6) !important;
}
.bootstrap-select .dropdown-toggle:focus{
  outline: none !important;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(168, 189, 206, 0.6) !important;
}
a:focus{
  outline: none !important;
}
:focus{
  outline: none !important;
}

.btn, input, button, select, textarea {
  border-radius: 4px;
  background-color: #185ba3;
  color: #FFFFFF;
  border: none;
  padding: 5px 10px;
}

.btn-danger, .btn-default, .btn-info, .btn-primary, .btn-success, .btn-warning {
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: none;
    box-shadow: none;
  border: none;
}

.btn-default {
  background: rgba(24,91,163,0.1);
  color: #185ba3;
}

.btn-default:focus,
.btn-default:hover {
  background: rgba(24,91,163,0.2);
}


.btn-primary:focus,.btn-primary:hover {

}


.btn-primary {
  background: #185BA3;
}


.btn-danger {
  background: #E5391F;
}


.btn-warning {
  background: #F3981B;
}


.btn-info {
  background: #6CC8ED;
}


.btn-success {
  background: #3FA534;
}

.no-padding {
  padding: 0 0;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.readonly-datepicker {
  cursor: pointer;

}
.btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .btn-success.focus, .btn-success:active.focus, .btn-success.active.focus{
  outline: none !important;
}

/* --------------------------------------------------------------------------------------------------------- */

.well {
  background: #3FA534;
  border-radius: 10px;
  border: 0px solid #fff;
  color: #fff;
  padding: 15px 30px;
}

/* --------------------------------------------------------------------------------------------------------- */
.marker1{
  background-color: #6bc7ec;
  height: 34px;
  padding: 3px;
  margin-bottom: 20px;
  border-radius: 30px;
}

.marker1::before{
     content: "\64";
font-family: "paradies-ruegen"!important;
    display: block;
  color: #fff;
  position: relative;
  font-size: 24px;
  line-height: 1.15;
      padding-left: 10px;
  -webkit-font-smoothing: antialiased;
  float: left;

}
.marker1::after{
  content: 'NEU';
  color: #ffffff;
  padding-left: 15px;
  font-size: 20px;
}
.markerMobile1{
  background-color: #6bc7ec;
  height: 25px;
  padding: 3px;
  margin-bottom: 20px;
  border-radius: 30px;
  width: 20%;
  margin-left: 3px;
}
.markerMobile1::before{
  content: "\64";
  font-family: "paradies-ruegen"!important;
  display: block;
  color: #fff;
  position: relative;
  font-size: 19px;
  line-height: 1.1;
  padding-left: 10px;
  -webkit-font-smoothing: antialiased;
  float: left;

}
.markerMobile1::after{
  content: 'NEU';
  color: #ffffff;
  padding-left: 10px;
  font-size: 16px;
  line-height: 1.2;
}

.marker2{
  background-color: #e53a20;
  height: 34px;
  padding: 3px;
  margin-bottom: 20px;
  border-radius: 30px;
}

.marker2::before{
  content: "\62";
  font-family: "paradies-ruegen"!important;
  display: block;
  color: #fff;
  position: relative;
  font-size: 24px;
  line-height: 1.15;
  padding-left: 10px;
  -webkit-font-smoothing: antialiased;
  float: left;
  }

.marker2::after{
  content: 'LastMinute';
  color: #ffffff;
  padding-left: 15px;
  font-size: 20px;
}
.markerMobile2{
  background-color: #e53a20;
  height: 25px;
  padding: 3px;
  margin-bottom: 20px;
  border-radius: 30px;
  width: 20%;
  margin-left: 3px;
}
.markerMobile2::before{
  content: "\62";
  font-family: "paradies-ruegen"!important;
  display: block;
  color: #fff;
  position: relative;
  font-size: 19px;
  line-height: 1.1;
  padding-left: 10px;
  -webkit-font-smoothing: antialiased;
  float: left;

}
.markerMobile2::after{
  content: 'LastMinute';
  color: #ffffff;
  padding-left: 10px;
  font-size: 16px;
  line-height: 1.2;
}
.marker3{
  background-color:  #3ea434;
  height: 34px;
  padding: 3px;
  margin-bottom: 20px;
  border-radius: 30px;
}
.marker3::before{
  content: "\63";
  font-family: "paradies-ruegen"!important;
  display: block;
  color: #fff;
  position: relative;
  font-size: 24px;
  line-height: 1.15;
  padding-left: 10px;
  -webkit-font-smoothing: antialiased;
  float: left;
}

.marker3::after{
  content: 'Renoviert';
  color: #ffffff;
  padding-left: 15px;
  font-size: 20px;
}
.markerMobile3{
  background-color: #3ea434;
  height: 25px;
  padding: 3px;
  margin-bottom: 20px;
  border-radius: 30px;
  width: 32%;
  margin-left: 3px;
}
.markerMobile3::before{
  content: "\63";
  font-family: "paradies-ruegen"!important;
  display: block;
  color: #fff;
  position: relative;
  font-size: 19px;
  line-height: 1.1;
  padding-left: 10px;
  -webkit-font-smoothing: antialiased;
  float: left;

}
.markerMobile3::after{
  content: 'Renoviert';
  color: #ffffff;
  padding-left: 10px;
  font-size: 16px;
  line-height: 1.2;
}
.marker4{
  background-color:  #f39a1c;
  height: 34px;
  padding: 3px;
  margin-bottom: 20px;
  border-radius: 30px;
}

.marker4::before{
  content: "\61";
  font-family: "paradies-ruegen"!important;
  display: block;
  color: #fff;
  position: relative;
  font-size: 24px;
  line-height: 1.15;
  padding-left: 10px;
  -webkit-font-smoothing: antialiased;
  float: left;
}

.marker4::after{
  content: 'Unser Tipp';
  color: #ffffff;
  padding-left: 15px;
  font-size: 20px;
}

.markerMobile4{
  background-color: #f39a1c;
  height: 25px;
  padding: 3px;
  margin-bottom: 20px;
  border-radius: 30px;
  width: 32%;
  margin-left: 3px;
}
.markerMobile4::before{
  content: "\61";
  font-family: "paradies-ruegen"!important;
  display: block;
  color: #fff;
  position: relative;
  font-size: 19px;
  line-height: 1.1;
  padding-left: 10px;
  -webkit-font-smoothing: antialiased;
  float: left;

}
.markerMobile4::after{
  content: 'Unser Tipp';
  color: #ffffff;
  padding-left: 10px;
  font-size: 16px;
  line-height: 1.2;
}

.marker5{
  background-color: #0d5aa3;
  height: 34px;
  padding: 3px;
  margin-bottom: 20px;
  border-radius: 30px;
}

.marker5::before{
     content: "\66";
font-family: "paradies-ruegen"!important;
    display: block;
  color: #fff;
  position: relative;
  font-size: 24px;
  line-height: 1.15;
      padding-left: 10px;
  -webkit-font-smoothing: antialiased;
  float: left;

}
.marker5::after{
  content: 'Erlebnisbad';
  color: #ffffff;
  padding-left: 15px;
  font-size: 20px;
}
.markerMobile5{
  background-color: #0d5aa3;
  height: 25px;
  padding: 3px;
  margin-bottom: 20px;
  border-radius: 30px;
  width: 155px;
  margin-left: 3px;
}
.markerMobile5::before{
  content: "\66";
  font-family: "paradies-ruegen"!important;
  display: block;
  color: #fff;
  position: relative;
  font-size: 19px;
  line-height: 1.1;
  padding-left: 10px;
  -webkit-font-smoothing: antialiased;
  float: left;

}
.markerMobile5::after{
  content: 'Erlebnisbad';
  color: #ffffff;
  padding-left: 10px;
  font-size: 16px;
  line-height: 1.2;
}

.markerResult1{
  background-color: #6bc7ec;
  height: 25px;
  padding: 3px;
  border-radius: 30px;
  position: absolute;
  width: 100px;
  border: 0.8px solid #fff;
  top: 154px;
  right: 4px;

}

.markerResult1::before{
  content: "\64";
  font-family: "paradies-ruegen"!important;
  display: block;
  color: #fff;
  position: relative;
  font-size: 14px;
  line-height: 1.2;
  padding-left: 3px;
  -webkit-font-smoothing: antialiased;
  float: left;
  padding-right: 7px;

}
.markerResult1::after{
  content: 'NEU';
  color: #ffffff;
  padding-left: 5px;
  font-size: 14px;
  display: block;
  line-height: 1.3;
}

.markerResult2{
  background-color: #e53a20;
  height: 25px;
  padding: 3px;
  border-radius: 30px;
  position: absolute;
  width: 100px;
  border: 0.8px solid #fff;
  top: 154px;
  right: 4px;
}

.markerResult2::before{
  content: "\62";
  font-family: "paradies-ruegen"!important;
  display: block;
  color: #fff;
  position: relative;
  font-size: 14px;
  line-height: 1.2;
  padding-left: 3px;
  -webkit-font-smoothing: antialiased;
  float: left;
  padding-right: 2px;

}
.markerResult2::after{
  content: 'LastMinute';
  color: #ffffff;
  padding-left: 5px;
  font-size: 14px;
  display: block;
  line-height: 1.3;
}

.markerResult3{
  background-color: #3ea434;
  height: 25px;
  padding: 3px;
  border-radius: 30px;
  position: absolute;
  width: 100px;
  border: 0.8px solid #fff;
  top: 154px;
  right: 4px;
}

.markerResult3::before{
  content: "\63";
  font-family: "paradies-ruegen"!important;
  display: block;
  color: #fff;
  position: relative;
  font-size: 14px;
  line-height: 1.2;
  padding-left: 3px;
  -webkit-font-smoothing: antialiased;
  float: left;
  padding-right: 7px;

}
.markerResult3::after{
  content: 'Renoviert';
  color: #ffffff;
  padding-left: 5px;
  font-size: 14px;
  display: block;
  line-height: 1.3;
}

.markerResult4{
  background-color: #f39a1c;
  height: 25px;
  padding: 3px;
  border-radius: 30px;
  position: absolute;
  width: 100px;
  border: 0.8px solid #fff;
  top: 154px;
  right: 4px;

}

.markerResult4::before{
  content: "\61";
  font-family: "paradies-ruegen"!important;
  display: block;
  color: #fff;
  position: relative;
  font-size: 14px;
  line-height: 1.2;
  padding-left: 3px;
  -webkit-font-smoothing: antialiased;
  float: left;
  padding-right: 2px;

}
.markerResult4::after{
  content: 'Unser Tipp';
  color: #ffffff;
  padding-left: 5px;
  font-size: 14px;
  display: block;
  line-height: 1.3;
  
}
.markerResult5{
  background-color: #0d5aa3;
  height: 25px;
  padding: 3px;
  border-radius: 30px;
  position: absolute;
  width: 113px;
  border: 0.8px solid #fff;
  top: 122px;
  right: 4px;

}

.markerResult5::before{
  content: "\66";
  font-family: "paradies-ruegen"!important;
  display: block;
  color: #fff;
  position: relative;
  font-size: 14px;
  line-height: 1.2;
  padding-left: 3px;
  -webkit-font-smoothing: antialiased;
  float: left;
  padding-right: 7px;

}
.markerResult5::after{
  content: 'Erlebnisbad';
  color: #ffffff;
  padding-left: 5px;
  font-size: 14px;
  display: block;
  line-height: 1.3;
}




/*-----------------------------------------------------------------------------------------------------------*/
.container .jumbotron {
  background-color: rgba(24,91,163,0.2);
  border-radius: 10px;
  padding: 15px 30px 30px 30px;
}

.jumbotron .h1, .jumbotron h1 {
    font-size: 40px;
  margin-bottom: 15px;
  color: #185ba3;
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 200;
}

/* --------------------------------------------------------------------------------------------------------- */

.pagination li a {
  border-radius: 50% !important;
  margin-right: 6px;
  border: 0px solid #fff;
}

.pagination li a:hover {
  background: rgba(24,91,163,1);
  color: #fff;
}

/* --------------------------------------------------------------------------------------------------------- */


.datepicker {
  z-index: 810 !important;
}

.datepicker-days {

}

.datepicker-color-square {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 1px solid #ccc;
}

.datepicker-color-square.frei {
  background: rgba(255, 255, 255, 0.4);
}

.datepicker-color-square.belegt {
  background: rgba(229, 57, 31, 0.4);
}

.datepicker-color-square.ausgewaehlt {
  background: rgba(63,165,52,0.4);
}

.datepicker-legend-item {
  display: inline-block;
  width: auto;
  margin: 5px;
}

.datepicker-legend {
  margin-bottom: 20px;
}


table.table-condensed {
  font-size: 12px;
  font-weight: 400;
}

table.table-condensed thead {
  background: rgba(24,91,163,1);
  background: rgba(24,91,163,0.8);
  color: rgba(0,0,0,0.7);


  background: rgba(0,0,0,0.1);
}

table.table-condensed thead th.prev:hover,
table.table-condensed thead th.next:hover,
table.table-condensed thead th.datepicker-switch:hover {
  background: rgba(24,91,163,1);
  color: rgba(255,255,255,1);
}

.datepicker table tr td, .datepicker table tr th {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 0;
    border: 1px solid #ffffff !important;
}

.datepicker table tr td.new, .datepicker table tr td.old {
    color: #ccc;
}

.datepicker table tr td.highlighted {
  background-color: #f5f5f5;
}

.datepicker table tr td.range,
.datepicker table tr td.range-start,
.datepicker table tr td.range-end,
.datepicker table tr td.booked,
.datepicker table tr td.booked-start,
.datepicker table tr td.booked-end  {
    color: #000;
    /*background-color: rgba(63,165,52,0.2);*/
  background: rgba(229,57,31,0.4);
    border-color: #bbb;
    border-radius: 0;
}


.datepicker table tr td.booked.old,
.datepicker table tr td.booked.new {
  background: rgba(229, 57, 31, 0.2);
}


.datepicker table tr td.range {
  background: rgba(63,165,52,0.4);
}

.datepicker table tr td.range-start {
  background: linear-gradient(-45deg, #b1dcac 50%, #ffffff 50%);
}

.datepicker table tr td.range-end {
  background: linear-gradient(-45deg, #ffffff 50%, #b1dcac 50%);
}

.datepicker table tr td.booked-start {
  background: linear-gradient(-45deg, #f7b0a4 50%, #ffffff 50%);
}

.datepicker table tr td.booked-end {
  background: linear-gradient(-45deg, #ffffff 50%, #f7b0a4 50%);
}

.datepicker table tr td.highlighted.booked-start {
  background: linear-gradient(-45deg, #f7b0a4 50%, #f5f5f5 50%);
}

.datepicker table tr td.highlighted.booked-end {
  background: linear-gradient(-45deg, #f5f5f5 50%, #f7b0a4 50%);
}

.datepicker table tr td.highlighted.range-start {
  background: linear-gradient(-45deg, #b1dcac 50%, #f5f5f5 50%);
}

.datepicker table tr td.highlighted.range-end {
  background: linear-gradient(-45deg, #f5f5f5 50%, #b1dcac 50%);
}

.datepicker table tr td.booked-end.range-start {
  background: linear-gradient(-45deg, #b1dcac 50%, #f7b0a4 50%);
}

.datepicker table tr td.booked-start.range-end {
  background: linear-gradient(-45deg, #f7b0a4 50%, #b1dcac 50%);
}



/* fad6d1 */

.datepicker table tr td.booked-start.old,
.datepicker table tr td.booked-start.new {
  background: linear-gradient(-45deg, #fad6d1 50%, #ffffff 50%);
}

.datepicker table tr td.booked-end.old,
.datepicker table tr td.booked-end.new {
  background: linear-gradient(-45deg, #ffffff 50%, #fad6d1 50%);
}

.datepicker table tr td.highlighted.booked-start.old,
.datepicker table tr td.highlighted.booked-start.new {
  background: linear-gradient(-45deg, #fad6d1 50%, #f5f5f5 50%);
}

.datepicker table tr td.highlighted.booked-end.old,
.datepicker table tr td.highlighted.booked-end.new {
  background: linear-gradient(-45deg, #f5f5f5 50%, #fad6d1 50%);
}




.datepicker table tr td.range-start.old,
.datepicker table tr td.range-start.new {
  background: linear-gradient(-45deg, #d8edd5 50%, #ffffff 50%);
}

.datepicker table tr td.range-end.old,
.datepicker table tr td.range-end.new {
  background: linear-gradient(-45deg, #ffffff 50%, #d8edd5 50%);
}

.datepicker table tr td.highlighted.range-start.old,
.datepicker table tr td.highlighted.range-start.new {
  background: linear-gradient(-45deg, #d8edd5 50%, #f5f5f5 50%);
}

.datepicker table tr td.highlighted.range-end.old,
.datepicker table tr td.highlighted.range-end.new {
  background: linear-gradient(-45deg, #f5f5f5 50%, #d8edd5 50%);
}




.datepicker table tr td.booked-end.range-start.old,
.datepicker table tr td.booked-end.range-start.new {
  background: linear-gradient(-45deg, #d8edd5 50%, #fad6d1 50%);
}

.datepicker table tr td.booked-start.range-end.old,
.datepicker table tr td.booked-start.range-end.new {
  background: linear-gradient(-45deg, #fad6d1 50%, #d8edd5 50%);
}







.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
  background: #185BA3;

  color: #fff;
  cursor:pointer;
}

.datepicker table tr td.selected, .datepicker table tr td.selected.highlighted {
    background-color: rgba(63,165,52,0.8);
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active {
    color: #fff;
  background: rgba(24,91,163,0.8);
}


.datepicker table tr td.today {
  border-radius: 50%;
    background-color: #F3981B;
}

.filter-wrapper .input-datepicker .input-group-addon {
    font-size: 18px;
    color: #185BA3;
    padding: 0 8px;
    background: rgba(24,91,163,0.2);
  border: none;
}


.input-group-addon:last-child {
  border: 0;
}


.searchfrom {
  background: rgba(255, 255, 255, 0.7) top left;
  margin: 0px auto;
  width: 780px;
  text-align: center;
  padding: 10px;
  position: relative;
  top: -300px;
  border-radius: 10px 10px;
  z-index: 10;
}

.claimdesktop {
  color: #fff;
  margin: 0px auto;
  width: 70%;
  text-align: center;
  padding: 10px;
  position: relative;
  max-width: 700px;
  top: -330px;
  z-index: 10;
  text-shadow: 1px 1px 5px hsl(0,0%,45%);
}
.claimmobile {
  color: #fff;
  margin: 0px auto;
  text-align: center;
  position: absolute;
  top: 45px;
  z-index: 10;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
  line-height: 5.5vw;
  font-size: 3.6vw;
}


.quicksearch-adults {
  top: -4px;
}

.quicksearch-btn {
  font-size: 14px;
  padding: 5px 10px;
  margin-top: 2px;
}

/* --------------------------------------------------------------------------------------------------------- */


.map-wrapper {
  background: #fff;
  border-radius: 10px;
}

.region-sued,
.region-nord,
.region-west,
.region-ost {
  margin-top: 16px;
}

.region-sued {
  color: #1366AE;
  color: #6CC8ED;
}

.region-west {
  color: #3FA534;
}

.region-ost {
  color: #E5391F;
}

.region-nord {
  color: #F3981B;
}
/* --------------------------------------------------------------------------------------------------------- */





/* --------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */

.tx-accommodation-manager-object-slider .flexslider {
  margin-bottom: 20px;
}


/* --------------------------------------------------------------------------------------------------------- */

.filter-wrapper {
  padding: 3px;
  border-radius: 10px;
  margin-bottom: 20px;
}

.filter-heading {
    /*background: rgba(24,91,163,0.1);*/
  text-transform: uppercase;
  padding: 3px 10px;
  border-bottom: 1px dotted #ccc;
  margin-top: 20px;
  margin-bottom: 3px;
}

.input-group-addon {
  border-radius: 4px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.filter-wrapper .input-group-addon {
  font-size: 24px;
  color: #185BA3;

  padding: 0 16px;
  background: rgba(24,91,163,0.1);

  padding: 0 5px;
  background: rgba(24,91,163,0.2);
}

.filter-wrapper select,
.filter-wrapper .input-group,
.filter-wrapper .bootstrap-select  {
  margin: 3px 0;
  margin: 0 0;
}


.bootstrap-select > .dropdown-toggle {
  width: 100%;
  padding: 6px 25px 6px 5px;
  background: #ffffff;
  border: 1px solid #d1deee;
}

.filter-wrapper .checkbox.input-sm {
  margin: 0 0;
  line-height: 1.8em;
  height: 24px;
  padding: 5px 0 0 4px;
  font-size: 12px;
}

.input-sm .btn,
.input-sm,
.text-small  {
  font-size: 12px;
}

.label-sm {
  padding: 8px 0 5px 10px;
  font-size: 12px;
  margin: 0 0 2px 0;
}

.filter-heading h3 {
    margin: 0 0;
  font-size: 16px;

  color: #999;
}

.filter-body {
  padding: 3px 0;
}

.filter-body .col-md-6,
.filter-body .col-md-12 {
  padding-right: 5px;
  padding-left: 5px;
  width: 100%;
}

.input-sm {
  padding: 5px 5px;
  border-radius: 4px;
}


.form-control {
  color: #185ba3;
  border-color: #d1deee;
  border-radius: 4px;
}

.input-group .form-control {
  /* background: #e7eef6;
  border: none; */
  border-color: #d1deee;
}

#date-start,
#date-end {
  padding: 6px 12px;
  text-align: left;
  color: #185ba3;
}

.show-more-link {
  margin: 7px 0 0 23px;
  display: block;
}

.whole-link{
position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 30;
    opacity: 0;
}

#foo {
  display: none;
}

.list-item {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}

.list-item .white ul li,
.list-item .white .list-price-heading {
  color: #5a5a5a;
}

.list-item a .white .list-price-text {
  color: #919191;
}

.list-item a .blue_0 {
  color: rgba(255,255,255,0.7);
  background-color: rgba(24,91,163,1);

  -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}

.list-item .blue_0 .col-md-3,
.list-item .blue_0 .col-md-4,
.list-item .blue_0 .col-md-5,
.list-item .grey_1 .col-md-3,
.list-item .grey_1 .col-md-4,
.list-item .grey_1 .col-md-5 {
  padding: 6px 10px;
  font-size: 12px;
}

.list-item .img-responsive {
  margin-bottom: 0;

  -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}

.list-item-heading {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(24,91,163,0.8);
  color: #fff;
  font-size: 16px;
  padding: 3px 10px ;
  width: 100%;

  -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}


.list-price-bubble {
  position: absolute;
  border-radius: 50%;
  width: 116px;
  height: 116px;
  background: #efefef;
  right: -15px;
  top: -11px;

  -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.list-price {
  position: absolute;
  border-radius: 50%;
  right: 10px;
  top: 35px;
  text-align: right;
  z-index:1;
}

.list-price-object {
  top: 10px;
  text-align: right;
}


.list-price-object p {
  margin-bottom: 0;
  line-height: 1.3;
}


.list-price-object p strong {
  display: block;
}


.list-price-object p strong {
  font-size: 20px;
  font-weight: 500;
}


.strongtag {
  font-size: 12px;
  font-weight: bold;
  color:#8d8d8d;
}


#tx-accommodation-manager-pricecalculator-small .list-price-object p strong {
  font-size: 16px;
  margin-top: 5px;
}


.list-price-object p span {
  display: inline-block;
  padding: 2px 5px;
  border-radius: 4px;
}



.list-price-heading {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.2em;
}

.list-price-text {
  font-size: 12px;
  font-size: 10px;
}

.list-more {
  position: absolute;
  border-radius: 50%;
  right: 60px;

  text-align: center;
  width: 40px;
  height: 40px;
  background-color: rgba(24,91,163,0.8);
  opacity: 0;

  -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
  -webkit-transform:  scale(0.1);
    -moz-transform: scale(0.1);
    -o-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
}

.list-item .list-more {
  top: 75px;
}

.teaser .list-more {
  right: 10px;
  bottom: 94px;
  z-index: 5;

  -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
}



.featurlist {
  margin-bottom: 30px;
}

.list-inclusive,
.searchFeatures ul,
.featurlist ul {
  list-style-type: none;
  margin: 31px 0 0 0;
  padding: 0 0;
  font-size: 12px;
  position: relative;
}

.list-inclusive li.glyphicon,
.searchFeatures ul li,
.featurlist ul li {
  margin: 0 0 3px 10px;
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  line-height: 1.5;
}


.searchFeatures ul,
.featurlist ul,
.list-item a .white ul {
  margin: 5px 0 0 0;
}

.searchFeatures ul li,
.featurlist ul li,
.list-item a .white ul li {
  margin: 0 0 3px 0;
}


.searchFeatures h4 {
  font-size: 12px;
  color: #999;
  margin-bottom: 0px;
  margin-top: 8px;
}

.searchFeatures ul {
  margin: 0 0 5px 0;
}

.searchFeatures ul li ul {
  margin: 0 0 0 0;
}

.list-item .white ul li {
  list-style-type: none;
}

.featurlist ul li ul li {
  margin: 0 0 3px 20px;
}

.list-inclusive li.glyphicon::before,
.featurlist ul li::before,
.list-item .white ul li:before {
  margin-right: 5px;
  color: rgba(24,91,163,0.4);
  font-family: 'Glyphicons Halflings';
  content: "\e013";
}

.featurlist ul li ul li::before {
  font-size: 8px;
  content: "\e080";
  content: "\e072";
}




.list-item:hover .list-price-bubble {
  background: rgba(24,91,163,0.1);
  background: #e7eef6;

  -webkit-transform:  scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}


body:not(.touchEnabled) .list-item:hover .list-more,
body:not(.touchEnabled) .teaser:hover .list-more {
  background-color: rgba(24,91,163,1);
  opacity: 1;

  -webkit-transform:  scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);



}

.teaser a:hover .list-more {


}

.list-item.region-sued a:hover .list-more,
.teaser.region-sued a:hover .list-more {
  background-color: #3FA534;
}

.list-item.region-nord a:hover .list-more,
.teaser.region-nord a:hover .list-more {
  background-color: #F3981B;
}

.list-item.region-ost a:hover .list-more,
.teaser.region-ost a:hover .list-more {
  background-color: #E5391F;
}

.list-item.region-west a:hover .list-more,
.teaser.region-west a:hover .list-more {
  background-color: rgba(24,91,163,1);
}

.list-item .list-more span.glyphicon,
.list-item:hover .list-more span.glyphicon,
.teaser .list-more span.glyphicon,
.teaser:hover .list-more span.glyphicon {
  color: rgb(255, 255, 255);
  font-size: 18px;
  margin-top: 10px;
}

.list-item:hover .list-item-heading {
  background-color: rgba(24,91,163,1);
  /*padding: 3px 40px 3px 10px;*/
}


.list-item:hover .img-responsive {
  opacity: 0.8;
}

.list-item a:hover .blue_0 {
  color: rgba(255,255,255,1);
}

.list-item:hover .white .list-price-heading {
  color: rgba(24,91,163,1);
}

.list-item .col-sm-11 p,
.list-item .col-sm-11 ul {
  color: #8d8d8d;
  padding: 40px 0 0 0;
  font-size: 12px;
}


.voting {
  position: relative;
  display: inline-block;
}

.voting .glyphicon.icon {
  margin-right: 1px;
  top: 3px;
}


.voting-layer {
  position: absolute;
  background-color: rgba(217,217,217,0.7);
  width: 50px;
  height: 20px;
  top: 0;
  right: 0;
}


.icon {
  font-size: 13px;
  margin-right: 5px;
}

.breadcrumb .icon.glyphicon-play {
    font-size: 10px;
  color: #ccc;
  padding: 5px 5px;
  margin-right: 0px;
}

.breadcrumb.sticky {
  position: fixed;
  width: 100%;
  top: 36px;
  background-color: rgba(255,255,255,0.9);
  z-index: 100;
}

.margin-top-36 {
  /*padding-top: 36px;*/
}

.margin-top-30 {
  margin-top: 30px;
}


.anker-navi-wrapper.sticky {
  position: fixed;
  z-index: 103;
}


.anker-navi {
  margin: 4px 0;
  padding: 0 0;
  list-style-type: none;
  position: absolute;
  top: -56px;
  right: 15px;
}

.anker-navi li {
  display: inline-block;
  float: left;
  margin-left: 5px;
}

.anker-navi li .btn-xs {
  font-size: 12px;

  padding: 1px 5px;
  line-height: 1.5;
  border-radius: 3px;
}

.anker-navi li a:hover,
.anker-navi li a.active {
  color: #fff;
  background: rgba(24,91,163,1);
  text-decoration: none;
}


h4 .icon {
  font-size: 18px;
}

.container .carousel-inner > .item {
  padding-left: 0;
  padding-right: 0;
}

.carousel-inner > .item .teaser {
  margin: 0 0;
}

.carousel-inner > .item .teaser .headline {
  padding: 6px 12px;
}


.carousel-inner > .item .teaser img {
  width: 100% !important;
  height: auto !important;
  margin-left: 0;
  margin-right: 0;
}

#tx-accommodation-manager-pricecalculator-small .col-md-4,
#tx-accommodation-manager-pricecalculator-small .col-md-8  {
  width: 100%;
  float: none;
}



/* --------------------------------------------------------------------------------------------------------- */

.thumbs img {
  height: 60px;
  width: auto;
  margin: 0 6px 6px 0;
}


/* --------------------------------------------------------------------------------------------------------- */

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff;
}

/* --------------------------------------------------------------------------------------------------------- */

/*
.navbar-inverse .navbar-brand,
.navbar .container .navbar-brand:hover {
  display: block;
  text-indent: -200em;
  width: 255px;
  height: 36px;
  background: transparent url(../img/logo_pr_sm.png) 0 -372px;
  background-size: 255px 255px;
  border: 0px solid #185BA3;
}*/

/* --------------------------------------------------------------------------------------------------------- */

.loading .loading-overlay {
  background: none;
}

.loading .loading-spinner {
  color: #3FA534;
}

.loading .loading-spinner .loading-text {
  color: #ccc;
  text-indent: 0em;
  width: 210px;
  left: -90px;
  text-align: center;
  padding-top: 15px;

}

.loading-spinner:before,
.loading-spinner:after,
.loading-spinner {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;

}
.loading-spinner {
  font-size: 12px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loading-spinner:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
  color: #F3981B;
}
.loading-spinner:after {
  left: 3.5em;
  color: #6CC8ED;
}
.loading-spinner:before,
.loading-spinner:after {
  content: '';
  position: absolute;
  top: 0;
}




@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}


/* --------------------------------------------------------------------------------------------------------- */

ul.blog-list li {
  border-bottom: 1px solid rgba(255,255,255,0.2);
}

ul.blog-list li:last-child {
  border-bottom: none;
}

ul.blog-list li a {
  padding: 5px 0;
  display: block;
}
/* --------------------------------------------------------------------------------------------------------- */
.panel-heading  {
  padding: 0 0;
}

.panel-heading .panel-title a {
  padding: 10px 15px;
  display: block;
  background: #185ba3;
  color: #fff;
}

.panel-heading .panel-title a.collapsed {
  background: #f5f5f5;
  color: #5a5a5a;
}

/* --------------------------------------------------------------------------------------------------------- */

.rahmen100,
.rahmen60,
.rahmen40,
.rahmen20 {
  padding: 10px 20px;
  border-radius: 10px;
  margin: 0 0 20px 0;
}

.rahmen100 h3,
.rahmen60 h3,
.rahmen40 h3,
.rahmen20 h3,
.rahmen60 p,
.rahmen40 p,
.rahmen20 p {
  color: #333333;
}

.rahmen100.darkblue,
.rahmen100.darkblue h3 {
  background: rgba(24,91,163,1);
  color: #ffffff;
}
.rahmen60.darkblue {
  background: rgba(24,91,163,0.6);
}
.rahmen40.darkblue {
  background: rgba(24,91,163,0.4);
}
.rahmen20.darkblue {
  background: rgba(24,91,163,0.2);
}


.rahmen100.blue,
.rahmen100.blue h3 {
  background: rgba(108,200,237,1);
  color: #ffffff;
}
.rahmen60.blue {
  background: rgba(108,200,237,0.6);
}
.rahmen40.blue {
  background: rgba(108,200,237,0.4);
}
.rahmen20.blue {
  background: rgba(108,200,237,0.2);
}



.rahmen100.green,
.rahmen100.green h3 {
  background: rgba(63,165,52,1);
  color: #ffffff;
}
.rahmen60.green {
  background: rgba(63,165,52,0.6);
}
.rahmen40.green {
  background: rgba(63,165,52,0.4);
}
.rahmen20.green {
  background: rgba(63,165,52,0.2);
}



.rahmen100.red,
.rahmen100.red h3 {
  background: rgba(229,57,31,1);
  color: #ffffff;
}
.rahmen60.red {
  background: rgba(229,57,31,0.6);
}
.rahmen40.red {
  background: rgba(229,57,31,0.4);
}
.rahmen20.red {
  background: rgba(229,57,31,0.2);
}



.rahmen100.orange,
.rahmen100.orange h3 {
  background: rgba(243,152,27,1);
  color: #ffffff;
}
.rahmen60.orange {
  background: rgba(243,152,27,0.6);
}
.rahmen40.orange {
  background: rgba(243,152,27,0.4);
}
.rahmen20.orange {
  background: rgba(243,152,27,0.2);
}


/* --------------------------------------------------------------------------------------------------------- */

.objekt-detail_ausstattung,
.objekt-detail_lage,
.objekt-detail_ausstattung {
  padding-bottom: 20px;
}

.objekt-detail_lage .col-sm-4 {
  margin: 10px 0;
}

.objekt-detail_lage .col-sm-4 p.text-small {
  font-size: 15px;
}


.objekt-detail_ausstattung ul.list-inclusive {
  margin-top: 10px;
  margin-bottom: 20px;
}

.table-saisonzeiten > thead > tr > th,
.table-saisonzeiten > tbody > tr > th,
.table-responsive .table > thead > tr > th {
  background: rgba(24,91,163,0.8);
  color: #fff;
  border-bottom: none;
  font-weight: 400;
}

.table-zusatzpreise .table > thead > tr > th,
.table-opt-leistungen .table > thead > tr > th,
.table-zusatzpreise.table > tr > th,
.table-opt-leistungen.table > tr > th {
  background: rgba(0,0,0,0.1);
  color: #999;
  border-bottom: none;
  font-weight: 400;
}

.table-opt-leistungen .table,
.table-zusatzpreise .table {
  font-size: 12px;
}


table > tbody > tr > td.td-right,
table > thead > tr > th.td-right  {
  text-align: right;
}

.belegung {
  margin-bottom: 10px;
}

.belegung .datepicker table,
.belegung .datepicker-inline {
  width: 100%;
}

.belegung .datepicker .prev,
.belegung .datepicker .next,
.belegung .datepicker .datepicker-switch {
  background: #fff;
  color: #185ba3;
}

.datepicker table tr th.dow {
  font-weight: 300;
}

.belegung .datepicker .prev,
.belegung .datepicker .next {
  text-indent: -3000em;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top: 1px dotted #e5e5e5;
}

.booking-step .table {
  border-bottom: 1px dotted #e5e5e5;
}

.table_zusatzleistungen > tbody > tr > th,
.table_zusatzleistungen > tbody > tr > td {
  vertical-align: middle;
}

/* --------------------------------------------------------------------------------------------------------- */


.row .tx-accommodation-manager-searchform .row,
.row .list-item .row,
.row .filter-wrapper .row {
  margin-left: 0;
  margin-right: 0;
}

.affix .filter-wrapper {
  max-width: 270px;
}


.stepwizard-step {
  width: 25%;
}

.stepwizard-step .btn-circle {
  border-radius: 50%;
  padding: 0 0;
}

.stepwizard-step .btn-default {
  background: #d1deee;
}


.stepwizard-row::before {
  width: 75%;
  margin: 0 12%;
  background: #d1deee;
}

.booking-step {
  padding: 20px 20px;
  margin-top: 30px;
  margin-bottom: 80px;
}

.width_booking_small {
  width: 100px;
}

/* --------------------------------------------------------------------------------------------------------- */


.stacktable { /*width: 100%; */}
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }
.st-key { width: 49%; text-align: right; padding-right: 1%; }
.st-val { width: 49%; padding-left: 1%; }



.stacktable.large-only {
  display: table;
}
.stacktable.small-only { display: none; }


.region-nord .checkbox-inline,
.region-sued .checkbox-inline,
.region-west .checkbox-inline,
.region-ost .checkbox-inline {
  margin-left: 0px;
  margin-right: 10px;
}


.show-booking-mobile {
  display: none;
}

/* --------------------------------------------------------------------------------------------------------- */
.login-area input#user,
.login-area input#pass{
  width: 30%;
  margin-bottom: 15px;
}
.felogin-hidden{
margin-top: 10px;
}
.login-area input[type="submit"]{
margin-top: 0 !important;
}
.login-area fieldset{
margin-top: 10px !important;
}
/* --------------------------------------------------------------------------------------------------------- */



@media (max-width: 1600px) {
  .searchfrom {
    top: -300px;
  }
}


/* --------------------------------------------------------------------------------------------------------- */


@media only screen and (max-width : 1600px) {

  .carousel-inner > .item {
    height: auto;
  }



}


@media (max-width : 1400px) {

  .searchfrom {
    top: -250px;
  }


  .col-sm-3.bg-blue.sidebar {
    width: 25%;
  }

.claimdesktop {
  top: -320px;

}

}





@media only screen and (max-width : 1200px) {

  .prenav .row .col-sm-3 img {
    width: 90%;
  }

  .searchfrom {
    top: -230px;
  }
.claimdesktop {
  top: -290px;
 
}
.altersgruppe{
  width:147px;
}
.alterSelect{
  width: 886px;
}
.markerResult1{
  background-color: #6bc7ec;
  height: 25px;
  padding: 3px;
  border-radius: 30px;
  position: absolute;
  width: 98px;
  border: 0.8px solid #fff;
  top: 150px;
  right: 4px;

}
.markerResult2{
  background-color: #e53a20;
  height: 25px;
  padding: 3px;
  border-radius: 30px;
  position: absolute;
  width: 100px;
  border: 0.8px solid #fff;
  top: 150px;
  right: 4px;
}
.markerResult3{
  background-color: #3ea434;
  height: 25px;
  padding: 3px;
  border-radius: 30px;
  position: absolute;
  width: 98px;
  border: 0.8px solid #fff;
  top: 150px;
  right: 4px;
}

.markerResult4{
background-color: #f39a1c;
  height: 25px;
  padding: 3px;
  border-radius: 30px;
  position: absolute;
  width: 98px;
  border: 0.8px solid #fff;
  top: 150px;
  right: 4px;
}

  .navbar .container {
    width: 100%;
  }

  .navbar-inverse .nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
  }




}


@media only screen and (max-width : 991px) {
.affix .filter-wrapper {
  max-width: unset;
  margin-right: 15px;
  z-index:9999;
  margin-top:40px;

}
.circle-collage{
display: none !important;
}
.seachbutton_mobile{
  max-width: calc(100% + -15px);

}

  .affix-bottom {
    display: none;
  }

  .navbar {
    height: 70px;
  }


  .stacktable.large-only {
    display: table;
    width: 100%;
  }

  .searchfrom {
    width: 80%;
    position: absolute;
    top: 130px;
    margin-left: 10%;
    margin-right: 10%;
  }

.PriceCalc{
  margin-right: -50px !important;
}


.altersgruppe{
  width:107px;
}
.alterSelect{
  width: 645px;
}

.claimdesktop {
  top: 30px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 20px;

}
.hidden_mobile{
  display:none !important;
}

.markerResult1{
  background-color: #6bc7ec;
  height: 25px;
  padding: 3px;
  border-radius: 30px;
  position: absolute;
  width: 98px;
  border: 0.8px solid #fff;
  top: 147px;
  right: -50px;

}

.markerResult2{
  background-color: #e53a20;
  height: 25px;
  padding: 3px;
  border-radius: 30px;
  position: absolute;
  width: 100px;
  border: 0.8px solid #fff;
  top: 147px;
  right: -50px;
}
.markerResult3{
  background-color: #3ea434;
  height: 25px;
  padding: 3px;
  border-radius: 30px;
  position: absolute;
  width: 98px;
  border: 0.8px solid #fff;
  top: 147px;
  right: -50px;
}
.markerResult4{
  background-color: #f39a1c;
  height: 25px;
  padding: 3px;
  border-radius: 30px;
  position: absolute;
  width: 98px;
  border: 0.8px solid #fff;
  top: 147px;
  right: -50px;

}
.markerResult5{
  right: -50px;
}

  .headerslider {
    margin-bottom: 45px;
  }

  .searchfrom .col-md-3 {
    margin-bottom: 3px;
  }

  .searchfrom .quicksearch-adults {
    top: 0;
  }

  .searchfrom div.input-sm {
    padding: 0px 0px;
  }

  .searchfrom .quicksearch-btn {
    width: 100%;
  }

  .social_facebook,
  .social_youtube,
  .social_google {
    width: 80px;
    height: 80px;
    position: relative;
    margin: 0 5px;
    text-align: center;
    font-size: 40px;
    top: 0;
    left: 0;
    display:inline-block;
  }

  .navbar-inverse .navbar-brand:last-child {
    display: none;
  }



  .navbar-inverse .text-right {
    text-align: left
  }

  .navbar-nav {
    float: none;
  }


  .navbar-inverse .navbar-brand,
  .navbar .container .navbar-brand:hover,
  .navbar-inverse.sticky .navbar-brand,
  .navbar.sticky .container .navbar-brand:hover {
    /*
    display: block;
    text-indent: -200em;
    background: transparent url(../img/logo_pr_sm.png) 0 -372px;
    border: 0 solid #185BA3;

    background-size: 520px 520px;
    width: 520px;
    height: 72px;*/
    display: none;
  }



  .navbar-inverse .navbar-brand-mobile,
  .navbar.sticky .container .navbar-brand-mobile {
    display: block;
    text-indent: -200em;
    background: transparent url(../img/logo_pr_sm.png) 0 -372px;
    border: 0 solid #185BA3;
    background-size: 520px 520px;
    width: 520px;
    height: 70px;
  }


  .navbar-inverse .navbar-collapse {
    border-color: #e7eef6;
    background: #185BA4;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #e7eef6;
  }

  .list-item a .col-sm-11 p, .list-item a .col-sm-11 ul {
    padding: 10px 0 10px 0;
  }


  .social-wrapper {
    text-align: center;
    margin-top: 200px;
  }

  .list-inclusive {
    margin: 10px 0;
  }

  .list-inclusive li {
    margin: 0 0 0px 10px;
  }

  .list-item .grey_1 .col-md-4.text-right {
    text-align: left;
  }

  .list-item .grey_1 .col-md-5,
  .list-item .grey_1 .col-md-4 {
    padding-top: 0px;
  }

  .carousel-inner > .item {
    padding-left: 0px;
    padding-right: 0px;
  }
  .breadcrumb.sticky{
    top: 70px;
    z-index: 100;
  }
.login-area input#user,
.login-area input#pass{
  width: 100%;
}

}



@media (max-width: 800px) {
  .stacktable.large-only { display: none; }
  .stacktable.small-only { display: table; }


  .table-responsive-objekt .st-head-row {
    text-align: center;
  }
}



@media only screen and (max-width : 767px) {
  .logo-wrapper {
    width: 190px;
    position: absolute;
    top: 5px;
    left: 20px;
    display: block;
  }

.PriceCalc{
    margin-right: 8px !important;
}
.labelRatingForm{
  font-size: 22px;
}
.altersgruppe{
  width:16.65%;
}
.alterSelect{
  width: 92%;
}

  .hidden-md,
  .hidden-lg {
    display: inline-block;
  }

  .show-booking-mobile {
    display: block;
    position: fixed;
    bottom: 0px;
    width: 100%;
    background: rgba(255,255,255,0.9);
    z-index: 210;
    left: 0;
    padding: 10px 15px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
  }

  #tx-accommodation-manager-pricecalculator-big p.text-small {
    margin: 12px 0 4px 0;
  }


  .more-objects-list,
  .hidden-sm,
  #tx_accommodationmanager-multimonth-datepicker,
  .datepicker-legend-item {
    display: none;
  }

  .center-sm {
    text-align: center;
  }

  h1 {
    font-size: 28px;
  }

  footer .row.copyright .col-sm-3,
  footer .row.copyright .col-sm-9.text-right {
    text-align: center;
  }

  footer {
    text-align: center !important;
  }
  footer ul {
    padding: 0 0 40px 0;
  }


  .social-wrapper {
      margin-top: 40px;
  }

  .navbar > .container .navbar-brand {
    position: absolute;
    z-index: 3;
  }

  .navbar-toggle {
    /*position: absolute;*/
    z-index: 6;
    margin-top: 19px;
    margin-bottom: 19px;
  }

  /*  .navbar-inverse .navbar-brand, .navbar .container .navbar-brand:hover {
    background-size: 250px 36px;
    width: 250px;
    height: 36px;
  }*/

  .table_zusatzleistungen .pricemanipulator {
    min-width: 40px;
  }

  .hide-xs,
  .circle-collage.hide-xs {
    display: none;
  }
.markerResult1{
  background-color: #6bc7ec;
  height: 25px;
  padding: 3px;
  border-radius: 30px;
  position: absolute;
  width: 98px;
  border: 0.8px solid #fff;
  top: 147px;
    right: 7px;
}
.markerResult2{
  background-color: #e53a20;
  height: 25px;
  padding: 3px;
  border-radius: 30px;
  position: absolute;
  width: 100px;
  border: 0.8px solid #fff;
  top: 147px;
    right: 7px;
}
.markerResult3{
  background-color: #3ea434;
  height: 25px;
  padding: 3px;
  border-radius: 30px;
  position: absolute;
  width: 98px;
  border: 0.8px solid #fff;
  top: 147px;
    right: 7px;
}
.markerResult4{
  background-color: #f39a1c;
  height: 25px;
  padding: 3px;
  border-radius: 30px;
  position: absolute;
  width: 98px;
  border: 0.8px solid #fff;
  top: 147px;
    right: 7px;

}
.markerResult5{
  
  right:7px;

}

}

@media only screen and (max-width : 479px) {

  .navbar-inverse .navbar-brand,
  .navbar .container .navbar-brand:hover,
  .navbar-inverse.sticky .navbar-brand,
  .navbar.sticky .container .navbar-brand:hover {
    background: transparent url(../img/logo_pr_sm.png) 0 -300px;
    background-size: 520px 520px;
    width: 320px;
    height: 72px;
  }

.labelRatingForm{
  font-size:18px;
}
.rating:not(:checked) > label {
        font-size:190%;

}
.attribute{
  float: none;
  margin-left: 0px;
}

  .navbar-inverse .navbar-brand-mobile,
  .navbar.sticky .container .navbar-brand-mobile {
    background: transparent url(../img/logo_pr_sm.png) 0 -300px;
    background-size: 520px 520px;
    width: 320px;
  }


  #carousel.flexslider,
  .hidden-xs {
    display: none;
  }

  .prenav .col-xs-7 {
    display: none;
  }

  .prenav .col-xs-5 {
    width: 100%;
    text-align: center !important;
  }

  .breadcrumb {
    margin-bottom: 10px;
    padding: 8px 0;
  }


  .stepwizard-step p {
    display: none;
  }


}

@media (min-width: 1200px) {
  .anker-navi-wrapper.sticky {
    width: 1170px;
  }
}

@media (min-width: 992px) {
  .anker-navi-wrapper.sticky {
    width: 970px;
  }

  #menu-ferienwohnung.active {
    background: #ffffff;
    color: #185BA3;
  }

.hideMarker{
  display:none;
}
}

@media (min-width: 768px) {
  .anker-navi-wrapper.sticky {
    width: 750px;
    padding-top: 67px;
  }



}

.jumbotron input[type="submit"] {
  background: #185ba3;
  border: none;
  font-size: 23px;
  padding: 17px;
}

.animated-progress-bar {
  background-color: rgba(0,0,0,0.1);
  height:40px;
  border-radius: 4px;
  padding:2px;
  margin-bottom: 18px;
}

.animated-progress-bar-progress {
  background: linear-gradient(315deg, #185ba3, #3fa534, #e5391f, #f3981b);
  background-size: 800% 800%;

  -webkit-animation: loadingBarBackground 30s ease infinite;
  -moz-animation: loadingBarBackground 30s ease infinite;
  -o-animation: loadingBarBackground 30s ease infinite;
  animation: loadingBarBackground 30s ease infinite;
  width:0%;
  height:100%;
  border-radius: 2px;
  transition: width 1s;
  opacity:0.5;
}

@-webkit-keyframes loadingBarBackground {
  0%{background-position:0% 14%}
  50%{background-position:100% 87%}
  100%{background-position:0% 14%}
}
@-moz-keyframes loadingBarBackground {
  0%{background-position:0% 14%}
  50%{background-position:100% 87%}
  100%{background-position:0% 14%}
}
@-o-keyframes loadingBarBackground {
  0%{background-position:0% 14%}
  50%{background-position:100% 87%}
  100%{background-position:0% 14%}
}
@keyframes loadingBarBackground {
  0%{background-position:0% 14%}
  50%{background-position:100% 87%}
  100%{background-position:0% 14%}
}

.loading-spinner {
  display:none;
}

.fakeh4 {
  color: #185ba3;
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 500;
  height: 26px;
  line-height: 26px;
  margin-bottom: 5px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 24px;
  text-size-adjust: 100%;
  box-sizing: border-box;
}

/* mobil*/
@media (max-width: 600px){
.claimdesktop{
  display:none;
}
.bgdesktop{
  display:none;
}
.hidden_mobile{
  display:none;
}
 .claimmobile{
   font-size: 18px;
 }
 .teaser_mobile{
    margin-bottom: -20px;
    font-size: 18px;
    margin-top: -26px;
    color: rgba(24,91,163,0.8);
    text-align: center;
    margin-left: -15px;
    margin-right: -15px;
    padding-bottom: 5px;
    padding-top: 5px;
    background: #185ba3;
}
.teaser a{
  color: #fff;
  font-size: 3.5vw;
  text-decoration: none;
  
}
  .breadcrumb {
    display: none;
  }

.search_mobile{
    width: 50%;
    float: left;
}
.seachbutton_mobile{
    width: 48%;
    height: 32px;
    margin-top: 3px;
    margin-left: 5px;
    line-height: 1;
  font-size:small;
}
.filter-wrapper {
  padding: 3px;
  margin-bottom: 20px;
  margin-top: 10px;
  margin-left: -16px; 
  margin-right: -16px; 
}
.filterbutton{
  color:#fff;
  background-color:rgba(24,91,163,-0.2);
  border-color:rgba(24,91,163,0.8);
  position:absolute;
  top: 40px;
  left: 67%;    
  font-size: 3vw;

}
.affix .filter-wrapper {
  max-width: unset;
  margin-right: 0px;
  z-index:9999;
  margin-top:10px;
}
.filtericon{
  color:#fff;
  background-color:rgba(24,91,163,-0.2);
  border-color:rgba(24,91,163,0.8);
  position:absolute;
  top: 16px;
  left: 74%;    
  font-size: 6vw;

}
.modal-backdrop{
z-index:10;
}
}


/* desktop und tablet*/
@media (min-width: 601px){
.claimmobile{
  display:none;

  
}
.bgmobile{
  display:none;
  }
.hidden_device{
  display:none;
}
}
@media (min-width: 601px) and (max-width:840){
.claimdesktop{
 font-size:22px;
}
.searchform{
  top:85px;
}
.affix .filter-wrapper {
  max-width: unset;
  margin-right: 0px;
  z-index:9999;
}
}