:root{--grund:#0a0a0f;--flaeche:#12121b;--rand:#23232f;--schrift:#eef0f6;--ruhig:#9b9eb3;--akzent:#8b8df5;--gruen:#00e87a;
  --mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace}
*{box-sizing:border-box;margin:0}
body{background:var(--grund);color:var(--schrift);font-size:17px;line-height:1.65;
 font-family:"Instrument Sans",-apple-system,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--akzent)}
:focus-visible{outline:3px solid var(--akzent);outline-offset:3px;border-radius:4px}
.bahn{max-width:680px;margin:0 auto;padding:0 clamp(20px,5vw,48px)}
/* Kopfzeile: dasselbe Zeichen wie auf der Startseite, damit die Rechtsseiten
   sichtbar zur Marke gehören und nicht wie ein fremdes Dokument wirken. */
.kopf{display:flex;align-items:center;gap:14px;padding:24px 0 0;flex-wrap:wrap}
.kopf .marke{display:inline-flex;align-items:center;gap:10px;font-size:15px;
  font-weight:600;color:var(--schrift);text-decoration:none}
.kopf .marke img{width:24px;height:24px;border-radius:7px;display:block}
.kopf .marke b{color:var(--akzent);font-weight:600}
.zurueck{margin-left:auto;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ruhig);text-decoration:none}
.zurueck:hover{color:var(--akzent)}
h1{font-size:clamp(28px,5vw,40px);line-height:1.12;font-weight:600;letter-spacing:-.028em;
 margin:clamp(28px,4vw,44px) 0 10px}
.stand{font-family:var(--mono);font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--ruhig);margin-bottom:clamp(28px,4vw,40px)}
h2{font-size:clamp(19px,2.6vw,23px);font-weight:600;letter-spacing:-.018em;
 margin:clamp(28px,3.6vw,38px) 0 12px}
h3{font-size:17px;font-weight:600;margin:22px 0 8px}
p{color:var(--ruhig);margin-bottom:12px}
p b,li b{color:var(--schrift);font-weight:600}
ul{margin:0 0 14px 20px;color:var(--ruhig)}
li{margin-bottom:7px}
.kasten{background:var(--flaeche);border:1px solid var(--rand);border-radius:12px;
 padding:20px 22px;margin:18px 0}
.kasten p:last-child{margin-bottom:0}
table{width:100%;border-collapse:collapse;margin:14px 0;font-size:16px}
th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--rand);vertical-align:top}
th{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ruhig);font-weight:500;width:38%}
td{color:var(--ruhig)}
footer{margin-top:clamp(38px,5vw,56px);padding:22px 0 46px;border-top:1px solid var(--rand);
 font-size:14.5px;color:var(--ruhig);display:flex;gap:16px;flex-wrap:wrap}
footer .r{margin-left:auto}
footer a{color:var(--ruhig)}

/* Grün steht ausschließlich für „wird auf dem Gerät verarbeitet". */
.lokal{color:var(--gruen);font-weight:600}
/* Akzentkante am Kasten, wie die Bausteine im Marketing-Kit. */
.kasten{border-left:3px solid var(--akzent);border-radius:0 12px 12px 0}