/* Homepage typography: 56px hero, 24px section titles, 20px values, 16px labels. */
.startseite .home-intro{padding:48px 0 36px;text-align:left}
.startseite .home-eyebrow{display:block;font:600 16px/1.5 var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--cw-text);margin:0}
.startseite .home-intro h1{font-size:clamp(38px,5.1vw,64px);line-height:1.08;margin:12px 0 16px;letter-spacing:0}
.home-intro h1 em{white-space:nowrap}
.startseite .home-intro .lead{font:400 18px/1.6 var(--sans);max-width:none;margin:0;color:var(--cw-text)}
.home-feature-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:24px;align-items:stretch}
.home-winner,.home-upcoming{min-width:0;border:1px solid var(--cw-line);border-radius:8px;background:var(--cw-glass-2);padding:32px;display:flex;flex-direction:column}
.winner-top{padding-bottom:24px;border-bottom:1px solid var(--cw-line)}
.startseite .winner-top .home-eyebrow{font:600 24px/1.2 var(--head);letter-spacing:.025em;color:var(--cw-text)}
.winner-place{display:block;font:400 16px/1.5 var(--sans);color:var(--cw-text);margin-top:8px}
.winner-heading{display:flex;align-items:center;gap:24px;margin:28px 0 24px}
.winner-heading h2{font:700 clamp(40px,4.6vw,56px)/1.05 var(--head);text-transform:uppercase;margin:0;color:var(--cw-text);overflow-wrap:anywhere;min-width:0}
.winner-heading h2 small{display:block;font:400 16px/1.5 var(--sans);letter-spacing:0;color:var(--cw-text);margin:8px 0 0;text-transform:none}
.winner-silk{width:80px;height:88px;object-fit:contain;flex:0 0 80px}
.winner-race{font:600 24px/1.3 var(--head);color:var(--cw-text)}
.winner-race a{overflow-wrap:anywhere}
.winner-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0 0;padding:0 0 24px;border-bottom:1px solid var(--cw-line)}
.winner-facts div,.winner-connections div{min-width:0}
.winner-facts dt,.winner-connections dt{font:400 16px/1.4 var(--sans);color:var(--cw-text);margin:0}
.winner-facts dd,.winner-connections dd{font:600 20px/1.35 var(--head);color:var(--cw-text);margin:6px 0 0;overflow-wrap:anywhere}
.winner-connections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0 32px}
.winner-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:auto}
.home-primary,.home-secondary{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;font:600 18px/1.4 var(--head);letter-spacing:0;color:var(--cw-text)}
.home-primary{background:var(--cw-glass);color:var(--cw-text);padding:11px 18px;border:1px solid var(--cw-glass-rand);border-radius:4px}
.home-primary:hover{background:var(--cw-glass);color:var(--cw-text)}
.winner-actions .home-secondary{padding:11px 18px;border:1px solid var(--cw-line);border-radius:4px}
.home-secondary:hover,.winner-heading a:hover,.winner-race a:hover,.winner-connections a:hover{color:var(--cw-text)}
.home-source{font:400 14px/1.5 var(--sans);color:var(--cw-text);margin:20px 0 0}
.home-upcoming{background:var(--cw-glass-2);padding:32px 24px}
.home-upcoming h2{font:600 24px/1.2 var(--head);text-transform:uppercase;letter-spacing:.025em;color:var(--cw-text);margin:0}
.home-upcoming h2 span{display:block}
.upcoming-season{font:400 16px/1.5 var(--sans);color:var(--cw-text);margin:8px 0 24px}
.home-upcoming ol{list-style:none;padding:0;margin:0 0 24px}
.home-upcoming li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:16px;padding:20px 0;border-top:1px solid var(--cw-line)}
.home-upcoming li time{font-family:var(--head);display:flex;flex-direction:column;text-align:left;color:var(--cw-text)}
.home-upcoming time b{font-size:24px;font-weight:600;line-height:1.2}.home-upcoming time span{font:400 16px/1.5 var(--sans);margin-top:4px;color:var(--cw-text)}
.next-race-meta{display:flex;gap:6px;align-items:center;font:400 16px/1.5 var(--sans);color:var(--cw-text);margin-bottom:8px;flex-wrap:wrap}
.home-upcoming li a{display:block;font:600 20px/1.35 var(--head);color:var(--cw-text);overflow-wrap:anywhere}
.home-upcoming li a:hover{color:var(--cw-text)}.home-upcoming>.home-secondary{margin-top:auto;border-top:1px solid var(--cw-line);padding-top:24px}
.home-discover{margin-top:40px;padding:32px 0;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:32px;border-bottom:1px solid var(--cw-line)}
.home-discover h2,.home-history h2{font:600 24px/1.3 var(--head);text-transform:uppercase;margin:8px 0;color:var(--cw-text)}
.home-discover p{font:400 16px/1.5 var(--sans);color:var(--cw-text);margin:0}
.startseite .home-discover .startsuche{height:58px;font-size:16px;border-radius:4px;box-shadow:none;border:1px solid var(--cw-line);background:var(--cw-glass-2);max-width:none;padding:0 20px;gap:12px}
.home-categories{padding:24px 0 0}.home-categories h2{font:600 20px/1.4 var(--head);margin:0 0 16px;color:var(--cw-text)}.home-categories .chips{margin:0;gap:8px}.home-categories .chip{font-size:16px}
.home-history{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--cw-glass-2);border:1px solid var(--cw-line);padding:32px;margin-top:48px;border-radius:8px}
.home-history nav{display:flex;flex-wrap:wrap;gap:12px}.home-history nav a{font:600 18px/1.4 var(--head);padding:10px 16px;background:var(--cw-glass-2);border:1px solid var(--cw-line);border-radius:4px;color:var(--cw-text)}
.home-history h2{margin-bottom:0}.home-history nav a:hover{border-color:var(--cw-line)}
@media(max-width:1100px){.home-feature-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.home-winner,.home-upcoming{padding:24px}.winner-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.winner-connections{grid-template-columns:repeat(2,minmax(0,1fr))}.home-history{align-items:flex-start;flex-direction:column}}
@media(max-width:800px){.home-feature-grid{grid-template-columns:1fr}.winner-facts{grid-template-columns:repeat(4,minmax(0,1fr))}.winner-connections{grid-template-columns:repeat(3,minmax(0,1fr))}.home-upcoming h2 span{display:inline}.home-discover{grid-template-columns:1fr;gap:24px}.home-upcoming li{padding:20px 0}.home-upcoming{background:var(--cw-glass-2)}}
@media(max-width:520px){.startseite .home-intro{padding:32px 0}.startseite .home-intro h1{font-size:38px}.home-intro h1 em{display:block;margin-top:4px}.home-winner,.home-upcoming{padding:24px 20px}.winner-heading{gap:20px;margin:24px 0}.winner-heading h2{font-size:40px}.winner-silk{width:64px;height:72px;flex-basis:64px}.winner-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.winner-connections{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}.winner-actions{gap:12px}.home-primary,.home-secondary{font-size:18px;gap:12px}.winner-actions .home-secondary,.home-primary{padding:10px 12px}.home-discover{margin-top:24px;padding:24px 0}.home-history{padding:24px 20px}.home-categories .chip{padding:8px 10px}.startseite .home-discover .startsuche{padding:0 14px}.home-upcoming li{gap:12px}}
@media(max-width:360px){.winner-actions{align-items:stretch;flex-direction:column}.winner-actions a{justify-content:space-between}.winner-heading h2{font-size:38px}.winner-silk{width:56px;height:64px;flex-basis:56px}.winner-heading{gap:16px}}
/* G1Stars reference: navy winner, white raceday and navy-headed result cards. */
.home-feature-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px}
.home-winner{background-color:var(--cw-glass);color:var(--cw-text);padding:34px 32px 28px;border-color:var(--cw-glass-rand)}
.winner-top{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding-bottom:12px;border-color:rgba(246,240,230,0.28)}
.startseite .winner-top .home-eyebrow{font-size:26px;font-weight:700;color:var(--cw-text);letter-spacing:.025em}
.winner-place{font:600 18px/1.35 var(--head);color:var(--cw-text);margin:0;text-align:right;text-transform:uppercase}
.winner-heading{justify-content:flex-start;gap:20px;margin:22px 0 8px}
.winner-heading h2{font-size:clamp(40px,4.7vw,63px);color:var(--cw-text);line-height:.98}
.winner-heading h2 small{display:inline;font:600 18px/1 var(--head);margin-left:12px;color:var(--cw-text);white-space:nowrap}
.winner-silk{width:72px;height:76px;flex-basis:72px;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.56))}
.winner-race{font:700 clamp(23px,2.4vw,32px)/1.18 var(--head);color:var(--cw-text);text-transform:uppercase;margin:4px 0 0}
.winner-race span{display:inline-block;color:var(--cw-text);margin-left:14px;padding-left:14px;border-left:1px solid rgba(246,240,230,0.278);white-space:nowrap}
.winner-details{display:flex;flex-wrap:wrap;gap:6px 0;font:600 16.5px/1.4 var(--head);color:var(--cw-text);margin-top:8px}
.winner-details span+span{margin-left:14px;padding-left:14px;border-left:1px solid rgba(246,240,230,0.278)}
.winner-connections{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:30px 0 28px}
.winner-connections>div{background:var(--cw-glass-2);border:1px solid var(--cw-line);padding:14px 16px 16px;border-radius:4px}
.winner-connections>div:nth-child(n+4){background:var(--cw-glass-2);border-color:var(--cw-line)}
.winner-connections dt{font:600 12.5px/1.3 var(--head);letter-spacing:.12em;text-transform:uppercase;color:var(--cw-text)}
.winner-connections dd{font:700 clamp(19px,1.8vw,24px)/1.14 var(--head);color:var(--cw-text);margin-top:6px}
.winner-actions{gap:24px;justify-content:space-between}
.winner-actions .home-primary{background:var(--cw-glass-2);border-color:var(--cw-line);color:var(--cw-text);border-radius:3px;text-transform:uppercase;font-size:16px;padding:12px 18px}
.winner-actions .home-secondary{color:var(--cw-text);border:0;border-bottom:2px solid var(--cw-line);padding:3px 0;border-radius:0;font-size:14px;text-transform:uppercase}
.home-source{color:var(--cw-text);font:400 12px/1.5 var(--sans);margin-top:18px}
.winner-heading a:hover{color:var(--cw-text)}.winner-connections a:hover{color:var(--cw-text)}.winner-race a:hover{color:var(--cw-text)}
.home-upcoming{background:var(--cw-glass-2);padding:20px 22px 22px}
.home-upcoming h2{color:var(--cw-text);font:700 18px/1.3 var(--head);letter-spacing:.12em;margin:0 0 16px}
.next-course{display:flex;align-items:center;gap:13px;font:700 44px/1.05 var(--head);text-transform:uppercase;color:var(--cw-text);overflow-wrap:anywhere}
.home-flag{display:inline-block;width:26px;height:17px;background:linear-gradient(var(--cw-glass) 0 33.33%,var(--cw-glass) 33.33% 66.66%,var(--cw-glass-2) 66.66%);flex:0 0 26px;border:1px solid rgba(246,240,230,0.12)}
.next-date{font:600 15px/1.4 var(--head);letter-spacing:.07em;text-transform:uppercase;margin:9px 0 0;color:var(--cw-text)}
.next-feature-races{margin-top:20px;border-top:1px solid var(--cw-line)}
.next-feature-race{display:block;padding:13px 0;border-bottom:1px solid var(--cw-line);color:var(--cw-text)}
.next-feature-race b{display:block;font:700 21px/1.15 var(--head);margin:3px 0 6px}
.next-feature-race span{font:600 12.5px/1.4 var(--head);text-transform:uppercase;letter-spacing:.09em;color:var(--cw-text)}
.next-later-list{margin:14px 0 20px;flex:1}
.next-later{display:grid;grid-template-columns:60px minmax(0,1fr) 21px;gap:8px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--cw-line)}
.next-later time{font:600 12.5px var(--head);color:var(--cw-text)}.next-later b{font:600 16.5px/1.2 var(--head);color:var(--cw-text)}.next-later .home-flag{width:21px;height:14px}
.home-upcoming>.home-secondary{font-size:15px;padding-top:16px;text-transform:uppercase}
.home-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.home-result{background:var(--cw-glass-2);border:1px solid var(--cw-line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;min-width:0;padding:0 16px}
.home-result header{position:relative;margin:0 -16px;padding:12px 48px 12px 16px;background:var(--cw-glass);min-height:81px}
.home-result header>a{display:block;font:700 19px/1.15 var(--head);text-transform:uppercase;color:var(--cw-text);overflow-wrap:anywhere}
.home-result header>span:not(.home-flag){display:block;font:600 12px/1.4 var(--head);color:var(--cw-text);letter-spacing:.04em;margin-top:5px}
.home-result header .home-flag{position:absolute;right:14px;top:14px;width:21px;height:14px}
.home-result h3{font:700 32px/1.08 var(--head);color:var(--cw-text);margin:18px 0 12px;overflow-wrap:anywhere;text-transform:uppercase}
.home-result dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px}
.home-result dt{font:600 11px/1.5 var(--head);text-transform:uppercase;letter-spacing:.1em;color:var(--cw-text)}
.home-result dd{font:600 16px/1.25 var(--head);margin:2px 0 0;overflow-wrap:anywhere;color:var(--cw-text)}
.home-result footer{margin-top:auto;padding:12px 0;border-top:1px solid var(--cw-line);display:flex;justify-content:space-between;gap:10px;font:600 13px/1.3 var(--head);text-transform:uppercase;color:var(--cw-text)}
@media(max-width:1000px){.home-feature-grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.winner-top{flex-direction:column;gap:8px}.winner-place{text-align:left}.winner-connections{grid-template-columns:repeat(2,minmax(0,1fr))}.winner-race span{margin:6px 0 0;padding:0;border:0;display:block}}
@media(max-width:800px){.home-feature-grid{grid-template-columns:1fr}.home-results{grid-template-columns:repeat(2,minmax(0,1fr))}.winner-connections{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.home-winner{padding:24px 20px}.winner-heading h2{font-size:42px}.winner-heading h2 small{display:block;margin:8px 0 0;font-size:16px}.winner-silk{width:64px;height:70px;flex-basis:64px}.winner-connections{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}.winner-connections>div{padding:12px}.winner-connections dd{font-size:20px}.winner-actions{gap:20px}.home-results{grid-template-columns:1fr}.home-result header{min-height:0}.next-course{font-size:40px}.home-upcoming{padding:24px 20px}.winner-race{font-size:25px}}
@media(min-width:521px){.home-result header{min-height:96px;box-sizing:border-box;flex:0 0 96px}}
/* Detailed homepage refinement, September 19. */
.startseite .home-intro{padding:22px 0 16px}.startseite .home-intro h1{font-size:clamp(44px,5.8vw,76px);margin:0 0 4px}.startseite .home-intro .lead{font-size:22px;line-height:1.5}
.winner-heading{justify-content:space-between}.winner-heading h2 small{margin-left:12px}.winner-silk{width:88px;height:92px;flex-basis:88px}
.home-flag{background:none;border:0;object-fit:contain;border-radius:0}
.next-later{align-items:center;min-height:44px}.next-later b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.next-later .home-flag{height:14px}.next-feature-race span{font-size:15px;letter-spacing:.04em}
.home-result header{height:104px;min-height:104px;flex:0 0 104px;display:flex;flex-direction:column;justify-content:space-between}.home-result header>a{line-height:22px;max-height:44px;overflow:hidden}.home-result header>span:not(.home-flag){font-size:14px;line-height:18px;white-space:nowrap;letter-spacing:0;margin-top:auto;padding-top:7px}
.result-horse{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:98px}.home-result h3{margin:12px 0;min-width:0}.result-silk{width:64px;height:70px;object-fit:contain;flex:0 0 64px}
.home-result footer{justify-content:flex-end;gap:20px}.home-result footer a,.home-secondary,.winner-actions .home-primary{text-decoration:underline;text-underline-offset:5px;border:0;border-radius:0;background:none;padding:0;font:600 14px/1.5 var(--head);text-transform:uppercase;letter-spacing:.06em}
.winner-actions{justify-content:flex-end}.winner-actions .home-primary,.winner-actions .home-secondary{background:none;border:0;color:var(--cw-text);padding:0;text-decoration:underline;text-underline-offset:5px;font-size:14px}.home-upcoming>.home-secondary{justify-content:flex-end}.home-primary:hover{background:none}
.category-hint{margin:0 0 16px;color:var(--cw-text);font:400 16px/1.5 var(--sans)}.home-categories h2{margin-bottom:6px}.home-categories .chip{border-radius:4px;text-decoration:underline;text-underline-offset:4px}
.home-history-facts .fakt{padding:26px;gap:0}.home-history-facts .fakt .label{font-size:14px;line-height:1.5;letter-spacing:.08em}.home-history-facts .fakt .fakt-haupt{font-size:30px;line-height:1.15;margin:18px 0}.home-history-facts .fakt-haupt small{font-size:16px;line-height:1.5;margin-top:8px}.home-history-facts .fakt-zeile{font-size:24px;line-height:1.4}.history-podium{padding:0;margin:0;list-style:none}.history-podium li{display:grid;grid-template-columns:24px 1fr;gap:8px;padding:9px 0;border-bottom:1px solid var(--cw-line);font:600 20px/1.25 var(--head);text-transform:none;letter-spacing:0}.history-podium li b{color:var(--cw-text)}.home-history-facts .fakt-fuss{font-size:16px;line-height:1.6;margin:16px 0 24px}.home-history-facts .fakt .mehr{margin-top:auto}
@media(max-width:600px){.startseite .home-intro h1{font-size:46px}.startseite .home-intro .lead{font-size:20px}.home-result header{height:104px;min-height:104px;flex-basis:104px}.winner-heading h2 small{margin:8px 0 0}.winner-silk{width:72px;height:80px;flex-basis:72px}.home-history-facts .fakt .fakt-haupt{font-size:30px}}
@media(max-width:360px){.home-result header>span:not(.home-flag){font-size:13px}.home-result header{padding-right:38px}.home-result header .home-flag{right:10px}.home-result h3{font-size:29px}}
.home-result header{height:88px;min-height:88px;flex-basis:88px}
.home-history-facts.fakten-raster.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.home-history-facts.fakten-raster.n3{grid-template-columns:1fr}.home-history-facts .zahlflaeche{grid-column:auto}}

/* Winner feature: title, readable race facts, actions at the card bottom. */
.home-winner{display:flex;flex-direction:column}
.home-winner .winner-race{font-size:clamp(28px,2.7vw,36px);line-height:1.2;margin-top:10px}
.home-winner .winner-details{font-size:20px;line-height:1.5;gap:6px 14px;margin-top:12px}
.home-winner .winner-details span{white-space:nowrap}
.home-winner .winner-details span+span{margin-left:0;padding-left:0;border-left:0}
.home-winner .winner-details span+span::before{content:"·";margin-right:14px;color:var(--cw-text-2)}
.home-winner .winner-actions{margin-top:auto;padding-top:8px;justify-content:flex-end;align-items:flex-end;flex-direction:row;gap:24px}
.startseite .home-winner .winner-actions a{font-size:15px;text-decoration:underline;text-decoration-color:var(--cw-text-2);text-decoration-thickness:2px;text-underline-offset:6px;padding:0}
@media(max-width:520px){.home-winner .winner-race{font-size:28px}.home-winner .winner-details{font-size:18px;gap:5px 10px}.home-winner .winner-details span+span::before{margin-right:10px}.home-winner .winner-actions{gap:20px}}

