/*** Brückenbaron Stylesheet ***/
@charset "utf-8";

/**** Variablen *****/

.animated {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@c1darker: #693D2C;
@c1dark: #8E4E36;
@c1light: #9B6740;
@c2dark: #69753C;
@c2light: #839031;
@c3dark: #2A3A55;
@c3light: #61AFC7;
@font1: Arsenal, sans-serif;
@font2: roboto, sans-serif;
@font3: Arsenal, sans-serif;
@font4: 'Roboto Condensed', sans-serif;


/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

html {
  max-width: 100%;
  overflow-y: scroll;
  -ms-overflow-style: scrollbar;
  -webkit-font-smoothing: antialiased;
  word-wrap: break-word;
  font-size: 15px;

}

body {
  font-family: @font2;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.7;
  color: #000000;
  max-width: 100%;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}

.row {
  display: flex;
}

.col {
  flex: 1;
}

input.valid, select.valid, textarea.valid {
  background: #fff !important;
  outline: none;
}

input.required, select.required, textarea.required {
  background: #fff !important;
  outline: none !important;
}

input[type=text], textarea {
  border-radius: 0 !important;
}

.special-button-container {
  position: relative;
}

.special-button-1 {
  position: absolute;
  width: 150px;
  height: 150px;
  background-size: cover;
  right: 150px;
  top: -200px;
}

.special-button-2 {
  position: absolute;
  width: 150px;
  height: 150px;
  background-size: cover;
  right: 150px;
  top: -40px;
}

/* Gallery */
.veno_gallery {
  background: #fff;

  .veno_label {
    font-family: condor, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    color: @c1dark;
    text-align: center;
    margin-bottom: 15px;
  }

  .veno_wrap {
    position: relative;
    margin: 0 auto;
    text-align: center;
  }

  .diashow {
    width: 260px;
    height: 260px;
    display: inline-block;
    float: none;
    border: 1px solid #fff;
    border-left-color: #fff;
    border-top-color: #fff;
    background: #fff;
    margin: 0;
    padding: 0;
    box-sizing: content-box;
    overflow: hidden;

    a {
      display: block;
      height: 100%;
      width: 100%;
      transform: scale(1);
      background-size: cover;
      background-position: center;
      .animated();

      &:hover {
        transform: scale(1.1);
      }
    }
  }
}

.vbox-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  z-index: 20;
  max-height: 100%;

  .vbox-content {
    margin: 40px 0 !important;
  }
}

/* #Admin Styles
================================================== */
.h2_headline {
  font-family: "Arsenal", sans-serif;
  font-size: 48px;
  text-align: left;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 0px;
  display: inline-block;
}


.h3_headline {
  font-family: Arsenal, sans-serif;
  font-size: 32px;
  text-align: left;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 0px;
  display: inline-block;
}

.h4_headline_dark {
  font-family: @font1;
  font-size: 24px;
  text-align: left;
  text-transform: none;
  color: #8E4E36;
  display: inline-block;
  margin-top: 25px;
}


/* #Primary style
================================================== */

.section {
  position: relative;
  width: 100%;
  display: block;
}

.over-hide {
  overflow: hidden;
}

.full-height {
  height: 100%;
}

.page-content {
  ul, li {
    padding: 0;
    margin: 0;
    list-style: none;
  }

  ul {
    margin-bottom: 40px;
  }

  li {
    margin: 1em;
    margin-left: 2em;
  }

  li:before {
    font-family: FontAwesome;
    content: "\f111";
    float: left;
    margin-left: -1.5em;
  }
}

*,
*:after,
*::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


/* #Navigation
================================================== */

.cd-header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  height: 120px;
  background: rgb(0, 0, 0);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.85)), to(rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.header-wrapper {
  position: relative;
  width: calc(~'100% - 100px');
  margin-left: 50px;
}

.logo-wrap {
  position: absolute;
  display: block;
  left: 0;
  top: 40px;
  cursor: pointer;


  a {
    cursor: pointer;
    display: inline-block;
    background: url(/__/images/logo_bbaron.svg);
    height: 40px;
    width: 296px;
  }
}


.opening {
  background: url(/__/images/open.png) no-repeat #839031 center;
  cursor: pointer;
  position: relative;
  display: inline-block;
  float: right;
  padding: 5px;
  margin-top: 26px;
  width: 60px;
  height: 68px;
}

.opening, .nav-but-wrap, .opening-content {
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color=#000000)"; /*IE 8*//*FF 3.5+*/
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.16); /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.16); /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color=#000000); /*IE 5.5-7*/
}

.video-button{
  cursor: pointer;
  position: relative;
  display: inline-block;
  float: right;
  padding: 5px;
  margin-top: 26px;
  margin-left: 40px;
  width: 60px;
  height: 68px;
  background: url(/__/images/video-button.png) no-repeat #839031 center;
}

