/* Gemeinsames Layout für Impressum & Datenschutz – gleicher Editorial-Rahmen wie das Tool */
:root{
  --papier:#f0e9da; --karte:#fbf8f0; --tinte:#1a160d; --tinte-weich:#3d362a;
  --rot:#e2001a; --rot-tief:#a8000f; --rot-hover:#ba0b13; --rot-text:#ba0b13; --grau:#6b6450; --linie:#1a160d;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; font-family:"Bricolage Grotesque",system-ui,sans-serif; color:var(--tinte);
  background-color:var(--papier);
  background-image:linear-gradient(rgba(26,22,13,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(26,22,13,.045) 1px,transparent 1px);
  background-size:27px 27px; line-height:1.55; overflow-x:hidden;
}
body::before{
  content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.5;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E");
}
.mono{font-family:"Space Mono",ui-monospace,monospace}

.geraet{position:relative;z-index:2;max-width:1140px;margin:34px auto;background:var(--papier);
  border:2.5px solid var(--linie);box-shadow:10px 10px 0 var(--tinte)}
@media(max-width:1200px){.geraet{margin:18px}}
.ecke{position:absolute;width:13px;height:13px;border:2px solid var(--rot);z-index:5}
.ecke.lo{top:8px;left:8px;border-right:0;border-bottom:0}
.ecke.ro{top:8px;right:8px;border-left:0;border-bottom:0}
.ecke.lu{bottom:8px;left:8px;border-right:0;border-top:0}
.ecke.ru{bottom:8px;right:8px;border-left:0;border-top:0}

.kopf{padding:30px 36px 30px;border-bottom:2.5px solid var(--linie);position:relative}
.eyebrow{font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--rot-text);font-weight:700;
  display:flex;align-items:center;gap:9px;margin-bottom:16px;padding-right:92px}
.eyebrow::after{content:"";height:1px;background:var(--tinte);opacity:.25;flex:1}
.logo{flex:0 0 auto;line-height:0;text-decoration:none}
.logo img{display:block;height:48px;width:auto}
.logo-mark{display:inline-block;background:var(--rot);color:#fff;font-family:"Bricolage Grotesque",sans-serif;
  font-weight:800;font-size:19px;letter-spacing:-.02em;text-transform:none;padding:3px 10px 5px;line-height:1;
  box-shadow:2px 2px 0 var(--tinte);transition:.12s}
.logo:hover .logo-mark{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--tinte)}
h1{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:clamp(34px,6vw,58px);line-height:.95;
  letter-spacing:-.025em;margin:0;text-transform:uppercase}
h1 .strich{display:inline-block;width:.5em;height:.085em;background:var(--rot);vertical-align:.12em;margin-left:.06em}

.sprache{position:absolute;top:37px;right:34px;display:inline-flex;border:2px solid var(--tinte);z-index:7}
.spr{appearance:none;border:0;background:var(--papier);font-family:"Space Mono",monospace;font-weight:700;
  font-size:12px;padding:6px 12px;cursor:pointer;color:var(--tinte);border-right:2px solid var(--tinte);transition:.12s}
.spr:last-child{border-right:0}
.spr:hover{background:#fff}
.spr.aktiv{background:var(--rot);color:#fff}

.inhalt{padding:30px 36px 36px;font-size:15px;overflow-wrap:break-word}
.inhalt h2{font-family:"Space Mono",monospace;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--rot-text);margin:32px 0 10px;display:flex;align-items:center;gap:10px}
.inhalt h2::before{content:"";width:8px;height:8px;background:var(--rot);flex:0 0 auto}
.inhalt h2:first-child{margin-top:0}
.inhalt h3{font-weight:700;font-size:16px;margin:22px 0 5px}
.inhalt h4{font-weight:700;font-size:14px;margin:15px 0 3px;color:var(--tinte-weich)}
.inhalt h5{font-family:"Space Mono",monospace;font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;margin:12px 0 3px;color:var(--grau)}
.inhalt p{margin:0 0 12px}
.inhalt a{color:var(--rot-text);text-decoration:underline;text-underline-offset:2px;transition:color .12s;word-break:break-word}
.inhalt a:hover{color:var(--rot-tief);text-decoration-thickness:2px}
.inhalt strong{font-weight:700}
.inhalt ul{margin:0 0 12px;padding-left:1.3em}
.inhalt li{margin:.2em 0}
.adresse{font-family:"Space Mono",monospace;font-size:13.5px;line-height:1.8;background:var(--karte);
  border:2px solid var(--tinte);padding:16px 18px;margin:0 0 14px;display:inline-block}
.hint{font-size:12px;color:var(--grau);font-style:italic;border-left:3px solid var(--rot);padding-left:12px;margin:14px 0}
.lang-en{display:none}

/* Zurück-Leiste sitzt oberhalb der Footer-Trennlinie */
.zurueck-leiste{padding:2px 36px 18px}
.zurueck{display:inline-flex;align-items:center;gap:7px;font-family:"Space Mono",monospace;font-size:11.5px;
  letter-spacing:.03em;text-transform:uppercase;color:var(--tinte);text-decoration:none;
  border-bottom:1.5px solid var(--rot);padding-bottom:1px;transition:color .12s,border-color .12s}
.zurueck:hover{color:var(--rot-hover);border-bottom-width:2px;border-bottom-color:var(--rot-hover)}

.fuss{border-top:2.5px solid var(--linie);padding:18px 36px 22px;display:flex;flex-direction:column;gap:12px;
  font-family:"Space Mono",monospace;font-size:11.5px;letter-spacing:.03em;color:var(--tinte-weich);text-transform:uppercase}
.fuss-unten{display:flex;align-items:center;justify-content:space-between;gap:10px 30px;flex-wrap:wrap}
.copyright .c-zeichen{font-family:"Bricolage Grotesque",sans-serif;font-size:1.2em;vertical-align:baseline}
.fuss-links{display:flex;align-items:center;gap:8px}
.fuss-links a{color:var(--tinte);text-decoration:none;border-bottom:1.5px solid var(--rot);padding-bottom:1px;transition:color .12s,border-color .12s}
.fuss-links a:hover{color:var(--rot-hover);border-bottom-width:2px;border-bottom-color:var(--rot-hover)}
.fuss-links .trenner{color:var(--grau)}

/* Mobiler Kopf: Logo + Switcher oben, Marken-Zeile darunter */
@media(max-width:600px){
  .kopf{padding:22px 22px 20px}
  .sprache{top:20px;right:18px}
  .spr{font-size:11px;padding:7px 12px}
  .eyebrow{flex-wrap:wrap;padding-right:0;gap:13px;margin-bottom:13px}
  .eyebrow>span{flex:1 0 100%}
  .eyebrow::after{display:none}
  .zurueck-leiste{padding:2px 22px 16px}
  .fuss{padding:16px 22px 20px}
}

/* Sichtbarer Tastatur-Fokus (WCAG 2.4.7 / 2.4.11) */
.spr:focus-visible,.inhalt a:focus-visible,.fuss-links a:focus-visible,.zurueck:focus-visible,.logo:focus-visible,.skip:focus-visible{
  outline:3px solid var(--tinte);outline-offset:3px;
}
/* Skip-Link: nur bei Tastatur-Fokus sichtbar */
.skip{position:absolute;left:8px;top:8px;z-index:80;transform:translateY(-160%);
  background:var(--tinte);color:var(--papier);font-family:"Space Mono",monospace;font-size:12px;font-weight:700;
  letter-spacing:.04em;padding:9px 14px;text-decoration:none;border:2px solid var(--tinte);transition:transform .15s}
.skip:focus{transform:none}