/* snr-v5 main.css — aus rohr/mockups/snr_redesign_5_premium_newsroom.html (Auftrag #120 E1) */

:root{
  --crimson:#A4133C;
  --crimson-dark:#7E0E2E;
  --navy:#0B1E3F;
  --gold:#C9A227;
  --paper:#FAF7F2;
  --paper-deep:#F3EEE4;
  --ink:#1A1A18;
  --ink-soft:#4A4A45;
  --ink-faint:#8A877E;
  --hairline:#DDD6C8;
  --hairline-soft:#E8E2D6;
  --up:#1E7A46;
  --down:#B42031;
  --serif:'Source Serif 4', Georgia, serif;
  --display:'Fraunces', Georgia, serif;
  --ui:'Outfit', Arial, sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--body-bg,#E9E5DC);font-family:var(--serif);color:var(--ink);font-size:16px;-webkit-font-smoothing:antialiased;}
.page{max-width:1400px;width:100%;margin:0 auto;background:var(--page-bg,#fff);}

/* ===== Live-Ticker ===== */
.ticker{background:var(--navy);border-bottom:2px solid var(--gold);overflow:hidden;height:34px;display:flex;align-items:stretch;}
.ticker-label{background:var(--crimson);color:#fff;font-family:var(--ui);font-size:10px;font-weight:700;
  letter-spacing:.18em;display:flex;align-items:center;gap:7px;padding:0 16px;white-space:nowrap;}
.live-dot{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.25);}
.ticker-track{display:flex;align-items:center;gap:34px;padding:0 24px;white-space:nowrap;font-family:var(--ui);font-size:12px;overflow:hidden;}
.tk{display:flex;align-items:baseline;gap:7px;color:#E8E4DA;}
.tk .sym{font-weight:600;letter-spacing:.06em;color:#fff;}
.tk .px{color:#C7CFDE;font-variant-numeric:tabular-nums;}
.tk .chg{font-weight:600;font-variant-numeric:tabular-nums;}
.tk .chg.up{color:#5BD08C;}
.tk .chg.down{color:#FF7B8A;}
.ticker-clock{margin-left:auto;display:flex;align-items:center;font-family:var(--ui);font-size:10.5px;
  color:#8FA0BE;letter-spacing:.1em;padding:0 18px;border-left:1px solid rgba(255,255,255,.12);white-space:nowrap;}

/* ===== Zeitungskopf ===== */
.masthead{background:var(--paper);border-bottom:3px double var(--ink);padding:22px 40px 0;}
.masthead-top{display:grid;grid-template-columns:280px 1fr 280px;align-items:center;padding-bottom:18px;}
.mh-date{font-family:var(--ui);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);}
.mh-date b{display:block;color:var(--ink);font-weight:600;margin-bottom:3px;}
.mh-edition{font-size:10.5px;color:var(--ink-faint);letter-spacing:.14em;}
.logo{text-align:center;}
.logo h1{font-family:var(--display);font-weight:900;font-size:54px;letter-spacing:-.01em;color:var(--ink);line-height:1;}
.logo h1 .accent{color:var(--crimson);}
.logo .tagline{font-family:var(--ui);font-size:10.5px;letter-spacing:.42em;text-transform:uppercase;color:var(--ink-faint);margin-top:8px;}
.logo .tagline::before,.logo .tagline::after{content:"—";color:var(--gold);margin:0 10px;}

/* Symbolsuche */
.mh-search{justify-self:end;position:relative;width:268px;font-family:var(--ui);}
.search-box{display:flex;align-items:center;gap:8px;border:1px solid var(--ink);background:var(--page-bg,#fff);padding:9px 12px;}
.search-box .icon{font-size:13px;color:var(--ink-soft);}
.search-box input{border:none;outline:none;font-family:var(--ui);font-size:12.5px;flex:1;background:transparent;color:var(--ink);}
.search-box .kbd{font-size:9.5px;border:1px solid var(--hairline);color:var(--ink-faint);padding:2px 5px;letter-spacing:.05em;}
.suggest{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--page-bg,#fff);border:1px solid var(--ink);
  box-shadow:6px 6px 0 rgba(11,30,63,.12);z-index:50;}
.suggest-head{font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);
  padding:8px 12px 6px;border-bottom:1px solid var(--hairline-soft);}
.sg-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--hairline-soft);cursor:pointer;}
.sg-item:last-child{border-bottom:none;}
.sg-item:hover,.sg-item.active{background:var(--paper);}
.sg-tk{font-weight:700;font-size:12px;color:var(--navy);width:48px;letter-spacing:.04em;}
.sg-name{font-family:var(--serif);font-size:12.5px;color:var(--ink-soft);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sg-px{font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums;}
.sg-px.up{color:var(--up);}
.sg-px.down{color:var(--down);}

/* Nav */
.nav{border-top:1px solid var(--ink);background:var(--paper);}
.nav ul{display:flex;justify-content:center;list-style:none;}
.nav a{display:block;padding:11px 22px;font-family:var(--ui);font-size:12px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ink);text-decoration:none;border-left:1px solid var(--hairline);}
.nav li:last-child a{border-right:1px solid var(--hairline);}
.nav a:hover{color:var(--crimson);}
.nav a.active{color:var(--crimson);box-shadow:inset 0 -3px 0 var(--crimson);}
.nav a.live-link{color:var(--crimson);display:flex;align-items:center;gap:7px;}
.nav .live-dot-sm{width:6px;height:6px;border-radius:50%;background:var(--crimson);}

/* ===== Breaking ===== */
.breaking{display:flex;align-items:stretch;border-bottom:1px solid var(--ink);background:var(--page-bg,#fff);height:38px;overflow:hidden;}
.breaking-kicker{background:var(--crimson);color:#fff;font-family:var(--ui);font-size:11px;font-weight:700;
  letter-spacing:.22em;display:flex;align-items:center;gap:8px;padding:0 22px;white-space:nowrap;}
.breaking-body{display:flex;align-items:center;gap:14px;padding:0 22px;font-size:14.5px;white-space:nowrap;overflow:hidden;}
.breaking-body b{font-weight:700;}
.breaking-body .sep{color:var(--gold);}
.breaking-body .meta{font-family:var(--ui);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);}
.breaking-more{margin-left:auto;display:flex;align-items:center;padding:0 22px;border-left:1px solid var(--hairline);
  font-family:var(--ui);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--crimson);white-space:nowrap;}

/* ===== Layout-Container ===== */
.shell{padding:30px 40px 50px;}
.rule{border:none;border-top:1px solid var(--hairline);margin:0;}
.rule-dark{border:none;border-top:1px solid var(--ink);}
.section-head{display:flex;align-items:baseline;gap:14px;border-top:2px solid var(--ink);padding-top:10px;margin-bottom:18px;}
.section-head h2{font-family:var(--display);font-size:21px;font-weight:700;letter-spacing:.01em;}
.section-head .more{margin-left:auto;font-family:var(--ui);font-size:10.5px;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--crimson);text-decoration:none;}
.kicker{font-family:var(--ui);font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--crimson);}
.kicker.navy{color:var(--navy);}
.kicker.gold{color:#9A7B14;}
.byline{font-family:var(--ui);font-size:11px;color:var(--ink-faint);letter-spacing:.05em;}
.byline b{color:var(--ink-soft);font-weight:600;}

/* ===== Startseite 3 Spalten ===== */
.front-grid{display:grid;grid-template-columns:1fr 392px 316px;gap:0;}
.front-col{padding:0 28px;}
.front-col:first-child{padding-left:0;}
.front-col:last-child{padding-right:0;border-left:1px solid var(--hairline);}
.front-col.mid{border-left:1px solid var(--hairline);}

.lead-story .kicker{margin-bottom:10px;display:block;}
.lead-story h3{font-family:var(--display);font-size:42px;font-weight:700;line-height:1.08;letter-spacing:-.01em;margin-bottom:14px;}
.lead-story .deck{font-size:17.5px;line-height:1.55;color:var(--ink-soft);margin-bottom:14px;}
.lead-img{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,var(--navy) 0%,#1D3A6B 55%,#2C4F8C 100%);
  position:relative;margin:16px 0 10px;display:flex;align-items:flex-end;}
.lead-img .img-tag{font-family:var(--ui);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(255,255,255,.75);padding:10px 14px;border-top:1px solid rgba(255,255,255,.2);width:100%;}
.lead-img .fauxchart{position:absolute;inset:auto 14% 28% 10%;height:42%;}
.caption{font-family:var(--ui);font-size:10.5px;color:var(--ink-faint);letter-spacing:.03em;margin-bottom:14px;}
.lead-body{font-size:15.5px;line-height:1.62;color:var(--ink-soft);}
.lead-body p{margin-bottom:12px;}
.lead-body .dropcap::first-letter{font-family:var(--display);font-weight:700;font-size:46px;float:left;
  line-height:.82;padding:5px 8px 0 0;color:var(--crimson);}

.lead-sub{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid var(--hairline);margin-top:18px;padding-top:16px;}
.lead-sub article h4{font-family:var(--display);font-size:17.5px;font-weight:600;line-height:1.25;margin:7px 0 7px;}
.lead-sub article p{font-size:13.5px;line-height:1.5;color:var(--ink-soft);margin-bottom:8px;}

/* Mittelspalte */
.mid-story{padding:18px 0;border-bottom:1px solid var(--hairline);}
.mid-story:first-child{padding-top:0;}
.mid-story h4{font-family:var(--display);font-size:21px;font-weight:600;line-height:1.22;margin:8px 0;}
.mid-story h4 a{color:inherit;text-decoration:none;}
.mid-story p{font-size:14px;line-height:1.55;color:var(--ink-soft);margin-bottom:8px;}
.mid-thumb{width:100%;aspect-ratio:16/8;margin-bottom:6px;background:linear-gradient(120deg,#5A4A18,var(--gold));position:relative;}
.opinion-tag{background:var(--paper-deep);padding:16px 18px;margin-top:18px;border-top:2px solid var(--gold);}
.opinion-tag .kicker{color:#9A7B14;display:block;margin-bottom:8px;}
.opinion-tag h4{font-family:var(--display);font-style:normal;font-size:19px;font-weight:600;line-height:1.3;margin-bottom:8px;}
.opinion-tag p{font-size:13.5px;line-height:1.55;color:var(--ink-soft);font-style:italic;margin-bottom:8px;}

/* Rechte Spalte: Boxen */
.side-box{border:1px solid var(--ink);margin-bottom:22px;background:var(--page-bg,#fff);}
.side-box .bx-head{display:flex;align-items:center;gap:9px;padding:10px 14px;border-bottom:1px solid var(--ink);
  background:var(--paper);font-family:var(--ui);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;}
.bx-head .dot{width:7px;height:7px;border-radius:50%;background:var(--crimson);}
.bx-head .all{margin-left:auto;font-size:9.5px;font-weight:600;color:var(--crimson);letter-spacing:.12em;}
.event{display:flex;gap:12px;padding:12px 14px;border-bottom:1px solid var(--hairline-soft);align-items:flex-start;}
.event:last-child{border-bottom:none;}
.ev-time{font-family:var(--ui);font-size:10px;font-weight:600;letter-spacing:.06em;color:var(--ink-faint);
  width:62px;flex-shrink:0;text-transform:uppercase;line-height:1.45;padding-top:2px;}
.ev-body{flex:1;}
.ev-title{font-size:14px;font-weight:600;line-height:1.3;margin-bottom:3px;}
.ev-meta{font-family:var(--ui);font-size:10.5px;color:var(--ink-faint);letter-spacing:.03em;}
.ev-status{font-family:var(--ui);font-size:9.5px;font-weight:700;letter-spacing:.1em;padding:3px 8px;flex-shrink:0;}
.ev-status.done{color:var(--up);border:1px solid #BFD9C9;background:#F0F7F2;}
.ev-status.count{color:var(--crimson);border:1px solid #E4BFC9;background:#FBF2F4;font-variant-numeric:tabular-nums;}
.ev-status.sched{color:var(--ink-faint);border:1px solid var(--hairline);}

.tweet{padding:12px 14px;border-bottom:1px solid var(--hairline-soft);}
.tweet:last-child{border-bottom:none;}
.tweet-top{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-family:var(--ui);}
.tweet-avatar{width:24px;height:24px;border-radius:50%;background:var(--navy);color:var(--gold);font-size:10px;
  font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.tweet-name{font-size:11.5px;font-weight:700;}
.tweet-handle{font-size:10.5px;color:var(--ink-faint);}
.tweet-time{margin-left:auto;font-size:10px;color:var(--ink-faint);}
.tweet p{font-size:13px;line-height:1.5;color:var(--ink-soft);}
.tweet p .cash{color:var(--crimson);font-weight:600;}

/* Ads */
.ad{border:1.5px dashed #BDB6A6;background:var(--paper);display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:5px;color:#A39C8B;font-family:var(--ui);}
.ad .ad-label{font-size:9px;letter-spacing:.3em;text-transform:uppercase;}
.ad .ad-size{font-size:13px;font-weight:600;letter-spacing:.08em;}
.ad-leaderboard{width:728px;height:90px;margin:26px auto;}
.ad-rect{width:300px;height:250px;margin:0 auto 22px;}
.ad-inarticle{width:100%;height:120px;margin:26px 0;}

/* Markt-Mini-Tabelle rechte Spalte */
.mini-mkt{width:100%;border-collapse:collapse;font-family:var(--ui);}
.mini-mkt td{padding:8px 14px;border-bottom:1px solid var(--hairline-soft);font-size:11.5px;}
.mini-mkt tr:last-child td{border-bottom:none;}
.mini-mkt .s{font-weight:600;letter-spacing:.04em;}
.mini-mkt .p{text-align:right;color:var(--ink-soft);font-variant-numeric:tabular-nums;}
.mini-mkt .c{text-align:right;font-weight:600;font-variant-numeric:tabular-nums;width:64px;}
.c.up{color:var(--up);} .c.down{color:var(--down);}

/* ===== Video-Sektion ===== */
.video-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.vcard{border-bottom:1px solid var(--hairline);padding-bottom:14px;}
.vthumb{aspect-ratio:16/9;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:10px;}
.vthumb.t1{background:linear-gradient(135deg,#0B1E3F,#27447A);}
.vthumb.t2{background:linear-gradient(135deg,#5E0B22,var(--crimson));}
.vthumb.t3{background:linear-gradient(135deg,#403310,#8F741D);}
.play{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;}
.play::after{content:"";display:block;border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent var(--crimson);margin-left:4px;}
.vlen{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.78);color:#fff;font-family:var(--ui);
  font-size:10.5px;font-weight:600;padding:3px 7px;letter-spacing:.05em;}
.vcard h4{font-family:var(--display);font-size:17.5px;font-weight:600;line-height:1.28;margin:7px 0 6px;}
.vcard .byline{display:block;}

/* Artikelreihe unten */
.bottom-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;}
.bottom-row article{padding:0 24px;border-left:1px solid var(--hairline);}
.bottom-row article:first-child{padding-left:0;border-left:none;}
.bottom-row article:last-child{padding-right:0;}
.bottom-row h4{font-family:var(--display);font-size:16.5px;font-weight:600;line-height:1.3;margin:7px 0 7px;}
.bottom-row p{font-size:13px;line-height:1.52;color:var(--ink-soft);margin-bottom:8px;}

/* ===== Firmenprofil ===== */
.profile-head{display:grid;grid-template-columns:84px 1fr auto;gap:22px;align-items:center;
  border-bottom:3px double var(--ink);padding-bottom:22px;margin-bottom:26px;}
.co-logo{width:84px;height:84px;border:1px solid var(--ink);background:var(--navy);color:var(--gold);
  display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:900;font-size:30px;}
.co-name h2{font-family:var(--display);font-size:38px;font-weight:700;letter-spacing:-.01em;line-height:1.05;}
.co-meta{font-family:var(--ui);font-size:11.5px;color:var(--ink-faint);letter-spacing:.1em;text-transform:uppercase;margin-top:7px;display:flex;gap:14px;align-items:center;}
.co-meta .tk-badge{border:1px solid var(--ink);padding:2px 9px;color:var(--ink);font-weight:700;letter-spacing:.12em;}
.co-quote{text-align:right;}
.co-quote .px-big{font-family:var(--display);font-size:44px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;}
.co-quote .px-chg{font-family:var(--ui);font-size:14.5px;font-weight:600;margin-top:5px;font-variant-numeric:tabular-nums;}
.co-quote .px-chg.up{color:var(--up);}
.co-quote .ah{font-family:var(--ui);font-size:10.5px;color:var(--ink-faint);letter-spacing:.06em;margin-top:6px;text-transform:uppercase;}
.co-quote .ah b{color:var(--down);font-weight:600;}

.profile-grid{display:grid;grid-template-columns:1fr 316px;gap:32px;}
.chart-frame{border:1px solid var(--ink);background:var(--page-bg,#fff);margin-bottom:26px;}
.chart-bar{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--hairline);padding:9px 14px;font-family:var(--ui);}
.chart-bar .rng{font-size:10.5px;font-weight:600;letter-spacing:.1em;padding:4px 10px;color:var(--ink-faint);cursor:pointer;}
.chart-bar .rng.on{background:var(--navy);color:#fff;}
.chart-bar .src{margin-left:auto;font-size:10px;color:var(--ink-faint);letter-spacing:.08em;}
.chart-area{height:300px;position:relative;background:
  repeating-linear-gradient(to bottom,transparent 0 59px,var(--hairline-soft) 59px 60px),
  repeating-linear-gradient(to right,transparent 0 99px,var(--hairline-soft) 99px 100px),#FFFEFB;}
.chart-area svg{position:absolute;inset:0;width:100%;height:100%;}
.chart-tag{position:absolute;left:14px;top:12px;font-family:var(--ui);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);}
.chart-last{position:absolute;right:14px;top:34px;font-family:var(--ui);font-size:11px;font-weight:700;color:var(--up);
  background:#F0F7F2;border:1px solid #BFD9C9;padding:3px 8px;font-variant-numeric:tabular-nums;}

.fin-table{width:100%;border-collapse:collapse;margin-bottom:26px;}
.fin-table caption{text-align:left;font-family:var(--ui);font-size:11px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;border-top:2px solid var(--ink);padding:9px 0;}
.fin-table th,.fin-table td{font-size:14px;padding:9px 12px;border-bottom:1px solid var(--hairline-soft);text-align:left;}
.fin-table th{font-family:var(--ui);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ink-faint);border-bottom:1px solid var(--ink);}
.fin-table td.lbl{color:var(--ink-soft);}
.fin-table td.val{font-weight:600;font-variant-numeric:tabular-nums;}
.fin-table td.note{font-family:var(--ui);font-size:11px;color:var(--ink-faint);}
.kv-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;}

.facts{border:1px solid var(--ink);margin-bottom:22px;}
.facts .bx-head .dot{background:var(--navy);}
.fact{display:flex;justify-content:space-between;gap:12px;padding:9px 14px;border-bottom:1px solid var(--hairline-soft);font-size:13px;}
.fact:last-child{border-bottom:none;}
.fact .k{font-family:var(--ui);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);padding-top:2px;}
.fact .v{font-weight:600;text-align:right;}
.fact .v a{color:var(--crimson);text-decoration:none;}
.profile-desc{font-size:14.5px;line-height:1.62;color:var(--ink-soft);padding:14px;border-top:1px solid var(--hairline);}
.earnings-callout{background:var(--paper-deep);border:1px solid var(--ink);border-left:4px solid var(--crimson);
  padding:14px 16px;margin-bottom:22px;}
.earnings-callout .kicker{display:block;margin-bottom:6px;}
.earnings-callout .when{font-family:var(--display);font-size:19px;font-weight:700;}
.earnings-callout .est{font-family:var(--ui);font-size:11px;color:var(--ink-soft);margin-top:5px;letter-spacing:.03em;}

.two-col-news{display:grid;grid-template-columns:1fr 1fr;gap:0;}
.two-col-news .colA{padding-right:26px;}
.two-col-news .colB{padding-left:26px;border-left:1px solid var(--hairline);}
.news-item{padding:13px 0;border-bottom:1px solid var(--hairline-soft);}
.news-item:first-child{padding-top:0;}
.news-item h4{font-family:var(--display);font-size:17px;font-weight:600;line-height:1.3;margin:5px 0 5px;}
.news-item p{font-size:13.5px;line-height:1.5;color:var(--ink-soft);margin-bottom:6px;}
.vrow{display:flex;gap:14px;padding:13px 0;border-bottom:1px solid var(--hairline-soft);}
.vrow .vthumb-s{width:128px;aspect-ratio:16/9;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;}
.vthumb-s.t1{background:linear-gradient(135deg,#0B1E3F,#2A4878);}
.vthumb-s.t2{background:linear-gradient(135deg,#5E0B22,#A4133C);}
.vthumb-s .play{width:30px;height:30px;}
.vthumb-s .play::after{border-width:5px 0 5px 9px;margin-left:2px;}
.vrow h5{font-family:var(--display);font-size:14.5px;font-weight:600;line-height:1.3;margin-bottom:5px;}

/* ===== Sektor-Seite ===== */
.crumbs{font-family:var(--ui);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:14px;}
.crumbs a{color:var(--ink-soft);text-decoration:none;}
.crumbs .sep{color:var(--gold);margin:0 8px;}
.crumbs b{color:var(--crimson);font-weight:700;}
.sector-head{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:3px double var(--ink);padding-bottom:18px;margin-bottom:24px;}
.sector-head h2{font-family:var(--display);font-size:40px;font-weight:700;letter-spacing:-.01em;line-height:1.05;}
.sector-head .desc{font-size:15px;color:var(--ink-soft);margin-top:8px;max-width:640px;line-height:1.5;}
.perf-chip{text-align:right;font-family:var(--ui);}
.perf-chip .lbl{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);}
.perf-chip .val{font-family:var(--display);font-size:34px;font-weight:700;color:var(--up);font-variant-numeric:tabular-nums;}
.perf-chip .sub{font-size:10.5px;color:var(--ink-faint);letter-spacing:.05em;}

.quote-table{width:100%;border-collapse:collapse;margin-bottom:8px;}
.quote-table th{font-family:var(--ui);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-faint);text-align:right;padding:9px 12px;border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);}
.quote-table th:first-child,.quote-table th:nth-child(2){text-align:left;}
.quote-table td{padding:11px 12px;border-bottom:1px solid var(--hairline-soft);font-size:14px;text-align:right;font-variant-numeric:tabular-nums;}
.quote-table td:first-child,.quote-table td:nth-child(2){text-align:left;}
.quote-table .tksym{font-family:var(--ui);font-weight:700;font-size:12.5px;letter-spacing:.06em;color:var(--navy);}
.quote-table .coname{color:var(--ink-soft);}
.quote-table .chgc{font-weight:600;font-family:var(--ui);font-size:12.5px;}
.chgc.up{color:var(--up);} .chgc.down{color:var(--down);}
.spark{width:96px;height:26px;display:inline-block;vertical-align:middle;}
.tbl-note{font-family:var(--ui);font-size:10px;color:var(--ink-faint);letter-spacing:.06em;margin-bottom:26px;}

/* ===== Artikel-Seite ===== */
.article-wrap{max-width:960px;margin:0 auto;}
.article-head{text-align:center;border-bottom:1px solid var(--hairline);padding-bottom:22px;margin-bottom:24px;}
.article-head .kicker{display:block;margin-bottom:14px;}
.article-head h2{font-family:var(--display);font-size:48px;font-weight:700;line-height:1.08;letter-spacing:-.015em;margin-bottom:16px;}
.article-head .deck{font-size:19px;line-height:1.5;color:var(--ink-soft);max-width:780px;margin:0 auto 18px;}
.author-line{display:flex;align-items:center;justify-content:center;gap:14px;font-family:var(--ui);font-size:12px;color:var(--ink-faint);}
.author-line .avatar{width:34px;height:34px;border-radius:50%;background:var(--crimson);color:#fff;font-weight:700;
  font-size:12px;display:flex;align-items:center;justify-content:center;}
.author-line b{color:var(--ink);font-weight:600;}
.author-line .dotsep{color:var(--gold);}
.video-hero{aspect-ratio:16/9;background:linear-gradient(130deg,#091831 0%,var(--navy) 50%,#23416F 100%);
  position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border:1px solid var(--ink);}
.video-hero .play{width:78px;height:78px;}
.video-hero .play::after{border-width:13px 0 13px 22px;margin-left:6px;}
.video-hero .vh-label{position:absolute;left:16px;top:14px;background:var(--crimson);color:#fff;font-family:var(--ui);
  font-size:10px;font-weight:700;letter-spacing:.16em;padding:4px 10px;}
.video-hero .vlen{font-size:11.5px;}
.article-body{font-size:17px;line-height:1.72;color:#2A2A26;}
.article-body p{margin-bottom:18px;}
.body-2col{column-count:2;column-gap:44px;column-rule:1px solid var(--hairline);margin-bottom:6px;}
.body-2col .dropcap::first-letter{font-family:var(--display);font-weight:700;font-size:58px;float:left;line-height:.8;padding:6px 10px 0 0;color:var(--crimson);}
.pullquote{border-top:2px solid var(--gold);border-bottom:1px solid var(--hairline);padding:18px 8px;margin:10px 0 22px;
  font-family:var(--display);font-size:23px;font-weight:500;font-style:italic;line-height:1.4;color:var(--navy);text-align:center;}
.pullquote .who{display:block;font-family:var(--ui);font-style:normal;font-size:10.5px;font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin-top:10px;}
.shorts-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:8px 0 28px;}
.short-card{aspect-ratio:9/16;max-height:380px;position:relative;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--ink);}
.short-card.s1{background:linear-gradient(165deg,#0B1E3F 0%,#27447A 100%);}
.short-card.s2{background:linear-gradient(165deg,#5E0B22 0%,#A4133C 100%);}
.short-card.s3{background:linear-gradient(165deg,#42350F 0%,#9A7B14 100%);}
.short-card .sc-top{display:flex;justify-content:space-between;padding:12px;}
.short-card .sc-badge{background:rgba(255,255,255,.92);color:var(--crimson);font-family:var(--ui);font-size:9px;font-weight:700;letter-spacing:.14em;padding:3px 8px;}
.short-card .vlen{position:static;}
.short-card .sc-mid{align-self:center;}
.short-card .play{width:44px;height:44px;}
.short-card .play::after{border-width:8px 0 8px 13px;margin-left:3px;}
.short-card .sc-title{color:#fff;font-family:var(--display);font-size:15.5px;font-weight:600;line-height:1.3;
  padding:14px;background:linear-gradient(transparent,rgba(0,0,0,.55));}
.sources{border:1px solid var(--ink);background:var(--paper);padding:0;margin-bottom:28px;}
.sources .bx-head{background:transparent;}
.sources ol{margin:12px 16px 16px 34px;font-size:13.5px;line-height:1.5;color:var(--ink-soft);}
.sources li{margin-bottom:7px;padding-left:4px;}
.sources li::marker{font-family:var(--ui);font-size:11px;color:var(--crimson);font-weight:700;}
.sources a{color:var(--navy);text-decoration:underline;text-decoration-color:var(--hairline);text-underline-offset:3px;}
.related-list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;}
.related-list article{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--hairline-soft);}
.related-list .num{font-family:var(--display);font-size:26px;font-weight:900;color:var(--hairline);line-height:1;width:34px;flex-shrink:0;}
.related-list h4{font-family:var(--display);font-size:16.5px;font-weight:600;line-height:1.3;margin:2px 0 5px;}
.tagrow{display:flex;gap:8px;margin:0 0 26px;flex-wrap:wrap;}
.tag{font-family:var(--ui);font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  border:1px solid var(--hairline);color:var(--ink-soft);padding:5px 12px;text-decoration:none;}
.tag:hover{border-color:var(--crimson);color:var(--crimson);}

/* Footer */
.footer{background:var(--navy);color:#9FB0CC;padding:34px 40px;border-top:4px solid var(--gold);}
.footer-inner{display:flex;justify-content:space-between;align-items:baseline;gap:30px;font-family:var(--ui);font-size:11px;letter-spacing:.06em;}
.footer .flogo{font-family:var(--display);font-weight:900;font-size:22px;color:#fff;}
.footer .flogo span{color:var(--gold);}
.footer nav{display:flex;gap:20px;}
.footer a{color:#C7CFDE;text-decoration:none;letter-spacing:.12em;text-transform:uppercase;font-size:10px;}

/* ===== Dark Mode (data-theme=dark, Pattern vom snr-Theme) ===== */
[data-theme="dark"]{
  --body-bg:#070A12;
  --page-bg:#101522;
  --paper:#161D2E;
  --paper-deep:#0B0F1A;
  --ink:#E8E4DA;
  --ink-soft:#B8B3A6;
  --ink-faint:#6E6A60;
  --hairline:#2A3147;
  --hairline-soft:#1F2538;
  --crimson:#C92C52;
  --gold:#D4B14A;
  --up:#3FA66B;
  --down:#D14A58;
}
[data-theme="dark"] body{background:var(--paper-deep);color:var(--ink);}
[data-theme="dark"] .masthead{background:var(--paper);border-bottom-color:var(--ink);}
[data-theme="dark"] .breaking{background:var(--paper);}
[data-theme="dark"] .side-box{background:var(--paper);}
[data-theme="dark"] .search-box{background:var(--paper-deep);border-color:var(--hairline);}
[data-theme="dark"] .search-box input{color:var(--ink);background:transparent;}
[data-theme="dark"] .suggest{background:var(--paper);border-color:var(--hairline);}
[data-theme="dark"] .fin-table tbody tr:hover{background:var(--paper-deep);}
[data-theme="dark"] img{opacity:.92;}

/* ===== Dark-Mode-Toggle ===== */
.theme-toggle{background:none;border:1px solid var(--hairline);border-radius:50%;width:34px;height:34px;
  cursor:pointer;font-size:15px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);}
.theme-toggle:hover{border-color:var(--gold);}

/* ===== E5: Utility-Klassen (ersetzen Inline-Styles der Templates) ===== */
.sb{border:1px solid var(--hairline);padding:16px;margin-bottom:20px;}
.sb-head{font-family:var(--ui);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border-bottom:2px solid var(--ink);padding-bottom:8px;margin-bottom:10px;}
.sb-head.crimson{border-bottom-color:var(--crimson);}
.sb-muted{font-size:12.5px;color:var(--ink-faint);}
.ad-placeholder{border:1px dashed var(--hairline);min-height:250px;display:flex;align-items:center;justify-content:center;font-family:var(--ui);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);}
.plain-link{color:inherit;text-decoration:none;}
.story-h{font-family:var(--display);line-height:1.25;margin:6px 0;}
.story-p{font-size:13.5px;line-height:1.5;color:var(--ink-soft);}
.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;font-size:13px;}
.sector-grid{display:grid;grid-template-columns:1fr 340px;gap:32px;align-items:start;}
.article-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px;}

/* ===== E5: Responsive (Mockup war Desktop-only) ===== */
@media (max-width: 1100px){
  .page{padding:0 18px;}
  .front-grid{grid-template-columns:1fr 320px;}
  .front-grid .front-col.mid{display:none;}
  .masthead-top{grid-template-columns:1fr auto;}
  .mh-date{display:none;}
  .video-grid{grid-template-columns:repeat(2,1fr);}
  .sector-grid{grid-template-columns:1fr;}
}
@media (max-width: 760px){
  .front-grid{grid-template-columns:1fr;}
  .front-grid .front-col{padding:0;border-left:none !important;}
  .front-grid .front-col.mid{display:block;border-left:none;}
  .masthead{padding:14px 16px 0;}
  .masthead-top{grid-template-columns:1fr;text-align:center;row-gap:10px;}
  .mh-search{justify-self:center;width:100%;max-width:420px;}
  .logo h1{font-size:34px;}
  .lead-story h3{font-size:28px;}
  .lead-sub{grid-template-columns:1fr;}
  .nav ul{flex-wrap:wrap;justify-content:center;gap:2px 14px;}
  .ticker-clock{display:none;}
  .ticker-label{padding:0 10px;}
  .video-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .article-grid-2{grid-template-columns:1fr;}
  .breaking-body{font-size:12.5px;padding:0 10px;}
  .breaking-more{display:none;}
}

/* Logo-Title: h1 (front) und p (andere Seiten) identisch gross */
.logo .logo-title{font-family:var(--display);font-weight:900;font-size:46px;letter-spacing:-.01em;margin:0;}
.logo .logo-title .accent{color:var(--crimson);}

/* SEO: Lead-Story ist h2 (Optik wie Mockup-h3) */
.lead-story .lead-h{font-family:var(--display);font-size:42px;font-weight:700;line-height:1.08;letter-spacing:-.01em;margin-bottom:14px;}


/* ===== Play-Badge auf Vorschaubildern (Maik #120): Post hat Video ===== */
.thumb-wrap{position:relative;display:block;}
.play-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:52px;height:36px;border-radius:9px;background:rgba(180,32,49,.88);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.35);pointer-events:none;
  transition:background .15s ease, transform .15s ease;}
.thumb-wrap:hover .play-badge{background:#B42031;transform:translate(-50%,-50%) scale(1.06);}
[data-theme="dark"] .play-badge{background:rgba(201,44,82,.88);}
[data-theme="dark"] .thumb-wrap:hover .play-badge{background:#C92C52;}

/* ===== Ticker-Marquee (P1-3): Endlos-Lauf, pausiert bei Hover ===== */
.ticker-track.is-marquee{padding:0;overflow:hidden;}
.ticker-track .tk-stream{display:flex;align-items:center;gap:34px;padding:0 17px;
  flex-shrink:0;min-width:100%;justify-content:space-around;
  animation:snr5-marquee 45s linear infinite;}
.ticker:hover .tk-stream{animation-play-state:paused;}
@keyframes snr5-marquee{from{transform:translateX(0);}to{transform:translateX(-100%);}}
@media (prefers-reduced-motion: reduce){.ticker-track .tk-stream{animation:none;}}

/* ===== Nav-Dropdowns (P1-5/P2): sub-menu als Paper-Karte bei Hover ===== */
.nav ul li{position:relative;}
.nav ul .sub-menu{display:none;position:absolute;top:100%;left:0;z-index:60;
  min-width:220px;background:var(--page-bg,#fff);border:1px solid var(--ink);
  box-shadow:0 10px 26px rgba(0,0,0,.14);padding:6px 0;margin:0;}
.nav ul li:hover > .sub-menu,
.nav ul li:focus-within > .sub-menu{display:block;}
.nav ul .sub-menu li{display:block;}
.nav ul .sub-menu a{display:block;padding:9px 18px;font-size:12px;letter-spacing:.06em;
  border-bottom:1px solid var(--hairline-soft);}
.nav ul .sub-menu li:last-child a{border-bottom:none;}
.nav ul .sub-menu a:hover{color:var(--crimson);background:var(--paper);}
/* Dropdown-Parent ohne Ziel (#) nicht als toter Link wirken lassen */
.nav > ul > li.menu-item-has-children > a::after{content:" \25BE";font-size:9px;color:var(--ink-faint);}
@media (max-width:760px){.nav ul .sub-menu{position:static;display:block;border:none;box-shadow:none;min-width:0;padding:0;}
  .nav ul .sub-menu a{padding:4px 10px;border:none;font-size:11px;color:var(--ink-faint);}}

/* P2-3: More-Headlines-Grid responsive */
@media (max-width:1100px){.headlines-grid{grid-template-columns:repeat(2,1fr) !important;}}
@media (max-width:760px){.headlines-grid{grid-template-columns:1fr !important;}}
.sector-chips a:hover{border-color:var(--crimson);color:var(--crimson);}