
:root{--bg:#0b0c0e;--fg:#f5f0e8;--muted:rgba(255,255,255,.68);--line:rgba(255,255,255,.14);--warm:#c6a171;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.site{min-height:100vh;background:radial-gradient(circle at 15% 10%,rgba(198,161,113,.12),transparent 28%),radial-gradient(circle at 85% 22%,rgba(125,46,40,.10),transparent 28%),linear-gradient(180deg,#111216,#090a0b 60%,#0c0d0f)}
.topbar{position:sticky;top:0;z-index:50;background:rgba(8,9,10,.78);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.inner{max-width:var(--max);margin:auto;padding:14px 22px;display:flex;justify-content:space-between;gap:18px;align-items:center}.brand{font-family:Georgia,serif;text-transform:uppercase;letter-spacing:.12em;font-size:.9rem}.nav{display:flex;gap:14px;flex-wrap:wrap;font-size:.86rem;color:var(--muted)}.nav a:hover{color:#fff}
.hero{max-width:var(--max);margin:auto;padding:86px 22px 44px;min-height:76vh;display:grid;align-content:center}.hero-mood{position:relative;max-width:none;padding:0;min-height:78vh;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--line)}.hero-mood .hero-bg{position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(7,8,9,.10) 0%,rgba(7,8,9,.18) 25%,rgba(7,8,9,.28) 52%,rgba(7,8,9,.55) 82%,rgba(7,8,9,.82) 100%),url("images/gefuehlschaos.png");background-size:cover;background-position:center 28%;filter:saturate(.92) brightness(.86)}.hero-mood:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.02) 42%,rgba(0,0,0,.12) 100%);z-index:1;pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:var(--max);margin:auto;padding:120px 22px 72px;width:100%;display:grid;align-content:center;min-height:78vh}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;color:var(--muted)}.hero h1{font-family:Georgia,serif;font-size:clamp(4rem,13vw,10rem);font-weight:400;line-height:.84;letter-spacing:-.05em;margin:.12em 0}.lead{max-width:880px;font-size:clamp(1.15rem,2vw,1.7rem);line-height:1.45;color:rgba(255,255,255,.87);margin-top:26px}
.manifest{max-width:var(--max);margin:auto;padding:25px 22px 86px}.manifest-box{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:38px 0;display:grid;grid-template-columns:1fr 2fr;gap:36px}.manifest-box h2{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.6rem);font-weight:400;line-height:1.05;margin:0}.manifest-box p{font-size:1.08rem;color:var(--muted);margin:0}
.rooms{max-width:var(--max);margin:auto;padding:0 22px 100px}.rooms-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.rooms h2,.section-title{font-family:Georgia,serif;font-weight:400;font-size:clamp(2.7rem,6vw,5.8rem);line-height:.96;margin:0}.rooms-head p{max-width:500px;color:var(--muted)}
.room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.room{height:clamp(560px,58vw,690px);position:relative;overflow:hidden;border:1px solid var(--line);background:#17181a;container-type:inline-size}
.visual{position:absolute;inset:0}.visual img{width:100%;height:100%;object-fit:cover;transform:scale(1.001)}
.room:nth-child(1) .visual img{object-position:76% center}
.room:nth-child(2) .visual img{object-position:48% center}
.room:nth-child(3) .visual img{object-position:44% center}
.visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03) 0%,rgba(0,0,0,.08) 34%,rgba(0,0,0,.40) 62%,rgba(0,0,0,.95) 100%)}
.stone .visual{background:#1b1c1c}.stone .visual:before{content:none}
.room-content{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:clamp(24px,7cqw,34px)}
.num{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.68)}
.room h3{font-family:Georgia,serif;font-size:clamp(2.15rem,10cqw,3.45rem);font-weight:400;line-height:.94;letter-spacing:-.025em;margin:9px 0 14px;overflow-wrap:anywhere;hyphens:auto}
.room h3 .subline{display:block;font-size:.58em;line-height:1.08;letter-spacing:.01em;margin-top:5px;color:rgba(255,255,255,.86)}
.room p{color:rgba(255,255,255,.82);font-size:clamp(.94rem,3.7cqw,1.08rem);line-height:1.52;margin:0 0 20px}
.button{display:inline-flex;padding:10px 14px;border:1px solid rgba(255,255,255,.35);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.button:hover{background:#fff;color:#111}
.question-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:80px 22px;margin-bottom:92px}.question-band .qinner{max-width:var(--max);margin:auto}.big-question{max-width:1070px;font-family:Georgia,serif;font-size:clamp(2.7rem,6vw,6rem);line-height:1.02;margin:0;font-weight:400}.big-question em{color:var(--warm);font-weight:400}.footer{max-width:var(--max);margin:auto;padding:34px 22px 48px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;color:rgba(255,255,255,.55);font-size:.82rem}
.page-hero{min-height:62vh;position:relative;overflow:hidden;display:flex;align-items:end;border-bottom:1px solid var(--line)}.page-hero .bg{position:absolute;inset:0}.page-hero .bg:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.88))}.page-hero .copy{position:relative;z-index:2;max-width:var(--max);width:100%;margin:auto;padding:70px 22px 52px}.page-hero h1{font-family:Georgia,serif;font-size:clamp(3.7rem,9vw,8rem);font-weight:400;line-height:.88;margin:8px 0 14px}.page-hero p{max-width:790px;font-size:1.23rem;color:rgba(255,255,255,.82)}.content-wrap{max-width:var(--max);margin:auto;padding:68px 22px 100px}.intro-grid{display:grid;grid-template-columns:1fr 2fr;gap:42px}.intro-grid h2{font-family:Georgia,serif;font-size:2.6rem;font-weight:400;margin:0}.intro-grid p{font-size:1.07rem;color:var(--muted);margin-top:0}.quote{margin:70px 0;padding:38px;border-left:2px solid var(--warm);font-family:Georgia,serif;font-size:clamp(1.8rem,4vw,3.3rem);line-height:1.16}.track-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.track{border:1px solid var(--line);background:rgba(255,255,255,.025);padding:22px}.track small{color:var(--muted);text-transform:uppercase;letter-spacing:.14em}.track h3{font-family:Georgia,serif;font-size:1.72rem;font-weight:400;margin:5px 0 10px}.track p{color:var(--muted)}.pending{border-style:dashed}

