/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/google/open-sans-v18-latin-300.eot');
  src: local('Open Sans Light'), local('OpenSans-Light'),
    url('../fonts/google/open-sans-v18-latin-300.eot?#iefix')
      format('embedded-opentype'),
    url('../fonts/google/open-sans-v18-latin-300.woff2') format('woff2'),
    url('../fonts/google/open-sans-v18-latin-300.woff') format('woff'),
    url('../fonts/google/open-sans-v18-latin-300.ttf') format('truetype'),
    url('../fonts/google/open-sans-v18-latin-300.svg#OpenSans') format('svg');
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/google/open-sans-v18-latin-300italic.eot');
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
    url('../fonts/google/open-sans-v18-latin-300italic.eot?#iefix')
      format('embedded-opentype'),
    url('../fonts/google/open-sans-v18-latin-300italic.woff2') format('woff2'),
    url('../fonts/google/open-sans-v18-latin-300italic.woff') format('woff'),
    url('../fonts/google/open-sans-v18-latin-300italic.ttf') format('truetype'),
    url('../fonts/google/open-sans-v18-latin-300italic.svg#OpenSans')
      format('svg');
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/google/open-sans-v18-latin-regular.eot');
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
    url('../fonts/google/open-sans-v18-latin-regular.eot?#iefix')
      format('embedded-opentype'),
    url('../fonts/google/open-sans-v18-latin-regular.woff2') format('woff2'),
    url('../fonts/google/open-sans-v18-latin-regular.woff') format('woff'),
    url('../fonts/google/open-sans-v18-latin-regular.ttf') format('truetype'),
    url('../fonts/google/open-sans-v18-latin-regular.svg#OpenSans')
      format('svg');
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/google/open-sans-v18-latin-italic.eot');
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
    url('../fonts/google/open-sans-v18-latin-italic.eot?#iefix')
      format('embedded-opentype'),
    url('../fonts/google/open-sans-v18-latin-italic.woff2') format('woff2'),
    url('../fonts/google/open-sans-v18-latin-italic.woff') format('woff'),
    url('../fonts/google/open-sans-v18-latin-italic.ttf') format('truetype'),
    url('../fonts/google/open-sans-v18-latin-italic.svg#OpenSans') format('svg');
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/google/open-sans-v18-latin-700.eot');
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
    url('../fonts/google/open-sans-v18-latin-700.eot?#iefix')
      format('embedded-opentype'),
    url('../fonts/google/open-sans-v18-latin-700.woff2') format('woff2'),
    url('../fonts/google/open-sans-v18-latin-700.woff') format('woff'),
    url('../fonts/google/open-sans-v18-latin-700.ttf') format('truetype'),
    url('../fonts/google/open-sans-v18-latin-700.svg#OpenSans') format('svg');
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/google/open-sans-v18-latin-600italic.eot');
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
    url('../fonts/google/open-sans-v18-latin-600italic.eot?#iefix')
      format('embedded-opentype'),
    url('../fonts/google/open-sans-v18-latin-600italic.woff2') format('woff2'),
    url('../fonts/google/open-sans-v18-latin-600italic.woff') format('woff'),
    url('../fonts/google/open-sans-v18-latin-600italic.ttf') format('truetype'),
    url('../fonts/google/open-sans-v18-latin-600italic.svg#OpenSans')
      format('svg');
}

/* ==========================================================================

Global Styles

========================================================================== */

body {
  font-family: 'Open Sans', sans-serif;

  font-size: 16px;

  color: #0d0d0d;

  overflow-x: hidden;
}

.sep {
  max-width: 80px;

  border: 2px solid #0d0d0d;

  margin-top: 40px;

  margin-bottom: 40px;
}

.light-sep {
  max-width: 80px;

  border: 2px solid #fff;

  margin-top: 40px;

  margin-bottom: 40px;
}

/* ==========================================================================

Typography

========================================================================== */

h1 {
  font-size: 72px;

  color: #fff;

  font-weight: 300;

  letter-spacing: 0.16em;
}

h2 {
  font-size: 36px;

  color: #000;

  font-weight: 400;

  letter-spacing: 0.05em;
}

