/* Freigegeben am 23.10.2026: Variante D. Nur Farben/Flächen, keine Porträtgeometrie. */
:root{--seiten-gruen:#eff6f0;--glas-kontur:#6d987b55}
html{background:var(--seiten-gruen)}
body{--papier:var(--seiten-gruen);background:radial-gradient(ellipse at 10% 0%,#ffffffd9 0,transparent 48%),radial-gradient(ellipse at 95% 18%,#dbeede9c 0,transparent 50%),linear-gradient(145deg,#f3f8f3,#e9f3ec)!important;background-attachment:fixed!important}
body .kopf{position:sticky!important;top:0!important;z-index:500;background:#eff6f0ef!important;box-shadow:none!important;color:#214435}
body .kopf .np{color:#214435!important}
body .kopf .np:is(:hover,:focus-visible,.an){color:#214435!important;background:transparent!important;box-shadow:none!important}
body .kopf .np::after{background:var(--messing,#ae8b45)!important}
body .kopf .np:is(:hover,:focus-visible,.an)::after{transform:scaleX(1)}
body .kopf .marke.logo img{filter:brightness(0) saturate(100%) invert(23%) sepia(17%) saturate(1016%) hue-rotate(99deg) brightness(91%) contrast(88%)}
body .kopf .aktionen,body .kopf .kopfsaison,body .kopf .wahlknopf{color:#214435!important}
body .kopf .aktionen button{color:#214435!important;border-color:#76988388!important}
body .menueknopf i{background:#214435}
body .kopf .aufklappmenue,body .kopf .wahlmenu{background:#f3f9f4;color:#214435;border:1px solid #b4cebd}
@media(min-width:961px){
 body .kopf{top:-82px!important;background:transparent!important}
 body .kopf .wrap{grid-template-rows:82px 56px}
 body .kopf .hauptnav{position:relative;isolation:isolate;background:transparent!important;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;padding:0;height:56px}
 body .kopf .hauptnav::before{content:'';position:absolute;left:50%;transform:translateX(-50%);width:100vw;top:0;bottom:0;z-index:-1;background:#f5faf5e8;border-bottom:1px solid #8ca99355;box-shadow:0 5px 16px #31584105;backdrop-filter:blur(16px)}
 body .kopf .np{font-size:clamp(13px,1.12vw,18px);letter-spacing:.035em}
 body main [id]{scroll-margin-top:76px}
 body #ranglisten table.ranking-results thead th{top:56px}
}
@media(max-width:960px){
 body .kopf .hauptnav{background:#eff6f0!important;color:#214435}
 body .kopf .navsaison-titel,body .kopf .navfuss,body .kopf .navfuss a{color:#465b4e}
}
/* Startseite: bestehende dunkle/helle Karten behalten ihre eigene Schriftfarbe. */
body.startseite .home-intro h1{color:#214435!important}
body.startseite .home-intro h1 em{color:#8c6a32!important}
body.startseite .home-intro .lead,body.startseite .home-quick-intro{color:#465b4e!important}
body.startseite main h2.abschnitt,body.startseite main h2.abschnitt a,body.startseite main a.home-section-link{color:#214435!important}
body.startseite .home-story-row>div>h2,body.startseite .hl-rek-titel,body.startseite .hw-block>.hw-kopf>.hw-titel{color:#8c6a32!important}
body.startseite main figure.vk:not(.gross),body.startseite main figure.vk:not(.gross) figcaption{background:#d0e9d5!important}
body.startseite .home-quick a{color:#214435!important;background:#d0e9d5!important}
body.startseite .home-quick a small,body .gq-heading,body .gq-heading span{color:#465b4e!important}
body.startseite .home-story-card,body.startseite .home-people-ranks>.karte,body.startseite .gf-family-card,body.startseite .home-recent-list,body.startseite .home-history-facts>.fakt,body.startseite figure.vk{outline:1px solid #6d987b70;outline-offset:0}
body.startseite .home-highlight{filter:drop-shadow(0 2px 1px #64877030)!important}
body .gq-card{border:1px solid #99b8a3!important}
/* Getrennte Seitentypen: nur Kontur und Hintergrund, niemals Bildmaße. */
body main>.panel,body .ranking-controls,body .person-career-card,body .profile-insight{outline:1px solid var(--glas-kontur);outline-offset:0}
body .horse-section-nav{background:#f3f9f4e8!important;border-top:1px solid #b4cebd;border-bottom:1px solid #b4cebd;backdrop-filter:blur(14px)}
body .ranking-results{outline:1px solid #88ad9570;border-radius:10px}
body .horse-race-table td{background:#f7fbf8!important}
body .titel{border-color:#b6cdbb}
body .ranking-status{color:#465b4e}
@media(max-width:960px){body .kopf .aufklappmenue a,body .kopf .aufklappmenue a:hover{color:#214435}body .kopf .np{border-bottom-color:#b4cebd}}

/* Rennkalender: kein weißer Tabellenuntergrund durch transparente Überschrift/Rundungen. */
body .race-calendar table.race-index-list{background:transparent}
body .race-calendar table.race-index-list :is(thead,thead tr,thead th){background:transparent}
/* Die ausgelagerte Suche hinterlässt keine leere Werkzeugzeile. */
body .race-calendar .tabkopf:has(>.anzahl[hidden]){display:none}
body .race-calendar .cal-felder>label.cal-sort{height:auto;min-height:0;padding:0;white-space:normal}
body .race-calendar .cal-schnell{grid-column:1/-1;margin:0;display:flex;justify-content:flex-end}
body .race-calendar .cal-schnell .knopf{min-height:36px;padding:6px 12px;font-size:14px;background:transparent;color:var(--gruen,#214435);border:1px solid #99b8a3}
body .race-calendar .cal-schnell .knopf.an{border-color:var(--messing);box-shadow:inset 0 -2px var(--messing)}
body .race-calendar .cal-felder>label.cal-sort{border:0;background:transparent;font:600 11px/1 var(--head);letter-spacing:.05em;cursor:default}
body .race-calendar .cal-werkzeuge{margin-bottom:4px}
body .race-calendar .explorer>.tabkopf{margin:0!important}
body .race-calendar .explorer>.tabwrap{background:none;margin-top:8px}
body .race-calendar table.race-index-list tbody{background:transparent}
@media(max-width:800px){html body main .race-calendar table.race-index-list tbody tr>td{background:transparent!important}}

/* Rennverzeichnis: G1Stars-Aufbau mit getrennten Kartenzeilen.
   Kopf und Inhalte verwenden dieselbe Geometrie; andere Tabellen bleiben unberührt. */
html body main #race-directory table.race-index-list{--winner-inset:76px;border-collapse:separate;border-spacing:0 12px!important;border-radius:0;overflow:visible;background:transparent}
html body main #race-directory table.race-index-list th{padding:10px 20px;font:500 13px/1.4 var(--head);letter-spacing:.09em;color:#526b5c}
html body main #race-directory table.race-index-list th:nth-child(1){width:34%}
html body main #race-directory table.race-index-list th:nth-child(2){width:29%;padding-left:var(--winner-inset)}
html body main #race-directory table.race-index-list th:nth-child(3){width:25%}
html body main #race-directory table.race-index-list th:nth-child(4){width:12%;text-align:right}
html body main #race-directory table.race-index-list tbody tr{height:auto;background:transparent!important;--race-fill:#f7faf7}
html body main #race-directory table.race-index-list tbody tr:nth-child(even){background:transparent!important;--race-fill:#edf5ef}
html body main #race-directory table.race-index-list tbody tr>td{padding:18px 20px;height:83.5px;background:var(--race-fill)!important;border-top:1px solid #d3e2d7!important;border-bottom:1px solid #d3e2d7!important}
html body main #race-directory table.race-index-list tbody tr>td:first-child{border-left:1px solid #d3e2d7!important;border-radius:12px 0 0 12px!important}
html body main #race-directory table.race-index-list tbody tr>td:last-child{border-right:1px solid #d3e2d7!important;border-radius:0 12px 12px 0!important}
html body main #race-directory table.race-index-list td.calendar-winner-cell{padding-left:var(--winner-inset)}
html body main #race-directory .race-index-list .calendar-silk{left:20px;width:46px!important;height:47px!important}
html body main #race-directory .race-index-list .calendar-race>a,
html body main #race-directory .race-index-list .calendar-winner{font:700 21px/1.15 var(--head);min-height:0}
html body main #race-directory .race-index-list tr:not([data-f=ergebnis]) .calendar-winner{font:400 14px/1.5 var(--sans)}
html body main #race-directory .race-index-list .calendar-race small,
html body main #race-directory .race-index-list .calendar-pedigree{font:400 13.5px/1.55 var(--sans);color:#526b5c;white-space:normal}
html body main #race-directory .calendar-connections>span{font:400 15px/1.5 var(--sans);color:#465e50;white-space:normal;overflow-wrap:anywhere}
html body main #race-directory .calendar-date>strong{font:400 14px/1.5 var(--sans);color:#526b5c}
html body main #race-directory .calendar-date>span{margin-top:3px}
html body main #race-directory .calendar-date .filmchen{font:400 14px/1.5 var(--sans);color:#526b5c;gap:0}
html body main #race-directory .calendar-date .filmchen svg{display:none}
html body main #race-directory .calendar-date .filmchen:after{content:'Video ansehen';font:inherit;letter-spacing:0;text-transform:none}
@media(max-width:800px){
 html body main #race-directory table.race-index-list tbody tr{background:var(--race-fill)!important;border:1px solid #d3e2d7!important;border-radius:12px;margin-bottom:12px;padding:16px!important;gap:12px}
 html body main #race-directory table.race-index-list tbody tr>td,
 html body main #race-directory table.race-index-list tbody tr>td:first-child,
 html body main #race-directory table.race-index-list tbody tr>td:last-child{height:auto;padding-top:0;padding-bottom:0;border:0!important;border-radius:0!important;background:transparent!important}
 html body main #race-directory table.race-index-list tbody tr>td.calendar-winner-cell{padding-left:54px!important;min-height:52px}
 html body main #race-directory .race-index-list .calendar-silk{left:0!important}
 html body main #race-directory .calendar-date>strong{font-size:13px}
 html body main #race-directory table.race-index-list td.calendar-connections{display:block!important;grid-column:1/-1;grid-row:3}
 html body main #race-directory .calendar-connections>span{font-size:13px}
 html body main #race-directory .calendar-connections>span:first-child:before{content:'Trainer: ';color:#526b5c}
 html body main #race-directory .calendar-connections>span:last-child:before{content:'Besitzer: ';color:#526b5c}
}

/* Rennverzeichnis: Filter oben, kompakte Such-/Ansichtswerkzeuge darunter. */
html body main #race-directory .cal-werkzeuge{padding:16px 18px;background:#f6faf6;border:1px solid #d3e2d7;border-radius:12px;margin-bottom:8px}
html body main #race-directory .cal-felder{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
html body main #race-directory .cal-felder>label>span,
html body main #race-directory .calendar-per-slot label>span{padding-left:0;font-size:11px;letter-spacing:.06em}
html body main #race-directory .cal-felder select,
html body main #race-directory .calendar-search-slot input{height:38px;border-color:#cbdccf;border-radius:6px;font-size:14px;padding:6px 28px 6px 10px;background-color:#ffffffb3}
html body main #race-directory .cal-display-tools{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,1fr) 155px 165px 82px 170px;align-items:end;gap:12px;padding-top:0;border-top:0}
html body main #race-directory .cal-display-tools>*{grid-row:1;min-width:0;margin:0}
html body main #race-directory .calendar-search-slot{grid-column:1}
html body main #race-directory .cal-schnell{grid-column:2;display:block}
html body main #race-directory .cal-schnell .knopf{height:38px;min-height:38px;width:100%;padding:6px 8px;font-size:13px;white-space:nowrap;border:0;background:transparent}
html body main #race-directory .cal-sort{grid-column:3;display:flex;flex-direction:column;gap:5px;padding:0;height:auto;border:0;background:transparent;color:#465b4e}
html body main #race-directory .cal-sort>span{font:600 11px/1 var(--head);letter-spacing:.06em}
html body main #race-directory .calendar-per-slot{grid-column:4}
html body main #race-directory .cal-ansicht{grid-column:5;height:38px;border-color:#cbdccf;border-radius:6px}
html body main #race-directory .cal-ansicht button{font-size:12px}
@media(max-width:1050px){
 html body main #race-directory .cal-display-tools{grid-template-columns:repeat(3,minmax(0,1fr))}
 html body main #race-directory .calendar-search-slot{grid-column:1/3}
 html body main #race-directory .cal-schnell{grid-column:3}
 html body main #race-directory .cal-sort{grid-column:1;grid-row:2}
 html body main #race-directory .calendar-per-slot{grid-column:2;grid-row:2}
 html body main #race-directory .cal-ansicht{grid-column:3;grid-row:2}
}
@media(max-width:800px){
 html body main #race-directory .cal-werkzeuge{padding:14px}
 html body main #race-directory .cal-felder{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 html body main #race-directory .cal-display-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 html body main #race-directory .calendar-search-slot{grid-column:1/-1;grid-row:1}
 html body main #race-directory .cal-sort{grid-column:1;grid-row:2}
 html body main #race-directory .calendar-per-slot{grid-column:2;grid-row:2}
 html body main #race-directory .cal-schnell{grid-column:1;grid-row:3}
 html body main #race-directory .cal-ansicht{grid-column:2;grid-row:3}
}

/* Gemessen an G1Stars: 12px Zeilenabstand, 18/20px Karteninnenraum. */
html body main #race-directory{max-width:none;margin-left:0;margin-right:0}
html body main #race-directory .calendar-page-header{margin-bottom:28px}
html body main #race-directory .cal-werkzeuge{margin-top:0;margin-bottom:18px}
html body main #race-directory .explorer>.tabwrap{margin-top:0}
@media(max-width:800px){html body main #race-directory .calendar-page-header{margin-bottom:20px}}

html body main #race-directory .race-index-list .calendar-pedigree,
html body main #race-directory .race-index-list .calendar-race small{margin-top:0}

/* Exakte Referenzmaße: G1Stars Datum/Watch je 14px/19.6px, 2px Zwischenraum. */
html body main #race-directory .calendar-date>strong{font:400 14px/1.4 var(--sans)}
html body main #race-directory .calendar-date>span{display:block;margin:2px 0 0;line-height:19.6px}
html body main #race-directory .calendar-date .filmchen{display:inline-block;font:400 14px/1.4 var(--sans);padding:0;min-height:0;height:auto}
html body main #race-directory .calendar-connections>span{font:400 15px/1.3 var(--sans);margin:0}
html body main #race-directory .calendar-connections>span+span{margin-top:2px}
html body main #race-directory .race-index-list .calendar-winner{font:700 21px/1.2 var(--head)}
html body main #race-directory .race-index-list .calendar-silk{width:46.4px!important;height:46.85px!important}
html body main #race-directory .calendar-date-sort{border:0;background:transparent;padding:0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:7px}
html body main #race-directory .calendar-date-sort:focus-visible{outline:2px solid var(--messing);outline-offset:4px}
html body main #race-directory .cal-display-tools{grid-template-columns:minmax(180px,1fr) 170px 180px}
html body main #race-directory .calendar-search-slot{grid-column:1;grid-row:1}
html body main #race-directory .cal-schnell{grid-column:2;grid-row:1}
html body main #race-directory .cal-ansicht{grid-column:3;grid-row:1}
@media(max-width:800px){
 html body main #race-directory .cal-display-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
 html body main #race-directory .calendar-search-slot{grid-column:1/-1;grid-row:1}
 html body main #race-directory .cal-schnell{grid-column:1;grid-row:2}
 html body main #race-directory .cal-ansicht{grid-column:2;grid-row:2}
 html body main #race-directory .race-index-list thead{display:table-header-group!important}
 html body main #race-directory .race-index-list thead tr{display:flex;justify-content:flex-end}
 html body main #race-directory .race-index-list thead th{display:none}
 html body main #race-directory .race-index-list thead th:last-child{display:block;width:auto;padding:8px 0}
}
html body main #race-directory .calendar-date>strong{display:block;line-height:19.6px}
html body main #race-directory .calendar-date .filmchen{vertical-align:top}