/* Praxis Suzana Hackradt — Neu-Isenburg
   System: Breites Spektrum, tiefenpsychologisch verankert
   Waldgrün/Nachtblau dark-forward + Moos + Papier · Hedvig Letters Serif/Sans
   Übergroßer Titel überlappt Bildkante, Split-Sticky-Zweispalter */
:root { --dunkelgruen:#162a23; --dunkelgruen-2:#1e3830; --moos:#9dbb95; --moos-2:#c3d6bc; --papier:#f3f0e7; --papier-2:#eae5d6; --ink-p:#20261f; --warm-p:#6b6f60; --hair-n:rgba(157,187,149,.25); --hair-p:rgba(32,38,31,.18); --pad:clamp(1.25rem,4.5vw,3.5rem); --luft:clamp(5rem,10.5vw,9.5rem); }
* { margin:0; padding:0; box-sizing:border-box; } html { scroll-behavior:smooth; }
body { font-family:"Hedvig Letters Sans","Segoe UI",sans-serif; background:var(--dunkelgruen); color:var(--moos-2); line-height:1.68; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
::selection { background:var(--moos); color:var(--dunkelgruen); } img { display:block; max-width:100%; } a { color:inherit; }
body::after { content:""; position:fixed; inset:0; pointer-events:none; z-index:70; opacity:.05; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='hk'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' seed='139'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23hk)'/%3E%3C/svg%3E"); }
.wrap { max-width:1100px; margin:0 auto; padding:0 var(--pad); }
.sec { padding-block:var(--luft); } .sec.mid { padding-block:clamp(3.2rem,7vw,5.5rem); }
.sec.papier { background:var(--papier); color:var(--ink-p); }
.h-serif { font-family:"Hedvig Letters Serif",Georgia,serif; font-weight:400; font-size:clamp(2.4rem,6vw,5rem); line-height:1.04; letter-spacing:-.02em; max-width:13ch; color:var(--papier); }
.sec.papier .h-serif { color:var(--ink-p); }
.h-sub { font-family:"Hedvig Letters Serif",Georgia,serif; font-size:clamp(1.5rem,3.2vw,2.4rem); line-height:1.2; max-width:20ch; }
.stand { margin-top:1rem; font-size:1.08rem; color:rgba(238,241,236,.72); max-width:54ch; }
.sec.papier .stand { color:var(--warm-p); }
.prose { max-width:58ch; } .prose p + p { margin-top:1.05rem; }
.kick { font-size:.78rem; font-weight:600; text-transform:uppercase; letter-spacing:.26em; color:var(--moos); }
.sec.papier .kick { color:#55704f; }
.split2 { display:grid; grid-template-columns:minmax(0,6fr) minmax(0,6fr); gap:clamp(2rem,6vw,5rem); align-items:start; }
.split2 .sticky2 { position:sticky; top:6.5rem; }
.split2 .sticky2 img { width:100%; aspect-ratio:4/3.2; object-fit:cover; border-bottom:5px solid var(--moos); }
.hk-list { border-top:2px solid var(--moos); } .sec.papier .hk-list { border-color:#55704f; }
.hk-list > div { display:grid; grid-template-columns:minmax(0,4fr) minmax(0,8fr); gap:.35rem clamp(1.4rem,4vw,3.5rem); padding:1.1rem 0; border-bottom:1px solid var(--hair-n); align-items:baseline; }
.sec.papier .hk-list > div { border-color:var(--hair-p); }
.hk-list dt { font-size:.74rem; font-weight:600; text-transform:uppercase; letter-spacing:.2em; color:var(--moos); } .sec.papier .hk-list dt { color:#55704f; }
.hk-list dd { font-weight:500; } .sec.papier .hk-list dd { color:var(--ink-p); }
.hk-crisis { background:var(--dunkelgruen); color:var(--papier); padding:clamp(2rem,5vw,3rem); margin-top:clamp(2.8rem,6vw,4.4rem); }
.hk-crisis h2 { font-family:"Hedvig Letters Serif",serif; font-size:1.3rem; margin-bottom:.8rem; }
.hk-crisis p { color:rgba(243,240,231,.8); font-size:.97rem; } .hk-crisis strong { color:#fff; }
.hk-crisis a { color:var(--moos); font-weight:600; text-decoration:none; } .hk-crisis a:hover { text-decoration:underline; }
.hk-foot { background:var(--dunkelgruen-2); padding:var(--luft) var(--pad) clamp(2.5rem,6vw,4rem); }
.hk-foot .kick { color:var(--moos); font-size:.78rem; font-weight:600; text-transform:uppercase; letter-spacing:.26em; }
.hk-foot .huge { font-family:"Hedvig Letters Serif",serif; font-size:clamp(1.85rem,5.2vw,3.9rem); line-height:1.2; max-width:21ch; color:var(--papier); margin-top:1rem; }
.hk-foot .huge a { color:var(--moos); text-decoration:none; border-bottom:2px solid var(--hair-n); white-space:nowrap; transition:color .2s, border-color .2s; }
.hk-foot .huge a:hover { color:var(--papier); border-color:var(--papier); }
.fnote { font-size:.85rem; color:rgba(238,241,236,.62); padding:1.3rem 0; max-width:70ch; }
.sec.papier .fnote { color:var(--warm-p); }
sup.star { color:var(--moos); font-weight:600; } .sec.papier sup.star { color:#55704f; }
.reveal { opacity:0; transform:translateY(20px); transition:opacity .7s ease,transform .7s ease; }
.reveal.in { opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce) { .reveal { opacity:1; transform:none; transition:none; } }
@media (max-width:920px) { .split2 { grid-template-columns:1fr; } .split2 .sticky2 { position:static; } .hk-list > div { grid-template-columns:1fr; gap:.2rem; } }
@media (max-width:700px) { header[style] nav { display:none; } }
.wrap.prose { max-width:none; } .wrap.prose > * { max-width:60ch; }