/* ═══════════════════════════════════════════════════════════════════
   CODEX LUX — KNOTEN-SEITE (Node-Detail-Typ) · geteilte CSS
   Familienfarbe je Seite via inline :root{ --fam }.
   ═══════════════════════════════════════════════════════════════════ */
.nd-hero{ text-align:center; padding:118px 24px 16px; position:relative; }
.nd-crumbs{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; font-size:12px; letter-spacing:.04em; color:var(--dim); margin-bottom:24px; }
.nd-crumbs a{ color:var(--gold-2); text-decoration:none; } .nd-crumbs a:hover{ text-decoration:underline; } .nd-crumbs .sep{ opacity:.5; }
.nd-token{ font-family:"Cormorant Garamond",serif; font-size:clamp(54px,12vw,104px); line-height:.95; color:var(--fam); text-shadow:0 0 50px var(--fam-soft); margin:0; }
.nd-eyebrow{ font-size:11.5px; letter-spacing:.2em; text-transform:uppercase; color:var(--dim); margin:14px 0 6px; }
.nd-hero h1{ font-family:"Cormorant Garamond",serif; font-weight:400; font-size:clamp(30px,5vw,50px); color:var(--text); margin:0 0 14px; line-height:1.05; }
.nd-tagline{ font-family:"Cormorant Garamond",serif; font-style:italic; font-size:clamp(17px,2.4vw,22px); color:var(--gold-2); max-width:560px; margin:0 auto; line-height:1.5; }

.nd-feel{ text-align:center; padding:56px 24px; border-top:1px solid var(--line-soft); border-bottom:1px solid var(--line-soft); margin-top:8px; }
.nd-feel p{ max-width:600px; margin:0 auto; color:var(--text); font-size:clamp(17px,2.2vw,21px); font-weight:300; line-height:1.75; }
.nd-feel .rule{ width:60px; height:1px; background:var(--gold); opacity:.45; margin:30px auto 0; border:0; }

.nd-idbar{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; padding:30px 20px; max-width:760px; margin:0 auto; }
.nd-chip{ padding:10px 16px; border-radius:12px; background:var(--card); border:1px solid var(--line); text-align:center; min-width:92px; }
.nd-chip .k{ font-size:9px; letter-spacing:.14em; color:var(--dim); text-transform:uppercase; margin-bottom:4px; }
.nd-chip .v{ font-size:14px; color:var(--gold-2); }
.nd-chip .v a{ color:var(--gold-2); text-decoration:none; }

.nd-body{ max-width:720px; margin:6px auto 0; padding:0 24px; }
.nd-body h2{ font-family:"Cormorant Garamond",serif; font-weight:400; font-size:26px; color:var(--text); margin:34px 0 8px; }
.nd-body p{ color:var(--muted); font-size:16px; line-height:1.85; margin:0 0 14px; }
.nd-body a.inl{ color:var(--gold-2); text-decoration:none; border-bottom:1px dotted var(--line); }

/* Tab-Oberfläche (Wissen/Integral) — eine Sektion zur Zeit statt Textwand */
.nd-tabs{ margin:8px 0 0; }
.nd-tabnav{ display:flex; flex-wrap:wrap; gap:2px; border-bottom:1px solid var(--line-soft); margin-bottom:26px; }
.nd-tab{ background:none; border:0; border-bottom:2px solid transparent; color:var(--dim); font-family:"Cormorant Garamond",Georgia,serif; font-size:19px; letter-spacing:.01em; padding:9px 15px 11px; cursor:pointer; transition:color .2s,border-color .2s; margin-bottom:-1px; }
.nd-tab:hover{ color:var(--gold-2); }
.nd-tab.active{ color:var(--fam); border-bottom-color:var(--fam); }
.nd-tab.abo{ color:var(--dim); }
.nd-tab.abo.active{ color:var(--fam); }
.nd-tab .nd-lock{ display:inline-block; font-family:"Nunito Sans",system-ui,sans-serif; font-size:8px; letter-spacing:.14em; text-transform:uppercase; border:1px solid var(--line); border-radius:5px; padding:1px 5px; margin-left:7px; color:var(--gold-2); vertical-align:middle; opacity:.75; }
.nd-panel{ display:none; }
.nd-panel.active{ display:block; animation:ndFade .32s ease; }
@keyframes ndFade{ from{ opacity:0; transform:translateY(5px); } to{ opacity:1; transform:none; } }
.nd-panel p{ color:var(--muted); font-size:16px; line-height:1.85; margin:0 0 15px; }
.nd-panel p:first-child{ font-size:17px; color:var(--text); }
.nd-deeper{ margin-top:22px !important; padding-top:16px; border-top:1px solid var(--line-soft); }
.nd-deeper a{ font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--fam); text-decoration:none; border-bottom:1px solid var(--fam-soft); padding-bottom:2px; }
.nd-deeper a:hover{ border-bottom-color:var(--fam); }
@media(max-width:560px){ .nd-tab{ font-size:16px; padding:8px 11px 10px; } }

