/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/
/*Add your own styles here:*/
/* #main{
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%238acbc0' fill-opacity='0.9' fill-rule='evenodd'/%3E%3C/svg%3E"); 
} */
.avia-section {
  /* background-color: rgba(255, 255, 255, 0.7) !important;
  backdrop-filter: blur( .5px );
  -webkit-backdrop-filter: blur( .5px ); */
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%238acbc0' fill-opacity='0.09' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-position: center;
  background-size: 6rem;
}

.avia-section.alternate_color {
  /* background-color: rgba(138, 203, 192, 0.5) !important;
  backdrop-filter: blur( .5px );
  -webkit-backdrop-filter: blur( .5px ); */
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.09' fill-rule='evenodd'/%3E%3C/svg%3E") !important;
  background-position: center;
  background-size: 4rem;
}

body#top #wrap_all .avia-standard-logo {
  position: absolute;
  top: 0.5rem;
  width: 15rem;
  overflow: visible;
  filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.2));
}
body#top #wrap_all .avia-standard-logo a {
  overflow: visible;
}
body#top #wrap_all .avia-standard-logo img {
  max-height: unset;
}

@media only screen and (max-width: 1250px) {
  .responsive #top #wrap_all #header {
    position: relative;
    width: 100%;
    float: none;
    height: auto;
    margin: 0 !important;
    opacity: 1;
    min-height: 0;
  }
  .responsive #top .av-main-nav .menu-item {
    display: none;
  }
  .responsive #top .logo {
    position: static;
    display: table;
    height: 80px !important;
    float: none;
    padding: 0;
    border: none;
    width: 80%;
  }
  .responsive .logo img {
    height: auto !important;
    width: auto;
    max-width: 100%;
    display: block;
    max-height: 80px;
  }
  .responsive #top #wrap_all .container {
    width: 85%;
    max-width: 85%;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    float: none;
  }
  .responsive #top .av-main-nav .menu-item-avia-special {
    display: block;
  }
  .responsive #top #wrap_all .main_menu {
    top: 0;
    height: 80px;
    left: auto;
    right: 0;
    display: block;
    position: absolute;
  }
  .responsive.html_header_left #main {
    margin-left: 0;
  }
}
@media screen and (max-width: 750px) {
  body#top #wrap_all #header {
    min-height: 6rem !important;
  }
}
@media screen and (max-width: 600px) {
  body#top .footer-page-content .flex_column {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
  body#top .footer-page-content .flex_column .avia_textblock {
    text-align: center;
  }
  body#top .footer-page-content .flex_column .avia-builder-widget-area {
    width: 98%;
  }
  body#top .footer-page-content .flex_column #CDSWIDFRR {
    margin: 1rem auto;
  }
}
body#top .footer-page-content a, body#top .footer-page-content p, body#top .footer-page-content b {
  color: #E0FFFF;
  font-size: 1rem;
}
body#top .footer-page-content a:hover:not(:has(img), .avia-button) {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
body#top .footer-page-content a:active {
  background-color: rgba(255, 255, 255, 0.2) !important;
  color: #E0FFFF !important;
}
body#top .footer-page-content li {
  border-color: rgba(255, 255, 255, 0.5) !important;
}

body#top .container_wrap.socket_color a {
  color: black !important;
}

body#top #wrap_all #info-zeiten .avia_textblock {
  font-size: 1.3rem;
}
body#top #wrap_all #info-zeiten .avia_textblock b {
  color: #4D6066;
}
body#top #wrap_all #info-anfahrt-kontakt .container {
  max-width: 100%;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 1250px) {
  body#top #wrap_all #info-anfahrt-kontakt .container {
    width: 100% !important;
  }
}
body#top #wrap_all #info-anfahrt-kontakt .container .template-page {
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  body#top #wrap_all #info-anfahrt-kontakt .gmap-line {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1000px) {
  body#top #wrap_all #info-anfahrt-kontakt .avia_textblock {
    max-width: 90%;
    margin: 2rem auto;
  }
}
@media screen and (max-width: 1100px) {
  body#top #wrap_all #info-preise .av_three_fifth {
    width: 98%;
    margin-left: 0;
  }
  body#top #wrap_all #info-preise .av_three_fifth table {
    width: 100% !important;
  }
}
body#top #wrap_all #info-preise h1 {
  text-align: center;
  margin: 2rem auto;
}