.video-container{
  position: fixed;
  inset: 0;
  z-index: 1;
  background-color: rgba(0,0,0,0.5);
  padding: 50px;
  display: none;

  &.open{
    display: grid;
    justify-items: center;
  }

  .close-button{
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 7px rgba(0, 0, 0, 1);
    cursor: pointer;
    z-index: 1;
  }

  video{
    max-width: 100%;
    max-height: 100%;  }
}
.nav-active .nav-but-wrap {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.nav-active .mobile-btn {
  display: none !important;
}


.opening-content {
  display: none;
  position: absolute;
  color: white;
  background-color: @c2light;
  padding: 20px;
  width: 350px;
  right: 0;
  top: 110px;
  font-size: 16px;

  .c_title {
    margin-bottom: 10px;
    font-family: @font4;
    font-weight: bold;
  }

  .c_content {
    font-family: @font2;
  }

  table {
    color: white;

  }
}

.search-btn, .mobile-btn {
  cursor: pointer;
  position: relative;
  display: inline-block;
  float: right;
  padding: 19px;
  margin-top: 26px;
  margin-right: 25px;
  width: 60px;
  height: 68px;
  text-align: left;

  &.closed {
    background: url(/__/images/magnifying-glass.svg) no-repeat center;

  }

  &.opened {
    background: url(/__/images/close_icn.svg) no-repeat center;
    background-size: 60%;
  }
}

.mobile-btn {
  background: url(/__/images/mobile-alt-solid.svg) no-repeat center;
  background-size: 35px;
  margin-right: 0;
}

.hidden {
  display: none;
}

.search-wrap {
  display: block;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: #4F838E;
  z-index: 3;
  left: 0;
  top: 0;
  overflow-y: scroll;

  .spsearch {
    height: 30%;
    padding-top: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;

    .x-form-field-wrap {
      width: 376px !important;
      max-width: 100%;

      input {
        width: 100% !important;
        height: 56px;
        padding: 0 20px;
        border: 2px solid #fff;
        margin-right: 20px;
      }

      .x-form-trigger {
        background: url(/__/images/search.PNG) !important;
        right: auto !important;
        height: 56px !important;
        width: 212px;
        border: 2px solid #fff;
        cursor: pointer;
        position: absolute;
        top: 0;

      }
    }
  }

  .spresult {
    margin-top: 100px;

    .sptotalresults {
      display: none;
    }

    &.spresultloaded {
      &:before {
        content: 'Ihre Suche ergab folgende Treffer:';
        font-family: @font2;
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        position: absolute;
        top: -50px;
      }

    }

    section.spcontent {
      background: url(/__/images/next.svg) right 30px no-repeat;
      position: relative;

      h4.spcontent {
        position: absolute;
        right: 45px;
        top: 32px;
        font-family: @font3;
        font-size: 18px !important;
        text-transform: uppercase;
      }
    }

    &.spresultloaded {
      background: #4f838e !important;
    }

    section.spsearchlist {
      padding: 10px 18px 10px 0;
      margin: 15px 0;
      background-color: transparent;
      border: none;
      border-radius: 0px;
      transition: background-color .5s ease-in 0s;

      * {
        color: #fff;
      }

      .highlight {
        background: #243B40 !important;
      }

      h3.spcontent {
        font-family: @font1;
        color: #fff;
        font-size: 24px;
        text-transform: uppercase;
      }
    }
  }
}

.nav-but-wrap {
  background: url(/__/images/nav_menue.svg) #61afc7 no-repeat center;
  cursor: pointer;
  position: relative;
  display: inline-block;
  float: right;
  padding: 10px 5px;
  margin-top: 26px;
  margin-left: 40px;
  width: 60px;
  height: 68px;


}

.nav {
  position: fixed;
  z-index: 98;
}

body.nav-active .logo-wrap, body.nav-active .opening, body.nav-active .search-btn, body.nav-active .video-button {
  display: none;
}

body.nav-active .cd-header {
  background: transparent;
}

body.nav-active .nav-but-wrap {
  background: url(/__/images/close_icn.svg) no-repeat center;
}

.nav:before, .nav:after {
  content: "";
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: #4F838E;
  z-index: -1;
  -webkit-transform: translateX(100%) translateY(-100%);
  -ms-transform: translateX(100%) translateY(-100%);
  transform: translateX(100%) translateY(-100%);
}

.nav__content {
  position: fixed;
  visibility: hidden;
  top: 20%;
  margin-top: 20px;
  -webkit-transform: translate(0%, -10%);
  -ms-transform: translate(0%, -10%);
  transform: translate(0%, -10%);
  padding-left: 140px;
  width: 95%;
}

.nav__list {
  position: relative;
  padding: 0;
  margin: 0;
  z-index: 2;

  > li {
    float: left;
    width: auto;
    text-align: left;
    margin-right: 100px;
    min-height: 350px;

    &:last-of-type {
      margin-right: 0;
    }

    > a {
      margin-bottom: 20px;
      cursor: default;

    }

    > ul.navsub {
      padding-left: 0;

      > li {
        text-align: left;
        font-size: 18px;
        text-transform: none;

        a {
          text-transform: none;
        }
      }
    }
  }

  .dropdown-trigger {
    display: none;
  }
}

.nav__list-item {
  position: relative;
  display: block;
  -webkit-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  transition-delay: 0.8s;
  opacity: 0;
  text-align: center;
  color: #fff;
  overflow: hidden;
  font-family: Arsenal, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 28px;

  text-transform: uppercase;
  -webkit-transform: translate(100px, 0%);
  -ms-transform: translate(100px, 0%);
  transform: translate(100px, 0%);
  -webkit-transition: opacity .2s ease, -webkit-transform .3s ease;
  transition: opacity .2s ease, -webkit-transform .3s ease;
  -o-transition: opacity .2s ease, transform .3s ease;
  transition: opacity .2s ease, transform .3s ease;
  transition: opacity .2s ease, transform .3s ease, -webkit-transform .3s ease;
  margin-top: 0;
  margin-bottom: 0;
}

.nav__list-item a {
  position: relative;
  text-decoration: none;
  color: rgba(255, 255, 255, 1);
  overflow: hidden;
  cursor: pointer;
  z-index: 2;
  display: inline-block;
  text-transform: uppercase;
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}

.nav__list-item a:after {
  position: absolute;
  content: '';
  top: 80%;
  margin-top: -2px;
  left: 50%;
  width: 0;
  height: 0;
  opacity: 0;
  background-color: @c3light;
  z-index: -1;
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}

.nav__list-item a:hover:after {
  height: 4px;
  opacity: 1;
  left: 0;
  width: 100%;
}

.nav__list > li > a:hover:after {
  height: 4px;
  opacity: 0;
  left: 0;
  width: 100%;
}

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

.nav__list-item.active-nav a {
  color: rgba(255, 255, 255, 1);
}

.nav__list-item.active-nav a:after {
  height: 4px;
  opacity: 1;
  left: 0;
  width: 100%;
}

body.nav-active .nav__content {
  visibility: visible;
}

body.nav-active .nav {
  visibility: visible;
}

body.nav-active .nav:before, body.nav-active .nav:after {
  -webkit-transform: translateX(0%) translateY(0%);
  -ms-transform: translateX(0%) translateY(0%);
  transform: translateX(0%) translateY(0%);
  border-radius: 0;
}

body.nav-active .nav:after {
  -webkit-transition-delay: .1s;
  -o-transition-delay: .1s;
  transition-delay: .1s;
}

body.nav-active .nav:before {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

body.nav-active .nav__list-item {
  opacity: 1;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
  transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
  -o-transition: opacity .3s ease, transform .3s ease, color .3s ease;
  transition: opacity .3s ease, transform .3s ease, color .3s ease;
  transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease;

  &.tr33 {
    display: none;
  }
}

body.nav-active .nav__list-item:nth-child(0) {
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

body.nav-active .nav__list-item:nth-child(1) {
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

body.nav-active .nav__list-item:nth-child(2) {
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

body.nav-active .nav__list-item:nth-child(3) {
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

body.nav-active .nav__list-item:nth-child(4) {
  -webkit-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

body.nav-active .nav__list-item:nth-child(5) {
  -webkit-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  transition-delay: 0.7s;
}

body.nav-active .nav__list-item:nth-child(6) {
  -webkit-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

body.nav-active .nav__list-item:nth-child(7) {
  -webkit-transition-delay: 0.9s;
  -o-transition-delay: 0.9s;
  transition-delay: 0.9s;
}

body.nav-active .nav__list-item:nth-child(8) {
  -webkit-transition-delay: 1.0s;
  -o-transition-delay: 1.0s;
  transition-delay: 1.0s;
}

body.nav-active .nav__list-item:nth-child(9) {
  -webkit-transition-delay: 1.1s;
  -o-transition-delay: 1.1s;
  transition-delay: 1.1s;
}

body.nav-active .nav__list-item:nth-child(10) {
  -webkit-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
}

.switch-wrap {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 10;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  margin: 0 auto;
  text-align: center;
}

.switch-wrap h1 {
  font-weight: 900;
  font-size: 46px;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 40px;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}

/*** Kontakt Anfrage + Baroness Anfrage ***/
#formcaptchacaptcha_Anfrage {
  display: block;
  border: none !important;
  width: 100% !important;
  margin: 0 10px !important;
  padding: 0px !important;
}

#formcaptchacaptcha_Anfrage table {
  width: 97%;
}

#formcaptchacaptcha_Anfrage table tbody tr td:first-child {
  padding: 10px;
  display: block;
  border-spacing: 9px;
  color: #fff;
}

#formcaptchacaptcha_Anfrage table tbody tr td:nth-child(2) {
  padding-left: 35px;
  width: 54%;
}

#formcaptchacaptcha_Anfrage .captcha {
  background: #fff;
  height: 60px;
  padding: 23px 20px;
  width: 100%;
  margin-bottom: 25px;
}

#formcaptchacaptcha_Anfrage table tr td input {
  width: 100%;
  outline: none !important;
  height: 60px;
  position: relative;
  bottom: 14px;
  margin: 0px;
  border-radius: 0px;
}

.formDatenschutz {
  margin: 0 10px;
}

//.section-id79 form {
//  width: 100% !important;
//}

#formcaptchacaptcha_Reservierung-Baroness {
  display: block;
  border: none !important;
  width: 100% !important;
  margin: 0 10px !important;
  padding: 0px !important;
}

#formcaptchacaptcha_Reservierung-Baroness table {
  width: 97%;
}


