/* Schriften, lokal – keine Anfrage an Google.
   Barlow Condensed für Überschriften (Schildschrift, passt zu Blech und Werkstatt),
   Libre Franklin für Fließtext und Maße. */
@font-face{font-family:'Barlow C';src:url(fonts/barlow-condensed-500-latin.woff2) format('woff2');font-weight:500;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'Barlow C';src:url(fonts/barlow-condensed-500-latin-ext.woff2) format('woff2');font-weight:500;font-display:swap;unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow C';src:url(fonts/barlow-condensed-600-latin.woff2) format('woff2');font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'Barlow C';src:url(fonts/barlow-condensed-600-latin-ext.woff2) format('woff2');font-weight:600;font-display:swap;unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow C';src:url(fonts/barlow-condensed-700-latin.woff2) format('woff2');font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'Barlow C';src:url(fonts/barlow-condensed-700-latin-ext.woff2) format('woff2');font-weight:700;font-display:swap;unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Franklin';src:url(fonts/libre-franklin-latin.woff2) format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'Franklin';src:url(fonts/libre-franklin-latin-ext.woff2) format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}

/* Zink-Grau: Farben abgenommen von vorbewittertem Titanzink (blaugrau, matt)
   und Anthrazit-Blech. Kupfer nur als sparsamer Akzent. */
:root{
  --zink-dunkel:#24292d;
  --zink:#5d666d;
  --zink-hell:#9aa3a9;
  --zink-blass:#e4e7e9;
  --papier:#f4f5f4;
  --kupfer:#b4643a;
  --kupfer-dunkel:#8f4a27;
  --schrift:'Franklin',system-ui,-apple-system,'Segoe UI',sans-serif;
  --schild:'Barlow C','Arial Narrow',sans-serif;
  --mono:var(--schrift); /* früher Monospace – wirkte zu sehr nach Vorlage */
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--schrift);color:var(--zink-dunkel);background:var(--papier);font-size:17px;line-height:1.6}
img{max-width:100%;display:block}
a{color:inherit}
.demoband{background:var(--zink-dunkel);color:#cfd5d9;font:12px/1.4 var(--schrift);text-align:center;padding:7px 16px}
.demoband b{color:#fff;font-weight:600}
.demoband a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.knopf{display:inline-flex;align-items:center;gap:10px;font:600 17px/1 var(--schrift);text-decoration:none;padding:15px 22px;border-radius:4px;background:var(--kupfer);color:#fff;border:0}
.knopf:hover{background:var(--kupfer-dunkel)}
.knopf:focus-visible,a:focus-visible{outline:3px solid var(--kupfer);outline-offset:3px}
.knopf.leise{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
.knopf.leise:hover{background:rgba(127,127,127,.12)}