@media screen and (max-width: 600px) {
  body#top #wrap_all #reservierungen-dtp {
    margin-top: -4rem;
  }
}
body#top #wrap_all #reservierungen-dtp a {
  font-weight: bold;
}
body#top #wrap_all #reservierungen-dtp strong {
  font-weight: bold;
  font-size: 1.3rem;
}

body#top.page-id-705 #wrap_all .avia_textblock {
  width: 60rem;
  max-width: 98%;
  margin: auto;
}
body#top.page-id-705 #wrap_all .main_color .av-masonry {
  background-color: rgba(255, 255, 255, 0.5);
}
body#top.page-id-705 #wrap_all .av-special-heading-tag {
  margin: 2rem auto;
}
body#top.page-id-705 #wrap_all #swim-course-info {
  margin: 2rem auto;
}
body#top.page-id-705 #wrap_all .flippy .av_icongrid_title,
body#top.page-id-705 #wrap_all .flippy .av_icongrid_subtitle {
  color: white !important;
}
body#top.page-id-705 #wrap_all .flippy .avia-icongrid-front::before {
  filter: brightness(0.5);
}

body#top.page-id-147 #wrap_all .job-inserat {
  padding: 1rem;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  border: 1px solid #8acbc0;
}
@media screen and (max-width: 600px) {
  body#top.page-id-147 #wrap_all #av_section_2 {
    margin-top: -2rem;
  }
  body#top.page-id-147 #wrap_all #av_section_2 .flex_column_table {
    margin-top: 1rem;
  }
}

body#top #wrap_all .av-special-heading {
  margin: 2rem auto;
}
@media screen and (max-width: 600px) {
  body#top #wrap_all .flex_column_table {
    margin-top: 0;
  }
}
body#top #wrap_all #gutscheine-formular .container {
  width: 60rem;
  max-width: 98%;
}
body#top #wrap_all #gutscheine-formular .container .hr-container {
  display: none;
}
body#top #wrap_all #gutscheine-formular .container .ninja-forms-req-symbol {
  font-size: 2rem;
  color: tomato;
  vertical-align: middle;
}
body#top #wrap_all #gutscheine-formular .container .nf-form-fields-required,
body#top #wrap_all #gutscheine-formular .container .nf-error-required-error,
body#top #wrap_all #gutscheine-formular .container .nf-error-field-errors {
  color: tomato;
  margin: 0.5rem;
  font-weight: bold;
}
body#top #wrap_all #gutscheine-formular .container .nf-form-fields-required {
  color: black;
}
body#top #wrap_all #gutscheine-formular .container .nf-error-required-error {
  margin: 0;
}
body#top #wrap_all #gutscheine-formular .container .listradio-container .nf-field-label {
  width: auto;
}
body#top #wrap_all #gutscheine-formular .container .checkbox-wrap .nf-field-label {
  width: 100% !important;
  margin-top: 0;
}
body#top #wrap_all #gutscheine-formular .container .checkbox-wrap .nf-field-label label {
  padding-left: 2rem;
}
@media screen and (max-width: 800px) {
  body#top #wrap_all #gutscheine-formular .container .checkbox-wrap .nf-field-label label {
    margin-left: 0;
  }
}
body#top #wrap_all #gutscheine-formular .container .checkbox-wrap .nf-field-label label::after {
  top: 0;
  left: 0;
}
body#top #wrap_all #gutscheine-formular .container .checkbox-wrap .nf-field-description {
  height: 2rem;
}

