@import url('https://fonts.googleapis.com/css?family=Arizonia&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap');

p {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0;
}

.clear-both {clear: both;}

.instagrammfolgen {
text-align: center;
padding: 40px 0 80px 0;


}

li {padding: 15px 0px 15px 0px;
font-size: 16px;
text-align: center;
line-height: 18px;
list-style: none;
}

.freuenuns {
font-family: 'Dancing Script', cursive;
font-size: 55px;
text-align: center;
padding: 80px 0 80px 0;

}
.left50px {padding-left: 50px;}

.prr-img-content-price span {font-size: 14px; font-weight: 600;}
a {font-size: 18px;}
.height10px {padding-top: 10px; }
.top10px {padding-top: 10px; }
.top20px {padding-top: 20px; }
.top30px {padding-top: 30px; }
.top40px {padding-top: 40px; }
.top60px {padding-top: 60px; }
.top80px {padding-top: 80px; }
.top100px {padding-top: 100px; }
.height20px {padding-top: 40px; }

.center {text-align: center;}

.footer-bottom a {
  color: #FFF;
  font-size: 16px;
}

.fontpreiswell {
    color: #b58a60;
    font-size: 28px;
    font-family: "Playfair Display", serif;
}


.fontgold spam{
  color: #816141;
  font-size: 35px;
  font-weight: 600;
  font-family: 'Arizonia', cursive;
}

.header-top-area { padding: 15px 0 10px 0;}

.blog-area-head {
    margin: 0 0 32px;
}

.aktuelles-area {
    padding: 80px 0 20px 0;
}


.centertext {text-align:center!important;}

.agb-text p{padding: 5px 0 5px 0;}
.agbueberschrift {  font-size: 22x; font-weight: 600;}

 .agb-area {padding-top: 80px}

 .agb-area .col-md-6 {
        width: 80%;
    }

  .agb-area .col-md-offset-3 {
        margin-left: 15%;
    }


    .impressum-area {padding-top: 80px}

    .impressum-area .col-md-6 {
           width: 80%;
       }

     .impressum-area .col-md-offset-3 {
           margin-left: 15%;
       }


    .datenschutz-area {padding-top: 80px}

    .datenschutz-area .col-md-6 {
                  width: 80%;
              }

    .datenschutz-area .col-md-offset-3 {
                  margin-left: 15%;
              }
    .datenschutz-area p {padding-top: 20px}



select {
  text-indent: 30px;
}

.header-address span.sw-text {
    color: #fff;
    display: block;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 20px;
    text-transform: uppercase;
}





.main-menu ul li a {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 10px 12px;
    text-transform: uppercase;
}

@media all and (max-width: 1290px) {
  .main-menu ul li a {
      color: #fff;
      display: block;
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 1px;
      padding: 10px 12px;
      text-transform: uppercase;
  }
}


@media only screen and (min-width: 200px) and (max-width: 767px) {


.header-logo {
     text-align: center;
     margin: 0 0px;
 }

}



@media all and (max-width: 1290px) {
  select {
    text-indent: 18px;
  }
}


.hero-area {
    background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-01b.jpg") no-repeat scroll left top / cover;
    padding: 360px 0 80px;
}

.hero-area-tagungen {
    background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-tagungen-01.jpg") no-repeat scroll left top / cover;
    padding: 360px 0 80px;
}

.hero-area-wellness {
    background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-wellness-01.jpg") no-repeat scroll left top / cover;
    padding: 360px 0 80px;
}

.hero-area-besonders {
    background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-besonders-01.jpg") no-repeat scroll left top / cover;
    padding: 360px 0 80px;
}

.hero-area-hochzeit {
    background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-hochzeit-01.jpg") no-repeat scroll left top / cover;
    padding: 360px 0 80px;
}
.hero-area-zimmer {
    background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-zimmer-01.jpg") no-repeat scroll left top / cover;
    padding: 360px 0 80px;
}

.hero-area-aktuelles {
    background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-aktuelles-01.jpg") no-repeat scroll left top / cover;
    padding: 360px 0 80px;
}


.header-unterseiten {
  height: 500px;
}

.logo-header-lebensart {width: 70%;}

.header-hero {padding: 550px 50px 60px;}



