:root{color-scheme:dark;--ink:#0b0b0c;--surface:#111113;--text:#f3eee8;--muted:#b7afa6;--copper:#d58a4a;--line:rgba(213,138,74,.24);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font-size:1rem;line-height:1.6}a{color:inherit}.hero{position:relative;min-height:clamp(42rem,92svh,62rem);display:grid;align-items:center;overflow:hidden;background:#090909}.hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% center}.hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,6,.96) 0%,rgba(5,5,6,.82) 30%,rgba(5,5,6,.25) 65%,rgba(5,5,6,.45) 100%),linear-gradient(0deg,rgba(5,5,6,.9) 0%,transparent 38%)}.hero__content{position:relative;z-index:1;width:min(76rem,calc(100% - 3rem));margin:auto;padding:7rem 0 5rem}.eyebrow{margin:0 0 1rem;color:var(--copper);font-size:.8rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase}.hero h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.4rem,9vw,8rem);font-weight:400;letter-spacing:.04em;line-height:.9;text-shadow:0 2px 30px #000}.intro{margin:2rem 0 2.4rem;max-width:31rem;color:#ddd6cf;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.6}.intro strong{color:#fff;font-weight:600}.button{display:inline-flex;min-height:3.4rem;align-items:center;gap:.75rem;padding:.85rem 1.3rem;border-radius:999px;text-decoration:none;font-weight:700;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.button:hover{transform:translateY(-2px)}.button:focus-visible{outline:3px solid #fff;outline-offset:4px}.button--primary{background:var(--copper);color:#160e08;box-shadow:0 0 2rem rgba(213,138,74,.22)}.button--primary:hover{background:#e69a59}.path{position:relative;background:radial-gradient(circle at 50% 0,rgba(213,138,74,.08),transparent 28rem),var(--surface);border-top:1px solid var(--line)}.path__inner{width:min(76rem,calc(100% - 3rem));margin:auto;padding:clamp(5rem,9vw,8rem) 0}.path h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.9rem,4vw,3rem);font-weight:400}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(2rem,5vw,5rem);margin:clamp(3.5rem,6vw,5rem) 0}.steps article{position:relative;padding-top:1.4rem;border-top:1px solid var(--line)}.steps span{color:var(--copper);font-size:.78rem;letter-spacing:.15em}.steps h3{margin:.7rem 0 .5rem;font-family:Georgia,"Times New Roman",serif;font-size:1.55rem;font-weight:400}.steps p{margin:0;color:var(--muted);max-width:21rem}.button--quiet{border:1px solid rgba(213,138,74,.55);color:#eee6de}.button--quiet:hover{background:rgba(213,138,74,.1)}footer{display:flex;justify-content:space-between;gap:2rem;width:min(76rem,calc(100% - 3rem));margin:auto;padding:2rem 0;color:#918a83;font-size:.9rem;border-top:1px solid rgba(255,255,255,.08)}footer p{margin:0}footer nav{display:flex;gap:1.5rem}footer a{text-underline-offset:.25em}footer a:hover{color:var(--text)}
@media(max-width:700px){.hero{min-height:50rem;align-items:end}.hero__image{object-position:68% center}.hero__shade{background:linear-gradient(0deg,rgba(5,5,6,.99) 0%,rgba(5,5,6,.9) 42%,rgba(5,5,6,.15) 78%),linear-gradient(90deg,rgba(5,5,6,.35),transparent 60%)}.hero__content{width:min(100% - 2rem,38rem);padding:20rem 0 3.25rem}.hero h1{font-size:clamp(2.85rem,15vw,4.8rem)}.intro{margin:1.35rem 0 1.8rem;font-size:1.08rem}.button{width:100%;justify-content:center}.path__inner{width:min(100% - 2rem,38rem);padding:4.5rem 0}.steps{grid-template-columns:1fr;gap:2.4rem;margin:3rem 0}.steps p{max-width:none}footer{width:min(100% - 2rem,38rem);flex-direction:column;gap:.7rem;padding:1.5rem 0}footer nav{gap:1.25rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Rechtliche Seiten */
.legal-page{min-height:100vh;background:radial-gradient(circle at 50% 0,rgba(213,138,74,.08),transparent 28rem),var(--surface);border-top:1px solid var(--line)}
.legal-page__inner{width:min(52rem,calc(100% - 3rem));margin:auto;padding:clamp(4rem,8vw,7rem) 0}
.legal-page h1{margin:0 0 2.5rem;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.3rem,6vw,4rem);font-weight:400;line-height:1.1}
.legal-page h2{margin:2.5rem 0 .7rem;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:400}
.legal-page p{margin:.7rem 0;color:#d2cbc4}
.legal-page address{color:#d2cbc4;font-style:normal}
.legal-page a:not(.button){color:#f0c49e;text-underline-offset:.22em}
.legal-page code{font-size:.95em;color:#f0c49e}
.legal-page__date{margin-top:3rem!important;color:var(--muted)!important}
.legal-page__back{margin-top:2.5rem!important}
@media(max-width:700px){.legal-page__inner{width:min(100% - 2rem,38rem);padding:3.5rem 0}.legal-page h1{margin-bottom:2rem}}

/* Typografische Wortmarke ohne zusätzliche Schriftressource */
.hero h1{font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;font-size:clamp(3.25rem,8vw,7rem);font-weight:500;letter-spacing:.015em;line-height:.92;text-shadow:0 1px 12px rgba(0,0,0,.45);white-space:nowrap}
.path h2{font-size:clamp(1.75rem,3.6vw,2.6rem)}
@media(max-width:700px){.hero h1{font-size:clamp(2.75rem,13vw,4.2rem)}}

/* Hero-Motiv: ruhige Textfläche links, Morti und Hörbuch-Card rechts */
.hero__image{object-position:center}
.hero__shade{background:linear-gradient(90deg,rgba(5,5,6,.98) 0%,rgba(5,5,6,.94) 34%,rgba(5,5,6,.38) 62%,rgba(5,5,6,.18) 78%,rgba(5,5,6,.3) 100%),linear-gradient(0deg,rgba(5,5,6,.9) 0%,transparent 38%)}
@media(max-width:700px){.hero__image{object-position:100% center}.hero__shade{background:linear-gradient(0deg,rgba(5,5,6,.99) 0%,rgba(5,5,6,.92) 42%,rgba(5,5,6,.12) 78%),linear-gradient(90deg,rgba(5,5,6,.3),transparent 58%)}}

/* Mobile Hero: Morti sichtbar, Inhalt mit mehr Luft zum unteren Rand */
@media(max-width:700px){.hero__image{object-position:62% center}.hero__content{padding:20rem 0 6rem}.button--primary{background:rgba(10,10,11,.82);color:var(--text);border:1px solid rgba(213,138,74,.9);box-shadow:0 0 1.35rem rgba(213,138,74,.3),inset 0 0 1rem rgba(213,138,74,.05)}.button--primary:hover{background:rgba(213,138,74,.1)}}

/* Atmosphärische Lichtführung: warm, diffus und ohne Animation */
.hero__image{z-index:0}
.hero__shade{z-index:1}
.hero::after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:radial-gradient(ellipse 30% 48% at 79% 43%,rgba(222,125,48,.16) 0%,rgba(190,93,31,.08) 34%,transparent 72%),radial-gradient(ellipse 54% 22% at 69% 100%,rgba(213,112,40,.13) 0%,rgba(151,69,25,.06) 42%,transparent 76%)}
.hero__content{z-index:3}
.button--primary{background:linear-gradient(180deg,rgba(24,20,18,.94),rgba(9,9,10,.96));color:var(--text);border:1px solid rgba(224,142,72,.82);box-shadow:0 0 1.55rem rgba(213,120,51,.24),inset 0 0 1.2rem rgba(213,138,74,.045)}
.button--primary:hover{background:linear-gradient(180deg,rgba(35,27,22,.96),rgba(12,11,11,.98));box-shadow:0 0 2rem rgba(222,129,55,.36),0 0 .45rem rgba(241,163,92,.2),inset 0 0 1.2rem rgba(213,138,74,.07)}
.button--primary:focus-visible{outline-color:#f4c79e;box-shadow:0 0 2.1rem rgba(222,129,55,.4),inset 0 0 1.2rem rgba(213,138,74,.07)}
.path{isolation:isolate;border-top-color:rgba(213,138,74,.08);background:radial-gradient(ellipse 62% 16rem at 68% 0,rgba(204,100,34,.12) 0%,rgba(151,67,24,.055) 42%,transparent 76%),radial-gradient(circle at 50% 0,rgba(213,138,74,.055),transparent 30rem),var(--surface)}
.path::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:-7rem;height:14rem;pointer-events:none;background:radial-gradient(ellipse 54% 100% at 70% 58%,rgba(210,106,36,.095),rgba(136,60,22,.035) 42%,transparent 74%);filter:blur(10px)}
.steps article{border-top-color:rgba(213,138,74,.3);box-shadow:inset 0 1px rgba(232,147,76,.035)}

@media(max-width:700px){
  .hero__image{object-position:72% center}
  .hero::after{background:radial-gradient(ellipse 56% 38% at 79% 28%,rgba(220,120,46,.13) 0%,rgba(177,79,27,.055) 38%,transparent 74%),radial-gradient(ellipse 86% 18% at 66% 100%,rgba(210,105,36,.11),transparent 72%)}
  .hero__content{padding-bottom:6rem}
  .button--primary{background:linear-gradient(180deg,rgba(22,19,17,.95),rgba(8,8,9,.97));border-color:rgba(224,142,72,.82);box-shadow:0 0 1.45rem rgba(213,120,51,.26),inset 0 0 1rem rgba(213,138,74,.045)}
  .path{background:radial-gradient(ellipse 95% 12rem at 70% 0,rgba(204,100,34,.1),transparent 74%),var(--surface)}
}