h3 {
  font-size: 26px;

  color: #000;

  font-weight: 400;
}

h4 {
  font-size: 24px;

  color: #000;

  font-weight: 400;
}

h5 {
  font-size: 22px;

  color: #000;

  font-weight: 400;
}

h6 {
  font-size: 18px;

  color: #000;

  font-weight: 400;

  letter-spacing: 0.05em;
}

p {
  font-size: 16px;

  color: #000;

  font-weight: 400;
}

/* ==========================================================================

Buttons Styles

========================================================================== */

.btn-transparent {
  background: transparent;

  border: 3px solid #fff;

  padding: 15px 30px;

  font-size: 14px;

  border-radius: 0;

  color: #fff;

  transition: all 0.3s ease-in-out;

  font-weight: 700;

  letter-spacing: 0.05em;

  text-transform: uppercase;
}

.btn-transparent:hover,
.btn-transparent:focus,
.btn-transparent:active {
  background: #fff;

  color: #0d0d0d;

  text-decoration: none;
}

.btn-light {
  background: #fff;

  border: 3px solid #fff;

  padding: 15px 30px;

  font-size: 14px;

  border-radius: 0;

  color: #0d0d0d;

  transition: all 0.3s ease-in-out;

  font-weight: 700;

  letter-spacing: 0.05em;

  text-transform: uppercase;
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
  background: transparent;

  color: #fff;

  text-decoration: none;
}

.btn-block {
  background: #24242a;

  padding: 15px 0;

  font-size: 16px;

  border-radius: 0;

  color: #fff;

  transition: all 0.3s ease-in-out;

  font-weight: 700;

  letter-spacing: 0.05em;

  text-transform: uppercase;

  border: 3px solid #24242a;
}

.btn-block:hover,
.btn-block:focus,
.btn-block:active {
  background: #fff;

  color: #0d0d0d;

  text-decoration: none;
}

/* ==========================================================================

Layout

========================================================================== */

.dark-bg {
  background: #24242a;
}

.light-bg {
  background: #fff;
}

/* ==========================================================================

Preloader Style

========================================================================== */

.preloader {
  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 999999;

  background: #24242a;
}

.preloader i {
  color: #fff;

  position: absolute;

  font-size: 36px;

  line-height: 36px;

  top: 50%;

  left: 50%;

  height: 36px;

  width: 36px;

  margin-top: -15px;

  margin-left: -15px;

  display: inline-block;
}

/* ==========================================================================

Navigation Style

========================================================================== */

.navbar-default {
  background: rgba(13, 13, 13, 0.6);

  margin-bottom: 0;

  border: none;
}

.navbar-default .navbar-header {
  width: 28%;

  padding-right: 15px;
}

meine.navbar-default .nav-wrap {
  width: 50%;
}

.navbar-default .nav > li > a {
  font-size: 14px;

  color: #fff;

  font-weight: 700;

  text-transform: uppercase;

  padding: 35px 15px;

  transition: all 0.3s ease-in-out;
}

.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus,
.navbar-default .nav > li > a:active {
  color: #a3a3a3;
}

.navbar-default .social-media {
  float: right;

  padding: 0 15px;
}

.navbar-default .social-media i {
  font-size: 22px;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  background: transparent;

  color: #a3a3a3;
}

.top-nav-collapse {
  background: #24242a;
}

.top-nav-collapse .navbar-brand {
  height: auto;
}

.top-nav-collapse .navbar-brand img {
  width: 174px;

  height: 52px;
}

.top-nav-collapse .nav > li > a {
  padding: 30px 15px;
}

/* ==========================================================================

Sliders Style

========================================================================== */

#owl-hero {
  overflow: hidden;
}

#owl-hero .item {
  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;
}

#owl-hero .item .caption {
  position: absolute;

  top: 50%;

  margin-top: -104px;

  left: 0;

  right: 0;

  text-align: center;

  z-index: 15;
}

#owl-hero .item .caption h1 {
  margin-top: 40px;

  margin-bottom: 50px;

  text-transform: uppercase;
}

#owl-hero .item .caption h1 span {
  font-weight: 700;
}

#owl-hero .item .caption h6 {
  color: #fff;

  margin: 0;
}