#formcaptchacaptcha_Reservierung-Baroness table tbody tr td:first-child {
  padding: 10px;
  display: block;
  border-spacing: 9px;
  color: #fff;
}

#formcaptchacaptcha_Reservierung-Baroness table tbody tr td:nth-child(2) {
  padding-left: 9px;
  padding-right: 2px;
  width: 50%;
}

#formcaptchacaptcha_Reservierung-Baroness .captcha {
  background: #fff;
  height: 60px;
  padding: 23px 20px;
  width: 100%;
  margin-bottom: 25px;
}

#formcaptchacaptcha_Reservierung-Baroness table tr td input {
  width: 100% !important;
  outline: none !important;
  height: 60px;
  position: relative;
  bottom: 14px;
  margin: 0px;
  border-radius: 0px;
}

/********************************************/

/*** Anfrage Bankett Formular Artikel ID:245 ***/

.section-id140 .content-nr-1 {
  background-color: #693d2c;
  padding-top: 220px;
  padding-bottom: 130px;
  color: #fff;
}

.section-id140 {
  .c_teaser {
    color: #fff;
    padding: 0 15px;
  }

  .c_content {
    a {
      color: #fff;
    }
  }
}

.anfrageBankett {
  label {
    margin: 0;
  }

  input, input[type=text], input[type=date], input[type=time], input[type=number], select {
    width: 100%;
    height: 60px;
    border-radius: none;
    padding-left: 20px;
    color: black;
  }

  input[type=submit] {
    margin: 0 auto;
    display: block;
    border: none;
    margin-top: 60px;
    width: 25%;
  }

  .parent {
    display: flex;
    flex-wrap: wrap;
  }

  .child {
    flex: 0 1 46%;
    padding-left: 10px;
    margin: 5px 0;
  }
}

/******************/


@media screen and (max-width: 580px) {
  .switch-wrap h1 {
    font-size: 32px;
  }
}

.switch-wrap p {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1;
  color: #8167a9;
  text-align: center;
  margin-top: 15px;
}

.switch-wrap p span {
  position: relative;
}

.switch-wrap p span:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 2px;
  background-color: #fff;
  left: 0;
  bottom: -4px;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}

.switch-wrap p span:nth-child(2):before {
  opacity: 0;
}

#switch,
#circle {
  cursor: pointer;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}

#switch {
  width: 60px;
  height: 8px;
  margin: 0 auto;
  text-align: center;
  border: 2px solid #000;
  border-radius: 27px;
  background: #8167a9;
  position: relative;
  display: inline-block;
}

#circle {
  position: absolute;
  top: -11px;
  left: -13px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  -webkit-box-shadow: 0 4px 4px rgba(26, 53, 71, 0.25), 0 0 0 1px rgba(26, 53, 71, 0.07);
  box-shadow: 0 4px 4px rgba(26, 53, 71, 0.25), 0 0 0 1px rgba(26, 53, 71, 0.07);
  background: #fff;
}

.switched {
  border-color: #8167a9 !important;
  background: #000 !important;
}

.switched #circle {
  left: 43px;
  background: #000;
}

/* #Swiper / Rellax
================================================== */
.swiper-container, .rellax-container {
  width: 100%;
  height: 100%;
  max-height: 920px;
  margin-top: -22px;

  .slider-wrapper {
    max-height: 920px;
  }

  .rellax {
    background-size: cover;
    background-repeat: no-repeat;
  }

  .slide > div {
    background-position: center;
  }

  div {
    height: 100%;
    max-height: 920px;
  }
}

.start .rellax .ressort-wrap {
  display: none;
}

.arrow {
  height: 20px !important;
  opacity: 0.7;

  &:hover {
    border-color: #fff;
    opacity: 1;
  }
}

.parent_6 .swiper-container .ressort-wrap {
  background-color: rgba(0, 0, 0, 0.17);
}

/* #PAGECONTENT
================================================== */
body.start .page-content .ansicht .c-teaser {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 32px;
  -moz-column-gap: 32px;
  column-gap: 32px;
  text-align: left;
}