@media all and (max-width: 1980px) {
  .hero-area {
      background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-01.jpg") no-repeat scroll left top / cover;
      padding: 300px 50px 60px;

  }
.header-hero {padding: 450px 50px 60px;}

  .logo-header-lebensart {width: 60%;}
}


@media all and (max-width: 1650px) {
  .hero-area {
      background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-1650.jpg") no-repeat scroll left top / cover;
      padding: 320px 50px 60px;
  }
  .logo-header-lebensart {width: 50%;}

.header-hero {padding: 350px 50px 60px;}

  .reservation-hero { margin: 0 0 40px;

  }
  .hero-area-tagungen {
      background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-tagungen-1650.jpg") no-repeat scroll left top / cover;
      padding: 320px 0 80px;
  }
.hero-area-wellness {
      background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-wellness-1650.jpg") no-repeat scroll left top / cover;
        padding: 320px 0 80px;
  }

  .hero-area-hochzeit {
        background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-hochzeit-1650.jpg") no-repeat scroll left top / cover;
        padding: 480px 0 180px;
    }

    .hero-area-zimmer {
          background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-zimmer-1650.jpg") no-repeat scroll left top / cover;
          padding: 480px 0 180px;
      }

      .hero-area-aktuelles {
          background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-aktuelles-1650.jpg") no-repeat scroll left top / cover;
          padding: 360px 0 80px;
      }

  .header-unterseiten {
    height: 300px;
  }
}


@media all and (max-width: 1350px) {
  .hero-area {
      background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-01-1350.jpg") no-repeat scroll left top / cover;
      padding: 290px 50px 50px;
  }
.header-hero {padding: 300px 50px 60px;}
    .logo-header-lebensart {width: 50%;}

  .reservation-hero { margin: 0 0 40px;
  }

.header-hero {padding: 400px 50px 60px;}
  .hero-area-tagungen {
      background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-tagungen-1350.jpg") no-repeat scroll left top / cover;
      padding: 340px 50px 120px;
  }

.hero-area-wellness {
      background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-wellness-1350.jpg") no-repeat scroll left top / cover;
      padding: 340px 50px 120px;
  }
  .hero-area-hochzeit {
        background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-hochzeit-1350.jpg") no-repeat scroll left top / cover;
        padding: 340px 50px 120px;
    }

    .hero-area-zimmer {
          background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-zimmer-1350.jpg") no-repeat scroll left top / cover;
          padding: 340px 50px 120px;
      }


      .hero-area-aktuelles {
            background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-aktuelles-1350.jpg") no-repeat scroll left top / cover;
            padding: 340px 50px 120px;
        }

  .header-unterseiten {
    height: 300px;
  }
}


@media all and (max-width: 1024px) {
  .hero-area {
      background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-01.jpg") no-repeat scroll left top / cover;
      padding: 40px 0 20px;
  }

    .logo-header-lebensart {width: 50%;}

  .reservation-hero { margin: 0 0 40px;
  }

  .hero-area-tagungen{
      background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-tagungen.jpg") no-repeat scroll left top / cover;
      padding: 40px 0 0px;
  }
  .hero-area-wellness  {
      background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-wellness.jpg") no-repeat scroll left top / cover;
      padding: 40px 0 0px;
  }

  .hero-area-hochzeit {
      background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-hochzeit.jpg") no-repeat scroll left top / cover;
      padding: 40px 0 0px;
  }

  .hero-area-zimmer {
      background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-zimmer.jpg") no-repeat scroll left top / cover;
      padding: 40px 0 0px;
  }


  .hero-area-aktuelles {
      background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-aktuelles.jpg") no-repeat scroll left top / cover;
      padding: 40px 0 0px;
  }


  .header-unterseiten {
    height: 450px;
  }
}


@media all and (max-width: 976px) {
  .hero-area {
      background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-01.jpg") no-repeat scroll left top / cover;
      padding: 30px 0 30px;
  }
    .logo-header-lebensart {width: 80%;}
.reservation-hero { margin: 0 0 0px;
}
.hero-area-tagungen{
    background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-tagungen.jpg") no-repeat scroll left top / cover;
    padding: 40px 0 0px;
}

  .hero-area-wellness {
    background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-wellness.jpg") no-repeat scroll left top / cover;
    padding: 40px 0 0px;
}

.hero-area-hochzeit {
  background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-hochzeit.jpg") no-repeat scroll left top / cover;
  padding: 40px 0 0px;
}

.hero-area-zimmer {
  background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-zimmer.jpg") no-repeat scroll left top / cover;
  padding: 40px 0 0px;
}

.hero-area-aktuelles{
  background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-aktuelles.jpg") no-repeat scroll left top / cover;
  padding: 40px 0 0px;
}



.header-unterseiten {
  height: 350px;

}
}