body#top.page-id-897 #main > #av_section_1 {
  height: 70vh;
}
body#top.page-id-897 .angebot-card {
  position: relative;
  transition: transform 0.3s;
  transform: perspective(1000px) rotateY(15deg);
}
body#top.page-id-897 .angebot-card:hover {
  transform: scale(1.03);
  cursor: pointer;
}
body#top.page-id-897 .angebot-card .avia-image-container {
  aspect-ratio: 1/1;
  width: 80%;
  border-radius: 50%;
  overflow: hidden;
  outline: 2px solid #8ACBC0;
  outline-offset: 0.5rem;
}
body#top.page-id-897 .angebot-card .avia-image-container .avia-image-container-inner,
body#top.page-id-897 .angebot-card .avia-image-container .avia-image-overlay-wrap,
body#top.page-id-897 .angebot-card .avia-image-container img {
  height: 100%;
}
body#top.page-id-897 .angebot-card .avia-image-container img {
  -o-object-fit: cover;
     object-fit: cover;
  filter: brightness(0.8);
}
body#top.page-id-897 .angebot-card .avia-button-wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  left: 50%;
  width: 100%;
}
body#top.page-id-897 .angebot-card .avia-button {
  background-color: transparent;
  color: white;
  font-size: 1.3rem;
  width: 80%;
  padding: 0.8rem;
  margin-top: 1rem;
  border: none;
  font-weight: bold;
}
body#top.page-id-897 .intermediate-part .container.av-section-cont-open {
  border-radius: 80% 40%;
  background: rgba(255, 255, 255, 0.2);
  border: 3px dashed rgba(255, 255, 255, 0.3);
}

.dtp-special-nav .flex_cell {
  overflow: hidden;
}

body#top .bubble-section {
  position: relative;
  overflow: hidden;
}

body#top {
  position: relative;
  overflow: hidden;
}

.bubble {
  position: absolute;
  left: var(--bubble-left-offset);
  bottom: -6rem;
  display: block;
  width: var(--bubble-radius);
  height: var(--bubble-radius);
  border-radius: 50%;
  animation: float-up var(--bubble-float-duration) var(--bubble-float-delay) ease-in infinite;
}
.bubble:hover {
  opacity: 0;
  transition: opacity 0.5s;
}
.bubble::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsla(183, 94%, 76%, 0.1);
  border-radius: inherit;
  animation: var(--bubble-sway-type) var(--bubble-sway-duration) var(--bubble-sway-delay) alternate infinite;
  box-shadow: 0 0 10px rgba(138, 203, 192, 0.2) inset;
}
.bubble:nth-child(0) {
  --bubble-left-offset: 87%;
  --bubble-radius: 0.5rem;
  --bubble-float-duration: 12s;
  --bubble-sway-duration: 5s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 1s;
  --bubble-sway-type: sway-left-to-right;
}
.bubble:nth-child(1) {
  --bubble-left-offset: 30%;
  --bubble-radius: 1.5rem;
  --bubble-float-duration: 7s;
  --bubble-sway-duration: 4s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 0s;
  --bubble-sway-type: sway-right-to-left;
}
.bubble:nth-child(2) {
  --bubble-left-offset: 60%;
  --bubble-radius: 0.5rem;
  --bubble-float-duration: 14s;
  --bubble-sway-duration: 4s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 1s;
  --bubble-sway-type: sway-left-to-right;
}
.bubble:nth-child(3) {
  --bubble-left-offset: 19%;
  --bubble-radius: 1.5rem;
  --bubble-float-duration: 10s;
  --bubble-sway-duration: 5s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 0s;
  --bubble-sway-type: sway-right-to-left;
}
.bubble:nth-child(4) {
  --bubble-left-offset: 18%;
  --bubble-radius: 1.5rem;
  --bubble-float-duration: 9s;
  --bubble-sway-duration: 6s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 0s;
  --bubble-sway-type: sway-left-to-right;
}
.bubble:nth-child(5) {
  --bubble-left-offset: 54%;
  --bubble-radius: 1.5rem;
  --bubble-float-duration: 9s;
  --bubble-sway-duration: 4s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 1s;
  --bubble-sway-type: sway-right-to-left;
}
.bubble:nth-child(6) {
  --bubble-left-offset: 76%;
  --bubble-radius: 0.5rem;
  --bubble-float-duration: 7s;
  --bubble-sway-duration: 6s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 0s;
  --bubble-sway-type: sway-right-to-left;
}
.bubble:nth-child(7) {
  --bubble-left-offset: 17%;
  --bubble-radius: 0.5rem;
  --bubble-float-duration: 8s;
  --bubble-sway-duration: 6s;
  --bubble-float-delay: 1s;
  --bubble-sway-delay: 3s;
  --bubble-sway-type: sway-left-to-right;
}
.bubble:nth-child(8) {
  --bubble-left-offset: 51%;
  --bubble-radius: 0.5rem;
  --bubble-float-duration: 11s;
  --bubble-sway-duration: 4s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 0s;
  --bubble-sway-type: sway-left-to-right;
}
.bubble:nth-child(9) {
  --bubble-left-offset: 40%;
  --bubble-radius: 0.5rem;
  --bubble-float-duration: 10s;
  --bubble-sway-duration: 4s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 0s;
  --bubble-sway-type: sway-left-to-right;
}
.bubble:nth-child(10) {
  --bubble-left-offset: 12%;
  --bubble-radius: 0.5rem;
  --bubble-float-duration: 13s;
  --bubble-sway-duration: 6s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 2s;
  --bubble-sway-type: sway-right-to-left;
}