/* Sections
================================================== */
.page-content {
  position: relative;
  z-index: 2;

  .ansicht .weiter {
    font-family: 'Roboto condensed', sans-serif;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    background-image: url(/__/images/next.svg);
    color: white;
    background-repeat: no-repeat;
    padding: 25px 0 25px 40px;
    background-position: 0;
    display: inline-block;
    margin: 0 auto;
    width: auto;
    text-align: left;
  }

  section.content-intro {
    background-color: @c1dark;
    padding: 70px 15px;

    .c-title {
      -webkit-column-span: all;
      -moz-column-span: all;
      column-span: all;

      h2 {
        text-align: center;
        font-family: @font1;
        text-transform: uppercase;
        font-size: 48px;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        margin-bottom: 40px;
      }
    }

    .c-teaser {
      color: #fff;
    }
  }
  
    section.serviceboxes {
    background-color: @c1darker;
    padding: 70px 15px;

    .c-title {
      -webkit-column-span: all;
      -moz-column-span: all;
      column-span: all;

      h2 {
        text-align: center;
        font-family: @font1;
        text-transform: uppercase;
        font-size: 48px;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        margin-bottom: 40px;
      }
    }

    .c-teaser {
      color: #fff;
    }
  }
  

  section.content-call {
    padding: 70px 0;

    .section-title {
      text-align: center;
      font-family: @font1;
      text-transform: uppercase;
      font-size: 48px;
      letter-spacing: 0px;
      opacity: 1;
      margin-bottom: 50px;
      color: @c1dark;
    }

    .tns-outer {
      > button {
        display: none;
      }

      .tns-controls {
        text-align: center;
        display: block;
        margin: 50px 0;
        outline: none;

        button {
          height: 46px;
          width: 46px;
          border: none;
          border-radius: 0;
          margin: 0 25px;
          background: transparent;
          padding: 0;

        }
      }

    }

    .slider-wrap {
      position: relative;
      min-height: 563px;
      max-height: 570px;

      * {
        color: #fff;
      }

      .slide-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        opacity: 1;
        min-height: 563px;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;

        &:hover {
          text-decoration: none;
        }
      }

      .slide-image {
        display: block;
        height: auto;
        width: 100%;
        min-width: 50%;
        background-repeat: repeat;
        background-size: cover;
      }

      .content-wrap {
        background: @c1dark;
        padding: 0 50px 0 110px;
        min-width: 50%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-content: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;

        h2 {
          font-family: @font1;
          text-transform: uppercase;
          font-size: 32px;
          margin-bottom: 20px;
          -webkit-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
        }

        .weiter {
          font-family: 'Roboto Condensed', sans-serif;
          font-size: 18px;
          font-weight: 700;
          font-style: normal;
          letter-spacing: 1.8px;
          text-transform: uppercase;
          background-image: url(/__/images/next.svg);
          color: white;
          background-repeat: no-repeat;
          padding-left: 40px;
          background-position: 0;
          display: block;
          margin-top: 15px;
          width: 200px;
        }

        /*.c-content {
          &:after {
            content: url(/__/images/next.svg) ' mehr erfahren';
            font-family: roboto-condensed, sans-serif;
            font-size: 18px;
            font-weight: 700;
            font-style: normal;
            letter-spacing: 1.8px;
            text-transform: uppercase;
          }
        }*/
      }

      .overview {
        position: absolute;
        height: 148px;
        width: 148px;
        left: 50%;
        top: 50%;
        margin-top: -74px;
        margin-left: -81px;
        border-radius: 50%;
      }
    }

    .uebersicht {
      a {
        text-decoration: none;
        color: #000;

        .ev-wrap {
          padding: 20px;
        }

        .ev-day span {
          display: block;
          font-weight: bold;
          margin-bottom: 10px;
          font-size: 14px;
        }

        .thumbparent {
          overflow: hidden;
        }

        .c-thumb {
          width: 100%;
          display: block;
          height: 175px;
          background-size: cover;
          background-position: center;
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1);
          -webkit-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
        }

        .c-teaser {
          padding: 20px;
          text-align: center;
        }

        h2 {
          font-family: @font1;
          color: @c1dark;
          text-transform: uppercase;
          font-size: 24px;
          margin-bottom: 10px;


        }

        &:hover .c-thumb {
          -webkit-transform: scale(1.05);
          -ms-transform: scale(1.05);
          transform: scale(1.05);
        }

      }

    }
  }

  section.content-blocks {
    .block-wrap {
      padding: 50px;

      * {
        color: #fff;
      }

      h2 {
        font-family: @font1;
        text-transform: uppercase;
        font-size: 32px;
        margin-bottom: 20px;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
      }

      a {
        content: url(/__/images/next.svg) ' mehr erfahren';
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 18px;
        font-weight: 700;
        font-style: normal;
        letter-spacing: 1.8px;
        text-transform: uppercase;
      }
    }
  }

  section.section-fullscreen {
    height: 750px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-height: 24em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-size: cover;

    .overlay {
      display: block;
      position: absolute;
      height: 100%;
      width: 100%;
      background-color: rgba(0, 0, 0, 0.40)
    }

    .section-wrap {
      max-width: 50%;
      position: relative;

    }

    .c-title h2, .c-teaser {
      font-family: @font1;
      color: #fff;
      font-size: 48px;
      text-transform: uppercase;
      text-align: center;
    }

    .c-teaser {
      font-size: 24px;
      text-transform: none;
      /*&:after {
        content: url(/__/images/next.svg) ' mehr erfahren';
        font-family: roboto-condensed, sans-serif;
        font-size: 18px;
        font-weight: 700;
        font-style: normal;
        letter-spacing: 1.8px;
        text-transform: uppercase;
      }*/
    }

    .weiter {
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 18px;
      font-weight: 700;
      font-style: normal;
      letter-spacing: 1.8px;
      text-transform: uppercase;
      background-image: url(/__/images/next.svg);
      color: white;
      background-repeat: no-repeat;
      padding-left: 40px;
      background-position: 0;
      display: block;
      margin: 0 auto;
      width: 200px;
    }

  }

  section.section-halfscreen {
    height: 750px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    &.section_7 {
      .weiter {
        display: none;
      }

      .contentbutton {
        text-align: center;
        color: #fff !important;
        max-width: 100%;
        width: auto;
        margin: auto;
      }
    }

    & ~ .section-halfscreen {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      -webkit-flex-direction: row-reverse;
      flex-direction: row-reverse;

      .section-wrap {
        background-color: @c2dark;
      }
    }

    .c-thumb {
      height: 100%;
      background-size: cover;
      background-position: center;
    }

    .section-wrap {
      background: @c1light;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      display: -webkit-flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
      -webkit-flex-flow: column wrap;
      flex-flow: column wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -ms-flex-line-pack: center;
      -webkit-align-content: center;
      align-content: center;
      flex: 0 0 50%;

      > div, a {
        width: 50%;
        margin: 0 auto;
      }


    }

    .c-title h2, .c-teaser {
      font-family: @font1;
      color: #fff;
      font-size: 48px;
      text-transform: uppercase;
      text-align: left;
    }

    .c-teaser {
      font-size: 24px;
      text-transform: none;
      /*&:after {
        content: url(/__/images/next.svg) ' mehr erfahren';
        font-family: roboto-condensed, sans-serif;
        font-size: 18px;
        font-weight: 700;
        font-style: normal;
        letter-spacing: 1.8px;
        text-transform: uppercase;
      }*/
    }

    .weiter {
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 18px;
      font-weight: 700;
      font-style: normal;
      letter-spacing: 1.8px;
      text-transform: uppercase;
      background-image: url(/__/images/next.svg);
      color: white;
      background-repeat: no-repeat;
      padding-left: 40px;
      background-position: 0;
      width: 200px;
    }
  }

  section.section-newsletter {
    min-height: 510px;
    padding: 50px 0;
    background-color: @c3dark;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-size: cover;
    width: 100%;


    .section-wrap {
      background-color: @c3dark;
      display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox; /* TWEENER - IE 10 */
      display: -webkit-flex; /* NEW - Chrome */
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
      -webkit-flex-flow: column wrap;
      flex-flow: column wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -ms-flex-line-pack: center;
      -webkit-align-content: center;
      align-content: center;
      width: 85%;


      > div {
        max-width: 100%;
      }

      a.weiter {
        display: none;
      }

    }

    .c-title h2, .c-teaser {
      font-family: @font1;
      color: #fff;
      font-size: 48px;
      text-transform: uppercase;
      text-align: center;
    }

    .c-teaser, .c-content {
      font-family: @font2;
      font-size: 16px;
      text-transform: none;
      text-align: center;
    }

    form {
      margin-top: 25px;

      input[type=text] {
        border: 1px solid #707070;
        border-radius: 0;
        text-align: center;
        width: 100%;
        max-width: 570px;
        padding: 15px 0;
      }

      input[type=submit] {
        margin-top: 30px;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 24px;
        letter-spacing: 2.5px;
        text-transform: uppercase;
        padding: 10px 30px;
        background-color: @c3light;
        border: none;
        color: #fff;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);

        &:hover {
          -webkit-transform: scale(1.05);
          -ms-transform: scale(1.05);
          transform: scale(1.05);
        }
      }

    }
  }
}

// Indicators

.indicators {
  width: 100%;
  bottom: 0;
  z-index: 4;
  padding: 0;
  text-align: center;

  li {
    width: 13px;
    height: 13px;
    display: inline-block;
    margin: 5px;
    background: @c1light;
    list-style-type: none;
    border-radius: 0;
    cursor: pointer;
    border: 2px solid @c1darker;
    transition: background .3s ease-out;

    &.active {
      background: @c1darker;
    }
  }
}