@media all and (max-width: 869px) {
  .hero-area {
      background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-01.jpg") no-repeat scroll left top / cover;
      padding: 40px 0 0px;
  }

      .logo-header-lebensart {width: 80%;}

.reservation-hero { margin: 0 0 40px;
}

.hero-area-tagungen{
    background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-tagungen.jpg") no-repeat scroll left top / cover;
    padding: 40px 0 0px;
}

.hero-area-wellness  {
    background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-wellness.jpg") no-repeat scroll left top / cover;
    padding: 40px 0 0px;
}

.hero-area-hochzeit {
    background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-hochzeit.jpg") no-repeat scroll left top / cover;
    padding: 40px 0 0px;
}

.hero-area-zimmer {
    background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-zimmer.jpg") no-repeat scroll left top / cover;
    padding: 40px 0 0px;
}

.hero-area-aktuelles {
    background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-aktuelles.jpg") no-repeat scroll left top / cover;
    padding: 40px 0 0px;
}

.header-unterseiten {
  height: 400px;
}
}


@media all and (max-width: 768px) {
  .hero-area {
      background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-01.jpg") no-repeat scroll left top / cover;
      padding: 0px 0 0px;
  }
  .header-hero {padding: 0px 50px 60px;}
      .logo-header-lebensart {width: 40%;}

.reservation-hero { margin: 0 0 40px;
}

.pick-room-area {
    padding: 20px 0 20px;
}

.hero-area-tagungen{
    background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-tagungen.jpg") no-repeat scroll left top / cover;
    padding: 40px 0 0px;
}
.hero-area-wellness  {
    background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-wellness.jpg") no-repeat scroll left top / cover;
    padding: 40px 0 0px;
}

.hero-area-hochzeit  {
    background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-hochzeit.jpg") no-repeat scroll left top / cover;
    padding: 40px 0 0px;
}

.hero-area-zimmer  {
    background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-zimmer.jpg") no-repeat scroll left top / cover;
    padding: 40px 0 0px;
}

.hero-area-aktuelles {
    background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-aktuelles.jpg") no-repeat scroll left top / cover;
    padding: 40px 0 0px;
}

.header-unterseiten {
  height: 250px;
}
}


@media all and (max-width: 669px) {
  .hero-area {
      background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-01.jpg") no-repeat scroll left top / cover;
      padding: 0px 0 0px;
  }

  .pick-room-area {
      padding: 0px 0 20px;
  }

    .logo-header-lebensart {width: 50%;}

.reservation-hero { margin: 0 0 40px;
}

.hero-area-tagungen{
    background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-tagungen.jpg") no-repeat scroll left top / cover;
    padding: 40px 0 0px;
}

.hero-area-wellness {
    background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-wellness.jpg") no-repeat scroll left top / cover;
    padding: 40px 0 0px;
}

.hero-area-hochzeit {
    background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-hochzeit.jpg") no-repeat scroll left top / cover;
    padding: 40px 0 0px;
}

.hero-area-zimmer {
    background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-zimmer.jpg") no-repeat scroll left top / cover;
    padding: 40px 0 0px;
}

.hero-area-aktuelles {
    background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-aktuelles.jpg") no-repeat scroll left top / cover;
    padding: 40px 0 0px;
}

.header-unterseiten {
  height: 200px;
}
}




@media all and (max-width: 569px) {
  .hero-area {
      background: rgba(0, 0, 0, 0) url("../images/core/lebensart-header-slider-01.jpg") no-repeat scroll left top / cover;
      padding: 0px 0 0px;
  }

    .logo-header-lebensart {width: 50%;}

    .header-unterseiten {
      height: 150px;
    }

    .pick-room-area {
        padding: 0px 0 20px;
    }
}


.introduce-area {
    background: rgba(0, 0, 0, 0) url("../images/core/lebensart-bg-01.jpg") no-repeat scroll left top / cover;
    padding: 60px 0;
}


