/*
Theme Name: DanubeWeb uptone.at
Theme URI: https://www.danubeweb.at
Version: 1.0
Author: DanubeWeb
Author URI: https://www.danubeweb.at
template: bb-theme
*/
@font-face {
  font-family: 'Abril-DW';
  font-weight: 400;
  src: url('fonts/AbrilFatface-Regular.ttf');
  /* Chrome 36+, Opera 23+, Firefox 39+ */
}
@font-face {
  font-family: 'Romana-DW';
  font-weight: bold;
  src: url('fonts/romana/RomanaBT-Bold.woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+ */
}
@font-face {
  font-family: 'Dazzed-DW';
  font-weight: 400;
  src: url('fonts/dazzed/Dazzed-Regular.woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+ */
}
@font-face {
  font-family: 'Dazzed-DW';
  font-weight: 700;
  src: url('fonts/dazzed/Dazzed-SemiBold.woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+ */
}
html,
body {
  font-size: 10px;
}
.color-1 {
  color: #F1ECE0;
}
.color-1 span {
  color: #F1ECE0;
}
.color-2 {
  color: #948462;
}
.color-2 span {
  color: #948462;
}
.color-3 {
  color: #73433F;
}
.color-3 span {
  color: #73433F;
}
.bg-1 {
  background-color: #F1ECE0;
}
.bg-2 {
  background-color: #948462;
}
.bg-3 {
  background-color: #73433F;
}
.dw-blocksatz {
  text-align: justify;
}
.def-textC {
  font-family: 'Abril-DW';
  font-size: clamp(2rem, 1.8vw, 10rem);
  text-transform: uppercase;
}
.def-textD {
  font-family: 'Dazzed-DW';
  font-size: 400;
  font-size: 2.3rem;
}
.def-textE {
  font-family: 'Dazzed-DW';
  font-size: 400;
  font-size: 1.8rem;
}
.def-textF {
  font-family: 'Abril-DW';
  font-size: clamp(2rem, 7rem, 7rem);
  text-transform: uppercase;
}
.def-footermenu {
  font-family: 'Abril-DW';
  font-size: clamp(2rem, 2.4rem, 7rem);
  text-transform: uppercase;
}
.def-cookiebutton {
  font-family: 'Dazzed-DW';
  font-size: clamp(2rem, 1.6rem, 7rem);
}
.dw-herotext span,
.dw-herotext .fl-rich-text {
  font-size: clamp(2rem, 20vw, 17rem);
  font-family: 'Romana-DW';
  font-weight: bold;
  color: #948462;
}
.textB span,
.textB .fl-rich-text {
  font-family: 'Abril-DW';
  font-size: clamp(2rem, 5rem, 6rem);
  text-transform: uppercase;
}
.textC span,
.textC .fl-rich-text {
  font-family: 'Abril-DW';
  font-size: clamp(2rem, 1.8vw, 10rem);
  text-transform: uppercase;
}
.textC2 span,
.textC2 .fl-rich-text {
  font-family: 'Abril-DW';
  font-size: clamp(2rem, 1.8vw, 10rem);
  text-transform: uppercase;
  text-transform: none;
  font-weight: normal;
  font-size: 2.4rem;
}
.textD span,
.textD .fl-rich-text {
  font-family: 'Dazzed-DW';
  font-size: 400;
  font-size: 2.3rem;
}
.textE span,
.textE .fl-rich-text {
  font-family: 'Dazzed-DW';
  font-size: 400;
  font-size: 1.8rem;
}
.textF span,
.textF .fl-rich-text {
  font-family: 'Abril-DW';
  font-size: clamp(2rem, 7rem, 7rem);
  text-transform: uppercase;
}
.textFooter a {
  font-family: 'Abril-DW';
  font-size: clamp(2rem, 2.4rem, 7rem);
  text-transform: uppercase;
  color: #F1ECE0;
}
.textFooter a:hover,
.textFooter a:focus {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .dw-herotext span,
  .dw-herotext .fl-rich-text {
    font-size: clamp(2rem, 10vw, 17rem);
    font-family: 'Romana-DW';
    font-weight: bold;
    color: #948462;
  }
  .textB span,
  .textB .fl-rich-text {
    font-family: 'Abril-DW';
    font-size: clamp(2rem, 6rem, 6rem);
    text-transform: uppercase;
  }
}
.dwcontainer-3 {
  padding-left: 20px;
  padding-right: 20px;
}
.dwrelative {
  position: relative;
}
.dwrelative a {
  border-radius: 0 !important;
  border: 1px solid #948462;
  background-color: transparent;
  -webkit-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}
.dwrelative a span {
  color: #948462 !important;
}
.dwrelative a:hover,
.dwrelative a:focus {
  background-color: #948462 !important;
  color: #F1ECE0 !important;
}
.dwrelative a:hover span,
.dwrelative a:focus span {
  color: #F1ECE0 !important;
}
.kontakttop {
  position: absolute;
  right: 20px;
  top: 20px;
}
.reversegroup .fl-col-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.reversegroup .fl-col-group .fl-photo-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.reversegroup .fl-col-group .fl-photo-content img {
  width: 50%;
}
.aboutusimagesmall .fl-photo-content {
  max-width: 100%;
  width: 100vw;
  max-width: 100vw;
  margin-left: -3vw;
}
.fl-module-heading.ForceFullWidth h2.fl-heading {
  width: 100vw;
  display: block;
  margin-left: calc(-50vw + 50%) !important;
  padding-right: 20px !important;
  padding-left: 20px !important;
}
.ForceFullWidthElement {
  width: 100vw;
  display: block;
  margin-left: calc(-50vw + 50%) !important;
}
@media (min-width: 576px) {
  .aboutusimagesmall .fl-photo-content {
    margin-left: -3vw;
  }
}
@media (min-width: 992px) {
  .dwcontainer-1 {
    padding-left: 5vw;
    padding-right: 5vw;
  }
  .dwcontainer-2 {
    padding-left: 10vw;
    padding-right: 10vw;
  }
  .dwcontainer-3 {
    padding-left: 25vw;
    padding-right: 25vw;
  }
  .reversegroup .fl-col-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .reversegroup .fl-col-group .fl-photo-content {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .reversegroup .fl-col-group .fl-photo-content img {
    width: 50%;
  }
  .imagebgbody {
    background-image: url("/wp-content/uploads/2024/12/legs.png");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 40%;
  }
}
.dwfaq {
  background-color: #F1ECE0;
}
.dwfaq .pp-faq-open,
.dwfaq .pp-faq-close {
  display: none !important;
}
.dwfaq .pp-faq-content-text {
  font-family: 'Dazzed-DW';
  font-size: 400;
  font-size: 1.8rem;
  padding: 0 10px;
}
.dwfaq .pp-faq-content {
  padding-top: 5px;
  padding-bottom: 25px;
}
.dwfaq .pp-faq-item {
  margin-bottom: 1px !important;
}
.dwfaq .pp-faq-item.pp-faq-item-active .pp-faq-button {
  background-color: #F1ECE0 !important;
}
.dwfaq .pp-faq-item.pp-faq-item-active .pp-faq-button .pp-faq-button-label {
  color: #73433F;
}
.dwfaq .pp-faq-item.pp-faq-item-active .pp-faq-button-label {
  padding-top: 20px;
}
.dwfaq .pp-faq-item .pp-faq-button {
  background-color: #73433F !important;
  -webkit-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}
.dwfaq .pp-faq-item .pp-faq-button .pp-faq-button-label {
  color: #F1ECE0;
}
.dwfaq .pp-faq-button-label {
  font-family: 'Abril-DW';
  font-size: clamp(2rem, 1.8vw, 10rem);
  text-transform: uppercase;
  text-align: center;
  font-size: 2.4rem;
  padding-top: 0;
  -webkit-transition: padding-top 300ms linear;
  transition: padding-top 300ms linear;
}
.dwfaq .pp-faq-content {
  background-color: #F1ECE0 !important;
}
@media (min-width: 992px) {
  .dwfaq .pp-faq-content-text {
    padding: 0 40px;
  }
}
.dwhero .fl-row-content-wrap {
  background-size: 80%;
}
.dwhero .dw-herotext {
  padding-bottom: 80vw;
}
@media (min-width: 576px) {
  .dwhero .fl-row-content-wrap {
    background-size: 33%;
  }
  .dwhero .dw-herotext {
    padding-bottom: 0;
  }
}
.brlbs-cmpnt-dialog-box-entrance button {
  background-color: #F1ECE0 !important;
  color: #73433F !important;
  font-family: 'Dazzed-DW' !important;
  font-size: clamp(2rem, 1.6rem, 7rem) !important;
  font-weight: 400 !important;
  font-size: 1.6rem !important;
}
.brlbs-cmpnt-dialog-box-entrance button:hover,
.brlbs-cmpnt-dialog-box-entrance button:focus {
  background-color: #73433F !important;
  color: #F1ECE0 !important;
}
.brlbs-cmpnt-tab-active {
  background-color: #73433F !important;
  color: #F1ECE0 !important;
}
.brlbs-cmpnt-tab-inactive {
  background-color: #F1ECE0 !important;
  color: #73433F !important;
}
.brlbs-btn-save,
.brlbs-btn-accept-all,
.brlbs-btn-accept-only-essential {
  background-color: #F1ECE0 !important;
  color: #73433F !important;
  font-family: 'Dazzed-DW';
  font-size: clamp(2rem, 1.6rem, 7rem);
}
.brlbs-btn-save:hover,
.brlbs-btn-accept-all:hover,
.brlbs-btn-accept-only-essential:hover,
.brlbs-btn-save:focus,
.brlbs-btn-accept-all:focus,
.brlbs-btn-accept-only-essential:focus {
  background-color: #73433F !important;
  color: #F1ECE0 !important;
}
.brlbs-cmpnt-cb-buttons a {
  background-color: #F1ECE0 !important;
  color: #73433F !important;
  font-family: 'Dazzed-DW';
  font-size: clamp(2rem, 1.6rem, 7rem);
}
.brlbs-cmpnt-cb-buttons a:hover,
.brlbs-cmpnt-cb-buttons a:focus {
  background-color: #73433F !important;
  color: #F1ECE0 !important;
}