/* ============================================================
   Wichtel Wanda® — Shared Stylesheet
   Tokens, Typografie, Buttons, Topbar, Footer, A11y, Newsletter.
   Sektion-spezifisches CSS bleibt inline in der jeweiligen Seite.
   ============================================================ */

@font-face {
  font-family: "HomemadeHamburgers";
  src: url("HomemadeHamburgers.woff2") format("woff2"),
       url("HomemadeHamburgers.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url("nunito-var.woff2") format("woff2");
}

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
img { max-width: 100%; display: block; }
a { color: inherit; }

:root {
  --c-cream:        #F1F6FC;
  --c-cream-deep:   #E5EEF8;
  --c-sand:         #DCE8F5;
  --c-sand-deep:    #C7D8EC;
  --c-clay:         #7E9DBE;
  --c-rust:         #1C5A8C;
  --c-rust-deep:    #16466C;
  --c-brown:        #173759;
  --c-brown-deep:   #0C1A2E;
  --c-text:         #1C2A3D;
  --c-text-soft:    #45566B;
  --c-text-mute:    #556379;
  --c-gold:         #C28A2C;
  --c-gold-soft:    #F6ECCF;
  --c-gold-deep:    #6F5418;
  --c-sage:         #5C86B3;
  --c-sage-soft:    #DCE8F5;
  --c-pink:         #CC8E7A;
  --c-pink-soft:    #F0DECF;
  --c-line:         #CDDAEA;
  --c-line-soft:    #E0E9F4;
  --c-surface:      #F1F6FC;
  --c-ink:          #1C3A5E;
  --c-ink-strong:   #142A44;
  --max:            1200px;
  --max-narrow:     980px;
  --r-sm:           10px;
  --r:              16px;
  --r-lg:           22px;
  --r-xl:           32px;
  --shadow-sm:      0 4px 12px rgba(16, 34, 60, 0.06);
  --shadow:         0 12px 28px rgba(16, 34, 60, 0.10);
  --shadow-lg:      0 28px 56px rgba(16, 34, 60, 0.18);
  --ease:           cubic-bezier(.2,.7,.2,1);
}

body {
  font-family: "Lora", "Iowan Old Style", Georgia, serif;
  background: var(--c-surface);
  color: var(--c-text);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-wrap: break-word;
  hyphens: auto;
}

/* ===== Accessibility ===== */
:focus { outline: none; }
:focus-visible {
  outline: 3px solid var(--c-gold-deep);
  outline-offset: 3px;
  border-radius: inherit;
}
.btn:focus-visible { outline-offset: 4px; }

.lead, .h-lead { hyphens: none; }

.skip-link {
  position: absolute;
  top: 8px; left: 8px;
  transform: translateY(calc(-100% - 16px));
  background: var(--c-rust);
  color: var(--c-cream);
  padding: 10px 18px;
  border-radius: 999px;
  font-weight: 600;
  text-decoration: none;
  z-index: 100;
  transition: transform .15s var(--ease);
}
.skip-link:focus {
  transform: translateY(0);
  outline: 3px solid var(--c-gold-deep);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

.flex > *, .grid > * { min-width: 0; }

/* ===== Layout-Helfer ===== */
.container { max-width: var(--max); margin: 0 auto; padding: 0 24px; }
.container-narrow { max-width: var(--max-narrow); margin: 0 auto; padding: 0 24px; }
.display { font-family: "HomemadeHamburgers", Georgia, serif; font-weight: 400; line-height: 1.05; }

/* ===== Eyebrow Label ===== */
.eyebrow {
  display: inline-flex; align-items: center; gap: 12px;
  text-transform: uppercase; letter-spacing: 3.5px;
  font-size: 11px; font-weight: 700;
  color: var(--c-gold-deep);
  margin-bottom: 20px;
}
.eyebrow::before {
  content: ""; display: block; width: 28px; height: 1.5px;
  background: var(--c-gold);
}
.eyebrow.sage { color: #2D6291; }
.eyebrow.sage::before { background: var(--c-sage); }
.eyebrow.rust { color: var(--c-ink); }
.eyebrow.rust::before { background: var(--c-rust); }
.eyebrow.center { justify-content: center; }

/* ===== Headlines ===== */
.h-section {
  font-family: "Lora", "Iowan Old Style", Georgia, serif; font-weight: 600;
  color: var(--c-ink);
  font-size: clamp(34px, 4.6vw, 54px);
  margin: 0 0 18px; line-height: 1.14;
}
.h-lead {
  color: var(--c-text-soft);
  font-size: clamp(16px, 1.5vw, 18px);
  max-width: 640px;
  margin: 0;
}
.section-headline { margin-bottom: 56px; }
.section-headline.center { text-align: center; }
.section-headline.center .h-lead { margin: 0 auto; }
.section-headline.center .eyebrow { justify-content: center; }

/* ===== Buttons ===== */
.btn {
  display: inline-flex; align-items: center; gap: 10px;
  text-decoration: none; font-weight: 600; font-size: 15px;
  padding: 15px 28px; border-radius: 999px;
  transition: transform .2s var(--ease), box-shadow .2s var(--ease), background .2s;
  white-space: nowrap; border: none; cursor: pointer;
  font-family: inherit;
}
.btn svg { width: 16px; height: 16px; }
.btn-primary {
  background: var(--c-rust); color: var(--c-cream);
  box-shadow: 0 8px 22px rgba(20, 70, 120,0.32);
}
.btn-primary:hover { background: var(--c-rust-deep); transform: translateY(-2px); box-shadow: 0 14px 28px rgba(20, 70, 120,0.42); }
.btn-secondary {
  background: var(--c-surface); color: var(--c-ink);
  border: 2px solid var(--c-rust);
}
.btn-secondary:hover { background: var(--c-sand); transform: translateY(-2px); }
.btn-ghost {
  background: transparent; color: var(--c-ink);
  padding: 8px 0; border-bottom: 2px solid var(--c-gold);
  border-radius: 0;
}
.btn-ghost:hover { color: var(--c-rust); border-bottom-color: var(--c-rust); }

/* ===== Announcement Bar ===== */
.announce {
  background: var(--c-brown-deep); color: var(--c-cream);
  text-align: center; padding: 8px 16px;
  font-family: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-weight: 600; font-size: 14px; letter-spacing: 0.2px;
}
.announce a { color: var(--c-gold-soft); text-decoration: underline; text-underline-offset: 3px; }
.announce .sep { color: var(--c-gold); margin: 0 14px; }
@media (max-width: 760px){
  .announce{ font-size: 14px; padding: 7px 14px; letter-spacing: 0.1px; line-height: 1.45; }
  .announce .sep{ margin: 0 7px; }
}

/* ===== Topbar ===== */
.topbar {
  background: rgba(238,244,251,0.95);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--c-line-soft);
  position: sticky; top: 0; z-index: 50;
}
.topbar .row {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 24px; max-width: var(--max); margin: 0 auto; gap: 20px;
}
.brand { display: flex; align-items: center; gap: 14px; text-decoration: none; }
.brand img.silhouette { height: 48px; width: auto; }
.brand img.logo { height: 60px; width: auto; }
.brand .wordmark {
  font-family: "HomemadeHamburgers", serif;
  font-size: 30px; color: var(--c-ink); line-height: 1;
}
.brand .wordmark sup { font-size: 11px; vertical-align: super; }
nav.menu { display: none; }
nav.menu a {
  text-decoration: none; color: var(--c-text-soft);
  font-size: 15px; padding: 8px 14px; border-radius: 999px;
  transition: color .2s, background .2s; font-weight: 500;
}
nav.menu a:hover { color: var(--c-ink); background: var(--c-sand); }
nav.menu a[aria-current="page"] { color: var(--c-ink); background: var(--c-sand); }
nav.menu .shop-cta {
  background: var(--c-rust); color: var(--c-cream);
  padding: 11px 22px; font-weight: 600;
  box-shadow: 0 6px 16px rgba(20, 70, 120,0.28);
  margin-left: 8px;
}
nav.menu .shop-cta:hover { background: var(--c-rust-deep); color: var(--c-cream); transform: translateY(-1px); }
.menu-toggle {
  background: none; border: none; cursor: pointer; padding: 12px;
  color: var(--c-ink); font-size: 26px;
  min-width: 44px; min-height: 44px;
}
@media (min-width: 980px) {
  nav.menu { display: flex; align-items: center; gap: 2px; }
  .menu-toggle { display: none; }
}
.mobile-nav {
  display: none; flex-direction: column;
  background: var(--c-surface); border-top: 1px solid var(--c-line); padding: 14px 24px;
}
.mobile-nav.open { display: flex; }
.mobile-nav a {
  padding: 12px 0; text-decoration: none; color: var(--c-text);
  border-bottom: 1px solid var(--c-line-soft); font-size: 16px;
}
.mobile-nav a.shop-cta {
  background: var(--c-rust); color: var(--c-cream);
  border: none; border-radius: 999px;
  padding: 14px 20px; margin-top: 12px; text-align: center; font-weight: 600;
}
@media (min-width: 980px) { .mobile-nav { display: none !important; } }

/* ===== Hero (geteilt: Wrapper-Layout, Subseiten überschreiben Visuals) ===== */
.page-hero {
  position: relative; overflow: hidden;
  padding: 60px 0 70px;
  background:
    radial-gradient(ellipse 1100px 600px at 75% 25%, var(--c-cream), transparent 65%),
    radial-gradient(ellipse 800px 500px at 15% 80%, var(--c-sand), transparent 60%),
    var(--c-cream);
}
@media (min-width: 920px) { .page-hero { padding: 90px 0 100px; } }
.page-hero .breadcrumb {
  font-size: 13px; color: var(--c-text-mute); margin-bottom: 18px;
  letter-spacing: 0.4px;
}
.page-hero .breadcrumb a { color: var(--c-text-soft); text-decoration: none; }
.page-hero .breadcrumb a:hover { color: var(--c-ink); }
.page-hero .breadcrumb .sep { color: var(--c-line); margin: 0 8px; }
.page-hero h1 {
  font-family: "HomemadeHamburgers", serif;
  font-size: clamp(46px, 6.5vw, 88px);
  color: var(--c-ink);
  margin: 0 0 22px;
  line-height: 1.0;
  letter-spacing: -0.5px;
}
.page-hero h1 .accent { color: var(--c-gold-deep); display: inline-block; }
.page-hero .lead {
  font-size: clamp(17px, 1.6vw, 20px);
  color: var(--c-text-soft);
  margin: 0 0 32px;
  max-width: 640px;
  line-height: 1.55;
}
.page-hero .hero-ctas { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 32px; }
.page-hero .hero-trust {
  display: flex; flex-wrap: wrap; gap: 18px;
  font-size: 13px; color: var(--c-text-mute);
  font-weight: 500;
}
.page-hero .hero-trust .item { display: inline-flex; align-items: center; gap: 7px; }
.page-hero .hero-trust svg { width: 14px; height: 14px; color: var(--c-gold-deep); flex-shrink: 0; }

/* ===== Newsletter (geteilt) ===== */
.newsletter {
  padding: 80px 0 100px;
  background: linear-gradient(135deg, #DCEAF8, #C5DBF1 60%, #EAF2FB);
  position: relative; overflow: hidden;
}
.newsletter::before {
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(circle at 80% 30%, rgba(195,154,58,0.18), transparent 65%);
  pointer-events: none;
}
.newsletter .container-narrow { position: relative; z-index: 1; text-align: center; }
.newsletter h2 {
  font-family: "HomemadeHamburgers", serif;
  font-size: clamp(32px, 4vw, 48px);
  color: var(--c-ink);
  margin: 0 0 12px;
  line-height: 1.05;
}
.newsletter .lead {
  color: var(--c-text-soft); font-size: 17px; margin: 0 auto 28px;
  max-width: 480px;
}
.newsletter-form {
  display: flex; flex-direction: column; gap: 12px;
  max-width: 460px; margin: 0 auto 18px;
}
@media (min-width: 600px) {
  .newsletter-form { flex-direction: row; }
  .newsletter-form input { flex: 1; }
}
.newsletter-form input[type="email"] {
  padding: 14px 18px;
  border: 2px solid var(--c-sand-deep);
  border-radius: 999px;
  background: var(--c-surface);
  font-family: inherit; font-size: 16px;
  color: var(--c-text);
}
.newsletter-form input[type="email"]:focus-visible {
  outline: 3px solid var(--c-gold-deep);
  outline-offset: 3px;
  border-color: var(--c-rust);
}
.newsletter-form button {
  padding: 14px 28px;
  background: var(--c-rust); color: var(--c-cream);
  border: none; border-radius: 999px;
  font-family: inherit; font-size: 15px; font-weight: 600;
  cursor: pointer; white-space: nowrap;
  transition: background .2s, transform .2s var(--ease);
}
.newsletter-form button:hover { background: var(--c-rust-deep); transform: translateY(-2px); }
.newsletter .privacy {
  font-size: 13px; color: var(--c-text-mute);
  max-width: 460px; margin: 0 auto 16px;
}
.newsletter .privacy a { color: var(--c-ink); text-decoration: underline; text-underline-offset: 3px; }
.newsletter .trust-line {
  display: flex; flex-wrap: wrap; gap: 18px; justify-content: center;
  font-size: 13px; color: var(--c-text-mute);
}
.newsletter .trust-line .item { display: inline-flex; align-items: center; gap: 6px; }
.newsletter .trust-line svg { width: 14px; height: 14px; color: var(--c-gold-deep); }

/* ===== Footer ===== */
footer {
  background: linear-gradient(180deg, var(--c-brown), var(--c-brown-deep));
  color: var(--c-cream);
  padding: 80px 0 40px;
  position: relative; overflow: hidden;
}
footer .footer-deco {
  position: absolute; right: -10px; top: 16px; bottom: auto;
  width: 210px; opacity: 0.2; filter: none; pointer-events: none;
}
footer .footer-grid {
  display: grid; grid-template-columns: 1fr; gap: 40px;
  position: relative; z-index: 1;
}
@media (min-width: 800px) {
  footer .footer-grid { grid-template-columns: 2.2fr 1fr 1fr 1.2fr; }
}
footer h5 {
  font-family: "HomemadeHamburgers", serif;
  font-size: 24px; color: var(--c-gold-soft);
  margin: 0 0 16px;
}
footer p { color: rgba(255, 248, 236, 0.85); font-size: 15px; }
footer ul { list-style: none; padding: 0; margin: 0; }
footer ul li { margin-bottom: 10px; }
footer ul a {
  color: rgba(255, 248, 236, 0.85);
  text-decoration: none; font-size: 15px;
  transition: color .2s;
}
footer ul a:hover { color: var(--c-gold-soft); }
footer .social-row { display: flex; gap: 14px; margin-top: 16px; }
footer .social-row a {
  width: 40px; height: 40px;
  display: inline-flex; align-items: center; justify-content: center;
  background: rgba(255, 248, 236, 0.1);
  border-radius: 50%;
  color: var(--c-cream);
  transition: background .2s, transform .2s var(--ease);
}
footer .social-row a:hover { background: rgba(255, 239, 196, 0.25); transform: translateY(-2px); }
footer .social-row svg { width: 18px; height: 18px; }
footer .imprint {
  margin-top: 56px; padding-top: 32px;
  border-top: 1px solid rgba(255, 239, 196, 0.15);
  font-size: 13px; color: rgba(255, 248, 236, 0.6);
  display: grid; gap: 8px;
}
footer .imprint .ki-line { font-style: italic; color: rgba(255, 239, 196, 0.65); }
footer .imprint .dpma-line { font-size: 12px; }

/* ===== Mobile Sticky Shop CTA ===== */
.mobile-shop-sticky {
  display: none;
  position: fixed; bottom: 16px; left: 16px; right: 16px;
  z-index: 40;
}
.mobile-shop-sticky a {
  display: block;
  padding: 14px 20px;
  background: var(--c-rust); color: var(--c-cream);
  text-align: center; text-decoration: none;
  border-radius: 999px;
  font-weight: 600; font-size: 15px;
  box-shadow: 0 12px 28px rgba(20, 70, 120, 0.45);
}
@media (max-width: 720px) { .mobile-shop-sticky { display: block; } }

/* ===== Allgemeine Komponenten für Subseiten ===== */
.section-block {
  padding: 70px 0;
}
.section-block.alt-bg {
  background: linear-gradient(180deg, var(--c-surface), var(--c-cream-deep));
}
.section-block.sand-bg {
  background: var(--c-cream-deep);
}

.prose {
  max-width: 680px;
  font-size: 17px;
  line-height: 1.75;
  color: var(--c-text);
}
.prose p { margin: 0 0 18px; }
.prose strong { color: var(--c-ink); }
.prose blockquote {
  border-left: 3px solid var(--c-gold);
  padding: 4px 0 4px 20px;
  margin: 24px 0;
  font-style: italic;
  color: var(--c-text-soft);
}

/* Platzhalter-Block für Cathrin/Julia-Content */
.cathrin-todo, .julia-todo {
  background: var(--c-gold-soft);
  border-left: 4px solid var(--c-gold);
  padding: 14px 18px;
  margin: 18px 0;
  border-radius: var(--r-sm);
  font-size: 14px;
  color: var(--c-gold-deep);
  font-style: italic;
}
.cathrin-todo::before { content: "✏️ Cathrin schreibt: "; font-weight: 700; font-style: normal; }
.julia-todo::before { content: "🎨 Julia zeichnet: "; font-weight: 700; font-style: normal; }

/* ============================================================
   Verspielte Akzente — wärmer & handgemacht (global, alle Seiten)
   Zusatzschicht, lässt bestehendes Design unangetastet.
   ============================================================ */

/* Karten kippen beim Hover minimal, wie aufgeklebtes Bastelpapier */
body :is(.lotsen-card, .product-card, .blog-card, .recommend-card,
         .character-card, .vertrieb-card, .value-card) {
  transition: transform .28s var(--ease), box-shadow .28s var(--ease), border-color .2s;
}
body :is(.lotsen-card, .product-card, .blog-card, .recommend-card,
         .character-card, .vertrieb-card, .value-card):hover {
  transform: translateY(-7px) rotate(-0.8deg);
  box-shadow: var(--shadow-lg);
}
/* jede zweite Karte kippt andersherum — wirkt lebendiger, weniger gleichförmig */
body :is(.lotsen-card, .product-card, .blog-card, .recommend-card,
         .character-card, .vertrieb-card, .value-card):nth-child(even):hover {
  transform: translateY(-7px) rotate(0.8deg);
}

/* Pfeil-Icons in Buttons schubsen beim Hover sanft nach rechts */
.btn svg { transition: transform .2s var(--ease); }
.btn:hover svg { transform: translateX(3px); }


.product-cta.is-pending{opacity:.5;pointer-events:none;cursor:default;}
.product-cta.is-pending::after{content:" \00b7 bald";font-size:.85em;opacity:.9;}

.footer-tagline { font-family:"HomemadeHamburgers",serif; font-size:20px; color:var(--c-gold-soft); margin-top:10px; }

/* Headline-Gruen etwas heller (grosse Schriften waren zu dunkel) – 2026-06-27 */
.hero h1, .h-section, .lotsen-card h3, .station h3, .product-card h4, .ueber-content .lead-quote { color: #1C5A8C; }

nav.menu a, .mobile-nav a { font-family: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif; }


/* ===== UNTERSEITEN: Daemmerungs-Header (CSS-only) ===== */
.page-hero {
  padding: 60px 0 96px;
  background:
    url("unterseite-boden.webp") no-repeat bottom / 100% auto,
    linear-gradient(180deg, #0a1830 0%, #0e2240 55%, #16335a 100%);
}
@media (min-width: 920px) { .page-hero { padding: 82px 0 118px; } }
.page-hero .container { position: relative; z-index: 2; }
.page-hero::before, .page-hero::after {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background-repeat: no-repeat;
}
.page-hero::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%200%20C13%208%2016%2011%2024%2012%20C16%2013%2013%2016%2012%2024%20C11%2016%208%2013%200%2012%20C8%2011%2011%208%2012%200%20Z%22%20fill%3D%22%23FBF4DA%22%2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%200%20C13%208%2016%2011%2024%2012%20C16%2013%2013%2016%2012%2024%20C11%2016%208%2013%200%2012%20C8%2011%2011%208%2012%200%20Z%22%20fill%3D%22%23F2D79A%22%2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%200%20C13%208%2016%2011%2024%2012%20C16%2013%2013%2016%2012%2024%20C11%2016%208%2013%200%2012%20C8%2011%2011%208%2012%200%20Z%22%20fill%3D%22%23FBF4DA%22%2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%200%20C13%208%2016%2011%2024%2012%20C16%2013%2013%2016%2012%2024%20C11%2016%208%2013%200%2012%20C8%2011%2011%208%2012%200%20Z%22%20fill%3D%22%23F2D79A%22%2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%200%20C13%208%2016%2011%2024%2012%20C16%2013%2013%2016%2012%2024%20C11%2016%208%2013%200%2012%20C8%2011%2011%208%2012%200%20Z%22%20fill%3D%22%23FBF4DA%22%2F%3E%3C%2Fsvg%3E");
  background-size: 15px 15px, 11px 11px, 17px 17px, 12px 12px, 14px 14px;
  background-position: 61% 24%, 82% 46%, 45% 60%, 66% 39%, 89% 62%;
  animation: ffA 3.6s ease-in-out infinite;
}
.page-hero::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%200%20C13%208%2016%2011%2024%2012%20C16%2013%2013%2016%2012%2024%20C11%2016%208%2013%200%2012%20C8%2011%2011%208%2012%200%20Z%22%20fill%3D%22%23F2D79A%22%2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%200%20C13%208%2016%2011%2024%2012%20C16%2013%2013%2016%2012%2024%20C11%2016%208%2013%200%2012%20C8%2011%2011%208%2012%200%20Z%22%20fill%3D%22%23FBF4DA%22%2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%200%20C13%208%2016%2011%2024%2012%20C16%2013%2013%2016%2012%2024%20C11%2016%208%2013%200%2012%20C8%2011%2011%208%2012%200%20Z%22%20fill%3D%22%23F2D79A%22%2F%3E%3C%2Fsvg%3E");
  background-size: 13px 13px, 16px 16px, 11px 11px;
  background-position: 72% 66%, 54% 31%, 63% 74%;
  animation: ffB 4.8s ease-in-out infinite; animation-delay: -1.8s;
}
@keyframes ffA { 0%,100% { opacity: .25 } 50% { opacity: 1 } }
@keyframes ffB { 0%,100% { opacity: .3 } 50% { opacity: .8 } }
.page-hero .breadcrumb { color: rgba(248,244,232,0.6); }
.page-hero .breadcrumb a { color: rgba(248,244,232,0.82); }
.page-hero .breadcrumb a:hover { color: #FCF7EC; }
.page-hero .breadcrumb .sep { color: rgba(248,244,232,0.4); }
.page-hero .eyebrow, .page-hero .eyebrow.rust, .page-hero .eyebrow.sage { color: #EAC983; }
.page-hero .eyebrow::before { display: none; }
.page-hero h1 { color: #FCF7EC; }
.page-hero h1 .accent { color: #F0C46A; }
.page-hero .lead { color: rgba(248,244,232,0.87); }
.page-hero .hero-trust { color: rgba(248,244,232,0.78); }
.page-hero .hero-trust svg { color: #EAC983; }
.page-hero .btn-primary { background: #E6AE4D; color: #0C1A2E; box-shadow: 0 10px 26px rgba(0,0,0,0.32); }
.page-hero .btn-primary:hover { background: #F0C46A; }
.page-hero .btn-secondary { background: transparent; color: #FCF7EC; border-color: rgba(252,247,236,0.55); }
.page-hero .btn-secondary:hover { background: rgba(252,247,236,0.12); }

/* Sektions-Rhythmus + Helfer */
.section-block:nth-of-type(even):not(.alt-bg):not(.sand-bg):not(.newsletter) { background: var(--c-cream-deep); }
.frame-craft { border-radius: 14px; box-shadow: 0 14px 30px rgba(16,34,60,0.16); border: 3px solid #fff; outline: 1px solid var(--c-line); background: #fff; }
.divider-trees { display: block; width: 100%; height: 54px; border: 0; margin: 0; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221200%22%20height%3D%2290%22%20viewBox%3D%220%200%201200%2090%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2C90%20V58%20Q150%2C48%20320%2C55%20Q520%2C63%20720%2C54%20Q930%2C46%201080%2C55%20Q1150%2C59%201200%2C56%20V90%20Z%22%20fill%3D%22%2313301f%22%2F%3E%3Cpath%20d%3D%22M0%2C90%20V70%20Q180%2C62%20360%2C68%20Q560%2C73%20760%2C67%20Q980%2C61%201120%2C69%20Q1165%2C71%201200%2C69%20V90%20Z%22%20fill%3D%22%230a1810%22%2F%3E%3Cg%20fill%3D%22%23081209%22%3E%3Cpath%20d%3D%22M24.1%2C74%20L27.9%2C74%20L25.9%2C58.4%20L24.0%2C58.4%20Z%22%2F%3E%3Cpath%20d%3D%22M26.1%2C57.3%20Q35.3%2C61.0%2042.8%2C72.1%20Q34.5%2C76.6%2026.1%2C76.6%20Q17.8%2C76.6%209.4%2C72.1%20Q16.9%2C61.0%2026.1%2C57.3%20Z%22%2F%3E%3Cpath%20d%3D%22M25.1%2C45.9%20Q30.7%2C49.9%2035.2%2C62.0%20Q30.2%2C67.4%2025.1%2C67.4%20Q20.1%2C67.4%2015.0%2C62.0%20Q19.5%2C49.9%2025.1%2C45.9%20Z%22%2F%3E%3Cpath%20d%3D%22M23.2%2C35.2%20Q27.0%2C39.4%2030.1%2C51.8%20Q26.6%2C56.3%2023.2%2C56.3%20Q19.8%2C56.3%2016.3%2C51.8%20Q19.4%2C39.4%2023.2%2C35.2%20Z%22%2F%3E%3Cpath%20d%3D%22M22.6%2C25.2%20Q22.6%2C29.3%2022.6%2C41.6%20Q22.6%2C46.5%2022.6%2C46.5%20Q22.6%2C46.5%2022.6%2C41.6%20Q22.6%2C29.3%2022.6%2C25.2%20Z%22%2F%3E%3Cpath%20d%3D%22M62.2%2C74%20L65.5%2C74%20L64.9%2C57.1%20L63.2%2C57.1%20Z%22%2F%3E%3Cpath%20d%3D%22M64.3%2C54.2%20Q71.8%2C58.7%2078.0%2C72.0%20Q71.1%2C77.0%2064.3%2C77.0%20Q57.4%2C77.0%2050.6%2C72.0%20Q56.8%2C58.7%2064.3%2C54.2%20Z%22%2F%3E%3Cpath%20d%3D%22M64.7%2C42.9%20Q70.5%2C47.4%2075.3%2C61.0%20Q70.0%2C67.5%2064.7%2C67.5%20Q59.4%2C67.5%2054.1%2C61.0%20Q58.9%2C47.4%2064.7%2C42.9%20Z%22%2F%3E%3Cpath%20d%3D%22M64.8%2C31.9%20Q68.1%2C36.4%2070.8%2C50.1%20Q67.8%2C56.3%2064.8%2C56.3%20Q61.8%2C56.3%2058.8%2C50.1%20Q61.5%2C36.4%2064.8%2C31.9%20Z%22%2F%3E%3Cpath%20d%3D%22M64.8%2C20.6%20Q64.8%2C25.2%2064.8%2C39.1%20Q64.8%2C44.5%2064.8%2C44.5%20Q64.8%2C44.5%2064.8%2C39.1%20Q64.8%2C25.2%2064.8%2C20.6%20Z%22%2F%3E%3Cpath%20d%3D%22M78.8%2C74%20L84.1%2C74%20L81.9%2C50.1%20L79.2%2C50.1%20Z%22%2F%3E%3Cpath%20d%3D%22M82.2%2C35.7%20Q95.1%2C44.6%20105.7%2C71.2%20Q94.0%2C83.3%2082.2%2C83.3%20Q70.5%2C83.3%2058.7%2C71.2%20Q69.3%2C44.6%2082.2%2C35.7%20Z%22%2F%3E%3Cpath%20d%3D%22M80.1%2C12.1%20Q86.5%2C21.0%2091.7%2C47.8%20Q85.9%2C57.0%2080.1%2C57.0%20Q74.3%2C57.0%2068.5%2C47.8%20Q73.7%2C21.0%2080.1%2C12.1%20Z%22%2F%3E%3Cpath%20d%3D%22M79.8%2C-6.3%20Q79.8%2C1.4%2079.8%2C24.4%20Q79.8%2C32.8%2079.8%2C32.8%20Q79.8%2C32.8%2079.8%2C24.4%20Q79.8%2C1.4%2079.8%2C-6.3%20Z%22%2F%3E%3Cpath%20d%3D%22M127.6%2C74%20L131.7%2C74%20L129.9%2C62.9%20L127.8%2C62.9%20Z%22%2F%3E%3Cellipse%20cx%3D%22135.1%22%20cy%3D%2258.7%22%20rx%3D%227.0%22%20ry%3D%226.5%22%2F%3E%3Cellipse%20cx%3D%22131.3%22%20cy%3D%2253.9%22%20rx%3D%226.8%22%20ry%3D%226.3%22%2F%3E%3Cellipse%20cx%3D%22125.0%22%20cy%3D%2254.8%22%20rx%3D%226.1%22%20ry%3D%225.6%22%2F%3E%3Cellipse%20cx%3D%22121.9%22%20cy%3D%2258.7%22%20rx%3D%226.5%22%20ry%3D%226.0%22%2F%3E%3Cellipse%20cx%3D%22128.5%22%20cy%3D%2258.7%22%20rx%3D%228.8%22%20ry%3D%227.6%22%2F%3E%3Cpath%20d%3D%22M140.3%2C74%20L146.3%2C74%20L144.8%2C55.7%20L141.8%2C55.7%20Z%22%2F%3E%3Cellipse%20cx%3D%22153.1%22%20cy%3D%2248.8%22%20rx%3D%2210.6%22%20ry%3D%229.7%22%2F%3E%3Cellipse%20cx%3D%22152.2%22%20cy%3D%2244.6%22%20rx%3D%228.6%22%20ry%3D%227.9%22%2F%3E%3Cellipse%20cx%3D%22146.6%22%20cy%3D%2241.2%22%20rx%3D%228.5%22%20ry%3D%227.8%22%2F%3E%3Cellipse%20cx%3D%22140.5%22%20cy%3D%2241.1%22%20rx%3D%229.8%22%20ry%3D%229.0%22%2F%3E%3Cellipse%20cx%3D%22134.3%22%20cy%3D%2244.5%22%20rx%3D%2210.8%22%20ry%3D%2210.0%22%2F%3E%3Cellipse%20cx%3D%22133.3%22%20cy%3D%2248.8%22%20rx%3D%2211.2%22%20ry%3D%2210.3%22%2F%3E%3Cellipse%20cx%3D%22143.3%22%20cy%3D%2248.8%22%20rx%3D%2213.1%22%20ry%3D%2211.2%22%2F%3E%3Cpath%20d%3D%22M162.9%2C74%20L166.5%2C74%20L166.4%2C59.4%20L164.6%2C59.4%20Z%22%2F%3E%3Cpath%20d%3D%22M164.9%2C56.2%20Q173.4%2C60.2%20180.4%2C72.3%20Q172.7%2C76.8%20164.9%2C76.8%20Q157.2%2C76.8%20149.4%2C72.3%20Q156.4%2C60.2%20164.9%2C56.2%20Z%22%2F%3E%3Cpath%20d%3D%22M165.2%2C48.7%20Q171.3%2C52.2%20176.3%2C62.8%20Q170.8%2C67.3%20165.2%2C67.3%20Q159.6%2C67.3%20154.1%2C62.8%20Q159.1%2C52.2%20165.2%2C48.7%20Z%22%2F%3E%3Cpath%20d%3D%22M166.6%2C36.8%20Q169.7%2C40.9%20172.3%2C53.3%20Q169.4%2C58.0%20166.6%2C58.0%20Q163.8%2C58.0%20160.9%2C53.3%20Q163.5%2C40.9%20166.6%2C36.8%20Z%22%2F%3E%3Cpath%20d%3D%22M166.4%2C29.7%20Q166.4%2C33.2%20166.4%2C43.8%20Q166.4%2C48.2%20166.4%2C48.2%20Q166.4%2C48.2%20166.4%2C43.8%20Q166.4%2C33.2%20166.4%2C29.7%20Z%22%2F%3E%3Cpath%20d%3D%22M206.5%2C74%20L210.4%2C74%20L208.6%2C53.3%20L206.7%2C53.3%20Z%22%2F%3E%3Cpath%20d%3D%22M208.3%2C45.2%20Q217.5%2C51.8%20225.0%2C71.5%20Q216.7%2C80.6%20208.3%2C80.6%20Q200.0%2C80.6%20191.6%2C71.5%20Q199.1%2C51.8%20208.3%2C45.2%20Z%22%2F%3E%3Cpath%20d%3D%22M206.9%2C24.5%20Q211.6%2C31.2%20215.4%2C51.3%20Q211.2%2C59.6%20206.9%2C59.6%20Q202.7%2C59.6%20198.4%2C51.3%20Q202.2%2C31.2%20206.9%2C24.5%20Z%22%2F%3E%3Cpath%20d%3D%22M205.9%2C1.9%20Q205.9%2C9.2%20205.9%2C31.1%20Q205.9%2C40.0%20205.9%2C40.0%20Q205.9%2C40.0%20205.9%2C31.1%20Q205.9%2C9.2%20205.9%2C1.9%20Z%22%2F%3E%3Cpath%20d%3D%22M227.6%2C74%20L231.6%2C74%20L229.6%2C55.0%20L227.6%2C55.0%20Z%22%2F%3E%3Cpath%20d%3D%22M229.7%2C50.6%20Q239.0%2C55.9%20246.7%2C71.7%20Q238.2%2C77.2%20229.7%2C77.2%20Q221.2%2C77.2%20212.7%2C71.7%20Q220.3%2C55.9%20229.7%2C50.6%20Z%22%2F%3E%3Cpath%20d%3D%22M227.8%2C38.2%20Q233.9%2C43.5%20238.9%2C59.4%20Q233.4%2C65.5%20227.8%2C65.5%20Q222.2%2C65.5%20216.7%2C59.4%20Q221.7%2C43.5%20227.8%2C38.2%20Z%22%2F%3E%3Cpath%20d%3D%22M227.4%2C27.5%20Q231.2%2C32.4%20234.3%2C47.1%20Q230.8%2C53.0%20227.4%2C53.0%20Q224.0%2C53.0%20220.5%2C47.1%20Q223.6%2C32.4%20227.4%2C27.5%20Z%22%2F%3E%3Cpath%20d%3D%22M227.2%2C14.2%20Q227.2%2C19.3%20227.2%2C34.7%20Q227.2%2C40.2%20227.2%2C40.2%20Q227.2%2C40.2%20227.2%2C34.7%20Q227.2%2C19.3%20227.2%2C14.2%20Z%22%2F%3E%3Cpath%20d%3D%22M250.1%2C74%20L254.2%2C74%20L252.1%2C55.5%20L250.0%2C55.5%20Z%22%2F%3E%3Cpath%20d%3D%22M252.5%2C54.0%20Q262.1%2C58.5%20270.0%2C71.8%20Q261.2%2C77.7%20252.5%2C77.7%20Q243.8%2C77.7%20235.0%2C71.8%20Q242.9%2C58.5%20252.5%2C54.0%20Z%22%2F%3E%3Cpath%20d%3D%22M251.7%2C41.0%20Q259.0%2C45.7%20264.9%2C59.8%20Q258.3%2C64.8%20251.7%2C64.8%20Q245.1%2C64.8%20238.5%2C59.8%20Q244.4%2C45.7%20251.7%2C41.0%20Z%22%2F%3E%3Cpath%20d%3D%22M249.4%2C28.2%20Q253.1%2C33.1%20256.2%2C47.8%20Q252.8%2C53.5%20249.4%2C53.5%20Q246.0%2C53.5%20242.6%2C47.8%20Q245.7%2C33.1%20249.4%2C28.2%20Z%22%2F%3E%3Cpath%20d%3D%22M249.7%2C17.1%20Q249.7%2C21.8%20249.7%2C35.8%20Q249.7%2C40.7%20249.7%2C40.7%20Q249.7%2C40.7%20249.7%2C35.8%20Q249.7%2C21.8%20249.7%2C17.1%20Z%22%2F%3E%3Cpath%20d%3D%22M273.3%2C74%20L277.6%2C74%20L276.6%2C53.5%20L274.5%2C53.5%20Z%22%2F%3E%3Cpath%20d%3D%22M275.7%2C56.4%20Q284.8%2C60.2%20292.2%2C71.6%20Q283.9%2C76.6%20275.7%2C76.6%20Q267.4%2C76.6%20259.2%2C71.6%20Q266.6%2C60.2%20275.7%2C56.4%20Z%22%2F%3E%3Cpath%20d%3D%22M274.7%2C45.5%20Q282.7%2C49.5%20289.2%2C61.6%20Q281.9%2C65.9%20274.7%2C65.9%20Q267.4%2C65.9%20260.2%2C61.6%20Q266.7%2C49.5%20274.7%2C45.5%20Z%22%2F%3E%3Cpath%20d%3D%22M275.7%2C33.1%20Q281.4%2C37.7%20286.0%2C51.6%20Q280.8%2C56.7%20275.7%2C56.7%20Q270.6%2C56.7%20265.4%2C51.6%20Q270.0%2C37.7%20275.7%2C33.1%20Z%22%2F%3E%3Cpath%20d%3D%22M274.9%2C25.7%20Q278.4%2C29.7%20281.2%2C41.6%20Q278.0%2C46.7%20274.9%2C46.7%20Q271.8%2C46.7%20268.6%2C41.6%20Q271.4%2C29.7%20274.9%2C25.7%20Z%22%2F%3E%3Cpath%20d%3D%22M275.7%2C14.4%20Q275.7%2C18.7%20275.7%2C31.5%20Q275.7%2C37.3%20275.7%2C37.3%20Q275.7%2C37.3%20275.7%2C31.5%20Q275.7%2C18.7%20275.7%2C14.4%20Z%22%2F%3E%3Cpath%20d%3D%22M346.8%2C74%20L351.2%2C74%20L351.1%2C56.6%20L348.9%2C56.6%20Z%22%2F%3E%3Cpath%20d%3D%22M349.2%2C54.8%20Q358.3%2C59.1%20365.8%2C71.9%20Q357.5%2C76.8%20349.2%2C76.8%20Q340.9%2C76.8%20332.6%2C71.9%20Q340.1%2C59.1%20349.2%2C54.8%20Z%22%2F%3E%3Cpath%20d%3D%22M349.9%2C41.1%20Q357.6%2C46.0%20363.9%2C60.6%20Q356.9%2C66.9%20349.9%2C66.9%20Q342.9%2C66.9%20335.9%2C60.6%20Q342.2%2C46.0%20349.9%2C41.1%20Z%22%2F%3E%3Cpath%20d%3D%22M351.2%2C30.1%20Q355.7%2C34.9%20359.4%2C49.3%20Q355.3%2C55.4%20351.2%2C55.4%20Q347.1%2C55.4%20343.0%2C49.3%20Q346.7%2C34.9%20351.2%2C30.1%20Z%22%2F%3E%3Cpath%20d%3D%22M351.0%2C21.0%20Q351.0%2C25.2%20351.0%2C37.9%20Q351.0%2C43.3%20351.0%2C43.3%20Q351.0%2C43.3%20351.0%2C37.9%20Q351.0%2C25.2%20351.0%2C21.0%20Z%22%2F%3E%3Cpath%20d%3D%22M368.4%2C74%20L371.7%2C74%20L370.7%2C59.8%20L369.0%2C59.8%20Z%22%2F%3E%3Cpath%20d%3D%22M370.6%2C57.3%20Q378.2%2C61.0%20384.4%2C72.3%20Q377.5%2C76.2%20370.6%2C76.2%20Q363.7%2C76.2%20356.8%2C72.3%20Q363.0%2C61.0%20370.6%2C57.3%20Z%22%2F%3E%3Cpath%20d%3D%22M369.8%2C47.7%20Q374.8%2C51.6%20378.8%2C63.1%20Q374.3%2C68.5%20369.8%2C68.5%20Q365.3%2C68.5%20360.8%2C63.1%20Q364.9%2C51.6%20369.8%2C47.7%20Z%22%2F%3E%3Cpath%20d%3D%22M369.2%2C37.9%20Q372.2%2C41.9%20374.7%2C53.8%20Q371.9%2C59.1%20369.2%2C59.1%20Q366.4%2C59.1%20363.7%2C53.8%20Q366.2%2C41.9%20369.2%2C37.9%20Z%22%2F%3E%3Cpath%20d%3D%22M369.1%2C30.0%20Q369.1%2C33.6%20369.1%2C44.6%20Q369.1%2C48.4%20369.1%2C48.4%20Q369.1%2C48.4%20369.1%2C44.6%20Q369.1%2C33.6%20369.1%2C30.0%20Z%22%2F%3E%3Cpath%20d%3D%22M389.0%2C74%20L392.1%2C74%20L390.3%2C58.8%20L388.8%2C58.8%20Z%22%2F%3E%3Cpath%20d%3D%22M390.3%2C51.2%20Q397.5%2C56.5%20403.4%2C72.2%20Q396.9%2C78.6%20390.3%2C78.6%20Q383.8%2C78.6%20377.2%2C72.2%20Q383.1%2C56.5%20390.3%2C51.2%20Z%22%2F%3E%3Cpath%20d%3D%22M388.8%2C38.7%20Q393.2%2C43.4%20396.8%2C57.4%20Q392.8%2C62.8%20388.8%2C62.8%20Q384.8%2C62.8%20380.8%2C57.4%20Q384.4%2C43.4%20388.8%2C38.7%20Z%22%2F%3E%3Cpath%20d%3D%22M387.5%2C23.0%20Q387.5%2C27.9%20387.5%2C42.6%20Q387.5%2C49.5%20387.5%2C49.5%20Q387.5%2C49.5%20387.5%2C42.6%20Q387.5%2C27.9%20387.5%2C23.0%20Z%22%2F%3E%3Cpath%20d%3D%22M458.5%2C74%20L462.7%2C74%20L461.7%2C51.2%20L459.6%2C51.2%20Z%22%2F%3E%3Cpath%20d%3D%22M460.5%2C50.5%20Q468.8%2C55.7%20475.5%2C71.3%20Q468.0%2C76.8%20460.5%2C76.8%20Q453.0%2C76.8%20445.5%2C71.3%20Q452.2%2C55.7%20460.5%2C50.5%20Z%22%2F%3E%3Cpath%20d%3D%22M460.0%2C31.9%20Q467.2%2C38.0%20473.1%2C56.5%20Q466.6%2C63.4%20460.0%2C63.4%20Q453.4%2C63.4%20446.9%2C56.5%20Q452.8%2C38.0%20460.0%2C31.9%20Z%22%2F%3E%3Cpath%20d%3D%22M460.0%2C18.7%20Q463.5%2C24.4%20466.4%2C41.6%20Q463.2%2C48.5%20460.0%2C48.5%20Q456.8%2C48.5%20453.6%2C41.6%20Q456.5%2C24.4%20460.0%2C18.7%20Z%22%2F%3E%3Cpath%20d%3D%22M461.4%2C3.2%20Q461.4%2C9.1%20461.4%2C26.8%20Q461.4%2C34.3%20461.4%2C34.3%20Q461.4%2C34.3%20461.4%2C26.8%20Q461.4%2C9.1%20461.4%2C3.2%20Z%22%2F%3E%3Cpath%20d%3D%22M476.9%2C74%20L480.0%2C74%20L478.8%2C58.3%20L477.3%2C58.3%20Z%22%2F%3E%3Cpath%20d%3D%22M478.5%2C58.2%20Q485.6%2C61.7%20491.5%2C72.1%20Q485.0%2C76.7%20478.5%2C76.7%20Q472.0%2C76.7%20465.5%2C72.1%20Q471.4%2C61.7%20478.5%2C58.2%20Z%22%2F%3E%3Cpath%20d%3D%22M478.0%2C50.6%20Q484.1%2C54.1%20489.0%2C64.5%20Q483.5%2C69.3%20478.0%2C69.3%20Q472.5%2C69.3%20467.0%2C64.5%20Q471.9%2C54.1%20478.0%2C50.6%20Z%22%2F%3E%3Cpath%20d%3D%22M478.2%2C43.2%20Q482.3%2C46.6%20485.7%2C56.8%20Q481.9%2C60.3%20478.2%2C60.3%20Q474.4%2C60.3%20470.7%2C56.8%20Q474.1%2C46.6%20478.2%2C43.2%20Z%22%2F%3E%3Cpath%20d%3D%22M477.4%2C37.0%20Q479.8%2C40.0%20481.7%2C49.2%20Q479.5%2C53.3%20477.4%2C53.3%20Q475.2%2C53.3%20473.1%2C49.2%20Q475.0%2C40.0%20477.4%2C37.0%20Z%22%2F%3E%3Cpath%20d%3D%22M477.2%2C27.8%20Q477.2%2C31.2%20477.2%2C41.5%20Q477.2%2C45.8%20477.2%2C45.8%20Q477.2%2C45.8%20477.2%2C41.5%20Q477.2%2C31.2%20477.2%2C27.8%20Z%22%2F%3E%3Cpath%20d%3D%22M488.7%2C74%20L493.0%2C74%20L492.1%2C57.2%20L490.0%2C57.2%20Z%22%2F%3E%3Cpath%20d%3D%22M490.7%2C54.2%20Q500.4%2C58.7%20508.4%2C72.0%20Q499.6%2C78.2%20490.7%2C78.2%20Q481.8%2C78.2%20473.0%2C72.0%20Q481.0%2C58.7%20490.7%2C54.2%20Z%22%2F%3E%3Cpath%20d%3D%22M491.1%2C43.9%20Q497.5%2C48.2%20502.8%2C61.1%20Q497.0%2C67.0%20491.1%2C67.0%20Q485.2%2C67.0%20479.4%2C61.1%20Q484.7%2C48.2%20491.1%2C43.9%20Z%22%2F%3E%3Cpath%20d%3D%22M491.2%2C31.7%20Q495.4%2C36.3%20498.8%2C50.1%20Q495.0%2C56.4%20491.2%2C56.4%20Q487.4%2C56.4%20483.6%2C50.1%20Q487.0%2C36.3%20491.2%2C31.7%20Z%22%2F%3E%3Cpath%20d%3D%22M490.9%2C21.0%20Q490.9%2C25.6%20490.9%2C39.2%20Q490.9%2C44.5%20490.9%2C44.5%20Q490.9%2C44.5%20490.9%2C39.2%20Q490.9%2C25.6%20490.9%2C21.0%20Z%22%2F%3E%3Cpath%20d%3D%22M570.2%2C74%20L573.1%2C74%20L573.5%2C60.2%20L572.0%2C60.2%20Z%22%2F%3E%3Cpath%20d%3D%22M571.9%2C52.3%20Q578.6%2C57.3%20584.0%2C72.4%20Q577.9%2C78.2%20571.9%2C78.2%20Q565.9%2C78.2%20559.8%2C72.4%20Q565.2%2C57.3%20571.9%2C52.3%20Z%22%2F%3E%3Cpath%20d%3D%22M573.8%2C41.9%20Q577.0%2C46.1%20579.7%2C58.8%20Q576.8%2C64.3%20573.8%2C64.3%20Q570.8%2C64.3%20567.9%2C58.8%20Q570.6%2C46.1%20573.8%2C41.9%20Z%22%2F%3E%3Cpath%20d%3D%22M574.7%2C25.5%20Q574.7%2C30.4%20574.7%2C45.3%20Q574.7%2C50.6%20574.7%2C50.6%20Q574.7%2C50.6%20574.7%2C45.3%20Q574.7%2C30.4%20574.7%2C25.5%20Z%22%2F%3E%3Cpath%20d%3D%22M586.7%2C74%20L591.3%2C74%20L589.0%2C54.7%20L586.7%2C54.7%20Z%22%2F%3E%3Cpath%20d%3D%22M589.2%2C46.5%20Q600.4%2C52.8%20609.6%2C71.7%20Q599.4%2C80.4%20589.2%2C80.4%20Q579.0%2C80.4%20568.8%2C71.7%20Q578.0%2C52.8%20589.2%2C46.5%20Z%22%2F%3E%3Cpath%20d%3D%22M586.6%2C28.9%20Q592.5%2C34.9%20597.3%2C52.9%20Q592.0%2C59.5%20586.6%2C59.5%20Q581.2%2C59.5%20575.9%2C52.9%20Q580.7%2C34.9%20586.6%2C28.9%20Z%22%2F%3E%3Cpath%20d%3D%22M586.7%2C5.6%20Q586.7%2C12.7%20586.7%2C34.1%20Q586.7%2C43.4%20586.7%2C43.4%20Q586.7%2C43.4%20586.7%2C34.1%20Q586.7%2C12.7%20586.7%2C5.6%20Z%22%2F%3E%3Cpath%20d%3D%22M649.9%2C74%20L654.5%2C74%20L654.2%2C56.1%20L651.9%2C56.1%20Z%22%2F%3E%3Cpath%20d%3D%22M651.8%2C54.5%20Q661.1%2C58.9%20668.7%2C71.9%20Q660.2%2C77.2%20651.8%2C77.2%20Q643.3%2C77.2%20634.9%2C71.9%20Q642.5%2C58.9%20651.8%2C54.5%20Z%22%2F%3E%3Cpath%20d%3D%22M653.9%2C40.7%20Q661.7%2C45.6%20668.0%2C60.3%20Q660.9%2C67.2%20653.9%2C67.2%20Q646.9%2C67.2%20639.8%2C60.3%20Q646.1%2C45.6%20653.9%2C40.7%20Z%22%2F%3E%3Cpath%20d%3D%22M652.8%2C31.3%20Q656.9%2C35.6%20660.2%2C48.6%20Q656.5%2C54.6%20652.8%2C54.6%20Q649.1%2C54.6%20645.4%2C48.6%20Q648.7%2C35.6%20652.8%2C31.3%20Z%22%2F%3E%3Cpath%20d%3D%22M655.4%2C18.9%20Q655.4%2C23.4%20655.4%2C37.0%20Q655.4%2C43.2%20655.4%2C43.2%20Q655.4%2C43.2%20655.4%2C37.0%20Q655.4%2C23.4%20655.4%2C18.9%20Z%22%2F%3E%3Cpath%20d%3D%22M674.3%2C74%20L679.2%2C74%20L678.8%2C49.6%20L676.3%2C49.6%20Z%22%2F%3E%3Cpath%20d%3D%22M676.6%2C43.8%20Q687.5%2C50.6%20696.5%2C71.1%20Q686.6%2C80.8%20676.6%2C80.8%20Q666.6%2C80.8%20656.7%2C71.1%20Q665.7%2C50.6%20676.6%2C43.8%20Z%22%2F%3E%3Cpath%20d%3D%22M677.8%2C30.1%20Q685.2%2C36.4%20691.3%2C55.2%20Q684.5%2C63.3%20677.8%2C63.3%20Q671.0%2C63.3%20664.3%2C55.2%20Q670.4%2C36.4%20677.8%2C30.1%20Z%22%2F%3E%3Cpath%20d%3D%22M678.9%2C13.1%20Q683.2%2C19.6%20686.7%2C39.3%20Q682.8%2C47.9%20678.9%2C47.9%20Q675.0%2C47.9%20671.1%2C39.3%20Q674.6%2C19.6%20678.9%2C13.1%20Z%22%2F%3E%3Cpath%20d%3D%22M678.6%2C-4.2%20Q678.6%2C2.7%20678.6%2C23.4%20Q678.6%2C31.4%20678.6%2C31.4%20Q678.6%2C31.4%20678.6%2C23.4%20Q678.6%2C2.7%20678.6%2C-4.2%20Z%22%2F%3E%3Cpath%20d%3D%22M699.8%2C74%20L702.6%2C74%20L702.0%2C58.5%20L700.6%2C58.5%20Z%22%2F%3E%3Cpath%20d%3D%22M701.5%2C57.6%20Q708.2%2C61.2%20713.7%2C72.2%20Q707.6%2C77.2%20701.5%2C77.2%20Q695.4%2C77.2%20689.3%2C72.2%20Q694.8%2C61.2%20701.5%2C57.6%20Z%22%2F%3E%3Cpath%20d%3D%22M701.1%2C47.4%20Q705.2%2C51.1%20708.6%2C62.1%20Q704.9%2C66.8%20701.1%2C66.8%20Q697.4%2C66.8%20693.6%2C62.1%20Q697.0%2C51.1%20701.1%2C47.4%20Z%22%2F%3E%3Cpath%20d%3D%22M701.7%2C34.9%20Q704.2%2C39.2%20706.2%2C52.0%20Q704.0%2C56.8%20701.7%2C56.8%20Q699.5%2C56.8%20697.2%2C52.0%20Q699.2%2C39.2%20701.7%2C34.9%20Z%22%2F%3E%3Cpath%20d%3D%22M701.8%2C26.0%20Q701.8%2C30.0%20701.8%2C41.9%20Q701.8%2C46.7%20701.8%2C46.7%20Q701.8%2C46.7%20701.8%2C41.9%20Q701.8%2C30.0%20701.8%2C26.0%20Z%22%2F%3E%3Cpath%20d%3D%22M770.4%2C74%20L775.0%2C74%20L772.9%2C60.5%20L770.7%2C60.5%20Z%22%2F%3E%3Cellipse%20cx%3D%22779.5%22%20cy%3D%2255.3%22%20rx%3D%227.6%22%20ry%3D%227.0%22%2F%3E%3Cellipse%20cx%3D%22777.4%22%20cy%3D%2251.4%22%20rx%3D%227.6%22%20ry%3D%227.0%22%2F%3E%3Cellipse%20cx%3D%22771.4%22%20cy%3D%2250.1%22%20rx%3D%227.1%22%20ry%3D%226.6%22%2F%3E%3Cellipse%20cx%3D%22765.8%22%20cy%3D%2251.4%22%20rx%3D%227.4%22%20ry%3D%226.8%22%2F%3E%3Cellipse%20cx%3D%22764.6%22%20cy%3D%2255.3%22%20rx%3D%226.8%22%20ry%3D%226.3%22%2F%3E%3Cellipse%20cx%3D%22771.4%22%20cy%3D%2255.3%22%20rx%3D%229.9%22%20ry%3D%228.5%22%2F%3E%3Cpath%20d%3D%22M786.4%2C74%20L790.9%2C74%20L788.1%2C49.8%20L785.9%2C49.8%20Z%22%2F%3E%3Cpath%20d%3D%22M789.3%2C44.2%20Q798.5%2C50.9%20806.1%2C71.1%20Q797.7%2C78.4%20789.3%2C78.4%20Q780.9%2C78.4%20772.5%2C71.1%20Q780.1%2C50.9%20789.3%2C44.2%20Z%22%2F%3E%3Cpath%20d%3D%22M786.7%2C31.1%20Q793.9%2C37.2%20799.7%2C55.4%20Q793.2%2C62.8%20786.7%2C62.8%20Q780.2%2C62.8%20773.7%2C55.4%20Q779.6%2C37.2%20786.7%2C31.1%20Z%22%2F%3E%3Cpath%20d%3D%22M784.9%2C14.0%20Q789.0%2C20.4%20792.3%2C39.6%20Q788.6%2C48.8%20784.9%2C48.8%20Q781.2%2C48.8%20777.5%2C39.6%20Q780.8%2C20.4%20784.9%2C14.0%20Z%22%2F%3E%3Cpath%20d%3D%22M783.4%2C1.5%20Q783.4%2C7.1%20783.4%2C23.9%20Q783.4%2C31.4%20783.4%2C31.4%20Q783.4%2C31.4%20783.4%2C23.9%20Q783.4%2C7.1%20783.4%2C1.5%20Z%22%2F%3E%3Cpath%20d%3D%22M846.7%2C74%20L850.2%2C74%20L849.8%2C57.7%20L848.0%2C57.7%20Z%22%2F%3E%3Cpath%20d%3D%22M847.9%2C57.8%20Q856.1%2C61.4%20862.8%2C72.1%20Q855.4%2C76.3%20847.9%2C76.3%20Q840.4%2C76.3%20833.0%2C72.1%20Q839.7%2C61.4%20847.9%2C57.8%20Z%22%2F%3E%3Cpath%20d%3D%22M848.4%2C50.3%20Q854.8%2C53.8%20860.0%2C64.1%20Q854.2%2C68.4%20848.4%2C68.4%20Q842.6%2C68.4%20836.8%2C64.1%20Q842.0%2C53.8%20848.4%2C50.3%20Z%22%2F%3E%3Cpath%20d%3D%22M849.5%2C41.6%20Q853.6%2C45.2%20856.9%2C56.1%20Q853.2%2C61.0%20849.5%2C61.0%20Q845.8%2C61.0%20842.1%2C56.1%20Q845.4%2C45.2%20849.5%2C41.6%20Z%22%2F%3E%3Cpath%20d%3D%22M850.0%2C36.1%20Q852.7%2C39.1%20854.9%2C48.2%20Q852.5%2C51.5%20850.0%2C51.5%20Q847.5%2C51.5%20845.1%2C48.2%20Q847.3%2C39.1%20850.0%2C36.1%20Z%22%2F%3E%3Cpath%20d%3D%22M849.2%2C25.7%20Q849.2%2C29.3%20849.2%2C40.2%20Q849.2%2C43.9%20849.2%2C43.9%20Q849.2%2C43.9%20849.2%2C40.2%20Q849.2%2C29.3%20849.2%2C25.7%20Z%22%2F%3E%3Cpath%20d%3D%22M860.4%2C74%20L865.1%2C74%20L865.1%2C49.4%20L862.8%2C49.4%20Z%22%2F%3E%3Cpath%20d%3D%22M863.3%2C50.5%20Q874.0%2C55.6%20882.8%2C71.1%20Q873.0%2C76.8%20863.3%2C76.8%20Q853.5%2C76.8%20843.8%2C71.1%20Q852.6%2C55.6%20863.3%2C50.5%20Z%22%2F%3E%3Cpath%20d%3D%22M863.1%2C39.5%20Q871.9%2C44.4%20879.1%2C59.1%20Q871.1%2C66.1%20863.1%2C66.1%20Q855.1%2C66.1%20847.1%2C59.1%20Q854.3%2C44.4%20863.1%2C39.5%20Z%22%2F%3E%3Cpath%20d%3D%22M865.4%2C27.7%20Q872.1%2C32.5%20877.5%2C47.0%20Q871.4%2C52.1%20865.4%2C52.1%20Q859.4%2C52.1%20853.3%2C47.0%20Q858.7%2C32.5%20865.4%2C27.7%20Z%22%2F%3E%3Cpath%20d%3D%22M865.6%2C15.6%20Q868.8%2C20.4%20871.4%2C35.0%20Q868.5%2C40.5%20865.6%2C40.5%20Q862.7%2C40.5%20859.8%2C35.0%20Q862.4%2C20.4%20865.6%2C15.6%20Z%22%2F%3E%3Cpath%20d%3D%22M866.6%2C1.2%20Q866.6%2C6.7%20866.6%2C23.0%20Q866.6%2C30.3%20866.6%2C30.3%20Q866.6%2C30.3%20866.6%2C23.0%20Q866.6%2C6.7%20866.6%2C1.2%20Z%22%2F%3E%3Cpath%20d%3D%22M884.1%2C74%20L889.5%2C74%20L886.2%2C49.5%20L883.5%2C49.5%20Z%22%2F%3E%3Cpath%20d%3D%22M886.9%2C35.4%20Q898.0%2C44.3%20907.0%2C71.1%20Q896.9%2C82.2%20886.9%2C82.2%20Q876.9%2C82.2%20866.8%2C71.1%20Q875.8%2C44.3%20886.9%2C35.4%20Z%22%2F%3E%3Cpath%20d%3D%22M884.8%2C13.3%20Q892.2%2C21.8%20898.3%2C47.2%20Q891.5%2C58.9%20884.8%2C58.9%20Q878.0%2C58.9%20871.3%2C47.2%20Q877.4%2C21.8%20884.8%2C13.3%20Z%22%2F%3E%3Cpath%20d%3D%22M880.8%2C-10.1%20Q880.8%2C-1.8%20880.8%2C23.3%20Q880.8%2C34.9%20880.8%2C34.9%20Q880.8%2C34.9%20880.8%2C23.3%20Q880.8%2C-1.8%20880.8%2C-10.1%20Z%22%2F%3E%3Cpath%20d%3D%22M944.2%2C74%20L949.1%2C74%20L949.4%2C53.9%20L946.9%2C53.9%20Z%22%2F%3E%3Cpath%20d%3D%22M947.2%2C55.7%20Q959.0%2C59.7%20968.6%2C71.6%20Q957.9%2C77.0%20947.2%2C77.0%20Q936.5%2C77.0%20925.8%2C71.6%20Q935.4%2C59.7%20947.2%2C55.7%20Z%22%2F%3E%3Cpath%20d%3D%22M947.8%2C46.5%20Q956.9%2C50.3%20964.3%2C61.8%20Q956.0%2C67.1%20947.8%2C67.1%20Q939.5%2C67.1%20931.3%2C61.8%20Q938.7%2C50.3%20947.8%2C46.5%20Z%22%2F%3E%3Cpath%20d%3D%22M948.4%2C34.3%20Q954.3%2C38.7%20959.2%2C52.0%20Q953.8%2C57.2%20948.4%2C57.2%20Q943.0%2C57.2%20937.6%2C52.0%20Q942.5%2C38.7%20948.4%2C34.3%20Z%22%2F%3E%3Cpath%20d%3D%22M950.3%2C25.6%20Q954.0%2C29.8%20957.0%2C42.2%20Q953.6%2C48.0%20950.3%2C48.0%20Q946.9%2C48.0%20943.6%2C42.2%20Q946.6%2C29.8%20950.3%2C25.6%20Z%22%2F%3E%3Cpath%20d%3D%22M951.0%2C16.2%20Q951.0%2C20.3%20951.0%2C32.5%20Q951.0%2C38.0%20951.0%2C38.0%20Q951.0%2C38.0%20951.0%2C32.5%20Q951.0%2C20.3%20951.0%2C16.2%20Z%22%2F%3E%3Cpath%20d%3D%22M963.7%2C74%20L966.7%2C74%20L965.9%2C58.3%20L964.5%2C58.3%20Z%22%2F%3E%3Cpath%20d%3D%22M964.6%2C48.4%20Q971.1%2C54.3%20976.4%2C72.1%20Q970.5%2C80.5%20964.6%2C80.5%20Q958.7%2C80.5%20952.8%2C72.1%20Q958.1%2C54.3%20964.6%2C48.4%20Z%22%2F%3E%3Cpath%20d%3D%22M964.6%2C36.7%20Q968.8%2C41.7%20972.2%2C56.8%20Q968.4%2C62.0%20964.6%2C62.0%20Q960.8%2C62.0%20957.0%2C56.8%20Q960.4%2C41.7%20964.6%2C36.7%20Z%22%2F%3E%3Cpath%20d%3D%22M964.8%2C21.3%20Q964.8%2C26.3%20964.8%2C41.4%20Q964.8%2C48.5%20964.8%2C48.5%20Q964.8%2C48.5%20964.8%2C41.4%20Q964.8%2C26.3%20964.8%2C21.3%20Z%22%2F%3E%3Cpath%20d%3D%22M980.6%2C74%20L984.2%2C74%20L982.5%2C56.0%20L980.7%2C56.0%20Z%22%2F%3E%3Cpath%20d%3D%22M982.5%2C57.6%20Q990.1%2C61.2%20996.4%2C71.9%20Q989.5%2C76.6%20982.5%2C76.6%20Q975.5%2C76.6%20968.6%2C71.9%20Q974.9%2C61.2%20982.5%2C57.6%20Z%22%2F%3E%3Cpath%20d%3D%22M981.9%2C49.3%20Q988.1%2C52.8%20993.2%2C63.1%20Q987.5%2C67.6%20981.9%2C67.6%20Q976.2%2C67.6%20970.6%2C63.1%20Q975.7%2C52.8%20981.9%2C49.3%20Z%22%2F%3E%3Cpath%20d%3D%22M982.0%2C38.5%20Q986.3%2C42.5%20989.9%2C54.3%20Q986.0%2C59.3%20982.0%2C59.3%20Q978.0%2C59.3%20974.1%2C54.3%20Q977.7%2C42.5%20982.0%2C38.5%20Z%22%2F%3E%3Cpath%20d%3D%22M980.6%2C30.3%20Q983.4%2C34.1%20985.7%2C45.5%20Q983.1%2C49.5%20980.6%2C49.5%20Q978.1%2C49.5%20975.5%2C45.5%20Q977.8%2C34.1%20980.6%2C30.3%20Z%22%2F%3E%3Cpath%20d%3D%22M980.7%2C22.9%20Q980.7%2C26.3%20980.7%2C36.7%20Q980.7%2C41.2%20980.7%2C41.2%20Q980.7%2C41.2%20980.7%2C36.7%20Q980.7%2C26.3%20980.7%2C22.9%20Z%22%2F%3E%3Cpath%20d%3D%22M1033.9%2C74%20L1037.9%2C74%20L1035.6%2C57.1%20L1033.6%2C57.1%20Z%22%2F%3E%3Cpath%20d%3D%22M1036.7%2C53.6%20Q1045.5%2C58.2%201052.7%2C72.0%20Q1044.7%2C77.6%201036.7%2C77.6%20Q1028.7%2C77.6%201020.7%2C72.0%20Q1027.9%2C58.2%201036.7%2C53.6%20Z%22%2F%3E%3Cpath%20d%3D%22M1034.5%2C44.3%20Q1040.5%2C48.5%201045.4%2C61.0%20Q1040.0%2C66.9%201034.5%2C66.9%20Q1029.0%2C66.9%201023.6%2C61.0%20Q1028.5%2C48.5%201034.5%2C44.3%20Z%22%2F%3E%3Cpath%20d%3D%22M1033.5%2C32.0%20Q1036.9%2C36.5%201039.7%2C50.0%20Q1036.6%2C56.1%201033.5%2C56.1%20Q1030.4%2C56.1%201027.3%2C50.0%20Q1030.1%2C36.5%201033.5%2C32.0%20Z%22%2F%3E%3Cpath%20d%3D%22M1031.7%2C20.8%20Q1031.7%2C25.4%201031.7%2C39.0%20Q1031.7%2C44.2%201031.7%2C44.2%20Q1031.7%2C44.2%201031.7%2C39.0%20Q1031.7%2C25.4%201031.7%2C20.8%20Z%22%2F%3E%3Cpath%20d%3D%22M1115.0%2C74%20L1117.7%2C74%20L1117.7%2C61.1%20L1116.4%2C61.1%20Z%22%2F%3E%3Cpath%20d%3D%22M1116.6%2C59.8%20Q1122.3%2C63.0%201127.0%2C72.5%20Q1121.8%2C75.9%201116.6%2C75.9%20Q1111.4%2C75.9%201106.2%2C72.5%20Q1110.9%2C63.0%201116.6%2C59.8%20Z%22%2F%3E%3Cpath%20d%3D%22M1117.5%2C50.3%20Q1122.1%2C53.8%201125.8%2C64.1%20Q1121.7%2C68.5%201117.5%2C68.5%20Q1113.3%2C68.5%201109.2%2C64.1%20Q1112.9%2C53.8%201117.5%2C50.3%20Z%22%2F%3E%3Cpath%20d%3D%22M1118.1%2C43.5%20Q1120.4%2C46.5%201122.2%2C55.7%20Q1120.1%2C59.6%201118.1%2C59.6%20Q1116.0%2C59.6%201114.0%2C55.7%20Q1115.8%2C46.5%201118.1%2C43.5%20Z%22%2F%3E%3Cpath%20d%3D%22M1118.2%2C34.7%20Q1118.2%2C37.9%201118.2%2C47.3%20Q1118.2%2C51.2%201118.2%2C51.2%20Q1118.2%2C51.2%201118.2%2C47.3%20Q1118.2%2C37.9%201118.2%2C34.7%20Z%22%2F%3E%3Cpath%20d%3D%22M1128.0%2C74%20L1133.9%2C74%20L1134.3%2C50.8%20L1131.3%2C50.8%20Z%22%2F%3E%3Cpath%20d%3D%22M1131.3%2C42.4%20Q1145.5%2C49.6%201157.1%2C71.2%20Q1144.2%2C79.0%201131.3%2C79.0%20Q1118.4%2C79.0%201105.5%2C71.2%20Q1117.1%2C49.6%201131.3%2C42.4%20Z%22%2F%3E%3Cpath%20d%3D%22M1133.0%2C19.7%20Q1141.0%2C26.9%201147.6%2C48.6%20Q1140.3%2C57.3%201133.0%2C57.3%20Q1125.7%2C57.3%201118.4%2C48.6%20Q1125.0%2C26.9%201133.0%2C19.7%20Z%22%2F%3E%3Cpath%20d%3D%22M1135.5%2C-3.7%20Q1135.5%2C3.7%201135.5%2C26.0%20Q1135.5%2C34.5%201135.5%2C34.5%20Q1135.5%2C34.5%201135.5%2C26.0%20Q1135.5%2C3.7%201135.5%2C-3.7%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") repeat-x bottom / 1200px 54px; opacity: .5; }

/* ===== Phasen-Seiten Bausteine (Schritte, FAQ) ===== */
.steps { list-style: none; margin: 0 auto; padding: 0; max-width: 760px; display: flex; flex-direction: column; gap: 16px; }
.steps .step { display: flex; gap: 18px; align-items: flex-start; background: #fff; border: 1px solid var(--c-line); border-radius: 14px; padding: 18px 22px; box-shadow: 0 6px 18px rgba(16,34,60,0.06); }
.steps .step-num { flex: 0 0 auto; width: 38px; height: 38px; border-radius: 50%; background: var(--c-rust); color: var(--c-cream); display: flex; align-items: center; justify-content: center; font-weight: 700; font-family: "Nunito", system-ui, sans-serif; font-size: 18px; }
.steps .step h3 { margin: 0 0 4px; font-size: 18px; color: var(--c-ink); }
.steps .step p { margin: 0; color: var(--c-text-soft); font-size: 15.5px; line-height: 1.6; }
.faq { max-width: 760px; margin: 0 auto; }
.faq details { border-bottom: 1px solid var(--c-line); }
.faq summary { cursor: pointer; list-style: none; padding: 16px 4px; font-weight: 600; color: var(--c-ink); font-size: 17px; display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; color: var(--c-gold-deep); font-size: 24px; line-height: 1; flex: 0 0 auto; }
.faq details[open] summary::after { content: "\2013"; }
.faq details p { margin: 0 4px 16px; color: var(--c-text-soft); line-height: 1.65; }

/* ===== Mondphasen im Unterseiten-Header ===== */
.page-hero .ww-moon { position: absolute; top: 28px; left: 7%; width: 50px; height: 50px; z-index: 1; pointer-events: none; background-repeat: no-repeat; background-position: center; background-size: contain; filter: drop-shadow(0 0 12px rgba(252,245,216,0.95)) drop-shadow(0 0 32px rgba(252,245,216,0.62)); animation: moonShimmer 4.2s ease-in-out infinite, moonDrift 16s ease-in-out infinite; }
@keyframes moonShimmer { 0%, 100% { filter: drop-shadow(0 0 10px rgba(252,245,216,0.85)) drop-shadow(0 0 26px rgba(252,245,216,0.5)); } 50% { filter: drop-shadow(0 0 20px rgba(252,245,216,1)) drop-shadow(0 0 54px rgba(252,245,216,0.82)); } }
@keyframes moonDrift { 0% { transform: translate(0,0); } 25% { transform: translate(4px,-3px); } 50% { transform: translate(7px,2px); } 75% { transform: translate(3px,4px); } 100% { transform: translate(0,0); } }
@media (max-width: 700px) { .page-hero .ww-moon { width: 34px; height: 34px; top: 20px; } }
.ww-moon.ph-full { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2242%22%20fill%3D%22%23F3E8C6%22%2F%3E%3C%2Fsvg%3E"); }
.ww-moon.ph-waxhalf { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2242%22%20fill%3D%22%23F3E8C6%22%20opacity%3D%220.13%22%2F%3E%3Cpath%20d%3D%22M50%208%20A42%2042%200%200%201%2050%2092%20Z%22%20fill%3D%22%23F3E8C6%22%2F%3E%3C%2Fsvg%3E"); }
.ww-moon.ph-wanhalf { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2242%22%20fill%3D%22%23F3E8C6%22%20opacity%3D%220.13%22%2F%3E%3Cpath%20d%3D%22M50%208%20A42%2042%200%200%200%2050%2092%20Z%22%20fill%3D%22%23F3E8C6%22%2F%3E%3C%2Fsvg%3E"); }
.ww-moon.ph-waxcres { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2242%22%20fill%3D%22%23F3E8C6%22%20opacity%3D%220.13%22%2F%3E%3Cpath%20d%3D%22M50%208%20A42%2042%200%200%201%2050%2092%20A24%2042%200%200%200%2050%208%20Z%22%20fill%3D%22%23F3E8C6%22%2F%3E%3C%2Fsvg%3E"); }
.ww-moon.ph-wancres { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2242%22%20fill%3D%22%23F3E8C6%22%20opacity%3D%220.13%22%2F%3E%3Cpath%20d%3D%22M50%208%20A42%2042%200%200%200%2050%2092%20A24%2042%200%200%201%2050%208%20Z%22%20fill%3D%22%23F3E8C6%22%2F%3E%3C%2Fsvg%3E"); }

/* ===== Sternschnuppen im Unterseiten-Header (Canvas, via shoot.js) ===== */
/* Frueher CSS-Keyframes (ruckelten auf duennen Linien); jetzt rAF-Canvas mit echtem
   Kopf-Glow + kurzem Aufleuchten. shoot.js erzeugt das Canvas je .page-hero. */
.page-hero .ww-shoot-canvas {
  position: absolute; inset: 0; z-index: 1; pointer-events: none;
}
/* alte .ww-shoot-Spanne bleibt als funktionsloser Markup-Rest -> ausblenden */
.page-hero .ww-shoot { display: none; }

/* ===== Aurora im Unterseiten-Header ===== */

.page-hero .ww-aurora {
  position: absolute; top: -14%; left: -10%; right: -10%; height: 86%; z-index: 0; pointer-events: none;
  opacity: 0.95; mix-blend-mode: screen; filter: blur(16px) saturate(1.35);
  background:
    radial-gradient(30% 34% at 90% 9%, rgba(255,222,246,0.62), transparent 58%),
    radial-gradient(72% 95% at 16% 108%, rgba(74,240,150,0.52), transparent 60%),
    radial-gradient(60% 82% at 42% 92%, rgba(92,236,205,0.42), transparent 62%),
    radial-gradient(82% 74% at 70% 66%, rgba(255,150,180,0.40), transparent 64%),
    radial-gradient(92% 86% at 90% 12%, rgba(214,122,255,0.52), transparent 62%),
    radial-gradient(68% 80% at 28% 16%, rgba(150,140,255,0.40), transparent 64%),
    linear-gradient(to top, rgba(74,240,150,0.16), transparent 44%, rgba(214,130,255,0.10) 80%);
  animation: auroraGlow 11s ease-in-out infinite alternate;
}
@keyframes auroraGlow {
  0%   { opacity: 0.82; transform: translate(-6%, 2%) scale(1.00); filter: blur(16px) saturate(1.35) hue-rotate(-10deg); }
  30%  { opacity: 1.00; transform: translate(3%, -4%) scale(1.08); filter: blur(16px) saturate(1.42) hue-rotate(0deg); }
  65%  { opacity: 0.88; transform: translate(9%, 2%) scale(1.07);  filter: blur(16px) saturate(1.40) hue-rotate(9deg); }
  100% { opacity: 1.00; transform: translate(-2%, -4%) scale(1.12); filter: blur(16px) saturate(1.46) hue-rotate(15deg); }
}

/* ===== Dark Mode (blau) ===== */
html[data-theme="dark"]{
  --c-ink:         #C5D8F0;
  --c-ink-strong:  #E9F1FD;
  --c-surface:     #0C1A2E;
  --c-cream-deep:  #0F2138;
  --c-sand:        #16294A;
  --c-sand-deep:   #1D3557;
  --c-line:        #284665;
  --c-line-soft:   #213A57;
  --c-text:        #EAF2FD;
  --c-text-soft:   #B6C8E2;
  --c-text-mute:   #8AA0C0;
  --shadow-sm:     0 4px 12px rgba(0,0,0,0.40);
  --shadow:        0 12px 28px rgba(0,0,0,0.50);
  --shadow-lg:     0 28px 56px rgba(0,0,0,0.60);
}
html[data-theme="dark"] body{ background: var(--c-surface); }
html[data-theme="dark"] .topbar{ background: rgba(10,20,38,0.92); border-bottom-color: var(--c-line); }
html[data-theme="dark"] .brand img.logo{ content: url("logo-schriftzug-light.png"); }
html[data-theme="dark"] .hero h1,
html[data-theme="dark"] .h-section,
html[data-theme="dark"] .lotsen-card h3,
html[data-theme="dark"] .station h3,
html[data-theme="dark"] .product-card h4,
html[data-theme="dark"] .ueber-content .lead-quote{ color: #93C0EE; }
html[data-theme="dark"] .eyebrow.rust{ color: #E6B85A; }
html[data-theme="dark"] .eyebrow.sage{ color: #8FB6E2; }
html[data-theme="dark"] .steps .step h3{ color: #93C0EE; }
html[data-theme="dark"] .btn-secondary{ color: var(--c-text); border-color: var(--c-line); }
html[data-theme="dark"] .frame-craft,
html[data-theme="dark"] .steps .step{ background: var(--c-cream-deep); border-color: var(--c-line); }
html[data-theme="dark"] .frame-craft{ outline-color: var(--c-line); }
html[data-theme="dark"] .product-thumb .badge{ color: var(--c-text); }
html[data-theme="dark"] .newsletter{ background: linear-gradient(135deg, #16315a, #0C1A2E); }
html[data-theme="dark"] .wanda-tipp{ background: linear-gradient(135deg, #1b3a63, #122a4c); border-color: var(--c-line); }
html[data-theme="dark"] .newsletter-form input[type="email"]{ background: rgba(255,255,255,0.06); color: var(--c-text); border-color: rgba(255,255,255,0.18); }
html[data-theme="dark"] .newsletter-form input[type="email"]::placeholder{ color: var(--c-text-mute); }
html[data-theme="dark"] .newsletter .privacy a{ color: var(--c-gold-soft); }
html[data-theme="dark"] nav.menu a:hover,
html[data-theme="dark"] nav.menu a[aria-current="page"]{ background: rgba(255,255,255,0.10); }
html[data-theme="dark"] .menu-toggle{ color: var(--c-gold-soft); }
/* Theme-Toggle */
.topbar-actions{ display:flex; align-items:center; gap:4px; }
.theme-toggle{ background:none; border:none; cursor:pointer; padding:10px; min-width:44px; min-height:44px; display:inline-flex; align-items:center; justify-content:center; color:var(--c-ink); border-radius:50%; transition: background .2s, color .2s; }
.theme-toggle:hover{ background:var(--c-sand); }
.theme-toggle svg{ display:block; }
.theme-toggle .ic-sun{ display:inline-block; }
.theme-toggle .ic-moon{ display:none; }
html[data-theme="dark"] .theme-toggle{ color:var(--c-gold-soft); }
html[data-theme="dark"] .theme-toggle:hover{ background:rgba(255,255,255,0.08); }
html[data-theme="dark"] .theme-toggle .ic-sun{ display:none; }
html[data-theme="dark"] .theme-toggle .ic-moon{ display:inline-block; }

/* ===== Navi 2.0 (0.34.0): Desktop-Dropdowns + Mobile-Bottombar ===== */
.menu-toggle{ display:none !important; }
.mobile-shop-sticky{ display:none !important; }
.nav-group{ position:relative; }
.nav-top{ background:none; border:none; cursor:pointer; font-family:inherit; color:var(--c-text-soft); font-size:15px; font-weight:500; padding:8px 14px; border-radius:999px; display:inline-flex; align-items:center; gap:4px; transition:color .2s, background .2s; }
.nav-top:hover, .nav-top.active{ color:var(--c-ink); background:var(--c-sand); }
.nav-caret{ font-size:11px; }
.nav-sub{ position:absolute; top:calc(100% + 4px); left:0; min-width:190px; background:var(--c-surface); border:1px solid var(--c-line); border-radius:14px; padding:8px; display:none; flex-direction:column; gap:2px; box-shadow:0 12px 28px rgba(20,70,120,0.18); z-index:60; }
.nav-group:hover .nav-sub, .nav-group:focus-within .nav-sub{ display:flex; }
.nav-sub a{ white-space:nowrap; }
.ww-bottombar{ display:none; }
@media (max-width:979px){
  .ww-bottombar{ display:grid; grid-template-columns:repeat(5,1fr); position:fixed; bottom:0; left:0; right:0; z-index:80; background:var(--c-surface); border-top:1px solid var(--c-line); padding-bottom:env(safe-area-inset-bottom,0px); }
  .ww-bottombar a, .ww-bottombar button{ background:none; border:none; cursor:pointer; font-family:inherit; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; padding:8px 2px 7px; text-decoration:none; color:var(--c-text-soft); font-size:12px; font-weight:600; min-height:56px; }
  .ww-bottombar a[aria-current="page"]{ color:var(--c-rust); }
.ww-bottombar .bb-btn.bb-active{ color:var(--c-rust); }
  .ww-bottombar svg{ width:22px; height:22px; }
  body{ padding-bottom:calc(62px + env(safe-area-inset-bottom,0px)); }
  .mobile-nav.open{ position:fixed; left:0; right:0; bottom:62px; top:auto; z-index:79; max-height:72vh; overflow:auto; box-shadow:0 -10px 26px rgba(0,0,0,0.16); }
}
@media (min-width:980px){ .ww-bottombar{ display:none !important; } }
html[data-theme="dark"] .nav-top:hover, html[data-theme="dark"] .nav-top.active{ background:rgba(255,255,255,0.10); }
html[data-theme="dark"] .ww-bottombar{ background:rgba(10,20,38,0.97); border-top-color:var(--c-line); }
html[data-theme="dark"] .ww-bottombar a[aria-current="page"]{ color:var(--c-gold-soft); }
html[data-theme="dark"] .ww-bottombar .bb-btn.bb-active{ color:var(--c-gold-soft); }

/* ===== Navi 2.1 (0.34.1): Bottom-Sheets außerhalb Header (backdrop-filter-Fix) ===== */
.ww-sheet, .ww-sheet-backdrop{ display:none; }
@media (max-width:979px){
  .ww-bottombar{ z-index:95; }
  .ww-sheet-backdrop{ display:block; position:fixed; inset:0; z-index:85; background:rgba(0,0,0,0.38); }
  .ww-sheet-backdrop[hidden]{ display:none; }
  .ww-sheet{ position:fixed; left:0; right:0; bottom:62px; z-index:90; display:flex; flex-direction:column; background:var(--c-surface); border-top:1px solid var(--c-line); border-radius:16px 16px 0 0; padding:8px 18px calc(14px + env(safe-area-inset-bottom,0px)); box-shadow:0 -12px 30px rgba(0,0,0,0.18); max-height:70vh; overflow:auto; }
  .ww-sheet[hidden]{ display:none; }
  .ww-sheet-title{ font-weight:700; color:var(--c-ink); margin:6px 0; font-size:14px; }
  .ww-sheet a{ padding:13px 4px; text-decoration:none; color:var(--c-text); border-bottom:1px solid var(--c-line-soft); font-size:16px; }
  .ww-sheet a:last-child{ border-bottom:none; }
}
@media (min-width:980px){ .ww-sheet, .ww-sheet-backdrop{ display:none !important; } }
html[data-theme="dark"] .ww-sheet{ background:rgba(10,20,38,0.99); }


/* ===== Wichteltüren-Raster (Einzug, 0.37.0) ===== */
.tueren-grid{list-style:none;padding:0;margin:8px auto 0;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;max-width:900px}
.tueren-grid>li{margin:0}
.tuer{position:relative;display:block;border-radius:14px;overflow:hidden;border:2px solid var(--c-sand-deep);background:var(--c-sand);text-decoration:none;color:var(--c-ink);transition:transform .18s ease, box-shadow .18s ease}
a.tuer:hover,a.tuer:focus-visible{transform:translateY(-3px);box-shadow:0 8px 20px rgba(16,34,60,.18)}
a.tuer:focus-visible{outline:3px solid var(--c-gold-deep);outline-offset:2px}
.tuer img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.tuer-num{position:absolute;top:6px;left:6px;z-index:2;min-width:22px;height:22px;padding:0 5px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:var(--c-gold-deep);background:var(--c-gold-soft);border-radius:999px;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.tuer-name{display:block;text-align:center;font-size:13px;line-height:1.25;padding:6px 4px 8px;font-weight:600}
.tueren-cross a{color:var(--c-gold-deep);font-weight:600}
@media(max-width:760px){.tueren-grid{grid-template-columns:repeat(4,1fr);gap:8px}.tuer-name{font-size:12px}}
@media(max-width:430px){.tueren-grid{grid-template-columns:repeat(3,1fr)}}

/* Tür-Vielfalt-Galerie (erste-schritte, 0.38.0) */
.tueren-vielfalt{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:22px auto 0;max-width:620px}
.tueren-vielfalt .tuer-vielfalt-bild{width:130px;height:130px;object-fit:cover;border-radius:14px;border:2px solid var(--c-sand-deep);box-shadow:0 4px 12px rgba(16,34,60,.12)}
@media(max-width:480px){.tueren-vielfalt .tuer-vielfalt-bild{width:44vw;height:44vw}}

/* Türchen "öffnet sich" – Interaktion (Einzug, Phase 2, 0.38.0) */
.tuer img{transition:transform .25s ease, filter .25s ease}
a.tuer:hover img,a.tuer:focus-visible img,.tuer.is-static:hover img{transform:scale(1.06);filter:brightness(1.06)}
a.tuer::after{content:"";position:absolute;inset:0;border-radius:14px;box-shadow:inset 0 0 0 0 var(--c-gold);transition:box-shadow .25s ease;pointer-events:none}
a.tuer:hover::after,a.tuer:focus-visible::after{box-shadow:inset 0 0 0 3px var(--c-gold)}
.tuer-num{transition:transform .25s ease}
a.tuer:hover .tuer-num{transform:scale(1.12)}

/* Macherinnen-Bild Ueber uns (0.38.3) */
.ueber-macher{display:block;max-width:340px;width:100%;height:auto;margin:0 auto 26px}

/* Tür → Shop-Set Caption (0.39.0) */
.tuer-name{padding:6px 4px 1px}
.tuer-set{display:block;text-align:center;font-size:11px;line-height:1.2;font-weight:600;color:var(--c-gold-deep);padding:0 4px 8px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
/* Tuer-Reveal: Ein-Satz-Text als Hover/Focus-Overlay (Desktop/Tastatur); auf Touch zeigt sich nichts -> Tap geht direkt in den Shop */
.tuer-text{position:absolute;top:0;left:0;right:0;aspect-ratio:1/1;margin:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;font-size:11.5px;line-height:1.25;font-weight:500;color:#fff;background:linear-gradient(rgba(16,34,60,.55),rgba(16,34,60,.86));opacity:0;transition:opacity .25s ease;pointer-events:none;z-index:3;overflow:hidden}
a.tuer:hover .tuer-text,a.tuer:focus-visible .tuer-text{opacity:1}
@media(prefers-reduced-motion:reduce){.tuer-text{transition:none}}


/* ===== Tap-Targets mobil (UX-Audit 2026-07-06): >=44px Trefferflaeche ohne Layout-Shift ===== */
.product-cta{ position:relative; }
.product-cta::after{ content:""; position:absolute; inset:-11px 0; }
.footer-grid a:not(:has(svg)){ display:inline-block; padding-block:6px; margin-block:-6px; }
.breadcrumb a{ display:inline-block; padding:8px 6px; margin:-8px -6px; }

/* Produktions-Override: interne Redaktionsnotizen nie oeffentlich anzeigen */
.cathrin-todo, .julia-todo, .field-todo { display: none !important; }
/* Footer-Versionsnummer nur intern (im Quelltext einsehbar) */
.footer-version { display: none !important; }