#owl-hero .owl-pagination {
  position: absolute;

  display: block;

  text-align: center;

  width: 100%;

  bottom: 5%;
}

#owl-hero .owl-pagination .owl-page.active span {
  background: #fff;
}

#owl-hero .owl-pagination .owl-page span {
  border: 2px solid #fff;

  border-radius: 50%;

  background: transparent;

  opacity: 1;

  transition: all 0.3s ease-in-out;
}

#owl-hero .owl-buttons div {
  background: #fff;

  font-size: 24px;

  color: #a3a3a3;

  opacity: 1;
}

#owl-hero .owl-buttons .owl-prev {
  left: -60px;
}

#owl-hero .owl-buttons .owl-next {
  right: -60px;
}

#owl-hero .owl-buttons .owl-prev,
#owl-hero .owl-buttons .owl-next {
  position: absolute;

  background: #fff;

  top: 50%;

  height: 51px;

  width: 51px;

  line-height: 45px;

  border-radius: 0;

  border: 1px solid #fff;

  z-index: 20;

  text-align: center;

  transition: all 0.3s ease-in-out;
}

#owl-hero:hover .owl-prev {
  left: -5px;
}

#owl-hero:hover .owl-next {
  right: -5px;
}

/* ==========================================================================

Welcome Style

========================================================================== */

#welcome {
  padding: 60px 0;

  text-align: center;
}

#welcome h2 {
  text-transform: uppercase;
}

#welcome h2 span {
  font-weight: 700;
}

#welcome img {
  margin-top: 40px;
  margin-bottom: 20px;
}

/* ==========================================================================

Preisliste

========================================================================== */

#Preisliste {
  padding: 60px 0;

  text-align: center;
}

#Preisliste h2 {
  text-transform: uppercase;
}
/* ==========================================================================

Öffnungszeiten

========================================================================== */

#Oeffnungszeiten {
  padding: 60px 0;

  text-align: center;
}

#Oeffnungszeiten h2 {
  text-transform: uppercase;
}

/* ==========================================================================

Massagen02

========================================================================== */

#Massagen02 {
  background: #24242a;

  padding: 60px 0;

  text-align: center;
}

#Massagen02 h2 {
  text-transform: uppercase;

  color: #fff;
}

#Massagen02 p {
  color: #fff;
}

/* ==========================================================================

Services Style

========================================================================== */

#services {
  background: #24242a;

  padding: 60px 0;

  text-align: center;
}

#services h2 {
  text-transform: uppercase;

  color: #fff;
}

#services p {
  color: #fff;
}

#services .services-box {
  margin-top: 40px;
}

#services .services-box .col-md-4 {
  margin-bottom: 20px;
}

#services .services-box .col-md-4 .media-left,
#services .services-box .col-md-4 .media-right,
#services .services-box .col-md-4 .media-body {
  padding-right: 30px;

  vertical-align: baseline;
}

#services .services-box .col-md-4 .media-left p,
#services .services-box .col-md-4 .media-right p,
#services .services-box .col-md-4 .media-body p {
  text-align: left;
}

#services .services-box .col-md-4 .media-left h3,
#services .services-box .col-md-4 .media-right h3,
#services .services-box .col-md-4 .media-body h3 {
  text-transform: uppercase;

  color: #fff;

  text-align: left;
}

#services .services-box .col-md-4 .media-left span,
#services .services-box .col-md-4 .media-right span,
#services .services-box .col-md-4 .media-body span {
  font-size: 36px;

  color: #fff;
}

/* ==========================================================================

TraditionelleMassage

========================================================================== */

#TraditionelleMassage {
  padding: 60px 0;

  text-align: center;
}

#TraditionelleMassage h2 {
  text-transform: uppercase;
}

/* ==========================================================================

AromaoelMassage

========================================================================== */

#AromaoelMassage {
  background: #24242a;

  padding: 60px 0;

  text-align: center;
}

#AromaoelMassage h2 {
  text-transform: uppercase;

  color: #fff;
}

#AromaoelMassage p {
  color: #fff;
}

/* ==========================================================================

Fussmassage

========================================================================== */

#Fussmassage {
  padding: 60px 0;

  text-align: center;
}

