:root{
  --night:#121310;--moss:#1b1d18;--line:#34372f;
  --parchment:#ece6d9;--ash:#aeac9f;--candle:#d4b787;--candle-hi:#ecd6ae;
  --paper:#e7e0d1;--ink:#1c1b17;--ink-2:#55524a;--rust:#74501d;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua","URW Palladio L",Georgia,serif;
  --sans:"Avenir Next","Segoe UI","Helvetica Neue",Arial,sans-serif;
  --wrap:1180px;--gut:clamp(20px,4vw,48px);
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--night);color:var(--parchment);font:400 1.125rem/1.65 var(--serif);
  font-kerning:normal;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:var(--candle);text-decoration-thickness:1px;text-underline-offset:.22em}
a:hover{color:var(--candle-hi)}
:focus-visible{outline:2px solid var(--candle);outline-offset:4px}
h1,h2,h3{font-weight:400;margin:0;text-wrap:balance}
p{margin:0 0 1em}
.vh{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--candle);color:var(--ink);padding:10px 16px;font:600 .95rem var(--sans);text-decoration:none}
.skip:focus{top:12px}

/* Kopfzeile */
.kopf{border-bottom:1px solid var(--line);background:rgba(18,19,16,.94)}
@media (min-width:900px){.kopf{position:sticky;top:0;z-index:50;backdrop-filter:blur(8px)}}
.kopf .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 32px;min-height:72px;padding-top:12px;padding-bottom:12px}
.marke{font:400 1.45rem/1 var(--serif);color:var(--parchment);text-decoration:none;letter-spacing:.01em}
.marke:hover{color:var(--candle)}
.nav{display:flex;flex-wrap:wrap;gap:6px 28px;margin:0;padding:0;list-style:none;font:500 .95rem/1.4 var(--sans)}
.nav a{color:var(--parchment);text-decoration:none;padding:6px 0;display:inline-block}
.nav a:hover{color:var(--candle)}
.nav .sprache a{color:var(--ash)}
.nav .sprache a:hover{color:var(--candle)}

/* Abschnitte */
.abschnitt{padding:clamp(72px,10vw,128px) 0}
.abschnitt+.abschnitt{border-top:1px solid var(--line)}
.kopfzeile{max-width:40rem;margin-bottom:clamp(36px,5vw,56px)}
.kopfzeile h2{font-size:clamp(2rem,4.2vw,3.1rem);line-height:1.08;letter-spacing:-.01em}
.kopfzeile p{margin:18px 0 0;color:var(--ash);font:400 1.02rem/1.6 var(--sans)}

/* Knöpfe */
.knopf{display:inline-block;padding:14px 26px;background:var(--candle);color:var(--ink);font:600 .98rem/1.3 var(--sans);text-decoration:none;border:0;cursor:pointer}
.knopf:hover{background:var(--candle-hi);color:var(--ink)}
.leise{font:500 .98rem/1.3 var(--sans);color:var(--candle)}

/* 01 Einstieg */
.einstieg{padding:clamp(56px,8vw,104px) 0 clamp(64px,8vw,112px)}
.einstieg .wrap{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:center}
.einstieg h1{font-size:clamp(3.4rem,9.2vw,7.6rem);line-height:.9;letter-spacing:-.035em;margin-left:-.04em}
.einstieg h1 span{display:block}
.einstieg h1 span+span{padding-left:.62em}
.genres{margin:28px 0 0;font:500 1.02rem/1.5 var(--sans);color:var(--ash)}
.leitsatz{margin:36px 0 40px;max-width:24ch;font-size:clamp(1.35rem,2.2vw,1.7rem);line-height:1.35;font-style:italic;color:var(--parchment)}
.aktionen{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}
.titelbild{margin:0;justify-self:center;text-align:left;max-width:340px;width:100%}
.titelbild>a{display:block;text-decoration:none}
.titelbild img{width:100%;box-shadow:0 30px 60px -20px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.04)}
.titelbild figcaption{margin-top:18px;font:500 .9rem/1.5 var(--sans);color:var(--ash)}
.titelbild figcaption a{color:var(--parchment);text-decoration:underline;text-decoration-color:rgba(212,183,135,.5)}
.titelbild figcaption a:hover{color:var(--candle)}

