:root{--bg:#060a13;--bg2:#0b1222;--karte:#0f182b;--linie:#1c2a44;--text:#e6ecf5;--leise:#93a3bd;--blau:#8fb4e8;--gold:#d6b25e;--gold2:#f0d48e}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 "Segoe UI","Helvetica Neue",Arial,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--blau);text-decoration:none}a:hover{color:var(--gold2)}
img{max-width:100%;display:block}
.wrap{max-width:1240px;margin:0 auto;padding:0 22px}
header.top{position:fixed;inset:0 0 auto 0;z-index:20;transition:background .3s,backdrop-filter .3s}
header.top.solid{background:rgba(6,10,19,.82);backdrop-filter:blur(10px);border-bottom:1px solid var(--linie)}
.navbar{display:flex;align-items:center;gap:22px;height:68px}
.marke{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:600;letter-spacing:.22em;font-size:15px}
.marke svg{width:46px;height:31px}.marke b{color:var(--gold);font-weight:600}.marke span{color:var(--blau)}
nav.haupt{margin-left:auto;display:flex;gap:26px;font-size:13.5px;letter-spacing:.14em;text-transform:uppercase}
nav.haupt a{color:var(--leise)}nav.haupt a:hover,nav.haupt a.akt{color:var(--text)}
.menu{display:none;margin-left:auto;background:none;border:1px solid var(--linie);color:var(--text);border-radius:8px;padding:6px 10px;font-size:15px}
@media(max-width:820px){nav.haupt{display:none;position:absolute;top:68px;left:0;right:0;background:rgba(6,10,19,.97);flex-direction:column;padding:18px 22px;gap:16px;border-bottom:1px solid var(--linie)}nav.haupt.offen{display:flex}.menu{display:block}}
.held{position:relative;min-height:100vh;display:flex;align-items:flex-end;overflow:hidden}
.held .bild{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.04);animation:zoom 22s ease-out forwards}
@keyframes zoom{to{transform:scale(1)}}
.held:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,10,19,.15) 0%,rgba(6,10,19,.05) 40%,rgba(6,10,19,.85) 88%,var(--bg) 100%)}
.held .inhalt{position:relative;z-index:2;padding-bottom:11vh;text-shadow:0 2px 18px rgba(0,0,0,.75),0 0 2px rgba(0,0,0,.6)}
.held .kicker{color:var(--gold2)}
.kicker{font-size:12.5px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}
h1.gross{font-size:clamp(40px,7vw,86px);line-height:1.02;margin:.25em 0 .2em;font-weight:300;letter-spacing:.04em}
.held p.lead{max-width:640px;color:#c9d4e6;font-size:clamp(16px,1.6vw,19px)}
.knopf{display:inline-block;margin-top:18px;padding:12px 22px;border:1px solid var(--gold);color:var(--gold2);border-radius:999px;font-size:13px;letter-spacing:.16em;text-transform:uppercase}
.knopf:hover{background:var(--gold);color:#0b0f17}
.knopf.leise{border-color:rgba(230,236,245,.35);color:var(--text);margin-left:8px;background:rgba(6,10,19,.35);backdrop-filter:blur(4px)}
section{padding:90px 0}section.dunkel{background:var(--bg2)}
h2.titel{font-size:clamp(26px,3vw,38px);font-weight:300;letter-spacing:.06em;margin:0 0 10px}
.unter{color:var(--leise);max-width:680px;margin:0 0 36px}
.raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}
.kachel{display:block;position:relative;border-radius:14px;overflow:hidden;background:var(--karte);border:1px solid var(--linie)}
.raster .kachel img{aspect-ratio:3/2;object-fit:cover}
.vorstellung{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center;margin-bottom:46px}@media(max-width:900px){.vorstellung{grid-template-columns:1fr}}
.vtitel{font-size:clamp(26px,3vw,36px);font-weight:300;margin:.25em 0 .2em;letter-spacing:.03em}.vtext{color:#d3dbe8;font-size:16.5px}
nav.haupt a.sprache{border:1px solid var(--linie);border-radius:999px;padding:1px 10px;color:var(--gold2)}
h3.klein{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:500;margin:18px 0 6px}
.kachel img{width:100%;transition:transform .7s ease,filter .4s}.kachel:hover img{transform:scale(1.035);filter:brightness(1.08)}
.kachel .info{position:absolute;inset:auto 0 0 0;padding:44px 16px 14px;background:linear-gradient(180deg,transparent,rgba(4,7,13,.92))}
.kachel h3{margin:0;font-size:18px;font-weight:500;color:#fff}.kachel small{color:#b8c4d8;letter-spacing:.08em}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.chip{border:1px solid var(--linie);color:var(--leise);border-radius:999px;padding:6px 14px;font-size:13px;cursor:pointer;background:none}
.chip.an{border-color:var(--gold);color:var(--gold2)}
.zwei{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:start}.zwei.gleich{grid-template-columns:1fr 1fr}@media(max-width:900px){.zwei,.zwei.gleich{grid-template-columns:1fr}}
body{overflow-x:hidden}
.karte{background:var(--karte);border:1px solid var(--linie);border-radius:16px;padding:22px 24px}
.daten{width:100%;border-collapse:collapse;font-size:14.5px}.daten td,.daten th{padding:7px 0;border-bottom:1px solid var(--linie);text-align:left;vertical-align:top}
.daten th{color:var(--leise);font-weight:500;width:36%;padding-right:12px}
.bildgross{border-radius:14px;overflow:hidden;border:1px solid var(--linie);cursor:zoom-in;background:#000}
.textblock p{color:#d3dbe8;font-size:17px;max-width:720px}
.leuchte{position:fixed;inset:0;background:rgba(2,4,8,.96);z-index:50;display:none;align-items:center;justify-content:center;cursor:zoom-out}
.leuchte img{max-width:96vw;max-height:94vh;object-fit:contain}.leuchte.an{display:flex}
footer{border-top:1px solid var(--linie);padding:46px 0 60px;color:var(--leise);font-size:14px}
footer .reihe{display:flex;flex-wrap:wrap;gap:22px;justify-content:space-between;align-items:center}
.sterne{position:fixed;inset:0;z-index:-1;background-image:radial-gradient(1px 1px at 12% 18%,#fff8,transparent),radial-gradient(1px 1px at 72% 42%,#fff6,transparent),radial-gradient(1.2px 1.2px at 35% 78%,#fff7,transparent),radial-gradient(1px 1px at 88% 85%,#fff5,transparent),radial-gradient(1px 1px at 52% 12%,#fff6,transparent);background-size:620px 620px}
.live{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.wert{font-size:32px;font-weight:300}.wert small{font-size:14px;color:var(--leise)}
.hinweis{color:var(--leise);font-size:14px}
.rechtlich h2{font-weight:400}.rechtlich p,.rechtlich li{color:#cfd8e6}
.ab{display:inline-flex;align-items:center;gap:8px}