.section-bubble {
  position: absolute;
  left: var(--bubble-left-offset);
  bottom: -6rem;
  display: block;
  width: var(--bubble-radius);
  height: var(--bubble-radius);
  border-radius: 50%;
  animation: section-float-up var(--bubble-float-duration) var(--bubble-float-delay) ease-in infinite;
  z-index: 1000;
}
.section-bubble:hover {
  opacity: 0;
  transition: opacity 0.5s;
}
.section-bubble::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsla(183, 94%, 76%, 0.1);
  border-radius: inherit;
  animation: var(--bubble-sway-type) var(--bubble-sway-duration) var(--bubble-sway-delay) alternate infinite;
  box-shadow: 0 0 10px rgba(138, 203, 192, 0.2) inset;
}
.section-bubble:nth-child(0) {
  --bubble-left-offset: 12%;
  --bubble-radius: 1rem;
  --bubble-float-duration: 15s;
  --bubble-sway-duration: 6s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 3s;
  --bubble-sway-type: sway-right-to-left;
}
.section-bubble:nth-child(1) {
  --bubble-left-offset: 17%;
  --bubble-radius: 2rem;
  --bubble-float-duration: 27s;
  --bubble-sway-duration: 6s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 4s;
  --bubble-sway-type: sway-left-to-right;
}
.section-bubble:nth-child(2) {
  --bubble-left-offset: 2%;
  --bubble-radius: 1rem;
  --bubble-float-duration: 27s;
  --bubble-sway-duration: 6s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 0s;
  --bubble-sway-type: sway-left-to-right;
}
.section-bubble:nth-child(3) {
  --bubble-left-offset: 34%;
  --bubble-radius: 1rem;
  --bubble-float-duration: 20s;
  --bubble-sway-duration: 6s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 4s;
  --bubble-sway-type: sway-right-to-left;
}
.section-bubble:nth-child(4) {
  --bubble-left-offset: 62%;
  --bubble-radius: 1rem;
  --bubble-float-duration: 28s;
  --bubble-sway-duration: 4s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 3s;
  --bubble-sway-type: sway-right-to-left;
}
.section-bubble:nth-child(5) {
  --bubble-left-offset: 83%;
  --bubble-radius: 2rem;
  --bubble-float-duration: 30s;
  --bubble-sway-duration: 6s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 1s;
  --bubble-sway-type: sway-right-to-left;
}
.section-bubble:nth-child(6) {
  --bubble-left-offset: 14%;
  --bubble-radius: 3rem;
  --bubble-float-duration: 17s;
  --bubble-sway-duration: 4s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 2s;
  --bubble-sway-type: sway-left-to-right;
}
.section-bubble:nth-child(7) {
  --bubble-left-offset: 65%;
  --bubble-radius: 2rem;
  --bubble-float-duration: 21s;
  --bubble-sway-duration: 4s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 4s;
  --bubble-sway-type: sway-left-to-right;
}
.section-bubble:nth-child(8) {
  --bubble-left-offset: 40%;
  --bubble-radius: 1rem;
  --bubble-float-duration: 29s;
  --bubble-sway-duration: 4s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 2s;
  --bubble-sway-type: sway-right-to-left;
}
.section-bubble:nth-child(9) {
  --bubble-left-offset: 25%;
  --bubble-radius: 3rem;
  --bubble-float-duration: 15s;
  --bubble-sway-duration: 4s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 3s;
  --bubble-sway-type: sway-right-to-left;
}
.section-bubble:nth-child(10) {
  --bubble-left-offset: 75%;
  --bubble-radius: 2rem;
  --bubble-float-duration: 17s;
  --bubble-sway-duration: 6s;
  --bubble-float-delay: 1s;
  --bubble-sway-delay: 4s;
  --bubble-sway-type: sway-left-to-right;
}
.section-bubble:nth-child(11) {
  --bubble-left-offset: 70%;
  --bubble-radius: 1rem;
  --bubble-float-duration: 25s;
  --bubble-sway-duration: 4s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 0s;
  --bubble-sway-type: sway-left-to-right;
}
.section-bubble:nth-child(12) {
  --bubble-left-offset: 95%;
  --bubble-radius: 1rem;
  --bubble-float-duration: 17s;
  --bubble-sway-duration: 5s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 4s;
  --bubble-sway-type: sway-right-to-left;
}
.section-bubble:nth-child(13) {
  --bubble-left-offset: 37%;
  --bubble-radius: 3rem;
  --bubble-float-duration: 28s;
  --bubble-sway-duration: 6s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 3s;
  --bubble-sway-type: sway-left-to-right;
}
.section-bubble:nth-child(14) {
  --bubble-left-offset: 64%;
  --bubble-radius: 3rem;
  --bubble-float-duration: 30s;
  --bubble-sway-duration: 5s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 3s;
  --bubble-sway-type: sway-left-to-right;
}
.section-bubble:nth-child(15) {
  --bubble-left-offset: 71%;
  --bubble-radius: 3rem;
  --bubble-float-duration: 16s;
  --bubble-sway-duration: 6s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 1s;
  --bubble-sway-type: sway-left-to-right;
}
.section-bubble:nth-child(16) {
  --bubble-left-offset: 0%;
  --bubble-radius: 2rem;
  --bubble-float-duration: 17s;
  --bubble-sway-duration: 6s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 4s;
  --bubble-sway-type: sway-left-to-right;
}
.section-bubble:nth-child(17) {
  --bubble-left-offset: 65%;
  --bubble-radius: 2rem;
  --bubble-float-duration: 19s;
  --bubble-sway-duration: 5s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 3s;
  --bubble-sway-type: sway-right-to-left;
}
.section-bubble:nth-child(18) {
  --bubble-left-offset: 85%;
  --bubble-radius: 3rem;
  --bubble-float-duration: 27s;
  --bubble-sway-duration: 5s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 0s;
  --bubble-sway-type: sway-right-to-left;
}
.section-bubble:nth-child(19) {
  --bubble-left-offset: 76%;
  --bubble-radius: 2rem;
  --bubble-float-duration: 15s;
  --bubble-sway-duration: 4s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 4s;
  --bubble-sway-type: sway-right-to-left;
}
.section-bubble:nth-child(20) {
  --bubble-left-offset: 81%;
  --bubble-radius: 2rem;
  --bubble-float-duration: 17s;
  --bubble-sway-duration: 6s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 3s;
  --bubble-sway-type: sway-right-to-left;
}
.section-bubble:nth-child(21) {
  --bubble-left-offset: 15%;
  --bubble-radius: 1rem;
  --bubble-float-duration: 21s;
  --bubble-sway-duration: 5s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 4s;
  --bubble-sway-type: sway-left-to-right;
}
.section-bubble:nth-child(22) {
  --bubble-left-offset: 42%;
  --bubble-radius: 2rem;
  --bubble-float-duration: 24s;
  --bubble-sway-duration: 6s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 1s;
  --bubble-sway-type: sway-right-to-left;
}