.off-book-area {
    background: rgba(0, 0, 0, 0) url("../images/core/lebensart-bg-02.jpg") repeat scroll 0 0 / cover;
    padding: 80px 0;
}

.bottom-banner-area {
    background: rgba(0, 0, 0, 0) url("../images/core/lebensart-bg-03.jpg") no-repeat scroll 0 0 / cover;
    padding: 105px 0;
}


.introduce-carousel .owl-nav .owl-prev {
    margin-right: 20px;margin-left: 20px;
}

.introuduce-box {padding-left: 20px;}

.introduce-carousel .owl-nav {
    bottom: 30px;
}

.prr-form-area {
    max-width: 290px;
    padding: 30px 40px 40px;
}

.fa-long-arrow-left {padding-top: 18px;}
.fa-long-arrow-right {padding-top: 18px;}


.footer-logo {
    margin: 0;
}

.footer-logo>img { max-width: 80%!important}



.special-service-box {
    display: inline-block;
    margin: auto;
    position: relative;
}

.special-service-box::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 9;
}

.special-service-box::before {
    opacity: 0.5;
}

.special-service-box:hover::before {
    opacity: 0.0;
}


.special-service-box>img {}

.special-service-box .ssb-content {
    display: inline-block;
    left: 50%;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    z-index: 11;
}

.special-service-box .ssb-content {
    opacity: 1;
    visibility: visible;
}

.special-service-box .ssb-content .ssb-content-icon {
    border-bottom: 1px solid #b58a60;
    padding: 0 0 15px;
}

.special-service-box .ssb-content .ssb-content-icon>img {}

.special-service-box .ssb-content h3 {
    color: #fff;
    font-weight: 400;
    letter-spacing: 0;
    margin: 10px 0 0;
    text-transform: uppercase;
}


.special-service-box .ssb-content h3 {
    color: #fff;
    font-weight: 600;
    letter-spacing: 0;
    margin: 10px 0 0;
    text-transform: uppercase;
}

.telnummerheader {
  color: #fff;
  display: block;
  font-size: 14px!important;
  letter-spacing: 0;
  line-height: 20px;
  text-transform: uppercase;
}


@media all and (max-width: 767px) {
  .header-weather { overflow: hidden; display: none;}
  .reservation-hero { overflow: hidden; display: none;}
  .header-address  { overflow: hidden; display: none;}

}

.sidetexttitel {    color: #070e13;
    font-family: "Playfair Display", serif;
    font-size: 30px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 34px;
    margin: 0 0 15px;
    text-transform: uppercase;}

.sidetexttitel span {
  font-family: "Playfair Display", serif;
  font-size: 30px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 34px;
  margin: 0 0 15px;
  text-transform: uppercase;
  color: #b58a60;
}


.sidetext {
  color: #262626;
line-height: 26px
}

.besonderezeiten {
  list-style: none; /* Remove list bullets */
}


.besonderezeiten li {
  padding: 10 0 10 0;
  font-size: 18px;
  color: #262626;
  font-family: 'Source Sans Pro', sans-serif;
font-weight: normal;
letter-spacing: 0;
style
}

.besonderezeitep {
  letter-spacing: 1;
  line-height: 3em;
}


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

.prr-box-side {margin-top: 30px;}


.page-rooms-area {
   padding: 0px 0 0px;
}


@media all and (max-width: 991px) {
  .sidetexttitel { text-align: center;}
  .sidetext { text-align: center;}
  .sidetext-left {margin-top: 0px;}
  .prr-box-side {margin-top: 80px;}

}

.page-rooms-area {
   padding: 0px 0 0px;
}