#Fussmassage h2 {
  text-transform: uppercase;
}

/* ==========================================================================

Rueckenmassage

========================================================================== */

#Rueckenmassage {
  background: #24242a;

  padding: 60px 0;

  text-align: center;
}

#Rueckenmassage h2 {
  text-transform: uppercase;

  color: #fff;
}

#Rueckenmassage p {
  color: #fff;
}

/* ==========================================================================

Raumlichkeiten Style

========================================================================== */

#Raumlichkeiten {
  background: #24242a;
  padding: 60px 0 0;

  text-align: center;
}

#Raumlichkeiten h2 {
  text-transform: uppercase;
  color: #fff;
}

#Raumlichkeiten p {
  margin-bottom: 40px;
  color: #fff;
}

#Raumlichkeiten .container-fluid {
  padding-left: 0;

  padding-right: 0;
}

#Raumlichkeiten .container-fluid .col-lg-4 {
  padding-left: 0;

  padding-right: 0;
}

#Raumlichkeiten .portfolio-box {
  display: block;

  position: relative;

  margin: 0 auto;

  max-width: 650px;
}

#Raumlichkeiten .portfolio-box .portfolio-box-caption {
  display: block;

  position: absolute;

  bottom: 0;

  width: 100%;

  height: 100%;

  text-align: center;

  color: #fff;

  opacity: 0;

  background: rgba(13, 13, 13, 0.6);

  transition: all 0.3s ease-in-out;
}

#Raumlichkeiten
  .portfolio-box
  .portfolio-box-caption
  .portfolio-box-caption-content {
  position: absolute;

  top: 50%;

  width: 100%;

  text-align: center;

  transform: translateY(-50%);
}

#Raumlichkeiten
  .portfolio-box
  .portfolio-box-caption
  .portfolio-box-caption-content
  .project-category,
#Raumlichkeiten
  .portfolio-box
  .portfolio-box-caption
  .portfolio-box-caption-content
  .project-name {
  padding: 0 15px;
}

#Raumlichkeiten
  .portfolio-box
  .portfolio-box-caption
  .portfolio-box-caption-content
  .project-category {
  text-transform: uppercase;

  font-size: 22px;

  font-weight: 700;
}

#Raumlichkeiten
  .portfolio-box
  .portfolio-box-caption
  .portfolio-box-caption-content
  .project-name {
  font-size: 18px;
}

#Raumlichkeiten .portfolio-box:hover .portfolio-box-caption {
  opacity: 1;
}

/* ==========================================================================

Work Process Style

========================================================================== */

#work-process {
  padding: 60px 0;

  text-align: center;
}

#work-process .col-lg-3 {
  margin-top: 40px;
}

#work-process h2 {
  text-transform: uppercase;
}

#work-process h4 {
  text-transform: uppercase;

  color: #0d0d0d;
}

#work-process span {
  font-size: 48px;

  color: #0d0d0d;

  margin-bottom: 15px;
}

/* ==========================================================================

Fun Facts Style

========================================================================== */

#fun-facts {
  background: #24242a;

  padding: 60px 0;

  text-align: center;
}

#fun-facts .col-lg-3 {
  margin-top: 40px;

  margin-bottom: 20px;
}

#fun-facts h2 {
  text-transform: uppercase;

  color: #fff;
}

#fun-facts p {
  color: #fff;
}

#fun-facts h4 {
  text-transform: uppercase;

  color: #fff;
}

#fun-facts .number {
  color: #fff;

  font-weight: 700;

  padding: 10px 0;

  margin: 0;
}

#fun-facts span {
  font-size: 48px;

  color: #fff;

  margin-bottom: 15px;
}

/* ==========================================================================

Our Team Style

========================================================================== */

#team {
  background: #24242a;

  padding: 60px 0;

  text-align: center;
}

#team h2 {
  text-transform: uppercase;
  color: #fff;
}

#team .team {
  margin-top: 40px;

  margin-bottom: 20px;
  color: #fff;
}

#team .team h4 {
  margin-top: 20px;

  text-transform: uppercase;

  font-weight: 700;
  color: #fff;
}

#team .team p {
  color: #fff;
}

#team p {
  color: #fff;
}

