/* Gemeinsamer Stil der Entwurfsseiten – Farben aus Logo_v1 */
:root{--grund:#101923;--text:#d6dade;--leise:#b4bcc5;--sehrleise:#6b7887;--gruen:#7cc943;--linie:#243344}
html,body{margin:0;padding:0}
body{background:var(--grund);color:var(--text);font-family:Montserrat,system-ui,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}
a{color:var(--gruen)}
a:hover{color:#9ee05a}
.seite{min-height:100vh;background:radial-gradient(ellipse 90% 60% at 85% 0%,#223040 0%,#162230 40%,#0d151e 100%);padding:28px 6vw 60px;box-sizing:border-box}
header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
header img{height:64px;display:block;filter:drop-shadow(0 3px 5px rgba(0,0,0,.5))}
.label{display:inline-flex;align-items:center;gap:10px;font-size:10.5px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--gruen);text-decoration:none}
.label::before{content:"";width:38px;height:3px;background:linear-gradient(90deg,rgba(124,201,67,.15),var(--gruen));clip-path:polygon(0 50%,100% 0,100% 100%)}
.titel{margin:56px 0 12px;font-weight:700;font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-.01em;
  background:linear-gradient(180deg,#fff 0%,#e4e7ea 40%,#bfc5cb 78%,#d3d7db 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 4px rgba(0,0,0,.55))}
.titel em{font-style:italic;background:linear-gradient(180deg,#9ee05a 0%,#7cc943 60%,#5fae2e 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.einleitung{max-width:62ch;font-size:16px;line-height:1.7;color:var(--leise);margin:0 0 38px}
.karte{border:1px solid var(--linie);border-radius:18px;background:rgba(10,16,23,.35);padding:22px}
.karte h2{margin:10px 0 6px;font-weight:700;font-size:22px;color:#eef0f2}
.karte p{margin:0;font-size:14.5px;line-height:1.65;color:var(--leise)}
.raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:22px}
.knopf{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:100px;border:1px solid #3a4858;color:#e4e7ea;text-decoration:none;font-size:13.5px;font-weight:500}
.knopf:hover{border-color:var(--gruen);color:#fff;background:rgba(124,201,67,.08)}
.knopf.voll{background:linear-gradient(180deg,#8fd84e 0%,#72bf3c 100%);border-color:transparent;color:#0d151e;font-weight:600}
.knopf.voll:hover{background:linear-gradient(180deg,#a2e464 0%,#80cc48 100%);color:#000}
.knoepfe{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
table{border-collapse:collapse;width:100%;font-size:14px}
th,td{text-align:left;padding:9px 12px 9px 0;border-bottom:1px solid var(--linie);vertical-align:middle}
th{font-size:10.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--sehrleise)}
td{color:var(--leise)}
code{font-family:ui-monospace,Consolas,monospace;font-size:13px;color:#e4e7ea}
.fussmarke{margin-top:60px;padding-top:16px;border-top:1px solid var(--linie);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--sehrleise)}
.fussmarke a{color:var(--sehrleise);text-decoration:none}
.fussmarke a:hover{color:var(--gruen)}