/* FollowUp
================================================== */
body.follow {
  .ansicht {
    & > div {
      text-align: center;
    }
  }

  .page-content {
    .section-left .h3_headline {
      margin-top: 35px;
    }

    section.intro {
      * {
        color: #fff;
      }

      .c-title h2, .c-teaser {
        font-family: @font1;
        color: #fff;
        font-size: 48px;
        text-transform: uppercase;
        text-align: left;
        margin-bottom: 40px;
      }

      .c-teaser, .c-content {
        font-family: @font2;
        font-size: 16px;
        text-transform: none;
        text-align: left;
      }

      .section-left {
        background-color: @c1dark;
        padding: 70px 100px;
      }

      .overview {
        position: relative;
        height: 124px;
        width: 124px;
        margin-bottom: 40px;
        border-radius: 50%;

      }

      .section-right {
        background-color: @c1darker;
        padding: 70px 100px;

        .c-title h2 {
          font-size: 32px;

        }
      }
    }

    section.section-2 {
      .section-wrap {
        background-color: #fff;

        * {
          color: #000;
        }

        h2 {
          font-family: @font1;
          text-transform: uppercase;
          font-size: 32px;
          margin-bottom: 20px;
          -webkit-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
        }

        .c-teaser, .c-content {
          font-family: @font2;
          font-size: initial;
        }

      }
    }

    section.section-service {
      background-color: #548C98;
      position: relative;

      h2.section-title {
        text-align: center;
        font-family: @font1;
        text-transform: uppercase;
        font-size: 32px;
        letter-spacing: 0px;
        opacity: 1;
        margin-bottom: 65px;
        color: #fff;
      }

      .blockcontainer {
        div:last-of-type {
          text-align: left;

          > a.contentbutton {
            display: inline-block;
            width: 200px;
          }
        }

        .content-wrap {
          background: #fff;
          padding: 28px 16px;

          .c-title h2 {
            text-align: left;
            font-family: @font1;
            letter-spacing: 0px;
            color: @c1dark;
            text-transform: uppercase;
            margin-bottom: 14px;
          }

          .c-teaser {
            font-family: @font2;
            font-weight: 700;
            font-size: 14px;
            margin-bottom: 30px;
          }

          .c-content {
            span.h3_headline {
              font-size: 24px;
              color: #000;
              margin-top: 35px;
              margin-bottom: 0;
              display: block;
              text-transform: none;
            }
          }
        }
      }
    }

    section.content-detail {
      margin: 70px 0;

      .c-thumb img {
        width: 100%;
        max-width: 100%;
        margin-bottom: 50px;
      }

      .c-content a {
        color: #000;
        text-decoration: underline;
        font-weight: bold;
        opacity: 1;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;

        &:hover {
          opacity: 0.5;

        }
      }

      .c-more {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 18px;
        font-weight: 700;
        font-style: normal;
        letter-spacing: 1.8px;
        text-transform: uppercase;
        color: #000;
        display: inline-block;
        margin-top: 50px;
        margin-bottom: 105px;

        &:before {
          content: url(/__/images/next_black.svg);
          margin-right: 15px;

        }
      }
    }

    section.section-list {
      &.content-2 {
        margin-top: 100px;
      }

      .section-wrap {
        .c-date {
          background-color: @c1dark;
          font-family: @font4;
          color: #fff;
          text-transform: uppercase;
          font-weight: 700;
          text-align: center;
          padding: 12px 0;

        }

        .c-thumb {
          display: block;
          width: 100%;
          height: 500px;
          background-size: cover;
          background-position: center;
        }

        .c-title h2 {
          text-align: left;
          font-family: @font1;
          letter-spacing: 0px;
          color: @c1dark;
          text-transform: uppercase;
          margin: 50px 0 30px 0;
          font-size: 32px;
        }

        .c-content:after {
          content: "";
          position: relative;
          display: inline-block;
          width: 100px;
          height: 2px;
          background-color: #36A0F7;
          margin-top: 40px;
          margin-bottom: 100px;
        }
      }
    }

    section.content-news {
      padding: 220px 0 70px 0;

      article.ansicht {
        .c-date {
          -webkit-column-span: all;
          -moz-column-span: all;
          column-span: all;
          color: #fff;
          display: block;
          margin-bottom: 45px;
          text-align: center;
        }
      }
    }

    .section-id38 {
      article {
        width: 100%;

        a {
          color: #000;

          .c-teaser, .c-more {
            opacity: 1;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
          }
        }

        a:hover, a:focus {
          color: #000;
          text-decoration: none;

          .c-teaser, .c-more {
            opacity: 0.5;
          }
        }

        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        min-height: 550px;

        &:nth-child(even) {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
          -webkit-flex-direction: row-reverse;

          flex-direction: row-reverse;
        }

        &:nth-child(odd) {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          -webkit-flex-direction: row;

          flex-direction: row;
        }

        .c-thumb {
          background-position: center;
          background-size: cover;
        }

        .c-title h2 {
          text-align: left;
          font-family: @font1;
          letter-spacing: 0px;
          color: @c1dark;
          text-transform: uppercase;
          margin: 0 0 30px 0;
          font-size: 32px;
        }

        .content-wrap {
          height: 100%;
          max-width: 80%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-flow: column wrap;
          -webkit-flex-flow: column wrap;
          flex-flow: column wrap;
          margin: 0 auto;
        }

        .c-date {
          font-weight: bold;
          display: block;
          margin-bottom: 25px;

        }

        span.c-more {
          display: block;
          font-family: 'Roboto Condensed', sans-serif;
          font-size: 18px;
          font-weight: 700;
          font-style: normal;
          letter-spacing: 1.8px;
          text-transform: uppercase;
          color: #000;

          &:before {
            content: url(/__/images/next_black.svg);
            margin-right: 5px;
            margin-bottom: -3px;

          }
        }
      }

    }
  }
}

body.follow-100 {
  .section-halfscreen .section-wrap a.weiter {
    display: none;
  }
}

body.follow-106 {
  .swiper-container {
    height: 100vh;
    margin-top: 0;
    position: relative;
    max-height: none;

    .slider, .slider-wrapper {
      height: 100vh;
      overflow: hidden;
      padding-top: 0 !important;
    }

    .slide {
      height: 100vh;

      .tour-pic {
        height: 80%;
        position: relative;
        background-position: center;
      }

      .tour-wrap {
        position: absolute;
        height: auto;
        bottom: 0;
        width: 100%;
        min-height: 20%;
        //min-height: calc(~'100% - 920px');
        background-color: @c1dark;
        padding: 70px 15px;

        .c-title {
          -webkit-column-span: all;
          -moz-column-span: all;
          column-span: all;
          height: auto;

          h1 {
            text-align: center;
            font-family: @font1;
            text-transform: uppercase;
            font-size: 48px;
            letter-spacing: 0px;
            color: #FFFFFF;
            opacity: 1;
            margin-bottom: 40px;
          }
        }

        .c-teaser {
          color: #fff;
          height: auto;
        }
      }
    }
  }
}

.section-id36 {
  margin-top: 100px;
  margin-bottom: 175px;
}

