:root {
  --hj-rot: #C0392B;
  --hj-dunkelrot: #8B0000;
  --hj-schwarz: #1A1A1A;
  --hj-anthrazit: #2C2C2C;
  --hj-blau: #4A90D9;
  --hj-gold: #D4AF37;
  --hj-weiss: #F5F5F0;
  --hj-dunkel: #0D0D0D;
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:'Lato',sans-serif; background:var(--hj-dunkel); color:var(--hj-weiss); overflow-x:hidden; }

/* HEADER */
.header { position:sticky; top:0; z-index:999; background:rgba(13,13,13,0.97); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); border-bottom:2px solid var(--hj-rot); padding:12px 40px; display:flex; align-items:center; justify-content:space-between; }
body.hj-has-compact-nav .header { top: var(--hj-site-nav-height, 56px); }
.logo-wrap { display:flex; align-items:center; gap:12px; text-decoration:none; color:inherit; }
.logo-image { width:44px; height:44px; display:block; }
.logo-icon { width:44px; height:44px; background:var(--hj-rot); border-radius:8px; display:flex; align-items:center; justify-content:center; font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:22px; color:white; }
.logo-text { font-family:'Barlow Condensed',sans-serif; line-height:1; }
.logo-text .hn { font-size:20px; font-weight:900; color:var(--hj-weiss); letter-spacing:2px; }
.logo-text .hj { font-size:18px; font-weight:900; font-style:italic; color:var(--hj-rot); letter-spacing:2px; }
.header-meta { font-size:12px; color:#888; letter-spacing:1px; text-transform:uppercase; }

/* TICKER */
.ticker { background:var(--hj-rot); padding:8px 0; overflow:hidden; white-space:nowrap; }
.ticker-inner { display:inline-block; animation:ticker 55s linear infinite; font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:14px; letter-spacing:2px; text-transform:uppercase; color:white; }
@keyframes ticker { 0%{transform:translateX(100vw)} 100%{transform:translateX(-100%)} }

/* HERO */
.hero { background:linear-gradient(180deg,#0D0D0D 0%,#1A0000 50%,#0D0D0D 100%); position:relative; padding:100px 40px 80px; text-align:center; overflow:hidden; }
.hero::before { content:''; position:absolute; top:0;left:0;right:0;bottom:0; background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(192,57,43,0.18) 0%,transparent 70%); }
.hero-eyebrow { display:inline-block; background:var(--hj-rot); color:white; font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:13px; letter-spacing:3px; text-transform:uppercase; padding:5px 16px; border-radius:2px; margin-bottom:24px; position:relative; z-index:1; }
.hero h1 { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-style:italic; font-size:clamp(3rem,9vw,8rem); line-height:0.92; text-transform:uppercase; position:relative; z-index:1; letter-spacing:-2px; }
.hero h1 .r { color:var(--hj-rot); display:block; }
.hero h1 .g { color:var(--hj-gold); display:block; }
.hero h1 .w { color:var(--hj-weiss); display:block; }
.hero-sub { font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:clamp(1.1rem,2.5vw,1.8rem); color:#aaa; margin-top:24px; text-transform:uppercase; letter-spacing:1px; position:relative; z-index:1; }
.hero-sub span { color:var(--hj-gold); }
.hero-meta { margin-top:18px; font-size:13px; color:#555; letter-spacing:1px; position:relative; z-index:1; line-height:1.7; }
.hero-image-wrap {
  margin: 18px auto 0;
  max-width: 680px;
  position: relative;
  z-index: 1;
}
.hero-image-wrap-cover {
  max-height: 420px;
  overflow: hidden;
  border-radius: 6px;
}
.hero-image {
  width: 100%;
  height: 100%;
  display: block;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 6px;
  box-shadow: 0 12px 34px rgba(0,0,0,0.35);
  object-fit: cover;
  object-position: center top;
}
.hero-infographic-wrap {
  margin-top: 14px;
  max-width: 760px;
}
.hero-infographic {
  width: 100%;
  height: auto;
  display: block;
  border: 1px solid rgba(212,175,55,0.35);
  border-radius: 6px;
  box-shadow: 0 10px 26px rgba(0,0,0,0.3);
}
.hero-infographic-caption {
  margin-top: 8px;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  color: #8c857d;
}
.hero-cta-row {
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  position: relative;
  z-index: 1;
}
.hero-cta {
  display: inline-block;
  text-decoration: none;
  font-family: 'Barlow Condensed',sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.84rem;
  border-radius: 3px;
  padding: 11px 14px;
}
.hero-cta-primary {
  background: var(--hj-gold);
  color: #1a1a1a;
}
.hero-cta-primary:hover {
  background: #e5c44e;
}
.hero-cta-secondary {
  background: var(--hj-rot);
  color: #fff;
}
.hero-cta-secondary:hover {
  background: var(--hj-dunkelrot);
}

.article-audio-card {
  background: linear-gradient(135deg,rgba(74,144,217,0.14),rgba(13,13,13,0.95));
  border: 1px solid rgba(74,144,217,0.28);
  border-left: 4px solid var(--hj-gold);
  border-radius: 6px;
  padding: 18px 18px 16px;
}
.article-audio-head {
  margin-bottom: 8px;
}
.article-audio-badge {
  display: inline-block;
  font-family: 'Barlow Condensed',sans-serif;
  font-weight: 700;
  font-size: 0.72rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--hj-gold);
  margin-bottom: 6px;
}
.article-audio-head h3 {
  font-family: 'Barlow Condensed',sans-serif;
  font-weight: 900;
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #f0ece7;
}
.article-audio-text {
  color: #bcb4ac;
  font-size: 0.9rem;
  line-height: 1.65;
  margin-bottom: 10px;
}
.article-audio-player {
  width: 100%;
}

.intro-meta-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
}
.intro-meta-card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-left: 4px solid var(--hj-rot);
  border-radius: 4px;
  padding: 14px 16px;
}
.intro-meta-card h3 {
  font-family: 'Barlow Condensed',sans-serif;
  font-weight: 900;
  font-size: 1.05rem;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: #ece8e3;
  margin-bottom: 8px;
}
.intro-meta-main {
  color: #d2cdc7;
  font-size: 0.9rem;
  line-height: 1.65;
  margin-bottom: 4px;
}
.intro-meta-sub {
  color: #9f9891;
  font-size: 0.82rem;
  line-height: 1.6;
}
.intro-meta-wide {
  grid-column: 1 / -1;
}
.intro-meta-list {
  list-style: none;
}
.intro-meta-list li {
  color: #c2bdb6;
  font-size: 0.87rem;
  line-height: 1.6;
  padding: 7px 0;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.intro-meta-list li:last-child {
  border-bottom: none;
}
.intro-meta-list li strong {
  color: var(--hj-gold);
}
.intro-voices {
  border-left-color: var(--hj-blau);
  background: linear-gradient(135deg,rgba(74,144,217,0.08),rgba(13,13,13,0.95));
}
.intro-voices p {
  color: #c7c1bb;
  font-size: 0.88rem;
  line-height: 1.68;
  margin-bottom: 8px;
}
.intro-voices p strong {
  color: var(--hj-gold);
}
.intro-meta-note {
  font-size: 0.78rem;
  line-height: 1.55;
  color: #9d968f;
  margin-bottom: 0;
}

.qual-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
}
.qual-card {
  background: rgba(0,0,0,0.34);
  border: 1px solid rgba(255,255,255,0.08);
  border-left: 4px solid var(--hj-gold);
  border-radius: 4px;
  padding: 14px 16px;
}
.qual-card h3 {
  font-family: 'Barlow Condensed',sans-serif;
  font-weight: 900;
  font-size: 1.06rem;
  text-transform: uppercase;
  color: #ece8e2;
  margin-bottom: 8px;
}
.qual-list {
  list-style: none;
}
.qual-list li {
  color: #beb8b2;
  font-size: 0.86rem;
  line-height: 1.62;
  padding: 6px 0;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.qual-list li:last-child {
  border-bottom: none;
}
.qual-list li strong {
  color: var(--hj-gold);
}
.qual-wide {
  grid-column: 1 / -1;
  border-left-color: var(--hj-blau);
  background: linear-gradient(135deg,rgba(74,144,217,0.08),rgba(13,13,13,0.95));
}
.bg-teaser-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px;
  margin-bottom: 12px;
}
.bg-teaser-item {
  background: rgba(0,0,0,0.32);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 4px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.bg-teaser-item strong {
  color: var(--hj-gold);
  font-size: 0.84rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.bg-teaser-item span {
  color: #bdb7b0;
  font-size: 0.82rem;
  line-height: 1.55;
}
.bg-teaser-cta {
  display: inline-block;
  text-decoration: none;
  background: var(--hj-blau);
  color: #fff;
  font-family: 'Barlow Condensed',sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-size: 0.82rem;
  border-radius: 3px;
  padding: 10px 14px;
}
.bg-teaser-cta:hover {
  background: #3e7fbe;
}

.voices-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
}
.voices-card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-left: 4px solid var(--hj-rot);
  border-radius: 4px;
  padding: 14px 16px;
}
.voices-wide {
  grid-column: 1 / -1;
  border-left-color: var(--hj-gold);
  background: linear-gradient(135deg,rgba(212,175,55,0.08),rgba(13,13,13,0.95));
}
.voices-card h3 {
  font-family: 'Barlow Condensed',sans-serif;
  font-weight: 900;
  font-size: 1.05rem;
  text-transform: uppercase;
  color: #ebe7e1;
  margin-bottom: 8px;
}
.voices-intro {
  color: #bdb7b1;
  font-size: 0.86rem;
  line-height: 1.62;
  margin-bottom: 10px;
}
.voices-list {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 8px;
}
.voices-list blockquote {
  margin: 0;
  background: rgba(0,0,0,0.32);
  border: 1px solid rgba(255,255,255,0.08);
  border-left: 3px solid var(--hj-gold);
  border-radius: 4px;
  color: #d0cbc5;
  font-size: 0.84rem;
  line-height: 1.55;
  padding: 9px 10px;
  font-style: italic;
}
.voices-bullets {
  list-style: none;
}
.voices-bullets li {
  color: #beb8b2;
  font-size: 0.85rem;
  line-height: 1.62;
  padding: 6px 0;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.voices-bullets li:last-child {
  border-bottom: none;
}
.voices-bullets li strong {
  color: var(--hj-gold);
}
.voice-loc {
  display: inline-block;
  margin-right: 8px;
  padding: 2px 7px;
  border-radius: 999px;
  font-family: 'Barlow Condensed',sans-serif;
  font-weight: 900;
  font-size: 0.64rem;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: var(--hj-blau);
  border: 1px solid rgba(74,144,217,0.45);
  background: rgba(74,144,217,0.12);
  vertical-align: middle;
}
.voices-cta {
  display: inline-block;
  margin-top: 10px;
  text-decoration: none;
  background: var(--hj-blau);
  color: #fff;
  font-family: 'Barlow Condensed',sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-size: 0.8rem;
  border-radius: 3px;
  padding: 10px 12px;
}
.voices-cta:hover {
  background: #3e7fbe;
}

/* SECTIONS */
.container { max-width:1100px; margin:0 auto; padding:0 40px; }
.sec { padding:80px 0; }
.sec-sm { padding:50px 0; }
.sec-dark { background:#111; }
.sec-anthrazit { background:var(--hj-anthrazit); }

.sh { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-style:italic; font-size:clamp(2rem,5vw,4rem); text-transform:uppercase; line-height:0.95; margin-bottom:16px; }
.sh .r { color:var(--hj-rot); }
.sh .g { color:var(--hj-gold); }
.sec-sub { color:#888; font-size:1rem; margin-bottom:40px; line-height:1.7; max-width:700px; }

/* LEAD */
.lead-text { font-size:1.2rem; line-height:1.85; color:#d0ccC8; border-left:4px solid var(--hj-rot); padding-left:24px; }
.lead-text strong { color:var(--hj-gold); }

.kompakt-hub {
  margin:26px 0 30px;
  padding:22px 24px;
  border:1px solid rgba(74,144,217,0.25);
  border-left:5px solid var(--hj-blau);
  background:linear-gradient(135deg,rgba(74,144,217,0.08),rgba(13,13,13,0.95));
  border-radius:4px;
}
.kompakt-hub h3 {
  font-family:'Barlow Condensed',sans-serif;
  font-weight:900;
  font-style:italic;
  font-size:1.45rem;
  text-transform:uppercase;
  color:var(--hj-weiss);
  margin-bottom:8px;
}
.kompakt-intro {
  color:#c9c4be;
  font-size:0.95rem;
  line-height:1.75;
  margin-bottom:14px;
}
.kompakt-intro strong {
  color:var(--hj-gold);
}
.kompakt-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.kompakt-card {
  background:rgba(0,0,0,0.38);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:4px;
  padding:12px 14px;
}
.kompakt-card h4 {
  font-family:'Barlow Condensed',sans-serif;
  font-size:0.95rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:0.5px;
  color:var(--hj-gold);
  margin-bottom:6px;
}
.kompakt-card ul {
  list-style:none;
}
.kompakt-card ul li {
  color:#b7b1ab;
  font-size:0.84rem;
  line-height:1.55;
  padding:4px 0;
  border-bottom:1px solid rgba(255,255,255,0.05);
}
.kompakt-card ul li:last-child {
  border-bottom:none;
}
.kompakt-cta-row {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}
.kompakt-cta {
  display:inline-block;
  text-decoration:none;
  background:var(--hj-rot);
  color:#fff;
  font-family:'Barlow Condensed',sans-serif;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:0.84rem;
  border-radius:3px;
  padding:10px 14px;
}
.kompakt-cta:hover {
  background:var(--hj-dunkelrot);
}
.kompakt-cta-ghost {
  background:rgba(255,255,255,0.06);
  color:#d7d2cc;
  border:1px solid rgba(255,255,255,0.12);
}
.kompakt-cta-ghost:hover {
  background:rgba(74,144,217,0.2);
}

/* COMEDY BOX */
.comedy { background:linear-gradient(135deg,#1a0a00,#251200); border:1px solid rgba(212,175,55,0.25); border-left:5px solid var(--hj-gold); padding:22px 28px; border-radius:4px; margin:32px 0; }
.comedy p { font-size:0.95rem; line-height:1.75; color:#c4c0ba; font-style:italic; }
.comedy strong { color:var(--hj-gold); font-style:normal; }

/* STATS */
.stats-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:20px; }
.stat-card { background:var(--hj-dunkel); border:1px solid rgba(192,57,43,0.2); border-top:3px solid var(--hj-rot); padding:28px 20px; text-align:center; border-radius:4px; opacity:0; transform:translateY(30px); transition:opacity 0.6s,transform 0.6s; }
.stat-card.vis { opacity:1; transform:none; }
.stat-num { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-style:italic; font-size:2.8rem; color:var(--hj-gold); line-height:1; display:block; }
.stat-lbl { font-size:0.8rem; color:#777; text-transform:uppercase; letter-spacing:1px; margin-top:6px; display:block; }
.stat-src { font-size:10px; color:#444; margin-top:5px; display:block; }

.grund-focus {
  max-width: 980px;
}
.grund-list {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
}
.grund-list li {
  color: #c4c0ba;
  font-size: 0.95rem;
  line-height: 1.7;
  padding: 9px 0;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.grund-list li strong {
  color: var(--hj-gold);
}
.grund-table-wrap {
  margin-top: 6px;
  overflow-x: auto;
}
.grund-table {
  min-width: 640px;
}
.grund-ranking-wrap {
  margin-top: 8px;
  overflow-x: auto;
}
.grund-ranking-table {
  min-width: 760px;
}
.rank-legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 2px 0 12px;
}
.rank-legend-label {
  font-family: 'Barlow Condensed',sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-size: 0.72rem;
  color: #9f9891;
  margin-right: 2px;
}
.grund-ranking-table .rn {
  font-size: 1.35rem;
}
.rank-cell {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.rank-status {
  display: inline-block;
  margin-top: 5px;
  margin-left: 2px;
  padding: 2px 7px;
  border-radius: 999px;
  font-family: 'Barlow Condensed',sans-serif;
  font-weight: 900;
  font-size: 0.64rem;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}
.st-secure {
  color: #79d495;
  border: 1px solid rgba(121,212,149,0.45);
  background: rgba(40,110,62,0.25);
}
.st-range {
  color: #e3c370;
  border: 1px solid rgba(212,175,55,0.45);
  background: rgba(131,97,17,0.25);
}
.st-open {
  color: #e3a5a5;
  border: 1px solid rgba(192,57,43,0.5);
  background: rgba(112,34,29,0.3);
}
.top3-badge {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 999px;
  font-family: 'Barlow Condensed',sans-serif;
  font-weight: 900;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  line-height: 1;
}
.top3-gold {
  color: #2a1a00;
  background: linear-gradient(135deg,#f4d97a,#d4af37);
  border: 1px solid #e2c15a;
}
.top3-silver {
  color: #1f2329;
  background: linear-gradient(135deg,#e7edf3,#b7c0cb);
  border: 1px solid #c6cfda;
}
.top3-bronze {
  color: #2c1709;
  background: linear-gradient(135deg,#d6a07f,#b8744a);
  border: 1px solid #c88761;
}
.grund-ranking-note {
  margin-top: 14px;
  color: #a9a39d;
  font-size: 0.86rem;
  line-height: 1.65;
}
.grund-ranking-note a {
  color: var(--hj-blau);
  text-decoration: none;
}
.grund-ranking-note a:hover {
  text-decoration: underline;
}
.deepdive-preview {
  margin-top: 18px;
  padding: 18px 20px;
  border: 1px solid rgba(74,144,217,0.3);
  border-left: 4px solid var(--hj-blau);
  background: linear-gradient(135deg,rgba(74,144,217,0.08),rgba(13,13,13,0.96));
  border-radius: 4px;
}
.deepdive-preview h3 {
  font-family: 'Barlow Condensed',sans-serif;
  font-weight: 900;
  font-style: italic;
  font-size: 1.2rem;
  text-transform: uppercase;
  color: #e6e2dc;
  margin-bottom: 10px;
}
.deepdive-preview ul {
  list-style: none;
  margin: 0 0 12px;
  padding: 0;
}
.deepdive-preview ul li {
  color: #c4c0ba;
  font-size: 0.9rem;
  line-height: 1.65;
  padding: 6px 0;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.deepdive-preview ul li:last-child {
  border-bottom: none;
}
.deepdive-preview ul li strong {
  color: var(--hj-gold);
}
.deepdive-preview-cta {
  display: inline-block;
  text-decoration: none;
  background: var(--hj-blau);
  color: #fff;
  font-family: 'Barlow Condensed',sans-serif;
  font-weight: 900;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  font-size: 0.85rem;
  padding: 10px 14px;
  border-radius: 3px;
}
.deepdive-preview-cta:hover {
  background: #3e7fbe;
}
.grund-handover {
  max-width: 980px;
}
.grund-pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0 18px;
}
.grund-main-cta {
  display: inline-block;
  text-decoration: none;
  background: var(--hj-gold);
  color: #1a1a1a;
  font-family: 'Barlow Condensed',sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.9rem;
  border-radius: 3px;
  padding: 12px 16px;
}
.grund-main-cta:hover {
  background: #e5c44e;
}
.grund-cta-cluster {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
}
.grund-cta-hint {
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px 10px;
  border-left: 3px solid var(--hj-blau);
  background: rgba(74,144,217,0.08);
  border-radius: 3px;
  max-width: 560px;
}
.grund-cta-read {
  font-family: 'Barlow Condensed',sans-serif;
  font-weight: 900;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-size: 0.78rem;
  color: var(--hj-gold);
}
.grund-cta-miss {
  font-size: 0.8rem;
  line-height: 1.55;
  color: #c2bdb7;
}
.narrow-container {
  max-width: 860px;
}

/* TABLES */
.tbl { width:100%; border-collapse:collapse; font-size:0.88rem; }
.tbl thead tr { background:var(--hj-rot); font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:0.8rem; text-transform:uppercase; letter-spacing:1px; }
.tbl thead th { padding:12px 14px; text-align:left; color:white; }
.tbl tbody tr { border-bottom:1px solid rgba(255,255,255,0.06); transition:background 0.2s; }
.tbl tbody tr:hover { background:rgba(192,57,43,0.07); }
.tbl tbody td { padding:12px 14px; vertical-align:top; color:#c0bcb8; line-height:1.55; }
.tbl tbody td strong { color:#ddd; }
.rn { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:1.8rem; color:var(--hj-rot); line-height:1; }
.betrag { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:1.05rem; color:var(--hj-gold); white-space:nowrap; }
.betrag-g { color:var(--hj-gold) !important; }
.pb { display:inline-block; padding:3px 9px; border-radius:3px; font-size:0.72rem; font-weight:700; letter-spacing:1px; text-transform:uppercase; margin:2px; }
.pc { background:rgba(0,0,0,0.8); border:1px solid #555; color:#ccc; }
.ps { background:rgba(180,30,30,0.3); border:1px solid #c04; color:#ff9999; }
.pg { background:rgba(0,120,0,0.25); border:1px solid #090; color:#6d6; }
.pl { background:rgba(74,144,217,0.25); border:1px solid var(--hj-blau); color:var(--hj-blau); }
.comedy-td { font-style:italic; font-size:0.82rem; color:#999; }
.hard { color:var(--hj-rot) !important; font-weight:700; }
.soft { color:var(--hj-gold) !important; }
.grey { color:#888; font-style:italic; }

/* PULL QUOTE */
.pq { background:var(--hj-anthrazit); border-left:6px solid var(--hj-rot); padding:32px 40px; position:relative; margin:48px 0; border-radius:4px; }
.pq::before { content:'„'; font-family:'Barlow Condensed',sans-serif; font-size:7rem; color:rgba(192,57,43,0.3); line-height:0.7; position:absolute; top:16px; left:16px; }
.pq-text { font-size:1.3rem; font-style:italic; line-height:1.7; color:var(--hj-weiss); padding-left:40px; }
.pq-author { margin-top:16px; font-size:0.82rem; text-transform:uppercase; letter-spacing:1px; color:#777; padding-left:40px; }
.pq-author span { color:var(--hj-gold); }

/* DEEP DIVE CARDS */
.dd-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:28px; }
.dd-card { background:var(--hj-anthrazit); border-radius:6px; overflow:hidden; border:1px solid rgba(255,255,255,0.06); opacity:0; transform:translateY(40px); transition:opacity 0.7s,transform 0.7s; }
.dd-card.vis { opacity:1; transform:none; }
.dd-head { padding:20px 24px 16px; position:relative; }
.dd-badge { position:absolute; top:14px; right:14px; font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:2.5rem; opacity:0.12; line-height:1; }
.dd-ort { font-size:10px; letter-spacing:2px; text-transform:uppercase; color:rgba(255,255,255,0.5); margin-bottom:5px; }
.dd-title { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:1.35rem; text-transform:uppercase; color:white; line-height:1.2; }
.dd-amount { margin-top:6px; font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:1.6rem; color:var(--hj-gold); }
.dd-body { padding:22px; }
.dd-body p { font-size:0.88rem; line-height:1.7; color:#b8b4b0; margin-bottom:12px; }
.dd-body p strong { color:#ddd; }
.dd-foot { display:flex; justify-content:space-between; align-items:center; padding:10px 14px; background:rgba(0,0,0,0.4); border-radius:4px; font-size:0.8rem; }
.dd-foot .name { color:#ddd; font-weight:700; }
.dd-comedy { margin-top:12px; padding:12px 14px; background:rgba(192,57,43,0.1); border-left:3px solid var(--hj-rot); border-radius:2px; font-size:0.83rem; font-style:italic; color:#c0bcb8; line-height:1.6; }
.dd-comedy::before { content:'😂 '; }

/* SCANDAL BOX */
.scandal-box { background:linear-gradient(135deg,#1a0000,#200800); border:1px solid rgba(192,57,43,0.35); border-radius:6px; padding:36px; margin-bottom:36px; }
.scandal-box h3 { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-style:italic; font-size:1.7rem; text-transform:uppercase; color:var(--hj-rot); margin-bottom:20px; }

/* INFOKASTEN */
.infobox { background:rgba(212,175,55,0.05); border:1px solid rgba(212,175,55,0.2); border-left:4px solid var(--hj-gold); border-radius:4px; padding:24px 28px; margin:28px 0; }
.infobox h4 { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-style:italic; font-size:1.2rem; text-transform:uppercase; color:var(--hj-gold); margin-bottom:12px; }
.infobox ul { list-style:none; }
.infobox ul li { font-size:0.88rem; line-height:1.7; color:#b8b4b0; padding:6px 0; border-bottom:1px solid rgba(255,255,255,0.05); }
.infobox ul li::before { content:'◆ '; color:var(--hj-gold); font-size:0.7rem; }
.infobox ul li strong { color:#ddd; }

/* REDAKTIONELLE UNABHÄNGIGKEIT */
.independence-box {
  background:linear-gradient(135deg,#1b1b1b 0%, #111 100%);
  border:1px solid rgba(212,175,55,0.28);
  border-left:5px solid var(--hj-gold);
  border-radius:4px;
  padding:22px 24px;
  margin:24px 0 28px;
}
.independence-box h4 {
  font-family:'Barlow Condensed',sans-serif;
  font-weight:900;
  font-size:1.1rem;
  text-transform:uppercase;
  letter-spacing:0.04em;
  color:var(--hj-gold);
  margin-bottom:10px;
}
.independence-box p {
  color:#c6c2bd;
  line-height:1.75;
  font-size:0.92rem;
}

/* FAKTENCHECK UPDATE BLOCK */
.update-box {
  background:rgba(255,255,255,0.02);
  border:1px solid rgba(255,255,255,0.08);
  border-top:4px solid var(--hj-rot);
  border-radius:4px;
  padding:24px 26px;
  margin:0 0 30px;
}
.update-box h3 {
  font-family:'Barlow Condensed',sans-serif;
  font-weight:900;
  font-style:italic;
  font-size:1.4rem;
  text-transform:uppercase;
  color:var(--hj-weiss);
  margin-bottom:10px;
}
.update-intro {
  font-size:0.92rem;
  line-height:1.75;
  color:#beb9b4;
  margin-bottom:14px;
}
.update-list {
  list-style:none;
}
.update-list li {
  border-bottom:1px solid rgba(255,255,255,0.06);
  padding:9px 0;
  font-size:0.88rem;
  color:#b9b5b1;
  line-height:1.6;
}
.update-list li:last-child {
  border-bottom:none;
}
.update-list strong {
  color:#e2dfda;
}

/* GIESSEN EINORDNUNG */
.giessen-einordnung-container {
  max-width:980px;
}
.giessen-einordnung-box {
  margin-bottom:0;
}
.giessen-einordnung-text {
  font-size:0.95rem;
  line-height:1.8;
  color:#c4c0ba;
  margin-bottom:12px;
}
.giessen-einordnung-note {
  font-size:0.88rem;
  line-height:1.75;
  color:#a9a39d;
  margin:0;
}

.fulda-sarkasmus-note {
  display:block;
  margin-top:7px;
  padding:6px 9px;
  border-left:3px dashed var(--hj-gold);
  background:rgba(212,175,55,0.08);
  color:#cfc8bb;
  font-size:0.78rem;
  line-height:1.55;
  font-style:italic;
}

/* MARKT-RADAR */
.radar-box { background:var(--hj-dunkel); border:1px solid rgba(212,175,55,0.15); border-radius:6px; padding:28px; margin:28px 0; }
.radar-box h4 { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-style:italic; font-size:1.2rem; text-transform:uppercase; color:var(--hj-gold); margin-bottom:14px; }
.radar-box ul { list-style:none; }
.radar-box ul li { font-size:0.88rem; line-height:1.7; color:#a0a0a0; padding:7px 0 7px 16px; border-bottom:1px solid rgba(255,255,255,0.04); position:relative; }
.radar-box ul li::before { content:'▶'; position:absolute; left:0; color:var(--hj-gold); font-size:0.65rem; top:10px; }

/* BAR CHART */
.bar-item { margin-bottom:18px; opacity:0; transform:translateX(-30px); transition:opacity 0.6s,transform 0.6s; }
.bar-item.vis { opacity:1; transform:none; }
.bar-row { display:flex; justify-content:space-between; font-size:0.82rem; color:#888; margin-bottom:5px; }
.bar-row .bv { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:0.95rem; color:var(--hj-gold); }
.bar-track { height:26px; background:rgba(255,255,255,0.05); border-radius:3px; overflow:hidden; }
.bar-fill { height:100%; border-radius:3px; width:0; transition:width 1.2s cubic-bezier(0.4,0,0.2,1); }
.bf-r { background:linear-gradient(90deg,var(--hj-dunkelrot),var(--hj-rot)); }
.bf-g { background:linear-gradient(90deg,#8a6000,var(--hj-gold)); }
.bf-b { background:linear-gradient(90deg,#1a2a3a,var(--hj-blau)); }
.bf-grey { background:linear-gradient(90deg,#222,#555); }

/* PRO / CONTRA */
.pc-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; margin-bottom:28px; }
.pc-box { padding:28px; border-radius:6px; }
.pc-box.con { background:rgba(192,57,43,0.08); border:1px solid rgba(192,57,43,0.25); }
.pc-box.pro { background:rgba(212,175,55,0.05); border:1px solid rgba(212,175,55,0.18); }
.pc-box h4 { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:1.4rem; text-transform:uppercase; margin-bottom:16px; }
.pc-box.con h4 { color:var(--hj-rot); }
.pc-box.pro h4 { color:var(--hj-gold); }
.pc-box ul { list-style:none; }
.pc-box ul li { padding:8px 0; border-bottom:1px solid rgba(255,255,255,0.05); font-size:0.88rem; line-height:1.6; color:#b0acaa; }
.pc-box.con ul li::before { content:'✗ '; color:var(--hj-rot); font-weight:700; }
.pc-box.pro ul li::before { content:'✓ '; color:var(--hj-gold); font-weight:700; }
.hj-urteil { background:var(--hj-rot); padding:24px 32px; border-radius:4px; margin:28px 0; }
.hj-urteil p { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-style:italic; font-size:1.3rem; text-transform:uppercase; color:white; line-height:1.35; }

/* BÜRGERBEFRAGUNG */
.bb-banner { background:linear-gradient(135deg, rgba(212,175,55,0.14) 0%, rgba(13,13,13,0.98) 70%); border-top:3px solid var(--hj-gold); border-bottom:1px solid rgba(212,175,55,0.2); padding:20px 40px; margin:0 0 20px; }
.bb-banner-inner { max-width:1100px; margin:0 auto; display:flex; align-items:center; gap:28px; flex-wrap:wrap; }
.bb-icon-wrap { flex-shrink:0; width:48px; height:48px; background:var(--hj-gold); border-radius:50%; display:flex; align-items:center; justify-content:center; }
.bb-text-col { flex:1; min-width:200px; }
.bb-eyebrow { display:flex; align-items:center; gap:8px; margin-bottom:4px; }
.bb-pulse { width:8px; height:8px; border-radius:50%; background:var(--hj-rot); display:inline-block; animation:navPulse 1.8s ease-in-out infinite; flex-shrink:0; }
.bb-label { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:0.68rem; letter-spacing:0.22em; text-transform:uppercase; color:var(--hj-gold); }
.bb-title { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-style:italic; font-size:clamp(1.1rem,2.5vw,1.5rem); text-transform:uppercase; color:var(--hj-weiss); line-height:1; }
.bb-polls-row { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-top:10px; }
.bb-poll-chip { display:flex; align-items:center; gap:7px; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.1); border-radius:3px; padding:6px 12px; font-family:'Barlow Condensed',sans-serif; font-size:0.82rem; font-weight:700; color:rgba(245,245,240,0.7); text-decoration:none; transition:border-color 0.2s,color 0.2s; }
.bb-poll-chip:hover { border-color:var(--hj-gold); color:var(--hj-gold); }
.bb-poll-chip.aktiv { border-color:rgba(212,175,55,0.4); color:var(--hj-gold); }
.bb-poll-chip.aktiv .bb-chip-dot { width:7px; height:7px; border-radius:50%; background:var(--hj-rot); display:inline-block; animation:navPulse 1.5s ease-in-out infinite; }
.bb-poll-chip.kommend { opacity:0.55; }
.bb-cta-col { flex-shrink:0; }
.bb-cta-btn { display:inline-flex; align-items:center; gap:8px; background:var(--hj-gold); color:var(--hj-schwarz); font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:0.9rem; letter-spacing:0.12em; text-transform:uppercase; padding:13px 26px; border-radius:3px; text-decoration:none; box-shadow:0 0 0 0 rgba(212,175,55,0.4); animation:bpGlow 2.5s ease-out infinite; transition:background 0.2s; white-space:nowrap; }
.bb-cta-btn:hover { background:#e8c84a; animation:none; }
@keyframes bpGlow { 0%{box-shadow:0 0 0 0 rgba(212,175,55,0.4)} 70%{box-shadow:0 0 0 10px rgba(212,175,55,0)} 100%{box-shadow:0 0 0 0 rgba(212,175,55,0)} }

/* DEEP DIVE LINK */
.deep-link { background:linear-gradient(135deg,#140000,#1f0a00); border:1px solid rgba(192,57,43,0.3); border-left:4px solid var(--hj-rot); padding:22px 26px; border-radius:4px; margin:28px 0 10px; text-align:left; }
.deep-link h3 { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-style:italic; font-size:1.4rem; text-transform:uppercase; color:var(--hj-weiss); margin-bottom:8px; }
.deep-link p { color:#b8b4b0; font-size:0.95rem; line-height:1.7; }
.deep-link a { display:inline-block; margin-top:12px; font-family:'Barlow Condensed',sans-serif; font-weight:700; letter-spacing:1px; text-transform:uppercase; font-size:0.85rem; color:#fff; background:var(--hj-rot); padding:10px 16px; border-radius:3px; text-decoration:none; }
.deep-link a:hover { background:var(--hj-dunkelrot); }
.deep-links { margin-top:14px; display:flex; flex-wrap:wrap; gap:10px; }
.deep-links a { background:rgba(255,255,255,0.06); color:#cfcac5; padding:6px 10px; border-radius:3px; text-decoration:none; font-size:0.78rem; letter-spacing:0.5px; text-transform:uppercase; }
.deep-links a:hover { background:rgba(192,57,43,0.2); color:#fff; }

/* FAQ */
.faq { background:var(--hj-anthrazit); border:1px solid rgba(255,255,255,0.06); border-radius:6px; padding:28px; }
.faq h3 { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-style:italic; font-size:1.6rem; text-transform:uppercase; margin-bottom:14px; }
.faq-item { border-top:1px solid rgba(255,255,255,0.06); padding:12px 0; }
.faq-item:first-of-type { border-top:none; }
.faq-item[open] { background:rgba(255,255,255,0.02); }
.faq-q {
  list-style:none;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-family:'Barlow Condensed',sans-serif;
  font-weight:900;
  font-size:1rem;
  letter-spacing:0.5px;
  text-transform:uppercase;
  color:#ddd;
}
.faq-q::-webkit-details-marker { display:none; }
.faq-q::after {
  content:'+';
  color:var(--hj-gold);
  font-size:1.2rem;
  line-height:1;
  margin-left:12px;
}
.faq-item[open] .faq-q::after {
  content:'−';
}
.faq-a { color:#b8b4b0; font-size:0.92rem; line-height:1.75; padding-top:8px; }

/* QUELLENBOX */
.quellenbox { padding:48px 40px 80px; }
.quellenbox h4 { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-style:italic; font-size:1.4rem; text-transform:uppercase; color:#666; margin-bottom:20px; border-top:1px solid #222; padding-top:20px; }
.q-grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:6px 16px; }
.q-grid a { font-size:0.78rem; color:var(--hj-blau); text-decoration:none; line-height:1.5; display:block; padding:3px 0; border-bottom:1px solid rgba(255,255,255,0.04); }
.q-grid a:hover { color:#6ab0f5; text-decoration:underline; }
.q-cat { font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:0.9rem; text-transform:uppercase; color:#555; letter-spacing:1px; margin:20px 0 8px; grid-column:1/-1; }

/* FOOTER */
footer { background:#050505; border-top:2px solid var(--hj-rot); padding:48px 40px; text-align:center; }
.footer-logo { display:flex; justify-content:center; margin-bottom:12px; }
.footer-logo .logo-image { width:52px; height:52px; }
.footer-links { font-size:0.83rem; color:#444; line-height:1.8; }
.footer-credit { font-size:0.83rem; color:#444; line-height:1.8; }
footer a { color:var(--hj-blau); text-decoration:none; }
footer a:hover { text-decoration:underline; }

/* RESPONSIVE */
@media(max-width:768px) {
  .header { padding:12px 16px; }
  .header-meta { display:none; }
  .hero { padding:60px 20px 50px; }
  .hero-image-wrap { margin-top:14px; }
  .hero-image-wrap-cover { max-height: 300px; }
  .hero-infographic-caption { font-size: 0.66rem; letter-spacing: 0.7px; }
  .container { padding:0 16px; }
  .pc-grid { grid-template-columns:1fr; }
  .q-grid { grid-template-columns:1fr 1fr; }
  .dd-grid { grid-template-columns:1fr; }
  .quellenbox { padding:32px 16px 60px; }
  .tbl { font-size:0.76rem; }
  .tbl thead th, .tbl tbody td { padding:8px; }
  .bb-banner { padding:16px 20px; }
  .bb-icon-wrap { display:none; }
  .bb-cta-col { width:100%; }
  .bb-cta-btn { width:100%; justify-content:center; }
  .hero-cta-row { justify-content:stretch; }
  .hero-cta { width:100%; text-align:center; }
  .kompakt-grid { grid-template-columns:1fr; }
  .intro-meta-grid { grid-template-columns:1fr; }
  .qual-grid { grid-template-columns:1fr; }
  .bg-teaser-grid { grid-template-columns:1fr; }
  .voices-grid { grid-template-columns:1fr; }
  .voices-list { grid-template-columns:1fr; }
  .grund-ranking-table {
    min-width: 680px;
  }
  .grund-cta-hint {
    max-width: 100%;
  }
}
@media(max-width:480px) {
  .q-grid { grid-template-columns:1fr; }
  .stats-grid { grid-template-columns:1fr 1fr; }
}