.reportagen-page{--reportagen-space:clamp(64px,7vw,112px);--reportagen-gutter:max(6%,calc((100% - 1160px)/2));--reportagen-berry:#a9531c}
.reportagen-page h1,.reportagen-page h2{font-family:'Barlow Condensed',Arial,sans-serif;font-weight:400;letter-spacing:-.025em;text-wrap:balance}
.reportagen-page h2{font-size:clamp(38px,4.4vw,68px);line-height:1.08;margin:0}
.reportagen-page p{font-size:17px;line-height:1.75;max-width:62ch}
.reportagen-page figure{margin:0}
.reportagen-page img{display:block;width:100%;height:auto}
.reportagen-hero{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:6%;padding:56px var(--reportagen-gutter) var(--reportagen-space)}
.reportagen-intro h1{font-size:clamp(36px,3.8vw,60px);line-height:1.12;margin:0 0 32px}
.reportagen-intro h1>span{display:block;font-size:.8em;margin-top:16px}
.reportagen-intro h1>.reportagen-hand{font-family:'Beauty Handwriting',cursive;font-size:clamp(76px,8vw,128px);letter-spacing:0;line-height:1.1;color:var(--reportagen-berry);margin-top:0}
.reportagen-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:28px}
.reportagen-hero-photo{padding-top:24px}
.reportagen-hero-photo p{font-size:13px;margin:12px 0 0}
.reportagen-section-head{display:grid;grid-template-columns:1fr 1.15fr;gap:8%;align-items:start;margin-bottom:40px}
.reportagen-section-head p:first-child{margin-top:0}
.reportagen-explainer,.reportagen-stories{padding:var(--reportagen-space) var(--reportagen-gutter)}
.reportagen-explainer{background:#e4e6da}
.reportagen-moments{display:grid;grid-template-columns:.85fr 1fr 1.1fr;gap:24px;align-items:center;max-width:1040px;margin-inline:auto}
.reportagen-moments figcaption{font-size:15px;padding-top:12px}
.reportagen-day{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:var(--reportagen-space) var(--reportagen-gutter);background:#243c30;color:#f4f4eb}
.reportagen-day-copy p{margin:24px 0}
.reportagen-day .button{background:#f1f2ec;color:#263c30}
.reportagen-day .button:hover{background:#e4e6da}
.reportagen-stories .story-list{padding:0}
.reportagen-stories .story-row{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center;margin:0;padding:40px 0;border-bottom:1px solid #bbc5b6}
.reportagen-stories .story-row:first-child{padding-top:0}
.reportagen-stories .story-row:nth-child(even){grid-template-columns:1fr 1.15fr}
.reportagen-stories .story-row:nth-child(even) figure{grid-column:2;grid-row:1}
.reportagen-stories .story-row:nth-child(even)>div{grid-column:1;grid-row:1}
.reportagen-stories .story-row h2{font-size:clamp(32px,3.5vw,52px)}
.reportagen-stories .story-row img{width:100%;height:auto;aspect-ratio:2400/1600;max-height:none;object-fit:contain}
.reportagen-stories .story-row figure{width:100%;margin:0}
.reportagen-page a:focus-visible{outline:3px solid #a9531c;outline-offset:6px}
.reportagen-day a:focus-visible{outline-color:#efd3a6}
.reportagen-page section[id]{scroll-margin-top:110px}
.reportagen-page .editorial-section{max-width:none;padding-inline:var(--reportagen-gutter);gap:8%}
.reportagen-page .page-cta{padding-inline:var(--reportagen-gutter)}
@media(max-width:760px){
 .reportagen-page{--reportagen-gutter:6%;--reportagen-space:64px}
 .reportagen-hero{grid-template-columns:1fr;gap:32px;padding-top:32px}
 .reportagen-intro h1{font-size:42px}
 .reportagen-intro h1>.reportagen-hand{font-size:88px}
 .reportagen-hero-photo{padding:0}
 .reportagen-section-head,.reportagen-day{grid-template-columns:1fr;gap:28px}
 .reportagen-section-head{margin-bottom:32px}
 .reportagen-moments{grid-template-columns:1fr 1fr;gap:24px 16px;align-items:start}
 .reportagen-moments>figure:first-child{grid-row:span 2}
 .reportagen-moments figcaption{font-size:13px}
 .reportagen-page p{font-size:16px}
 .reportagen-stories .story-row,.reportagen-stories .story-row:nth-child(even){grid-template-columns:1fr;gap:24px;padding:32px 0}
 .reportagen-stories .story-row:nth-child(even) figure,.reportagen-stories .story-row:nth-child(even)>div{grid-column:auto;grid-row:auto}
 .reportagen-actions{align-items:flex-start;flex-direction:column;gap:8px}
}
/* Janet, 04.10.2026: Absatzabstände, alle Bereiche so breit wie der Einstieg */
.reportagen-intro p+p,.reportagen-section-head p+p{margin-top:16px}
.reportagen-page .editorial-section{max-width:none;padding-inline:var(--reportagen-gutter)}
