/* ================= BRAND: Immobilie-Denkmal.info =================
   Fassadenreihe Pastell · Gloock + Albert Sans · Rundbogen-Motiv
   Kategorien k1–k6 = Platzhalter, Farben --f1 … --f6
   ================================================================= */
:root{
  --bg:#F8F4EC; --paper:#FFFDF9; --ink:#2B231D; --mut:#6B6058; --line:#E7DFD2;
  --f1:#EEC867; --f2:#E7B0A4; --f3:#A9BCD0; --f4:#D9C2A3; --f5:#C9B6D6; --f6:#F0BE93; --f7:#C9C2B6;
  --fasche:6px; --bild-radius:12px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-padding-top:96px}
body{position:relative;background:var(--bg);color:var(--ink);font:400 16px/1.6 'Albert Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit}
h1,h2,h3{font-family:Gloock,Georgia,serif;font-weight:400;text-wrap:balance;letter-spacing:-.005em}
p{text-wrap:pretty}
.wrap{max-width:88rem;margin:0 auto;padding-inline:20px}
@media(min-width:1024px){.wrap{padding-inline:32px}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}

/* Gesims-Trenner */
.gesims{max-width:88rem;margin:0 auto;padding-inline:20px}
@media(min-width:1024px){.gesims{padding-inline:32px}}
.gesims i{display:block;height:1px;background:var(--line)}
/* Ornament-Kicker */
.eb{display:flex;align-items:center;gap:10px;font:700 11.5px/1 'Albert Sans';letter-spacing:.18em;text-transform:uppercase;color:var(--mut);margin-bottom:12px}

/* Kategorie-Farben */
.k1{--k:var(--f1)}.k2{--k:var(--f2)}.k3{--k:var(--f3)}.k4{--k:var(--f4)}.k5{--k:var(--f5)}.k6{--k:var(--f6)}.k7{--k:var(--f7)}
.kick{display:inline-flex;align-items:center;gap:8px;font:700 11.5px/1 'Albert Sans';letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.kick::before{content:"";width:9px;height:12px;border-radius:5px 5px 1px 1px;background:var(--k,var(--f1))}
.meta{font-size:13px;color:var(--mut)}
.meta b{font-weight:600;color:var(--ink)}

/* Bögen + Bilder */
.bogen{border-radius:999px 999px var(--bild-radius) var(--bild-radius);overflow:hidden;border:var(--fasche) solid var(--k,var(--f1));background:var(--k,var(--f1))}
.rund{border-radius:var(--bild-radius);overflow:hidden}
.bogen img,.rund img,.pimg img,.red img{filter:saturate(.9) sepia(.06) contrast(1.03)}
.bogen img,.rund img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
a:hover .bogen img,a:hover .rund img{transform:scale(1.05)}
.hl{background:linear-gradient(transparent 60%,var(--f1) 60%,var(--f1) 90%,transparent 90%) left/0% 100% no-repeat;padding:0 .06em;animation:mark 1.1s .6s cubic-bezier(.6,0,.2,1) forwards}
@keyframes mark{to{background-size:100% 100%}}
a:hover h3 .u,a:hover h3.u{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:var(--k,var(--f1))}

/* ---------------- Header ---------------- */
.hd{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .3s}
.hd.s{border-color:var(--line)}
.hd>.wrap{display:flex;align-items:center;gap:22px;height:78px}
.logo{display:flex;align-items:center;gap:11px;flex:none}
.logo svg{width:28px;height:36px}
.logo .n{font-family:Gloock,serif;font-size:21px;line-height:1;white-space:nowrap}
.logo .n small{font-family:'Albert Sans';font-size:13px;font-weight:600;color:var(--mut);margin-left:1px}
.nav{display:flex;gap:4px;margin-left:auto;font-weight:600;font-size:14.5px}
.nav>a,.nav>.dd>button{padding:9px 14px;border-radius:99px;background:none;border:0;cursor:pointer;display:flex;align-items:center;gap:6px}
.nav>a:hover,.nav>.dd>button:hover,.nav>a.on{background:var(--paper)}
.dd{position:relative}
.dd .pan{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(6px);width:320px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:10px;opacity:0;visibility:hidden;transition:.2s;box-shadow:0 18px 40px -24px rgba(43,35,29,.35)}
.dd.open .pan{opacity:1;visibility:visible;transform:translateX(-50%)}
.pan a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;font-weight:600}
.pan a:hover{background:var(--bg)}
.pan a i{width:14px;height:18px;border-radius:7px 7px 2px 2px;background:var(--k)}
.pan a span{margin-left:auto;font-weight:500;font-size:12.5px;color:var(--mut)}
.srch{display:flex;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:99px;padding:0 6px 0 14px;height:42px;width:230px}
.srch input{border:0;background:none;outline:0;width:100%;font-size:14px}
.srch button{width:32px;height:32px;border-radius:99px;border:0;background:var(--ink);display:grid;place-items:center;cursor:pointer;flex:none}
.mbtn{display:none;margin-left:auto;align-items:center;gap:8px;border:1px solid var(--line);background:var(--paper);border-radius:99px;padding:9px 16px;font-weight:600;font-size:14px;cursor:pointer}
.mpan{display:none}
@media(max-width:1140px){.srch{width:44px;padding:0 5px;border:0;background:none}.srch input{display:none}}
@media(max-width:900px){
  .nav,.srch{display:none}.mbtn{display:flex}
  .mpan.open{display:block;border-top:1px solid var(--line);background:var(--paper);padding:14px 0 22px}
  .mpan form{display:flex;gap:8px;margin-bottom:14px}
  .mpan input{flex:1;min-width:0;border:1px solid var(--line);border-radius:99px;padding:11px 16px;background:var(--bg)}
  .mpan form button{border:0;border-radius:99px;background:var(--ink);color:#fff;padding:0 18px;font-weight:600}
  .mpan a{display:flex;align-items:center;gap:10px;padding:11px 4px;font-weight:600;border-bottom:1px solid var(--line)}
  .mpan a i{width:12px;height:16px;border-radius:6px 6px 2px 2px;background:var(--k)}
  .mpan .t{font:700 11px/1 'Albert Sans';letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin:18px 0 4px}
}

.catbar{border-top:1px solid var(--line)}
.catbar .wrap{display:flex;gap:4px;height:46px;align-items:center;overflow-x:auto;scrollbar-width:none;font-weight:600;font-size:14px}
.catbar .wrap::-webkit-scrollbar{display:none}
.catbar a{flex:none;display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:99px;white-space:nowrap}
.catbar a i{width:9px;height:12px;border-radius:5px 5px 1px 1px;background:var(--k)}
.catbar a:hover{background:var(--paper)}
@media(min-width:1100px){.catbar .wrap{justify-content:space-between}}
@media(max-width:480px){.catbar .wrap{height:42px;font-size:13.5px}}

/* ---------------- Hero ---------------- */
.hero{text-align:center}
.hero .kick::before{display:none}
.hero h1{font-size:clamp(38px,5.2vw,86px);line-height:1.02;margin:14px auto 16px;max-width:17ch}
.hero p.lead{font-size:clamp(17px,1.4vw,19.5px);line-height:1.6;color:var(--mut);max-width:46rem;margin:0 auto}
.arcade{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.6vw,24px);margin:30px auto 0;max-width:calc(116vh + 80px);align-items:end;text-align:left}
.arcade a{display:block;opacity:0;transform:translateY(40px);animation:rise 1s cubic-bezier(.2,.7,.2,1) forwards}
.arcade .bogen{aspect-ratio:1/1.45;position:relative}
.arcade a:nth-child(2){animation-delay:.1s}.arcade a:nth-child(2) .bogen{aspect-ratio:1/1.65}
.arcade a:nth-child(3){animation-delay:.2s}.arcade a:nth-child(3) .bogen{aspect-ratio:1/1.95}
.arcade a:nth-child(4){animation-delay:.3s}.arcade a:nth-child(4) .bogen{aspect-ratio:1/1.65}
.arcade a:nth-child(5){animation-delay:.4s}
@keyframes rise{to{opacity:1;transform:none}}
.arcade .lbl{position:absolute;left:10px;right:10px;bottom:10px;background:rgba(255,253,249,.95);border-radius:10px;padding:10px 12px;font-weight:600;font-size:14px;line-height:1.3;transform:translateY(8px);opacity:0;transition:.35s}
.arcade a:hover .lbl,.arcade a:focus-visible .lbl{opacity:1;transform:none}
.arcade .lbl small{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);font-weight:700;margin-bottom:4px}
@media(max-width:760px){
  .arcade{grid-template-columns:repeat(3,minmax(0,1fr))}
  .arcade a:nth-child(1),.arcade a:nth-child(5){display:none}
  .arcade .lbl,.arcade a:nth-child(3) .lbl{display:none}
}
@media(max-width:480px){
  .hd>.wrap{gap:12px;height:68px}
  .logo{gap:8px}.logo svg{width:22px;height:29px}
  .logo .n{font-size:18px}.logo .n small{font-size:11.5px}
  .mbtn{padding:8px 12px}
  .gate{padding:40px 10px 18px}.gate b{font-size:19px}
}

