@font-face{font-family:NewIcon;src:url('fonts/New-Icon-Serif-Exfonte9d1.otf') format('opentype');font-display:swap}@font-face{font-family:Mogranx;src:url('fonts/Mogranx-MediumSlanted-Exfont1806.otf') format('opentype');font-display:swap}:root{--bg:#8e8d72;--paper:#f7f3ea;--soft:#7d7c63;--sage:#6a6953;--ink:#ffffff;--brown:#fdfaf0;--muted:#fdfaf0;--line:rgba(253,251,243,.32);--paper-text:#2e3023;--paper-brown:#52503e;--paper-muted:#7d7b66;--serif:NewIcon,Georgia,serif;--accent:Mogranx,Georgia,serif;--sans:Inter,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.nav{position:sticky;top:0;z-index:10;background:rgba(142,141,114,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:18px clamp(20px,4vw,56px);display:flex;justify-content:space-between;align-items:center}.brand{font-family:var(--accent);font-size:1.15rem;color:var(--ink)}.nav-links{display:flex;gap:28px;align-items:center}.nav-links a{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--brown)}.pill{border:1px solid var(--ink);padding:8px 14px;border-radius:999px}.wrap{max-width:1120px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}.hero{min-height:78vh;display:grid;grid-template-columns:1.04fr .82fr;gap:58px;align-items:center;padding:88px clamp(20px,4vw,56px) 78px}.eyebrow{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:22px;font-weight:500}.hero h1{font-family:var(--accent);font-weight:400;font-size:clamp(2.65rem,4.6vw,4.7rem);line-height:.96;letter-spacing:-.035em;margin-bottom:28px}.hero h1 .serif{font-family:var(--serif)}.lead{font-size:clamp(1.08rem,1.55vw,1.34rem);color:var(--brown);max-width:620px;line-height:1.55}.actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:34px}.btn{display:inline-block;border:1px solid var(--ink);border-radius:999px;padding:13px 22px;font-size:.77rem;letter-spacing:.13em;text-transform:uppercase}.link{text-decoration:underline;text-underline-offset:6px;color:var(--brown)}.portrait{min-height:520px;border-radius:160px 160px 8px 8px;background:linear-gradient(rgba(46,48,35,.04),rgba(46,48,35,.04)),url('bilder/brand-01.jpeg') center/cover no-repeat;position:relative}section{padding:92px 0;border-top:1px solid var(--line)}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:74px}.kicker{font-family:var(--accent);font-size:1.9rem;color:var(--brown)}.section-title{font-family:var(--serif);font-weight:400;font-size:clamp(2rem,3.1vw,3.05rem);line-height:1.05;letter-spacing:-.03em;margin-bottom:24px}.text p{color:var(--brown);font-size:1.05rem;margin-bottom:17px;max-width:700px}.statement{background:var(--sage);padding:96px clamp(20px,4vw,56px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}.statement h2{font-family:var(--accent);font-size:clamp(2.5rem,5vw,5rem);font-weight:400;line-height:.95;max-width:960px;margin:0 auto 24px}.statement p{font-size:1.2rem;color:var(--brown)}.paths{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.card{background:var(--paper);border:1px solid var(--line);padding:28px;border-radius:20px;min-height:245px;display:flex;flex-direction:column;justify-content:space-between}.card .num{font-family:var(--accent);font-size:1.55rem;color:var(--muted)}.card h3{font-family:var(--serif);font-size:1.55rem;font-weight:400;line-height:1.12;margin:18px 0 12px}.card p,.post p{color:var(--brown);font-size:.98rem}.band{background:var(--soft);padding:72px clamp(20px,4vw,56px);text-align:center}.band p{font-family:var(--serif);font-size:clamp(1.8rem,3vw,3rem);line-height:1.1;max-width:900px;margin:0 auto;color:var(--ink)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.story-img{min-height:520px;border-radius:10px;background:url('bilder/brand-02.jpeg') center 70%/cover no-repeat}.offer-box{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:46px}.offer-box h2{font-family:var(--accent);font-size:clamp(2rem,3vw,3.3rem);font-weight:400;line-height:1}.offer-box ul{list-style:none;margin:26px 0}.offer-box li{border-top:1px solid var(--line);padding:14px 0;color:var(--brown)}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.post{border-top:1px solid var(--ink);padding-top:18px}.post small{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;font-size:.68rem}.post h3{font-family:var(--serif);font-weight:400;font-size:1.6rem;line-height:1.12;margin:14px 0}.footer{padding:60px clamp(20px,4vw,56px);display:flex;justify-content:space-between;gap:24px;color:var(--muted);border-top:1px solid var(--line)}.footer a{text-decoration:underline;text-underline-offset:5px;margin-left:14px}.page-hero{padding:100px clamp(20px,4vw,56px) 70px;max-width:980px;margin:0 auto}.page-hero h1{font-family:var(--accent);font-size:clamp(2.5rem,4vw,4rem);line-height:1;font-weight:400;margin-bottom:22px}.article{max-width:760px;margin:0 auto;padding:80px clamp(20px,4vw,56px)}.article h1{font-family:var(--accent);font-size:clamp(2.4rem,4vw,4.2rem);line-height:1;margin-bottom:26px;font-weight:400}.article p{color:var(--brown);font-size:1.08rem;margin-bottom:20px}.form{display:grid;gap:14px;margin-top:24px}.form input,.form textarea,.form select{width:100%;padding:15px 16px;border:1px solid var(--line);background:var(--paper);font-family:var(--sans);font-size:1rem;color:var(--ink);border-radius:12px}.form textarea{min-height:130px}.form button{cursor:pointer;background:var(--ink);color:var(--paper);border:0;border-radius:999px;padding:15px 22px;font-size:.78rem;letter-spacing:.13em;text-transform:uppercase}@media(max-width:840px){.nav-links a:not(.pill){display:none}.hero{grid-template-columns:1fr;padding-top:60px}.portrait{min-height:420px;order:-1}.split,.story-grid{grid-template-columns:1fr;gap:34px}.paths,.journal-grid{grid-template-columns:1fr}.footer{flex-direction:column}.section-title{font-size:2.25rem}section{padding:72px 0}.hero h1{font-size:3.1rem}}


/* COMPLETE BRAND SYSTEM ADDITIONS */
.audio-card{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:34px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;margin-top:28px}
.audio-card h3{font-family:var(--serif);font-weight:400;font-size:1.8rem;line-height:1.1;margin-bottom:10px}
.audio-card p{color:var(--brown)}
.play{width:74px;height:74px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-family:var(--accent);font-size:1.4rem}
.episodes{display:grid;gap:18px}
.episode{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:28px;display:grid;grid-template-columns:120px 1fr;gap:28px}
.episode small{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;font-size:.68rem}
.episode h3{font-family:var(--serif);font-weight:400;font-size:1.6rem;line-height:1.12;margin:8px 0}
.episode p{color:var(--brown)}
.portal-shell{min-height:calc(100vh - 78px);padding:72px clamp(20px,4vw,56px)}
.portal-card{max-width:920px;margin:0 auto;background:var(--paper);border:1px solid var(--line);border-radius:32px;padding:44px}
.portal-card h1,.portal-card h2{font-family:var(--accent);font-weight:400;line-height:1;font-size:clamp(2.2rem,3.6vw,3.6rem);margin-bottom:18px}
.portal-card p{color:var(--brown);margin-bottom:16px}
.modules{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
.module{background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:22px;min-height:180px}
.module small{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;font-size:.66rem}
.module h3{font-family:var(--serif);font-weight:400;font-size:1.45rem;line-height:1.1;margin:16px 0 10px}
.lock-note{background:var(--sage);border-radius:999px;padding:12px 18px;display:inline-block;margin-top:12px;color:var(--brown)}
.admin-wrap{max-width:1080px;margin:0 auto;padding:56px clamp(20px,4vw,56px)}
.admin-grid{display:grid;grid-template-columns:330px 1fr;gap:22px;align-items:start}
.admin-panel{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:24px}
.admin-panel h2{font-family:var(--serif);font-weight:400;font-size:1.8rem;margin-bottom:16px}
.post-list{display:grid;gap:10px}
.post-item{border:1px solid var(--line);border-radius:16px;padding:14px;cursor:pointer;background:var(--bg)}
.post-item strong{display:block;font-family:var(--serif);font-size:1.12rem;font-weight:400;line-height:1.1}
.post-item span{font-size:.72rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}
.post-item.active{background:var(--sage)}
.admin-form{display:grid;gap:12px}
.admin-form label{font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.admin-form input,.admin-form textarea{width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:var(--bg);font-family:var(--sans);font-size:1rem;color:var(--ink)}
.admin-form textarea{min-height:170px;line-height:1.65}
.admin-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
.admin-actions button{border:1px solid var(--ink);background:transparent;border-radius:999px;padding:12px 16px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.admin-actions button.primary{background:var(--ink);color:var(--paper)}
.preview{background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:22px;margin-top:16px}
.preview h1{font-family:var(--accent);font-size:2.4rem;line-height:1;font-weight:400;margin-bottom:16px}
.preview p{color:var(--brown);margin-bottom:14px}
.notice{font-size:.92rem;color:var(--brown);background:var(--soft);border-radius:18px;padding:16px;margin-top:16px}
@media(max-width:840px){.audio-card,.episode,.admin-grid{grid-template-columns:1fr}.modules{grid-template-columns:1fr}.portal-card{padding:28px}.admin-wrap{padding-top:36px}}



/* READABLE TESTIMONIAL SYSTEM */
.hero-proof-readable-text{margin-top:34px;border-top:1px solid var(--line);padding-top:18px;max-width:520px}
.hero-proof-readable-text span{display:block;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.hero-proof-readable-text p{font-size:.95rem;line-height:1.55;color:var(--brown);margin-bottom:8px}
.proof-intro{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.proof-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.proof-readable{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.proof-readable-head{display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:end;margin-bottom:42px}
.proof-readable-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start;max-width:1040px;margin:0 auto}
.proof-shot{display:block;background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:14px;box-shadow:0 20px 52px rgba(33,31,28,.10);transition:transform .22s ease,box-shadow .22s ease}
.proof-shot:hover{transform:translateY(-3px);box-shadow:0 28px 70px rgba(33,31,28,.14)}
.proof-shot img{width:100%;height:auto;display:block;border-radius:17px;background:var(--bg)}
.proof-shot span{display:block;margin-top:10px;text-align:center;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
@media(max-width:840px){.proof-intro-grid,.proof-readable-head{grid-template-columns:1fr;gap:22px}.proof-readable-grid{grid-template-columns:1fr;gap:20px}.proof-shot{padding:10px;border-radius:18px}.proof-shot img{border-radius:13px}}




/* FINAL READABLE PROOF: mehr anzeigen, aber lesbar */
.proof-readable-grid--home{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px;
  max-width:1040px;
}
.proof-readable-grid--home .proof-shot{padding:14px;}
@media(max-width:760px){
  .proof-readable-grid--home{grid-template-columns:1fr;gap:20px;}
}




/* PAPER-CARD TEXT OVERRIDES — sicherstellen dass Karten dunkle Schrift haben */
.card,.card *,
.offer-box,.offer-box *,
.audio-card,.audio-card *,
.episode,.episode *,
.portal-card,.portal-card *,
.admin-panel,.admin-panel *,
.proof-shot,.proof-shot *{color:var(--paper-text)}

.card p,.post p,.offer-box li,.audio-card p,.episode p,.portal-card p,
.offer-box .lead{color:var(--paper-brown)}

.card .num,.card small,.proof-shot span,
.module small,.episode small,.post-item span,
.offer-box .eyebrow,.audio-card .eyebrow,.portal-card .eyebrow{color:var(--paper-muted)}

/* Form inputs — cream Hintergrund, dunkle Schrift, dunkle Placeholder */
.form input,.form textarea,.form select,
.admin-form input,.admin-form textarea{
  background:var(--paper);color:var(--paper-text);
  border-color:rgba(46,48,35,.18)
}
.form input::placeholder,.form textarea::placeholder{color:var(--paper-muted)}

/* Form-Button im Form-Kontext: dark-on-cream als kontrastreicher Button */
.form button{
  background:var(--paper-text);color:var(--paper);
  font-weight:600
}

/* Lock note in portal */
.lock-note{background:var(--sage);color:var(--paper-text)}

/* Notice box in admin */
.notice{background:var(--soft);color:var(--paper-text)}

/* Preview box in admin keeps paper bg */
.preview{background:var(--paper);border-color:rgba(46,48,35,.18)}
.preview *{color:var(--paper-text)}
.preview p{color:var(--paper-brown)}

/* Post-list items in admin */
.post-list,.post-list *{color:var(--paper-text)}
.post-item{background:var(--paper)}
.post-item.active{background:var(--sage)}

/* Module cards in portal — auf bg statt paper, also olive-sage */
.module{background:var(--bg);border-color:var(--line)}
.module *{color:var(--ink)}
.module h3{color:var(--ink)}
.module p{color:var(--brown)}
.module small{color:var(--muted)}

/* Buttons im Body-Kontext (nicht in Karten): white-on-olive */
.btn{border-color:var(--ink);color:var(--ink)}
.btn:hover{background:var(--ink);color:var(--bg)}
/* Aber wenn .btn IN einer Cream-Karte ist, dunkel-on-cream */
.offer-box .btn,.card .btn{border-color:var(--paper-text);color:var(--paper-text)}
.offer-box .btn:hover,.card .btn:hover{background:var(--paper-text);color:var(--paper)}

/* Pill in nav */
.pill{border-color:var(--ink);color:var(--ink)}

/* Statement section text bleibt hell weil background sage ist (a8a78c) */
.statement h2,.statement p{color:var(--ink)}

/* Band — heller olive Hintergrund mit weißer Schrift */
.band p{color:var(--ink)}

/* Footer */
.footer{color:var(--muted);border-top-color:var(--line)}

/* Section borders */
section{border-top-color:var(--line)}

/* Editorial split text-side ist auf --soft (dunkles olive), bleibt mit ink/brown */
.editorial-split .text-side h2{color:var(--ink)}
.editorial-split .text-side p{color:var(--brown)}

/* Journal post borders & links */
.post{border-top-color:var(--ink)}
.post small{color:var(--muted)}

/* Hero-portrait Overlay leichter halten */

/* EDITORIAL SECTION (inline image + text split) */
.editorial-split{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:60vh}
.editorial-split .img-side{background-size:cover;background-position:center;min-height:520px}
.editorial-split .text-side{display:flex;flex-direction:column;justify-content:center;padding:60px clamp(24px,4vw,72px);background:var(--soft)}
.editorial-split .text-side h2{font-family:var(--accent);font-size:clamp(2rem,3.4vw,3.4rem);font-weight:400;line-height:1.05;letter-spacing:-.02em;color:var(--ink);margin-bottom:20px}
.editorial-split .text-side p{color:var(--brown);font-size:1.05rem;line-height:1.65;max-width:480px}
@media(max-width:840px){
  .editorial-split{grid-template-columns:1fr}
  .editorial-split .img-side{min-height:380px}
  .editorial-split .text-side{padding:48px 24px}
}


/* DARK THEME ADJUSTMENTS — paper cards keep dark text */
.card,.card *,
.offer-box,.offer-box *,
.audio-card,.audio-card *,
.episode,.episode *,
.portal-card,.portal-card *,
.admin-panel,.admin-panel *,
.proof-shot,.proof-shot *,
.proof-intro{color:var(--paper-text)}

.card p,.post p,.offer-box li,.audio-card p,.episode p,.portal-card p{color:var(--paper-brown)}
.card .num,.module small,.episode small,.post-item span{color:var(--paper-muted)}

/* Section borders softer for dark theme */
section{border-top-color:rgba(246,243,237,.08)}
.statement{border-top-color:rgba(246,243,237,.08);border-bottom-color:rgba(246,243,237,.08)}

/* Statement on dark — keep sage-warm-grey background, light text reads well */
.statement h2,.statement p{color:var(--ink)}

/* Band stays slightly lighter than bg as it did before, just inverted scale */
.band{background:var(--soft)}
.band p{color:var(--ink)}

/* Buttons need contrast: ink-bg buttons become cream-bg with dark text */
.btn{border-color:var(--ink);color:var(--ink)}
.btn:hover{background:var(--ink);color:var(--bg)}
.form button{background:var(--paper);color:var(--paper-text);font-weight:600}
.admin-actions button.primary{background:var(--paper);color:var(--paper-text)}

/* Pill in nav */
.pill{border-color:var(--ink);color:var(--ink)}

/* Form inputs — cream background, dark text */
.form input,.form textarea,.form select,.admin-form input,.admin-form textarea{background:var(--paper);color:var(--paper-text);border-color:rgba(33,31,28,.14)}
.form input::placeholder,.form textarea::placeholder{color:var(--paper-muted)}

/* Journal post borders & links */
.post{border-top-color:var(--ink)}
.post small,.eyebrow{color:var(--muted)}

/* Editorial-split text-side stays soft (now dark warm gray) */
.editorial-split .text-side h2{color:var(--ink)}
.editorial-split .text-side p{color:var(--brown)}

/* Footer */
.footer{color:var(--muted);border-top-color:var(--line)}

/* Lock note in portal */
.lock-note{background:var(--sage);color:var(--ink)}

/* Notice box in admin */
.notice{background:var(--soft);color:var(--brown)}

/* Preview box in admin keeps paper bg */
.preview{background:var(--paper);border-color:rgba(33,31,28,.14)}
.preview *{color:var(--paper-text)}
.preview p{color:var(--paper-brown)}

/* Post item active state */
.post-item{background:var(--bg)}
.post-item.active{background:var(--sage)}
.post-item *,.post-item.active *{color:var(--ink)}

/* Ensure proof-readable section reads on dark */
.proof-readable{background:var(--soft)}
.proof-readable .section-title{color:var(--ink)}

/* Module cards in portal */
.module{background:var(--bg);border-color:var(--line)}
.module *{color:var(--ink)}
.module h3{color:var(--ink)}
.module p{color:var(--brown)}
.module small{color:var(--muted)}


/* FORM INPUT OVERRIDE — dunkle Schrift in Cream-Karten, immer */
.offer-box .form input,.offer-box .form textarea,.offer-box .form select,
.form input,.form textarea,.form select{
  color:var(--paper-text) !important;
  background:var(--paper) !important;
  border-color:rgba(46,48,35,.18) !important;
}
.offer-box .form input::placeholder,.offer-box .form textarea::placeholder,
.form input::placeholder,.form textarea::placeholder{
  color:var(--paper-muted) !important;
  opacity:1;
}

/* FORM BUTTON & MSG OVERRIDE in Cream-Karten */
.offer-box .form button,.form button{
  background:var(--paper-text) !important;
  color:var(--paper) !important;
  border:0 !important;
  cursor:pointer;
}
.offer-box .form button:hover,.form button:hover{
  background:var(--paper-brown) !important;
}
/* Hilfstext unter Form (z.B. "Du bekommst den Guide sofort...") */
.offer-box p[style*="muted"],.offer-box .form + p,
#ffMsg{
  color:var(--paper-muted) !important;
}