/* Unterseiten: Heft-Landingpage, Abo-Teaser, Shop-Hinweise */
.bf-via{font-size:13px;color:var(--mute);line-height:1.4;margin:0}
.bf-via.c{text-align:center;margin-top:26px}
.au-btns .bf-via{display:inline-block;margin-left:4px}

/* Heftseite */
.hf-head{background:var(--band);border-bottom:1px solid var(--line);padding:calc(clamp(76px,11vw,150px) - 12px) 0 64px}
@media(max-width:1000px){.hf-head{padding-top:48px;padding-bottom:48px}}
.hf-in{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:64px;align-items:center;max-width:1040px}
@media(max-width:800px){.hf-in{grid-template-columns:1fr;gap:32px}.hf-cover{max-width:260px;margin:0 auto}}
.hf-cover img{width:100%;height:auto;box-shadow:0 30px 60px -20px rgba(24,24,24,.55),0 0 0 1px rgba(24,24,24,.08)}
.hf-nr{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin:10px 0 0;line-height:.9}
.hf-num{font-family:var(--fo);font-weight:700;font-size:clamp(96px,13vw,140px);line-height:.9;color:var(--tuerkis)}
.hf-my{font-family:var(--fo);font-weight:600;font-size:26px;color:var(--mute);padding-bottom:8px}
.hf-state{margin:18px 0 0}
.hf-state span{display:inline-block;font-weight:800;font-size:12px;letter-spacing:.09em;text-transform:uppercase;padding:6px 12px;border-radius:4px;background:var(--ink);color:#fff}
.hf-state.soon span{background:var(--gelb);color:var(--ink)}
.hf-ex{color:#3a444b;max-width:46ch;margin-top:18px;font-size:19px;line-height:1.45}
.hf-cta{margin-top:30px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.hf-cta .btn{max-width:100%}
@media(max-width:800px){.hf-t{text-align:center}.hf-nr,.hf-cta{justify-content:center;align-items:center}.hf-cta .btn{width:100%}.hf-ex{margin-left:auto;margin-right:auto}}
.hf-alt{margin-top:4px}
.hf-list{list-style:none;margin:0 auto;padding:0;max-width:640px;display:grid;gap:0;border-top:1px solid var(--line2)}
.hf-list li{padding:14px 4px;border-bottom:1px solid var(--line2);display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.hf-list a,.hf-list .t{font-weight:800;font-size:18px;color:#2f7f8b}
.hf-list .t{color:var(--ink)}
.hf-list a:hover{color:var(--ink)}
.hf-list small{font-size:13px;color:var(--mute)}

/* Abo-Teaser */
.abo-teaser{background:var(--ink);color:#fff;padding:22px 0}
.at-in{display:flex;align-items:center;justify-content:space-between;gap:12px 32px;flex-wrap:wrap}
.at-t{margin:0;font-weight:700;font-size:17px;line-height:1.4;max-width:62ch}
.at-a{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap}
.at-a small{font-size:12.5px;color:rgba(255,255,255,.72)}
@media(max-width:700px){.at-in{flex-direction:column;align-items:flex-start}.at-a{width:100%;flex-direction:column;align-items:stretch;text-align:center}}
.hf-rgrid{display:flex;flex-wrap:wrap;justify-content:center}
.hf-rgrid .rg{flex:0 1 280px;width:auto}
@media(max-width:520px){.hf-more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hf-more .lt{flex:none}}

/* Seite „Abo“: Einstieg */
.abo-hero{background:var(--band);border-bottom:1px solid var(--line);padding:calc(clamp(76px,11vw,150px) - 12px) 0 56px;overflow:hidden}
@media(max-width:1000px){.abo-hero{padding-top:48px}}
.ah-in{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:48px;align-items:center}
.ah-t h1{font-size:clamp(34px,4.6vw,58px);line-height:1.05;margin-top:10px}
.ah-sub{margin-top:14px;font-size:clamp(16px,1.5vw,19px);color:#2b3338;max-width:46ch}
.ah-pts{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px;font-weight:600}
.ah-pts li{position:relative;padding-left:30px}
.ah-pts li::before{content:"";position:absolute;left:4px;top:.3em;width:13px;height:7px;border-left:2.5px solid var(--rot);border-bottom:2.5px solid var(--rot);transform:rotate(-45deg)}
.ah-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:28px}
.ah-cta .bf-via{font-size:13.5px;color:var(--mute)}
.ah-fan{position:relative;height:360px}
.ah-fan span{position:absolute;top:20px;width:200px;box-shadow:0 22px 40px -18px rgba(24,24,24,.6)}
.ah-fan span img{display:block;width:100%;height:auto}
.ah-fan span:nth-child(1){left:0;transform:rotate(-9deg)}
.ah-fan span:nth-child(2){left:110px;top:0;transform:rotate(-1deg);z-index:2}
.ah-fan span:nth-child(3){left:220px;transform:rotate(8deg);z-index:3}
.abo-nohead{padding-top:64px}
@media(max-width:900px){.ah-in{grid-template-columns:1fr}.ah-fan{height:260px;max-width:340px;margin:0 auto;width:100%}.ah-fan span{width:150px}.ah-fan span:nth-child(2){left:95px}.ah-fan span:nth-child(3){left:190px}}

/* Serienseite: wenige Leseprobe-Seiten zentriert, Sprunglink */
.rgrid-few{display:flex;flex-wrap:wrap;justify-content:center}
.rgrid-few>*{flex:0 1 280px}
.sv-lp{margin-top:14px}
#h-rein{scroll-margin-top:24px}
/* Serienkopf: Titel immer lesbar (dunkler Verlauf), Innenseiten als Kopfbild ruhiger */
.sv-img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,17,20,.82) 0%,rgba(14,17,20,.35) 45%,rgba(14,17,20,.08) 100%);pointer-events:none}
.sv-img .wrap{position:relative;z-index:2}
.sv-img{background-position:center 30%}
/* Ohne eigenes Kopfbild: kein Unschärfe-Brei, sondern Farbfläche mit der Serienkachel als schräges Panel rechts */
.sv-img.blur{background:var(--blau-dk)}
.sv-img.blur::before{inset:auto;top:8%;right:max(var(--gut),calc((100vw - var(--maxw))/2 + var(--gut)));width:clamp(140px,18vw,260px);aspect-ratio:462/600;filter:none;transform:rotate(4deg);background:var(--sv-img) center/cover no-repeat;border:4px solid #fff;box-shadow:0 24px 40px -16px rgba(0,0,0,.6);z-index:1}
.sv-img.blur::after{background:linear-gradient(90deg,rgba(14,17,20,.55) 0%,rgba(14,17,20,0) 60%)}
@media(max-width:760px){.sv-img.blur::before{width:120px;top:14px;right:16px}}
/* 1.2.3 Alle Ausgaben */
.hf-arch-head .ah-cta .tl{font-size:15px}
.hf-soon{background:var(--ink);color:#fff;padding:36px 0}
.hf-soon-in{display:flex;gap:32px;align-items:center;max-width:960px}
.hf-soon-c{flex:none;width:150px;transform:rotate(-3deg)}
.hf-soon-c img{display:block;width:100%;height:auto;box-shadow:0 20px 36px -14px rgba(0,0,0,.8)}
.hf-soon-k{display:inline-block;background:var(--gelb);color:var(--ink);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:4px}
.hf-soon h2{color:#fff;font-size:clamp(24px,3vw,34px);margin:10px 0 6px}
.hf-soon p{color:rgba(255,255,255,.82);max-width:48ch}
.hf-soon-a{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:18px}
.hf-soon-a .tl{color:#fff}
.hf-arch{background:var(--band)}
.hf-arch .lgrid{margin-top:0}
@media(max-width:600px){.hf-soon-in{flex-direction:column;align-items:flex-start;gap:20px}.hf-soon-c{width:130px}}