.featured-video{margin:34px 0 58px;border:1px solid var(--line);background:rgba(255,255,255,.025);padding:18px}
.featured-video .label{display:block;color:var(--muted);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px}
.video-frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.track{display:flex;flex-direction:column;gap:10px}
.track .video-frame{margin-top:8px}
.track .video-link{margin-top:auto;align-self:flex-start}
.track p{margin:0;color:var(--muted)}

@media(max-width:900px){.manifest-box,.intro-grid{grid-template-columns:1fr}.room-grid,.track-grid{grid-template-columns:1fr}.room{height:min(680px,112vw);min-height:520px}.rooms-head{display:block}.topbar .inner{align-items:flex-start}.nav{justify-content:flex-end}.hero{min-height:68vh;padding-top:62px}.hero-copy{min-height:68vh;padding-top:88px;padding-bottom:56px}.hero-mood{min-height:68vh}.room h3{font-size:clamp(2.35rem,11vw,4.5rem)}.room p{font-size:1rem}}
@media(min-width:1500px){:root{--max:1360px}.room{height:660px}.room h3{font-size:clamp(2.2rem,9cqw,3.6rem)}}


/* --- V03: Gedankenführung und Conclusio --- */
.nav .nav-deep{color:#e0c296}
.track-reflection{margin-top:4px;padding:18px 18px 16px;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.04))}
.track-reflection .thought-label{display:block;margin-bottom:6px;color:var(--warm);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}
.track-reflection p{margin:0 0 12px;color:rgba(255,255,255,.8);line-height:1.58}
.track-reflection .question{font-family:Georgia,serif;font-size:1.16rem;line-height:1.35;color:#fff;margin:0}
.track-reflection .bridge{font-size:.82rem;color:var(--muted);margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}
.after-series{margin:72px 0 0;border:1px solid rgba(198,161,113,.34);background:radial-gradient(circle at 85% 20%,rgba(198,161,113,.1),transparent 38%),rgba(255,255,255,.025);padding:clamp(28px,5vw,58px)}
.after-series .eyebrow{color:#d4b88e}
.after-series h2{font-family:Georgia,serif;font-size:clamp(2.7rem,6vw,5.6rem);font-weight:400;line-height:.96;margin:7px 0 18px}
.after-series p{max-width:860px;font-size:1.08rem;color:var(--muted)}
.after-series .button{margin-top:10px}
.orientation-hero{max-width:var(--max);margin:auto;padding:82px 22px 42px}
.orientation-hero h1{font-family:Georgia,serif;font-size:clamp(4rem,10vw,8.7rem);line-height:.87;font-weight:400;margin:.12em 0 .18em;letter-spacing:-.04em}
.orientation-hero .lead{margin-top:20px}
.orientation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:36px 0 72px}
.orientation-card{border:1px solid var(--line);padding:26px;background:rgba(255,255,255,.025)}
.orientation-card .kicker2{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--warm)}
.orientation-card h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(1.8rem,3.2vw,2.8rem);line-height:1.05;margin:6px 0 12px}
.orientation-card p{margin:0;color:var(--muted)}
.takeaway{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:54px 0;margin:64px 0}
.takeaway h2{font-family:Georgia,serif;font-size:clamp(2.4rem,5vw,4.7rem);font-weight:400;line-height:1;margin:0 0 30px}
.takeaway-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.takeaway-item{padding:20px 0;border-top:1px solid rgba(255,255,255,.1)}
.takeaway-item strong{display:block;font-family:Georgia,serif;font-size:1.55rem;font-weight:400;margin-bottom:6px}
.takeaway-item span{color:var(--muted)}
.mystic-gate{margin:70px 0;padding:clamp(34px,6vw,70px);background:linear-gradient(135deg,rgba(198,161,113,.10),rgba(255,255,255,.025));border:1px solid rgba(198,161,113,.30)}
.mystic-gate h2{font-family:Georgia,serif;font-size:clamp(2.8rem,6vw,5.5rem);font-weight:400;line-height:.98;margin:0 0 18px}
.mystic-gate p{font-size:1.12rem;max-width:900px;color:rgba(255,255,255,.78)}
.pathline{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 0}
.pathline span{padding:7px 10px;border:1px solid var(--line);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.future{max-width:var(--max);margin:auto;padding:0 22px 100px}
.future-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}
.future-card{border:1px solid var(--line);min-height:260px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}
.future-card small{color:var(--warm);letter-spacing:.15em;text-transform:uppercase}
.future-card h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(2rem,4vw,3.6rem);line-height:1;margin:8px 0 10px}
.future-card p{color:var(--muted);margin:0}
.divine-lines{display:grid;gap:0;margin:50px 0}
.divine-line{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding:28px 0;border-top:1px solid var(--line)}
.divine-line:last-child{border-bottom:1px solid var(--line)}
.divine-line h2{font-family:Georgia,serif;font-size:2rem;font-weight:400;margin:0}
.divine-line p{margin:0;color:var(--muted);font-size:1.04rem}
.note-open{font-size:.9rem;color:var(--muted);border-left:2px solid var(--warm);padding-left:16px;margin:36px 0}
@media(max-width:900px){.orientation-grid,.takeaway-list,.future-grid,.divine-line{grid-template-columns:1fr}.orientation-hero{padding-top:60px}.track-reflection .question{font-size:1.08rem}}