.body-bubble {
  position: absolute;
  left: var(--bubble-left-offset);
  bottom: -6rem;
  display: block;
  width: var(--bubble-radius);
  height: var(--bubble-radius);
  border-radius: 50%;
  animation: section-float-up var(--bubble-float-duration) var(--bubble-float-delay) linear infinite;
  z-index: 1000;
}
.body-bubble:hover {
  opacity: 0;
  transition: opacity 0.5s;
}
.body-bubble::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsla(183, 94%, 76%, 0.1);
  border-radius: inherit;
  animation: var(--bubble-sway-type) var(--bubble-sway-duration) var(--bubble-sway-delay) alternate infinite;
  box-shadow: 0 0 10px rgba(138, 203, 192, 0.2) inset;
}
.body-bubble:nth-child(0) {
  --bubble-left-offset: 5%;
  --bubble-radius: 0.3rem;
  --bubble-float-duration: 30s;
  --bubble-sway-duration: 5s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 1s;
  --bubble-sway-type: sway-left-to-right;
}
.body-bubble:nth-child(1) {
  --bubble-left-offset: 43%;
  --bubble-radius: 0.3rem;
  --bubble-float-duration: 27s;
  --bubble-sway-duration: 6s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 4s;
  --bubble-sway-type: sway-left-to-right;
}
.body-bubble:nth-child(2) {
  --bubble-left-offset: 32%;
  --bubble-radius: 0.3rem;
  --bubble-float-duration: 26s;
  --bubble-sway-duration: 5s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 1s;
  --bubble-sway-type: sway-left-to-right;
}
.body-bubble:nth-child(3) {
  --bubble-left-offset: 13%;
  --bubble-radius: 0.3rem;
  --bubble-float-duration: 39s;
  --bubble-sway-duration: 6s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 0s;
  --bubble-sway-type: sway-left-to-right;
}
.body-bubble:nth-child(4) {
  --bubble-left-offset: 88%;
  --bubble-radius: 0.3rem;
  --bubble-float-duration: 45s;
  --bubble-sway-duration: 6s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 1s;
  --bubble-sway-type: sway-right-to-left;
}
.body-bubble:nth-child(5) {
  --bubble-left-offset: 49%;
  --bubble-radius: 0.3rem;
  --bubble-float-duration: 42s;
  --bubble-sway-duration: 4s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 1s;
  --bubble-sway-type: sway-right-to-left;
}
.body-bubble:nth-child(6) {
  --bubble-left-offset: 8%;
  --bubble-radius: 0.3rem;
  --bubble-float-duration: 41s;
  --bubble-sway-duration: 6s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 1s;
  --bubble-sway-type: sway-left-to-right;
}
.body-bubble:nth-child(7) {
  --bubble-left-offset: 94%;
  --bubble-radius: 0.3rem;
  --bubble-float-duration: 39s;
  --bubble-sway-duration: 5s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 2s;
  --bubble-sway-type: sway-right-to-left;
}
.body-bubble:nth-child(8) {
  --bubble-left-offset: 7%;
  --bubble-radius: 0.3rem;
  --bubble-float-duration: 35s;
  --bubble-sway-duration: 6s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 1s;
  --bubble-sway-type: sway-right-to-left;
}
.body-bubble:nth-child(9) {
  --bubble-left-offset: 52%;
  --bubble-radius: 0.3rem;
  --bubble-float-duration: 27s;
  --bubble-sway-duration: 5s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 2s;
  --bubble-sway-type: sway-right-to-left;
}
.body-bubble:nth-child(10) {
  --bubble-left-offset: 74%;
  --bubble-radius: 0.3rem;
  --bubble-float-duration: 45s;
  --bubble-sway-duration: 5s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 2s;
  --bubble-sway-type: sway-left-to-right;
}
.body-bubble:nth-child(11) {
  --bubble-left-offset: 35%;
  --bubble-radius: 0.3rem;
  --bubble-float-duration: 41s;
  --bubble-sway-duration: 5s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 1s;
  --bubble-sway-type: sway-right-to-left;
}
.body-bubble:nth-child(12) {
  --bubble-left-offset: 17%;
  --bubble-radius: 1.3rem;
  --bubble-float-duration: 38s;
  --bubble-sway-duration: 5s;
  --bubble-float-delay: 1s;
  --bubble-sway-delay: 2s;
  --bubble-sway-type: sway-right-to-left;
}
.body-bubble:nth-child(13) {
  --bubble-left-offset: 60%;
  --bubble-radius: 0.3rem;
  --bubble-float-duration: 37s;
  --bubble-sway-duration: 4s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 3s;
  --bubble-sway-type: sway-right-to-left;
}
.body-bubble:nth-child(14) {
  --bubble-left-offset: 83%;
  --bubble-radius: 1.3rem;
  --bubble-float-duration: 31s;
  --bubble-sway-duration: 6s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 4s;
  --bubble-sway-type: sway-right-to-left;
}
.body-bubble:nth-child(15) {
  --bubble-left-offset: 23%;
  --bubble-radius: 0.3rem;
  --bubble-float-duration: 44s;
  --bubble-sway-duration: 5s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 4s;
  --bubble-sway-type: sway-right-to-left;
}
.body-bubble:nth-child(16) {
  --bubble-left-offset: 77%;
  --bubble-radius: 0.3rem;
  --bubble-float-duration: 34s;
  --bubble-sway-duration: 5s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 3s;
  --bubble-sway-type: sway-left-to-right;
}
.body-bubble:nth-child(17) {
  --bubble-left-offset: 12%;
  --bubble-radius: 0.3rem;
  --bubble-float-duration: 29s;
  --bubble-sway-duration: 4s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 3s;
  --bubble-sway-type: sway-right-to-left;
}
.body-bubble:nth-child(18) {
  --bubble-left-offset: 38%;
  --bubble-radius: 0.3rem;
  --bubble-float-duration: 27s;
  --bubble-sway-duration: 4s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 3s;
  --bubble-sway-type: sway-left-to-right;
}
.body-bubble:nth-child(19) {
  --bubble-left-offset: 90%;
  --bubble-radius: 0.3rem;
  --bubble-float-duration: 38s;
  --bubble-sway-duration: 6s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 0s;
  --bubble-sway-type: sway-left-to-right;
}
.body-bubble:nth-child(20) {
  --bubble-left-offset: 38%;
  --bubble-radius: 1.3rem;
  --bubble-float-duration: 44s;
  --bubble-sway-duration: 4s;
  --bubble-float-delay: 1s;
  --bubble-sway-delay: 0s;
  --bubble-sway-type: sway-left-to-right;
}
.body-bubble:nth-child(21) {
  --bubble-left-offset: 51%;
  --bubble-radius: 0.3rem;
  --bubble-float-duration: 40s;
  --bubble-sway-duration: 4s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 2s;
  --bubble-sway-type: sway-left-to-right;
}
.body-bubble:nth-child(22) {
  --bubble-left-offset: 60%;
  --bubble-radius: 1.3rem;
  --bubble-float-duration: 45s;
  --bubble-sway-duration: 4s;
  --bubble-float-delay: 0s;
  --bubble-sway-delay: 3s;
  --bubble-sway-type: sway-left-to-right;
}

