/* Gemeinsamer Stil für die „Bald"-Seminarseiten 2–4 · Apotheke vor der Haustür (v2-Look) */
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --ink:#04222a;--petrol:#063744;--teal:#0b5261;--teal-glow:#14788a;
  --gold:#c9a349;--gold-l:#ecd79b;--gold-d:#9c7b2e;
  --ivory:#f6f1e9;--parch:#faf6ee;--text-l:#e7efe9;--text-soft:#a9c2be;--muted:#5a6f66;
}
html{scroll-behavior:smooth}
body{font-family:'Jost',sans-serif;background:var(--ink);color:#fff;overflow-x:hidden;position:relative;font-weight:300}
a{color:inherit;text-decoration:none}
.stardust{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.9;
  background-image:radial-gradient(1px 1px at 8% 14%,rgba(236,215,155,.9),transparent),radial-gradient(1px 1px at 15% 42%,rgba(255,255,255,.7),transparent),radial-gradient(1.4px 1.4px at 23% 72%,rgba(236,215,155,.85),transparent),radial-gradient(1px 1px at 31% 22%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 38% 58%,rgba(236,215,155,.7),transparent),radial-gradient(1.5px 1.5px at 47% 31%,rgba(255,255,255,.85),transparent),radial-gradient(1px 1px at 54% 80%,rgba(236,215,155,.6),transparent),radial-gradient(1px 1px at 61% 18%,rgba(255,255,255,.7),transparent),radial-gradient(1.3px 1.3px at 69% 52%,rgba(236,215,155,.8),transparent),radial-gradient(1px 1px at 77% 34%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 84% 68%,rgba(236,215,155,.7),transparent),radial-gradient(1.4px 1.4px at 91% 24%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 95% 55%,rgba(236,215,155,.6),transparent),radial-gradient(1px 1px at 43% 91%,rgba(255,255,255,.5),transparent);
  animation:twinkle 7s ease-in-out infinite alternate}
.stardust::after{content:'';position:absolute;inset:0;background-image:radial-gradient(2.2px 2.2px at 20% 30%,rgba(236,215,155,.95),transparent),radial-gradient(2.4px 2.4px at 66% 26%,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 82% 60%,rgba(236,215,155,.9),transparent),radial-gradient(2.4px 2.4px at 34% 74%,rgba(255,255,255,.85),transparent);opacity:.65;animation:twinkle2 5s ease-in-out infinite alternate}
@keyframes twinkle{from{opacity:.5}to{opacity:.95}}
@keyframes twinkle2{0%{opacity:.2}50%{opacity:.8}100%{opacity:.3}}
@media (prefers-reduced-motion:reduce){.stardust,.stardust::after,.g-arch::before{animation:none}}
section{position:relative;z-index:1}
.back-link{position:absolute;top:28px;left:8%;z-index:6;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--gold-l);opacity:.9}
.eyebrow{font-family:'Jost';font-size:11px;letter-spacing:6px;text-transform:uppercase;color:var(--gold);font-weight:400}
.divider{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 auto}
.divider svg{width:24px;height:24px;color:var(--gold)}
.divider::before,.divider::after{content:'';width:64px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-d))}
.divider::after{background:linear-gradient(90deg,var(--gold-d),transparent)}

/* HERO (zweispaltig — Foto rechts) */
.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;position:relative}
.hero-l{background:radial-gradient(ellipse at 25% 15%,rgba(20,120,138,.4),transparent 55%),radial-gradient(ellipse at 75% 100%,rgba(201,163,73,.14),transparent 55%),linear-gradient(160deg,var(--ink) 0%,var(--petrol) 60%,var(--teal) 130%);padding:120px 8% 90px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative;z-index:1}
.season-tag{display:inline-block;align-self:flex-start;border:1px solid rgba(201,163,73,.4);color:var(--gold-l);font-size:10px;letter-spacing:3px;text-transform:uppercase;padding:8px 18px;border-radius:2px;margin-bottom:24px}
.hero-l .eyebrow{margin-bottom:20px;display:block}
.hero h1{font-family:'Cormorant Garamond',serif;font-size:72px;line-height:1.03;font-weight:300;margin-bottom:22px;text-shadow:0 2px 50px rgba(0,0,0,.4)}
.hero h1 em{font-style:italic;color:var(--gold-l);text-shadow:0 0 40px rgba(201,163,73,.5)}
.hero .lead{font-family:'Cormorant Garamond',serif;font-size:23px;font-style:italic;color:#cfe3df;line-height:1.55;max-width:440px;margin:0 0 28px}
.hero .goddess-line{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--text-soft)}
.hero-r{position:relative;overflow:hidden;z-index:1}
.hero-r img{width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:saturate(1.03) brightness(.95)}
.hero-r::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,var(--petrol) 0%,rgba(11,82,97,.12) 22%,transparent 42%)}