.bridge-card{margin:48px 0 10px;padding:28px;border:1px solid rgba(198,161,113,.28);background:linear-gradient(145deg,rgba(198,161,113,.08),rgba(255,255,255,.02))}
.bridge-card .eyebrow{color:#d4b88e}
.bridge-card h2{font-family:Georgia,serif;font-size:clamp(2rem,4.4vw,3.9rem);font-weight:400;line-height:1.02;margin:8px 0 12px}
.bridge-card p{max-width:860px;margin:0 0 10px;color:var(--muted)}
.manifesto-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0 0}
.manifesto-item{padding:18px 0;border-top:1px solid rgba(255,255,255,.1)}
.manifesto-item strong{display:block;font-family:Georgia,serif;font-size:1.35rem;font-weight:400;margin-bottom:6px}
.manifesto-item span{color:var(--muted)}
@media(max-width:900px){.manifesto-list{grid-template-columns:1fr}}

/* --- V07: gemeinsame Hauptnavigation + dunkler Vollfooter --- */
.topbar .inner{max-width:1440px}
.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.main-nav a{padding:8px 10px;border-radius:999px;color:rgba(255,255,255,.68);font-size:.82rem;line-height:1;white-space:nowrap;border:1px solid transparent}
.main-nav a:hover,.main-nav a:focus{color:#fff;border-color:rgba(255,255,255,.16);text-decoration:none}
.main-nav a[aria-current="page"]{color:#fff;border-color:rgba(198,161,113,.48);background:rgba(198,161,113,.10)}
.full-footer{border-top:1px solid var(--line);background:rgba(255,255,255,.025);padding:38px 22px 44px;color:rgba(255,255,255,.66);font-size:.86rem}
.full-footer .footer-inner{max-width:1240px;margin:0 auto;text-align:center;display:grid;gap:15px}
.full-footer .footer-links{display:flex;justify-content:center;gap:8px 12px;flex-wrap:wrap;align-items:center}
.full-footer a{color:rgba(255,255,255,.88);text-decoration:underline;text-underline-offset:3px}
.full-footer a:hover{color:#fff}
.full-footer .footer-sites{font-size:.95rem;line-height:1.8}
.full-footer .footer-note{max-width:980px;margin:8px auto 0;color:rgba(255,255,255,.55);font-size:.78rem;line-height:1.5}
@media(max-width:980px){
  .topbar .inner{display:block;padding:12px 16px}
  .brand{display:block;margin-bottom:10px}
  .main-nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}
  .main-nav a{flex:0 0 auto}
}
