/* Startseite: Fotos und Termin stehen im Vordergrund. */
.hero-copy{padding-top:76px}
.hero-copy .date{margin-top:0;margin-bottom:28px;line-height:1.35}
.hero-copy .date .event-date{display:block;font-size:30px;font-weight:600;margin-top:0}
.hero-copy .date .event-edition{display:block;font-size:16px;font-weight:400;margin-top:7px}
.hero-slider{position:absolute;right:0;top:0;width:46%;height:100%;overflow:hidden;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%);background:var(--navy);touch-action:pan-y}
.hero-slider .hero-photo{position:absolute;inset:0;width:100%;height:100%;clip-path:none;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s;object-fit:cover;object-position:var(--photo-position,50% 48%)}
.hero-slider .hero-photo.is-active{opacity:1;visibility:visible}
.hero-slider-controls{position:absolute;z-index:3;right:30px;bottom:100px;display:flex;align-items:center;gap:8px;padding:8px;background:rgba(24,57,122,.88);border-radius:6px}
.hero-slider-controls button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;color:white;cursor:pointer;font:600 25px Barlow,Arial,sans-serif}
.hero-slider-controls button[data-slide]{min-width:44px}
.hero-slider-controls button[data-slide]::after{content:'';width:8px;height:8px;border:1px solid white;border-radius:50%;background:transparent}
.hero-slider-controls button[aria-pressed=true][data-slide]::after{background:var(--lime);border-color:var(--lime);width:11px;height:11px}
.hero-slider-controls button[data-slider-toggle]{font-size:18px;margin-left:3px;border-left:1px solid #ffffff45}
.hero-slider-controls button:focus-visible{outline:3px solid var(--lime);outline-offset:2px}
.hero-slider .hero-slide-community{--photo-position:45% 50%}
.hero-slider .hero-slide-kids{--photo-position:45% 50%}
.hero-slider .hero-slide-finish{--photo-position:68% 50%}
.hero-slider .hero-slide-runner{--photo-position:55% 50%}
/* Fünf Fotoauswahlen und drei Steuertasten passen auch auf schmale Bildflächen. */
@media(max-width:1100px){.hero-slider-controls{display:grid;grid-template-columns:repeat(5,44px);gap:4px;padding:4px}.hero-slider-controls button[data-slide]{grid-row:1}.hero-slider-controls button[data-slide-prev]{grid-row:2;grid-column:1}.hero-slider-controls button[data-slide-next]{grid-row:2;grid-column:5}.hero-slider-controls button[data-slider-toggle]{grid-row:2;grid-column:3;margin-left:0;border-left:0}}
.ascent-figure .ascent-label text{font:600 28px Barlow,Arial,sans-serif;fill:var(--navy)}
@media(max-width:850px){.hero-copy{padding-top:62px}.hero-copy .date .event-date{font-size:26px}.hero-slider{position:relative;width:100%;height:430px;clip-path:none}.hero-slider-controls{right:12px;bottom:58px;gap:4px;padding:4px}.hero-slider .hero-slide-community{--photo-position:50% 50%}}
@media(max-width:390px){.hero-copy .date .event-date{font-size:24px}}
@media(prefers-reduced-motion:reduce){.hero-slider .hero-photo{transition:none;transform:none!important}}

/* Distanz unter dem Profil, synchron mit der Position des Scroll-Markers. */
.ascent-distance{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:16px;padding-top:12px;border-top:1px solid #b1cbe0;color:var(--navy)}
.ascent-distance>span{font-size:18px;font-weight:600}
.ascent-distance strong{font:700 38px/1.1 Condensed,Arial,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}
.ascent-distance-unit{font:600 18px/1 Barlow,Arial,sans-serif}
@media(max-width:500px){.ascent-distance strong{font-size:34px}}

/* Renntag: Hauptlauf zuerst, Kinderlauf daneben, gemeinsamer Ausklang darunter. */
.program .wrap.race-day{display:block}
.race-day header{margin-bottom:38px}
.race-day header p{color:var(--ice);margin:18px 0 0}
.race-day-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px}
.race-day-columns article{min-width:0;border-top:4px solid var(--lime);padding-top:24px}
.race-day h3{font-size:36px;line-height:1.1}
.race-day-place{color:var(--ice);font-size:17px;margin:10px 0 20px}
.race-day .schedule li{grid-template-columns:100px minmax(0,1fr);gap:20px;padding:21px 0}
.race-day .schedule time{font-size:42px}
.race-day .schedule small{margin-top:5px;line-height:1.4}
.race-day-together{margin-top:40px;padding-top:30px;border-top:1px solid #ffffff55}
.race-day-together .schedule{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;margin-top:10px}
.start-time-note{max-width:75ch;font-size:16px;color:var(--ice);margin:28px 0 0}
.home-records{margin:34px 0;border-top:1px solid var(--line);padding-top:30px}
.home-records>h3{font-size:32px}
.record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;margin-top:24px}
.home-records .record{border-left:4px solid var(--lime);padding-left:22px;min-width:0}
.home-records .record-category{font-size:17px;font-weight:600;color:var(--blue);margin:0}
.home-records .record strong{font-size:66px;margin:10px 0 14px;font-variant-numeric:tabular-nums}
.home-records h4{font:600 23px/1.25 Barlow,Arial,sans-serif;margin:0}
.home-records .record p:last-child{font-size:16px;color:var(--blue);margin-top:6px}
@media(max-width:700px){.race-day-columns,.race-day-together .schedule,.record-grid{grid-template-columns:1fr;gap:32px}.race-day-together .schedule{gap:0}.race-day header h2{font-size:50px}.race-day h3{font-size:32px}.race-day .schedule li{grid-template-columns:84px minmax(0,1fr);gap:16px}.race-day .schedule time{font-size:36px}.record-grid{gap:28px}}