/* Einmal-Link, Gestaltung wie messnode.de („Systemhaus“, D181): Navy, Orange, helles Grau, IBM Plex. */
@font-face{font-family:'Plex';font-weight:400;font-style:normal;font-display:swap;src:url(/statisch/plex-sans-400.woff2) format('woff2')}
@font-face{font-family:'Plex';font-weight:600;font-style:normal;font-display:swap;src:url(/statisch/plex-sans-600.woff2) format('woff2')}
@font-face{font-family:'Plex Mono';font-weight:500;font-style:normal;font-display:swap;src:url(/statisch/plex-mono-500.woff2) format('woff2')}
:root{--navy:#12305A;--ink:#0D1B2A;--leise:#4B5A6B;--linie:#D8DEE6;--grau:#F2F4F7;--orange:#FF7A1A;--alarm:#B3261E;color-scheme:light}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--grau);color:var(--ink);font:400 16px/1.6 'Plex',Arial,Helvetica,sans-serif;padding:28px 16px}
.karte{max-width:600px;margin:0 auto;background:#fff;border:1px solid var(--linie);padding:0 40px 28px;position:relative}
.balken{height:4px;background:var(--orange);margin:0 -40px}
.logo{display:block;width:136px;height:36px;margin:26px 0 0}
.kennzeile{margin:30px 0 0;font:500 12px/1.3 'Plex Mono','Courier New',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--leise)}
h1{margin:12px 0 0;font-weight:600;font-size:28px;line-height:1.2}
h2{margin:28px 0 8px;font:500 12px/1.3 'Plex Mono','Courier New',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--navy)}
.lead{margin:18px 0 0}
#vorher{margin-top:24px}
button{font:inherit;cursor:pointer}
#anzeigen,.haupt{background:var(--navy);color:#fff;border:0;border-radius:4px;padding:14px 26px;font-weight:600;font-size:16px;line-height:1}
#anzeigen:hover,.haupt:hover{background:#0A1C33}
#anzeigen:focus-visible,.haupt:focus-visible,.kopieren:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
#anzeigen:disabled{opacity:.55;cursor:default}
.leise{color:var(--leise);font-size:14px;margin:12px 0 0}
dl{margin:0;background:var(--grau);border-left:3px solid var(--navy);padding:12px 20px}
dt{color:var(--leise);font-size:14px;margin-top:10px}
dt:first-child{margin-top:0}
dd{margin:2px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
code{font:500 16px/1.45 'Plex Mono','Courier New',monospace;color:var(--ink);word-break:break-all;user-select:all}
.kopieren{background:#fff;border:1px solid var(--linie);border-radius:4px;padding:4px 10px;font-size:13px;color:var(--navy)}
.kopieren:hover{border-color:var(--navy)}
.hinweis{margin:20px 0 0}
.fehler{color:var(--alarm);margin:20px 0 0}
footer{margin-top:32px;border-top:1px solid var(--linie);padding-top:14px;color:var(--leise);font-size:12px;line-height:1.6}
footer p{margin:0 0 6px}
.signatur{border:1px solid var(--linie);padding:18px;margin:22px 0 0;overflow-x:auto;background:#fff}
.aktion{margin:20px 0 0}.ok{color:#1E7B4A;margin:12px 0 0}
ol.anleitung{margin:10px 0 0;padding-left:22px}ol.anleitung li{margin:6px 0}
h2.abschnitt{margin:30px 0 4px;font:600 18px/1.3 'Plex',Arial,sans-serif;letter-spacing:0;text-transform:none;color:var(--ink)}
@media (max-width:620px){body{padding:12px 8px}.karte{padding:0 22px 24px}.balken{margin:0 -22px}h1{font-size:24px}}