/* === Webflow IX2 Initialzustände === */
@media (min-width:992px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="b8f44c40-8e62-c41d-f214-cdc0c9e7e626"] {opacity:0;-webkit-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);height:0px;}html.w-mod-js:not(.w-mod-ix) [data-w-id="b8f44c40-8e62-c41d-f214-cdc0c9e7e61a"] {width:50%;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eb2d35af-8d91-ec85-d74a-57348ed90b3c"] {opacity:0;-webkit-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);height:0px;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eb2d35af-8d91-ec85-d74a-57348ed90b30"] {width:50%;}}

/* === Font Smoothing === */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -o-font-smoothing: antialiased;
  -webkit-appearance: none;
}

/* === WMF-Loading === */
html.wf-loading * {
  transition: none !important;
  animation: none !important;
}

/* === Referenz-Slider: Layout & Tab-Navi Fix === */
/* Sichtbarkeit der Swiper-Navi sichern */
.referenz-swiper {
  overflow: visible !important;
}
/* Korrektes Layout der Tab-Navi (Swiper-Tabs) */
.referenz-swiper-wrapper {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 1rem;
}
.referenz-swiper-slide {
  flex: 0 0 auto;
  width: auto !important;
  min-width: max-content;
}

/* === Fortschrittsbalken & Dot-Animation (Tabs) === */
.progress-bar-container {
  width: 100%;
  margin-top: 0.25rem;
}
.progress-bar-inner {
  width: 0%;
}
/* Roter Dot (sichtbar nur beim aktiven Tab) */
.tab-line-dot {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.swiper-slide-thumb-active .tab-line-dot {
  opacity: 1;
}
/* Optional: grauer Platzhalter-Dot darunter */
.tab-line-dot-spacer {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.swiper-slide-thumb-active .tab-line-dot-spacer {
  opacity: 1;
}

/* === Erlebt-Swiper: align stretch === */
.erlebt-swiper-component .swiper-wrapper {
  align-items: stretch !important;
}

/* === Aktiver Tab-Label orange === */
.swiper-slide-thumb-active .referenz-tabbar-label {
  color: var(--orange); /* Webflow-Farbvariable */
  font-weight: 600;
}

/* === Menü-Button-Effekt === */
.menu-button:hover .icon-wrap {
  transform: rotate(90deg);
}
/* Mobile Menü-Padding */
@media screen and (max-width: 767px) {
  :root {
    --menu-padding: var(--container-padding);
  }
}

/* === Webflow-Checkbox Styles === */
/* Basis-Style für Webflow-Checkbox */
.w-checkbox-input {
  background-color: transparent !important;
  border: 1px solid #c0b8af !important;
  border-radius: 4px !important;
  width: 24px !important;
  height: 24px !important;
  position: relative;
  box-shadow: none !important;
  transition: all 0.2s ease;
}
/* Checked-Zustand mit Häkchen + grüne Border */
.w-checkbox-input.w--redirected-checked {
  background-color: #16b079 !important;
  border-color: #16b079 !important;
  background-image: url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'><polyline points='4,11 8,15 16,5' fill='none' stroke='%23f5f2ef' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 16px 16px !important;
}
/* Optional: Fokus-Styling */
input[type="checkbox"]:focus + .w-checkbox-input {
  outline: 2px solid #16b079;
  outline-offset: 2px;
}

/* === FAQ Swiper Styles Block 1 === */
.faq-swiper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
  scroll-behavior: smooth;
}
.faq-swiper-wrapper {
  display: flex;
  flex-wrap: nowrap;
}
.faq-swiper-slide {
  flex: 0 0 auto;
  white-space: nowrap;
}

/* === FAQ Swiper Styles Block 2 === */
.faq-swiper {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.faq-swiper::-webkit-scrollbar {
  display: none;
}
.faq-swiper-wrapper {
  display: flex;
  flex-wrap: nowrap;
}
.faq-swiper-slide {
  flex: 0 0 auto;
  white-space: nowrap;
}