/* VIA VIDAR – gemeinsame Gestaltung der vertiefenden Inhaltsseiten */
body{background:var(--paper)}
.topbar{position:sticky;top:0;z-index:50;border-bottom:1px solid transparent;background:color-mix(in oklab,var(--paper) 92%,transparent);backdrop-filter:blur(12px);transition:border-color .25s ease}
.topbar.scrolled{border-bottom-color:var(--line)}
.topbar .nav-inner{padding-block:.85rem}
.main-nav{display:flex;align-items:center;gap:1.25rem}
.main-nav a{font-size:.82rem;font-weight:550;color:var(--ink-soft);text-decoration:none}
.main-nav a:hover,.main-nav a[aria-current="page"]{color:var(--ink)}
.main-nav a[aria-current="page"]{border-bottom:1px solid var(--gold);padding-bottom:.12rem}
.nav-group{position:relative}
.nav-group summary{list-style:none;cursor:pointer;font-size:.82rem;font-weight:550;color:var(--ink-soft);padding:.25rem 0}
.nav-group summary::-webkit-details-marker{display:none}
.nav-group summary::after{content:"⌄";display:inline-block;margin-left:.3rem;color:var(--gold-deep);transition:transform .2s ease}
.nav-group[open] summary,.nav-group summary:hover{color:var(--ink)}
.nav-group[open] summary::after{transform:rotate(180deg)}
.nav-submenu{position:absolute;top:calc(100% + .75rem);left:-1rem;width:17rem;padding:.6rem 1rem;background:var(--paper);border:1px solid var(--line);box-shadow:0 12px 30px rgba(40,49,57,.04);display:grid;z-index:60}
.nav-submenu a{padding:.55rem 0;border-bottom:1px solid var(--line);font-size:.78rem}
.nav-submenu a:last-child{border-bottom:0}
.nav-contact{color:var(--ink)!important}
.nav-toggle{display:none;border:0;background:none;color:var(--ink);padding:.5rem;cursor:pointer}