/* Separate search, rankings and calendar entry points. */
.startseite .home-discover{border-top:1px solid var(--cw-line);border-bottom:1px solid var(--cw-line);padding-top:28px;padding-bottom:28px}
.startseite .home-categories{margin-top:40px;padding:28px 0;border-top:1px solid var(--cw-line);border-bottom:1px solid var(--cw-line)}
.startseite .home-discover h2,.startseite .home-categories h2{font:600 24px/1.3 var(--head);text-transform:uppercase;margin:0 0 10px;color:var(--cw-text)}
.startseite .home-categories .chip{padding:10px 16px;text-decoration:none;border:1px solid var(--cw-line);background:var(--cw-glass-2);border-radius:4px}
.startseite .home-categories .chip:hover,.startseite .home-categories .chip:focus-visible{background:var(--cw-glass-2);border-color:var(--cw-line);color:var(--cw-text);text-decoration:none}

/* Compact result headers: metadata follows the race title immediately. */
.startseite .home-result header{height:auto;min-height:0;flex:0 0 auto;justify-content:flex-start;padding-top:12px;padding-bottom:12px}
.startseite .home-result header>a{max-height:none;overflow:visible}
.startseite .home-result header>span:not(.home-flag){margin-top:6px;padding-top:0;white-space:normal;text-wrap:balance}
.startseite .result-silk{width:60px;height:66px;flex-basis:60px}
.startseite .home-result footer a{text-decoration:underline;text-decoration-color:var(--cw-text-2);text-decoration-thickness:2px;text-underline-offset:6px}

/* Keep the verified racing colours beside the winner, close to native size. */
.startseite .winner-heading{justify-content:flex-start;gap:16px}
.startseite .winner-heading .winner-silk{width:56px;height:60px;flex:0 0 56px;filter:none}
@media(max-width:520px){.startseite .winner-heading{gap:12px}.startseite .winner-heading .winner-silk{width:44px;height:48px;flex-basis:44px}}

/* Prominent country flag beside the next racecourse. */
.next-course .home-flag{width:42px;height:28px;flex:0 0 42px}

.startseite .raster.r4>.karte>h3{color:var(--cw-text)}
.winner-heading .winner-silk,.home-result h3~.home-silk{order:-1}

/* Subtle spacing refinement for the latest winner feature. */
.startseite .home-winner .winner-heading{margin-bottom:6px}
.startseite .home-winner .winner-race{margin-top:6px}
.startseite .home-winner .winner-details{margin-top:8px}
.startseite .home-winner .winner-connections{margin-top:22px}
@media(max-width:520px){.startseite .home-winner .winner-connections{margin-top:18px}}

.startseite .result-horse{justify-content:flex-start;gap:12px}.startseite .result-silk{width:34px;height:38px;flex:0 0 34px;order:-1}

/* Compact result cards with a consistent 16px rhythm. */
.startseite .home-result .result-horse{min-height:0;padding:20px 0 16px;gap:12px}
.startseite .home-result h3{margin:0;font-size:30px;line-height:1.15}
.startseite .home-result dl{margin:0 0 16px;gap:16px}
.startseite .home-result footer{padding:12px 0 14px;gap:20px}
.startseite .home-result header>a{font-size:18px;line-height:1.25}
.startseite .home-result .result-silk{width:32px;height:36px;flex-basis:32px}
.startseite .raster.r4>.karte>h3{color:var(--cw-text)}
.startseite .rank-horse{display:flex;align-items:center;gap:8px;min-width:0}
.startseite .rank-horse .calendar-silk,.startseite .rank-horse .silk-space{width:24px;height:28px;flex:0 0 24px;object-fit:contain}

/* Three people rankings and a dedicated warm horse leaderboard. */
.home-people-ranks{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.startseite .home-people-ranks>.karte>h3{color:var(--cw-text);font-size:20px;line-height:1.3}
.home-people-ranks .rang li{min-height:48px}.home-people-ranks .rang .n{font-size:16px;line-height:1.35}
.home-horse-top{margin:24px 0 40px;padding:26px 28px 20px;border:1px solid var(--cw-line);border-top:4px solid var(--cw-line);border-radius:8px;background:var(--cw-glass-2);color:var(--cw-text)}
.home-horse-top header{padding-bottom:18px;border-bottom:1px solid var(--cw-line)}
.home-horse-top h2{font:700 28px/1.2 var(--head);text-transform:uppercase;margin:0;color:var(--cw-text)}
.home-horse-top header p{margin:6px 0 0;font:400 14px/1.5 var(--sans);color:var(--cw-text)}
.home-horse-top ol{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px}
.home-horse-top li{display:flex;align-items:center;gap:12px;min-height:62px;border-bottom:1px solid var(--cw-line)}
.home-horse-top .pl{flex:0 0 20px;font:700 20px var(--head);color:var(--cw-text)}
.home-horse-top .horse-top-silk{width:30px;height:34px;flex:0 0 30px;object-fit:contain}
.home-horse-top .n{flex:1;min-width:0;font:600 18px/1.3 var(--sans)}
.home-horse-top .z{font:700 24px var(--head);white-space:nowrap}
.home-horse-top .z small{font:400 13px var(--sans);color:var(--cw-text);margin-left:4px}
.home-horse-top footer{display:flex;justify-content:flex-end;padding-top:18px}
.home-horse-top footer .mehr{margin:0;text-decoration:underline;text-decoration-color:var(--cw-text-2);text-underline-offset:6px;text-decoration-thickness:2px}
@media(max-width:850px){.home-people-ranks{grid-template-columns:1fr}.home-horse-top{padding:22px 20px}.home-horse-top ol{column-gap:22px}}
@media(max-width:560px){.home-horse-top ol{grid-template-columns:1fr}.home-horse-top h2{font-size:26px}.home-horse-top .n{font-size:17px}.home-horse-top li{min-height:58px}}
.home-people-ranks .karte>.mehr{padding-top:18px}

/* Fine spacing: retain the card hierarchy with less empty space. */
.startseite .home-result header{padding-top:11px;padding-bottom:10px}
.startseite .home-result header>span:not(.home-flag){margin-top:4px}
.startseite .home-result .result-horse{padding:16px 0 12px}
.startseite .home-result dl{margin-bottom:12px}
.startseite .home-result footer{padding:10px 0 12px}

/* Season and history: equal rhythm, restrained type, compact content. */
.startseite .home-history-facts{align-items:stretch;gap:18px}
.startseite .home-history-facts>.fakt,.startseite .home-history-facts>.zahlflaeche{padding:24px;min-height:0;display:flex;flex-direction:column;border-radius:12px}
.startseite .home-history-facts .label{font-size:13px;line-height:1.4;letter-spacing:.09em;margin-bottom:0}
.startseite .home-history-facts .hauptzahl{font-size:80px;line-height:1;margin:18px 0 8px}
.startseite .home-history-facts .hauptzahl-text{font-size:18px;line-height:1.35;letter-spacing:.03em;max-width:24ch}
.startseite .home-history-facts .zahlflaeche dl{margin:22px 0 18px;padding-top:18px}
.startseite .home-history-facts .zahlflaeche dd{font-size:30px;line-height:1.1}
.startseite .home-history-facts .zahlflaeche dt{font-size:11px;line-height:1.5;letter-spacing:.06em}
.startseite .home-history-facts .fakt .fakt-haupt{font-size:27px;line-height:1.2;margin:18px 0 14px}
.startseite .home-history-facts .fakt-haupt small{font-size:14px;line-height:1.4;margin-top:8px}
.startseite .home-history-facts .fakt-zeile{font-size:23px;line-height:1.3}
.startseite .home-history-facts .history-podium li{font-size:18px;padding:8px 0;grid-template-columns:22px 1fr;gap:6px}
.startseite .home-history-facts .fakt-fuss{font-size:14px;line-height:1.6;margin:14px 0 20px}
.startseite .home-history-facts .mehr{margin-top:auto!important;align-self:flex-end;padding-top:12px;font-size:13px}

/* Five entries, followed directly by the complete ranking link. */
.home-people-ranks .karte{padding:22px 24px 20px;min-height:0}
.home-people-ranks .karte .rang{margin-bottom:0}
.home-people-ranks .karte>.mehr{margin-top:16px;padding-top:0}

/* Rennfarben-Kacheln im Hero: Bernstein und Sand als mattiertes Glas ueber dem Untergrund */
.winner-connections>div{background:linear-gradient(160deg,rgba(246,240,230,0.28),rgba(246,240,230,0.28));border:1px solid rgba(246,240,230,0.4);
 border-radius:12px;
 -webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);
 box-shadow:inset 0 1px 0 rgba(246,240,230,0.252),0 12px 26px rgba(0,0,0,0.476)}
.winner-connections>div:nth-child(n+4){background:linear-gradient(160deg,rgba(246,240,230,0.28),rgba(246,240,230,0.28));border-color:rgba(246,240,230,0.4)}
.home-winner{border-radius:16px;overflow:hidden}
.home-upcoming{border-radius:16px}

/* Der Rueckblick-Kasten auf der Startseite folgt derselben Aufteilung */
.home-history-facts .fakt{padding:26px 28px 24px}
.home-history-facts .fakt .fakt-haupt{font-size:30px;line-height:1.1;margin:16px 0 4px}
.home-history-facts .fakt-haupt small{font-size:13px;margin-top:12px}
.home-history-facts .history-podium li,.startseite .home-history-facts .history-podium li{
 display:grid;grid-template-columns:30px 1fr;gap:12px;padding:9px 0;font-size:19px;
 border-bottom:1px solid color-mix(in srgb,currentColor 16%,transparent)}
.home-history-facts .history-podium li b{color:inherit;background:color-mix(in srgb,currentColor 14%,transparent)}
.home-history-facts .history-podium li:first-child b{background:var(--cw-glass-2);color:var(--cw-text)}
.home-history-facts .fakt-fuss{font-size:15px;line-height:1.5;margin:16px 0 0}

/* Untergrund aus unscharfen Rennfarben unter dem Hero, damit das Glas etwas zu brechen hat */
.home-winner{background-image:linear-gradient(158deg,rgba(122,34,53,0.832),rgba(122,34,53,1) 55%,rgba(122,34,53,1)),
 radial-gradient(120% 95% at 6% 0%,rgba(246,240,230,0.14),transparent 52%),
 url(/assets/grund-trikots.jpg);
 background-size:auto,auto,cover;background-position:center;background-repeat:no-repeat}


/* ==========================================================================
   Ergebniskarten, aufgeraeumt am 22.09.2026.
   Vorher trug der Kopf die Einstufung als volle Farbflaeche, vier
   verschiedene, darunter ein schwarzer Balken. Sechs Karten nebeneinander
   ergaben sechs Farbfelder. Jetzt ist die Karte weiss und ruhig, die
   Einstufung steht als schmale Oberkante. Die Rangfolge steckt weiter in der
   Farbstaerke, nur eben in einem Strich statt in einer Flaeche.
   ========================================================================== */
.home-result{border-top:4px solid var(--cw-line)}
.home-result header{background:transparent;border-bottom:1px solid var(--cw-line);
 min-height:0;height:auto;flex:0 0 auto;padding-top:16px;padding-bottom:14px}
.home-result header>a{color:var(--cw-text)}
.home-result header>span:not(.home-flag){color:var(--cw-text);font-weight:600}
.home-result header .home-flag{border:0;top:18px;opacity:.9}
.home-result.k1{border-top-color:var(--cw-line)}
.home-result.k2{border-top-color:var(--cw-line)}
.home-result.k3{border-top-color:var(--cw-line)}
.home-result.k1 header>a,.home-result.k2 header>a,.home-result.k3 header>a{color:var(--cw-text)}
.home-result.k1 header>span:not(.home-flag){color:var(--cw-text)}
.home-result.k2 header>span:not(.home-flag),
.home-result.k3 header>span:not(.home-flag){color:var(--cw-text)}
/* Die Gruppe 1 bekommt zusaetzlich etwas mehr Gewicht in der Oberkante. */
.home-result.k1{border-top-width:5px}


/* ----- Kacheln im Hero der Startseite, wiederhergestellt am 22.09.2026: Bernstein-Glas ------------ */
.winner-connections>div,.winner-connections>div:nth-child(n+4){
 background:linear-gradient(160deg,rgba(246,240,230,0.28),rgba(246,240,230,0.28));border:1px solid rgba(246,240,230,0.4);
 border-radius:12px;-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);
 box-shadow:inset 0 1px 0 rgba(246,240,230,0.252),0 12px 26px rgba(0,0,0,0.476)}
.winner-connections>div:nth-child(n+4){background:linear-gradient(160deg,rgba(246,240,230,0.28),rgba(246,240,230,0.28));border-color:rgba(246,240,230,0.4)}
.winner-connections dt{color:var(--cw-text)}


/* ----- Ergebniskarten: Oberkante in derselben Staffelung, 22.09.2026 ---- */
.home-result{border-top-color:var(--cw-line)}
.home-result.k1{border-top-color:var(--cw-line)}
.home-result.k2{border-top-color:var(--cw-line)}
.home-result.k3{border-top-color:var(--cw-line)}
.home-result header>span:not(.home-flag){color:var(--cw-text)}
.home-result.k1 header>span:not(.home-flag){color:var(--cw-text)}


/* ----- Hero: einen Tick heller als Graphit, 22.09.2026 -------------- */
/* Grundton jetzt Schiefer statt Graphit, darueber dieselbe Glasschicht:
   leichte Unschaerfe, helle Oberkante, ein Hauch Bernstein in der oberen Ecke. */
.home-winner{background-color:var(--cw-glass);border-color:rgba(246,240,230,0.12)}
.home-winner{background-image:
 linear-gradient(158deg,rgba(122,34,53,0.728),rgba(122,34,53,1) 52%,rgba(122,34,53,1)),
 radial-gradient(120% 95% at 6% 0%,rgba(246,240,230,0.14),transparent 54%),
 url(/assets/grund-trikots.jpg);
 background-size:auto,auto,cover;background-position:center;background-repeat:no-repeat;
 -webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);
 box-shadow:inset 0 1px 0 rgba(246,240,230,0.072),0 18px 44px rgba(0,0,0,0.476)}

/* ===== Überarbeitung Startseite 24.09.2026 (Pack 2) ===== */
/* Hero: Meta in zwei festen Zeilen */
.startseite .home-winner .winner-details{display:block}
.startseite .home-winner .winner-details-row{display:flex;flex-wrap:wrap;gap:4px 10px}
.startseite .home-winner .winner-details-row span{white-space:nowrap}
.startseite .home-winner .winner-details-row span+span::before{content:"·";margin-right:10px;color:var(--cw-text-2)}
.startseite .home-winner .winner-details-row+.winner-details-row{margin-top:2px;font-size:.88em;color:var(--cw-text-2)}
/* Hero: Rennfarben fuehren zum Besitzer */
.winner-silk-link{display:inline-flex;flex:0 0 auto;border-radius:6px}
.winner-silk-link:focus-visible{outline:2px solid var(--cw-brass);outline-offset:3px}
/* Hero: echte Knoepfe, 44px, ueber die volle Breite */
.startseite .home-winner .winner-actions.gf-cta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:18px;justify-content:stretch;align-items:stretch}
.startseite .home-winner .winner-actions.gf-cta a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 14px;border-radius:6px;font:700 15px/1.2 var(--head);letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.startseite .home-winner .winner-actions.gf-cta .home-primary{background:var(--cw-glass-2);border:1px solid var(--cw-line);color:var(--cw-text)}
.startseite .home-winner .winner-actions.gf-cta .home-primary:hover{background:var(--cw-glass-2)}
.startseite .home-winner .winner-actions.gf-cta .home-secondary{background:transparent;border:1px solid rgba(246,240,230,0.4);color:var(--cw-text)}
.startseite .home-winner .winner-actions.gf-cta .home-secondary:hover{border-color:var(--cw-line)}
.startseite .home-winner .winner-actions.gf-cta a:focus-visible{outline:2px solid var(--cw-brass);outline-offset:2px}
/* Naechster Renntag: Kopf klickbar, Folgetermine mit ganzem Namen in hoechstens zwei Zeilen */
.home-upcoming .next-head{display:block;color:inherit;text-decoration:none}
.home-upcoming .next-head:hover .next-course{color:var(--cw-text)}
.home-upcoming .home-flag{display:none}
.startseite .next-later{grid-template-columns:62px minmax(0,1fr);grid-template-rows:auto auto;align-items:start;row-gap:2px}
.startseite .next-later time{grid-row:1/3;padding-top:3px}
.startseite .next-later b{white-space:normal;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2}
.startseite .next-later small{grid-column:2;font:600 12px/1.3 var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--cw-text-muted)}
/* Schnellzugriff */
.home-quick{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 8px}
.home-quick .chip{min-height:44px;display:inline-flex;align-items:center;padding:0 18px}
/* Ranglisten als ein Block */
.home-rank-tabs .rank-tablist{display:none}
.startseite .home-people-ranks.r4{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.startseite .home-people-ranks>.karte>h3 small{display:block;margin-top:2px;font:600 12px/1.3 var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--cw-text-muted)}
.home-people-ranks .rang .n{white-space:normal;overflow-wrap:anywhere}
.home-people-ranks .rang .n a{hyphens:manual}
.rang-extra[hidden]{display:none!important}
.rang-mehr{display:block;width:100%;min-height:44px;margin:6px 0 0;border:1px dashed var(--cw-line);background:none;border-radius:6px;font:600 14px var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--cw-text);cursor:pointer}
.rang-mehr:hover{border-color:var(--cw-line);color:var(--cw-text)}
.home-results-more{display:none}
.home-result .result-when{display:block;font:600 12px/1.3 var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--cw-text-2);margin:0 0 4px}
@media(max-width:1100px){.startseite .home-people-ranks.r4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){
  .home-rank-tabs.tabs-an .rank-tablist{display:flex;gap:0;margin:0 0 12px;border:1px solid var(--cw-line);border-radius:8px;overflow:hidden;background:var(--cw-glass-2)}
  .home-rank-tabs .rank-tablist button{flex:1 1 0;min-height:44px;border:0;border-left:1px solid var(--cw-line);background:none;font:700 14px var(--head);letter-spacing:.04em;text-transform:uppercase;color:var(--cw-text);padding:0 4px;cursor:pointer}
  .home-rank-tabs .rank-tablist button:first-child{border-left:0}
  .home-rank-tabs .rank-tablist button[aria-selected=true]{background:var(--cw-glass);color:var(--cw-text)}
  .home-rank-tabs.tabs-an [data-tab-zu]{display:none}
  .startseite .home-people-ranks.r4{grid-template-columns:1fr}
  .home-rank-tabs .rang .z small{display:none}
  .home-results .home-result:nth-child(n+4){display:none}
  .home-results-more{display:block;margin:14px 0 0}
  .home-results-more .knopf{display:flex;justify-content:center;align-items:center;min-height:46px;width:100%;box-sizing:border-box}
}
@media(max-width:400px){
  .home-rank-tabs .rank-tablist button{font-size:13px;letter-spacing:0}
}
.startseite .winner-heading .winner-silk-link{order:-1}
.home-result footer a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:850px){
  .home-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .home-quick .chip{justify-content:center;padding:0 4px;font-size:13px;letter-spacing:.04em}
  .home-rank-tabs.tabs-an .rt-titel{display:none}
  .startseite .home-rank-tabs.tabs-an .home-people-ranks>.karte>h3 small{margin-top:0}
}
.home-rank-tabs .rang .z small{display:none}
.next-feature-race small.sponsor{display:block;font:400 13px/1.35 var(--sans);color:var(--cw-text-muted);margin:1px 0 3px;text-transform:none;letter-spacing:0}
@media(max-width:850px){.startseite h2.abschnitt:has(+.home-results) small{display:none}}