/* ---------------- Sektionen ---------------- */
.sec{padding-block:76px}
.sec.paper{background:transparent}
.sh{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px}
.sh h2{font-size:clamp(32px,3.4vw,44px);line-height:1.05}
.sh p{color:var(--mut);margin-top:8px;max-width:34rem}
.more{font-weight:600;font-size:14.5px;white-space:nowrap;text-decoration:underline;text-decoration-color:var(--f1);text-decoration-thickness:3px;text-underline-offset:5px}
.more:hover{text-decoration-color:var(--ink)}

/* Neu erschienen */
.lay{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
@media(min-width:960px){.lay{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px}}
.big .rund{aspect-ratio:16/10}
.big .kick{margin-top:20px}
.big h3{font-size:clamp(26px,2.6vw,36px);line-height:1.12;margin:10px 0 12px}
.big p{color:var(--mut);font-size:16.5px}
.big .meta{margin-top:14px}
.list{display:grid;gap:22px;align-content:start}
.sm{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line)}
.sm:last-child{border:0;padding-bottom:0}
.sm .bogen{aspect-ratio:3/4;--fasche:5px}

.sm h3{font-size:21px;line-height:1.2;margin:8px 0 8px}

/* Themen (Torbögen) */
.gates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media(min-width:700px){.gates{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1100px){.gates{grid-template-columns:repeat(6,minmax(0,1fr))}}
.gate{background:var(--k);border-radius:999px 999px 14px 14px;padding:56px 16px 24px;text-align:center;transition:background .35s,color .35s,transform .35s}
.gate:hover{background:var(--ink);color:var(--paper);transform:translateY(-4px)}
.gate i{display:block;width:28px;height:2px;background:currentColor;opacity:.45;margin:0 auto 18px}
.gate b{display:block;font:400 21px/1.15 Gloock,serif}
.gate span{display:block;font-size:13px;margin-top:8px;opacity:.75}

/* Haeuserzeile */
.street{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,24%);column-gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:thin}
.street .house{scroll-snap-align:start}
.swipe{font-size:13px;color:var(--mut);margin-top:6px}
@media(max-width:600px){.street{grid-auto-columns:42%}}
@media(min-width:1100px){.street{grid-auto-flow:row;grid-template-columns:repeat(7,minmax(0,1fr));column-gap:0;overflow:visible;padding-bottom:0}.swipe{display:none}}
.house{display:block;text-align:center}
.house svg{display:block;width:100%;height:auto;overflow:visible}
.house .hk{transition:transform .5s cubic-bezier(.3,.7,.2,1);transform-origin:50% 100%}
.house:hover .hk{transform:translateY(-10px)}
.house .body{fill:var(--k);stroke:var(--ink);stroke-width:1.6;stroke-linejoin:round}
.house .ln{fill:none;stroke:var(--ink);stroke-width:1.4;stroke-linecap:round}
.house .w{fill:var(--paper);stroke:var(--ink);stroke-width:1.3;transition:fill .35s}
.house .d{fill:var(--ink)}
.house:hover .w{fill:#FFE08A}
.house .w:nth-of-type(3n+1){transition-delay:.05s}.house .w:nth-of-type(3n+2){transition-delay:.15s}.house .w:nth-of-type(3n){transition-delay:.25s}
.house .gr{stroke:var(--ink);stroke-width:2.4}
.house .sw{fill:var(--f4);opacity:.45}
.house b{display:block;font:400 clamp(17px,1.45vw,21px)/1.15 Gloock,serif;margin-top:14px}
.house span{display:block;font-size:13px;color:var(--mut);margin-top:6px}
.house:hover b{text-decoration:underline;text-decoration-color:var(--k);text-decoration-thickness:3px;text-underline-offset:4px}

/* Hero + Portal: Mittelbogen zoomt auf Vollbild */
.portal{position:relative;height:calc(250vh - var(--hh,124px))}
.stage{position:sticky;top:var(--hh,124px);height:calc(100vh - var(--hh,124px));overflow:hidden;--z:0;--t:0px;--l:0px;--b:0px;--r:0px;--s:1.12;--co:0;--fo:1}
.stage .hero{padding-block:22px 0}
.ht{translate:0 calc(var(--z) * -70px);opacity:calc(1 - var(--z) * 2.2)}
.arcade a:nth-child(1){translate:calc(var(--z) * -46vw) 0}
.arcade a:nth-child(2){translate:calc(var(--z) * -30vw) 0}
.arcade a:nth-child(4){translate:calc(var(--z) * 30vw) 0}
.arcade a:nth-child(5){translate:calc(var(--z) * 46vw) 0}
.arcade a:not(.pmid) .bogen{opacity:calc(1 - var(--z) * 1.8)}
.pimg,.pframe,.plbl{display:none}
.stage.pz .pimg{display:block;position:absolute;inset:0;z-index:3;pointer-events:none;clip-path:inset(var(--t) var(--l) var(--b) var(--l) round var(--r) var(--r) 6px 6px);will-change:clip-path}
.stage.pz .pimg{background:#C9BBA8 center/cover no-repeat}
.stage.pz .pimg img{width:100%;height:100%;object-fit:cover;transform:scale(var(--s));will-change:transform}
.stage.pz .pframe{display:block;position:absolute;z-index:3;pointer-events:none;top:calc(var(--t) - 6px);bottom:calc(var(--b) - 6px);left:calc(var(--l) - 6px);right:calc(var(--l) - 6px);border:6px solid var(--f3);border-radius:calc(var(--r) + 6px) calc(var(--r) + 6px) 12px 12px;opacity:var(--fo)}
.stage.pz .pmid .bogen{visibility:hidden}
.stage.pz .plbl{display:block;position:absolute;z-index:4;pointer-events:none;left:calc(var(--l) + 10px);right:calc(var(--l) + 10px);bottom:calc(var(--b) + 10px);background:rgba(255,253,249,.95);border-radius:10px;padding:10px 12px;font-weight:600;font-size:14px;line-height:1.3;opacity:calc(1 - var(--z) * 5)}
.plbl small{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);font-weight:700;margin-bottom:4px}
.plbl em{display:block;font-style:normal;font-size:12px;color:var(--mut);margin-top:6px;animation:nudge 1.6s ease-in-out infinite}
@keyframes nudge{50%{translate:0 3px}}
.pcopy{position:absolute;z-index:5;left:clamp(16px,4vw,64px);bottom:clamp(16px,5vh,56px);max-width:min(560px,calc(100% - 32px));background:var(--paper);border-radius:22px;padding:30px 32px;opacity:var(--co);translate:0 calc((1 - var(--co)) * 30px);pointer-events:none;box-shadow:0 30px 60px -30px rgba(43,35,29,.45)}
.stage.done .pcopy{pointer-events:auto}
.pcopy h2{font-size:clamp(28px,3.4vw,46px);line-height:1.06;margin:12px 0 12px}
.pcopy p{color:var(--mut);font-size:16.5px}
.pcopy .meta{margin-top:12px}
.pcopy .btn{margin-top:20px}
@media(max-width:760px){.arcade a:nth-child(2){translate:calc(var(--z) * -60vw) 0}.arcade a:nth-child(4){translate:calc(var(--z) * 60vw) 0}.stage.pz .plbl{left:calc(var(--l) + 6px);right:calc(var(--l) + 6px);bottom:calc(var(--b) + 6px);padding:7px 8px;text-align:center}.plbl span,.plbl em{display:none}.plbl small{margin:0}.hbi{display:none}.hbh .more{margin-left:0}}
.plbl small i{font-style:normal;display:none}
@media(max-width:760px){.plbl small i{display:inline}.plbl small{font-size:9.5px;letter-spacing:.06em}}
@media(max-width:600px){.pcopy{padding:22px 20px}.portal{height:calc(200vh - var(--hh,124px))}}
html.rm .portal{height:auto}
html.rm .stage{position:relative;top:0;height:auto;overflow:visible}
html.rm .pcopy{position:relative;left:auto;bottom:auto;opacity:1;translate:none;pointer-events:auto;margin:40px auto 0;max-width:640px;box-shadow:none;border:1px solid var(--line)}

/* Strasse als Reiter */
.band-sky{background:linear-gradient(180deg,#DCE6EF 0%,#EAEFF1 45%,var(--bg) 100%)}
.band-rose{background:#F6E8E3}
.house{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}
.house[aria-selected="true"] .hk{transform:translateY(-12px)}
.house[aria-selected="true"] .w{fill:#FFE08A}
.house[aria-selected="true"] b{text-decoration:underline;text-decoration-color:var(--k);text-decoration-thickness:3px;text-underline-offset:4px}
.house:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:8px}
.hbox{margin-top:34px;background:var(--paper);border-radius:22px;padding:30px clamp(20px,3vw,40px) 34px;border-top:6px solid var(--f1);transition:border-color .4s}
.hb[hidden]{display:none}
.hb{animation:hbin .45s cubic-bezier(.2,.7,.2,1)}
@keyframes hbin{from{opacity:0;translate:0 10px}}
.hbh{display:flex;align-items:center;gap:18px;margin-bottom:24px;flex-wrap:wrap}
.hbh h3{font-size:clamp(26px,2.6vw,34px);line-height:1.05}
.hbh p{color:var(--mut);font-size:15px;margin-top:4px}
.hbh .more{margin-left:auto}
.hbi{width:34px;height:44px;border-radius:17px 17px 4px 4px;background:var(--k);border:1.5px solid var(--ink);flex:none}
.hbg{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
@media(min-width:900px){.hbg{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:44px;align-items:start}}
.hbf .rund{aspect-ratio:16/9}
.hbf .kick{margin-top:16px}
.hbf h4{font:400 clamp(22px,2vw,28px)/1.15 Gloock,serif;margin:8px 0 8px}
.hbf:hover h4,.hb li a:hover h4{text-decoration:underline;text-decoration-color:var(--k);text-decoration-thickness:2px;text-underline-offset:4px}
.hb ul{list-style:none;border-top:1px solid var(--line)}
.hb li a{display:block;padding:18px 0;border-bottom:1px solid var(--line)}
.hb li h4{font:400 20px/1.22 Gloock,serif}

/* Einstieg in 5 Schritten */
.steps{list-style:none;display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid var(--line)}
@media(min-width:760px){.steps{grid-template-columns:repeat(5,minmax(0,1fr))}}
.steps li{border-bottom:1px solid var(--line)}
@media(min-width:760px){.steps li{border-bottom:0;border-right:1px solid var(--line)}.steps li:last-child{border-right:0}}
.steps a{display:block;height:100%;padding:26px 22px 28px;transition:background .35s}
@media(min-width:760px){.steps li:first-child a{padding-left:0}}
.steps a:hover{background:var(--paper)}
.steps .sn{display:grid;place-items:center;width:40px;height:52px;border:1.5px solid var(--ink);border-radius:20px 20px 4px 4px;font:400 22px/1 Gloock,serif;padding-top:6px;margin-bottom:18px;transition:background .35s}
.steps li:nth-child(1) a:hover .sn{background:var(--f1)}.steps li:nth-child(2) a:hover .sn{background:var(--f2)}.steps li:nth-child(3) a:hover .sn{background:var(--f3)}.steps li:nth-child(4) a:hover .sn{background:var(--f4)}.steps li:nth-child(5) a:hover .sn{background:var(--f5)}
.steps h3{font-size:22px;line-height:1.15;margin-bottom:8px}
.steps p{font-size:14.5px;color:var(--mut);line-height:1.55}
@media(max-width:759px){.steps a{padding:22px 0}}
@media(max-width:600px){.sh{flex-wrap:wrap;align-items:flex-start}.sh>div{min-width:0;flex:1 1 100%}}

/* Redaktion */
.red{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:center}
@media(min-width:1000px){.red{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px}}
.red h2{font-size:clamp(32px,3.4vw,44px);line-height:1.05;margin-bottom:16px}
.band-rose .team .bogen{background:var(--paper)}
.red .txt p{color:var(--mut);font-size:17px;line-height:1.65;max-width:34rem}
.red ul.pr{list-style:none;display:grid;gap:12px;margin:24px 0 28px}
.red ul.pr li{display:flex;gap:12px;align-items:baseline;font-weight:600}
.red ul.pr li::before{content:"";flex:none;width:10px;height:13px;border-radius:5px 5px 1px 1px;background:var(--f1);transform:translateY(1px)}
.red ul.pr li:nth-child(2)::before{background:var(--f2)}.red ul.pr li:nth-child(3)::before{background:var(--f3)}
.team{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
@media(min-width:600px){.team{grid-template-columns:repeat(4,minmax(0,1fr))}}
.team a{display:block;text-align:center}
.team .bogen{aspect-ratio:3/4;--fasche:5px}
.team b{display:block;font:400 18px/1.2 Gloock,serif;margin-top:12px}
.team span{display:block;font-size:12.5px;color:var(--mut);margin-top:4px}

/* Im Fokus */
.fokus{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:center}
@media(min-width:960px){.fokus{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:64px}}
.fokus .bogen{aspect-ratio:4/3;border-radius:var(--bild-radius);--fasche:10px}
.fokus .tag{display:inline-block;background:var(--ink);color:var(--paper);font:700 11px/1 'Albert Sans';letter-spacing:.14em;text-transform:uppercase;padding:8px 12px;border-radius:99px;margin-bottom:18px}
.fokus h3{font-size:clamp(30px,3.4vw,48px);line-height:1.06;margin:12px 0 16px}
.fokus p{color:var(--mut);font-size:17.5px;line-height:1.65}
.fokus .meta{margin-top:18px}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:var(--paper);font-weight:600;font-size:15px;padding:14px 22px;border-radius:99px;margin-top:26px;transition:transform .25s}
.btn:hover{transform:translateX(3px)}

/* Aus den Kategorien */
.cols{display:grid;grid-template-columns:minmax(0,1fr);gap:40px}
@media(min-width:900px){.cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}}
.col{border-top:4px solid var(--k);padding-top:20px}
.col .ch{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.col .ch h3{font-size:24px}
.col .ch a{font-size:13.5px;font-weight:600;color:var(--mut)}
.col .ch a:hover{color:var(--ink)}
.col .rund{aspect-ratio:3/2}
.col .lead h4,.col li h4{font:400 21px/1.2 Gloock,serif;margin:14px 0 6px}
.col ul{list-style:none;margin-top:18px;border-top:1px solid var(--line)}
.col li a{display:block;padding:14px 0;border-bottom:1px solid var(--line)}
.col li h4{font-size:18px;margin:0 0 4px}
.col li a:hover h4{text-decoration:underline;text-decoration-color:var(--k);text-decoration-thickness:2px;text-underline-offset:3px}

/* Viel gelesen: Magazin-Liste mit Konturziffern */
.top4{display:grid;grid-template-columns:minmax(0,1fr);column-gap:56px;counter-reset:n;border-bottom:1px solid var(--line)}
@media(min-width:900px){.top4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.top4 a{display:grid;grid-template-columns:96px minmax(0,1fr);gap:22px;align-items:start;padding:30px 0;border-top:1px solid var(--line)}
.top4 .num{font:400 76px/.82 Gloock,serif;color:transparent;-webkit-text-stroke:1.3px var(--ink);transition:color .45s}
.top4 .num::before{counter-increment:n;content:counter(n,decimal-leading-zero)}
.top4 a:hover .num{color:var(--k)}
.top4 h3{font-size:clamp(21px,1.9vw,27px);line-height:1.18;margin-bottom:12px;transition:transform .45s}
.top4 a:hover h3{text-decoration:underline;text-decoration-color:var(--k);text-decoration-thickness:3px;text-underline-offset:5px}
.top4 .kick{margin-right:12px}
@media(max-width:600px){.top4 a{grid-template-columns:64px minmax(0,1fr);gap:14px;padding:24px 0}.top4 .num{font-size:54px}}

/* Newsletter */
.nl{position:relative;background:var(--f3);border-radius:28px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding:44px 26px}
@media(min-width:900px){.nl{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;padding:64px 64px}}
.nl h2{font-size:clamp(32px,3.6vw,48px);line-height:1.05}
.nl p{margin-top:12px;font-size:17px;max-width:30rem}
.nl form{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}
.nl input{flex:1 1 220px;min-width:0;border:0;border-radius:99px;padding:15px 20px;background:var(--paper)}
.nl button{border:0;border-radius:99px;background:var(--ink);color:var(--paper);font-weight:600;padding:15px 26px;cursor:pointer}
.nl .deko{position:absolute;right:-30px;bottom:-40px;display:flex;gap:14px;opacity:.55;pointer-events:none}
.nl .deko i{width:70px;border-radius:35px 35px 0 0;background:var(--paper)}
@media(max-width:899px){.nl .deko{display:none}}

/* Footer */
.ft{background:var(--paper);border-top:1px solid var(--line);margin-top:76px;padding-block:60px 30px;font-size:14.5px}
.ft .g{display:grid;grid-template-columns:minmax(0,1fr);gap:36px}
@media(min-width:900px){.ft .g{grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr))}}
.ft p{color:var(--mut);margin-top:14px;max-width:24rem}
.ft h4{font:700 11.5px/1 'Albert Sans';letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-bottom:16px}
.ft ul{list-style:none;display:grid;gap:10px}
.ft ul a:hover{text-decoration:underline;text-underline-offset:3px}
.ft .row{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:48px;padding-top:24px;color:var(--mut);font-size:13px}
.ft .strasse{display:flex;gap:6px;margin-top:22px}
.ft .strasse i{width:22px;height:30px;border-radius:11px 11px 2px 2px;background:var(--k)}

/* Reveal */
.rv{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
html.static *{animation:none!important;transition:none!important}html.static .hl{background-size:100% 100%}html.static .arcade a,html.static .rv{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.hl{background-size:100% 100%}.arcade a,.rv{opacity:1;transform:none}}

/* ===== v6: ruhiger Unterbau ===== */
section.band-sky{background:var(--paper);border-block:1px solid var(--line)}
section.band-rose{background:transparent}
.house .body{fill:var(--paper);stroke:var(--ink);stroke-width:1.1;transition:fill .45s}
.house .ln{stroke-width:.9;opacity:.7}
.house .w,.house:hover .w,.house[aria-selected="true"] .w{fill:none;stroke-width:.9}
.house .d{fill:none;stroke:var(--ink);stroke-width:1.1}
.house .gr{stroke-width:1.1}
.house .sw{display:none}
.house:hover .hk{transform:translateY(-4px)}
.house[aria-selected="true"] .hk{transform:none}
.house:hover .body{fill:color-mix(in srgb,var(--k) 22%,var(--paper))}
.house[aria-selected="true"] .body{fill:color-mix(in srgb,var(--k) 45%,var(--paper))}
.house b{font-size:clamp(16px,1.3vw,19px)}
.house span{font-size:12px}
.house:hover b,.house[aria-selected="true"] b{text-decoration:underline;text-decoration-color:var(--ink);text-decoration-thickness:1px;text-underline-offset:5px}
.hbox{background:var(--bg);border:1px solid var(--line);border-top:1px solid var(--line)!important;border-radius:14px;padding:34px clamp(20px,3vw,44px)}
.hbi{display:none}
.hbh{margin-bottom:22px}
.steps .sn{display:block;width:auto;height:auto;border:0;border-radius:0;padding:0;margin-bottom:16px;font:400 44px/1 Gloock,serif;color:transparent;-webkit-text-stroke:1px var(--ink);transition:color .4s}
.steps li a:hover .sn{background:none!important;color:var(--ink)}
.steps a:hover{background:transparent}
.steps a:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.team .bogen{--fasche:0px;background:var(--line)}
.red ul.pr li::before{width:16px;height:1px;border-radius:0;background:var(--ink)!important;transform:translateY(-5px)}
.nl{background:var(--paper);border:1px solid var(--line);border-radius:14px}
.nl .deko,.ft .strasse{display:none}
.nl input{background:var(--bg);border:1px solid var(--line)}

/* ===== v7: Bilder, Farbflaechen, wechselnde Layouts ===== */
.bg-beige{background:var(--bg)}
.bg-papier,section.band-rose.bg-papier{background:var(--paper)}
section.band-sky{border-block:0}
/* Neu erschienen: Bogen-Karten */
.nk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
@media(min-width:1000px){.nk{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}}
.nkc{display:block}
.nkc .bogen{aspect-ratio:3/4}
.nkc:first-child .bogen{aspect-ratio:3/4}
.nkc .kick{margin-top:18px}
.nkc h3{font-size:clamp(19px,1.6vw,23px);line-height:1.18;margin:8px 0 8px}
.nkc p{font-size:14.5px;color:var(--mut);line-height:1.55}
.nkc .meta{margin-top:12px}
.nkc:hover h3{text-decoration:underline;text-decoration-color:var(--k);text-decoration-thickness:2px;text-underline-offset:4px}
@media(min-width:1000px){.nk .nkc:nth-child(even){margin-top:56px}}
@media(max-width:560px){.nkc p{display:none}.nkc h3{font-size:17px}}
/* Fuenf Schritte: Foto + Liste */
.stw{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;align-items:center}
@media(min-width:960px){.stw{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:72px}}
.stf .bogen{aspect-ratio:4/5;--fasche:8px}
.steps,.steps li{border:0!important}
.steps{display:block;border-top:1px solid var(--line)!important}
.steps li{border-bottom:1px solid var(--line)!important}
.steps a,.steps li:first-child a{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:20px;align-items:baseline;padding:22px 0}
.steps .sn{grid-row:span 2;margin:0;font:400 34px/1 Gloock,serif;color:var(--ink);-webkit-text-stroke:0}
.steps li:nth-child(1) .sn{color:#B8892A}.steps li:nth-child(2) .sn{color:#B5675A}.steps li:nth-child(3) .sn{color:#5D7895}.steps li:nth-child(4) .sn{color:#94795A}.steps li:nth-child(5) .sn{color:#86699E}
.steps h3{font-size:23px;margin:0 0 6px}
@media(max-width:959px){.stf{display:none}}
/* Viel gelesen: gelbes Band */
.bg-gelb{background:#EFCB66}
.bg-gelb .eb{color:rgba(43,35,29,.7)}
.bg-gelb .top4,.bg-gelb .top4 a{border-color:rgba(43,35,29,.22)}
.bg-gelb .top4 a:hover .num{color:var(--ink)}
.bg-gelb .top4 a:hover h3{text-decoration-color:var(--ink)}
.bg-gelb .kick{color:rgba(43,35,29,.75)}
.bg-gelb .kick::before{background:var(--ink)}
.bg-gelb .meta{color:rgba(43,35,29,.75)}

/* ===== v8 ===== */
.bg-gelb{background:#F7ECCB}
.bg-gelb .top4,.bg-gelb .top4 a{border-color:rgba(43,35,29,.14)}
.bg-gelb .kick::before{background:var(--k)}
/* Rubriken: kompakte Auswahl */
.street{margin-top:8px}
.house svg{height:118px;width:auto;margin:0 auto}
.house b{margin-top:10px}
.house span{display:none}
@media(min-width:1100px){.street{column-gap:8px}}
/* Rubrik-Ansicht: grosses Haus links, Beitraege rechts */
.hbox{margin-top:30px;background:none;border:0!important;padding:0;border-radius:0}
.hb{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:stretch}
@media(min-width:900px){.hb{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px}}
.hb[hidden]{display:none}
.hbl{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:24px;align-items:end;background:color-mix(in srgb,var(--k) 30%,var(--paper));border-radius:18px;padding:32px 30px 30px;overflow:hidden}
.hbl svg{width:100%;height:auto;max-height:300px;overflow:visible}
.hbl .body{fill:var(--k);stroke:var(--ink);stroke-width:1.2}
.hbl .ln{fill:none;stroke:var(--ink);stroke-width:1;opacity:.75}
.hbl .w{fill:var(--paper);stroke:var(--ink);stroke-width:1}
.hbl .d{fill:var(--ink)}
.hbl .gr{stroke:var(--ink);stroke-width:1.4}
.hbl .sw{display:none}
.hbt .eb{display:block;margin-bottom:8px}
.hbt h3{font-size:clamp(30px,2.8vw,40px);line-height:1.02;margin-bottom:10px}
.hbt p{color:var(--ink);opacity:.75;font-size:15px;line-height:1.5}
.hbt .btn{margin-top:20px;padding:12px 18px;font-size:14px}
@media(max-width:600px){.hbl{grid-template-columns:minmax(0,1fr);padding:22px 20px}.hbl svg{max-height:130px;width:auto;margin:0 auto}.street{grid-auto-columns:31%;column-gap:14px}.house svg{height:96px}.street .house b{font-size:14px}}
.hbr{list-style:none;border-top:1px solid var(--line);align-self:center}
.hbr li a{display:grid;grid-template-columns:78px minmax(0,1fr);gap:16px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line)}
.hbr .hn{font:700 11.5px/1.4 'Albert Sans';letter-spacing:.12em;text-transform:uppercase;color:var(--mut);white-space:nowrap}
.hbr h4{font:400 clamp(19px,1.6vw,23px)/1.2 Gloock,serif;margin-bottom:6px}
.hbr a:hover h4{text-decoration:underline;text-decoration-color:var(--k);text-decoration-thickness:2px;text-underline-offset:4px}

/* ===== v9 ===== */
:root{--mut:#574C44}
.meta{font-size:14px}
.kick{font-size:12px}
/* 1 Boegen nur Hero + Redaktion */
.nkc .bogen{border-radius:var(--bild-radius);border:0;aspect-ratio:4/5}
@media(min-width:1000px){.nk .nkc:nth-child(even){margin-top:0}}
.nkc h3{font-size:clamp(20px,1.7vw,24px)}
.nkc p{font-size:15.5px}
.stf .rund{aspect-ratio:4/5;border-radius:18px}
.steps p{font-size:15.5px}
.hbr .meta,.top4 .meta{font-size:14px}
/* 3 Hero-Labels */
.arcade .lbl{opacity:1;transform:none;padding:8px 11px}
.arcade .lbl small{margin:0;font-size:10.5px}
.arcade .lt{display:block;max-height:0;overflow:hidden;transition:max-height .4s,margin .4s}
.arcade a:hover .lt,.arcade a:focus-visible .lt{max-height:5em;margin-top:5px}
@media(max-width:760px){.arcade a:not(.pmid) .lbl{display:block;left:6px;right:6px;bottom:6px;padding:5px 6px;text-align:center}.arcade .lbl small{font-size:8.5px;letter-spacing:.06em}}
/* 2 Projekte und Unternehmen */
.bg-blau{background:#E8EDF2}
.pu{display:grid;grid-template-columns:minmax(0,1fr);gap:36px}
@media(min-width:1000px){.pu{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:64px;align-items:start}.pui{position:sticky;top:calc(var(--hh,124px) + 30px)}}
.pui h2{font-size:clamp(32px,3.4vw,46px);line-height:1.05;margin-bottom:14px}
.pui p{color:var(--mut);font-size:17px;line-height:1.6;margin-bottom:22px;max-width:30rem}
.pul{display:grid;gap:22px}
.puc{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;background:var(--paper);border-radius:18px;padding:14px;transition:transform .35s}
@media(min-width:640px){.puc{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:26px;align-items:center;padding:16px 26px 16px 16px}}
.puc:hover{transform:translateY(-3px)}
.puc .rund{aspect-ratio:3/2}
.pum{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.anz{font:700 10.5px/1 'Albert Sans';letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--ink);border-radius:99px;padding:5px 9px}
.puc h3{font-size:clamp(20px,1.7vw,24px);line-height:1.18;margin-bottom:8px}
.puc p{font-size:15.5px;color:var(--mut);line-height:1.55;margin-bottom:10px}
.puc:hover h3{text-decoration:underline;text-decoration-color:var(--k);text-decoration-thickness:2px;text-underline-offset:4px}
/* 5 Redaktion einheitlich */
.team img{filter:grayscale(.85) sepia(.18) contrast(1.02)!important;transition:filter .5s}
.team a:hover img{filter:none!important}
/* 7 Newsletter */
.nl9{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding:16px;background:var(--paper)}
@media(min-width:900px){.nl9{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:52px;align-items:center;padding:18px 52px 18px 18px}}
.nlb{aspect-ratio:4/3}
.nlt{padding:8px 10px 14px}
.nlt h2{font-size:clamp(34px,3.6vw,50px);line-height:1.02}
.nlt p{margin-top:12px;font-size:17px;max-width:32rem}
.nlk{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 22px}
.nlk li{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;border:1px solid var(--line);border-radius:99px;padding:6px 12px 6px 10px}
.nlk li::before{content:"";width:8px;height:11px;border-radius:4px 4px 1px 1px;background:var(--k)}
.nlh{font-size:13.5px!important;color:var(--mut);margin-top:12px!important}

/* ===== v10 ===== */
/* Viel gelesen: Foto-Banner */
.vg{position:relative;overflow:hidden;background:#C9BBA8;min-height:min(90vh,820px);display:flex;align-items:center;padding-block:80px;isolation:isolate}
.vgbg,.vgbg img{position:absolute;inset:0;z-index:-2}
.vgbg img{width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity 1.2s ease,transform 8s linear;filter:saturate(.92) sepia(.05)}
.vgbg img.on{opacity:1;transform:scale(1)}
.vg::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(43,35,29,.25),rgba(43,35,29,0) 55%)}
.vgbig{position:absolute;right:3vw;bottom:2vh;z-index:0;font:400 clamp(160px,26vw,400px)/.8 Gloock,serif;color:#fff;mix-blend-mode:difference;opacity:.9;pointer-events:none;transition:opacity .5s}
.vgbig.sw{opacity:0}
.vgw{width:100%;position:relative;z-index:1}
.vgp{max-width:600px;background:rgba(255,253,249,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:22px;padding:34px 36px 22px;box-shadow:0 30px 70px -35px rgba(43,35,29,.55)}
.vgp h2{font-size:clamp(32px,3.2vw,44px);line-height:1.05;margin-bottom:14px}
.vgl{list-style:none}
.vgl li{border-top:1px solid var(--line)}
.vgl a{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:start;padding:18px 0}
.vgn{font:400 30px/1 Gloock,serif;color:color-mix(in srgb,var(--ink) 30%,transparent);transition:color .35s;padding-top:2px}
.vgl li.on .vgn{color:var(--ink)}
.vgl h3{font-size:clamp(19px,1.6vw,22px);line-height:1.2;margin:6px 0 6px}
.vgl a:hover h3{text-decoration:underline;text-decoration-color:var(--k);text-decoration-thickness:2px;text-underline-offset:4px}
.vgbar{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--ink)}
.vgl li.on .vgbar{animation:vgfill 6s linear forwards}
.vg.paused .vgl li.on .vgbar{animation-play-state:paused}
@keyframes vgfill{to{width:100%}}
@media(max-width:700px){.vg{min-height:0;padding-block:180px 24px;align-items:flex-end}.vgp{padding:24px 20px 10px}.vgbig{font-size:150px;top:10px;bottom:auto;right:14px}.vg::after{background:linear-gradient(180deg,rgba(43,35,29,0) 30%,rgba(43,35,29,.25))}}
html.static .vgbg img{transition:none}
/* Staedte und Meldungen */
.sm2{display:grid;grid-template-columns:minmax(0,1fr);gap:56px}
@media(min-width:1000px){.sm2{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px}}
.smc h2{font-size:clamp(32px,3.2vw,44px);line-height:1.05;margin:0 0 12px}
.smc p{color:var(--mut);font-size:16.5px;margin-bottom:22px;max-width:30rem}
.cities{list-style:none;border-top:1px solid var(--line)}
.cities a{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:baseline;padding:16px 6px;border-bottom:1px solid var(--line);transition:background .3s,padding .3s}
.cities b{font:400 clamp(28px,2.6vw,36px)/1.05 Gloock,serif}
.cities span{grid-column:1;font-size:14.5px;color:var(--mut);margin-top:4px}
.cities i{grid-row:1/span 2;grid-column:2;align-self:center;font-style:normal;font-size:20px;transition:transform .3s}
.cities a:hover{background:var(--bg);padding-left:16px}
.cities a:hover i{transform:translateX(4px)}
.mnl{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
@media(min-width:640px){.mnl{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mn{display:flex;flex-direction:column;gap:12px;background:var(--bg);border-radius:14px;padding:20px 22px 22px;border-left:4px solid var(--k);transition:transform .3s}
.mn:hover{transform:translateY(-3px)}
.mnh{display:flex;justify-content:space-between;align-items:center;gap:10px}
.mnh time{font-size:13px;color:var(--mut);white-space:nowrap}
.mn h4{font:400 19px/1.25 Gloock,serif}
.mn:hover h4{text-decoration:underline;text-decoration-color:var(--k);text-decoration-thickness:2px;text-underline-offset:4px}

/* ===== v11 ===== */
/* Kurz gemeldet */
.kg{margin-top:56px;border-top:1px solid var(--line);padding-top:22px}
.kgl{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.kgl .eb{margin:0}
.kgs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
.kgi{scroll-snap-align:start;padding:6px 22px 10px;border-left:1px solid var(--line)}
.kgi:first-child{border-left:0;padding-left:0}
.kgm{display:flex;gap:12px;align-items:center;margin-bottom:8px}
.kgm time{font-size:13px;color:var(--mut)}
.kgi h4{font:400 17.5px/1.28 Gloock,serif}
.kgi:hover h4{text-decoration:underline;text-decoration-color:var(--k);text-decoration-thickness:2px;text-underline-offset:4px}
@media(min-width:1000px){.kgs{grid-auto-columns:calc(25% - .1px)}}
.kgm{flex-wrap:wrap;row-gap:4px}
/* Staedte: Foto-Bento */
.cg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(190px,22vw,300px);gap:14px}
@media(min-width:900px){.cg{grid-template-columns:repeat(4,minmax(0,1fr))}.ct-leipzig{grid-column:span 2;grid-row:span 2}}
@media(max-width:899px){.ct-leipzig{grid-column:span 2}}
.ct{position:relative;display:block;overflow:hidden;border-radius:var(--bild-radius);background:#C9BBA8;isolation:isolate}
.ct img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1s cubic-bezier(.2,.7,.2,1);filter:saturate(.95)}
.ct:hover img{transform:scale(1.05)}
.ct::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(30,24,20,0) 40%,rgba(30,24,20,.7))}
.ctx{position:absolute;left:20px;right:20px;bottom:30px;color:#FFFDF9}
.ctx b{display:block;font:400 clamp(26px,2.4vw,36px)/1 Gloock,serif}
.ct-leipzig .ctx b{font-size:clamp(36px,4vw,60px)}
.ctx span{display:block;font-size:14.5px;margin-top:6px;opacity:.92}
.ctc{position:absolute;left:20px;bottom:9px;font-size:10px;color:rgba(255,253,249,.7);letter-spacing:.02em}
@media(max-width:899px){.ct:not(.ct-leipzig) .ctx span{display:none}.ct:not(.ct-leipzig) .ctx b{font-size:24px}}
.ctc{right:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:600px){.ctx{left:14px;right:14px;bottom:26px}.ctx span{font-size:12.5px}.ctc{left:14px;right:14px;font-size:9px}}
/* Newsletter ohne Bild */
.nl9{grid-template-columns:minmax(0,1fr)!important;padding:40px clamp(22px,4vw,56px)!important}
@media(min-width:900px){.nl9{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;gap:64px!important;align-items:center}}
.nlt{padding:0}
.nlf form{display:flex;gap:10px;flex-wrap:wrap}

/* ===== Seite ===== */

.ph1{padding-block:56px 40px}
.ph1 h1{font-size:clamp(40px,5vw,72px);line-height:1;margin:12px 0 14px}
.ph1 p.lead{font-size:clamp(17px,1.4vw,19px);color:var(--mut);max-width:42rem;line-height:1.6}
.crumb{display:flex;gap:8px;flex-wrap:wrap;font-size:13.5px;color:var(--mut)}
.crumb a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line)}
.crumb a:hover{text-decoration-color:var(--ink)}

.imp{margin-top:26px;max-width:680px}
.imp img{display:block;width:100%;height:auto;border:1px solid var(--line)}