.home-hero{padding-block:44px 54px}.hero-layout{display:grid;grid-template-columns:minmax(0,8fr) minmax(270px,4fr);gap:clamp(34px,5vw,70px);align-items:start}.hero-article{min-width:0}.hero-image{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:18px;background:var(--aqua)}.hero-copy{position:relative;max-width:760px;margin:-52px 0 0 auto;padding:28px 0 0 30px;background:#fff}.hero-copy h1{margin:10px 0 16px;font-size:clamp(38px,3.6vw,52px);line-height:1.04;letter-spacing:-.035em}.hero-copy h1 a{text-decoration:none}.hero-copy h1 a:hover{text-decoration:underline;text-decoration-color:var(--yellow)}.hero-copy p{max-width:56ch;margin:0;color:#486368;font-size:16px}.hero-article.no-media{padding:38px;background:var(--aqua);border-top:5px solid var(--yellow)}.hero-article.no-media .hero-copy{margin:0;padding:0;background:transparent}.perspectives{border-left:1px solid var(--line);padding-left:28px}.perspectives>h2{margin:0 0 8px;font-size:24px}.perspective-item{padding:20px 0;border-top:1px solid var(--line)}.perspective-item h3{margin:7px 0 10px;font-size:clamp(20px,1.7vw,24px);line-height:1.15}.perspective-item h3 a{text-decoration:none}.perspective-item h3 a:hover{text-decoration:underline;text-decoration-color:var(--yellow)}.perspective-item small{color:#60777c}.topic-band{background:var(--teal);color:#fff;padding-block:30px}.topic-band-inner{display:grid;grid-template-columns:minmax(190px,1fr) 4fr;gap:30px;align-items:center}.topic-band h2{margin:0;font-size:28px}.topic-list{display:flex;flex-wrap:wrap;gap:8px}.topic-pill{display:inline-flex;align-items:center;min-height:42px;border:1px solid rgba(255,255,255,.6);border-radius:7px;padding:8px 12px;color:#fff;text-decoration:none;font-size:14px;font-weight:650}.topic-pill:hover,.topic-pill:focus{background:#fff;color:var(--deep)}.home-stories{padding-block:62px 76px}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px}.grid-story .story-image{width:100%;aspect-ratio:16/10;object-fit:cover;margin-bottom:17px;border-radius:14px}.grid-story h2{margin:7px 0 11px;font-size:clamp(21px,2vw,27px);line-height:1.13}.grid-story h2 a{text-decoration:none}.grid-story h2 a:hover{text-decoration:underline;text-decoration-color:var(--yellow)}.grid-story p{margin:.3em 0;color:#486368;font-size:15px}.article-intro h1{font-size:clamp(40px,4.5vw,60px);max-width:30ch}.article-head figure img{aspect-ratio:16/9;max-height:650px}.article-body{grid-template-columns:minmax(0,730px) 260px}
@media(max-width:900px){.hero-layout{grid-template-columns:1fr}.perspectives{border-left:0;border-top:1px solid var(--line);padding:26px 0 0}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-band-inner{grid-template-columns:1fr}}
@media(max-width:800px){.home-hero{padding-block:24px 40px}.hero-copy{margin:-24px 0 0 13px;padding:22px 0 0 18px}.hero-copy h1{font-size:35px}.hero-article.no-media{padding:27px 22px}.story-grid{grid-template-columns:1fr;gap:38px}.home-stories{padding-block:45px}.topic-band{padding-block:26px}}

/* Artikelkopf ohne Lead */
.article-intro h1{margin:10px 0 0}
.article-intro h1+.byline{display:block;margin:24px 0 0;color:#486368}
@media(max-width:800px){.article-intro h1+.byline{margin-top:18px}}

/* Rechtsseiten */
.legal-page{max-width:820px}
.legal-page>header h1{margin:8px 0 0;font-size:clamp(38px,4vw,54px);letter-spacing:-.035em}
.legal-page .prose{margin-top:34px;font-size:17px;line-height:1.7;max-width:720px}
.legal-page .prose h2{font-size:25px;line-height:1.2;margin:2em 0 .5em;padding-top:18px;border-top:1px solid #d5e5e1}
.legal-page .prose>h2:first-child{margin-top:0;padding-top:0;border-top:0}
.legal-page .prose h3{font-size:19px;margin:1.6em 0 .4em}
.legal-page .prose p{margin:0 0 1em}
.legal-page .prose ul{margin:0 0 1.2em;padding-left:1.3em}
.legal-page .prose li{margin:.25em 0}
.legal-toc{margin-top:28px;padding:18px 22px;background:#e8f5f2;border-left:4px solid #087f78;border-radius:0 10px 10px 0;max-width:720px}
.legal-toc h2{margin:0 0 8px;font-size:17px}
.legal-toc ol{margin:0;padding-left:1.3em;columns:2;column-gap:32px}
.legal-toc li{margin:4px 0;break-inside:avoid;font-size:15px}
@media(max-width:800px){.legal-page .prose{font-size:16px}.legal-page .prose h2{font-size:22px}.legal-toc ol{columns:1}}
.legal-page .prose,.legal-toc{overflow-wrap:anywhere}