/* 02 Aktueller Roman: Licht unter der Tür */
.roman{background:var(--moss)}
.roman .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.15fr);gap:clamp(28px,5vw,72px);align-items:stretch}
.ruf{align-self:center;margin:0;font-size:clamp(2.3rem,5vw,4.2rem);line-height:1.04;letter-spacing:-.02em}
.ruf span{display:block}
.spalt{width:2px;align-self:stretch;background:linear-gradient(to bottom,transparent,var(--candle) 30%,var(--candle-hi) 50%,var(--candle) 70%,transparent);
  box-shadow:0 0 18px 2px rgba(212,183,135,.35);transform-origin:50% 50%}
@media (scripting:enabled) and (prefers-reduced-motion:no-preference){
  .spalt{transform:scaleY(.04);opacity:.4;transition:transform 1.6s cubic-bezier(.2,.7,.1,1),opacity 1.6s}
  .roman.offen .spalt{transform:none;opacity:1}
}
.roman h2{font-size:clamp(2rem,3.4vw,2.7rem);line-height:1.1}
.unterzeile{margin:8px 0 26px;font:500 1rem/1.5 var(--sans);color:var(--ash)}
.klappe{max-width:36rem}
.fakten{display:grid;grid-template-columns:auto 1fr;gap:6px 20px;margin:28px 0 34px;font:400 .95rem/1.5 var(--sans)}
.fakten dt{color:var(--ash)}
.fakten dd{margin:0}
.kauf{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;font:500 .98rem/1.3 var(--sans)}
.kauf .haendler{display:flex;flex-wrap:wrap;gap:6px 20px;margin:0;padding:0;list-style:none;color:var(--ash)}

/* 03 Bücher */
.regal{display:grid;grid-template-columns:2fr 3fr;gap:clamp(28px,4vw,56px)}
.gruppe h3{font:500 .95rem/1.4 var(--sans);color:var(--ash);padding-bottom:12px;margin-bottom:28px;border-bottom:1px solid var(--line)}
.gruppe h3 a{color:var(--parchment)}
.gruppe ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--spalten,2),minmax(0,1fr));gap:clamp(20px,3vw,40px);align-items:start}
.buch{position:relative}
.buch .rahmen{aspect-ratio:5/8;display:flex;align-items:flex-end}
.buch .rahmen picture{width:100%}
.buch .umschlag{width:100%;box-shadow:0 18px 36px -16px rgba(0,0,0,.8)}
.buch h4{margin:18px 0 4px;font:400 1.2rem/1.25 var(--serif)}
.buch h4 a{color:var(--parchment);text-decoration:none}
.buch h4 a::after{content:"";position:absolute;inset:0}
.buch:hover h4 a,.buch h4 a:focus-visible{color:var(--candle)}
.buch .meta{margin:0 0 8px;font:500 .85rem/1.4 var(--sans);color:var(--ash)}
.buch .satz{margin:0;font-size:.98rem;line-height:1.55;color:#d3cdbf}
.buch .zum{margin:12px 0 0;font:500 .9rem/1.4 var(--sans);color:var(--candle);text-decoration:underline;text-underline-offset:.22em;text-decoration-thickness:1px}
.buch:hover .zum{color:var(--candle-hi)}
.slowakisch{margin-top:clamp(56px,7vw,88px);padding-top:32px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 48px;align-items:center}
.slowakisch p{margin:0;max-width:40rem}
.slowakisch .klein{margin-top:10px;font:400 .95rem/1.5 var(--sans);color:var(--ash)}
.mini{display:flex;gap:10px;list-style:none;margin:0;padding:0}
.mini img{width:58px}

/* 04 Über mich: heller Abschnitt */
.papier{background:var(--paper);color:var(--ink);color-scheme:light}
.abschnitt.papier{border-top:0}
.papier+.abschnitt{border-top:0}
.papier a{color:var(--rust)}
.papier a:hover{color:var(--ink)}
.papier :focus-visible{outline-color:var(--rust)}
.ueber{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,6vw,96px);align-items:start}
.bildnis{margin:0;position:relative}
.bildnis img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 22%;outline:1px solid rgba(28,27,23,.25);outline-offset:10px}
.ueber h2{font-size:clamp(2rem,4.2vw,3.1rem);line-height:1.08;margin-bottom:28px}
.ueber .text{max-width:36rem}
.ueber .text>p:first-of-type{font-size:1.28rem;line-height:1.55}
.nebenbei{margin-top:40px;padding:22px 0 0;border-top:1px solid rgba(28,27,23,.2);font:400 1rem/1.6 var(--sans);color:var(--ink-2);max-width:36rem}
.nebenbei h3{font:600 1rem/1.4 var(--sans);color:var(--ink);margin-bottom:6px}
.nebenbei p{margin:0 0 10px}
.nebenbei .links{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0}