/* ==== 25.09.2026 Startseite nach Sebastians Feedback ==== */
/* Direkteinstiege: vier gleich breite Knoepfe ueber die ganze Breite */
.startseite .home-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:28px 0 0}
.startseite .home-quick .chip{display:flex;justify-content:center;align-items:center;min-height:52px;padding:0 12px;font-size:15px;letter-spacing:.08em}
.startseite .home-quick .chip::after{content:"→";margin-left:10px;color:var(--cw-text);transition:transform var(--t)}
.startseite .home-quick .chip:hover::after{transform:translateX(3px)}
@media(max-width:620px){.startseite .home-quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
/* Ranglisten: drei gleich hohe Kaesten, Namen einzeilig */
.startseite .home-people-ranks.r3{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.startseite .home-people-ranks.r3>.karte{display:flex;flex-direction:column}
.startseite .home-people-ranks.r3>.karte>.mehr{margin-top:auto;padding-top:16px;align-self:flex-start}
.startseite .home-people-ranks.r3 .rang li{min-height:48px}
.startseite .home-people-ranks.r3 .rang .n{white-space:nowrap;overflow:hidden;min-width:0}
.startseite .home-people-ranks.r3 .rang .n a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:100%;vertical-align:middle}
@media(max-width:850px){.startseite .home-people-ranks.r3{grid-template-columns:1fr}}
/* Ergebniskarten: ein Kopf in zwei Zeilen, eine Farbe fuer alle, kompakter */
.startseite .home-result.einheitlich{border-top:4px solid var(--cw-line)}
.startseite .home-result.einheitlich header{padding:12px 16px 10px;min-height:0;height:auto}
.startseite .home-result.einheitlich header>a{font-size:19px;line-height:1.2;color:var(--cw-text)}
.startseite .home-result.einheitlich header>.result-meta{display:block;margin-top:4px;font:600 12.5px/1.3 var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--cw-text)}
.startseite .home-result.einheitlich .result-horse{padding:14px 0 10px}
.startseite .home-result.einheitlich h3{font-size:28px}
.startseite .home-result.einheitlich dl{margin:0 0 10px;gap:14px}
.startseite .home-result.einheitlich footer{padding:6px 0 8px;gap:20px}
.startseite .home-result.einheitlich footer a{min-height:32px}
/* Naechster Renntag komplett orange, dunkle Schrift */
.startseite .home-upcoming{background:var(--cw-glass-2);border-color:var(--cw-line);color:var(--cw-text)}
.startseite .home-upcoming h2{color:var(--cw-text)}
.startseite .home-upcoming .next-course,.startseite .home-upcoming .next-head:hover .next-course{color:var(--cw-text)}
.startseite .home-upcoming .next-head:hover .next-course{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}
.startseite .home-upcoming .next-date{color:var(--cw-text)}
.startseite .home-upcoming .next-feature-races,.startseite .home-upcoming .next-feature-race,.startseite .home-upcoming .next-later,.startseite .home-upcoming>.home-secondary{border-color:rgba(246,240,230,0.2)}
.startseite .home-upcoming .next-feature-race{color:var(--cw-text)}
.startseite .home-upcoming .next-feature-race:hover b{text-decoration:underline;text-underline-offset:4px}
.startseite .home-upcoming .next-feature-race span,.startseite .home-upcoming .next-feature-race .sponsor{color:var(--cw-text)}
.startseite .home-upcoming .next-vorschau{color:var(--cw-text)}
.startseite .home-upcoming .next-later time{color:var(--cw-text)}
.startseite .home-upcoming .next-later b{color:var(--cw-text)}
.startseite .home-upcoming .next-later small{color:var(--cw-text)}
.startseite .home-upcoming>.home-secondary,.startseite .home-upcoming a.home-secondary{color:var(--cw-text);text-decoration-color:var(--cw-text)}
.startseite .home-upcoming a.home-secondary:hover{color:var(--cw-text);text-decoration-color:var(--cw-text)}
@media(max-width:850px){.startseite .home-rank-tabs.tabs-an .home-people-ranks.r3>.karte[data-tab-zu]{display:none}}

/* ==== 25.09.2026: rechte Spalte = Highlight (orange) + weitere Rennen ==== */
.home-rechts{display:flex;flex-direction:column;gap:18px;min-width:0}
.home-highlight{background:var(--cw-glass-2);color:var(--cw-text);border-radius:16px;padding:24px 26px 26px;display:flex;flex-direction:column;box-shadow:0 14px 34px rgba(0,0,0,0.35)}
.hl-kopf{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.hl-kicker{font:700 15px/1.2 var(--head);letter-spacing:.14em;text-transform:uppercase}
.home-highlight .vs-uhr{background:var(--cw-glass);color:var(--cw-text);min-height:30px;padding:0 12px;font-size:13px}
.home-highlight h2{font:700 clamp(38px,3.6vw,54px)/.98 var(--head);text-transform:uppercase;margin:16px 0 8px;letter-spacing:.005em}
.home-highlight h2 a{color:var(--cw-text)}.home-highlight h2 a:hover{color:var(--cw-text)}
.hl-wann{margin:0;font:700 16px/1.3 var(--head);letter-spacing:.06em;text-transform:uppercase}
.hl-fakten{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.hl-fakten span{padding:5px 11px;border-radius:999px;background:rgba(122,34,53,0.156);font:700 14px/1.2 var(--head);letter-spacing:.03em}
.hl-stories{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid rgba(246,240,230,0.22)}
.hl-stories li{padding:10px 0;border-bottom:1px solid rgba(246,240,230,0.22);font:700 18px/1.2 var(--head);text-transform:uppercase}
.hl-stories li>span{display:block;font:700 11.5px/1.2 var(--head);letter-spacing:.14em;color:var(--cw-text);margin-bottom:3px}
.hl-stories li a{color:var(--cw-text)}.hl-stories li a:hover{color:var(--cw-text)}
.hl-knopf{margin-top:20px;display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:8px;background:var(--cw-glass);color:var(--cw-text);font:700 14px/1 var(--head);letter-spacing:.12em;text-transform:uppercase}
.hl-knopf::after{content:" →";margin-left:8px;color:var(--cw-text-2)}
.hl-knopf:hover{background:var(--cw-glass)}
.home-weitere{background:var(--cw-glass-2);border:1px solid var(--cw-line);border-radius:16px;padding:18px 22px 16px;display:flex;flex-direction:column;flex:1}
.home-weitere h3{margin:0 0 6px;font:700 14px/1.2 var(--head);letter-spacing:.14em;text-transform:uppercase;color:var(--cw-text)}
.hw-zeile{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:10px;padding:10px 0;border-bottom:1px solid var(--cw-line);color:var(--cw-text)}
.hw-zeile time{grid-row:1/3;font:700 14px/1.3 var(--head);color:var(--cw-text);padding-top:2px}
.hw-zeile b{font:700 17px/1.2 var(--head)}
.hw-zeile small{font:600 12px/1.3 var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--cw-text-muted)}
.hw-zeile:hover b{color:var(--cw-text)}
.hw-mehr{margin-top:auto;padding-top:12px;align-self:flex-end;font:700 13px/1 var(--head);letter-spacing:.12em;text-transform:uppercase;color:var(--cw-text)}
.hw-mehr::after{content:" →";color:var(--cw-text)}
.home-kenner{margin-top:8px}
.home-kenner-intro{margin:-6px 0 16px;color:var(--cw-text)}

.home-links>.home-winner{flex:0 0 auto}
.home-links .tagessieger{flex:1 1 auto;display:flex;flex-direction:column}
.home-links .tag-raster{flex:1 1 auto;align-items:stretch}
@media(max-width:720px){.home-kenner .vs-kenner-raster{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -16px;padding:0 16px 8px;-webkit-overflow-scrolling:touch}.home-kenner .vs-kenner-kachel{flex:0 0 78%;scroll-snap-align:start}}
/* Geschichten in der Highlight-Box als erklaerende Saetze (25.09.2026) */
.hl-stories li{font:400 15px/1.45 var(--sans);text-transform:none}
.hl-stories li a{font-weight:700;color:var(--cw-text)}
.hl-stories li>span{font-family:var(--head)}

/* ==== 25.09.2026 abends, Feedback Startseite ==== */
/* Hero: Rennergebnis nicht orange, wie Pferdeprofil */
.startseite .home-winner .winner-actions.gf-cta .home-primary{background:transparent;border:1px solid rgba(246,240,230,0.4);color:var(--cw-text)}
.startseite .home-winner .winner-actions.gf-cta .home-primary:hover{background:rgba(246,240,230,0.072);border-color:var(--cw-line)}
/* Hero: Koepfe von Jockey und Trainer in deren Kacheln */
.winner-connections>div.mit-kopf{position:relative;overflow:hidden;padding-right:78px}
.winner-connections .wc-frei{position:absolute;right:4px;bottom:0;width:76px;height:76px;object-fit:contain;pointer-events:none}
/* Ausserdem: mehr Luft nach oben und unten */
.home-links{gap:30px}
.home-links .tagessieger .tag-titel{margin-bottom:14px}
.startseite .home-feature-grid{margin-bottom:34px}
/* Tageskarten: Jockey und Trainer als eigene Kacheln */
.tag-leute{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 6px}
.tag-leute>div{background:rgba(246,240,230,0.063);border:1px solid rgba(246,240,230,0.12);border-radius:12px;padding:10px 14px}
.tag-leute dt{font:700 11px/1.2 var(--head);letter-spacing:.12em;text-transform:uppercase;color:var(--cw-text)}
.tag-leute dd{margin:4px 0 0;font:700 18px/1.2 var(--head);color:var(--cw-text)}
.tag-leute dd a{color:var(--cw-text)}.tag-leute dd a:hover{color:var(--cw-text)}
.tag-karte .tag-pferd h3{font-size:28px}
/* Highlight-Geschichten: eine Schrift, ruhiger */
.hl-stories li{font:400 15px/1.5 var(--sans)}
.hl-stories li>span{display:block;font:600 13px/1.3 var(--sans);letter-spacing:0;text-transform:none;color:var(--cw-text);margin-bottom:2px}
.hl-stories li a{font-weight:600}
/* Tageskarten nicht auf die Hoehe der rechten Spalte strecken */
.home-links .tagessieger{flex:0 0 auto}
.home-links .tag-raster{flex:0 0 auto;align-items:start}
.tag-karte .tag-mehr{margin-top:6px}
.startseite .home-feature-grid{align-items:start}

/* ==== 25.09.2026 spaet: feste Regel – Hero und Highlight gleich hoch, Tageskarten gleich hoch ==== */
@media(min-width:801px){
.startseite .home-feature-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-areas:"hero hl" "tag weit";align-items:stretch;row-gap:30px}
.startseite .home-feature-grid>.home-links,.startseite .home-feature-grid>.home-rechts{display:contents}
.startseite .home-feature-grid .home-winner{grid-area:hero}
.startseite .home-feature-grid .home-highlight{grid-area:hl}
.startseite .home-feature-grid .tagessieger{grid-area:tag;align-self:start}
.startseite .home-feature-grid .home-weitere{grid-area:weit;align-self:start}
.startseite .home-feature-grid:not(:has(.tagessieger)) .home-weitere{grid-column:2}
.home-links .tag-raster{align-items:stretch}
.home-links .tag-karte{height:100%;box-sizing:border-box;display:flex;flex-direction:column}
.home-links .tag-karte .tag-mehr{margin-top:auto}
}
/* Hero: runde Portraits statt Freisteller */
.winner-connections>div.mit-kopf{position:relative;padding-right:66px;overflow:visible}
.winner-connections .wc-foto{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid rgba(246,240,230,0.25)}
.startseite .home-quick .chip::after{content:none}
/* Kenner-Streifen: Zusatz in Orange direkt in der Ueberschrift, ohne graue Linie */
.home-kenner .abschnitt.ohne-linie{border-bottom:0;padding-bottom:0;margin-bottom:16px}
.home-kenner .hk-zusatz{font-style:normal;color:var(--cw-text)}
/* Datenbank-Einstieg als eigener Abschnitt */
.home-quick-intro{margin:-6px 0 16px;color:var(--cw-text)}
.startseite .home-quick{margin-top:0}
.startseite .home-quick .chip{flex-direction:column;gap:4px;min-height:70px}
.startseite .home-quick .chip small{font:600 13px/1 var(--sans);letter-spacing:0;text-transform:none;color:var(--cw-text)}

/* ==== 25.09.2026 abends: Orange und Liquid Glass wie auf G1Stars.com ==== */
:root{--glas-hell:linear-gradient(180deg,rgba(246,240,230,0.126) 0%,rgba(246,240,230,0.054) 48%,rgba(246,240,230,0.032) 100%);
 --glas-rand:rgba(246,240,230,0.22);
 --glas-kante:inset 0 1px 0 rgba(246,240,230,0.228),inset 0 -1px 0 rgba(246,240,230,0.042),inset 1px 0 0 rgba(246,240,230,0.054),inset -1px 0 0 rgba(246,240,230,0.024);
 --glas-schatten:0 6px 18px rgba(0,0,0,0.28),0 1px 4px rgba(0,0,0,0.168);
 --glas-blur:blur(22px) saturate(185%);
 --glas-karte:linear-gradient(180deg,rgba(246,240,230,0.45) 0%,rgba(246,240,230,0.28) 100%);
 --glas-karte-kante:inset 0 1px 0 rgba(246,240,230,0.6),0 0 0 1px rgba(0,0,0,1),0 4px 14px rgba(0,0,0,0.098);
 --g1-orange:linear-gradient(160deg,var(--cw-glass-2) 0%,var(--cw-glass-2) 45%,var(--cw-glass-2) 100%)}
/* Hero: unser Verlauf bleibt, dazu oben rechts das orange Licht */
.home-winner{background-image:
 radial-gradient(55% 60% at 92% 8%,rgba(246,240,230,0.126) 0%,rgba(246,240,230,0) 70%),
 linear-gradient(158deg,rgba(122,34,53,0.728),rgba(122,34,53,1) 52%,rgba(122,34,53,1)),
 radial-gradient(120% 95% at 6% 0%,rgba(246,240,230,0.14),transparent 54%),
 url(/assets/grund-trikots.jpg);
 background-size:auto,auto,auto,cover}
/* Kacheln im Hero: Glas auf dunkler Unterlage mit Lichtkante */
.winner-connections>div,.winner-connections>div:nth-child(n+4),.tag-leute>div{
 position:relative;background:linear-gradient(180deg,rgba(246,240,230,0.099) 0%,rgba(246,240,230,0.045) 48%,rgba(246,240,230,0.027) 100%);-webkit-backdrop-filter:var(--glas-blur);backdrop-filter:var(--glas-blur);
 border:1px solid rgba(246,240,230,0.17);box-shadow:inset 0 1px 0 rgba(246,240,230,0.168),inset 0 -1px 0 rgba(246,240,230,0.03),inset 1px 0 0 rgba(246,240,230,0.036),inset -1px 0 0 rgba(246,240,230,0.018),0 6px 18px rgba(0,0,0,0.28),0 1px 4px rgba(0,0,0,0.168);border-radius:14px;isolation:isolate}
.winner-connections>div::before,.tag-leute>div::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;
 background:radial-gradient(120% 70% at 12% -10%,rgba(246,240,230,0.144) 0%,rgba(246,240,230,0) 55%),
            radial-gradient(90% 60% at 100% 110%,rgba(246,240,230,0.07) 0%,rgba(246,240,230,0) 60%)}
.winner-connections dt,.tag-leute dt{color:var(--cw-text)}
.winner-connections dd,.winner-connections dd a,.tag-leute dd a{color:var(--cw-text)}
/* Highlight: das Orange von G1Stars (Verlauf, Glanz oben rechts, weicher Schatten) */
.startseite .home-highlight,.startseite .home-highlight.kerbe,.home-highlight.kerbe{--kbg:radial-gradient(140% 100% at 100% 0%,rgba(246,240,230,0.45) 0%,rgba(246,240,230,0.162) 38%,rgba(246,240,230,0) 68%),linear-gradient(160deg,var(--cw-glass-2) 0%,var(--cw-glass-2) 45%,var(--cw-glass-2) 100%);
 background:transparent;box-shadow:none;color:var(--cw-text);filter:drop-shadow(0 14px 22px rgba(0,0,0,0.308))}
.home-highlight:not(.kerbe){background:radial-gradient(140% 100% at 100% 0%,rgba(246,240,230,0.45) 0%,rgba(246,240,230,0.162) 38%,rgba(246,240,230,0) 68%),linear-gradient(160deg,var(--cw-glass-2) 0%,var(--cw-glass-2) 45%,var(--cw-glass-2) 100%)}
.home-highlight .vs-cd{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:360px}
.home-highlight .vs-cd>span{background:rgba(122,34,53,1);color:var(--cw-text);border-radius:12px;padding:10px 4px 8px;min-width:0;box-shadow:inset 0 1px 0 rgba(246,240,230,0.084)}
.home-highlight .vs-cd b{font-size:28px}
.home-highlight .vs-cd small{color:var(--cw-text);opacity:1}
.home-highlight .hl-knopf{background:rgba(122,34,53,1);box-shadow:inset 0 1px 0 rgba(246,240,230,0.084)}
.home-highlight h2 a,.home-highlight .hl-stories li a{color:var(--cw-text)}
.home-highlight h2 a:hover{color:var(--cw-text)}
.home-highlight .hl-fakten span{background:rgba(122,34,53,0.156)}
/* Kommende Rennen: helle Glaskarte */
.home-weitere{background:linear-gradient(180deg,rgba(246,240,230,0.45) 0%,rgba(246,240,230,0.28) 100%);border:0;box-shadow:inset 0 1px 0 rgba(246,240,230,0.6),0 0 0 1px rgba(0,0,0,1),0 4px 14px rgba(0,0,0,0.098);border-radius:14px}

/* ==== 25.09.2026 nachts: Ergebniskarten wie G1Stars "Latest Group 1 results", Kopf in unserem Schwarz ==== */
.home-results{gap:14px}
.gf-wkarte{display:flex;flex-direction:column;min-width:0;padding:0 16px;border-radius:12px;overflow:hidden;
 background:linear-gradient(180deg,rgba(246,240,230,0.45) 0%,rgba(246,240,230,0.28) 100%);box-shadow:inset 0 1px 0 rgba(246,240,230,0.6),0 0 0 1px rgba(0,0,0,1),0 4px 14px rgba(0,0,0,0.098);transition:box-shadow .16s ease,transform .16s ease}
.gf-wkarte:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(246,240,230,0.6),0 0 0 1px rgba(0,0,0,0.42),0 8px 22px rgba(0,0,0,0.154)}
.gf-wkopf{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:5px;align-items:start;margin:0 -16px;padding:12px 16px 11px;
 background:radial-gradient(70% 120% at 100% 0%,rgba(246,240,230,0.112) 0%,rgba(246,240,230,0) 60%),linear-gradient(180deg,var(--cw-glass) 0%,var(--cw-glass) 100%);
 box-shadow:inset 0 1px 0 rgba(246,240,230,0.096)}
