:root {
  --cream: #fbf4eb;
  --sand: #f2e3d3;
  --orange: #ef8f42;
  --terracotta: #bf6542;
  --espresso: #4a2d23;
  --ink: #312722;
  --white: #fffdf9;
  --line: rgba(74,45,35,.18);
  --serif: Georgia, "Times New Roman", serif;
  --sans: Arial, Helvetica, sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--white); font-family: var(--sans); font-size: 16px; line-height: 1.7; }
img { display: block; max-width: 100%; }
a { color: inherit; }
h1,h2,h3,p { margin-top: 0; }
h1,h2,h3 { font-family: var(--serif); font-weight: 400; color: var(--espresso); line-height: 1.08; }
h1 { font-size: clamp(2.7rem, 5vw, 5rem); letter-spacing: -.02em; }
h2 { font-size: clamp(2.2rem, 4vw, 3.8rem); }
h3 { font-size: 1.6rem; }
.site-header { height: 92px; padding: 14px clamp(22px,5vw,72px); display:flex; align-items:center; justify-content:space-between; position:sticky; top:0; z-index:20; background:rgba(255,253,249,.94); backdrop-filter:blur(12px); border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:12px; text-decoration:none; }
.brand img { width:54px; height:54px; border-radius:50%; object-fit:cover; }
.brand span { display:flex; flex-direction:column; line-height:1.05; }
.brand strong { font:400 1.65rem var(--serif); color:var(--espresso); }
.brand small { margin-top:5px; color:var(--terracotta); font-size:.58rem; font-weight:600; letter-spacing:.11em; text-transform:uppercase; }
#main-nav { display:flex; align-items:center; gap:28px; font-size:.9rem; font-weight:500; }
#main-nav a { text-decoration:none; }
#main-nav a:hover { color:var(--terracotta); }
.nav-cta { padding:10px 17px; border:1px solid var(--terracotta); border-radius:999px; }
.menu-button { display:none; border:0; background:transparent; font:600 1rem var(--sans); }
.section { padding: clamp(72px,9vw,132px) clamp(22px,7vw,110px); }
.hero { min-height: calc(100vh - 92px); display:grid; grid-template-columns: 1.05fr .95fr; background:var(--cream); }
.hero-copy { padding: clamp(54px,8vw,120px) clamp(24px,7vw,100px); display:flex; flex-direction:column; justify-content:center; }
.hero-copy .lead { max-width:690px; font-size:clamp(1.05rem,1.5vw,1.28rem); }
.hero-image { position:relative; min-height:650px; overflow:hidden; }
.hero-image img { width:100%; height:100%; object-fit:cover; object-position:center 23%; }
.image-note { position:absolute; right:28px; bottom:28px; margin:0; background:var(--white); padding:10px 16px; font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; }
.eyebrow { margin-bottom:16px; color:var(--terracotta); font-size:.78rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; }
.eyebrow.light { color:#ffd9ba; }
.actions { display:flex; align-items:center; gap:24px; flex-wrap:wrap; margin-top:20px; }
.button { display:inline-block; padding:15px 24px; border-radius:3px; text-decoration:none; font-weight:600; text-align:center; transition:transform .2s ease,background .2s ease; }
.button:hover { transform:translateY(-2px); }
.primary { background:var(--terracotta); color:white; }
.primary:hover { background:#a95437; }
.secondary { border:1px solid var(--espresso); color:var(--espresso); }
.secondary:hover { background:var(--espresso); color:white; }
.cream { background:var(--cream); color:var(--espresso); }
.text-link { text-underline-offset:5px; }
.section-intro { max-width:790px; }
.section-intro.centered { margin-inline:auto; text-align:center; }
.recognition { background:var(--white); }
.recognition-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(42px,8vw,120px); align-items:start; margin-top:58px; }
.pullquote { font-family:var(--serif); font-size:clamp(2rem,3vw,3rem); line-height:1.18; color:var(--orange); }
.quote-wrap { position:relative; }
.heart-mark { width:94px; height:94px; margin-bottom:24px; border-radius:50%; object-fit:cover; opacity:.9; }
.check-list { padding:0; margin:0; list-style:none; }
.check-list li { position:relative; padding:0 0 18px 32px; }
.check-list li::before { content:"✓"; position:absolute; left:0; color:var(--terracotta); font-weight:600; }
.closing-line { max-width:850px; margin:55px auto 0; font-family:var(--serif); font-size:1.55rem; color:var(--espresso); }
.change { display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(44px,9vw,130px); background:var(--sand); }
.change-copy p:not(.eyebrow) { font-size:1.1rem; }
.card-list { padding:36px; background:var(--white); box-shadow:0 24px 60px rgba(74,45,35,.08); }
.method { background:var(--white); }
.method-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:56px; }
.method-grid article { padding:30px 26px; background:var(--cream); border-top:3px solid var(--orange); }
.method-grid span { color:var(--terracotta); font-size:.8rem; font-weight:600; letter-spacing:.1em; }
.method-grid h3 { margin:16px 0 10px; }
.method-grid p { font-size:.92rem; }
.offer { display:grid; grid-template-columns:1.25fr .75fr; gap:clamp(40px,8vw,110px); background:var(--espresso); color:#fff7ef; }
.offer h2 { color:white; font-size:clamp(3.5rem,7vw,6rem); }
.offer-lead { font-size:1.15rem; max-width:700px; }
.offer-details { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:55px; }
.offer-details p { padding-top:18px; border-top:1px solid rgba(255,255,255,.25); font-size:.9rem; }
.offer-card { align-self:start; padding:36px; background:var(--cream); color:var(--ink); }
.offer-card .check-list { margin:24px 0; }
.investment { margin:26px 0 8px; padding-top:24px; border-top:1px solid var(--line); font-family:var(--serif); font-size:1.55rem; line-height:1.25; color:var(--espresso); }
.small { font-size:.8rem; }
.full { width:100%; margin-top:12px; }
.about { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(45px,9vw,130px); align-items:center; }
.about-image img { width:100%; aspect-ratio:3/4; object-fit:cover; }
.about-copy { max-width:690px; }
.signature { padding-left:22px; border-left:3px solid var(--orange); font-family:var(--serif); font-size:1.4rem; color:var(--espresso); }
.freebie { display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(40px,8vw,110px); align-items:center; background:var(--cream); }
.freebie-copy { max-width:680px; }
.freebie-image img { width:min(100%,470px); margin:auto; mix-blend-mode:multiply; }
.final-cta { text-align:center; background:var(--terracotta); color:white; }
.final-cta h2 { max-width:820px; margin-inline:auto; color:white; }
.final-cta p:not(.eyebrow) { max-width:720px; margin:0 auto 30px; }
footer { padding:42px clamp(22px,7vw,110px); display:grid; grid-template-columns:1fr auto auto; gap:30px; align-items:center; background:var(--white); font-size:.85rem; }
.footer-brand { display:flex; align-items:center; gap:12px; font:400 1.4rem var(--serif); color:var(--espresso); }
.footer-brand img { width:54px; height:54px; border-radius:50%; }
footer p { margin:0; }
footer nav { display:flex; gap:20px; }
.legal-home { text-decoration:none; }
.legal-page { min-height:calc(100vh - 92px); padding:clamp(70px,9vw,130px) clamp(22px,12vw,180px); background:var(--cream); }
.legal-page>h1 { margin-bottom:60px; }
.legal-page section { max-width:760px; padding:30px 0; border-top:1px solid var(--line); }
.legal-page section h2 { font-size:1.65rem; }
.legal-page a { text-underline-offset:4px; }
.privacy-page { background:var(--white); }
.privacy-page>h1 { max-width:900px; }
.privacy-page section { max-width:900px; }

/* Kostenlose Checkliste */
.freebie-page { background:var(--cream); }
.freebie-hero { min-height:calc(100vh - 92px); display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(42px,7vw,100px); align-items:center; padding:clamp(52px,7vw,100px) clamp(22px,7vw,110px); }
.freebie-page-copy { max-width:640px; }
.freebie-page-copy h1 { font-size:clamp(2.7rem,5vw,4.8rem); }
.freebie-page-copy .lead { font-size:clamp(1.05rem,1.5vw,1.22rem); }
.freebie-preview { display:grid; grid-template-columns:120px 1fr; gap:24px; align-items:center; margin-top:34px; padding:22px; background:var(--white); border-left:4px solid var(--orange); }
.freebie-preview img { width:120px; max-height:160px; object-fit:contain; mix-blend-mode:multiply; }
.freebie-preview p { margin:0; font-family:var(--serif); font-size:1.25rem; line-height:1.35; color:var(--espresso); }
.signup-card { padding:clamp(28px,4vw,46px); background:var(--white); box-shadow:0 24px 60px rgba(74,45,35,.1); border-top:4px solid var(--orange); }
.signup-card h2 { margin-bottom:12px; font-size:clamp(2rem,3vw,3rem); }
.signup-card>p { margin-bottom:24px; }
.brevo-frame { display:block; width:100%; max-width:540px; height:420px; margin:0 auto; border:0; background:white; }
.form-note { margin:18px 0 0; font-size:.8rem; color:#675a53; }
.form-note a { text-underline-offset:3px; }

/* Klar bei dir */
.program-page { --program-sage:#98a58d; --program-sage-deep:#65715d; --program-sage-pale:#e7eadf; --program-clay:#c97548; --program-cream:#f7f0e5; }
.back-link { display:inline-block; margin-bottom:28px; color:var(--terracotta); font-size:.88rem; font-weight:600; text-underline-offset:5px; }
.program-hero { min-height:calc(100vh - 92px); display:grid; grid-template-columns:1.08fr .92fr; background:var(--program-cream); }
.program-hero-copy { padding:clamp(46px,7vw,105px) clamp(24px,7vw,100px); display:flex; flex-direction:column; justify-content:center; }
.program-hero h1 { margin-bottom:18px; font-size:clamp(4.2rem,9vw,8rem); color:var(--terracotta); }
.program-subline { max-width:760px; margin-bottom:20px; font:400 clamp(1.75rem,3vw,2.75rem)/1.15 var(--serif); color:var(--espresso); }
.program-hero .lead { max-width:740px; }
.program-hero .button { align-self:flex-start; margin-top:15px; }
.program-hero-image { position:relative; min-height:680px; overflow:hidden; }
.program-hero-image>img { width:100%; height:100%; object-fit:cover; object-position:center center; }
.program-seal { position:absolute; left:28px; bottom:28px; display:flex; align-items:center; gap:12px; padding:10px 16px 10px 10px; background:rgba(255,253,249,.94); color:var(--espresso); font:400 1rem/1.2 var(--serif); }
.program-seal img { width:58px; height:58px; border-radius:50%; }
.program-recognition { background:var(--white); }
.two-column-list { display:grid; grid-template-columns:1fr 1fr; gap:clamp(30px,7vw,95px); margin-top:52px; }
.relationship-cycle { display:grid; grid-template-columns:1.08fr .92fr; gap:clamp(45px,9vw,130px); align-items:center; background:var(--program-sage-pale); }
.cycle-copy { max-width:760px; }
.cycle-card { padding:clamp(30px,5vw,52px); background:var(--white); box-shadow:0 24px 60px rgba(74,45,35,.08); font:400 1.45rem/1.45 var(--serif); color:var(--espresso); }
.cycle-card p { margin-bottom:13px; }
.cycle-card span { display:block; width:70px; height:3px; margin:25px 0; background:var(--program-clay); }
.cycle-old,.cycle-new { color:var(--program-sage-deep); font:600 .76rem var(--sans); letter-spacing:.13em; text-transform:uppercase; }
.closeness-freedom { text-align:center; background:var(--program-sage-deep); color:white; }
.closeness-freedom h2 { max-width:900px; margin-inline:auto; color:white; }
.closeness-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; max-width:1000px; margin:48px auto 0; text-align:left; }
.closeness-grid p { padding:30px; background:rgba(255,255,255,.1); border-top:2px solid rgba(255,255,255,.55); }
.closeness-statement { max-width:900px; margin:45px auto 0; font:400 clamp(1.8rem,3vw,2.8rem)/1.2 var(--serif); color:#fff4e8; }
.transformation { background:var(--program-cream); }
.transformation-title { max-width:760px; }
.shift-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:55px; }
.shift-grid article { min-height:280px; padding:30px 25px; background:var(--white); border-bottom:4px solid var(--program-sage); }
.shift-grid span,.phase { color:var(--terracotta); font-size:.78rem; font-weight:600; letter-spacing:.12em; text-transform:uppercase; }
.shift-grid h3 { margin:48px 0 12px; }
.shift-grid p { font-size:.92rem; }
.journey { background:#4b382f; color:#fff7ef; }
.journey h2,.journey h3 { color:white; }
.journey .section-intro>p:last-child { max-width:760px; margin-inline:auto; }
.journey-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2px; margin-top:58px; background:rgba(255,255,255,.15); }
.journey-grid article { padding:38px 32px; background:#4b382f; }
.journey-grid .phase { color:#ffd9ba; }
.journey-grid h3 { margin:18px 0 15px; }
.included { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(45px,9vw,130px); align-items:start; }
.included-copy { position:sticky; top:130px; }
.included-card { padding:clamp(28px,5vw,50px); background:var(--program-cream); border-top:4px solid var(--program-sage); }
.included-card .check-list li { padding-bottom:25px; }
.included-card strong { color:var(--espresso); }
.methods-program { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(45px,9vw,130px); align-items:center; background:var(--program-sage-pale); }
.method-note { padding:36px; background:var(--white); font:400 1.35rem/1.45 var(--serif); color:var(--espresso); box-shadow:0 24px 60px rgba(74,45,35,.08); }
.method-note img { width:90px; height:90px; margin-bottom:26px; border-radius:50%; }
.method-note p { margin:0; }
.fit-section { display:grid; grid-template-columns:1fr 1fr; gap:24px; background:var(--white); }
.fit-card { padding:clamp(28px,5vw,48px); }
.good-fit { background:var(--program-cream); border-top:4px solid var(--program-sage); }
.not-fit { background:#f3efeb; border-top:4px solid var(--espresso); }
.plain-list { margin:22px 0 0; padding-left:22px; }
.plain-list li { padding:0 0 18px 8px; }
.investment-section { display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(45px,8vw,110px); align-items:center; background:var(--program-clay); color:white; }
.investment-section h2 { color:white; }
.solidarity { margin-top:28px; padding:22px 0 0; border-top:1px solid rgba(255,255,255,.35); }
.next-step-card { padding:clamp(28px,5vw,44px); background:var(--cream); color:var(--ink); }
.next-step-card h3 { font-size:2rem; }
.faq { background:var(--program-cream); }
.faq-list { max-width:900px; margin-top:45px; }
.faq details { border-top:1px solid var(--line); }
.faq details:last-child { border-bottom:1px solid var(--line); }
.faq summary { position:relative; padding:24px 46px 24px 0; cursor:pointer; list-style:none; font:400 1.28rem/1.3 var(--serif); color:var(--espresso); }
.faq summary::-webkit-details-marker { display:none; }
.faq summary::after { content:"+"; position:absolute; right:8px; top:19px; color:var(--terracotta); font:400 1.8rem var(--sans); }
.faq details[open] summary::after { content:"−"; }
.faq details p { max-width:760px; padding:0 35px 22px 0; }

@media (max-width: 900px) {
  .site-header { height:76px; }
  .brand img { width:46px; height:46px; }
  .brand strong { font-size:1.4rem; }
  .brand small { font-size:.5rem; }
  .menu-button { display:block; }
  #main-nav { display:none; position:absolute; top:76px; left:0; right:0; padding:24px; flex-direction:column; background:var(--white); border-bottom:1px solid var(--line); }
  #main-nav.open { display:flex; }
  .hero { grid-template-columns:1fr; }
  .hero-copy { padding:70px 24px 54px; }
  .hero-image { min-height:520px; }
  .recognition-grid,.change,.offer,.about,.freebie,.freebie-hero,.program-hero,.included,.methods-program,.investment-section,.relationship-cycle { grid-template-columns:1fr; }
  .program-hero-copy { padding:64px 24px 55px; }
  .program-hero-image { min-height:540px; }
  .shift-grid { grid-template-columns:1fr 1fr; }
  .journey-grid { grid-template-columns:1fr; }
  .included-copy { position:static; }
  .method-grid { grid-template-columns:1fr 1fr; }
  .offer-details { grid-template-columns:1fr; }
  .about-image { max-width:540px; }
  footer { grid-template-columns:1fr; text-align:center; }
  .footer-brand { justify-content:center; }
  footer nav { justify-content:center; }
}
@media (max-width: 560px) {
  body { font-size:16px; }
  h1 { font-size:2.65rem; }
  .section { padding:68px 22px; }
  .hero-image { min-height:430px; }
  .method-grid { grid-template-columns:1fr; }
  .two-column-list,.shift-grid,.fit-section,.closeness-grid { grid-template-columns:1fr; }
  .program-hero h1 { font-size:4.1rem; }
  .program-hero-image { min-height:430px; }
  .program-seal { left:18px; right:18px; bottom:18px; }
  .shift-grid article { min-height:0; }
  .shift-grid h3 { margin-top:26px; }
  .offer-card,.card-list { padding:26px 22px; }
  .freebie-hero { padding:54px 22px 68px; }
  .freebie-preview { grid-template-columns:82px 1fr; padding:18px; }
  .freebie-preview img { width:82px; }
  .signup-card { padding:26px 18px; }
  .brevo-frame { height:480px; }
  .actions { align-items:stretch; flex-direction:column; }
  .text-link { text-align:center; }
  footer nav { flex-direction:column; gap:8px; }
}