.page-rooms-area .col-md-9 {
       width: 80%;
   }


   .toppx-room {padding-top: 40px;  clear: both;}

   @media all and (max-width: 991px) {
     .page-rooms-area .col-md-9 {
            width: 100%;
        }
   .toppx-room {padding-top: 20px;  clear: both;}

   }

      @media all and (max-width: 767px) {
      .toppx-room {padding-top: 20px;  clear: both;}

      }

      @media all and (max-width: 598px) {
      .toppx-room {padding-top: 40px;  clear: both;}

      .prr-img-box .prr-img-content {
          background: #b58a60 none repeat scroll 0 0;
          bottom: -9px;
          left: 10px;
          padding: 14px 0;
          position: absolute;
          text-align: center;
          width: 150px;
      }

      }

      @media all and (max-width: 550px) {
      .toppx-room {padding-top: 80px;  clear: both;}
      }

      @media all and (min-width: 992px) {
       .page-rooms-area .col-md-offset-1 {
            margin-left: 10.33333333%
        }
      }


               .special-service-area-room {
                   padding: 80px 0 20px 0;
               }


               .prr-form-area {
                max-width: 290px;
                padding: 30px 20px 40px 40px;
            }






      @media all and (max-width: 1980px) {

            .pick-room-left .prl-title {
                color: #070e13;
                font-size: 40px;
                letter-spacing: 0;
                line-height: 45px;
                margin: 0 0 22px;
                padding: 0 0 24px;
                position: relative;
                text-transform: uppercase;
            }

            .bottom-banner-content h2,
            .bottom-banner-content h2 span {
                color: #fff;
                font-size: 30px;
                line-height: 40px;
                letter-spacing: 0;
                text-transform: uppercase;
                font-family: "Playfair Display", serif;
            }
            .bottom-banner-content h2 span {
    color: #b58a60;
}








.rhf-input-box input[type="text"] {
    background: rgba(37, 42, 46, 0.9) none repeat scroll 0 0;
    border: 1px solid #5f5f5f;
    color: #fff;
    font-size: 16px;
    height: 41px;
    letter-spacing: 0;
    padding: 0 40px 0 16px;
    width: 100%;
}

.rhf-persons-room .rhf-room select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: rgba(37, 42, 46, 0.9) none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-size: 14px;
    height: 40px;
    letter-spacing: 0;
    text-align: center;
    width: 100%;
}

.rhf-persons-room .rhf-persons p .qtybutton {
    background: rgba(37, 42, 46, 0.9) none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    font-size: 22px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 44px;
}
.rhf-persons-room .rhf-persons p input[type="text"] {
    background: #101010 none repeat scroll 0 0;
    border: 0 none;
    height: 40px;
    text-align: center;
    width: 100%;
}

.reservation-hero {
    background: rgba(7, 14, 19, 0.9) none repeat scroll 0 0;
    margin: 0 0 115px;
    padding: 33px 30px 3px;
    position: relative;
}

          }


          @media all and (max-width: 992px) {

          .pick-room-left .prl-title {
              color: #070e13;
              font-size: 30px;
              letter-spacing: 0;
              line-height: 45px;
              margin: 0 0 22px;
              padding: 0 0 24px;
              position: relative;
              text-transform: uppercase;
          }



}


.off-book-details  {
    margin-top: 20px;
    text-align: right;
}

.off-book-details >a {
    background: #b58a60 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    padding: 12px 28px 12px 28px;
    text-transform: uppercase;
}

.off-book-details >a:hover{
    background: #816141 none repeat scroll 0 0;

    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    padding: 12px 28px 12px 28px;
    text-transform: uppercase;
}


.off-sommer-details  {
    margin-top: 20px;
    text-align: center;
}

.off-sommer-details >a {
    background: #b58a60 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    padding: 12px 28px 12px 28px;
    text-transform: uppercase;
}

.off-sommer-details >a:hover{
    background: #816141 none repeat scroll 0 0;

    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    padding: 12px 28px 12px 28px;
    text-transform: uppercase;
}


.colorwihttop {
color: #fff !important;
padding-bottom: 10px

}

.off-garantie-details  {
    text-align: center;
  margin: 0px 20px 0px 20px;
}

@media all and (max-width: 800px) {
.off-garantie-details {margin: 0px 20px 30px 20px;}
}


.off-garantie-details >a {
    background: #b58a60 none repeat scroll 0 0;
    outline: 1px solid #b58a60;
    outline-offset: 5px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    padding: 20px 28px 30px 28px;

}

.off-garantie-details >a:hover{
    background: #816141 none repeat scroll 0 0;

    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
        padding: 20px 28px 30px 28px;

}




.schutzlogo {
  text-align: center;
margin: 0px 20px 0px 20px;
}

.schutzlogo img { max-width: 750px;}




.off-angebot-details  {
    margin-top: 20px;
    text-align: center;
}

.off-angebot-details >a {
    background: #b58a60 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    padding: 12px 28px 12px 28px;

}



.angebot-area {
    padding: 0px 0 30px 0;
}