.gf-wkopf a{grid-column:1;grid-row:1;font:700 19px/1.2 var(--head);letter-spacing:.02em;text-transform:uppercase;color:var(--cw-text);overflow-wrap:break-word}
.gf-wkopf a:hover{color:var(--cw-text)}
.gf-wkopf span{grid-column:1/-1;grid-row:2;font:600 11.5px/1.2 var(--head);letter-spacing:.12em;text-transform:uppercase;color:var(--cw-text-2)}
.gf-wkat{grid-column:2;grid-row:1;font:700 11.5px/1 var(--head);font-style:normal;letter-spacing:.06em;padding:5px 8px;border-radius:999px;color:var(--cw-text);margin-top:2px}
.gf-wkat.g1{background:var(--cw-glass-2)}.gf-wkat.g2{background:var(--cw-glass-2)}.gf-wkat.g3{background:var(--cw-glass-2)}.gf-wkat.l{background:var(--cw-glass-2)}
.gf-wpferd{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;min-width:0}
.gf-wpferd h3{margin:0;font:700 30px/1.16 var(--head);letter-spacing:.005em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gf-wpferd h3 a{color:var(--cw-text)}
.gf-wpferd h3 a:hover{color:var(--cw-text-2)}
.gf-wpferd img{width:auto;height:56px;flex:none;margin:4px 6px 0 0;aspect-ratio:104/105}
.gf-wleute{margin-top:8px;display:flex;flex-direction:column;gap:3px}
.gf-wleute div{display:flex;align-items:baseline;gap:6px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gf-wleute b{font:600 16px/1.3 var(--head)}
.gf-wleute b a{color:var(--cw-text)}
.gf-wleute b a:hover{color:var(--cw-text-2)}
.gf-wleute span{font:600 11px/1 var(--head);letter-spacing:.12em;text-transform:uppercase;color:var(--cw-text-muted)}
.gf-wwege{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:12px 0 14px;border-top:1px solid var(--cw-line)}
.gf-wwege a{font:700 12.5px/1 var(--head);letter-spacing:.12em;text-transform:uppercase;color:var(--cw-text-muted)}
.gf-wwege a:first-child{color:var(--cw-text-2)}
.gf-wwege a:last-child::after{content:" →";color:var(--cw-text-muted)}
.gf-wwege a:hover{color:var(--cw-text)}
@media(max-width:520px){.gf-wpferd h3{font-size:26px}.gf-wpferd img{height:46px}}
.gf-wpferd>*:not(h3){order:2!important}
@media(max-width:620px){.home-results>.gf-wkarte:nth-child(n+4){display:none}}
.gf-wpferd img,.gf-wpferd .result-silk{width:auto!important;height:58px!important;max-width:none!important;flex:none!important;aspect-ratio:104/105}
/* 26.09.2026: Liquid Glass einen Tick zuruecknehmen */
:root{--glas-hell:linear-gradient(180deg,rgba(246,240,230,0.099) 0%,rgba(246,240,230,0.045) 48%,rgba(246,240,230,0.027) 100%);--glas-rand:rgba(246,240,230,0.17);
 --glas-kante:inset 0 1px 0 rgba(246,240,230,0.168),inset 0 -1px 0 rgba(246,240,230,0.03),inset 1px 0 0 rgba(246,240,230,0.036),inset -1px 0 0 rgba(246,240,230,0.018)}
.winner-connections>div::before,.tag-leute>div::before{opacity:.7}
.startseite .home-highlight,.startseite .home-highlight.kerbe,.home-highlight.kerbe{--kbg:radial-gradient(140% 100% at 100% 0%,rgba(246,240,230,0.45) 0%,rgba(246,240,230,0.162) 38%,rgba(246,240,230,0) 68%),linear-gradient(160deg,var(--cw-glass-2) 0%,var(--cw-glass-2) 45%,var(--cw-glass-2) 100%)}
/* 26.09.2026: Mobil erst der letzte Sieger, dann das naechste Highlight mit Countdown, dann "Ausserdem am ..." */
@media(max-width:800px){
.startseite .home-feature-grid{display:flex;flex-direction:column;gap:22px}
.startseite .home-feature-grid>.home-links,.startseite .home-feature-grid>.home-rechts{display:contents}
.startseite .home-feature-grid .home-winner{order:1}
.startseite .home-feature-grid .home-highlight{order:2}
.startseite .home-feature-grid .tagessieger{order:3}
.startseite .home-feature-grid .home-weitere{order:4}
}
.startseite .home-winner .winner-actions.gf-cta.mit-film{grid-template-columns:1fr 1fr 1fr}
.startseite .home-winner .winner-actions.gf-cta a.winner-film{margin:0;border-radius:6px;min-height:46px;justify-content:center;border:0;padding:10px 14px;font-size:15px;letter-spacing:.08em;color:var(--cw-text);background:var(--cw-glass-2)}
@media(max-width:520px){.startseite .home-winner .winner-actions.gf-cta.mit-film{grid-template-columns:1fr 1fr}.startseite .home-winner .winner-actions.gf-cta a.winner-film{grid-column:1/-1}}

/* 28.09.2026: Jockey/Trainer breit, Besitzer/Zuechter darunter, Vater/Mutter als Abstammungszeile */
.startseite .home-winner .winner-connections{grid-template-columns:repeat(2,minmax(0,1fr))}
.startseite .home-winner .winner-connections .wc-foto{width:60px;height:60px}
.startseite .home-winner .winner-connections>div.mit-kopf{padding-right:84px}
.winner-pedigree{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 24px;padding:13px 16px;border-radius:14px;
 background:linear-gradient(180deg,rgba(246,240,230,0.099) 0%,rgba(246,240,230,0.045) 48%,rgba(246,240,230,0.027) 100%);-webkit-backdrop-filter:var(--glas-blur);backdrop-filter:var(--glas-blur);border:1px solid rgba(246,240,230,0.17);
 box-shadow:inset 0 1px 0 rgba(246,240,230,0.168),inset 0 -1px 0 rgba(246,240,230,0.03),inset 1px 0 0 rgba(246,240,230,0.036),inset -1px 0 0 rgba(246,240,230,0.018),0 6px 18px rgba(0,0,0,0.28),0 1px 4px rgba(0,0,0,0.168);font:600 16px/1.3 var(--head);color:var(--cw-text)}
.winner-pedigree span{font:600 11.5px/1 var(--head);letter-spacing:.12em;text-transform:uppercase;color:var(--cw-text)}
.winner-pedigree i{font-style:normal;color:var(--cw-text);opacity:.75}
.winner-pedigree b{font-weight:700}
.winner-pedigree b a{color:var(--cw-text)}
@media(max-width:520px){.startseite .home-winner .winner-connections{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.startseite .home-winner .winner-connections .wc-foto{width:44px;height:44px}.startseite .home-winner .winner-connections>div.mit-kopf{padding-right:62px}.winner-pedigree{font-size:14px;padding:11px 14px}}

/* ==== 29.09.2026: Karten mit normalen Ecken, Kategorie-Pille innen ==== */
.kat-pill{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:54px;height:28px;padding:0 10px;border-radius:999px;font:700 13px/1 var(--head);letter-spacing:.05em;white-space:nowrap;color:var(--cw-text);background:var(--cw-glass-2)}
.kat-pill.g1{background:var(--cw-glass-2)}.kat-pill.g2{background:var(--cw-glass-2)}.kat-pill.g3{background:var(--cw-glass-2)}.kat-pill.l{background:var(--cw-glass-2)}
.startseite .tag-karte{position:relative;overflow:hidden;border:0;border-radius:22px;padding:18px 20px 14px;
 background:radial-gradient(70% 55% at 100% 0%,rgba(246,240,230,0.084) 0%,rgba(246,240,230,0) 70%),radial-gradient(60% 60% at 0% 100%,rgba(246,240,230,0.045) 0%,rgba(246,240,230,0) 70%),linear-gradient(180deg,var(--cw-glass) 0%,var(--cw-glass) 55%,var(--cw-glass) 100%);
 box-shadow:0 10px 22px rgba(0,0,0,0.308)}
.startseite .tag-karte .tag-kopf{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;align-items:center;padding:0}
.startseite .tag-karte .tag-kopf .kat-pill{grid-row:1/span 2}
.startseite .tag-karte .tag-kopf a,.startseite .tag-karte .tag-kopf span:not(.kat-pill){grid-column:2}
.startseite .tag-karte .tag-kopf span:not(.kat-pill){margin-top:2px}
.gf-wkarte .gf-wkopf .kat-pill{grid-column:2;grid-row:1;align-self:start}
.gf-wkarte .gf-wkopf a,.gf-wkarte .gf-wkopf span:not(.kat-pill){padding-right:0}

/* ==== 29.09.2026: Highlight kompakter, letzte drei Sieger mit Trikot, Rekordkacheln darunter ==== */
@media(min-width:801px){
.startseite .home-feature-grid .hl-stapel{grid-area:hl;display:flex;flex-direction:column;gap:18px;min-width:0}
}
@media(max-width:800px){.startseite .home-feature-grid .hl-stapel{order:2;display:flex;flex-direction:column;gap:18px}}
.startseite .home-highlight{padding-bottom:22px}
.startseite .home-highlight h2{font-size:clamp(30px,2.7vw,42px);margin:14px 0 6px}
.startseite .home-highlight .hl-fakten{margin-top:10px}
.startseite .home-highlight .vs-cd b{font-size:24px}
.startseite .home-highlight .vs-cd>span{padding:8px 4px 6px}
.hl-stories-titel{margin:16px 0 0;font:700 12px/1.2 var(--head);letter-spacing:.14em;text-transform:uppercase;color:var(--cw-text)}
.home-highlight .hl-stories.hl-letzte{margin-top:8px}
.home-highlight .hl-letzte li{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;column-gap:10px;padding:8px 0}
.home-highlight .hl-letzte li>span{margin:0;font:700 15px/1 var(--head);letter-spacing:.04em;color:var(--cw-text)}
.hl-sieger{display:flex;align-items:center;gap:10px;min-width:0}
.hl-sieger .hl-silk{flex:none;width:30px;height:32px;object-fit:contain;display:block}
.hl-sieger p{margin:0;min-width:0;font:700 17px/1.15 var(--head);text-transform:uppercase}
.hl-sieger p a{color:var(--cw-text)}.hl-sieger p a:hover{color:var(--cw-text)}
.hl-sieger small{display:block;margin-top:2px;font:500 13.5px/1.2 var(--sans);text-transform:none}
.hl-sieger small a{color:var(--cw-text)!important;font-weight:500}
.startseite .home-highlight .hl-knopf{margin-top:16px}
/* Rekordkacheln unter dem Highlight: zwei nebeneinander, kompakter */
.hl-rekorde.rk-raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.hl-rekorde .rk-kachel{min-height:210px;padding:50px 16px 16px}
.hl-rekorde .rk-kachel h3{font-size:21px}
.hl-rekorde .rk-wert{font-size:17px}
.hl-rekorde .rk-kachel .rk-frei{width:58%;max-width:130px}
.hl-rekorde .rk-text{max-width:100%}
.hl-rekorde .rk-kachel.mit-foto .rk-text small{max-width:45%}
@media(max-width:380px){.hl-rekorde.rk-raster{grid-template-columns:1fr}}
body .hl-rekorde .rk-kachel img.rk-frei.gfp{width:84px;height:84px;right:14px;bottom:14px}
.startseite .tag-karte .tag-kopf span.kat-pill{display:inline-flex;margin:0;font:700 13px/1 var(--head);letter-spacing:.05em;color:var(--cw-text)}
.hl-rekorde .rk-kachel{min-height:185px}
.hl-rekorde .rk-kachel.mit-foto .rk-text small{max-width:52%}
.gf-wkarte .gf-wkopf span.kat-pill{grid-column:2;grid-row:1;font:700 13px/1 var(--head);letter-spacing:.05em;color:var(--cw-text)}
@media(max-width:800px){.startseite .hl-stapel>.home-highlight{order:0}.startseite .hl-stapel>.hl-rekorde{order:1}}

/* ==== 29.09.2026: Hero neu – links Pferd und Rennen, rechts vier gleich hohe Kaesten ==== */
.startseite .home-winner.hw2 .hw-body{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:28px;margin:24px 0 26px;align-items:stretch}
.startseite .home-winner.hw2 .hw-links{min-width:0;display:flex;flex-direction:column}
.startseite .home-winner.hw2 .winner-heading{margin:0;justify-content:flex-start;gap:18px}
.startseite .home-winner.hw2 .winner-heading h2{font-size:clamp(38px,3.9vw,60px);line-height:.98;overflow-wrap:break-word;hyphens:auto}
.startseite .home-winner.hw2 .winner-race{margin:14px 0 0;font-size:clamp(24px,2.2vw,32px);line-height:1.12}
.hw-fakten{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}
.hw-fakten span{padding:7px 12px;border-radius:999px;font:600 15px/1.1 var(--head);letter-spacing:.02em;color:var(--cw-text);white-space:nowrap;
 background:var(--glas-hell,rgba(246,240,230,0.072));border:1px solid var(--glas-rand,rgba(246,240,230,0.17))}
.hw-fakten span:first-child{background:var(--cw-glass-2);border-color:var(--cw-line);color:var(--cw-text)}
.startseite .home-winner.hw2 .winner-pedigree{margin:auto 0 0;padding:12px 16px;flex-wrap:wrap}
.startseite .home-winner.hw2 .hw-links .hw-fakten+.winner-pedigree{margin-top:22px}
.startseite .home-winner.hw2 .hw-leute{margin:0;display:grid;grid-template-columns:1fr;grid-auto-rows:1fr;gap:10px}
.startseite .home-winner.hw2 .hw-leute>div{min-height:84px;display:flex;flex-direction:column;justify-content:center;padding:12px 16px;box-sizing:border-box}
.startseite .home-winner.hw2 .hw-leute>div.mit-kopf{padding-right:92px}
.startseite .home-winner.hw2 .hw-leute dd{font-size:19px;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.startseite .home-winner.hw2 .hw-leute .wc-foto{width:70px;height:70px;right:12px}
.startseite .home-winner.hw2 .winner-actions{margin-top:0}
@media(max-width:1100px){.startseite .home-winner.hw2 .hw-body{grid-template-columns:1fr;gap:20px}.startseite .home-winner.hw2 .hw-leute{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.startseite .home-winner.hw2 .hw-leute>div{min-height:74px;padding:10px 12px}.startseite .home-winner.hw2 .hw-leute>div.mit-kopf{padding-right:62px}.startseite .home-winner.hw2 .hw-leute .wc-foto{width:46px;height:46px;right:8px}.startseite .home-winner.hw2 .hw-leute dd{font-size:16px}.hw-fakten span{font-size:13.5px;padding:6px 10px}}

/* ==== 29.09.2026: Ranglisten-Kaesten atmen, Ergebniskarten gleich hoch ==== */
.startseite .home-people-ranks>.karte{padding-top:16px}
.startseite .home-people-ranks>.karte>h3{margin-bottom:18px}
.startseite .home-results{align-items:stretch}
.startseite .gf-wkarte .gf-wkopf a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
/* Hero fuellt die Hoehe der rechten Spalte: die vier Kaesten wachsen mit, Portraits groesser */
.startseite .home-winner.hw2{display:flex;flex-direction:column}
.startseite .home-winner.hw2 .hw-body{flex:1 1 auto}
.startseite .home-winner.hw2 .hw-leute>div{min-height:96px}
.startseite .home-winner.hw2 .hw-leute>div.mit-kopf{padding-right:112px}
.startseite .home-winner.hw2 .hw-leute .wc-foto{width:88px;height:88px;right:14px}
.startseite .home-winner.hw2 .hw-leute dd{font-size:21px}
@media(max-width:520px){.startseite .home-winner.hw2 .hw-leute>div{min-height:74px}.startseite .home-winner.hw2 .hw-leute>div.mit-kopf{padding-right:62px}.startseite .home-winner.hw2 .hw-leute .wc-foto{width:48px;height:48px;right:8px}.startseite .home-winner.hw2 .hw-leute dd{font-size:16px}}
.hl-rekorde .rk-kachel{min-height:200px}
.hl-rekorde .rk-kachel h3{font-size:19px}
body .hl-rekorde .rk-kachel img.rk-frei.gfp{width:66px;height:66px;right:12px;bottom:12px}
.hl-rekorde .rk-kachel.mit-foto .rk-text small{max-width:58%}
.startseite .home-winner.hw2 .hw-links .hw-fakten+.winner-pedigree{margin-top:auto}
.startseite .home-winner.hw2 .hw-links .hw-fakten{margin-bottom:22px}
.startseite .home-winner.hw2 .winner-heading h2{font-size:clamp(40px,4.4vw,72px)}
.startseite .home-winner.hw2 .winner-race{font-size:clamp(26px,2.5vw,36px)}
.startseite .home-winner.hw2 .hw-fakten span{font-size:16px;padding:8px 13px}
@media(max-width:1100px){.startseite .home-winner.hw2 .hw-links .hw-fakten+.winner-pedigree{margin-top:0}}
/* Wege in die linke Spalte, unten buendig mit dem Zuechter-Kasten; Abstammung direkt unter den Renndaten */
.startseite .home-winner.hw2 .hw-links .hw-fakten+.winner-pedigree{margin-top:0}
.startseite .home-winner.hw2 .hw-body{margin-bottom:0}
.startseite .home-winner.hw2 .winner-actions.gf-cta.hw-wege{margin-top:auto;padding-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.startseite .home-winner.hw2 .winner-actions.gf-cta.hw-wege.mit-film{grid-template-columns:1fr 1fr}
.startseite .home-winner.hw2 .hw-wege a.winner-film{grid-column:1/-1}
.startseite .home-winner.hw2 .hw-wege a{min-height:46px}
@media(max-width:1100px){
 .startseite .home-winner.hw2 .hw-body{display:flex;flex-direction:column;gap:0}
 .startseite .home-winner.hw2 .hw-links{display:contents}
 .startseite .home-winner.hw2 .hw-leute{order:5;margin-top:20px}
 .startseite .home-winner.hw2 .winner-actions.gf-cta.hw-wege{order:6;padding-top:20px}
}
@media(max-width:700px){
 .startseite .home-winner.hw2 .hw-leute{grid-template-columns:1fr;grid-auto-rows:auto}
 .startseite .home-winner.hw2 .hw-leute>div{min-height:72px}
 .startseite .home-winner.hw2 .hw-leute>div.mit-kopf{padding-right:76px}
 .startseite .home-winner.hw2 .hw-leute .wc-foto{width:56px;height:56px;right:10px}
 .startseite .home-winner.hw2 .hw-leute dd{font-size:18px}
}
@media(max-width:700px){.startseite .home-winner.hw2 .hw-leute>div{min-height:86px}}
.startseite .gf-wkarte .gf-wkopf a{font-size:17.5px;letter-spacing:.01em}
/* 29.09.2026: Renndaten als reiner Text, keine Kaesten (sahen aus wie Knoepfe) */
.startseite .home-winner.hw2 .hw-fakten{gap:4px 0;font:600 19px/1.35 var(--head);color:var(--cw-text)}
.startseite .home-winner.hw2 .hw-fakten span{padding:0;border:0;background:none;border-radius:0;font:inherit;color:inherit}
.startseite .home-winner.hw2 .hw-fakten span:not(:last-child)::after{content:"·";margin:0 11px;color:var(--cw-text-muted)}
.startseite .home-winner.hw2 .hw-fakten span:first-child{background:none;color:var(--cw-text)}
.startseite .home-highlight .hl-fakten{gap:4px 0}
.startseite .home-highlight .hl-fakten span{padding:0;background:none!important;border-radius:0;font:700 16px/1.3 var(--head)}
.startseite .home-highlight .hl-fakten span:not(:last-child)::after{content:"·";margin:0 10px;opacity:.6}
@media(max-width:520px){.startseite .home-winner.hw2 .hw-fakten{font-size:16.5px}.startseite .home-winner.hw2 .hw-fakten span:not(:last-child)::after{margin:0 8px}}
.startseite .home-winner.hw2 .hw-fakten{display:block}
.startseite .home-winner.hw2 .hw-fakten p{margin:0;display:flex;flex-wrap:wrap}
.startseite .home-winner.hw2 .hw-fakten span:first-child{color:inherit}
.startseite .home-winner.hw2 .hw-fakten p:first-child span:first-child{color:var(--cw-text)}

/* ==== 29.09.2026 v3 (Sebastian): alles untereinander – Name, Rennen, Renndaten in einer Zeile, Abstammung, dann die Kaesten ==== */
.startseite .home-winner.hw2 .hw-body{display:flex;flex-direction:column;gap:0;margin:22px 0 0}
.startseite .home-winner.hw2 .hw-links{display:contents}
.startseite .home-winner.hw2 .winner-heading{order:1}
.startseite .home-winner.hw2 .winner-race{order:2}
.startseite .home-winner.hw2 .hw-fakten{order:3;display:flex;flex-wrap:wrap;margin:14px 0 0}
.startseite .home-winner.hw2 .hw-fakten p+p::before{content:"·";margin:0 11px;color:var(--cw-text-muted)}
.startseite .home-winner.hw2 .winner-pedigree{order:4;margin:20px 0 0}
.startseite .home-winner.hw2 .hw-leute{order:5;margin:18px 0 0;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:12px}
.startseite .home-winner.hw2 .hw-leute>div{min-height:100px}
.startseite .home-winner.hw2 .winner-actions.gf-cta.hw-wege{order:6;margin-top:auto;padding-top:22px;grid-template-columns:repeat(3,minmax(0,1fr))}
.startseite .home-winner.hw2 .winner-actions.gf-cta.hw-wege.mit-film{grid-template-columns:repeat(3,minmax(0,1fr))}
.startseite .home-winner.hw2 .hw-wege a.winner-film{grid-column:auto}
.startseite .home-winner.hw2 .hw-body{flex:1 1 auto}
@media(max-width:700px){
 .startseite .home-winner.hw2 .hw-fakten{display:block}
 .startseite .home-winner.hw2 .hw-fakten p+p::before{content:none}
 .startseite .home-winner.hw2 .hw-leute{grid-template-columns:1fr}
 .startseite .home-winner.hw2 .hw-leute>div{min-height:86px}
 .startseite .home-winner.hw2 .winner-actions.gf-cta.hw-wege,.startseite .home-winner.hw2 .winner-actions.gf-cta.hw-wege.mit-film{grid-template-columns:1fr 1fr}
 .startseite .home-winner.hw2 .hw-wege a.winner-film{grid-column:1/-1}
}
@media(min-width:701px){.startseite .home-winner.hw2 .hw-leute{flex:1 1 auto}}
/* Rekorde gehoeren sichtbar zum Highlight: gleiche Farbe wie der Kasten, Ueberschrift mit Rennnamen */
.hl-rek-titel{margin:0 0 10px;font:700 13px/1.2 var(--head);letter-spacing:.12em;text-transform:uppercase;color:var(--cw-text)}
.hl-rekorde .rk-kachel.kerbe,.hl-rekorde .rk-kachel.kerbe:nth-child(even){--kbg:radial-gradient(140% 100% at 100% 0%,rgba(246,240,230,0.405) 0%,rgba(246,240,230,0.108) 40%,rgba(246,240,230,0) 70%),linear-gradient(160deg,var(--cw-glass-2) 0%,var(--cw-glass-2) 45%,var(--cw-glass-2) 100%)}
.hl-rekorde .rk-kachel:nth-child(even) .rk-wert{color:var(--cw-text)}
@media(max-width:800px){.startseite .hl-stapel>.hl-rek-block{order:1}}
/* 29.09.2026: Ergebniskarten kompakter – Titel und Ort dichter, Pferd und Leute einen Tick hoeher */
.startseite .gf-wkarte .gf-wkopf{row-gap:3px;padding:11px 16px 10px;align-items:center}
.startseite .gf-wkarte .gf-wkopf span.kat-pill{grid-row:1/span 2;align-self:center}
.startseite .gf-wkarte .gf-wpferd{margin-top:10px}
.startseite .gf-wkarte .gf-wpferd img,.startseite .gf-wkarte .gf-wpferd .result-silk{height:52px!important}
.startseite .gf-wkarte .gf-wleute{margin-top:2px}
.startseite .gf-wkarte .gf-wwege{margin-top:12px;padding:11px 0 12px}
/* Im Film: Jockey auf der Grundlinie des Pferdenamens, mehr Luft unter dem Renntitel */
#filme figure.vk figcaption{gap:10px}
#filme .vk-sieger{align-items:baseline}
#filme .vk-sieger .vk-silk{align-self:center}
#filme .vk-sieger i{line-height:1.2}
.startseite .gf-wkarte .gf-wkopf{row-gap:5px;padding:12px 16px 11px}
.home-highlight .hl-letzte li{grid-template-columns:auto minmax(0,1fr);column-gap:10px}

/* ==== 29.09.2026 v6: Hero-Kaesten oben buendig, Abstammung hinter dem Namen, Spalten unabhaengig ==== */
@media(min-width:801px){
.startseite .home-feature-grid{grid-template-areas:"hero hl" "tag rek" "tag weit";grid-template-rows:auto auto 1fr;row-gap:30px}
.startseite .home-feature-grid .hl-rek-block{grid-area:rek;align-self:start}
.startseite .home-feature-grid .home-weitere{grid-area:weit}
.startseite .home-feature-grid:not(:has(.tagessieger)) .hl-rek-block{grid-column:2}
}
@media(max-width:800px){.startseite .home-feature-grid .hl-rek-block{order:2}.startseite .home-feature-grid .home-highlight{order:2}.startseite .home-feature-grid .tagessieger{order:3}}
/* Abstammung klein hinter dem Pferdenamen */
.startseite .home-winner.hw2 .hw-abst{display:inline-block;margin-left:14px;font:600 20px/1.2 var(--head);letter-spacing:.02em;text-transform:none;color:var(--cw-text-2);vertical-align:baseline;white-space:nowrap}
.startseite .home-winner.hw2 .hw-abst a{color:var(--cw-text)}
.startseite .home-winner.hw2 .hw-abst a:hover{color:var(--cw-text)}
.startseite .home-winner.hw2 .hw-abst i{font-style:normal;color:var(--cw-text-muted);margin:0 3px}
@media(max-width:520px){.startseite .home-winner.hw2 .hw-abst{display:block;margin:6px 0 0;font-size:16px}}
/* Kaesten: natuerliche Hoehe, Beschriftung oben, Bild oben rechts auf einer Linie mit der Beschriftung */
.startseite .home-winner.hw2 .hw-leute{flex:0 0 auto;grid-auto-rows:1fr}
.startseite .home-winner.hw2 .hw-leute>div{min-height:0;justify-content:flex-start;padding:16px 18px 16px;position:relative}
.startseite .home-winner.hw2 .hw-leute>div.mit-kopf{padding-right:104px;min-height:104px;box-sizing:border-box}
.startseite .home-winner.hw2 .hw-leute dt{margin:0}
.startseite .home-winner.hw2 .hw-leute dd{margin-top:6px}
.startseite .home-winner.hw2 .hw-leute .wc-foto{top:14px;right:14px;transform:none;width:76px;height:76px}
.startseite .home-winner.hw2 .hw-leute .wc-trikot{position:absolute;top:14px;right:18px;width:auto;height:64px;aspect-ratio:104/105;object-fit:contain}
.startseite .home-winner.hw2 .winner-actions.gf-cta.hw-wege{margin-top:0;padding-top:20px}
@media(max-width:700px){.startseite .home-winner.hw2 .hw-leute>div.mit-kopf{min-height:84px;padding-right:80px}.startseite .home-winner.hw2 .hw-leute .wc-foto{width:56px;height:56px;top:14px;right:12px}.startseite .home-winner.hw2 .hw-leute .wc-trikot{height:52px;top:14px;right:14px}}
.startseite .home-highlight .hl-knopf{margin-top:auto}
.startseite .home-highlight .hl-letzte{margin-bottom:18px}
@media(max-width:700px){.startseite .home-winner.hw2 .hw-leute>div{padding:12px 14px}.startseite .home-winner.hw2 .hw-leute>div.mit-kopf{min-height:80px}.startseite .home-winner.hw2 .hw-leute{margin-top:14px}}

/* ==== 29.09.2026 v7: "Kommende Black Type-Rennen" als breite Leiste unter beiden Spalten – keine weisse Flaeche links ==== */
@media(min-width:801px){
.startseite .home-feature-grid{grid-template-areas:"hero hl" "tag rek" "weit weit";grid-template-rows:auto auto auto}
.startseite .home-feature-grid .home-weitere{grid-area:weit;grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;column-gap:28px;align-items:center;padding:16px 24px}
.startseite .home-feature-grid .home-weitere h3{grid-column:1/-1;margin:0 0 4px}
.startseite .home-feature-grid .home-weitere .hw-zeile{border-bottom:0;padding:6px 0}
.startseite .home-feature-grid .home-weitere .hw-zeile+.hw-zeile{border-left:1px solid var(--cw-line);padding-left:22px;margin-left:-22px}
.startseite .home-feature-grid .home-weitere .hw-mehr{margin:0;padding:0;align-self:center;white-space:nowrap}
}
@media(min-width:801px){
.startseite .home-feature-grid .hl-rek-block{align-self:stretch;display:flex;flex-direction:column}
.startseite .home-feature-grid .hl-rek-block .hl-rekorde{flex:1 1 auto;align-items:stretch}
.startseite .home-feature-grid .tagessieger{align-self:stretch}
}

/* ==== 29.09.2026 v8 ==== */
/* Renndaten naeher an den Renntitel */
.startseite .home-winner.hw2 .hw-fakten{margin-top:6px}
/* Ueberschriften der zweiten Reihe einheitlich: "Ausserdem am ..." wie "Rekorde im ..." */
.startseite .home-feature-grid .tagessieger .tag-titel,.startseite .home-feature-grid .hl-rek-titel{margin:0 0 10px;min-height:16px;font:700 13px/1.2 var(--head);letter-spacing:.12em;text-transform:uppercase;color:var(--cw-text);display:block}
.startseite .home-feature-grid .tagessieger .tag-titel small{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit}
.startseite .home-feature-grid .tagessieger .tag-titel small::before{content:"· ";margin-left:4px}
.startseite .home-feature-grid .tagessieger .tag-titel small::before{margin-left:0}
/* Rekordkacheln der Startseite: feste Norm, beide identisch */
.hl-rekorde .rk-kachel.hl-rk{min-height:0}
.hl-rekorde .hl-rk .rk-label{font-size:12.5px;letter-spacing:.12em;white-space:nowrap}
.hl-rekorde .hl-rk h3{margin:8px 0 4px;font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hl-rekorde .hl-rk h3 small{font-size:.7em;opacity:.7}
.hl-rekorde .hl-rk .rk-wert{font:700 20px/1 var(--head);text-transform:uppercase;color:var(--cw-text);margin:0}
.hl-rekorde .hl-rk .rk-wert b{display:block;font-size:52px;line-height:.95;margin-bottom:2px}
.hl-rekorde .hl-rk.mit-foto .rk-text{max-width:100%}
.hl-rekorde .hl-rk .rk-wert{max-width:55%}
/* Kommende Rennen: Titel immer einzeilig */
.home-weitere .hw-zeile b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;display:block}
@media(min-width:801px){
.startseite .home-feature-grid .home-weitere{grid-template-columns:repeat(3,minmax(0,1fr))}
.startseite .home-feature-grid .home-weitere h3{grid-column:1/3;grid-row:1}
.startseite .home-feature-grid .home-weitere .hw-mehr{grid-column:3;grid-row:1;justify-self:end;align-self:start}
}
@media(max-width:520px){.hl-rekorde .hl-rk h3{font-size:16px}.hl-rekorde .hl-rk .rk-label{font-size:11px;letter-spacing:.08em}}

/* 29.09.2026: Portraits in den Rekordkacheln rund 35 % groesser */
body .hl-rekorde .rk-kachel img.rk-frei.gfp{width:90px;height:90px;right:12px;bottom:12px}
@media(max-width:520px){body .hl-rekorde .rk-kachel img.rk-frei.gfp{width:64px;height:64px}}

/* ==== 29.09.2026 v12: Highlight luftiger, fuenf letzte Sieger; "Kommende" mit Ueberschrift ueber dem Kasten ==== */
.startseite .home-highlight.kerbe .hl-kopf .vs-cd{margin-top:6px}
.startseite .home-highlight h2{margin:22px 0 8px;min-height:2em}
.startseite .home-highlight .hl-wann{margin-top:4px;line-height:1.35}
.startseite .home-highlight .hl-stories-titel{margin-top:24px}
.startseite .home-highlight .hl-letzte li{padding:7px 0}
@media(min-width:801px){
.startseite .home-feature-grid{grid-template-areas:"hero hl" "tag rek" "weit weit"}
.startseite .home-feature-grid .hw-block{grid-area:weit}
.startseite .home-feature-grid .hw-block .home-weitere{grid-area:auto}
.startseite .home-feature-grid .hw-block .home-weitere{grid-template-columns:repeat(3,minmax(0,1fr)) auto}
.startseite .home-feature-grid .hw-block .home-weitere .hw-mehr{grid-column:auto;grid-row:auto;align-self:center}
}
@media(max-width:800px){.startseite .home-feature-grid .hw-block{order:4}}
.startseite .home-feature-grid .hw-titel{margin:0 0 10px;font:700 13px/1.2 var(--head);letter-spacing:.12em;text-transform:uppercase;color:var(--cw-text)}
.startseite .hw-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 10px}
.startseite .hw-kopf .hw-titel{margin:0}
.startseite .hw-kopf .hw-mehr{margin:0;padding:0;font-size:12px}
@media(min-width:801px){.startseite .home-feature-grid .hw-block .home-weitere{grid-template-columns:repeat(3,minmax(0,1fr))}}
.startseite .home-winner.hw2 .winner-actions.gf-cta.hw-wege{margin-top:auto}
@media(max-width:520px){.startseite .hw-kopf .hw-titel{white-space:nowrap}.startseite .hw-kopf .hw-mehr{font-size:10.5px;letter-spacing:.06em;white-space:nowrap}.startseite .hw-kopf .hw-mehr::after{content:none}}

/* ==== 29.09.2026 v14: Abstaende Startseite, Trikots in "Saison und Geschichte" ==== */
.startseite .home-feature-grid .hw-block{margin-top:26px}
.startseite .home-feature-grid+h2.abschnitt,.startseite .home-feature-grid~h2.abschnitt:first-of-type{margin-top:var(--home-section-gap)}
.startseite .home-feature-grid .tagessieger .tag-titel,.startseite .home-feature-grid .hl-rek-titel,.startseite .home-feature-grid .hw-kopf{margin-bottom:13px}
.startseite .home-history-facts .history-podium li{display:flex;align-items:center;gap:10px}
.startseite .hp-silk{width:auto;height:30px;aspect-ratio:104/105;flex:none;object-fit:contain}
.startseite .fk-pferd{display:inline-flex;align-items:center;gap:8px}
.startseite .fk-pferd .hp-silk{height:24px}
.startseite .fakt-haupt .fk-trikot{display:inline-block;width:auto;height:.9em;aspect-ratio:104/105;margin-left:.3em;vertical-align:-.08em}
.startseite .fakt-fuss>div{align-items:center}.startseite .fk-pferd{margin-left:auto}
.startseite .home-history-facts .history-podium li:last-child{border-bottom:0}

/* 29.09.2026 Mobil-Durchsicht Startseite */
.hw-zeile .t-lang{display:none}
@media(max-width:620px){
  .hw-zeile .t-kurz{display:none}
  .hw-zeile .t-lang{display:block}
  .startseite .home-weitere .hw-zeile b,.home-weitere .hw-zeile b{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.2}
  .startseite .next-later b{-webkit-line-clamp:unset;display:block}
  .startseite .gf-wkarte .gf-wkopf a{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.15}
  .hl-rekorde .hl-rk h3{white-space:normal;line-height:1.1}
  .hl-rekorde.rk-raster{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .hl-rekorde .rk-kachel{width:100%}
}
@media(max-width:800px){.startseite .home-feature-grid .hl-rek-block,.hl-rek-block{width:100%;align-self:stretch}}

/* Startseite mit Pferdebild (30.09.2026, wie g1stars): Kopfzeile, darunter zwei Spalten (Text links ca. 60 %, Pferd rechts
   ca. 40 %, senkrecht mittig), darunter vier Kacheln, unten die Knoepfe. Ohne Bild bleibt die gestapelte v3-Fassung. */
.startseite .home-winner.hw2.hw-mit-bild .hw-body{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:8px 22px;align-items:center;margin:18px 0 0}
.startseite .home-winner.hw2.hw-mit-bild .hw-links{display:flex;flex-direction:column;min-width:0;justify-content:center}
.startseite .home-winner.hw2.hw-mit-bild .hw-bild-box{order:0;margin:0;aspect-ratio:4/3;max-height:250px}
.startseite .home-winner.hw2.hw-mit-bild .hw-bild-box img{max-height:250px}
.startseite .home-winner.hw2.hw-mit-bild .winner-heading{order:1;margin:0}
.startseite .home-winner.hw2.hw-mit-bild .winner-heading h2{white-space:nowrap;overflow:hidden;hyphens:manual;overflow-wrap:normal;line-height:1}
.startseite .home-winner.hw2.hw-mit-bild .hw-abst-zeile{order:2;margin:8px 0 0;font:600 13.5px/1.4 var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--cw-text)}
.startseite .home-winner.hw2.hw-mit-bild .hw-abst-zeile i{font-style:normal;text-transform:none;font-weight:400;opacity:.8}
.startseite .home-winner.hw2.hw-mit-bild .hw-abst-zeile a{color:var(--cw-text)}
.startseite .home-winner.hw2.hw-mit-bild .winner-race{order:3;white-space:nowrap;overflow:hidden;margin:14px 0 0}
.startseite .home-winner.hw2.hw-mit-bild .hw-fakten{order:4;margin:8px 0 0}
.startseite .home-winner.hw2.hw-mit-bild .hw-fakten p{flex-wrap:nowrap;white-space:nowrap;overflow:hidden}
.startseite .home-winner.hw2.hw-mit-bild .hw-fakten span{padding:0;font:inherit}
.startseite .home-winner.hw2.hw-mit-bild .hw-fakten p:first-child span:first-child{color:var(--cw-text)}
.startseite .home-winner.hw2.hw-mit-bild .hw-fakten span:not(:last-child)::after{margin:0 9px}
@media(max-width:1300px){.startseite .home-winner.hw2.hw-mit-bild .hw-fakten{font-size:17px}}
@media(max-width:1100px){.startseite .home-winner.hw2.hw-mit-bild .hw-fakten{font-size:16px}.startseite .home-winner.hw2.hw-mit-bild .hw-fakten span:not(:last-child)::after{margin:0 7px}}
.startseite .home-winner.hw2.hw-mit-bild .hw-fakt{order:5}
.startseite .home-winner.hw2.hw-mit-bild .hw-leute{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:10px;margin:18px 0 0}
.startseite .home-winner.hw2.hw-mit-bild .hw-leute>div{min-height:92px;border-radius:14px;overflow:hidden}
.startseite .home-winner.hw2.hw-mit-bild .hw-leute>div.mit-kopf{padding-right:96px;min-height:92px}
.startseite .home-winner.hw2.hw-mit-bild .hw-leute .wc-foto{top:50%;transform:translateY(-50%);right:14px;width:64px;height:64px}
.startseite .home-winner.hw2.hw-mit-bild .hw-leute .wc-trikot{top:50%;transform:translateY(-50%);height:56px}
@media(max-width:700px){.startseite .home-winner.hw2.hw-mit-bild .hw-leute>div.mit-kopf{min-height:80px;padding-right:76px}.startseite .home-winner.hw2.hw-mit-bild .hw-leute .wc-foto{width:52px;height:52px;right:12px}.startseite .home-winner.hw2.hw-mit-bild .hw-leute .wc-trikot{height:46px}}
.startseite .home-winner.hw2.hw-mit-bild .winner-actions.gf-cta.hw-wege{margin-top:18px}
@media(max-width:980px){.startseite .home-winner.hw2.hw-mit-bild .hw-body{grid-template-columns:minmax(0,56fr) minmax(0,44fr)}}
@media(max-width:620px){
  .startseite .home-winner.hw2.hw-mit-bild .hw-body{display:flex;flex-direction:column;gap:0}
  .startseite .home-winner.hw2.hw-mit-bild .hw-bild-box{order:-1;margin:12px 8px 14px;max-height:none}
  .startseite .home-winner.hw2.hw-mit-bild .hw-bild-box img{max-height:none}
  .startseite .home-winner.hw2.hw-mit-bild .winner-top{border-bottom:0;padding-bottom:0}
  .startseite .home-winner.hw2.hw-mit-bild .winner-heading h2,.startseite .home-winner.hw2.hw-mit-bild .winner-race{white-space:normal}
  .startseite .home-winner.hw2.hw-mit-bild .hw-fakten p{flex-wrap:wrap;white-space:normal}
  .startseite .home-winner.hw2.hw-mit-bild .hw-fakten{font-size:15px}
}

/* 01.10.2026: Freisteller in den Jockey-/Trainer-Boxen der Startseite (buendig, schraege linke Kante) */
.startseite .home-winner .hw-leute>div.mit-kopf{position:relative;overflow:hidden}
.startseite .home-winner .hw-leute .wc-foto.gfr{position:absolute;top:0;right:0;bottom:0;left:auto;transform:none;width:44%;height:100%;border:0;border-radius:0;object-fit:cover;object-position:50% 40%;clip-path:polygon(24% 0,100% 0,100% 100%,0 100%)}
.startseite .home-winner .hw-leute>div.mit-kopf:has(.gfr){padding-right:46%}
@media(max-width:520px){.startseite .home-winner .hw-leute>div.mit-kopf:has(.gfr){padding-right:42%}}
body .hl-rekorde .rk-kachel img.rk-frei.gfp.gfr,body .rk-kachel img.rk-frei.gfp.gfr{width:100%!important;height:150px!important;left:0!important;right:0!important;bottom:0!important;top:auto!important}
.startseite .home-winner .winner-race{margin-top:24px}
.startseite .home-winner .hw-fakten{margin-top:0}

.startseite .home-winner.hw2 .hw-leute>div.mit-kopf .wc-foto.gfr,.startseite .home-winner.hw2.hw-mit-bild .hw-leute>div.mit-kopf .wc-foto.gfr{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;transform:none!important;width:44%!important;height:100%!important;max-width:none!important;border:0!important;border-radius:0!important;margin:0!important}

/* 01.10.2026 (Sebastian): Startseite Siegerbox: Rennname tiefer, Abstammungszeile so gross wie die Renndaten */
.startseite .home-winner.hw2 .winner-race{margin-top:26px!important}
.startseite .home-winner.hw2 .hw-abst-zeile{font-size:17px!important;letter-spacing:.04em!important;margin-top:6px!important}
.startseite .home-winner.hw2 .hw-fakten p span{color:var(--cw-text)!important}

/* 01.10.2026: Hero: Goliath und Trikot groesser und tiefer, Detailzeile naeher am Renntitel */
.startseite .home-winner.hw2.hw-mit-bild .winner-heading{margin-top:14px!important}
.startseite .home-winner.hw2.hw-mit-bild .winner-heading .winner-silk{width:76px!important;height:82px!important;flex:0 0 76px!important}
.startseite .home-winner.hw2 .hw-fakten{margin-top:-6px!important}
.startseite .home-winner.hw2 .hw-fakten{margin-top:-2px!important}

/* Shared header typography: both labels stay on one baseline and shrink together. */
.startseite .home-winner.hw2 .winner-top{--winner-header-size:22px;display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:20px;border-bottom:1px solid rgba(246,240,230,0.28);padding-bottom:14px}
.startseite .home-winner.hw2 .winner-top .home-eyebrow,.startseite .home-winner.hw2 .winner-race-context{font:700 var(--winner-header-size)/1.2 var(--head);letter-spacing:.025em;text-transform:uppercase;color:var(--cw-text);white-space:nowrap;min-width:0;margin:0}
.startseite .home-winner.hw2 .winner-race-context{text-align:right}
.startseite .home-winner.hw2 .winner-label-kind{display:inline}
.startseite .home-winner.hw2.hw-mit-bild .winner-top{border-bottom:1px solid rgba(246,240,230,0.28);padding-bottom:14px}
.startseite .home-winner.hw2 .winner-heading h2,.startseite .home-winner.hw2.hw-mit-bild .winner-heading h2{flex:1;min-width:0;white-space:nowrap;overflow:hidden;overflow-wrap:normal;hyphens:none}
.startseite .home-winner.hw2 .winner-heading h2 a{white-space:nowrap}
@media(max-width:620px){.startseite .home-winner.hw2 .winner-top{--winner-header-size:16px;gap:12px}}

/* Horse uses its full column: natural wide gallop cutouts need this space. */
.startseite .home-winner.hw2.hw-mit-bild .hw-bild-box{width:100%;justify-self:center;align-self:center}
@media(min-width:621px){.startseite .home-winner.hw2.hw-mit-bild .hw-abst-zeile{font-size:18px!important;font-weight:500;letter-spacing:.02em!important;color:var(--cw-text)}}
@media(min-width:621px){.startseite .home-winner.hw2.hw-mit-bild .hw-links{transform:translateY(-18px)}}
.startseite .home-intro h1{margin-bottom:4px} /* 18.10.2026: Unterzeile naeher an den Titel */
@media(max-width:800px){.startseite .home-feature-grid .home-winner.hw2{width:100%;box-sizing:border-box}}

/* Compact hero spacing and a quieter highlight surface. */
.startseite .home-winner.hw2{padding-top:24px}
.startseite .home-winner.hw2 .winner-top,.startseite .home-winner.hw2.hw-mit-bild .winner-top{padding-bottom:12px}
.startseite .home-highlight,.startseite .home-highlight.kerbe{--kbg:radial-gradient(140% 100% at 100% 0%,rgba(246,240,230,0.216) 0%,rgba(246,240,230,0.054) 38%,rgba(246,240,230,0) 68%),linear-gradient(160deg,var(--cw-glass-2) 0%,var(--cw-glass-2) 45%,var(--cw-glass-2) 100%);filter:drop-shadow(0 8px 14px rgba(0,0,0,0.182))}
.startseite .home-highlight h2{min-width:0;min-height:0;line-height:1.08;overflow-wrap:anywhere}
.startseite .home-highlight .hl-wann{min-width:0;white-space:nowrap;letter-spacing:.035em}
@media(max-width:800px){.startseite .home-feature-grid .home-highlight{width:100%;box-sizing:border-box}}

/* Tighter record tiles: lift the text and portrait together. */
.startseite .hl-rekorde .rk-kachel.hl-rk{padding-top:44px}
.startseite .hl-rekorde .hl-rk h3{margin-top:4px;margin-bottom:2px}
.startseite .hl-rekorde .hl-rk .rk-wert b{margin-bottom:0}

@media(max-width:620px){.startseite .home-winner.hw2.hw-mit-bild .hw-links{width:100%}}
/* A consistent orange surface for all returning-winner cards. */
.startseite .hl-rekorde .hl-rk .rk-text{transform:translateY(4px)}
.startseite .hl-rekorde .rk-kachel:has(img.gfr) .rk-wert{gap:6px}
.startseite .home-highlight .hl-stories-titel,.startseite .home-highlight .hl-letzte li>span{color:var(--cw-text)}


/* Dark glass ranking cards; the rank badge alone marks the leader. */
.startseite .home-people-ranks>.karte{background:radial-gradient(110% 100% at 0 0,rgba(246,240,230,0.081),transparent 62%),linear-gradient(145deg,var(--cw-glass),var(--cw-glass));border:1px solid rgba(246,240,230,0.149);color:var(--cw-text);backdrop-filter:blur(18px) saturate(140%)}
.startseite .home-people-ranks>.karte .rang li{border-bottom:0}
.startseite .home-people-ranks>.karte .rang li:first-child{background:none;margin:0;padding-left:0;padding-right:0;border-radius:0}
.startseite .home-people-ranks>.karte .rang li:first-child .n{font-size:16px;font-weight:400;color:var(--cw-text)}
.startseite .home-people-ranks>.karte .rang li:first-child .z{color:var(--cw-text)}
/* Balance the visible space around each silk, including the year column's spare width. */

.startseite .home-people-ranks .rang img.connection-foto{border:1px solid rgba(246,240,230,0.314);box-shadow:none}
/* Equal 24px spacing inside the left card edge and after the rank badge. */
.startseite .home-people-ranks>.karte .rang li{grid-template-columns:24px 24px minmax(0,1fr) auto;column-gap:0}
.startseite .home-people-ranks>.karte .rang .pl{grid-column:1}
.startseite .home-people-ranks>.karte .rang .n{grid-column:3;padding-inline-start:0}
.startseite .home-people-ranks>.karte .rang .z{grid-column:4;margin-left:10px}

/* Past racing stays left and dark; previews stay in the right-hand column. */
.startseite .home-replay-row{grid-area:replay;display:grid;grid-template-columns:minmax(0,1fr) calc(25% - 7px);gap:20px;min-width:0;align-items:start}
.startseite .home-replay{min-width:0}
.startseite .home-replay h2,.startseite .home-other-winners h2{margin:0 0 12px;font:700 12px/1.4 var(--head);letter-spacing:.07em;text-transform:uppercase;color:var(--cw-text)}
.startseite .home-replay-film{border:1px solid var(--cw-glass-rand);border-radius:16px;box-shadow:none;background:var(--cw-glass);padding:16px 16px 0;display:grid;grid-template-rows:minmax(0,1fr) auto}
.startseite .home-replay-film .gf-film-knopf,.startseite .home-replay-film .gf-film-rahmen{min-height:0;background:var(--cw-glass);overflow:hidden;border-radius:5px}
.startseite .home-replay-film .gf-film-knopf img{opacity:1;object-fit:contain}
.startseite .home-replay-film figcaption{display:block;padding:10px 2px 12px;background:transparent;color:var(--cw-text-2);font:400 11px/1.4 var(--sans)}
.startseite .home-replay-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:rgba(246,240,230,0.28);color:var(--cw-text);border:1px solid rgba(246,240,230,0.2);box-shadow:0 3px 16px rgba(0,0,0,0.187);transition:transform .18s ease,background .18s ease}
.startseite .home-replay-play svg{width:25px;height:25px;margin-left:3px}
.startseite .home-replay .gf-film-knopf:hover .home-replay-play{transform:translate(-50%,-50%) scale(1.06);background:var(--cw-glass-2)}
.startseite .home-replay .gf-film-knopf:focus-visible{outline:3px solid var(--cw-brass);outline-offset:-3px}
.startseite .home-other-winners{min-width:0}
.startseite .home-other-box{background:linear-gradient(155deg,var(--cw-glass),var(--cw-glass));border:1px solid var(--cw-glass-rand);border-radius:14px;padding:18px 16px}
.startseite .home-other-date{margin:0 0 20px;font:500 13px/1.35 var(--sans);color:var(--cw-text)}
.startseite .home-other-winners ul{list-style:none;padding:0;margin:0;display:grid;gap:28px}
.startseite .home-other-winners li{min-width:0}
.startseite .home-other-horse{display:flex;align-items:center;gap:8px;min-width:0}
.startseite .home-other-horse .home-other-silk{display:block;width:24px;height:28px;object-fit:contain;flex:0 0 24px}
.startseite .home-other-horse a{min-width:0;font:700 clamp(15px,1.25vw,18px)/1.25 var(--head);text-transform:uppercase;color:var(--cw-text);overflow-wrap:anywhere}
.startseite .home-other-winners .home-other-race{display:block;margin-top:3px;font:500 13px/1.35 var(--sans);color:var(--cw-text);overflow-wrap:anywhere}
.startseite .home-other-grade{display:block;margin-top:2px;font:500 13px/1.35 var(--sans);color:var(--cw-text)}
.startseite .home-other-winners a:hover{color:var(--cw-text);text-decoration:underline;text-underline-offset:3px}
.startseite .home-replay-row.ohne-film,.startseite .home-replay-row.ohne-weitere{grid-template-columns:minmax(0,1fr)}
.startseite .home-preview-followup{grid-area:followup;display:flex;flex-direction:column;gap:24px;min-width:0}
.startseite .home-preview-followup .hl-rek-block{grid-area:auto;order:initial}
.startseite .home-preview-followup .hl-rek-titel{font-size:12px;letter-spacing:.07em;line-height:1.4;margin-bottom:12px}
@media(min-width:801px){.startseite .home-feature-grid{grid-template-areas:"hero hl" "replay followup" "weit weit";grid-template-rows:auto auto auto;align-items:start}.startseite .home-feature-grid>.home-winner,.startseite .home-feature-grid .home-highlight{align-self:stretch}}
@media(max-width:800px){.startseite .home-replay-row{order:2;width:100%;grid-template-columns:minmax(0,1fr);gap:18px}.startseite .home-feature-grid .home-highlight{order:3}.startseite .home-preview-followup{order:4;width:100%}.startseite .home-preview-followup .hl-rekorde{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* One common cinema/record height keeps the entire desktop row aligned. */
@media(min-width:801px){
.startseite .home-feature-grid{--home-media-height:max(350px,calc(350px + (var(--home-other-count,2) - 2)*160px))}
.startseite .home-replay-film,.startseite .home-other-box,.startseite .home-preview-followup .rk-kachel.hl-rk{height:var(--home-media-height);box-sizing:border-box}
.startseite .home-replay-film .gf-film-knopf,.startseite .home-replay-film .gf-film-rahmen{height:100%;aspect-ratio:auto}
.startseite .home-other-box{display:flex;flex-direction:column}
.startseite .home-other-box ul{min-height:0;overflow:auto;align-content:start}
.startseite .home-preview-followup .hl-rekorde img.rk-frei.gfp.gfr{height:180px!important}
}
@media(min-width:801px) and (max-width:1100px){
.startseite .home-feature-grid{--home-media-height:max(330px,calc(330px + (var(--home-other-count,2) - 2)*160px))}
.startseite .home-replay h2,.startseite .home-other-winners h2,.startseite .home-preview-followup .hl-rek-titel{min-height:33.6px}
.startseite .home-preview-followup .hl-rekorde img.rk-frei.gfp.gfr{height:150px!important}
}

/* The upcoming race strip spans both columns below the aligned media row. */
.startseite .home-feature-grid .hw-block{grid-area:weit;margin-top:0;min-width:0;width:100%}
.startseite .home-feature-grid .hw-kopf{align-items:baseline;flex-wrap:wrap;gap:6px 12px}
.startseite .home-feature-grid .hw-titel{font-size:12px;letter-spacing:.07em;line-height:1.4}
.startseite .home-feature-grid .hw-mehr{font-size:11px;letter-spacing:.04em}
.startseite .home-feature-grid .hw-block .home-weitere{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 28px;padding:14px 20px;background:var(--cw-glass-2);box-shadow:none;border:1px solid var(--cw-line)}
.startseite .home-feature-grid .home-weitere .hw-zeile{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:10px;row-gap:3px;padding:4px 0;margin:0;border:0}
.startseite .home-feature-grid .home-weitere .hw-zeile+.hw-zeile{border-left:0;padding-left:0;margin-left:0}
.startseite .home-feature-grid .hw-zeile b{grid-column:2;grid-row:1;white-space:normal;font-size:16px}
.startseite .home-feature-grid .hw-zeile small{grid-column:2;grid-row:2;font-size:11px}
.startseite .home-feature-grid .hw-zeile .t-kurz{display:none}
.startseite .home-feature-grid .hw-zeile .t-lang{display:inline}
@media(max-width:800px){.startseite .home-feature-grid .hw-block{order:5}.startseite .home-feature-grid .hw-block .home-weitere{grid-template-columns:1fr}}

.startseite #filme figure[id]{scroll-margin-top:150px}
.startseite #filme figure[id]:target{outline:2px solid var(--cw-glass-rand);outline-offset:5px}
.startseite .home-other-video{display:block;margin-top:10px;text-align:right;color:var(--cw-text);font:500 13px/1.35 var(--sans);text-decoration:none}
.startseite .home-other-video:hover{text-decoration:underline;text-underline-offset:3px}

.startseite #letzter-sieger{scroll-margin-top:124px}

/* Consistent uppercase labels, with only race titles accented in orange. */
.startseite .home-other-date,.startseite .home-other-winners .home-other-race,.startseite .home-other-grade,.startseite .home-other-video{font:600 13px/1.35 var(--head);letter-spacing:.04em;text-transform:uppercase}
.startseite .home-other-winners .home-other-race{color:var(--cw-text)}
.startseite .home-other-video{display:flex;align-items:center;justify-content:flex-end;gap:5px}
.startseite .home-other-video svg{width:14px;height:14px;flex:none}

/* Quiet grey dividers separate winners; race title and grade form a single group. */
.startseite .home-other-date{margin-bottom:0;padding-bottom:12px;border-bottom:1px solid rgba(246,240,230,0.4)}
.startseite .home-other-winners ul{gap:0}
.startseite .home-other-winners li{padding:17px 0}
.startseite .home-other-winners li+li{border-top:1px solid rgba(246,240,230,0.4)}
.startseite .home-other-winners li:last-child{padding-bottom:0}
.startseite .home-other-winners .home-other-race{margin-top:4px;line-height:1.15}
.startseite .home-other-grade{margin-top:2px;line-height:1.15}

.startseite .home-highlight .hl-letzte,.startseite .home-highlight .hl-letzte li{border:0}

/* Preview record badges use the same pale orange as the Group 3 marker. */
.startseite .home-preview-followup .kerbe-pill.rek{background:var(--cw-glass-2);color:var(--cw-text)}

/* Homepage surfaces stay flat: no cast shadows, inset shadows, or text shadows. */
.startseite,.startseite *,.startseite *::before,.startseite *::after{box-shadow:none!important;text-shadow:none!important}
.startseite :is(.home-highlight,.home-result,.tag-karte,.winner-silk,.fakt-silk,.pf-flaeche img,.pf-klein img,.fakt-pferd img){filter:none!important}
.startseite:focus-visible{outline:2px solid var(--cw-brass);outline-offset:3px}

.startseite .home-people-ranks>.karte>h3,.startseite .home-people-ranks .rt-titel{color:var(--cw-text)}
.startseite .home-people-ranks>.karte>h3 small{color:var(--cw-text-2)}
.startseite .home-people-ranks>.karte .rang .n,.startseite .home-people-ranks>.karte .rang .n a,.startseite .home-people-ranks>.karte .rang .z{color:var(--cw-text)}
.startseite .home-people-ranks>.karte .rang .pl{background:rgba(246,240,230,0.071);color:var(--cw-text-2)}
.startseite .home-people-ranks>.karte .rang li:first-child .pl{background:var(--cw-glass-2);color:var(--cw-text)}
.startseite .home-people-ranks>.karte>.mehr{color:var(--cw-text-2)}
.startseite .home-people-ranks>.karte a:hover{color:var(--cw-text)}

/* One vertical rhythm, measured from the introduction to the hero. */
.startseite{--home-section-gap:36px}
.startseite .home-intro{padding-bottom:var(--home-section-gap)}
.startseite .home-feature-grid{row-gap:var(--home-section-gap);margin-bottom:0}
.startseite main.wrap>.home-kenner,.startseite main.wrap>.vk-profil{display:flow-root;margin-top:var(--home-section-gap)}
.startseite main.wrap>.home-kenner>h2.abschnitt,.startseite main.wrap>.vk-profil>h2.abschnitt{margin-top:0}
.startseite main.wrap>h2.abschnitt{margin-top:var(--home-section-gap)}
.startseite .home-history-facts{margin-bottom:0}

/* Hero-style portrait crops for the three leading trainers and jockeys. */
.startseite .home-people-ranks.r3 .rang li{min-height:64px}
.startseite .home-people-ranks>.karte .rang.rang-portraits li{grid-template-columns:24px minmax(0,1fr) 24px 82px;column-gap:10px;padding-top:4px;padding-bottom:4px}
.startseite .home-people-ranks>.karte .rang-portraits .n{grid-column:2}
.startseite .home-people-ranks>.karte .rang-portraits .n>a{margin-left:0}
.startseite .home-people-ranks>.karte .rang-portraits .z{grid-column:3;margin-left:0;text-align:center}
.startseite .home-people-ranks .home-rank-portrait{grid-column:4;position:relative;display:block;width:82px;height:56px;overflow:hidden;border-radius:0 6px 6px 0;clip-path:polygon(24% 0,100% 0,100% 100%,0 100%);background:linear-gradient(160deg,var(--cw-glass-2),var(--cw-glass-2))}
/* Portrait contract: center of the source is at 70% of the slanted frame.
   Absolute geometry deliberately overrides generic ranking thumbnail rules. */
.startseite .home-people-ranks .home-rank-portrait .home-rank-photo{position:absolute;display:block;left:70%;top:-5%;width:auto;height:140%;max-width:none;object-fit:contain!important;object-position:center top!important;object-view-box:none!important;transform:translateX(-50%);border:0;border-radius:0;margin:0}

/* Matching 14px breathing room above and below the portrait content. */
.startseite .home-people-ranks>.karte>h3{margin-bottom:10px}
.startseite .home-people-ranks.r3>.karte>.mehr{padding-top:10px;margin-left:0;margin-right:auto}
@media(min-width:851px) and (max-width:1100px){.startseite .home-people-ranks.r3{grid-template-columns:1fr}}
@media(max-width:400px){.startseite .home-people-ranks>.karte .rang-portraits .n a{white-space:normal;line-height:1.15}}

/* Owner silks occupy the same final image column as the people portraits. */
.startseite .home-people-ranks .home-rank-silk{grid-column:4;display:flex;align-items:center;justify-content:flex-end;width:40px;height:56px}
.startseite .home-people-ranks .rang .home-rank-silk img{width:40px;height:44px;object-fit:contain;flex:none;margin:0}

/* Keep the same 10px wins-to-image gap with narrower owner silks. */
.startseite .home-people-ranks>.karte .rang.rang-silks li{grid-template-columns:24px minmax(0,1fr) 24px 40px}

/* Quiet, matching typography above and below the homepage rankings. */
.startseite .home-people-ranks>.karte>h3 small,.startseite .home-people-ranks>.karte>.mehr{font:600 12px/1.3 var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--cw-text-2)}
.startseite .home-people-ranks>.karte>.mehr::after{color:var(--cw-text-2)}

/* Five compact results: tight race metadata; winner and result action centered together. */
.startseite .home-recent-list{list-style:none;margin:0;padding:25px 24px 21px;border-radius:14px;background:radial-gradient(110% 100% at 0 0,rgba(246,240,230,0.081),transparent 62%),linear-gradient(145deg,var(--cw-glass),var(--cw-glass));color:var(--cw-text);backdrop-filter:blur(18px) saturate(140%)}
.startseite .home-recent-row{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr) auto;gap:4px 20px;align-items:center;min-height:0;padding:8px 0}
.startseite .home-recent-race{min-width:0;grid-column:1;grid-row:1}
.startseite .home-recent-race h3{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin:0;font:600 20px/1.1 var(--head);text-transform:uppercase;letter-spacing:.015em}
.startseite .home-recent-race h3 a{color:var(--cw-text)}
.startseite .home-recent-meta{margin:1px 0 0;font:600 12px/1.3 var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--cw-text-2)}
.startseite .home-recent-category{color:var(--cw-brass)}
.startseite .home-recent-winners{display:grid;gap:8px;min-width:0;grid-column:2;grid-row:1}
.startseite .home-recent-horse{display:flex;align-items:center;gap:12px;min-width:0;font:600 22px/1.2 var(--head);text-transform:uppercase}
.startseite .home-recent-horse a{color:var(--cw-text);overflow-wrap:anywhere}
.startseite .home-recent-silk{width:30px;height:34px;object-fit:contain;flex:none}
.startseite .home-recent-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;grid-column:3;grid-row:1;align-self:center}
.startseite .home-recent-result{display:inline-flex;align-items:center;gap:8px;min-height:0;font:600 12px/1.3 var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--cw-text-2);white-space:nowrap}
.startseite .home-recent-result::after{content:none}
.startseite .home-recent-video{display:flex;align-items:center;justify-content:center;width:32px;min-height:44px;flex:none;color:var(--cw-text-2)}
.startseite .home-recent-video svg{width:22px;height:22px}
.startseite .home-recent-list a:hover{color:var(--cw-text)}
.startseite .home-recent-all{margin:14px 0 0}
.startseite .home-recent-all>.mehr{margin:0;font:600 12px/1.3 var(--head);letter-spacing:.08em}
.startseite .home-recent-all>.mehr::after{color:var(--cw-text-2)}
#aktuelle-ergebnisse{scroll-margin-top:144px}
@media(max-width:700px){
 .startseite .home-recent-list{padding:25px 18px 21px}
 .startseite .home-recent-row{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:8px 0;min-height:0}
 .startseite .home-recent-race{grid-column:1/-1;grid-row:1}
 .startseite .home-recent-winners{grid-column:1;grid-row:2}
 .startseite .home-recent-actions{grid-column:2;grid-row:2}
 .startseite .home-recent-horse{font-size:20px;gap:8px}
 .startseite .home-recent-silk{width:26px;height:30px}
 .startseite .home-recent-actions{gap:10px}
 .startseite .home-recent-video{width:24px}
}

/* Main homepage section headings share the season title orange. */
.startseite main h2.abschnitt{color:var(--cw-text-2);border-bottom:0;padding-bottom:0;margin-bottom:16px}

/* Release 118: result updates always retain the same hero structure. */
.startseite .home-winner.hw2.hw-ohne-bild .hw-body{grid-template-columns:minmax(0,1fr)}
.startseite .home-winner.hw2.hw-ohne-bild .hw-links{transform:none;min-height:150px}
.startseite .home-winner.hw2.hw-mit-bild .hw-leute .wc-foto.gfr{object-view-box:inset(0% 5% 15% 5%)!important;object-position:center top!important}
.startseite .home-replay-wait{padding:28px;border-radius:14px;background:var(--cw-glass);color:var(--cw-text);min-height:150px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.startseite .home-replay-wait strong{font:600 24px/1.2 var(--head)}
.startseite .home-replay-wait p{margin:0;color:var(--cw-text)}
.startseite .home-replay-wait .mehr{margin:0;color:var(--cw-text)}

/* Warm hero headings stay identical with or without an illustration. */
.startseite .home-winner.hw2 .winner-top .home-eyebrow{color:var(--cw-text)}
.startseite .home-winner.hw2 .winner-top .winner-race-context,.startseite .home-winner.hw2 .winner-top .winner-race-context span{color:var(--cw-text)}

/* Record cards: tied names share one line; every count shares one baseline. */
.startseite .hl-rekorde .hl-rk h3{height:1.2em;line-height:1.2;white-space:nowrap}
.startseite .hl-rekorde .hl-rk h3 a{display:flex;align-items:baseline;gap:.25em;min-width:0;max-width:100%}
.startseite .hl-rekorde .hl-rk h3 .rk-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.startseite .hl-rekorde .hl-rk h3 small{display:inline;flex:none;max-width:none;margin:0;padding:0;line-height:inherit}
.startseite .hl-rekorde .hl-rk .rk-wert{display:flex;align-items:baseline;gap:6px;max-width:none;white-space:nowrap}
.startseite .hl-rekorde .hl-rk .rk-wert b{display:block;flex:none;margin:0}
.startseite .hl-rekorde .hl-rk .rk-wert>span{white-space:nowrap}

/* Fixed hero portrait frame: face at 70%, larger face, chin inside frame. */
.startseite .home-winner.hw2 .hw-leute .hw-portrait{position:absolute;inset:0 0 0 auto;width:44%;overflow:hidden;background:linear-gradient(145deg,var(--cw-glass-2),var(--cw-glass-2));clip-path:polygon(24% 0,100% 0,100% 100%,0 100%)}
.startseite .home-winner.hw2.hw-mit-bild .hw-leute>div.mit-kopf .hw-portrait .wc-foto.gfr{position:absolute!important;top:-12%!important;right:-35%!important;bottom:auto!important;left:auto!important;width:auto!important;height:145%!important;max-width:none!important;object-fit:contain!important;object-position:center!important;object-view-box:none!important;clip-path:none!important;background:none!important;transform:none!important}

/* Approved forest-green glass palette, 04 October 2026. */
.startseite .home-winner.hw2{background:radial-gradient(100% 75% at 8% 0%,rgba(246,240,230,0.054),transparent 68%),linear-gradient(145deg,var(--cw-glass) 0%,var(--cw-glass) 55%,var(--cw-glass) 100%);box-shadow:inset 0 1px 0 rgba(246,240,230,0.151),0 8px 24px rgba(0,0,0,0.11)}
.startseite .home-winner.hw2 .hw-abst-zeile{color:var(--cw-text)}

/* The replay lives in the hero CTA; two data-driven editorial cards occupy its former row. */
.startseite .home-winner.hw2 .winner-actions.gf-cta.hw-wege.mit-film{grid-template-columns:repeat(3,minmax(0,1fr))}
.startseite .home-winner.hw2 .hw-wege a.winner-film{grid-column:auto;display:flex;gap:6px;background:var(--cw-glass-2);border:1px solid var(--cw-line);color:var(--cw-text)}
.startseite .home-winner.hw2 .hw-wege a.winner-film:hover{background:var(--cw-glass-2)}
.startseite .home-winner.hw2 .hw-wege a.winner-film svg{width:16px;height:16px;flex:none}
.startseite .home-winner.hw2 .hw-wege .winner-film-pending{grid-column:auto;display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 14px;border-radius:6px;border:1px solid rgba(246,240,230,0.4);background:rgba(246,240,230,0.063)!important;color:var(--cw-text)!important;font:700 15px/1.2 var(--head);letter-spacing:.08em;text-transform:uppercase;cursor:default}
.startseite .home-story-row{grid-area:replay;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-width:0}
.startseite .home-story-row>div{min-width:0;display:flex;flex-direction:column}
.startseite .home-story-row h2{font:700 18px/1.2 var(--head);text-transform:uppercase;letter-spacing:.03em;color:var(--cw-text);margin:0 0 14px;min-height:44px}
.startseite .home-story-card{position:relative;isolation:isolate;flex:1;min-width:0;min-height:385px;border-radius:22px;padding:26px;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(246,240,230,0.4);box-shadow:inset 0 1px 0 rgba(246,240,230,0.42),0 8px 22px rgba(0,0,0,0.196)}
.startseite .home-story-race{background:radial-gradient(110% 85% at 6% 0%,rgba(246,240,230,0.126),transparent 65%),linear-gradient(150deg,var(--cw-glass),var(--cw-glass));color:var(--cw-text)}
.startseite .home-story-fact{background:radial-gradient(110% 85% at 6% 0%,rgba(246,240,230,0.45),transparent 65%),linear-gradient(150deg,var(--cw-glass-2),var(--cw-glass-2));color:var(--cw-text)}
.startseite .home-story-head{min-height:124px;padding-right:38%;border-bottom:1px solid currentColor;position:relative;z-index:1}
.startseite .home-story-head span{display:block;font:600 13px/1.3 var(--head);text-transform:uppercase;letter-spacing:.08em;opacity:.76}
.startseite .home-story-head h3{font:700 clamp(22px,2vw,30px)/1.15 var(--head);text-transform:uppercase;margin:20px 0 0}
.startseite .home-story-head a,.startseite .home-story-card p a{color:inherit;text-decoration:none}
.startseite .home-story-head a:hover,.startseite .home-story-card p a:hover{text-decoration:underline;text-underline-offset:3px}
.startseite .home-story-person,.startseite .home-story-horse{position:absolute;z-index:0;right:8px;top:14px;width:38%;height:112px;object-fit:contain;object-position:right bottom}
.startseite .home-story-horse img{width:100%;height:100%;object-fit:contain;object-position:right center}
.startseite .home-story-card p{position:relative;z-index:1;font:400 17px/1.5 var(--sans);text-align:left;margin:24px 0 22px;min-height:112px}
.startseite .home-story-more{position:relative;z-index:1;align-self:flex-start;margin-top:auto;color:inherit;font:700 14px/1.3 var(--head);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}
.startseite .home-story-more:hover{opacity:.75}
/* Editorial cards follow the supplied race-story reference: title and flag, rule,
   inset subject, narrative, and circular pager. Only the colour palette changes. */
.startseite .home-story-row h2,.startseite .home-preview-followup .hl-rek-titel{font:700 13px/1.2 var(--head);letter-spacing:.07em;text-transform:uppercase;color:var(--cw-text);min-height:34px;margin:0 0 12px;display:flex;align-items:flex-start}
.startseite .home-story-card{min-height:var(--home-media-height);height:var(--home-media-height);padding:22px;border-radius:22px;box-sizing:border-box;box-shadow:0 5px 14px rgba(0,0,0,0.132);overflow:hidden}
.startseite .home-story-race{background:linear-gradient(145deg,var(--cw-glass-2),var(--cw-glass-2));color:var(--cw-text)}
.startseite .home-story-fact{background:linear-gradient(145deg,var(--cw-glass),var(--cw-glass));color:var(--cw-text)}
.startseite .home-story-head{min-height:0;height:57px;padding:0 0 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid currentColor;flex:none}
.startseite .home-story-head h3{font:700 23px/1.15 var(--head);text-transform:none;margin:0;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.startseite .home-story-head>img{width:26px;height:20px;object-fit:contain;flex:none}
.startseite .home-story-subject{position:relative;flex:none;height:112px;margin-top:18px;border-radius:14px;overflow:hidden;display:flex;align-items:center;padding:12px 44% 12px 16px}
.startseite .home-story-person-subject{background:var(--cw-glass)}
.startseite .home-story-horse-subject{background:transparent;padding-left:0}
.startseite .home-story-subject strong{position:relative;z-index:1;font:700 clamp(18px,1.8vw,26px)/1.15 var(--head);text-transform:uppercase}
.startseite .home-story-subject strong a{color:inherit;text-decoration:none}
.startseite .home-story-person,.startseite .home-story-horse{position:absolute;top:auto;bottom:0;right:0;width:45%;height:100%;z-index:0;object-fit:contain;object-position:right bottom}
.startseite .home-story-horse img{width:100%;height:100%;object-fit:contain;object-position:right center}
.startseite .home-story-card p{font:400 15px/1.48 var(--sans);text-align:left;margin:20px 0 10px;min-height:0}
.startseite .home-story-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:auto;font:500 13px/1 var(--sans)}
.startseite .home-story-controls button{width:34px;height:34px;border:1px solid currentColor;border-radius:50%;background:none;color:inherit;font:400 20px/1 var(--sans);display:grid;place-items:center;padding:0}
.startseite .home-story-controls button:disabled{opacity:.55}
@media(max-width:1100px){.startseite .home-story-card{height:auto;min-height:330px}.startseite .home-story-row h2{min-height:34px}}
@media(max-width:520px){.startseite .home-story-card{padding:20px;min-height:360px}.startseite .home-story-head{height:54px}.startseite .home-story-head h3{font-size:21px}.startseite .home-story-subject{height:104px}.startseite .home-story-card p{font-size:15px}}
@media(max-width:1100px){.startseite .home-story-row{grid-template-columns:1fr}.startseite .home-story-card{min-height:330px}.startseite .home-story-row h2{min-height:0}}
@media(max-width:800px){.startseite .home-story-row{order:2;width:100%}}
@media(max-width:520px){.startseite .home-winner.hw2 .winner-actions.gf-cta.hw-wege.mit-film{grid-template-columns:repeat(2,minmax(0,1fr))}.startseite .home-winner.hw2 .hw-wege :is(a.winner-film,.winner-film-pending){grid-column:1/-1}.startseite .home-story-card{padding:22px;min-height:345px}.startseite .home-story-head{min-height:116px}.startseite .home-story-card p{font-size:16px}}

/* More colour depth for the countdown, less milky white overlay. */
.startseite .home-highlight,.startseite .home-highlight.kerbe,.home-highlight.kerbe{--g1-orange:linear-gradient(145deg,var(--cw-glass-2) 0%,var(--cw-glass-2) 48%,var(--cw-glass-2) 100%);--kbg:radial-gradient(100% 70% at 100% 0%,rgba(246,240,230,0.108),rgba(246,240,230,0) 64%),linear-gradient(160deg,var(--cw-glass-2) 0%,var(--cw-glass-2) 45%,var(--cw-glass-2) 100%)}
.startseite .home-highlight .vs-cd>span{background:linear-gradient(145deg,var(--cw-glass),var(--cw-glass));color:var(--cw-text);box-shadow:inset 0 1px 0 rgba(246,240,230,0.113),0 3px 8px rgba(0,0,0,0.132)}
.startseite .home-highlight .vs-cd>span small{color:var(--cw-text)}
.startseite .home-highlight .hl-knopf{background:linear-gradient(145deg,var(--cw-glass),var(--cw-glass));color:var(--cw-text)}

/* Pale leaf green is reserved for surfaces; headline accents need readable ink. */
.startseite h2.abschnitt,.startseite .titel h1 em{color:var(--cw-text)!important}
.startseite .home-intro h1 em{color:var(--cw-text)!important}
/* Quiet rankings: plain rank numerals and wins closer to the names. */
.startseite .home-people-ranks .rang .pl{background:none!important;border:0!important;box-shadow:none!important;color:inherit!important;border-radius:0!important}
.startseite .home-people-ranks>.karte .rang-portraits .z{transform:translateX(-14px)}

/* Record portraits are bottom-aligned cutouts, never inherited diagonal crops. */
body.startseite .home-preview-followup .hl-rekorde img.rk-frei{position:absolute!important;left:0!important;right:auto!important;bottom:0!important;top:auto!important;width:100%!important;height:150px!important;max-width:none!important;object-view-box:none!important;object-fit:contain!important;object-position:left bottom!important;clip-path:none!important;background:none!important;transform:none!important}
.startseite .hl-rekorde .rk-wert{color:var(--cw-text)!important}

/* Recent winners: explicit type hierarchy, independent of generic story links. */
.startseite .home-highlight .hl-sieger p>a{font:700 17px/1.15 var(--head);text-transform:uppercase}
.startseite .home-highlight .hl-sieger p>small>a{font:500 13.5px/1.2 var(--sans);text-transform:none}
/* A right-edge portrait belongs to the card edge, never floating as a cut rectangle. */
body.startseite .home-preview-followup .hl-rekorde img.rk-frei[src*="122-q.webp"]{object-position:right bottom!important}
@media(max-width:520px){.startseite .home-story-head{height:auto;min-height:54px}.startseite .home-story-card p{font-size:15px}}

/* Match the Ryan-Moore reference: a short, borderless subject band whose colour
   and portrait dissolve into the card instead of forming a separate inset box. */
@media(min-width:1101px){.startseite .home-story-card{height:auto;min-height:420px;aspect-ratio:1/1}}
.startseite .home-story-subject{box-sizing:border-box;height:96px;padding:0 43% 0 12px;overflow:hidden;border-radius:0;background:none}
.startseite .home-story-person-subject::before{content:"";position:absolute;inset:0 0 0 22%;border-radius:0 12px 12px 0;background:linear-gradient(90deg,transparent 0%,var(--cw-glass) 56%,var(--cw-glass) 100%)}
.startseite .home-story-person{width:48%;height:100%;right:0;top:auto;bottom:0;object-position:right bottom;mask-image:linear-gradient(90deg,transparent 0%,var(--cw-bg-solid) 24%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,var(--cw-bg-solid) 24%)}
.startseite .home-story-horse{width:49%;height:100%;right:0;top:auto;bottom:0}
.startseite .home-story-card p{font-size:15px;line-height:1.5;margin:20px 0 8px;text-align:left}
@media(max-width:520px){.startseite .home-story-subject{height:88px}.startseite .home-story-card p{font-size:15px}}

/* Exact type tokens from the supplied G1Stars story cards (stil.css). */
.startseite .home-story-row h2,.startseite .home-preview-followup .hl-rek-titel{font:700 18px/1.2 'Barlow Condensed',system-ui,sans-serif;letter-spacing:normal;min-height:44px;margin:0 0 12px;padding-left:8px;display:flex;align-items:flex-end;transform:translateY(-6px)}
.startseite .home-story-head h3{font:600 19px/1.2 'Barlow Condensed',system-ui,sans-serif;letter-spacing:normal;text-transform:none}
.startseite .home-story-card p{font:400 15px/1.5 'Source Sans 3',system-ui,sans-serif;letter-spacing:normal;text-align:left}
.startseite .home-story-card p a{font-weight:700}
@media(max-width:520px){.startseite .home-story-row h2,.startseite .home-preview-followup .hl-rek-titel{font-size:18px;min-height:44px}.startseite .home-story-head h3{font-size:19px}}
/* Match the reference card's 20px inset, 50px race header and quiet divider. */
.startseite .home-story-card{padding:16px 20px 56px}
.startseite .home-story-head{height:50px;min-height:50px;padding:0 0 12px;margin:0 0 12px;border-bottom:1px solid rgba(246,240,230,0.18);box-sizing:border-box}
.startseite .home-story-fact .home-story-head{border-bottom-color:rgba(246,240,230,0.2)}
.startseite .home-story-subject{height:82px;margin-top:8px}
.startseite .home-story-card p{margin-top:20px}
@media(max-width:520px){.startseite .home-story-card{padding:16px 20px 56px}.startseite .home-story-head{height:auto;min-height:50px}.startseite .home-story-subject{height:82px}}

/* G1Stars homepage story card: measured CSS-pixel specification, GaloppFacts green palette. */
@media(min-width:1101px){.startseite .home-story-card{height:370px;min-height:370px;aspect-ratio:auto}}
.startseite .home-story-card{flex:none;border-radius:14px;padding:16px 20px 56px;box-shadow:none;border:1px solid rgba(246,240,230,0.18)}
.startseite .home-story-head{min-height:50px;height:50px;display:flex;align-items:center;gap:9px;padding:0 0 12px;margin:0 0 12px}
.startseite .home-story-head>img{width:25px;height:17px;object-fit:contain}
.startseite .home-story-subject{position:relative;height:88px;margin:12px 0 16px;padding:0;overflow:hidden;border-radius:0 10px 10px 0}
.startseite .home-story-subject strong{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:calc(100% - 120px);margin:0;padding:0;z-index:1;font:700 25px/1.12 'Barlow Condensed',system-ui,sans-serif;letter-spacing:.035em;text-transform:uppercase}
.startseite .home-story-person-subject::before{inset:0 0 0 30%;border-radius:0 10px 10px 0}
.startseite .home-story-person{height:110px;width:auto;max-width:55%;bottom:0;right:0;object-fit:contain}
.startseite .home-story-card p{font:400 16px/1.5 'Source Sans 3',system-ui,sans-serif;letter-spacing:normal;word-spacing:normal;text-align:left;text-align-last:left;hyphens:auto;margin:0;min-height:7.5em;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.startseite .home-story-card p a{font-weight:700}
.startseite .home-story-controls{position:absolute;right:16px;bottom:14px;gap:10px;margin:0;font:400 11px/1 'Source Sans 3',system-ui,sans-serif}
.startseite .home-story-controls button{width:34px;height:34px;font:400 20px/1 'Source Sans 3',system-ui,sans-serif;opacity:.8}
.startseite .home-story-controls button:hover{opacity:1}
.startseite .home-story-controls span{min-width:28px;text-align:center;opacity:.65}
@media(max-width:1100px){.startseite .home-story-card p{font-size:15px;line-height:1.4;min-height:7em}.startseite .home-story-subject{height:66px;margin:8px 0 12px}.startseite .home-story-subject strong{font-size:21px;left:8px;width:calc(100% - 108px)}}
@media(min-width:641px) and (max-width:1000px){.startseite .home-story-card{height:425px;min-height:425px}.startseite .home-story-head{min-height:65px;height:65px}.startseite .home-story-head h3{font-size:17px}.startseite .home-story-row h2{min-height:65px}}
@media(max-width:640px){.startseite .home-story-card{height:390px;min-height:390px}.startseite .home-story-row h2{font-size:20px}.startseite .home-story-head{min-height:50px;height:auto}.startseite .home-story-head h3{font-size:19px}.startseite .home-story-card p{max-width:38ch}}

/* All hero actions share one grid row, including the non-link video placeholder. */
.startseite .home-winner.hw2 .hw-wege .winner-film-pending{margin:0;align-self:stretch;height:auto;min-height:0;box-sizing:border-box}

/* Editorial race headings always occupy one line; the generator also caps them at 33 characters. */
.startseite .home-story-head h3{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;-webkit-line-clamp:unset}
.startseite .home-story-head h3 a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:640px){.startseite .home-story-card{height:auto;min-height:390px}.startseite .home-story-card p{display:block;overflow:visible;-webkit-line-clamp:unset;min-height:0;margin-bottom:40px}}

/* Three verified stories and three current facts share one measured card row. */
.startseite .home-story-deck{min-width:0}
.startseite .home-story-deck [hidden]{display:none!important}
.startseite .home-story-controls button:not(:disabled){cursor:pointer}
@media(min-width:1101px){
 .startseite .home-story-card,
 .startseite .home-preview-followup .rk-kachel.hl-rk{height:400px;min-height:400px}
 .startseite .home-story-card p{max-height:144px}
}
@media(min-width:801px) and (max-width:1100px){
 .startseite .home-preview-followup .rk-kachel.hl-rk{height:425px;min-height:425px}
}

/* Mobile portrait cards need their own geometry, not the desktop zoom. */
@media(max-width:620px){
 .startseite .home-winner.hw2 .hw-leute{grid-template-columns:minmax(0,1fr)!important}
 .startseite .home-winner.hw2 .hw-leute>div{min-width:0;min-height:104px!important;box-sizing:border-box}
 .startseite .home-winner.hw2 .hw-leute>div.mit-kopf{padding-right:46%!important}
 .startseite .home-winner.hw2.hw-mit-bild .hw-leute>div.mit-kopf .hw-portrait .wc-foto.gfr{top:0!important;right:-28%!important;height:120%!important;width:auto!important;object-fit:contain!important;transform:none!important}
 .startseite .home-winner.hw2 .hw-leute>div b{white-space:normal;overflow-wrap:break-word}
 .startseite .home-winner.hw2 .hw-oben{flex-wrap:wrap;gap:8px}
}

@media(max-width:620px){.startseite .home-people-ranks .home-rank-portrait .home-rank-photo{top:0;height:100%}}
@media(max-width:620px){
 .startseite .home-winner.hw2 .winner-top{flex-direction:column;align-items:flex-start;gap:6px}
 .startseite .home-winner.hw2 .winner-top>*{font-size:13px!important;line-height:1.3!important;white-space:normal!important;text-align:left}
}

/* More breathing room between homepage sections, including family spotlights. */
.startseite{--home-section-gap:56px}
@media(max-width:620px){.startseite{--home-section-gap:44px}}

/* Ranking portraits blend into the card like the story subject band. */
.startseite .home-people-ranks .home-rank-portrait{clip-path:none;background:linear-gradient(90deg,rgba(246,240,230,0) 0%,rgba(122,34,53,0.13) 18%,rgba(122,34,53,0.364) 45%,rgba(122,34,53,0.754) 75%,var(--cw-glass) 100%)}
.startseite .home-people-ranks .home-rank-portrait .home-rank-photo{left:0;right:0;top:auto;bottom:0;width:100%;height:100%;max-width:100%;object-fit:contain!important;object-position:right bottom!important;transform:none;clip-path:none;mask-image:none}
.startseite .home-people-ranks .home-rank-portrait img.home-rank-photo{background:none!important;object-view-box:none!important}

/* Wider, gentler fade: extend only its background toward the text column. */
.startseite .home-people-ranks .home-rank-portrait{background:none;overflow:visible}
.startseite .home-people-ranks .home-rank-portrait::before{content:"";position:absolute;inset:0 0 0 -14px;border-radius:0 6px 6px 0;background:linear-gradient(90deg,rgba(246,240,230,0) 0%,rgba(122,34,53,0.13) 18%,rgba(122,34,53,0.364) 45%,rgba(122,34,53,0.754) 75%,var(--cw-glass) 100%);pointer-events:none}

/* 06.10.2026: Funktionsfarbe; Sieger-Hero inzwischen vollständig im Konturstil. */
.home-primary,.startseite .home-winner .winner-actions.gf-cta .home-primary,
.startseite .home-winner.hw2 .hw-wege a.winner-film.home-primary{background:var(--cw-brass);color:var(--cw-text)}
.home-primary:hover,.startseite .home-winner .winner-actions.gf-cta .home-primary:hover,
.startseite .home-winner.hw2 .hw-wege a.winner-film.home-primary:hover{background:var(--cw-brass);color:var(--cw-text)}
/* Video bleibt als Nebenaktion im bisherigen grünen Konturstil. */
.startseite .home-winner.hw2 .hw-wege a.winner-film.home-secondary{background:transparent;border:1px solid rgba(246,240,230,0.4);color:var(--cw-text)}
.startseite .home-winner.hw2 .hw-wege a.winner-film.home-secondary:hover{background:transparent;border-color:var(--cw-line);color:var(--cw-text);filter:none}
.startseite .home-winner.hw2 .hw-wege a.winner-film.home-secondary svg{color:currentColor}
.kat-pill.g1{background:var(--cw-brass);color:var(--cw-text)}

/* Nutzerkorrektur 06.10.2026: Saison und Kategorie im Sieger-Hero. */
.startseite .home-intro h1 em{color:var(--cw-brass)!important}
.startseite .home-winner.hw2 .winner-top .winner-race-context span{color:var(--cw-text)}

/* 06.10.2026: Siegerhinweis und feinere Zwischenüberschriften. */
.startseite .home-winner.hw2 .winner-top .home-eyebrow,
.startseite .home-winner.hw2 .winner-top .home-eyebrow .winner-label-kind{color:var(--cw-brass)}
.startseite .home-story-row>div>h2,
.startseite .home-preview-followup .hl-rek-titel,
.startseite .home-feature-grid .hw-kopf .hw-titel{font:500 15px/1.2 var(--head);letter-spacing:.14em;color:var(--cw-brass)}

/* Gemeinsame Abschnittslinks: rechts, gleiche Schrift und genau ein Pfeil. */
body.startseite main a.home-section-link:is(.hw-mehr,.mehr,.home-section-link){display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;font:500 13px/1.3 var(--head);letter-spacing:.1em;text-transform:uppercase;color:var(--cw-text);margin:0;padding:0;border:0;white-space:nowrap;text-decoration:none}
body.startseite main a.home-section-link:is(.hw-mehr,.mehr,.home-section-link)::after{content:"→"!important;display:inline-block;flex:0 0 16px;width:16px;margin:0;font:400 16px/1 var(--sans);letter-spacing:0;color:currentColor;transform:none}
body.startseite main a.home-section-link:hover{text-decoration:underline;text-underline-offset:4px}
body.startseite main h2.abschnitt>small:has(.home-section-link){text-align:right;flex-shrink:0}
.startseite .hw-kopf .home-section-link{margin-left:auto}
.startseite .home-recent-all{display:flex;justify-content:flex-end;text-align:right}
@media(max-width:520px){.startseite .home-feature-grid .hw-kopf .hw-titel{white-space:normal}}

/* Schmale Abschnittsköpfe: Titel zuerst, Linie und Übersichtslink darunter. */
@media(max-width:620px){
 body.startseite main h2.abschnitt:has(.home-section-link){flex-wrap:wrap;gap:10px 12px}
 body.startseite main h2.abschnitt>small:has(.home-section-link){max-width:none;margin-left:auto}
}

/* 06.10.2026: gleiche Inhaltsabstände; kompakte Zeilen bleiben im Inneren. */
.startseite .home-recent-row:first-child{padding-top:0}
.startseite .home-recent-row:last-child{padding-bottom:0}

/* Saison und Geschichte: ruhigere Hierarchie auf den bestehenden Grünflächen. */
.startseite .home-history-facts>.fakt,
.startseite .home-history-facts>.zahlflaeche{padding:16px 24px 20px}
.startseite .home-history-facts .label{font:500 13px/1.3 var(--head);letter-spacing:.1em}
.startseite .home-history-facts .hauptzahl{font-size:64px;margin:18px 0 8px}
.startseite .home-history-facts .hauptzahl-text{font:400 16px/1.35 var(--sans);letter-spacing:0;text-transform:none;max-width:25ch}
.startseite .home-history-facts .zahlflaeche dl{display:grid;grid-template-columns:1fr;gap:0;margin:18px 0 22px;padding-top:12px}
.startseite .home-history-facts .zahlflaeche dl>div{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;padding:6px 0;box-shadow:none}
.startseite .home-history-facts .zahlflaeche dt{font:400 14px/1.4 var(--sans);letter-spacing:0;text-transform:none;margin:0}
.startseite .home-history-facts .zahlflaeche dd{font:600 26px/1.1 var(--head);margin:0}
.startseite .home-history-facts .fakt .fakt-haupt{font:600 24px/1.2 var(--head);margin:18px 0 12px}
.startseite .home-history-facts .fakt-haupt small{font:500 13px/1.4 var(--head);letter-spacing:.08em;margin-top:8px;padding:0;background:none;border-radius:0}
.startseite .home-history-facts .fakt-zeile{font-size:22px;line-height:1.3}
.startseite .home-history-facts .history-podium{margin:0}
.startseite .home-history-facts .history-podium li{font-size:18px;padding:7px 0}
.startseite .home-history-facts .history-podium li b{background:none;color:inherit;font:500 16px/1.3 var(--head);border-radius:0;min-width:22px;width:22px;height:auto;padding:0}
.startseite .home-history-facts .fakt-fuss{font:400 14px/1.5 var(--sans);margin:14px 0 22px}
.startseite .home-history-facts .fakt-fuss>div{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;padding:4px 0}
.startseite .home-history-facts .fakt-fuss>div a{margin-left:0;text-align:left}
.startseite .home-history-facts .fk-pferd{margin-left:0}
.startseite .home-history-facts .fakt-fuss>.fk-mehr,
.startseite .home-history-facts .fakt-fuss>.fk-seit{display:block;padding-top:6px}
.startseite .home-history-facts .mehr{display:inline-flex;align-items:center;gap:8px;align-self:flex-end;margin-top:auto!important;padding-top:12px;font:500 13px/1.3 var(--head);letter-spacing:.1em}
.startseite .home-history-facts .mehr::after{content:"→"!important;margin:0;font:400 16px/1 var(--sans);letter-spacing:0;color:currentColor;transform:none}

/* Oberer Inhaltsbeginn wie Familienkarte: 24/22 px Innenabstand + 1 px Rahmen. */
@media(max-width:620px){.startseite .home-recent-list{padding-top:23px}}

/* Siegerverbindungen nutzen den freien Raum der kompakten Ergebnisliste. */
.startseite .home-recent-row{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,2fr) auto;column-gap:18px}
.startseite .home-recent-people{grid-column:3;grid-row:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;min-width:0}
.startseite .home-recent-person{display:flex;align-items:center;gap:8px;min-width:0;font:400 14px/1.25 var(--sans);color:var(--cw-text)}
.startseite .home-recent-person>span{min-width:0;overflow-wrap:anywhere}
.startseite .home-recent-person a{color:inherit}
.startseite .home-recent-avatar{display:block;width:32px;height:32px;flex:0 0 32px;border-radius:50%;overflow:hidden;background:var(--cw-glass)}
body.startseite .home-recent-avatar img.home-recent-portrait{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center top;margin:0;transform:scale(var(--portrait-zoom,1));transform-origin:center top}
.startseite .home-recent-actions{grid-column:4}
@media(min-width:701px) and (max-width:1100px){
 .startseite .home-recent-row{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto;row-gap:8px}
 .startseite .home-recent-race{grid-row:1/3}
 .startseite .home-recent-people{grid-column:2/4;grid-row:2}
 .startseite .home-recent-actions{grid-column:3}
}
@media(max-width:700px){
 .startseite .home-recent-row{grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:6px}
 .startseite .home-recent-people{grid-column:1/-1;grid-row:3;gap:8px 12px;margin-top:2px}
 .startseite .home-recent-actions{grid-column:2}
 .startseite .home-recent-person{font-size:13px;gap:6px}
 .startseite .home-recent-avatar{width:28px;height:28px;flex-basis:28px}
}

/* Saison/Geschichte: gleichmäßiger oberer Rand, vollständige kompakte Listen. */
.startseite .home-history-facts>.fakt,
.startseite .home-history-facts>.zahlflaeche{padding:24px 24px 20px}
.startseite .home-history-facts .hauptzahl{font-size:56px;margin:12px 0 6px}
.startseite .home-history-facts .hauptzahl-text{max-width:none}
.startseite .home-history-facts .zahlflaeche dl{margin:14px 0 16px;padding-top:10px}
.startseite .home-history-facts .zahlflaeche dl>div{padding:4px 0}
.startseite .home-history-facts .fakt .fakt-haupt{font-size:23px;margin:12px 0 10px}
.startseite .home-history-facts .fakt-haupt .home-history-year{display:inline;font:500 17px/1.2 var(--head);letter-spacing:0;white-space:nowrap;margin-left:6px}
.startseite .home-history-facts .fakt-haupt small{margin-top:5px}
.startseite .home-history-facts .fakt-fuss{margin:10px 0 14px;padding-top:8px}
.startseite .home-history-facts .fakt-fuss>div{padding:2px 0}
.startseite .home-history-facts .history-podium li{padding:5px 0}
.startseite .home-history-facts .mehr{padding-top:8px}

/* Datenbank-Einstieg: Beschreibung klar am Titel, gleichmäßiger Abstand zu den Links. */
.startseite main h2.abschnitt:has(+.home-quick-intro){margin-bottom:12px}
.startseite .home-quick-intro{margin:0 0 20px}
.startseite .home-quick-intro+.home-quick{margin-top:0}

/* Latest-winner faces: equal optical head size, anchored at 60% of the right image area.
   Scale is reviewed per file hash, never a global zoom for all portraits. */
.startseite .home-winner.hw2 .hw-leute .hw-portrait{right:0}
.startseite .home-winner.hw2.hw-mit-bild .hw-leute>div.mit-kopf .hw-portrait .wc-foto.gfr{top:var(--hero-portrait-top,0%)!important;left:60%!important;right:auto!important;height:calc(100% * var(--hero-portrait-scale,1))!important;width:auto!important;transform:translateX(calc(var(--hero-portrait-cx,.5) * -100%))!important;object-fit:contain!important;object-view-box:none!important;object-position:center top!important}

.startseite .home-winner.hw2 .hw-leute .hw-portrait{clip-path:none;background:none}
.startseite .home-winner.hw2 .hw-leute .hw-portrait::before{content:"";position:absolute;inset:0;background:var(--cw-glass-2);clip-path:polygon(24% 0,100% 0,100% 100%,0 100%)}
/* 11.10.2026 (Sebastian, Regel): In den Geschichten-Boxen steht der Name (Pferd, Jockey, Trainer)
   linksbuendig auf derselben Kante wie der Fliesstext darunter. */
.startseite .home-story-subject{padding-left:0}
.startseite .home-story-subject strong{left:0}
@media(max-width:1100px){.startseite .home-story-subject strong{left:0}}
/* 11.10.2026 (Sebastian, Regel): Auch die Pferdebild-Boxen bekommen den nach links auslaufenden
   Hintergrund (Ausblende-Effekt) hinter dem Bild, wie die Personen-Boxen. */
.startseite .home-story-horse-subject::before{content:"";position:absolute;inset:0 0 0 30%;border-radius:0 10px 10px 0;background:linear-gradient(90deg,transparent 0%,rgba(246,240,230,0.09) 56%,rgba(246,240,230,0.144) 100%)}
.startseite .home-story-race .home-story-horse-subject::before{background:linear-gradient(90deg,transparent 0%,var(--cw-glass) 56%,var(--cw-glass) 100%)}
.startseite .home-story-horse-subject .home-story-horse{z-index:1}
.startseite .home-story-horse-subject strong{z-index:2}

/* 12.10.2026 (Sebastian): "Kommende Black Type-Rennen" ist genau eine Zeile mit drei Eintraegen - nie ein Umbruch. */
.home-weitere .hw-zeile:nth-child(n+4){display:none!important}
/* 12.10.2026 (Sebastian, verbindlich): Pferdebilder in den Geschichten-/Fakten-Karten beruehren nie die
   untere Kartenlinie - das Pferd bekommt 86 % der Flaechenhoehe, mittig gesetzt (7 % Luft oben und unten). */
.startseite .home-story-horse{height:86%!important;bottom:7%!important;top:auto!important}
.startseite .home-story-horse img{height:100%!important;object-position:right center!important}
/* 18.10.2026 (Sebastian): Einstieg kompakter - Boxen naeher an die Unterzeile. Gilt nur fuer den
   Einstieg; der Abstand zwischen den uebrigen Startseiten-Abschnitten (--home-section-gap) bleibt. */
.startseite .home-intro{padding-bottom:38px}
@media(max-width:620px){.startseite .home-intro{padding-bottom:30px}}