@keyframes float-up {
  to {
    transform: translateY(-10rem);
  }
}
@keyframes section-float-up {
  to {
    bottom: 100%;
  }
}
@keyframes sway-left-to-right {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes sway-right-to-left {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
body#top .dtp-alternate a {
  color: white;
  font-weight: bold;
}

body#top .dtp-special-nav h3.av-special-heading-tag {
  font-size: 2rem;
}

body#top .wave-section-bottom,
body#top .wave-section-bottom-alternate {
  position: relative;
  padding-bottom: 5rem;
}
body#top .wave-section-bottom::after,
body#top .wave-section-bottom-alternate::after {
  content: "";
  display: block;
  width: 100%;
  min-height: 5rem;
  background: url(https://www2.drautalperle.at/wp-content/uploads/2024/09/wave-2-a.svg) center center/cover no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
}
body#top .wave-section-bottom-alternate::after {
  background: url(https://www2.drautalperle.at/wp-content/uploads/2024/09/wave-3.svg) center center/cover no-repeat;
}
body#top .wave-section-top {
  position: relative;
  padding-top: 5rem;
}
body#top .wave-section-top::before {
  content: "";
  display: block;
  width: 100%;
  min-height: 5rem;
  background: url(https://www2.drautalperle.at/wp-content/uploads/2024/09/wave-2-b.svg) center center/cover no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}

body#top .dtp-special-nav .flex_cell:hover {
  background: black;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
  outline: 2px dotted rgba(138, 203, 192, 0.3);
  outline-offset: -0.5rem;
}
body#top .dtp-special-nav a {
  text-decoration: none;
}

body#top .bubble-bg {
  position: relative;
  border: 2px solid rgba(255, 255, 255, 0.8);
  padding: 1rem;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 1rem;
}
body#top .bubble-bg::after {
  content: "";
  display: block;
  width: 60%;
  height: 60%;
  background: url(https://www2.drautalperle.at/wp-content/uploads/2024/09/bubbles.svg) center center/contain no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  z-index: -1;
  visibility: visible;
  overflow: visible;
  opacity: 0.5;
}/*# sourceMappingURL=style.css.map */