/* Der Weg · Einladung */
.nd-weg{ max-width:680px; margin:56px auto 0; padding:0 24px; }
.nd-weg-card{ background:linear-gradient(180deg,var(--fam-faint),rgba(8,11,26,.4)); border:1px solid var(--line); border-radius:18px; padding:clamp(26px,4vw,40px); text-align:center; }
.nd-weg-card .eyebrow{ font-size:11px; letter-spacing:.24em; text-transform:uppercase; color:var(--fam); margin:0 0 12px; }
.nd-weg-card h3{ font-family:"Cormorant Garamond",serif; font-weight:300; font-size:clamp(21px,3vw,27px); color:var(--text); margin:0 0 12px; }
.nd-weg-card p{ color:var(--muted); font-size:15px; line-height:1.7; max-width:480px; margin:0 auto; }
.nd-weg-actions{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin-top:20px; }
.nd-weg-actions .go{ text-decoration:none; background:var(--gold); color:#0a0b14; border-radius:999px; padding:13px 28px; font-size:12.5px; letter-spacing:.1em; text-transform:uppercase; transition:.25s; }
.nd-weg-actions .go:hover{ box-shadow:0 0 26px var(--glow); }
.nd-weg-actions .stay{ text-decoration:none; color:var(--muted); font-size:13px; padding:13px 20px; border-radius:999px; border:1px solid var(--line); transition:.25s; }
.nd-weg-actions .stay:hover{ color:var(--gold-2); border-color:var(--gold); }

/* Versiegelung */
.nd-seal{ max-width:260px; margin:54px auto 24px; padding:22px; border:1px solid var(--line); border-radius:14px; background:var(--card); text-align:center; cursor:pointer; transition:all .4s cubic-bezier(.34,1.56,.64,1); box-shadow:0 0 26px var(--fam-faint) inset; }
.nd-seal:hover{ box-shadow:0 0 26px var(--fam-soft) inset, 0 0 34px var(--fam-faint); }
.nd-seal.integriert{ border-color:var(--fam); box-shadow:0 0 50px var(--fam-soft) inset; }
.nd-seal.stempel{ animation:ndStempel .6s cubic-bezier(.34,1.56,.64,1); }
@keyframes ndStempel{ 0%{transform:scale(1)} 30%{transform:scale(1.16)} 100%{transform:scale(1)} }
.nd-seal .kk{ font-size:9px; letter-spacing:.3em; color:var(--dim); text-transform:uppercase; margin-bottom:12px; }
.nd-seal .disc{ width:88px; height:88px; margin:0 auto; border:1px solid var(--line); border-radius:50%; display:flex; align-items:center; justify-content:center; background:radial-gradient(circle,var(--fam-faint),transparent 70%); }
.nd-seal .disc span{ font-family:"Cormorant Garamond",serif; font-size:30px; color:var(--gold-2); }
.nd-seal .nm{ margin-top:12px; font-size:10px; letter-spacing:.16em; color:var(--gold-2); text-transform:uppercase; }
.nd-seal .hint{ display:block; margin-top:8px; font-size:9px; letter-spacing:.12em; color:var(--dim); font-style:italic; }
.nd-seal.integriert .hint{ display:none; }
.nd-seal .done{ display:block; margin-top:8px; font-size:9px; letter-spacing:.14em; color:var(--gold-2); text-transform:uppercase; opacity:0; transition:opacity .5s; }
.nd-seal.integriert .done{ opacity:1; }

/* Prev / Next */
.nd-nav{ display:flex; justify-content:space-between; gap:12px; max-width:720px; margin:40px auto 0; padding:0 24px; }
.nd-nav a{ flex:1; text-decoration:none; border:1px solid var(--line); border-radius:12px; padding:15px 18px; transition:.25s; }
.nd-nav a:hover{ border-color:var(--fam); background:var(--fam-faint); }
.nd-nav .lbl{ font-size:10px; letter-spacing:.14em; color:var(--dim); text-transform:uppercase; display:block; margin-bottom:3px; }
.nd-nav .nm{ font-size:14px; color:var(--gold-2); }
.nd-nav .next{ text-align:right; }
.nd-nav .mid{ flex:0 0 auto; display:grid; place-items:center; }
.nd-nav .mid a{ border:0; padding:15px; color:var(--gold); font-size:13px; }
@media(max-width:560px){ .nd-nav .mid{ display:none; } }