/* Rekordbuch: isolated component, independent of the four result-record tiles. */
.recordbook-counter{font:500 13px/1.4 var(--sans);letter-spacing:0;text-transform:none;text-align:right;color:var(--dim);margin-left:auto}
.result-records>.recordbook{display:block;grid-template-columns:none}
.recordbook{position:relative;scroll-margin-top:100px;margin:0 0 24px;isolation:isolate}
.recordbook-stack{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important}
.recordbook-card{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:480px;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#2e5846,#214435);box-shadow:0 8px 22px #315d4212;color:white;visibility:hidden;opacity:0;transition:opacity .35s,visibility .35s}
.recordbook-card.is-active{visibility:visible;opacity:1}
.recordbook-copy{padding:44px 48px 36px;min-width:0;display:flex;flex-direction:column}
.recordbook-number{display:flex;align-items:flex-end;gap:18px}
.recordbook-number>b{font:700 136px/.76 var(--head);letter-spacing:-.025em;white-space:nowrap}
.recordbook-number>span{font:600 40px/.98 var(--head);color:#fffffff0;text-transform:uppercase}
.recordbook-copy>h3{font:500 22px/1.3 var(--head);color:#e4c98a;margin:26px 0 14px;white-space:nowrap;letter-spacing:0;text-transform:none}
.recordbook-copy>.recordbook-text{font:400 17px/1.62 var(--sans);width:590px;max-width:100%;color:#ffffffd1;margin:0 0 24px;text-align:left;text-wrap:balance;hyphens:none}
.recordbook-text strong{font-weight:700;color:inherit}
.recordbook-copy>.recordbook-link{font:600 13px/1.5 var(--head);letter-spacing:.12em;text-transform:uppercase;color:#e4c98a;margin-top:auto;align-self:flex-start;text-decoration:none}
.recordbook-link:hover{color:#fff}
.recordbook-image{position:relative;min-width:0;clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);overflow:hidden;background:radial-gradient(ellipse at 12% 0%,#ffffff60,transparent 65%),linear-gradient(135deg,#d0e9d5,#c7e4cc);box-shadow:inset 0 1px 0 #ffffffaa}
.recordbook-image>img{position:absolute;max-width:none;object-fit:contain}
.recordbook-image.portrait:before{content:'';position:absolute;inset:0;background:var(--rb-flag) center/cover no-repeat;opacity:.28;pointer-events:none}
body main .recordbook .recordbook-image.portrait>img{object-view-box:none!important;object-fit:contain!important;object-position:center bottom!important;aspect-ratio:auto!important;max-width:none!important;height:var(--rb-image-height,340px);width:auto;left:var(--rb-image-left,50%);top:auto;bottom:0;transform:translateX(-50%)}
.recordbook-image.pferd>img{width:86%;height:300px;max-height:calc(100% - 100px);left:7%;bottom:84px;filter:drop-shadow(0 12px 10px #21443526)}
.recordbook-image.bahn>img{inset:0;width:100%;height:100%;object-fit:cover}
.recordbook-image.bahn:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#214435)}
.recordbook-controls{position:absolute;bottom:24px;right:24px;display:flex;gap:10px;z-index:2}
.recordbook-controls>button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #21443588;border-radius:50%;background:transparent;color:#214435;font:400 23px/1 var(--sans);cursor:pointer}
.recordbook-controls>button:hover{background:#ffffff50}
.recordbook :focus-visible{outline:3px solid var(--messing,#b18b43);outline-offset:4px}
.recordbook>.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px) and (min-width:761px){.recordbook-copy{padding:36px 28px}.recordbook-number>b{font-size:104px}.recordbook-number>span{font-size:30px}}
@media(max-width:760px){
.recordbook-counter{display:block;text-align:left;margin:8px 0 0;width:100%}
.recordbook-card{grid-template-columns:minmax(0,1fr);grid-template-rows:225px 1fr}
.recordbook-image{grid-row:1;clip-path:none}
.recordbook-copy{padding:26px 22px}
.recordbook-number>b{font-size:104px}.recordbook-number>span{font-size:30px}
.recordbook-copy>h3{font-size:18px}
.recordbook-image.pferd>img{height:180px;max-height:none;bottom:32px}
.recordbook-controls{top:175px;bottom:auto;right:16px}
.recordbook-copy>.recordbook-text{width:100%}
}
@media(prefers-reduced-motion:reduce){.recordbook-card{transition:none}}
/* Desktop portraits may sit behind controls; keep arrows legible on dark jackets. */
@media(min-width:761px){.recordbook-controls>button{background:#e5f1e8eb;box-shadow:0 1px 4px #21443520}.recordbook-controls>button:hover{background:#fff}}