.triggerbox-container {

  .triggerbox {
    background-color: @c1darker;

    .trigger {
      width: 90%;
      font-family: @font1;
      color: white;
      padding: 15px;
      font-size: 24px;
      position: relative;

      .akk-down {
        background-image: url(/__/images/next.svg);
        background-position: center center;
        width: 40px;
        height: 40px;
        display: block;
        position: absolute;
        right: -40px;
        top: 8px;
        background-repeat: no-repeat;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
      }

      &.open .akk-down {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
      }
    }

    .trigger-content {
      background-color: #fff;
      display: none;
      padding: 20px;
    }
  }
}

/* Kontakt
================================================== */
.section-id34, .section-kontakt {
  a {
    color: #fff;
    text-decoration: underline;
  }

  .c_title {
    font-size: 48px;
    text-align: center;
    font-family: @font1;
    text-transform: uppercase;
  }

  .c_teaser {
    text-align: center;
    margin: 40px 0 80px;
  }

  .content-nr-1 {
    background-color: @c1darker;
    padding-top: 220px;
    padding-bottom: 130px;

    .c_title, .c_teaser {
      color: white;
    }
  }

  .content-nr-2 {
    padding-top: 90px;

    .c_title {
      color: @c1dark;
    }
  }

  form {
    width: 750px;
    margin: 0 auto;
    color: white;

    input[type=text] {
      width: 47%;
      margin: 0 10px;
      height: 60px;
      border-radius: 5px;
      padding-left: 20px;
      color: black;
    }

    textarea {
      width: 97%;
      margin: 0 10px;
      height: 130px;
      border-radius: 5px;
      padding-left: 20px;
      padding-top: 10px;
      color: black;
    }

    input[type=checkbox] {
      margin-left: 10px;
    }

    input[type=submit] {
      margin: 0 auto;
      display: block;
      border: none;
      margin-top: 60px;
    }
  }
}

/* Ressorts
================================================== */
.ressort-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  width: 100%;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;

  height: auto;

  > div {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    text-align: center;
    height: auto;

  }

  .ressort-title h1 {
    font-size: 64px;
    font-family: @font1;
    color: #fff;
    text-transform: uppercase;
  }

  .ressort-text {
    font-size: 24px;
    font-family: @font1;
    color: #fff;
  }
}

/* Locations
================================================== */
.loc_bar {
  .overview {
    background: url(/__/images/mi_barLounge.svg) center;
    background-position: center;
  }
}

.loc_plenum {
  .overview {
    background: url(/__/images/mi_plenum.svg) center;
    background-position: center;
  }
}

.loc_kapelle {
  .overview {
    background: url(/__/images/mi_kapelle.svg) center;
    background-position: center;
  }
}

.loc_raeuberbaron {
  .overview {
    background: url(/__/images/mi_rauberbaron.svg) center;
    background-position: center;
  }
}

.loc_baroness {
  .overview {
    background: url(/__/images/mi_baronEss.svg) center;
    background-position: center;
  }
}

.loc_seeareal {
  .overview {
    background: url(/__/images/mi_seeAreal.svg) center;
    background-position: center;
  }
}

.loc_hof {
  .overview {
    background: url(/__/images/mi_hof.svg) center;
    background-position: center;
  }
}

/* Tooltips
================================================== */
svg {
  a.marker {
    > g circle:first-of-type {
      fill: #fff;
      -webkit-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
    }

    > g circle:last-of-type {
      fill: #61AFC7;
      -webkit-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
    }

    &:hover {
      > g circle:first-of-type {
        fill: #61AFC7;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
      }

      > g circle:last-of-type {
        fill: #FFF;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
      }
    }
  }
}

.popover .arrow {
  z-index: 1200;
}

.popover-body {
  padding: 0;
  background: @c1dark;

  > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 330px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=12, Direction=135, Color=#000000)"; /*IE 8*/
    -moz-box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.4); /*FF 3.5+*/
    -webkit-box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.4); /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.4); /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=12, Direction=135, Color=#000000); /*IE 5.5-7*/
  }

  .pop-text {
    width: 165px;
    min-height: 165px;
    height: auto;
  }

  .pop-thumb {
    width: 165px;
    height: 165px;
    overflow: hidden;

    img {
      height: 100%;
    }
  }

  .title {
    padding: 10px;
    font-family: @font3;
    font-size: 24px;
    color: #fff;
  }

  .modalcontent {
    font-family: @font2;
    font-size: 13px;
    color: #fff;
    padding: 0 10px;
    /*&:after {
      content: url(/__/images/next.svg) ;
      font-family: roboto-condensed, sans-serif;
      font-size: 13px;
      font-weight: 700;
      font-style: normal;
      letter-spacing: 1.8px;
      text-transform: uppercase;
      display: block;
      margin-bottom: 15px;
    }*/
  }
}

.bs-popover-auto[x-placement^=right] > .arrow::after, .bs-popover-right > .arrow::after {
  left: 1px;
  border-width: .5rem .5rem .5rem 0;
  border-right-color: @c1dark;
}

.popover {
  min-width: 330px;
}

/* Footer
================================================== */
footer {
  background: #1A222B;
  padding: 80px 0;
  position: relative;
  display: block;
  z-index: 10;

  span {
    color: #fff;
    clear: both;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 10px;

    &.tel {
      font-family: roboto, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 24px;
      margin-bottom: 25px;

      strong {
        display: inline-block;
        padding-bottom: 5px;
        margin-left: 10px;
      }

    }

    &.social {
      display: block;
    }
  }

  a.mail {
    text-decoration: none;
    display: block;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-bottom: 30px;

    span {
      text-decoration: none;
      text-align: center;
      display: block;
      border: 1px solid #fff;
      width: 100%;
      padding: 10px 0;

    }

    &:hover span {
      border: 1px solid #bbb;
    }

  }


  h3 {
    font-family: Arsenal, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 20px;
  }

  p {
    color: #fff;
  }

  ul {
    padding-left: 0;
  }

  ul li {
    list-style-type: none;
  }

  a {
    color: #fff;
    text-decoration: underline;
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

    &:hover {
      opacity: 0.5;
      color: #fff;
    }
  }
}

/**** Quicknews ***/

.qn {
  display: none;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  right: 0;
  z-index: 100;
  height: 100vh;
  top: 0;
  opacity: 0;
  overflow: auto;
}

.qn .qn-inner {
  display: block;
  width: 600px;
  overflow-y: auto;
  max-width: 90%;
  margin: 0 auto;
  padding: 0;
  background-color: transparent;
  box-shadow: rgba(0, 0, 0, 0.25) -5px 0px 30px 2px;
  position: relative;
  border: none;
  margin-top: 5%;
  /*height: 100%;*/

  img {
    width: 100%;
    height: auto;
  }
}

.qn .c-title, .qn .c-teaser, .qn .qn-weiter {
  color: white;
  text-align: left;
}

.qn .c-title {
  font-size: 28px;
  line-height: 36px;
  clear: both;
}

.qn .c-teaser {
  font-size: 18px;
  line-height: 30px;
  margin: 25px 0;
}

.qn .qn-weiter {
  font-style: italic;
  font-size: 16px;
  line-height: 26px;
  text-decoration: underline;
  float: right;
  display: inline-block;
  margin-bottom: 25px;
}

.qn .close-qn {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 7px;
  cursor: pointer;
  background-color: white;

  .fa-window-close {
    font-size: 24px;
  }
}

