:root{--creme:#f6f1ee;--rose:#f3d9d7;--beige:#e1d0c6;--rosa:#c4878e;--pink:#d4698a;--dunkel:#3a3535;--braun:#9f7d6a;--blue:#698BA4;--white:#fff;--shadow:0 24px 70px rgba(58,53,53,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--creme);color:var(--dunkel);font-family:Poppins,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.58}a{color:inherit}.test-banner{position:sticky;top:0;z-index:50;background:var(--dunkel);color:#fff;text-align:center;font-size:.82rem;font-weight:700;padding:8px 14px}.hero{padding:54px 22px 74px;background:radial-gradient(circle at 86% 8%,#fff 0,#fff8 28%,transparent 46%),linear-gradient(180deg,var(--creme),#fff)}.hero-grid{max-width:1160px;margin:auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.82fr);gap:42px;align-items:center}.eyebrow,.card-kicker{text-transform:uppercase;letter-spacing:.16em;color:var(--rosa);font-size:.78rem;font-weight:850;margin:0 0 12px}.hero h1{font-size:clamp(2.35rem,5.8vw,4.75rem);line-height:1.02;letter-spacing:-.055em;margin:0 0 22px}.lead{font-size:clamp(1.08rem,2vw,1.28rem);max-width:760px;color:rgba(58,53,53,.78);margin:0 0 26px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;border-radius:20px;padding:16px 23px;font-weight:850;font-size:1rem;cursor:pointer;transition:.16s transform,.16s box-shadow}.btn:hover{transform:translateY(-1px) scale(1.01)}.btn.primary{background:var(--pink);color:#fff;box-shadow:0 18px 38px -18px rgba(212,105,138,.75)}.btn.ghost{background:#fff;color:var(--dunkel);border:1px solid var(--beige)}.btn.full{width:100%;margin-top:16px}.micro{font-size:.88rem;color:rgba(58,53,53,.58);margin-top:13px}.micro.center{text-align:center}.host-strip{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--beige);border-radius:24px;padding:12px 14px;margin-top:30px;max-width:610px;box-shadow:0 14px 45px rgba(58,53,53,.055)}.host-strip img{width:68px;height:68px;border-radius:20px;object-fit:cover;object-position:center 22%;background:var(--rose)}.host-strip p{margin:0;color:rgba(58,53,53,.75);font-size:.95rem}.host-strip strong{color:var(--dunkel)}.signup-card,.fit-card,.cards3 article,.faq details,.signup-wide{background:#fff;border:1px solid var(--beige);border-radius:30px;box-shadow:var(--shadow)}.signup-card{padding:28px}.signup-card h2{font-size:1.9rem;line-height:1.12;margin:0 0 10px}.signup-card p{color:rgba(58,53,53,.72)}fieldset{border:0;padding:0;margin:20px 0 0}legend,label{font-weight:850}label{display:block;margin:14px 0 7px}input:not([type=checkbox]){width:100%;border:2px solid var(--beige);border-radius:16px;background:#fff;font:inherit;padding:14px 15px;color:var(--dunkel)}input:not([type=checkbox]):focus{outline:3px solid rgba(212,105,138,.18);border-color:var(--pink)}.slots{display:grid;gap:10px;margin-top:10px}.slot{display:flex;gap:12px;align-items:flex-start;border:2px solid var(--beige);border-radius:18px;background:var(--creme);padding:13px;cursor:pointer}.slot:has(input:checked){border-color:var(--pink);background:var(--rose)}.slot strong{display:block}.slot small{display:block;color:rgba(58,53,53,.58)}.consent{display:flex;gap:10px;font-weight:500;font-size:.9rem;line-height:1.4}.consent input{margin-top:3px}.consent span{color:rgba(58,53,53,.60)}.form-msg{font-weight:800;text-align:center}.trust-bar{max-width:1080px;margin:-34px auto 0;position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 18px}.trust-bar div{background:#fff;border:1px solid var(--beige);border-radius:22px;padding:18px;text-align:center;box-shadow:0 18px 50px rgba(58,53,53,.075)}.trust-bar strong{display:block;font-size:1.08rem}.trust-bar span{font-size:.86rem;color:rgba(58,53,53,.66)}.section{max-width:1120px;margin:auto;padding:82px 22px}.section.light{max-width:none;background:#fff}.section.light>.center-head,.section.light>.cards3,.section.light>.signup-wide{max-width:1120px;margin-left:auto;margin-right:auto}.section h2,.bonus h2{font-size:clamp(2rem,4vw,3.35rem);line-height:1.08;letter-spacing:-.035em;margin:0 0 18px}.scene{display:grid;grid-template-columns:.95fr 1.05fr;gap:38px;align-items:center}.scene p{font-size:1.07rem;color:rgba(58,53,53,.76)}.relief{background:#fff;border-left:6px solid var(--pink);border-radius:18px;padding:18px!important;color:var(--dunkel)!important;font-weight:700}.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.scenario-grid span{background:#fff;border:1px solid var(--beige);border-radius:20px;padding:20px;font-weight:800;box-shadow:0 14px 45px rgba(58,53,53,.055)}.center-head{text-align:center;max-width:760px;margin:0 auto 42px}.center-head p{color:rgba(58,53,53,.72)}.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cards3 article{padding:28px}.icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--pink);color:#fff;font-weight:900;margin-bottom:18px}.cards3 h3{font-size:1.25rem;line-height:1.22;margin:0 0 10px}.cards3 p,.fit-card li,.faq p{color:rgba(58,53,53,.72)}.fit{display:grid;grid-template-columns:1fr 1fr;gap:22px}.fit-card{padding:30px}.fit-card h2{font-size:1.65rem}.fit-card ul{padding-left:22px}.fit-card li{margin:10px 0}.fit-card.yes{border-top:8px solid var(--pink)}.fit-card.no{border-top:8px solid var(--blue)}.bonus{max-width:1060px;margin:0 auto 20px;background:var(--dunkel);color:#fff;border-radius:34px;padding:42px;display:flex;gap:24px;align-items:center;justify-content:space-between}.bonus p{color:rgba(255,255,255,.78);max-width:720px}.bonus .eyebrow{color:var(--rose)}.host{display:grid;grid-template-columns:.78fr 1.22fr;gap:40px;align-items:center}.host>img{width:100%;border-radius:36px;box-shadow:var(--shadow);aspect-ratio:4/5;object-fit:cover;object-position:center 20%}.host p{font-size:1.06rem;color:rgba(58,53,53,.75)}.signup-wide{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px}.signup-wide p{color:rgba(58,53,53,.72)}.note{background:var(--creme);border-radius:18px;padding:14px}.faq{max-width:820px}.faq details{padding:20px 22px;margin:12px 0;box-shadow:none}.faq summary{font-weight:850;cursor:pointer}footer{background:var(--dunkel);color:rgba(255,255,255,.72);text-align:center;padding:36px 18px}footer a{color:#fff}.sticky{display:none}@media(max-width:860px){.hero{padding-top:34px}.hero-grid,.scene,.fit,.host{grid-template-columns:1fr}.signup-card{order:2}.hero-copy{order:1}.trust-bar{grid-template-columns:1fr;margin-top:0;padding-top:16px}.cards3{grid-template-columns:1fr}.scenario-grid{grid-template-columns:1fr}.bonus,.signup-wide{display:block}.bonus .btn,.signup-wide .btn{margin-top:16px}.sticky{display:block;position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--beige);padding:12px;z-index:40;box-shadow:0 -12px 34px rgba(58,53,53,.12)}.sticky a{display:block;background:var(--pink);color:#fff;text-align:center;text-decoration:none;font-weight:900;border-radius:17px;padding:14px}body{padding-bottom:74px}}@media(max-width:520px){.hero h1{font-size:2.45rem}.section{padding:58px 18px}.signup-card{padding:22px}.host-strip{align-items:flex-start}.host-strip img{width:58px;height:58px}.test-banner{font-size:.74rem}.btn{width:100%}}


/* === Sam-Preview Additions (Stand 2026-05-24) ====================
   Klar abgegrenzt vom Original, damit Pia die Änderungen einfach
   ins offizielle Projekt übernehmen kann. Drei Bausteine:
   1. .preview-banner (pink statt dunkel) — markiert Vorschau-Status
   2. .lead-2 — gebrochene Hero-Subheadline (2 Zeilen)
   3. .testimonials Section mit .testimonial Cards
   ================================================================ */

.preview-banner{
  position:sticky;top:0;z-index:50;
  background:linear-gradient(90deg,var(--rosa),var(--pink));
  color:#fff;text-align:center;
  font-size:.82rem;font-weight:700;padding:8px 14px;
}
.preview-banner strong{color:#fff}

.lead-2{margin-top:-10px}

.section.testimonials{padding-top:62px;padding-bottom:62px}
.testimonial{
  background:#fff;border:1px solid var(--beige);
  border-radius:30px;padding:28px;
  box-shadow:var(--shadow);
  display:flex;flex-direction:column;justify-content:space-between;
}
.testimonial .quote{
  font-size:1.04rem;
  color:rgba(58,53,53,.85);
  font-style:italic;
  margin:0 0 18px;
  position:relative;
}
.testimonial .cite{
  font-size:.9rem;font-weight:850;
  color:var(--rosa);
  margin:0;
}