#team .team a {
  color: #fff;

  font-size: 22px;

  padding-right: 10px;

  transition: all 0.3s ease-in-out;
}

#team .team a:hover,
#team .team a:focus,
#team .team a:active {
  color: #fff;
}

/* ==========================================================================

Testimonials Style

========================================================================== */

#testimonials {
  background-image: url('../img/testimonials/Testimonials.jpg');

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  background-attachment: fixed;

  padding: 60px 0;

  text-align: center;
}

#testimonials h2 {
  text-transform: uppercase;

  color: #fff;
}

#testimonials p {
  color: #fff;
}

#testimonials .item .quote {
  margin: 20px auto;

  width: 80%;
}

#testimonials .item .quote .right {
  margin-left: 40px;

  font-size: 32px;

  color: #fff;
}

#testimonials .item .quote .left {
  float: left;

  margin-right: 40px;

  color: #fff;
}

#testimonials .item h5 {
  color: #fff;

  line-height: 36px;
}

#testimonials .item h5 span {
  font-weight: 700;

  text-transform: uppercase;
}

#testimonials .owl-pagination .owl-page.active span {
  background-color: #fff;
}

#testimonials .owl-pagination .owl-page span {
  border: 2px solid #fff;

  border-radius: 50%;

  background: transparent;

  opacity: 1;

  transition: all 0.3s ease-in-out;
}

/* ==========================================================================

Contact Us Style

========================================================================== */

#contact {
  background: #24242a;
  padding: 60px 0;
}

#contact h2 {
  text-transform: uppercase;
  color: #fff;
}

#contact p {
  color: #fff;
}

#contact form {
  margin: 40px 0;
}

#contact .form-group {
  margin-bottom: 35px;
}

#contact .form-control {
  border-radius: 0;

  border: 2px solid #24242a;

  color: #0d0d0d;

  min-height: 45px;
}

#contact textarea {
  height: 140px;

  resize: none;
}

/* ==========================================================================

Google Map Style

========================================================================== */

#map {
  width: 100%;

  height: 400px;
}

iframe {
  border: 0;

  width: 100%; /* iFrame Breite */

  height: 600px; /* iFrame Höhe */

  margin: 0;

  padding: 0;
}

/* das Overlay-Element: */

.overlay {
  background: transparent; /* unsichtbar machen */

  position: relative; /* Position relativ machen um z-index zu verändern */

  z-index: 100; /* sicher ist sicher */

  width: 100%; /* iFrame Breite */

  height: 600px; /* iFrame Höhe */

  top: 600px; /* iFrame Höhe nach unten positionieren */

  margin-top: -600px; /* iFrame Höhe, um den Platz des Elments freizugeben */
}

/* ==========================================================================

Footer Map Style

========================================================================== */

footer {
  background: #24242a;

  padding: 60px 0;

  text-align: center;
}

footer h1 {
  text-transform: uppercase;

  font-weight: 700;

  font-size: 40px;
}

footer .social {
  margin: 30px 0 0;
}

footer .social a {
  color: #ffffff;

  margin-left: 20px;

  margin-right: 20px;

  transition: all 0.3s ease-in-out;
}

footer .social a:hover,
footer .social a:focus,
footer .social a:active {
  text-decoration: none;

  color: #a3a3a3;
}

footer h6 {
  text-transform: uppercase;

  color: #ffffff;
}

.footer-links a {
  color: #fff;
  display: inline-block;
  margin-right: 5px;
  border-right: 1px solid #ebebeb;
  padding-right: 10px;
}
.footer-links a:last-child {
  margin-right: 0;
  border-right: none;
}

/* added by pandavisuals */
.section-impressum .container,
.section-datenschutz .container {
  padding-bottom: 50px;
  padding-top: 120px;
  overflow-wrap: break-word;
}
.section-impressum h1,
.section-datenschutz h1 {
  color: #000;
  font-size: 42px;
}
.google-map {
  text-align: center;
}
.google-map img {
  max-width: 100%;
}
.team .row .col-lg-4 {
  padding-left: 0;
  padding-right: 0;
}