/* 05 Leserstimmen */
.stimmen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,56px);margin:0;padding:0;list-style:none}
.stimmen figure{margin:0}
.stimmen blockquote{margin:0 0 18px;font-size:1.2rem;line-height:1.5;font-style:italic}
.stimmen blockquote p{margin:0}
.stimmen blockquote p::before{content:"„"}
.stimmen blockquote p::after{content:"“"}
.stimmen li:first-child blockquote{font-size:clamp(1.5rem,2.4vw,1.9rem);line-height:1.3}
.stimmen figcaption{font:400 .9rem/1.55 var(--sans);color:var(--ash)}
.stimmen figcaption strong{display:block;font-weight:600;color:var(--parchment)}

/* 06 Schreibzimmer */
.beitraege{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);list-style:none;margin:0;padding:0}
.beitrag{position:relative}
.beitrag .bild{aspect-ratio:3/2;overflow:hidden;background:var(--moss)}
.beitrag .bild img{width:100%;height:100%;object-fit:cover}
.beitrag .bild.hoch img{object-fit:contain}
.beitrag time{display:block;margin:20px 0 6px;font:500 .85rem/1.4 var(--sans);color:var(--ash)}
.beitrag h3{font-size:1.45rem;line-height:1.25;margin-bottom:10px}
.beitrag h3 a{color:var(--parchment);text-decoration:none}
.beitrag h3 a::after{content:"";position:absolute;inset:0}
.beitrag:hover h3 a,.beitrag h3 a:focus-visible{color:var(--candle)}
.beitrag p{margin:0;color:#d3cdbf;font-size:1rem;line-height:1.6;max-width:34rem}
.alle{margin:44px 0 0;font:500 .98rem/1.3 var(--sans)}

/* 07 Kontakt und Newsletter */
.kontakt .zwei{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(40px,6vw,96px)}
.kontakt h3{font-size:1.6rem;line-height:1.2;margin-bottom:12px}
.kontakt .hinweis{color:var(--ash);font:400 1rem/1.6 var(--sans);margin-bottom:24px}
.formular{display:grid;gap:18px;font-family:var(--sans)}
.feld{display:grid;gap:6px}
.feld label{font:500 .9rem/1.4 var(--sans);color:var(--parchment)}
.feld input,.feld textarea{width:100%;padding:13px 14px;background:var(--night);border:1px solid #4a4d43;color:var(--parchment);font:400 1rem/1.4 var(--sans);border-radius:0}
.feld textarea{min-height:150px;resize:vertical}
.feld input:focus,.feld textarea:focus{border-color:var(--candle);outline:none;box-shadow:0 0 0 1px var(--candle)}
.zweispaltig{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.zustimmung{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;font:400 .88rem/1.5 var(--sans);color:var(--ash)}
.zustimmung input{margin:3px 0 0;width:18px;height:18px;accent-color:var(--candle)}
.falle{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.meldung{min-height:1.5em;margin:0;font:500 .95rem/1.5 var(--sans)}
.meldung.ok{color:#b9d3a0}
.meldung.fehler{color:#f0a58f}
.formular button[disabled]{opacity:.6;cursor:progress}
.direkt{margin:0 0 28px;font:400 1rem/1.6 var(--sans);color:var(--ash)}
.direkt a{font-weight:600}
.profile{margin-top:48px;padding-top:24px;border-top:1px solid var(--line);font:400 .95rem/1.6 var(--sans);color:var(--ash)}
.profile ul{display:flex;flex-wrap:wrap;gap:6px 22px;list-style:none;margin:6px 0 0;padding:0}

/* Fuß */
.fuss{border-top:1px solid var(--line);padding:32px 0 40px;font:400 .9rem/1.6 var(--sans);color:var(--ash)}
.fuss .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px}
.fuss ul{display:flex;flex-wrap:wrap;gap:6px 24px;list-style:none;margin:0;padding:0}
.fuss a{color:var(--ash)}
.fuss a:hover{color:var(--candle)}

/* SK: Ausgaben */
.ausgaben{list-style:none;margin:10px 0 0;padding:0;font:400 .85rem/1.6 var(--sans);color:var(--ash)}
.ausgaben .nr{font-variant-numeric:tabular-nums;color:#d3cdbf;white-space:nowrap}
.status{display:inline-block;margin-bottom:8px;font:600 .8rem/1.4 var(--sans);color:var(--candle)}
.sk-regal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,3vw,44px);list-style:none;margin:0;padding:0;align-items:start}
.sk-regal .original{margin-top:10px}
.sk-regal .buch h3{margin:18px 0 4px;font:400 1.2rem/1.25 var(--serif)}

@media (max-width:1000px){
  .roman .wrap{grid-template-columns:1fr;gap:32px}
  .spalt{width:auto;height:2px;background:linear-gradient(to right,transparent,var(--candle) 30%,var(--candle-hi) 50%,var(--candle) 70%,transparent)}
  .stimmen{grid-template-columns:1fr}
  .stimmen li:first-child blockquote{font-size:1.5rem}
  .sk-regal{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .einstieg .wrap{grid-template-columns:1fr}
  .titelbild{justify-self:start}
  .regal{grid-template-columns:1fr}
  .gruppe ul{grid-template-columns:1fr 1fr}
  .ueber{grid-template-columns:1fr}
  .bildnis{max-width:280px}
  .bildnis img{outline-offset:6px}
  .titelbild{max-width:230px}
  .beitraege{grid-template-columns:1fr}
  .kontakt .zwei{grid-template-columns:1fr}
  .slowakisch{grid-template-columns:1fr}
}
@media (max-width:520px){
  body{font-size:1.0625rem}
  .kopf .wrap{justify-content:flex-start}
  .nav{gap:2px 20px}
  .einstieg h1 span+span{padding-left:.3em}
  .zweispaltig{grid-template-columns:1fr}
  .mini img{width:48px}
}
@media (max-width:1000px) and (scripting:enabled) and (prefers-reduced-motion:no-preference){.roman:not(.offen) .spalt{transform:scaleX(.04)}}
@media print{.kopf,.kontakt,.spalt{display:none}body{background:#fff;color:#000}}
/* ============ Unterseiten ============ */
.nav a[aria-current="page"]{color:var(--candle)}
.pfad{border-bottom:1px solid var(--line)}
.pfad ol{display:flex;flex-wrap:wrap;gap:4px 0;margin:0;padding:14px 0;list-style:none;font:400 .88rem/1.5 var(--sans);color:var(--ash)}
.pfad li+li::before{content:"/";margin:0 10px;color:#5d5f55}
.pfad a{color:var(--ash);text-decoration:none}
.pfad a:hover{color:var(--candle)}
.pfad [aria-current]{color:var(--parchment)}

/* Fließtext */
.text{max-width:40rem}
.text>*:first-child{margin-top:0}
.text p,.text ul,.text ol{margin:0 0 1.15em}
.text h2{font-size:clamp(1.6rem,2.8vw,2.1rem);line-height:1.2;margin:2.2em 0 .7em}
.text h3{font-size:1.35rem;line-height:1.3;margin:1.8em 0 .5em}
.text h4{font:600 1rem/1.4 var(--sans);margin:1.4em 0 .4em}
.text ul,.text ol{padding-left:1.3em}
.text li{margin:.35em 0}
.text li::marker{color:var(--candle)}
.text strong{font-weight:600;color:#f6f1e7}
.text img{margin:0}
.text figure{margin:2em 0}
.zitat,.text blockquote{margin:2em 0;padding:0 0 0 24px;border-left:2px solid var(--candle);font-size:clamp(1.3rem,2.2vw,1.6rem);line-height:1.4;font-style:italic;color:var(--parchment)}
.zitat p{margin:0 0 .4em}
.zitat cite{display:block;margin-top:10px;font:400 .9rem/1.5 var(--sans);font-style:normal;color:var(--ash)}
.kasten{margin:2em 0;padding:24px 26px;background:var(--moss);border:1px solid var(--line)}
.kasten>*:last-child{margin-bottom:0}
.kasten h2,.kasten h3,.kasten h4{margin-top:0}
.raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:24px;margin:2em 0}
.karte{margin:0;padding:0}
.karte img{width:100%}
.karte h3,.karte h4{margin:14px 0 6px}
.unterzeile{font:400 1rem/1.55 var(--sans);color:var(--ash)}
.status{display:inline-block;font:600 .8rem/1.4 var(--sans);color:var(--candle)}
.bildtext,figcaption{margin-top:10px;font:400 .88rem/1.5 var(--sans);color:var(--ash)}
.nr{font-variant-numeric:tabular-nums}
.faq{margin-top:3em;padding-top:1em;border-top:1px solid var(--line)}
.text a{color:var(--candle)}
.text audio{width:100%;margin:8px 0}

/* Blogbeitrag */
.artikel-kopf{padding-top:clamp(40px,6vw,80px);padding-bottom:clamp(28px,4vw,44px)}
.artikel-kopf h1{max-width:22ch;font-size:clamp(2.3rem,5.4vw,4.2rem);line-height:1.05;letter-spacing:-.02em}
.artikel-kopf .unterzeile{max-width:40rem;margin:20px 0 0;font:400 1.2rem/1.5 var(--serif);font-style:italic;color:var(--parchment)}
.datum{margin:22px 0 0;font:500 .92rem/1.5 var(--sans);color:var(--ash)}
.sprachwahl{margin:8px 0 0;font:500 .92rem/1.5 var(--sans)}
.aufmacher{margin:0 auto clamp(40px,6vw,72px)}
.aufmacher img{width:100%}
.aufmacher.hoch img{width:auto;max-width:min(100%,380px);box-shadow:0 30px 60px -20px rgba(0,0,0,.85)}
.beitragsseite .text{margin:0 auto 0 0}
.artikel-fuss{margin-top:clamp(64px,8vw,104px);padding-bottom:clamp(64px,8vw,104px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px 64px;border-top:1px solid var(--line);padding-top:40px}
.artikel-fuss h2{font-size:1.5rem;margin-bottom:16px}
.weiter ul{list-style:none;margin:0 0 20px;padding:0}
.weiter li{padding:12px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.weiter li a{font-size:1.15rem;color:var(--parchment);text-decoration:none}
.weiter li a:hover{color:var(--candle)}
.weiter li span{font:400 .85rem/1.4 var(--sans);color:var(--ash)}
.weiter p{font:500 .95rem/1.4 var(--sans)}
.buchhinweis{display:grid;grid-template-columns:110px 1fr;gap:22px;align-items:center;align-self:start}
.buchhinweis img{width:110px;box-shadow:0 14px 30px -12px rgba(0,0,0,.8)}
.buchhinweis .klein{margin:0;font:400 .88rem/1.5 var(--sans);color:var(--ash)}
.buchhinweis .titel{margin:4px 0;font-size:1.3rem}
.buchhinweis .titel a{color:var(--parchment);text-decoration:none}
.buchhinweis .titel a:hover{color:var(--candle)}

/* Video im Beitrag */
.text figure.video{margin:2em 0}
.video video{display:block;width:100%;max-width:380px;height:auto;background:#000;box-shadow:0 30px 60px -20px rgba(0,0,0,.85)}

/* Blogübersicht */
.beitraege.drei{grid-template-columns:repeat(3,minmax(0,1fr))}
.blogliste .beitrag h2{font-size:1.35rem;line-height:1.25;margin-bottom:10px}
.blogliste .beitrag h2 a{color:var(--parchment);text-decoration:none}
.blogliste .beitrag h2 a::after{content:"";position:absolute;inset:0}
.blogliste .beitrag:hover h2 a,.blogliste .beitrag h2 a:focus-visible{color:var(--candle)}
.blogliste .kopfzeile h1{font-size:clamp(2.4rem,5vw,3.6rem);line-height:1.05;letter-spacing:-.02em}

/* Buchseiten (Markup aus build_books.py) */
.buchseite .book-hero{padding:clamp(40px,6vw,88px) 0 clamp(56px,7vw,96px)}
.book-hero-grid{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:start}
.series-hero{padding:clamp(40px,6vw,88px) 0 clamp(40px,5vw,64px)}
.buchseite h1{font-size:clamp(2.4rem,5.2vw,4.2rem);line-height:1.04;letter-spacing:-.02em}
.book-tagline{margin:20px 0 10px;font-size:clamp(1.2rem,2vw,1.45rem);line-height:1.4;font-style:italic;max-width:30ch}
.buchseite .unterzeile{margin:0 0 6px}
.cover-frame img{width:100%;box-shadow:0 30px 60px -20px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.04)}
.buchseite .kauf{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:8px}
.buchseite .kauf .leise{font:500 .98rem/1.3 var(--sans)}
.book-section{padding:clamp(56px,7vw,88px) 0;border-top:1px solid var(--line)}
.book-section h2{font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.1;margin-bottom:28px}
.prose{max-width:40rem}
.prose p{margin:0 0 1.1em}
.prose strong{font-weight:600;color:#f6f1e7}
.content-notes{max-width:40rem}
.content-notes ul{padding-left:1.3em}
.content-notes li::marker{color:var(--candle)}
.editions{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px 48px}
.edition h3{font:600 1rem/1.4 var(--sans);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.edition dl{display:grid;grid-template-columns:auto 1fr;gap:8px 20px;margin:0;font:400 .95rem/1.5 var(--sans)}
.edition dt{color:var(--ash)}
.edition dd{margin:0;font-variant-numeric:tabular-nums}
.reviews{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px}
.review .stars{font:400 .85rem/1.4 var(--sans);color:var(--ash);margin-bottom:10px}
.review blockquote{margin:0 0 12px;font-size:1.35rem;line-height:1.45;font-style:italic}
.review cite{font:400 .9rem/1.5 var(--sans);font-style:normal;color:var(--ash)}
.track{max-width:40rem}
.track audio{width:100%;margin:12px 0 4px}
.crosslinks{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px 40px}
.crosslink{position:relative;display:block;padding-top:16px;border-top:1px solid var(--line);color:var(--parchment);text-decoration:none}
.crosslink-kind{display:block;font:500 .85rem/1.4 var(--sans);color:var(--ash);margin-bottom:6px}
.crosslink strong{display:block;font-weight:400;font-size:1.25rem;line-height:1.3;margin-bottom:6px}
.crosslink p{margin:0;font-size:.98rem;line-height:1.55;color:#d3cdbf}
.crosslink:hover strong{color:var(--candle)}
.volume{display:grid;grid-template-columns:150px minmax(0,1fr);gap:32px;align-items:start;padding:28px 0;border-top:1px solid var(--line);max-width:48rem}
.volume img{width:150px;box-shadow:0 18px 36px -16px rgba(0,0,0,.8)}
.volume h3{font-size:1.5rem;line-height:1.25;margin:4px 0 10px}
.volume h3 a{color:var(--parchment);text-decoration:none}
.volume h3 a:hover{color:var(--candle)}
.volume-order{margin:0;font:500 .88rem/1.4 var(--sans);color:var(--ash)}
.volume .kauf{margin-top:14px}
@media (max-width:520px){.volume{grid-template-columns:96px minmax(0,1fr);gap:18px}.volume img{width:96px}}
.buchseite .fakten{margin:24px 0 28px}

/* Rechtliches */
.rechtliches h1{font-size:clamp(2.2rem,4.6vw,3.4rem);line-height:1.08;margin-bottom:36px}
.rechtliches .kasten{padding:18px 22px}

@media (max-width:860px){
  .book-hero-grid{grid-template-columns:1fr}
  .cover-frame{max-width:240px}
  .artikel-fuss{grid-template-columns:1fr}
  .beitraege.drei{grid-template-columns:1fr}
}
@media (min-width:861px) and (max-width:1100px){
  .beitraege.drei{grid-template-columns:1fr 1fr}
}