/* qn ende */

/* Buttons
================================================== */
input[type=submit], .contentbutton {
  display: inline-block;
  margin-top: 5px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  padding: 10px 20px;
/*  background-color: @c3light;*/
  background-color: #9b6740;
  color: #fff;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);

  &:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
  }
}

button:focus {
  outline: none;
}

@media only screen and (max-width: 1440px) {
  .qn .qn-inner {
    width: 450px;
  }

  .special-button-1,
  .special-button-2 {
    right: 50px;
  }
}

@media only screen and (max-width: 1024px) {
  .swiper-container, .rellax-container {
    width: 100%;
    height: 100%;
    max-height: 500px;

    .rellax {
      -webkit-transform: none !important;
      -ms-transform: none !important;
      transform: none !important;
    }

  }

  body.follow-106 .swiper-container .slide .tour-wrap .c-title h1 {
    font-size: 36px;
    margin-bottom: 25px;
  }

  body.follow-106 .swiper-container .slide .tour-wrap {
    min-height: calc(100% - 920px);
    background-color: #8e4e36;
    padding: 50px 15px;
  }

  body.follow-106 .swiper-container .slide .tour-pic {
    height: 80%;
    position: relative;
  }

  .veno_gallery .diashow {
    width: 240px;
    height: 240px;
  }

  .section-halfscreen {
    &.section-3 {
      height: 550px !important;
      background-color: @c1light;
    }

    &.section-5 {
      height: 550px !important;
      background-color: @c2dark;
    }
  }

  body.nav-active .nav__list-item {

    &.tr33 {
      display: block;
    }
  }

  .section-halfscreen.section_7 {
    min-height: 550px;

    .section-wrap {
      -webkit-align-items: flex-start !important;
      align-items: flex-start !important;
      padding-left: 45px;

      .c-teaser {
        text-align: left !important;
      }

      .weiter {
        background-image: url(/__/images/next_black.svg);
      }
    }
  }

  .section-halfscreen .section-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-height: 425px;
    flex: auto;
    padding: 50px 0;

    > div, a {
      max-width: 80%;
      width: auto !important;
      margin: auto !important;
    }

    .c-title h2 {
      font-size: 36px !important;

    }

    .c-teaser {
      line-height: 28px;
      text-align: center;
    }
  }

  body.nav-active .nav__list > li {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    margin-bottom: 10px;
  }

  body.follow .page-content section.intro .section-right {
    background-color: #693d2c !important;

    .two-col > div {
      width: 100% !important;
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      max-width: none;
    }

  }

  body.follow .page-content section.intro .section-left, body.follow .page-content section.intro .section-right {
    background-color: #8e4e36;
    padding: 70px 30px;

    .two-col > div {
      width: 100%;
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      max-width: none;
    }

  }

  svg {
    a.marker {
      display: none;
    }
  }

  .nav__list .dropdown-trigger {
    display: block;
    position: absolute;
    right: 0;
    top: 10px;
    width: 100%;
    text-align: right;
    z-index: 5;
  }

  .nav__list > li {
    width: 100%;
    min-height: auto;
  }

  .nav__list > li.li_menu_a > a {
    background-color: white;
    color: #4f838e;
  }

  .nav__list > li > a {
    margin-bottom: 10px;
    font-size: 24px;
  }

  .nav__list > li > ul.navsub {
    display: none;

    a {
      font-size: 18px;
    }
  }

  .page-content section.content-call .slider-wrap .slide-image {
    display: block;
    height: auto;
    width: 100%;
    min-width: 480px;
  }

  .page-content section.content-call .slider-wrap .content-wrap {
    min-width: 480px;
  }

  #formcaptchacaptcha_Reservierung-Baroness table tbody tr td:nth-child(2) {
    padding-left: 9px;
    padding-right: 2px;
    width: 50%;
  }

  .qn .qn-inner {
    width: 400px;
  }
}


