/* Gemeinsame Gestaltung für Impressum und Datenschutzerklärung.
   Gleiche Marken wie die Produktseiten, nur ruhiger gesetzt. */
:root{
  --bg:#F1F2EF; --surface:#FBFBF9; --sunk:#E6E7E2;
  --ink:#15171A; --ink-2:#4D5155; --ink-3:#7E8388;
  --line:#D6D7D1; --line-2:#BEBFB8;
  --brand:#8A2B31; --brand-soft:#F3E4E4;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#121311; --surface:#1A1C19; --sunk:#212320;
    --ink:#EBECE7; --ink-2:#A8ACA6; --ink-3:#7B7F7A;
    --line:#2C2F2B; --line-2:#3E423C;
    --brand:#E08A85; --brand-soft:#2A1A19;
  }
}
:root[data-theme="dark"]{
  --bg:#121311; --surface:#1A1C19; --sunk:#212320;
  --ink:#EBECE7; --ink-2:#A8ACA6; --ink-3:#7B7F7A;
  --line:#2C2F2B; --line-2:#3E423C;
  --brand:#E08A85; --brand-soft:#2A1A19;
}

*{box-sizing:border-box}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:"IBM Plex Sans",system-ui,sans-serif;
  font-size:16.5px;line-height:1.65;-webkit-font-smoothing:antialiased;
}
.wrap{max-width:680px;margin:0 auto;padding:0 22px 90px}

nav{border-bottom:1px solid var(--line);background:var(--surface);padding:13px 0;margin-bottom:44px}
nav .wrap{padding-bottom:0;display:flex;gap:20px;flex-wrap:wrap;
  font-family:"IBM Plex Mono",monospace;font-size:12px}
nav a{color:var(--ink-2);text-decoration:none}
nav a:hover,nav a:focus-visible{color:var(--brand);text-decoration:underline}

h1{
  font-family:Newsreader,Georgia,serif;font-weight:500;
  font-size:clamp(28px,4.6vw,38px);line-height:1.1;margin:0 0 10px;
  letter-spacing:-.015em;
}
.stand{
  font-family:"IBM Plex Mono",monospace;font-size:11.5px;color:var(--ink-3);
  letter-spacing:.05em;margin-bottom:34px;display:block;
}
h2{
  font-family:Newsreader,Georgia,serif;font-weight:500;
  font-size:22px;margin:36px 0 11px;letter-spacing:-.01em;
}
h3{font-size:16.5px;font-weight:600;margin:22px 0 7px}
p{margin:0 0 14px;color:var(--ink-2)}
strong{color:var(--ink);font-weight:600}
a{color:var(--brand)}

ul{margin:0 0 14px;padding-left:20px;color:var(--ink-2)}
li{margin-bottom:7px}
li::marker{color:var(--brand)}

.karte{
  background:var(--surface);border:1px solid var(--line);
  border-radius:5px;padding:18px 20px;margin:16px 0;
}
.karte p:last-child{margin-bottom:0}
.anschrift{font-family:"IBM Plex Mono",monospace;font-size:14px;line-height:1.75;color:var(--ink)}

.fehlt{
  background:var(--brand-soft);border-left:3px solid var(--brand);
  padding:13px 16px;margin:16px 0;border-radius:0 4px 4px 0;
  font-size:15px;color:var(--ink-2);
}
.fehlt b{color:var(--brand);display:block;margin-bottom:4px;
  font-family:"IBM Plex Mono",monospace;font-size:10.5px;
  letter-spacing:.11em;text-transform:uppercase}

/* Noch auszufüllende Stellen sichtbar markieren, damit sie nicht
   versehentlich veröffentlicht werden. */
.fehlt-inline{
  font-family:"IBM Plex Mono",monospace;font-size:13.5px;
  background:var(--brand-soft);color:var(--brand);
  padding:2px 7px;border-radius:3px;border:1px dashed var(--brand);
}

table{width:100%;border-collapse:collapse;font-size:15px;margin:16px 0}
th{
  font-family:"IBM Plex Mono",monospace;font-size:10.5px;font-weight:600;
  letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);
  text-align:left;padding:9px 12px;border-bottom:1px solid var(--line-2);
}
td{padding:10px 12px;border-bottom:1px solid var(--line);
  vertical-align:top;color:var(--ink-2)}
tr:last-child td{border-bottom:0}
.scroll{overflow-x:auto;border:1px solid var(--line);border-radius:5px;
  background:var(--surface);margin:16px 0}
table{min-width:460px}

footer{margin-top:50px;padding-top:22px;border-top:1px solid var(--line);
  font-size:13.5px;color:var(--ink-3)}

@media print{
  :root{--bg:#fff;--surface:#fff;--ink:#111;--ink-2:#333;--line:#ccc}
  nav{display:none}
  @page{margin:18mm 16mm}
}