.prr-form-input input[type="submit"] {
    background: #b58a60 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 18px;
    padding: 13px 50px;
}

.prr-img-content {
background: #b58a60 none repeat scroll 0 0;
bottom: -9px;
left: 20px;
padding: 13px 0;
position: absolute;
text-align: center;
width: 190px;
}

.prr-img-content-price {
  color: #fff;
    display: inline-block;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 28px;
    font-size: 28px;
    font-family: 'Playfair Display', serif;
}



.page-room-details-area {
    padding: 0px 0 40px;
}

.contact-area {
    padding: 80px 0 0px 0;
}

.contact-elements {
    display: block;
    flex-wrap: wrap;
}

.ce-box p {
    color: #070e13;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 26px;
}
.ce-box a {
    color: #070e13;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
}

.ce-box {
    margin: 0 0 27px;
    width: 90%;
}


.ce-box h2 {
    color: #070e13;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 26px;
    text-transform: uppercase;
    padding-bottom: 10px;
}


.off-images-area {
  background: rgba(255, 255, 255, 0) url("/images/core/off-slider-fruehstueck.jpg") repeat scroll 0 0 / cover;
    padding: 130px 0;
}

.off-images-area::before {
    opacity: 0.1;
}

.slider-images-area {
  background: rgba(255, 255, 255, 0) url("/images/core/off-slider-fruehstueck.jpg") repeat scroll 0 0 / cover;
    padding: 130px 0;
}

.slider-images-area::before {
    opacity: 0.1;
}



.jobs {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 30px;
  margin: 0;
  text-align: center;
  color: #262626;
  padding-top: 10px;
}


.button-buchen {text-align:left;}



.button-buchen a {
    background: #b58a60 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 18px;
    margin-top: 20px;
    padding: 11px 45px;
    text-transform: uppercase;
}


.prda-br-list li {
    color: #070e13;
    display: block;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    padding-left: 28px;
    position: relative;
}

.prda-bottom-left ul li a {
    color: #070e13;
    display: block;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 45px;
}


.prda-br-title2 {
    color: #070e13;
    display: block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0 0 13px;
    padding: 0 0 13px;
    padding-top: 10px;
    position: relative;
}

.img100 {
  max-width: 100%;
  max-height: 100%;
  height: inherit !important;
}

.img100 img {
  width: 100%;  /*width of parent container*/
    height: auto;; /*height of parent container*/
    object-fit: contain;
    position: relative;

}


.prr-img-content {
background: #b58a60 none repeat scroll 0 0;
bottom: -18px;
left: 20px;
padding: 13px 0;
position: absolute;
text-align: center;
width: 190px;
}








.special-content-box {
    display: inline-block;
    margin: auto;
    position: relative;
}

.special-content-box::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 9;
}

.special-content-box::before {
    opacity: 0.0;
}

.special-content-box:hover::before {
    opacity: 0.2;
}


.special-content-box>img {}

.special-content-box .ssb-content {
    display: inline-block;
    left: 50%;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    z-index: 11;
}

.special-content-box .ssb-content {
    opacity: 1;
    visibility: visible;
}

.special-content-box .ssb-content .ssb-content-icon {
    border-bottom: 1px solid #b58a60;
    padding: 0 0 15px;
}

.special-content-box .ssb-content .ssb-content-icon>img {}

.special-content-box .ssb-content h3 {
    color: #fff;
    font-weight: 400;
    letter-spacing: 0;
    margin: 10px 0 0;
    text-transform: uppercase;
}


.special-content-box .ssb-content h3 {
    color: #fff;
    font-weight: 600;
    letter-spacing: 0;
    margin: 10px 0 0;
    text-transform: uppercase;
}

.contentbox h2 {
    padding-top: 40px;
}

.contentbox h2,
.contentbox h2 span {
    color: #070e13;
    font-family: "Playfair Display", serif;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 34px;
    margin: 0 0 15px;
    text-transform: uppercase;
}

.contentbox h2 span {
    color: #b58a60;
}

.contentbox  p {
    color: #262626;
    line-height: 26px;
    padding-bottom: 20px;
}
.contentbox  p b{
  font-weight: 400;

}

.logo-bewertung {width: 100%; text-align: center;}

.special-service-head-angebote {
    margin: 0 0 10px;
}


.main-menu ul li .dropdown {
    min-width: 250px;

}