.price-head {
  font-size: 20px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) {
  .price-head {
    min-height: 44px;
  }
}
@media (min-width: 992px) {
  .navbar > .container {
    width: 1100px;
  }
}
@media only screen and (max-width: 1199px) {
  .price-head br {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  .navbar-default .navbar-nav {
    margin-bottom: 7.5px;
  }
  .top-nav-collapse .nav > li > a {
    padding: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .navbar-default .nav > li > a {
    padding: 15px;
  }
  .price-col {
    margin-bottom: 40px;
  }
  .row > .price-col:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 480px) {
  .section-impressum h1,
  .section-datenschutz h1 {
    font-size: 35px;
  }
}
/* ==========================================================================

Media Queries Style

========================================================================== */

@media (max-width: 992px) {
  /*-- Navigation --*/

  .navbar-default {
    background: #24242a;
  }

  .navbar-default .navbar-header {
    width: 100%;

    padding-right: 0;
  }

  .navbar-default .navbar-header .navbar-brand {
    height: auto;
  }

  .navbar-default .navbar-header .navbar-brand img {
    padding-top: 10px;

    width: 100px;

    height: 30px;
  }

  .navbar-default .nav-wrap {
    width: 100%;
  }

  .navbar-default .navbar-toggle {
    padding-top: 25px;

    padding-bottom: 25px;

    border: none;
  }

  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }

  .navbar-default .navbar-toggle:hover,
  .navbar-default .navbar-toggle:focus,
  .navbar-default .navbar-toggle:active {
    background: none;
  }

  .navbar-default .navbar-left,
  .navbar-default .navbar-right {
    float: none !important;
  }

  .navbar-default .navbar-toggle {
    display: block;
  }

  .navbar-default .navbar-collapse {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }

  .navbar-default .navbar-collapse.collapse {
    display: none !important;
  }

  .navbar-default .navbar-nav {
    float: none !important;

    margin-top: 7.5px;
  }

  .navbar-default .navbar-nav > li {
    float: none;
  }

  .navbar-default .collapse.in {
    display: block !important;
  }

  /*-- Sliders --*/

  #owl-hero h1 {
    font-size: 42px;
  }

  #owl-hero h6 {
    font-size: 16px;
  }

  #owl-hero .btn {
    margin-top: 20px;
  }

  #owl-hero .owl-buttons {
    display: none;
  }

  /*-- Services --*/

  #services h3 {
    font-size: 22px;
  }

  /*-- section styles --*/

  section h2 {
    font-size: 32px;
  }

  #testimonials h5 {
    font-size: 18px;
  }
}

#nirwanaLogo {
  width: 250px;
}

.img-responsive {
  display: initial;
}

/* new front page */
.js-start-page {
  background: #fff url('../img/welcome/thai_background-opt.png') no-repeat
    center;
  background-size: cover;
}

#welcome img {
  max-width: 100%;
}
.js-start {
  min-height: 100vh;
  display: flex;
  align-items: center;
}

.js-btns {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 20px;
}
.js-btns a {
  padding: 10px 20px;
  background-color: #5e2262;
  color: #fff;
  font-size: 2rem;
}
.js-btns a:hover {
  text-decoration: none;
}
#Raumlichkeiten .portfolio-box {
  max-width: 100%;
}
#Raumlichkeiten .portfolio-box img {
  width: 100%;
}

@media screen and (max-width: 480px) {
  .js-btns {
    flex-wrap: wrap;
  }
}

/* quform */
.quform-element label {
  color: #fff;
  font-weight: 400;
}
#contact form {
  margin: 0;
}
/* form.quform {
  text-align: left;
}
.quform-inner {
  max-width: 450px;
} */
.js-contact h2 {
  text-align: center;
}
.quform-elements .quform-element-text input,
.quform-elements .quform-element-captcha input,
.quform-elements .quform-element-password input,
.quform-elements .quform-element select,
.quform-elements .quform-element textarea {
  width: 100% !important;
}
button[type='submit'] {
  border: none;
  background-color: #fff;
  color: #000;
}
.js-contact-details {
  padding-top: 20px;
}
.js-contact-details a,
.js-contact-details a:hover {
  color: #fff;
}
.js-form-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  flex-wrap: wrap;
}
.js-form-checkbox label {
  max-width: 95%;
}