/* Titelseite, Kopfbereich-Varianten, Skins */
.fp{padding:26px 0 8px}
.fp-h{font:800 12px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold2);margin:0 0 12px;padding-bottom:10px;border-bottom:3px solid var(--ink)}
.fc{position:relative;display:flex;flex-direction:column;min-width:0}
.fc-img{display:block;overflow:hidden;border-radius:6px;background:var(--tint);aspect-ratio:16/10}
.fc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.fc:hover .fc-img img{transform:scale(1.04)}
.fc-b{padding:12px 0 0}
.fc-meta{margin:0 0 7px;font:700 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.fc-tag{color:var(--gold2);text-decoration:none}
.ad-mini{background:var(--ink);color:#fff;padding:2px 7px;border-radius:3px;font-size:10px;letter-spacing:.08em}
.fc-h{font-size:1.15rem;line-height:1.22;margin:0}
.fc-h a{color:var(--ink);text-decoration:none}
.fc-h a:hover{color:var(--green2)}
.fc-t{color:var(--ink2);font-size:15px;margin:9px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.fc-by{color:var(--mute);font-size:13px;margin:9px 0 0}
/* Text über Bild */
.fc-ov{justify-content:flex-end;min-height:260px;border-radius:8px;overflow:hidden;background:var(--bg) center/cover,var(--green);color:#fff;isolation:isolate}
.fc-ov::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.82));z-index:-1}
.fc-ov .fc-img{display:none}
.fc-ov .fc-b{padding:22px}
.fc-ov .fc-h a,.fc-ov .fc-t,.fc-ov .fc-by{color:#fff}
.fc-ov .fc-tag{color:var(--gold)}
.fc-ov .ad-mini{background:#fff;color:#111}
.fc-ov .fc-h{text-shadow:0 1px 12px rgba(0,0,0,.4)}
.fc-lead .fc-h{font-size:clamp(1.7rem,3.2vw,2.5rem)}
.fc-lead.fc-ov{min-height:440px}
.fc-lead .fc-t{font-size:1.05rem}
.fc-row{flex-direction:row;gap:14px;align-items:flex-start}
.fc-row .fc-img{flex:0 0 112px;aspect-ratio:1/1}
.fc-row .fc-b{padding:0}
.fc-row .fc-h{font-size:1rem}
.fl{list-style:none}
/* classic */
.fcl-grid{display:grid;grid-template-columns:2fr 1fr;gap:34px}
.fp-classic.is-flip .fcl-grid{grid-template-columns:1fr 2fr}.fp-classic.is-flip .fcl-main{order:2}.fp-classic.is-flip .fcl-side{order:1}
.fcl-main>.fc-lead .fc-img{aspect-ratio:16/9}
.fcl-two{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}
.fcl-side{border-left:1px solid var(--line);padding-left:26px}
.fp-classic.is-flip .fcl-side{border-left:0;border-right:1px solid var(--line);padding:0 26px 0 0}
.fcl-side .fc{padding:14px 0;border-top:1px solid var(--line)}
/* newsroom */
.fn-grid{display:grid;grid-template-columns:260px 1fr 300px;gap:24px}
.fp-news.is-flip .fn-grid{grid-template-columns:300px 1fr 260px}.fp-news.is-flip .fn-side{order:-1}.fp-news.is-flip .fn-list{order:3}
.fn-list ol{margin:0;padding:0;counter-reset:n}
.fn-list .fl{counter-increment:n;padding:12px 0 12px 34px;border-bottom:1px solid var(--line);position:relative}
.fn-list .fl::before{content:counter(n);position:absolute;left:0;top:11px;font:800 22px var(--serif);color:var(--gold2)}
.fn-list .fl a{display:block;font:650 15px/1.3 var(--serif);color:var(--ink);text-decoration:none}
.fn-list .fl a:hover{color:var(--green2)}
.fn-list .fl span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.fn-side{display:flex;flex-direction:column;gap:22px}
.fn-main .fc-lead.fc-ov{height:100%}
/* bento */
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:210px;gap:14px}
.bento .fc-ov{min-height:0;height:100%}
.bn-1{grid-column:span 2;grid-row:span 2}
.bn-4{grid-column:span 2}
.bn-5{grid-row:span 2}
.bento .fc-h{font-size:1.02rem}.bento .bn-1 .fc-h{font-size:clamp(1.5rem,2.6vw,2.1rem)}
/* split */
.fs-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:28px}
.fp-split.is-flip .fs-hero{order:2}
.fs-hero .fc-lead.fc-ov{height:100%;min-height:500px}
.fs-list .fc{padding:14px 0;border-bottom:1px solid var(--line)}
/* rows */
.fp-rows .fc-wide{display:grid;grid-template-columns:1.2fr 1fr;gap:34px;align-items:center;padding-bottom:28px;border-bottom:3px double var(--ink)}
.fp-rows .fc-wide .fc-b{padding:0}
.fp-rows .fc-wide .fc-h{font-size:clamp(1.8rem,3.4vw,2.8rem)}
.fp-rows .fc-wide .fc-img{aspect-ratio:16/10}
.fr-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:26px 0}
.fr-list{margin:0;padding:18px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(2,1fr);gap:0 34px;counter-reset:r}
.fr-list .fl{counter-increment:r;padding:11px 0 11px 34px;position:relative;border-bottom:1px solid var(--line)}
.fr-list .fl::before{content:counter(r,decimal-leading-zero);position:absolute;left:0;font:800 15px var(--sans);color:var(--gold2)}
.fr-list .fl a{font:650 15.5px/1.3 var(--serif);color:var(--ink);text-decoration:none}
.fr-list .fl span{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
/* poster */
.fp-poster{padding-top:0}
.fc-hero{min-height:480px;border-radius:0;display:flex;justify-content:flex-end}
.fc-hero .fc-b{max-width:1160px;width:100%;margin:0 auto;padding:40px 24px}
.fc-hero .fc-h{font-size:clamp(2rem,5vw,3.8rem);max-width:900px}
.fc-hero .fc-t{max-width:680px;font-size:1.1rem}
.fpo-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:-54px;position:relative;z-index:2}
.fc-pc{background:var(--card);padding:12px;border-radius:12px;box-shadow:var(--sh);border:1px solid var(--line)}
.fc-pc .fc-h{font-size:1rem}
/* wall */
.wall{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:190px;gap:12px}
.wall .fc-ov{min-height:0;height:100%}
.wl-1{grid-column:span 3;grid-row:span 3}
.wl-c{grid-column:span 3}
.wall .fc-h{font-size:1rem}.wl-1 .fc-h{font-size:clamp(1.5rem,2.8vw,2.3rem)}
/* weitere Bereiche */
.sec{padding:34px 0}
.sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-bottom:3px solid var(--ink);padding-bottom:10px;margin-bottom:22px}
.sec-head h2{font-size:1.5rem}
.more{font-weight:700;font-size:14px;text-decoration:none}
.mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 24px}
.mlist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:18px 34px}
.mlist li{padding-bottom:16px;border-bottom:1px solid var(--line)}
/* Kopfbereich-Varianten */
.mast-claim{opacity:.85}
.mh-center .mast-main{flex-wrap:wrap;justify-content:center;padding-top:20px;padding-bottom:0;gap:10px}
.mh-center .logo{width:100%;justify-content:center}
.mh-center .nav{width:100%;justify-content:center;border-top:1px solid var(--line);margin-top:8px;padding:4px 0}
.mh-center .nav-toggle{position:absolute;right:16px;top:60px}
.mh-center.mast{position:relative}
.mh-left .mast-top{background:transparent;color:var(--mute);border-bottom:1px solid var(--line)}
.mh-left .mast-cta{color:var(--gold2)}
.mh-ticker.mast,.mh-dark.mast{background:var(--green)}
.mh-ticker .mast-top,.mh-dark .mast-top{background:rgba(0,0,0,.28)}
.mh-ticker .nav a,.mh-dark .nav a{color:#e6efe9}
.mh-ticker .nav a:hover,.mh-dark .nav a:hover,.mh-ticker .nav a.on,.mh-dark .nav a.on{background:rgba(255,255,255,.12);color:#fff}
.mh-ticker .nav-toggle,.mh-dark .nav-toggle{color:#fff;border-color:rgba(255,255,255,.4)}
.mast-ticker{background:var(--gold);color:#111}
.mast-ticker-in{display:flex;gap:26px;overflow:hidden;padding-top:7px;padding-bottom:7px;font-size:13px;white-space:nowrap}
.mast-ticker strong{text-transform:uppercase;letter-spacing:.12em;font-size:11px;align-self:center}
.mast-ticker a{color:#111;text-decoration:none;overflow:hidden;text-overflow:ellipsis}
.mh-clean .mast-top{display:none}
.mh-clean .mast-main{padding-top:18px;padding-bottom:18px}
.mh-clean .nav{margin-left:auto}
.mh-clean .nav a{border-radius:999px;border:1px solid transparent}
.mh-clean .nav a.on,.mh-clean .nav a:hover{border-color:var(--green2);background:transparent}
.mh-pill.mast{background:transparent;border:0;position:sticky}
.mh-pill .mast-top{display:none}
.mh-pill .mast-main{background:#fff;border:1px solid var(--line);border-radius:999px;margin:12px auto;box-shadow:var(--sh);padding:10px 22px;max-width:1160px}
.mh-pill .nav{margin-left:auto}
.mh-pill .nav a{border-radius:999px}
.mh-bar .mast-top{background:var(--gold);color:#111}
.mh-bar .mast-cta{color:#111;text-decoration:underline}
.mh-bar.mast{border-bottom:4px solid var(--ink)}
.mh-bar .nav a{text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:800;border-radius:0}
.logo-img{display:block;height:auto;max-height:78px;width:auto}
/* Skins: Schrift und Ecken */
.th-sans h1,.th-sans h2,.th-sans h3,.th-sans .fc-h,.th-sans .fn-list .fl a{font-family:var(--sans);letter-spacing:-.02em;font-weight:800}
.th-soft .fc-img,.th-soft .fc-ov,.th-soft .fc-pc{border-radius:16px}
.th-lux .fp-h,.th-lux .sec-head{border-bottom:1px solid var(--gold)}
.th-lux h1,.th-lux h2{font-weight:500;letter-spacing:.01em}
.th-tech .fc-ov,.th-tech .fc-img{border-radius:12px;border:1px solid var(--line)}
.th-pop .fc-ov,.th-pop .fc-img,.th-pop .fc-pc{border-radius:22px}
.th-pop .fc-h{font-family:var(--sans);font-weight:800}
.th-bold .fc-ov,.th-bold .fc-img,.th-bold .fc-pc{border-radius:0}
.th-bold h1,.th-bold h2,.th-bold .fc-h{font-family:var(--sans);font-weight:900;text-transform:uppercase;letter-spacing:-.01em}
.th-bold .fp-h,.th-bold .sec-head{border-bottom-width:5px}
/* dunkle Seite */
.page-dark{background:var(--paper);color:var(--ink)}
.page-dark .mast{border-color:var(--line)}
.page-dark .fc-h a,.page-dark .fn-list .fl a{color:var(--ink)}
.page-dark .fp-h,.page-dark .sec-head{border-color:var(--gold)}
.page-dark .fc-pc,.page-dark .card{background:var(--card);border-color:var(--line)}
/* mobil */
@media(max-width:960px){
  .fcl-grid,.fp-classic.is-flip .fcl-grid,.fn-grid,.fp-news.is-flip .fn-grid,.fs-grid,.fp-rows .fc-wide{grid-template-columns:1fr}
  .fp-classic.is-flip .fcl-main,.fp-classic.is-flip .fcl-side,.fp-news.is-flip .fn-side,.fp-news.is-flip .fn-list,.fp-split.is-flip .fs-hero{order:0}
  .fcl-side,.fp-classic.is-flip .fcl-side{border:0;padding:0}
  .bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:190px}
  .bn-1{grid-column:span 2}.bn-4{grid-column:span 2}.bn-5{grid-row:auto}
  .wall{grid-template-columns:repeat(2,1fr)}.wl-1,.wl-c{grid-column:span 2}.wl-c{grid-column:span 1}
  .fr-cols,.mgrid{grid-template-columns:1fr 1fr}
  .fpo-cards{grid-template-columns:1fr 1fr;margin-top:-30px}
  .fr-list,.mlist{grid-template-columns:1fr}
  .fc-lead.fc-ov,.fs-hero .fc-lead.fc-ov{min-height:360px}
  .mh-pill .mast-main{border-radius:18px;margin:8px 12px}
}
@media(max-width:600px){
  .fr-cols,.mgrid,.fcl-two,.fpo-cards{grid-template-columns:1fr}
  .bento{grid-template-columns:1fr}.bn-1,.bn-4{grid-column:auto}.bn-1{grid-row:span 2}
  .mast-claim{display:none}
  .mh-center .nav-toggle{top:54px}
}