/* TEASER (hell) */
.teaser{background:var(--ivory);color:var(--ink);padding:110px 8%;text-align:center}
.teaser .divider{margin-bottom:26px}
.teaser h2{font-family:'Cormorant Garamond',serif;font-size:48px;font-weight:300;line-height:1.14;max-width:840px;margin:20px auto 28px}
.teaser h2 em{font-style:italic;color:var(--gold-d)}
.teaser p{font-size:17px;line-height:2;color:#1c332c;max-width:640px;margin:0 auto 20px;font-weight:400}
.teaser p em{color:#08414f;font-style:italic;font-weight:500}

/* ERWARTET (dunkel) */
.expect{background:linear-gradient(165deg,var(--petrol),var(--ink));padding:110px 8%;overflow:hidden}
.expect .head{text-align:center;margin-bottom:52px}
.expect h2{font-family:'Cormorant Garamond',serif;font-size:46px;font-weight:300;color:#fff}
.expect h2 em{font-style:italic;color:var(--gold-l)}
.steps{max-width:720px;margin:0 auto;position:relative;z-index:1}
.step{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid rgba(201,163,73,.16)}
.step-dot{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--gold-l),var(--gold-d));color:var(--ink);display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:17px;font-weight:600}
.step h3{font-family:'Cormorant Garamond',serif;font-size:21px;font-weight:500;margin-bottom:5px;color:#fff}
.step p{font-size:14px;line-height:1.75;color:var(--text-soft)}

/* GÖTTINNEN mini */
.goddesses{background:radial-gradient(ellipse 60% 45% at 50% 55%,rgba(201,163,73,.13),transparent 72%),linear-gradient(165deg,var(--ink),var(--petrol));padding:110px 8%;text-align:center;overflow:hidden}
.goddesses .eyebrow{display:block;margin-bottom:18px}
.goddesses h2{font-family:'Cormorant Garamond',serif;font-size:44px;font-weight:300;color:#fff;margin-bottom:16px}
.goddesses h2 em{font-style:italic;color:var(--gold-l)}
.goddesses>p{font-family:'Cormorant Garamond',serif;font-size:19px;font-style:italic;color:var(--text-soft);max-width:600px;margin:0 auto 54px}
.g-row{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;position:relative;z-index:1}
.g-arch{width:158px;position:relative}
.g-arch::before{content:'';position:absolute;top:16px;left:50%;transform:translateX(-50%);width:210px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(201,163,73,.3),rgba(201,163,73,.07) 46%,transparent 70%);filter:blur(18px);z-index:0;animation:aura 6.5s ease-in-out infinite alternate}
.g-arch:nth-child(2)::before{animation-delay:1.3s}.g-arch:nth-child(3)::before{animation-delay:2.6s}.g-arch:nth-child(4)::before{animation-delay:.8s}
@keyframes aura{from{opacity:.4}to{opacity:.9}}
.g-portrait{width:158px;height:210px;border-radius:95px 95px 8px 8px;overflow:hidden;border:1px solid rgba(201,163,73,.5);box-shadow:0 16px 50px rgba(0,0,0,.4);position:relative;z-index:1;
  background:linear-gradient(150deg,var(--teal) 0%,var(--petrol) 60%,var(--ink) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.g-portrait svg{width:34px;height:34px;color:rgba(236,215,155,.75)}
.g-portrait span{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:rgba(236,215,155,.85)}
.g-portrait img{width:100%;height:100%;object-fit:cover;display:block}
.g-name{font-family:'Cormorant Garamond',serif;font-size:20px;font-style:italic;color:var(--gold-l);margin-top:16px}
.g-role{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--text-soft);margin-top:4px}

/* CTA / Warteliste */
.cta{background:var(--ivory);color:var(--ink);padding:110px 8%;text-align:center}
.cta .divider{margin-bottom:26px}
.cta h2{font-family:'Cormorant Garamond',serif;font-size:48px;font-weight:300;margin:18px auto 20px;max-width:760px}
.cta h2 em{font-style:italic;color:var(--gold-d)}
.cta p{font-size:16px;line-height:1.9;color:var(--muted);max-width:560px;margin:0 auto 18px}
.cta .dates-line{font-family:'Cormorant Garamond',serif;font-size:23px;font-style:italic;color:var(--teal);margin:2px auto 14px;max-width:640px}
.cta .price{font-size:14px;color:var(--muted);margin:8px 0 30px}
.footer-legal{margin-top:14px;font-size:11px;letter-spacing:1px}
.footer-legal a{color:var(--gold-l);text-decoration:none;opacity:.85;margin:0 5px}
.btn-gold{display:inline-block;background:linear-gradient(135deg,var(--gold-l),var(--gold) 45%,var(--gold-d));color:var(--ink);padding:20px 50px;font-size:11px;letter-spacing:4px;font-weight:500;text-transform:uppercase;border-radius:2px}

footer{background:var(--ink);padding:60px 8%;text-align:center}
footer .divider{margin-bottom:22px}
footer p{font-size:12px;color:var(--text-soft);line-height:2;letter-spacing:1px}
footer a{color:var(--gold-l);text-decoration:underline}

@media (max-width:920px){
  .back-link{left:7%}
  .hero{grid-template-columns:1fr}
  .hero-l{padding:90px 7% 60px;order:2}
  .hero-r{height:340px;order:1}
  .hero h1{font-size:50px}
  .teaser,.expect,.goddesses,.cta{padding:80px 7%}
  .teaser h2,.expect h2,.goddesses h2,.cta h2{font-size:36px}
}
@media (max-width:560px){
  .back-link{left:22px;top:20px}
  .hero-l{padding:60px 22px 48px}
  .hero h1{font-size:40px}.hero .lead{font-size:20px}
  .btn-gold{width:100%;text-align:center}
  .teaser,.expect,.goddesses,.cta{padding:64px 22px}
  .teaser h2,.expect h2,.goddesses h2,.cta h2{font-size:30px}
  .g-row{gap:20px}
  .step{gap:16px}
}