#fw-section-rich-text-a2fbffac-61f7-4516-a58b-31a486fa0b65 {
--color-primary: #6a1b9a;
--color-primary-rgb: 106, 27, 154;
--color-background: #FFFFFF;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #4a4a4a;
--color-on-background-rgb: 74, 74, 74;
--color-product-image-background: #4a4a4a;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}



#fw-section-rich-text-fe080eb5-0f2e-459e-88bd-b424db3155ef {
--color-primary: #6a1b9a;
--color-primary-rgb: 106, 27, 154;
--color-background: #FFFFFF;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #4a4a4a;
--color-on-background-rgb: 74, 74, 74;
--color-product-image-background: #4a4a4a;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-header {

/* ===== Navigation Styling mit Unterstrich-Hover ===== */

/* Basis für Menüpunkte */
.header__nav .header__list-item .header__link {
  font-size: 18px;
  color: #212121;
  font-weight: 400;
  text-decoration: none;
  position: relative;        /* nötig für den Strich */
  padding-bottom: 6px;       /* Platz für die Linie */
  transition: color 0.2s ease-in-out;
}

/* Hover-Effekt: Lila Unterstrich */
.header__nav .header__list-item .header__link:hover {
  color: #212121;            /* Text bleibt dunkel */
}

.header__nav .header__list-item .header__link:hover::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;               /* kräftiger Strich */
  background-color: #5A2CA0; /* Marken-Lila */
}

/* Aktive Seite: behält den Strich */
.header__nav .header__list-item.active .header__link,
.header__nav .header__list-item .header__link[aria-current="page"] {
  color: #5A2CA0 !important;
  font-weight: 500;
}

.header__nav .header__list-item.active .header__link::after,
.header__nav .header__list-item .header__link[aria-current="page"]::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background-color: #5A2CA0;
}

/* Trenner zwischen Menüpunkten */
.header__nav .header__list-item + .header__list-item {
  position: relative;
  margin-left: 18px;
  padding-left: 18px;
}

.header__nav .header__list-item + .header__list-item::before {
  content: "|";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-48%);
  color: #666;              /* etwas heller als Schrift */
  font-weight: 400;
  line-height: 1;
}

}





















#fw-section-recent-videos-1757151851 {

/* Headline zentrieren + größer */
.section-header__heading {
  text-align: center;
  font-size: 32px !important;
  margin-bottom: 16px;
}

/* eingebauten CTA (oben rechts) verstecken */
.section-header__cta {
  display: none !important;
}


/* CTA-Button Desktop + Mobile ausblenden */
.recent-videos__cta {
  display: none !important;
}

}










#fw-section-rich-text-febedbfc-7f09-4f71-ac13-abbb7f9a50d7 {

/* globale H2 – passt sich der Breite an */
h2{
  font-size: clamp(24px, 6vw, 40px); /* min, bevorzugt, max */
  line-height: 1.2;
  letter-spacing: 0; /* falls das Theme hier übertreibt */
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: auto; /* mit lang="de" sauber trennen */
}

}


#fw-section-rich-text-781798f7-be03-42eb-8c80-11b65a89ca8c {

/* globale H2 – passt sich der Breite an */
h2{
  font-size: clamp(24px, 6vw, 40px); /* min, bevorzugt, max */
  line-height: 1.2;
  letter-spacing: 0; /* falls das Theme hier übertreibt */
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: auto; /* mit lang="de" sauber trennen */
}

}
#fw-section-rich-text-04ed5500-4332-49f2-8446-4c54ad2d13e9 {
--color-primary: #6a1b9a;
--color-primary-rgb: 106, 27, 154;
--color-background: #FFFFFF;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #4a4a4a;
--color-on-background-rgb: 74, 74, 74;
--color-product-image-background: #4a4a4a;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-rich-text-2372c800-8ebc-4d21-964d-701f2d6f3150 {
--color-primary: #6a1b9a;
--color-primary-rgb: 106, 27, 154;
--color-background: #FFFFFF;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #4a4a4a;
--color-on-background-rgb: 74, 74, 74;
--color-product-image-background: #4a4a4a;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-rich-text-e3971237-00c6-4671-bfae-6c62b4b762ce {
--color-primary: #6a1b9a;
--color-primary-rgb: 106, 27, 154;
--color-background: #FFFFFF;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #4a4a4a;
--color-on-background-rgb: 74, 74, 74;
--color-product-image-background: #4a4a4a;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-rich-text-e1b96b36-371e-44cf-b8a1-2b0e80d375bf {
--color-primary: #6a1b9a;
--color-primary-rgb: 106, 27, 154;
--color-background: #FFFFFF;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #4a4a4a;
--color-on-background-rgb: 74, 74, 74;
--color-product-image-background: #4a4a4a;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-rich-text-f9e4c87f-b0d4-4a76-9e44-7011c51c8b77 {

