/* Thrillgrounds – Aktivitäts-Bestenlisten und Hub (baut auf revier.css und start.css auf) */
.aktiv-kante{min-height:78svh}
.aktiv-kante .koord a{color:var(--kalk);text-decoration:none}
.aktiv-kante .koord a:hover{color:var(--akzent)}
.hud .revier a{color:inherit;text-decoration:none}
.hud .revier a:hover{color:var(--akzent)}
.block.liste{padding-top:4.5rem}
.block .unter{max-width:60ch;color:var(--kalk);margin:-1.4rem 0 1.6rem}
.metrik{font:700 .68rem/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--akzent);margin:0 0 1.4rem}
.rangliste{list-style:none;margin:0;padding:0;border-top:1px solid rgba(238,252,248,.14)}
.rang{display:grid;grid-template-columns:3rem minmax(9rem,14rem) minmax(0,1fr) 11rem;gap:1rem clamp(1rem,2.5vw,2.4rem);align-items:start;padding:1.8rem 0;border-bottom:1px solid rgba(238,252,248,.14)}
.rang .nr{font:700 .72rem/1 var(--mono);letter-spacing:.18em;color:var(--leise);padding-top:.9rem}
.rang .zahl{margin:0;font:900 clamp(2.6rem,5vw,4.4rem)/.82 var(--display);color:transparent;-webkit-text-stroke:2px var(--akzent);font-variant-numeric:tabular-nums;white-space:nowrap}
.rang:first-child .zahl{color:var(--akzent)}
.rang .zahl sup{display:block;font:700 .62rem/1.4 var(--mono);-webkit-text-stroke:0;color:var(--akzent);letter-spacing:.16em;text-transform:uppercase;margin-top:.6em;white-space:normal}
.rang .text h3{font:800 clamp(1.5rem,2.6vw,2.2rem)/.95 var(--display);text-transform:uppercase;letter-spacing:.01em;margin:0 0 .35rem}
.rang .text h3 a{text-decoration:none}
.rang .text h3 a:hover{color:var(--akzent)}
.rang .ort{font:700 .68rem/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--kalk);margin:0 0 .6rem}
.rang .ort a{color:var(--kalk);text-decoration:none;border-bottom:1px solid rgba(238,252,248,.25)}
.rang .ort a:hover{color:var(--akzent);border-color:var(--akzent)}
.rang .pulszeile{margin:0 0 .7rem}
.rang .zeile{margin:0 0 .6rem;color:var(--gischt);max-width:62ch}
.rang .limits{margin:0 0 .5rem;font-size:.9rem;color:var(--kalk)}
.rang .limits b{color:var(--akzent);font-weight:700}
.rang .q{margin:0;font-size:.78rem;color:var(--leise)}
.rang .q b{color:var(--leise);font-weight:700}
.rang .thumb{display:block;aspect-ratio:4/3;overflow:hidden;border:1px solid rgba(238,252,248,.14)}
.rang .thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.85);transition:scale .8s cubic-bezier(.2,.7,.2,1),filter .4s}
.rang:hover .thumb img{scale:1.06;filter:saturate(1) brightness(.95)}
.rang .buchen,.rang .direkt{grid-column:4;display:grid;gap:.15rem;text-decoration:none;padding:.8rem .95rem;background:var(--schiefer);border-left:3px solid var(--akzent);transition:.2s}
.rang .buchen b{font:800 1.7rem/1 var(--display)}
.rang .buchen span{font:400 .64rem/1.3 var(--mono);letter-spacing:.06em;color:var(--leise);text-transform:uppercase}
.rang .buchen:hover{background:var(--gischt);color:var(--nacht);translate:6px 0}
.rang .buchen:hover span{color:#425}
.rang .direkt{border-left-color:var(--leise);color:var(--leise);font:700 .68rem/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:.95rem}
.draussen article{border-top-color:var(--leise)}
.draussen .zahl{font:900 2.2rem/.85 var(--display);color:var(--kalk);margin:.3rem 0 .6rem}
.draussen .zahl sup{display:block;font:700 .58rem/1.4 var(--mono);color:var(--leise);letter-spacing:.14em;text-transform:uppercase;margin-top:.5em}
.draussen p{color:var(--kalk);margin:0;font-size:.95rem}
/* Hub */
.hub{min-height:60svh}
.akarten .akarte{position:relative;display:grid;align-content:end;min-height:min(60svh,30rem);padding:1.6rem;text-decoration:none;overflow:clip;isolation:isolate;border:1px solid rgba(238,252,248,.14)}
.akarte img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.7);transition:scale 1.2s cubic-bezier(.2,.7,.2,1)}
.akarte::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(7,12,13,.95) 0,rgba(7,12,13,.55) 45%,rgba(7,12,13,.05) 75%)}
.akarte:hover img{scale:1.08}
.akarte .nr{font:700 .68rem/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--kalk)}
.akarte .zahlr{font:900 clamp(3.5rem,8vw,6rem)/.8 var(--display);color:var(--akzent);margin:.15em 0 0;font-variant-numeric:tabular-nums}
.akarte .zahlr sup{display:block;font:700 .62rem/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;margin-top:.5em}
.akarte h2{font:800 clamp(1.8rem,3.2vw,2.8rem)/.92 var(--display);text-transform:uppercase;margin:.3em 0 .4em}
.akarte .liste{font:400 .74rem/1.6 var(--mono);color:var(--kalk);letter-spacing:.04em;margin:0}
@media (max-width:900px){
  .rang{grid-template-columns:2.4rem minmax(0,1fr);gap:.6rem 1rem}
  .rang .zahl{grid-column:2}
  .rang .text{grid-column:2}
  .rang .thumb{grid-column:2;max-width:22rem}
  .rang .buchen,.rang .direkt{grid-column:2;max-width:22rem}
}