@font-face{font-family:'PW Display';src:url('fonts/pw-display.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'PW Text';src:url('fonts/pw-text-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'PW Text';src:url('fonts/pw-text-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'PW Text';src:url('fonts/pw-text-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
[id]{scroll-margin-top:86px}
body{margin:0;background:#141414;color:#EFEBE5;
  font:400 17px/1.65 'PW Text',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.wrap{width:min(1180px,92vw);margin-inline:auto}
.disp{font-family:'PW Display',Impact,Haettenschweiler,'Arial Narrow',sans-serif;
  font-weight:400;letter-spacing:.005em;line-height:1.08;text-transform:uppercase}
.kicker{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#E87722;font-weight:700}
.kicker.lila{color:#B98FD8}
.kicker.gold{color:#C9A227}
.muted{color:#9E9890}

.prototyp{background:#E87722;color:#141414;padding:9px 20px;font-size:12.5px;text-align:center;line-height:1.5}
.prototyp span{display:inline}
@media(max-width:700px){.prototyp span{display:none}}
.prototyp strong{display:inline-block;margin-right:10px;text-transform:uppercase;letter-spacing:.06em}

/* ---------- Kopf ---------- */
header{position:sticky;top:0;z-index:60;background:rgba(20,20,20,.93);
  backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid #2A2A2A}
.bar{display:flex;align-items:center;gap:28px;height:64px}
.logo{display:flex;flex-direction:column;line-height:1;text-decoration:none;color:inherit}
.logo b{font-family:'PW Display',Impact,sans-serif;font-size:26px;letter-spacing:.02em}
.logo span{font-size:8.5px;letter-spacing:.18em;color:#9E9890;margin-top:3px;white-space:nowrap}
@media(max-width:520px){.logo span{display:none}}
nav{display:flex;gap:24px;margin-left:auto;font-size:14.5px}
nav a{text-decoration:none;color:#C9C4BC;padding:6px 0;border-bottom:2px solid transparent}
nav a:hover{color:#fff;border-color:#E87722}
.bar .btn{margin-left:24px}
@media(max-width:980px){nav{display:none}.bar .btn{margin-left:auto}}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 20px;border-radius:2px;font-size:15px;font-weight:650;text-decoration:none;
  border:1.5px solid transparent;cursor:pointer;transition:.16s;white-space:nowrap}
.btn-primary{background:#E87722;color:#141414;border-color:#E87722}
.btn-primary:hover{background:#F58C3C;border-color:#F58C3C;transform:translateY(-1px)}
.btn-ghost{border-color:#4A4540;color:#EFEBE5;background:transparent}
.btn-ghost:hover{border-color:#EFEBE5;background:#1E1E1E}
.btn-lg{padding:16px 26px;font-size:16.5px}
.buyrow{display:flex;gap:10px;flex-wrap:wrap}
.buyrow .btn{flex:1 1 auto;min-width:150px}

/* ---------- Hero ---------- */
.hero{border-top:6px solid #E87722;padding:64px 0 58px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:#2A2A2A}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}
h1{margin:14px 0 0;font-size:clamp(38px,4.5vw,60px);max-width:17ch;line-height:1.04}
h1 em{font-style:normal;color:#E87722}
.lead{font-size:19px;color:#C9C4BC;max-width:37em;margin:20px 0 28px}
.trust{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px;font-size:13.5px;color:#9E9890}
.trust span{border:1px solid #2E2E2E;padding:6px 12px;border-radius:2px}

/* Cover-Fächer mit Fokustitel in der Mitte */
.fan{position:relative;height:400px}
.fan figure{position:absolute;top:0;margin:0;width:46%;
  transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s}
.fan img{border-radius:2px;box-shadow:0 30px 60px rgba(0,0,0,.65);width:100%}
.fan .f1{left:0;z-index:1;filter:brightness(.62) saturate(.9);
  transform:rotate(-8deg) translateY(30px);animation:schweben1 9s ease-in-out infinite}
.fan .f3{left:54%;z-index:2;filter:brightness(.62) saturate(.9);
  transform:rotate(8deg) translateY(30px);animation:schweben3 9s ease-in-out infinite}
.fan .f2{left:26%;z-index:3;width:50%;animation:schweben2 7s ease-in-out infinite}
.fan:hover .f1{transform:rotate(-13deg) translateY(6px);filter:brightness(.82)}
.fan:hover .f3{transform:rotate(13deg) translateY(6px);filter:brightness(.82)}
@keyframes schweben1{0%,100%{transform:rotate(-8deg) translateY(30px)}50%{transform:rotate(-8deg) translateY(20px)}}
@keyframes schweben3{0%,100%{transform:rotate(8deg) translateY(30px)}50%{transform:rotate(8deg) translateY(20px)}}
@keyframes schweben2{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@media(prefers-reduced-motion:reduce){.fan figure{animation:none!important}}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:34px}
  .fan{height:270px}.fan figure{width:38%}.fan .f2{width:42%;left:29%}
  .fan .f1{left:2%}.fan .f3{left:60%}}

/* ---------- Zahlenband ---------- */
.zahlen{background:#1B1B1B;border-block:1px solid #2A2A2A}
.zahlen .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:32px 0}
.zahl b{display:block;font-family:'PW Display',Impact,sans-serif;font-size:36px;color:#E87722;line-height:1.05}
.zahl span{display:block;font-size:13.5px;color:#9E9890;margin-top:8px}
@media(max-width:760px){.zahlen .wrap{grid-template-columns:repeat(2,1fr)}}

section{padding:76px 0}
.sec-head{max-width:44em;margin-bottom:42px}
.sec-head h2{font-size:clamp(30px,3.5vw,44px);margin:12px 0 14px}
.sec-head p{color:#9E9890;margin:0;font-size:17.5px}

/* ---------- Fokus-Block ---------- */
.fokus{background:#1B1B1B;border-block:1px solid #2A2A2A}
.fokus .wrap{display:grid;grid-template-columns:300px 1fr;gap:52px;align-items:center}
.fokus .cov{position:relative}
.fokus .cov img{box-shadow:0 40px 80px rgba(0,0,0,.66);border-radius:2px;aspect-ratio:5/8;
  outline:1px solid rgba(255,255,255,.09);outline-offset:-1px}
.fokus h2{font-size:clamp(30px,3.6vw,46px);margin:12px 0 10px}
.fokus .unter{font-size:18px;color:#C9C4BC;margin:0 0 24px;max-width:40em}
.fokus ul{list-style:none;padding:0;margin:0 0 26px;font-size:16.5px}
.fokus li{padding-left:26px;position:relative;margin-bottom:11px;color:#DCD7CF}
.fokus li::before{content:"✓";position:absolute;left:0;color:#B98FD8;font-weight:700}
.fokus .meta{font-size:14px;color:#807B74;margin:20px 0 0}
@media(max-width:900px){.fokus .wrap{grid-template-columns:1fr;gap:28px}
  .fokus .cov img{max-width:230px;margin-inline:auto}}

/* ---------- Leseprobe (aus Entwurf C, dunkel) ---------- */
.bandwahl{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;
  clip-path:inset(50%);overflow:hidden}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}
.tab{border:1.5px solid #35322E;background:#1B1B1B;padding:9px 15px;border-radius:100px;
  font-size:14px;cursor:pointer;transition:.15s;color:#C9C4BC;font-weight:550;
  font-family:inherit;display:inline-block;user-select:none}
.tab:hover{border-color:#6A645C;color:#fff}
.bandwahl:focus-visible + .tabs .tab{outline:2px solid #E87722;outline-offset:2px}
.panel,.tocpanel{display:none}
.seite{background:#191919;border:1px solid #2E2E2E;border-radius:4px;overflow:hidden;
  box-shadow:0 30px 70px rgba(0,0,0,.45)}
.seite-kopf{display:flex;gap:24px;align-items:center;padding:24px 32px;border-bottom:1px solid #2A2A2A;
  background:linear-gradient(#1E1E1E,#191919)}
.seite-kopf img{width:82px;border-radius:2px;box-shadow:0 12px 26px rgba(0,0,0,.6);flex:none;
  outline:1px solid rgba(255,255,255,.10);outline-offset:-1px}
.seite-kopf h3{margin:6px 0 4px;font-size:clamp(22px,2.5vw,30px)}
.seite-kopf p{margin:0;font-size:14.5px;color:#9E9890}
.seite-body{padding:36px 44px 30px;font-family:Georgia,"Iowan Old Style","Times New Roman",serif;
  font-size:18.5px;line-height:1.8;color:#DED9D1}
.seite-body p{margin:0 0 20px}
.seite-body p:first-of-type::first-letter{font-size:56px;float:left;line-height:.86;
  padding:6px 12px 0 0;color:#E87722;font-weight:700}
.mehrtext{margin-top:-4px}
.mehrtext > summary{list-style:none;cursor:pointer;display:block;text-align:center;
  color:#E87722;font-size:15.5px;font-weight:650;padding:14px 16px 4px;
  font-family:'PW Text',system-ui,sans-serif;position:relative;margin-top:-40px;
  background:linear-gradient(rgba(25,25,25,0),#191919 55%)}
.mehrtext > summary::-webkit-details-marker{display:none}
.mehrtext > summary::after{content:" ↓"}
.mehrtext[open] > summary{background:none;margin-top:8px}
.mehrtext[open] > summary::after{content:" ↑"}
.mehrtext[open] > summary .auf{display:none}
.mehrtext > summary .zu{display:none}
.mehrtext[open] > summary .zu{display:inline}
.mehrtext[open] > summary .auf{display:none}
.seite-fuss{border-top:1px solid #2A2A2A;padding:24px 32px;display:flex;gap:22px;align-items:center;
  flex-wrap:wrap;background:#1E1E1E}
.seite-fuss .info{flex:1;min-width:230px;font-size:14px;color:#9E9890}
@media(max-width:760px){.seite-body{padding:26px 22px}.seite-kopf{padding:20px}
  .seite-kopf img{width:62px}.seite-fuss{padding:20px}}

/* ---------- Inhaltsverzeichnis ---------- */
.toc{columns:2;column-gap:44px;list-style:none;padding:0;margin:0;counter-reset:k}
.toc li{break-inside:avoid;counter-increment:k;padding:11px 0 11px 46px;position:relative;
  border-bottom:1px solid #262626;font-size:16px;color:#D6D1C9}
.toc li::before{content:counter(k,decimal-leading-zero);position:absolute;left:0;top:10px;
  font-family:'PW Display',Impact,sans-serif;color:#4A4540;font-size:18px}
@media(max-width:760px){.toc{columns:1}}
.nutzen{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:10px}
.nutzen div{background:#1B1B1B;border:1px solid #2A2A2A;padding:24px;border-radius:3px}
.nutzen b{display:block;font-family:'PW Display',Impact,sans-serif;font-size:26px;color:#E87722;margin-bottom:10px}
.nutzen p{margin:0;color:#C9C4BC;font-size:15.5px}
@media(max-width:840px){.nutzen{grid-template-columns:1fr}}

/* ---------- Buchkarten ---------- */
.books{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:26px}
.card{background:#1B1B1B;border:1px solid #2A2A2A;border-radius:3px;padding:26px;
  display:flex;flex-direction:column;transition:.2s;position:relative}
.card:hover{border-color:#3A3733;transform:translateY(-3px);box-shadow:0 22px 44px rgba(0,0,0,.45)}
.card .top{display:flex;gap:20px}
.card .top img{width:112px;flex:none;border-radius:2px;box-shadow:0 10px 26px rgba(0,0,0,.55);
  outline:1px solid rgba(255,255,255,.10);outline-offset:-1px}
.card h3{font-size:22px;margin:0 0 6px;line-height:1.1}
.card h3 a{text-decoration:none}
.card h3 a:hover{color:#E87722}
.card .covlink{display:block}
.card .branche{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#E87722;font-weight:700}
.card.spez .branche{color:#B98FD8}
.card .unter{font-size:14.5px;color:#A5A09A;margin:10px 0 0;line-height:1.5}
.card ul{list-style:none;padding:0;margin:20px 0 0;font-size:15px}
.card li{padding-left:20px;position:relative;margin-bottom:9px;color:#D6D1C9}
.card li::before{content:"";position:absolute;left:0;top:10px;width:9px;height:1.5px;background:#E87722}
.card.spez li::before{background:#B98FD8}
.card .meta{margin:20px 0 16px;font-size:13.5px;color:#807B74;border-top:1px solid #2A2A2A;padding-top:14px}
.card .aktionen{margin-top:auto;display:flex;flex-direction:column;gap:10px}
.card .lesen{font-size:14px;color:#9E9890;text-decoration:none;border-bottom:1px dotted #4A4540;
  align-self:flex-start;padding-bottom:2px}
.card .lesen:hover{color:#E87722;border-color:#E87722}
.flag{position:absolute;top:-1px;right:-1px;background:#B98FD8;color:#141414;
  font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px}
.card.gold .branche{color:#C9A227}
.card.gold li::before{background:#C9A227}

/* ---------- Noch nicht erschienen: Preise ohne Kaufbutton ---------- */
.anstehend{border:1px solid #3A3428;background:#1E1B14;border-radius:3px;padding:18px 20px}
.anstehend .wann{font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  color:#C9A227;font-weight:700}
.anstehend .ausgaben{display:flex;gap:22px;flex-wrap:wrap;margin:12px 0 10px}
.anstehend .ausgaben span{font-size:14.5px;color:#A5A09A}
.anstehend .ausgaben b{font-family:'PW Display',Impact,sans-serif;font-size:22px;
  color:#EFEBE5;display:block;line-height:1.1}
.anstehend .fuss{font-size:13px;color:#807B74;line-height:1.5;margin:10px 0 0}
.anstehend .ausgaben + .fuss{margin-top:0}

/* ---------- Führungstitel: die goldene Familie ---------- */
.fuehrungsband{background:#191713;border-block:1px solid #332C1E}
.fuehrungsband .wrap{display:grid;grid-template-columns:280px 1fr;gap:52px;align-items:center;
  padding:70px 0}
.fuehrungsband img{box-shadow:0 40px 80px rgba(0,0,0,.7);border-radius:2px;aspect-ratio:5/8;
  outline:1px solid rgba(255,255,255,.12);outline-offset:-1px}
.fuehrungsband h2{font-size:clamp(28px,3.4vw,44px);margin:12px 0 10px}
.fuehrungsband .unter{font-size:17.5px;color:#C9C4BC;margin:0 0 22px;max-width:42em}
.fuehrungsband ul{list-style:none;padding:0;margin:0 0 24px;font-size:16.5px}
.fuehrungsband li{padding-left:26px;position:relative;margin-bottom:10px;color:#DCD7CF}
.fuehrungsband li::before{content:"✓";position:absolute;left:0;color:#C9A227;font-weight:700}
.fuehrungsband .zitat{font-size:18.5px;color:#F1EDE7;border-left:3px solid #C9A227;
  padding-left:20px;margin:0 0 24px;max-width:40em}
@media(max-width:900px){.fuehrungsband .wrap{grid-template-columns:1fr;gap:28px;padding:52px 0}
  .fuehrungsband img{max-width:210px}}

/* ---------- Vorschau ---------- */
.vorschau{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.vorschau .v{border:1px dashed #383431;border-radius:3px;padding:20px;display:flex;gap:18px;
  align-items:flex-start;background:#1A1A1A}
.vorschau img{width:74px;flex:none;border-radius:2px;opacity:.85;
  box-shadow:0 10px 24px rgba(0,0,0,.5);outline:1px solid rgba(255,255,255,.13);outline-offset:-1px}
.vorschau h4{margin:0 0 6px;font-size:17px;line-height:1.15}
.vorschau p{margin:0;font-size:13.5px;color:#8A857E;line-height:1.5}
.vorschau .jahr{display:inline-block;margin-top:10px;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;font-weight:700;color:#141414;background:#7A736A;padding:3px 9px;
  border-radius:2px}
@media(max-width:840px){.vorschau{grid-template-columns:1fr}}

/* ---------- Autor / FAQ / Rest ---------- */
.autor .wrap{display:grid;grid-template-columns:300px 1fr;gap:54px;align-items:start}
.autor .foto{border-radius:3px;filter:grayscale(.25) contrast(1.05);aspect-ratio:1/1;object-fit:cover}
.autor p{color:#C9C4BC}
@media(max-width:820px){.autor .wrap{grid-template-columns:1fr;gap:28px}.autor .foto{max-width:230px}}
details{border-bottom:1px solid #2A2A2A}
summary{cursor:pointer;list-style:none;padding:22px 44px 22px 0;font-size:18px;font-weight:600;position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:6px;top:18px;font-size:26px;color:#E87722;font-weight:400}
details[open] summary::after{content:"–"}
details p{margin:0 0 24px;color:#A5A09A;max-width:62em}
.soon{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.soon .s{border:1px dashed #333;padding:20px;border-radius:3px;display:flex;gap:16px;align-items:flex-start}
.soon img{width:70px;opacity:.45;filter:grayscale(1)}
.soon h4{margin:0 0 6px;font-size:16.5px}
.soon p{margin:0;font-size:13.5px;color:#807B74;line-height:1.45}
@media(max-width:840px){.soon{grid-template-columns:1fr}}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.tags span{font-size:13px;color:#807B74;border:1px solid #2A2A2A;padding:5px 11px;border-radius:2px}
.newsletter{background:#1B1B1B;border:1px solid #2A2A2A;padding:28px;border-radius:3px;
  display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:22px}
.newsletter form{display:flex;gap:10px;flex:1;min-width:290px}
.newsletter input{flex:1;background:#141414;border:1px solid #3A3733;color:#EFEBE5;
  padding:12px 14px;border-radius:2px;font-size:15px;font-family:inherit}
/* Rechtsseiten: im Einseiter als eigene Ansicht, nur über die Fußzeile erreichbar */
.rechtsseite{display:none}
.rechtsseite:target{display:block}
main:has(~ .rechtsseite:target){display:none}
.rechtsseite .wrap{max-width:840px;padding:56px 0 40px}
.rechtsseite h3{font-size:clamp(32px,4vw,46px);color:#EFEBE5;margin:0 0 26px}
.rechtsseite h4{font-size:18px;color:#EFEBE5;margin:30px 0 8px;font-weight:650}
.rechtsseite p{margin:0 0 12px;color:#B4AEA6;font-size:16.5px;line-height:1.68}
.rechtsseite a{color:#C9C4BC}
.rechtsseite a:hover{color:#E87722}
.rechtsseite .zurueck{display:inline-block;margin-top:40px;color:#E87722;text-decoration:none;font-weight:650}
.recht{background:#111;border-top:1px solid #2A2A2A;color:#9A948C;font-size:14.5px;line-height:1.62}
.recht .wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px 56px;padding:64px 0 56px;align-items:start}
.recht .breit{grid-column:1/-1}
.recht h3{font-size:26px;color:#EFEBE5;margin:0 0 18px}
.recht h4{font-size:15px;color:#D6D1C9;margin:22px 0 6px;font-weight:650}
.recht p{margin:0 0 10px}
.recht a{color:#C9C4BC}
.recht a:hover{color:#E87722}
.recht .spalten{columns:2;column-gap:56px}
.recht .spalten h4:first-child{margin-top:0}
.recht .spalten p{break-inside:avoid}
.recht .spalten h4{break-after:avoid;break-inside:avoid}
@media(max-width:900px){.recht .wrap{grid-template-columns:1fr;gap:36px}.recht .spalten{columns:1}}
footer{border-top:1px solid #2A2A2A;padding:50px 0 40px;font-size:14px;color:#807B74}
footer a{color:#C9C4BC;text-decoration:none;margin-right:22px}
footer a:hover{color:#E87722}
.mobilebar{position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;gap:10px;padding:10px 14px;
  background:rgba(20,20,20,.96);border-top:1px solid #2A2A2A;backdrop-filter:blur(10px)}
.mobilebar .btn{flex:1;padding:12px 8px;font-size:14px}
@media(max-width:760px){.mobilebar{display:flex}body{padding-bottom:74px}section{padding:56px 0}}


.inhalt{padding:64px 0 80px}
.inhalt .wrap{max-width:820px}
.inhalt h1{font-size:clamp(34px,4.4vw,52px);margin:10px 0 30px;max-width:none}
.inhalt h2{font-size:19px;color:#EFEBE5;margin:34px 0 8px}
.inhalt p{color:#B4AEA6;margin:0 0 12px;font-size:16.5px;line-height:1.68}
.inhalt a{color:#C9C4BC}
.inhalt a:hover{color:#E87722}
.inhalt .adresse{color:#EFEBE5}
.zurueck{display:inline-block;margin-top:44px;color:#E87722;text-decoration:none;font-weight:650}
.zurueck:hover{text-decoration:underline}


/* ---------------- Detailseite ---------------- */
.krumen{font-size:13.5px;color:#807B74;padding:22px 0 0}
.krumen a{color:#9E9890;text-decoration:none}
.krumen a:hover{color:#E87722}
.krumen span{margin:0 8px;color:#4A4540}

.buchkopf{padding:34px 0 66px;border-bottom:1px solid #2A2A2A}
.buchkopf .wrap{display:grid;grid-template-columns:320px 1fr;gap:56px;align-items:start}
.buchkopf .cov{position:sticky;top:88px}
.buchkopf .cov img{box-shadow:0 40px 80px rgba(0,0,0,.66);border-radius:2px;width:100%;aspect-ratio:5/8;
  outline:1px solid rgba(255,255,255,.10);outline-offset:-1px}
.buchkopf h1{font-size:clamp(34px,4.4vw,56px);margin:12px 0 12px;max-width:16ch;line-height:1.05}
.buchkopf .unter{font-size:19px;color:#C9C4BC;margin:0 0 22px;max-width:38em}
.buchkopf .intro{font-size:17.5px;color:#B4AEA6;margin:0 0 28px;max-width:40em}
.preiszeile{display:flex;gap:26px;flex-wrap:wrap;align-items:baseline;margin:0 0 20px;
  padding:18px 0;border-block:1px solid #2A2A2A}
.preiszeile b{font-family:'PW Display',Impact,sans-serif;font-size:26px;color:#EFEBE5;line-height:1}
.preiszeile em{font-style:normal;font-size:13.5px;color:#807B74;display:block;margin-top:5px}
.buchkopf .weiter{display:inline-block;margin-top:18px;font-size:14.5px;color:#9E9890;
  text-decoration:none;border-bottom:1px dotted #4A4540;padding-bottom:2px}
.buchkopf .weiter:hover{color:#E87722;border-color:#E87722}
@media(max-width:900px){.buchkopf .wrap{grid-template-columns:1fr;gap:30px}
  .buchkopf .cov{position:static}.buchkopf .cov img{max-width:250px;margin-inline:auto}}

.passt{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.passt div{border:1px solid #2A2A2A;border-radius:3px;padding:28px;background:#1B1B1B}
.passt .nein{background:transparent;border-style:dashed}
.passt h3{margin:0 0 12px;font-size:19px}
.passt p{margin:0;color:#B4AEA6;font-size:16px}
.passt .ja h3{color:#E87722}
.passt .nein h3{color:#807B74}
@media(max-width:800px){.passt{grid-template-columns:1fr}}

.abschluss{background:#1B1B1B;border-block:1px solid #2A2A2A;text-align:center}
.abschluss .wrap{max-width:720px}
.abschluss h2{font-size:clamp(28px,3.4vw,40px);margin:0 0 14px}
.abschluss p{color:#9E9890;margin:0 0 26px}
.abschluss .buyrow{justify-content:center}

.weitere{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.weitere a{text-decoration:none;background:#1B1B1B;border:1px solid #2A2A2A;border-radius:3px;
  padding:18px;display:block;transition:.18s}
.weitere a:hover{border-color:#3A3733;transform:translateY(-3px)}
.weitere img{width:86px;margin-bottom:14px;box-shadow:0 10px 24px rgba(0,0,0,.5);border-radius:2px}
.weitere h4{margin:0 0 5px;font-size:16px}
.weitere p{margin:0;font-size:13px;color:#807B74;line-height:1.45}
.weitere .p{margin-top:10px;font-size:13.5px;color:#E87722;font-weight:650}
@media(max-width:900px){.weitere{grid-template-columns:repeat(2,1fr)}}