/* Thrillgrounds – Startseite: „Wähle dein Revier" (baut auf revier.css auf) */
.start{min-height:100svh;padding:8.5rem var(--rand) 3rem;display:grid;align-content:end;position:relative;isolation:isolate;
  background:radial-gradient(90% 60% at 80% 0,rgba(255,74,26,.16),transparent 60%),radial-gradient(70% 50% at 0 100%,rgba(23,216,180,.14),transparent 60%),var(--nacht)}
.start h1{margin:0;font:900 clamp(3.6rem,15vw,15rem)/.8 var(--display);text-transform:uppercase;letter-spacing:-.012em}
.start h1 .zwei{display:block;color:transparent;-webkit-text-stroke:2px var(--gischt);margin-left:.55em}
.start .zeile{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,5rem);align-items:end;margin:clamp(1.4rem,3vw,2.6rem) 0 clamp(1.5rem,4vw,3rem)}
.start .satz{font:italic 400 clamp(1.6rem,3.2vw,3rem)/1.08 var(--serif);margin:0;text-wrap:balance}
.start .satz em{color:var(--signal)}
.start .intro{margin:0;color:var(--kalk);max-width:48ch}
.reviere{padding:0 var(--rand) 6rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));gap:1.4rem}
.rkarte{position:relative;display:grid;align-content:end;min-height:min(78svh,40rem);padding:1.6rem;text-decoration:none;overflow:clip;isolation:isolate;border:1px solid rgba(238,252,248,.14);transition:opacity .4s,filter .4s}
.rkarte img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.75);transition:scale 1.2s cubic-bezier(.2,.7,.2,1),filter .6s}
.rkarte::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%)}
.rkarte:hover img{scale:1.08;filter:saturate(1) brightness(.85)}
.rkarte .nr{font:700 .68rem/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--kalk)}
.rkarte .zahlr{font:900 clamp(5rem,11vw,9rem)/.78 var(--display);color:var(--akzent);margin:.12em 0 0;font-variant-numeric:tabular-nums}
.rkarte .zahlr small{font:700 .8rem/1 var(--mono);letter-spacing:.2em;margin-left:.6em;vertical-align:top;position:relative;top:1.2em}
.rkarte h2{font:800 clamp(2rem,3.6vw,3.2rem)/.92 var(--display);text-transform:uppercase;margin:.3em 0 .5em}
.rkarte .liste{font:400 .74rem/1.7 var(--mono);color:var(--kalk);letter-spacing:.04em;margin:0 0 1rem}
.rkarte .fuss{display:flex;justify-content:space-between;align-items:end;gap:1rem;border-top:1px solid rgba(238,252,248,.2);padding-top:.9rem;font:700 .7rem/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.rkarte .fuss b{font:800 1.7rem/1 var(--display);letter-spacing:.02em;color:var(--gischt);white-space:nowrap}
.rkarte .fuss>span:last-child{white-space:nowrap}
.rkarte .treffer{color:var(--signal)}
.rkarte.leer{opacity:.4;filter:grayscale(1)}
.bald{padding:0 var(--rand) 6rem}
.bald h2{font:800 clamp(1.8rem,4vw,3rem)/1 var(--display);text-transform:uppercase;margin:0 0 1.2rem}
.bald h2 span{color:var(--signal)}
.bald ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.bald li{font:700 .72rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:.7rem .9rem;border:1px solid rgba(238,252,248,.2);color:var(--kalk)}
.sprache{font:700 .72rem/1 var(--mono);letter-spacing:.14em;color:var(--leise);text-decoration:none}
.sprache:hover{color:var(--gischt)}
.seite404{min-height:100svh;display:grid;place-content:center;text-align:center;padding:var(--rand)}
.seite404 .meter{font-size:clamp(7rem,30vw,22rem)}
@media (max-width:1100px){.start .zeile{grid-template-columns:1fr}}

/* Startseite: Block „nach Aktivität" */
.aktiv-block{padding:0 var(--rand) 6rem}
.aktiv-block h2{font:800 clamp(1.8rem,4vw,3rem)/1 var(--display);text-transform:uppercase;margin:0 0 .6rem}
.aktiv-block h2 span{color:var(--akzent)}
.aktiv-block>p{color:var(--kalk);max-width:60ch;margin:0 0 1.4rem}
.aktiv-block ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.6rem}
.aktiv-block a{display:grid;gap:.3rem;padding:1rem 1.1rem;border:1px solid rgba(238,252,248,.2);text-decoration:none;transition:.2s}
.aktiv-block a b{font:800 1.35rem/1 var(--display);text-transform:uppercase;letter-spacing:.02em}
.aktiv-block a span{font:400 .7rem/1.4 var(--mono);color:var(--kalk);letter-spacing:.04em}
.aktiv-block a:hover{border-color:var(--akzent);background:var(--fels)}
.aktiv-block a.alle{border-style:dashed;color:var(--akzent)}