.page-hero{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(5rem,10vw,9rem);border-bottom:1px solid var(--line)}
.page-hero::before{content:"";position:absolute;z-index:-1;width:clamp(30rem,52vw,50rem);aspect-ratio:1;right:-10%;top:50%;transform:translateY(-50%);background:url("../labyrinth-front-glow.png") center/contain no-repeat;opacity:.13;filter:saturate(.55);-webkit-mask-image:radial-gradient(circle,#000 25%,rgba(0,0,0,.75) 48%,transparent 73%);mask-image:radial-gradient(circle,#000 25%,rgba(0,0,0,.75) 48%,transparent 73%)}
.page-kicker{font-size:.72rem;font-weight:650;letter-spacing:.13em;text-transform:uppercase;color:var(--sage-deep);margin-bottom:1.2rem}
.page-hero h1{font-size:clamp(3rem,6vw,5.8rem);line-height:1;letter-spacing:-.04em;max-width:12ch}
.page-hero h1 em{color:var(--gold-deep)}
.page-intro{font-family:var(--serif);font-size:clamp(1.15rem,.8vw + .9rem,1.45rem);line-height:1.55;color:var(--ink-soft);max-width:38rem;margin-top:2rem}

.content-section{padding-block:var(--sp-7);border-bottom:1px solid var(--line)}
.content-grid{display:grid;grid-template-columns:minmax(12rem,.68fr) minmax(0,1.32fr);gap:clamp(2rem,7vw,7rem);align-items:start}
.section-label{position:sticky;top:7rem}
.section-label .s-kicker{margin-bottom:.7rem}
.section-label h2{font-size:var(--step-3)}
.section-label h2 em{color:var(--gold-deep)}
.flow>*+*{margin-top:1.25rem}
.prose{max-width:42rem;color:var(--ink-soft)}
.prose.lead{font-size:var(--step-1);line-height:1.62}
.pull{font-size:var(--step-2);font-style:italic;line-height:1.45;margin:3rem 0;max-width:31ch}
.pull footer{font-family:var(--sans);font-size:.76rem;font-style:normal;color:var(--ink-soft);margin-top:1rem}
.note{padding:1.5rem;border-left:2px solid var(--sage);background:color-mix(in oklab,var(--sage) 9%,var(--paper));margin-top:2.5rem}
.note details{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}
.note summary{cursor:pointer;font-weight:600;color:var(--ink)}
.note details div{color:var(--ink-soft);margin-top:.8rem}
.triad{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2.75rem}
.tri::before{content:attr(data-n);display:block;font-size:.7rem;color:var(--gold-deep);margin-bottom:.75rem}
.tri h3{font-size:1.2rem;margin-bottom:.45rem}.tri p{color:var(--ink-soft);font-size:.92rem}
.benefits{margin-top:2.75rem;border-top:1px solid var(--line);padding-top:1.5rem}.benefits h3{font-size:1.1rem;margin-bottom:1rem}.tags{display:flex;flex-wrap:wrap;gap:.55rem}.tag{font-size:.78rem;border:1px solid var(--line);padding:.35rem .7rem}

.offers{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.offer{display:flex;flex-direction:column;padding:2rem 0;text-decoration:none;color:inherit;border-bottom:1px solid var(--line)}
.offer:nth-child(odd){padding-right:2rem;border-right:1px solid var(--line)}
.offer:nth-child(even){padding-left:2rem}
.offer h3{font-size:1.4rem;margin-bottom:.7rem;transition:color .25s ease}
.offer p{color:var(--ink-soft);font-size:.94rem;line-height:1.62;flex:1}
.offer .meta{font-size:.76rem;color:var(--sage-deep);font-weight:600;margin-top:1rem}
.offer .go{font-size:.79rem;color:var(--gold-deep);font-weight:600;margin-top:1rem}
.offer:hover h3{color:var(--gold-deep)}
.offer-listening{grid-column:1/-1;min-height:20rem;padding:clamp(2rem,5vw,4rem)!important;border-right:0!important;justify-content:flex-end;position:relative;isolation:isolate;overflow:hidden;color:var(--paper);background:#283139}
.offer-listening::before{content:"";position:absolute;inset:0;z-index:-2;background:url("../buch.webp") center 60%/cover no-repeat;filter:saturate(.52) brightness(.68)}
.offer-listening::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(24,30,35,.66)}
.offer-listening .chapter{font:600 .7rem var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#ecd2b6;margin-bottom:.7rem}
.offer-listening h3{color:var(--paper);font-size:var(--step-2);max-width:18ch}
.offer-listening p{color:rgba(251,247,240,.82);max-width:44rem;flex:0}
.offer-listening .go{color:#ecd2b6}
.offer-listening:hover h3{color:#ecd2b6}
.connected{background:color-mix(in oklab,var(--surface) 55%,var(--paper))}.connected .prose a{display:inline-block;margin-top:1.3rem;font-size:.82rem;font-weight:600;color:var(--ink)}

.people{display:grid;gap:4rem}.person{display:grid;grid-template-columns:10rem 1fr;gap:2rem}.portrait{aspect-ratio:4/5;overflow:hidden}.portrait img{width:100%;height:100%;object-fit:cover}.person h3{font-size:1.55rem}.role{font-size:.76rem;color:var(--gold-deep);font-weight:600;margin:.35rem 0 1rem}.person p:last-child{color:var(--ink-soft)}
.training{font-family:var(--serif);font-style:italic;font-size:1.16rem;line-height:1.55;max-width:38rem;margin-top:3rem}

.contact-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:3rem}.contact-info dt{font-size:.72rem;color:var(--sage-deep);font-weight:650;margin-top:1.4rem}.contact-info dd{font-size:.92rem}.contact-info dd a{color:var(--ink)}.privacy{font-size:.76rem;color:var(--ink-soft);margin-top:2rem}
form{border-top:1px solid var(--ink);padding-top:1.5rem}.field{margin-bottom:1.2rem}.row2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}label,legend{display:block;font-size:.76rem;font-weight:600;margin-bottom:.35rem}input,textarea{width:100%;font:inherit;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:.65rem 0}input:focus,textarea:focus{outline:0;border-bottom-color:var(--gold-deep)}textarea{min-height:6rem;resize:vertical}.choices{display:flex;flex-wrap:wrap;gap:.5rem}.choice input{position:absolute;opacity:0;width:1px}.choice span{display:inline-block;border:1px solid var(--line);padding:.38rem .7rem;font-size:.74rem}.choice input:checked+span{border-color:var(--gold-deep);color:var(--gold-deep)}.consent{display:flex;gap:.6rem;align-items:flex-start;color:var(--ink-soft);font-weight:400;line-height:1.45;margin:1.25rem 0}.consent input{width:1rem;flex:none;margin-top:.2rem}.form-note{font-size:.7rem;color:var(--ink-soft);margin-top:.85rem}.req{color:var(--rose-deep)}
.text-button{display:inline-flex;align-items:center;gap:.5rem;background:var(--ink);color:var(--paper);border:0;border-radius:4px;padding:.75rem 1rem;font:600 .82rem var(--sans);cursor:pointer}

.page-next{padding-block:clamp(4rem,8vw,7rem);background:var(--ink);color:var(--paper)}
.page-next h2{color:var(--paper);font-size:var(--step-3);max-width:14ch;margin-bottom:2rem}
.next-links{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.18)}
.next-links a{color:var(--paper);text-decoration:none;padding:1.2rem 1rem 1.2rem 0;border-bottom:1px solid rgba(255,255,255,.18);font-family:var(--serif);font-size:1.08rem}
.next-links a:hover{color:#ecd2b6}
.site-footer{background:var(--ink);color:rgba(255,255,255,.55);padding:1.25rem 0;border-top:1px solid rgba(255,255,255,.15);font-size:.72rem}.site-footer .wrap{display:flex;justify-content:space-between;gap:1rem}.site-footer div{display:flex;gap:1.2rem}.site-footer a{color:inherit;text-decoration:none}
.js .reveal{opacity:0;transform:translateY(12px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.js .reveal.in{opacity:1;transform:none}

@media(max-width:1020px){.main-nav{gap:.8rem}.main-nav a{font-size:.76rem}}
@media(max-width:900px){.content-grid{grid-template-columns:1fr;gap:2.5rem}.section-label{position:static;max-width:34rem}.main-nav{position:fixed;inset:4.8rem 0 auto;background:var(--paper);border-bottom:1px solid var(--line);padding:1.5rem;display:none;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.nav-toggle{display:block}.nav-group{width:100%}.nav-group summary{font-size:1rem}.nav-submenu{position:static;width:100%;margin-top:.5rem;border:0;border-left:1px solid var(--line);box-shadow:none;padding:.25rem 0 .25rem 1rem}.nav-submenu a{font-size:.86rem}}
@media(max-width:640px){.page-hero{padding-block:4.5rem}.page-hero h1{font-size:clamp(2.8rem,14vw,4.2rem)}.page-hero::before{right:-45%;opacity:.12}.triad,.offers,.next-links{grid-template-columns:1fr}.offer:nth-child(odd),.offer:nth-child(even){padding:1.5rem 0;border-right:0}.person{grid-template-columns:7rem 1fr;gap:1.2rem}.contact-grid,.row2{grid-template-columns:1fr}.site-footer .wrap{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}}