:root{--ink:#111827;--muted:#5b6472;--paper:#fffaf2;--line:#ddd3c4;--accent:#2936cc;--gold:#b28a36;--danger:#8a1f1f;--shadow:0 18px 45px rgba(17,24,39,.12);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Georgia,"Times New Roman",serif;color:var(--ink);background:linear-gradient(180deg,#fffaf2,#f2eadc);line-height:1.65}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.topbar{background:#111827;color:white;font:14px/1.4 Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.topbar .wrap{max-width:1180px;margin:auto;padding:9px 18px;display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap}.masthead{max-width:1180px;margin:0 auto;padding:24px 18px 18px;border-bottom:4px double var(--ink)}
.brand{display:flex;align-items:center;gap:18px;justify-content:space-between;flex-wrap:wrap}.logo{font-size:clamp(34px,7vw,78px);font-weight:900;letter-spacing:-.06em;line-height:.92;color:#111827}.logo span{color:var(--accent)}
.claim{font:15px/1.45 Arial,sans-serif;color:var(--muted);max-width:500px;text-align:right}.nav{max-width:1180px;margin:0 auto;padding:12px 18px 0;display:flex;gap:8px;flex-wrap:wrap;font:700 14px/1.3 Arial,sans-serif}
.nav a{color:#111827;border:1px solid var(--line);padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.55)}.nav a:hover{background:#fff;text-decoration:none;border-color:#111827}
.container{max-width:1180px;margin:0 auto;padding:26px 18px 60px}.hero{display:grid;grid-template-columns:1.35fr .65fr;gap:24px}.hero-main,.card,.article,.sidebox,.notice,.sourcebox{background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.hero-main{overflow:hidden;display:grid;grid-template-columns:1fr 1fr;min-height:420px}.hero-copy{padding:34px}.kicker{font:800 12px/1.2 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
h1,h2,h3{line-height:1.08;margin:0 0 14px}h1{font-size:clamp(34px,5vw,64px);letter-spacing:-.04em}h2{font-size:clamp(26px,3vw,42px);letter-spacing:-.03em}h3{font-size:clamp(21px,2vw,28px);letter-spacing:-.02em}
p{margin:0 0 16px}.lead{font-size:20px;color:#263244}.hero-img img,.card img,.article-image img{width:100%;height:100%;object-fit:cover;display:block}.hero-img{min-height:320px}.hero-side{display:grid;gap:18px}.sidebox{padding:22px}
.issue{font:700 13px/1.5 Arial,sans-serif;color:white;background:var(--accent);display:inline-block;padding:6px 9px;border-radius:6px;margin-bottom:12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.card{overflow:hidden;color:var(--ink)}.card:hover{text-decoration:none;transform:translateY(-2px)}
.card .body{padding:20px}.card img{height:180px}.meta{font:700 12px/1.3 Arial,sans-serif;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.btn{display:inline-block;margin-top:8px;background:var(--ink);color:white!important;padding:11px 15px;border-radius:999px;font:700 14px/1 Arial,sans-serif}.btn.secondary{background:var(--accent)}.btn:hover{text-decoration:none;opacity:.92}
.article{padding:clamp(22px,4vw,48px);max-width:940px;margin:auto}.article h1{font-size:clamp(36px,5vw,62px)}.article h2{margin-top:34px;border-top:1px solid var(--line);padding-top:25px}.article ul{padding-left:24px}.article li{margin:8px 0}.article-image{height:330px;overflow:hidden;border-radius:18px;margin:24px 0;border:1px solid var(--line)}
.notice{padding:18px 20px;margin:24px 0;background:#fff7e6;border-color:#e0c587;font-family:Arial,sans-serif}.notice strong{color:#6b3f00}.danger{background:#fff1f1;border-color:#e6b9b9}.danger strong{color:var(--danger)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.sourcebox{padding:20px;font-family:Arial,sans-serif;background:#fff}.quote{border-left:6px solid var(--accent);padding:18px 20px;margin:24px 0;background:#fff;font-size:21px;font-style:italic}
.footer{background:#111827;color:#e5e7eb;margin-top:40px;font:14px/1.6 Arial,sans-serif}.footer .wrap{max-width:1180px;margin:auto;padding:35px 18px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}.footer a{color:white}.disclaimer{font-size:13px;color:#cbd5e1}.breadcrumb{font:13px/1.4 Arial,sans-serif;color:var(--muted);margin-bottom:18px}
.table{width:100%;border-collapse:collapse;margin:20px 0;background:#fff;font-family:Arial,sans-serif;font-size:15px}.table th,.table td{border:1px solid var(--line);padding:12px;vertical-align:top}.table th{background:#f6efe2;text-align:left}
.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0}.feature-list div{background:#fff;border:1px solid var(--line);padding:14px;border-radius:14px;font-family:Arial,sans-serif}.small{font-size:14px;color:var(--muted);font-family:Arial,sans-serif}
@media(max-width:900px){.hero,.hero-main,.two,.footer .wrap{grid-template-columns:1fr}.claim{text-align:left}.grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.grid,.feature-list{grid-template-columns:1fr}.logo{font-size:42px}.hero-copy{padding:24px}.article{padding:22px}.article-image{height:240px}}






/* --- ZEITUNGS-/MAGAZIN-STARTSEITE: 08.06.2026 --- */

.newspaper-home{
  padding-top:18px;
}

.frontpage-intro{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:26px 30px 24px;
  margin-bottom:20px;
  box-shadow:0 10px 28px rgba(17,24,39,.06);
}

.frontpage-label{
  font:800 12px/1.2 Arial,sans-serif;
  color:var(--gold);
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:8px;
}

.frontpage-intro h1{
  font-size:clamp(34px,5vw,68px);
  line-height:.95;
  letter-spacing:-.045em;
  margin:0 0 10px;
}

.frontpage-intro p{
  font-size:clamp(17px,1.5vw,22px);
  line-height:1.45;
  color:#263244;
  max-width:980px;
  margin:0;
}

.frontpage-layout{
  display:grid;
  grid-template-columns:minmax(0, 1.45fr) minmax(300px, .8fr);
  gap:22px;
  margin-bottom:22px;
}

.lead-story{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 12px 32px rgba(17,24,39,.08);
  display:grid;
  grid-template-columns:.95fr 1.05fr;
}

.lead-image{
  min-height:300px;
  background:#eee;
  display:block;
  overflow:hidden;
}

.lead-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}

.lead-text{
  padding:28px 30px;
}

.lead-text h2{
  font-size:clamp(28px,3.1vw,48px);
  line-height:1.04;
  letter-spacing:-.035em;
  margin:8px 0 14px;
}

.lead-text h2 a,
.frontpage-side h3 a{
  color:var(--ink);
}

.lead-text h2 a:hover,
.frontpage-side h3 a:hover{
  color:var(--accent);
  text-decoration:none;
}

.lead-text p{
  font-size:17px;
  line-height:1.58;
  color:#263244;
  margin-bottom:16px;
}

.readmore{
  font:800 14px/1 Arial,sans-serif;
  color:var(--accent);
}

.frontpage-side{
  display:grid;
  gap:14px;
}

.frontpage-side article{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:22px 24px;
  box-shadow:0 10px 26px rgba(17,24,39,.06);
}

.frontpage-side h3{
  font-size:clamp(22px,2vw,32px);
  line-height:1.08;
  margin:8px 0 10px;
}

.frontpage-side p{
  font-size:16px;
  line-height:1.55;
  color:#263244;
  margin:0;
}

.rubric-band{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin:0 0 24px;
}

.rubric-band a{
  background:#111827;
  color:#fff;
  border-radius:16px;
  padding:16px 18px;
  display:block;
  min-height:88px;
}

.rubric-band a:hover{
  text-decoration:none;
  transform:translateY(-2px);
}

.rubric-band span{
  display:block;
  font:800 12px/1.2 Arial,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#d7b76b;
  margin-bottom:8px;
}

.rubric-band strong{
  display:block;
  font-size:17px;
  line-height:1.25;
}

@media(max-width:980px){
  .frontpage-layout{
    grid-template-columns:1fr;
  }
  .lead-story{
    grid-template-columns:1fr;
  }
  .lead-image{
    min-height:260px;
    max-height:360px;
  }
  .rubric-band{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:620px){
  .newspaper-home{
    padding-top:10px;
  }
  .frontpage-intro{
    padding:20px;
  }
  .frontpage-intro h1{
    font-size:36px;
    line-height:1;
  }
  .frontpage-intro p{
    font-size:16px;
  }
  .lead-image{
    min-height:210px;
  }
  .lead-text{
    padding:22px;
  }
  .lead-text h2{
    font-size:28px;
  }
  .lead-text p,
  .frontpage-side p{
    font-size:15px;
  }
  .rubric-band{
    grid-template-columns:1fr;
  }
}