@media only screen and (max-width: 990px) {
  .triggerbox-container {
    flex: auto;
    width: 100%;
    max-width: 100%;
  }

  .section_7.section-2 {
    .section-wrap {
      .c-title h2 {
        padding-left: 30px;
      }
    }
  }

  .nav-active .cd-header {
    width: auto;
    top: 0;
    right: 0;
    left: auto;
  }

  .nav-active .nav__list > li {
    float: none;
  }

  .nav__content {
    position: fixed;
    visibility: hidden;
    top: 0px;
    margin-top: 0;
    padding-top: 120px !important;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    padding-left: 50px;
    width: 80%;
    height: 100%;
    overflow-y: auto;
    display: block;
  }

  body.follow .page-content section.section-service .blockcontainer div * {
    text-align: center !important
  }

  .section-halfscreen {
    &.section-3 {
      height: auto !important;
      background-color: @c1light;
    }

    &.section-5 {
      height: auto !important;
      background-color: @c2dark;
    }
  }

  .an-events .col-1, .an-events .col-2 {
    width: 100%;
    max-width: 100%;
    flex: auto;

    p {
      text-align: left !important;
    }
  }

  .ev-wrap * {
    text-align: center;
  }

  .search-btn.closed, .mobile-btn.closed {
    background: url(/__/images/magnifying-glass.svg) no-repeat center;
    background-size: 60%;
    margin-right: 10px;
  }

  .search-btn.opened {
    margin-right: 10px;
  }

  .page-content section.content-call .uebersicht a .c-thumb {
    margin: 0 auto;
    max-width: 300px;
  }

  .swiper-container, .rellax-container {
    width: 100%;
    height: 55vh;
    max-height: 500px;
    min-height: 325px;
  }

  body.follow .page-content section.intro .c-teaser, body.follow .page-content section.intro .c-content {

    margin-bottom: 0;
  }

  .section-wrap .c-title h2 {
    margin-bottom: 20px;
  }

  .section-wrap .c-teaser {
    margin-bottom: 15px;
  }

  section.content-blocks {
    .block-wrap {
      padding: 50px 30px !important;
    }
  }

  .section-id34 form {
    width: 100%;
    margin: 0 auto;
    color: white;
  }

  .menue {
    margin-bottom: 30px;
  }

  .tns-outer {
    padding: 0 !important;
    position: relative;
  }

  body.follow .page-content section.content-call .tns-outer .tns-controls {
    text-align: center;
    display: block;
    margin-top: -20px;
    outline: none;
    position: absolute;
    width: 100%;
    top: 228px;

    button:first-of-type {
      float: left;
    }

    button:last-of-type {
      float: right;
    }
  }

  body.follow .page-content section.content-call.section-moreloc .tns-outer .tns-controls {
    text-align: center;
    display: block;
    margin-top: -20px;
    outline: none;
    position: absolute;
    top: auto;

    button:first-of-type {
      float: none;
    }

    button:last-of-type {
      float: none;
    }
  }

  .section-locslider .blockcontainer {
    padding-right: 0;
    padding-left: 0;
    background-color: #8e4d36;

    .slider-wrap {
      max-height: none !important;

      .content-wrap {
        max-height: 563px;
      }
    }
  }

  .logo-wrap {
    top: 30px;

    a {
      cursor: pointer;
      display: inline-block;
      background: url(/__/images/logo-mobil.svg) no-repeat;
      background-size: contain;
      height: 60px;
      width: 120px;
    }
  }


  body.follow .page-content section.intro .c-title h2 {

    font-size: 36px;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 20px;
  }

  body.follow .ansicht > div {
    text-align: left;
  }

  .ressort-wrap .ressort-title h1 {
    font-size: 36px;
    font-family: Arsenal, sans-serif;
    color: #fff;
    text-transform: uppercase;
  }

  .page-content section.content-call .slider-wrap .slide-link {
    flex-direction: column;

    .slide-image {
      display: block;
      min-width: auto;
      height: 230px;
      background-size: cover;
      max-width: 100%;
    }
  }

  .page-content section.content-call .slider-wrap .overview {
    position: absolute;
    height: 148px;
    width: 148px;
    left: 50%;
    top: 115px;
    margin-top: -74px;
    margin-left: -81px;
    border-radius: 50%;
  }

  .page-content section.content-call .slider-wrap .content-wrap {
    background: #8e4e36;
    padding: 50px;
    min-width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .section-locslider {
    padding-bottom: 0 !important;
  }

  body.follow .page-content section.intro .overview {
    position: relative;
    height: 148px;
    width: 100%;
    margin-bottom: 40px;
    border-radius: 0;
    text-align: center;
    background-repeat: no-repeat;
    margin-top: -150px;
  }

  article.an-news {
    padding: 0 30px !important;
  }

  body.follow .page-content .section-id38 article {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: column !important;
    -webkit-flex-direction: column !important;
    flex-direction: column !important;

    .c-thumb {
      height: 300px;
      background-size: cover;
      margin-bottom: 50px;
    }

    .content-wrap {
      max-width: 100%;
      padding: 0 15px;
    }
  }

  body.follow .page-content .section-id38 article .content-wrap {
    height: auto;
  }

  body.follow .page-content .section-id38 article span.c-more {
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 30px;
  }

  .section-halfscreen.section_7 {
    min-height: 550px;

    .c-thumb {
      display: none !important;
    }
  }

  .page-content {
    .section-fullscreen .section-wrap {
      max-width: 85% !important;
    }

    h2.section-title {
      font-size: 36px !important;
    }

    section.content-intro {
      .c-title {
        h2 {
          font-size: 36px;
          text-align: left;
        }
      }

      .c-teaser {
        -webkit-column-count: 1 !important;
        -moz-column-count: 1 !important;
        column-count: 1 !important;
      }
    }

    section.section-fullscreen {
      max-height: 375px;

      .c-title h2 {
        font-size: 36px !important;
      }
    }

    section.section-newsletter {
      .c-title h2 {
        font-size: 36px !important;
      }

      .section-wrap {
        padding: auto !important;
        margin: auto !important;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;

        > div {
          min-width: 80%;
          max-width: 90%;
        }
      }
    }

    section.section-halfscreen {
      min-height: 425px;

      .c-thumb {
        display: block;
        min-height: 425px;
      }

      .section-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        -webkit-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        min-height: 425px;
        flex: auto;
        padding: 50px 0;

        > div, a {
          max-width: 80%;
          width: auto;
          margin: auto;
        }

        .c-title h2 {
          font-size: 36px !important;

        }

        .c-teaser {
          line-height: 28px;
          text-align: center;
        }
      }

    }

  }

  footer {
    .col-md {
      min-width: 50%;
      margin: 25px 0;
    }

    h3 {
      font-size: 24px;
    }

    * {
      text-align: center;
    }

    span.tel {
      display: inline-block;
    }
  }

  #klaro .klaro .cookie-notice .cn-body .cn-ok {
    margin-left: 0px !important;
  }

  #formcaptchacaptcha_Reservierung-Baroness table tbody tr td:nth-child(2) {
    padding-left: 10px;
    padding-right: 0;
    width: 50%;
  }

  .section-id79 form {
    width: 100%;
  }

  .section-id34 form input[type=text] {
    width: 97%;
  }

  .section-id79 form input[type=text] {
    width: 97%;
  }

}

@media only screen and (max-width: 800px) {
  .ue-myslider {
    max-height: 770px !important;
    overflow: hidden;
  }

  .section-locslider {

    margin-bottom: 50px;
  }

  .section-list {
    max-width: 100%;

    .col-md-1 {
      padding-right: 0;
    }
  }
}

@media only screen and (max-width: 800px) and(orientation: landscape) {
  .qn .qn-inner {
    width: 200px;
  }
}

@media only screen and (max-width: 768px) {
  .special-button-1,
  .special-button-2 {
    width: 100px;
    height: 100px;
  }
}

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


  .section-id34 form input[type=text] {
    width: 97%;
    margin: 10px 10px;
    height: 60px;
    border-radius: 5px;
    padding-left: 20px;
    color: black;
  }

  .mobile-btn {
    display: block !important;
  }

  .search-wrap .spsearch .x-form-field-wrap {
    width: 75% !important;
    max-width: 100%;
  }

  .search-wrap .spsearch .x-form-field-wrap .x-form-trigger {
    right: auto !important;
    height: auto;
    width: 215px;
    border: 2px solid #fff;
    cursor: pointer;
    position: relative;
    top: auto;
    float: left;
    margin-top: 20px;
  }

  .section-id79 form input[type=text] {
    width: 97% !important;
  }

  .anfrageBankett {
    .parent {
      display: block;
    }

    input[type=submit] {
      width: 50%;
    }
  }

  .nav-but-wrap, .video-button{
    margin-left: 10px;
  }

  .video-container{
    padding: 20px;
  }
}

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

@media only screen and (max-width: 480px) {
  .swiper-container, .rellax-container {
    width: 100%;
    height: 85vh;
    max-height: 500px;
  }

  .nav__content {
    width: 100%;
    padding: 0 30px;
  }

  .section-id34 form input[type=text] {
    width: 97%;
    margin: 10px 10px;
    height: 60px;
    border-radius: 5px;
    padding-left: 20px;
    color: black;
  }

  .mobile-btn {
    display: block !important;
  }

  .search-wrap .spsearch .x-form-field-wrap {
    width: 75% !important;
    max-width: 100%;
  }

  section.spcontent > div {
    max-width: 200px;
  }

  .search-wrap .spsearch .x-form-field-wrap .x-form-trigger {
    right: auto !important;
    height: auto;
    width: 215px;
    border: 2px solid #fff;
    cursor: pointer;
    position: relative;
    top: auto;
    float: left;
    margin-top: 20px;
  }

  .header-wrapper {
    position: relative;
    width: calc(~'100% - 20px');
    margin-left: 10px;
  }

  .nav-but-wrap {
    margin-left: 10px;
  }

  .page-content section.section-halfscreen .c-thumb {
    display: none;
  }

  .search-btn, .mobile-btn {
    margin-right: 0px;
    width: 30px;
    padding: 0;
  }

  #klaro .klaro .cookie-notice .cn-body .cn-ok {
    margin-left: 0px !important;
  }

  #klaro .klaro .cookie-notice {
    font-size: 8px !important;
  }

  .nav-but-wrap, .video-button, .opening{
    width: 50px;
  }

  .nav-but-wrap, .video-button{
    margin-left: 5px;
  }

}

@media only screen and (max-width: 480px) and (orientation: landscape) {
  #klaro .klaro .cookie-notice {
    font-size: 8px;
  }
}