/* globale H2 – passt sich der Breite an */
h2{
  font-size: clamp(24px, 6vw, 40px); /* min, bevorzugt, max */
  line-height: 1.2;
  letter-spacing: 0; /* falls das Theme hier übertreibt */
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: auto; /* mit lang="de" sauber trennen */
}

}




#fw-section-rich-text-175726213521395 {

/* globale H2 – passt sich der Breite an */
h2{
  font-size: clamp(24px, 6vw, 40px); /* min, bevorzugt, max */
  line-height: 1.2;
  letter-spacing: 0; /* falls das Theme hier übertreibt */
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: auto; /* mit lang="de" sauber trennen */
}

}








#fw-section-product-product-ohne-button {

/* --- Fourthwall Kauf-Controls entfernen (nur dieses Produkt) --- */

/* Add-to-cart / Checkout Buttons */
button[data-testid*="add-to-cart"],
button[id*="add-to-cart"],
button[class*="add-to-cart"],
button[name*="add-to-cart"],
button[type="submit"],
a[href*="cart"],
a[href*="checkout"],
[data-testid*="cart"],
[class*="AddToCart"],
[class*="addToCart"],
[class*="cart"] button,
[class*="checkout"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Kaufbereich-Wrapper (falls Themes eigene Container nutzen) */
[class*="product-actions"],
[class*="purchase"],
[class*="buy"],
[id*="purchase"],
[id*="buy"] {
  display: none !important;
}

/* Menge/Varianten */
[class*="quantity"],
[class*="variant"],
[class*="option"],
label[for*="quantity"],
select[name*="variant"],
input[name*="quantity"] {
  display: none !important;
}

/* Preis ausblenden (Affiliate-Produkte sollen keinen Preis bei dir zeigen) */
[class*="price"],
[data-testid*="price"] {
  display: none !important;
}

}





#fw-section-product-recommendations-product-omega-3-selbsttest {

/* Affiliate-Kacheln: Preis überall ausblenden (Desktop & Mobile) */
.product-tile a[href*="/products/norsan-omega-3-welche-variante-passt-zu-dir"] .tile__prices,
.product-tile a[href*="/products/vagusnerv-stimulationsgeraet-empfehlung"] .tile__prices,
.product-tile a[href*="/products/donnerberg-massagegeraet-erprobter-helfer"] .tile__prices {
  display: none !important;
}

/* Ausnahme: Dein eigener Selbsttest soll immer den Preis zeigen */
.product-tile a[href*="/products/omega-3-test-beratung"] .tile__prices {
  display: block !important;
}
}
#fw-section-product-recommendations-product-ohne-button {

/* Affiliate-Kacheln: Preis überall ausblenden (Desktop & Mobile) */
.product-tile a[href*="/products/norsan-omega-3-welche-variante-passt-zu-dir"] .tile__prices,
.product-tile a[href*="/products/vagusnerv-stimulationsgeraet-empfehlung"] .tile__prices,
.product-tile a[href*="/products/donnerberg-massagegeraet-erprobter-helfer"] .tile__prices {
  display: none !important;
}

/* Ausnahme: Dein eigener Selbsttest soll immer den Preis zeigen */
.product-tile a[href*="/products/omega-3-test-beratung"] .tile__prices {
  display: block !important;
}
}