/* ==========================================================================
   luciankatzbach.de – Startup-Helfer
   werkzeug.css · gemeinsame Grundlage der eigenstaendigen Anwendungen
   (/teamwert/, /deutsche-inkubatoren/, /us-inkubatoren/,
    /internationale-inkubatoren/)

   Die vier Werkzeuge waren gestalterisch vier verschiedene Produkte. Diese
   Datei gibt ihnen dieselben Farben, Schriften und Formen wie der Website.
   Schriften liegen selbst gehostet in /assets/fonts/ – es geht kein Aufruf
   an Google oder ein CDN raus.
   ========================================================================== */

:root{
  /* Marke – identisch zu site.css */
  --akzent-900:#7C2F0B; --akzent-800:#963B10; --akzent-700:#B84A18;
  --akzent-600:#C4531F; --akzent-500:#D9612B; --akzent-400:#E8823F;
  --akzent-100:#F7DCC8; --akzent-050:#FBEDE1; --akzent-025:#FDF4EE;

  --dunkel-950:#12283C; --dunkel-900:#17324B; --dunkel-800:#1E3A52;
  --ink-900:#17324B; --ink-800:#26455F;
  --body:#5A6B7A; --muted:#7E7466;

  --white:#FFFFFF; --bg:#FBF7F1; --bg-soft:#F4EDE3; --bg-mint:#FDF4EE;
  --line:#EBE2D5; --line-soft:#F3EBE0;

  --rose-600:#E2616A; --rose-050:#FDF2F3;
  --amber-600:#EE7A45; --amber-050:#FEF3EE;
  --green-600:#2E9E6B; --green-050:#EFF9F3;

  --r-sm:10px; --r:14px; --r-lg:18px; --r-xl:24px;
  --shadow-sm:0 1px 2px rgba(60,40,25,.06);
  --shadow:0 6px 20px rgba(60,40,25,.08);
  --shadow-lg:0 18px 44px rgba(60,40,25,.13);

  --f-head:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"DM Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  /* Namen, unter denen die Werkzeuge ihre Schriften bisher ansprachen */
  --font-display:var(--f-head);
  --font-body:var(--f-body);
  --font-mono:var(--f-mono);

  --maxw:1160px;
  --gut:24px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg-soft);color:var(--body);
  font-family:var(--f-body);font-size:16px;line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--akzent-700);text-decoration:none}
a:hover{color:var(--akzent-600)}
button,input,select,textarea{font:inherit;color:inherit}
/* Bewusst ohne Farbe: einzelne Werkzeuge setzen Ueberschriften auf dunklen
   Grund. Wer eine Farbe braucht, setzt sie selbst. */
h1,h2,h3,h4{font-family:var(--f-head);margin:0 0 .5em;
  line-height:1.18;font-weight:700;letter-spacing:-.015em}
:focus-visible{outline:3px solid var(--akzent-400);outline-offset:2px;border-radius:4px}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms !important;transition-duration:.01ms !important}}

/* ---------- Kopfzeile, die zur Website passt ---------- */
.wz-kopf{
  background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);
  backdrop-filter:saturate(160%) blur(8px);
  position:sticky;top:0;z-index:60;
}
.wz-kopf__inner{
  max-width:var(--maxw);margin-inline:auto;padding:0 var(--gut);
  min-height:64px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;
}
.wz-kopf a.wz-marke{
  font-family:var(--f-head);font-weight:600;font-size:1.05rem;
  color:var(--ink-900);white-space:nowrap;
}
.wz-kopf__nav{margin-left:auto;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.wz-kopf__nav a{color:var(--ink-800);font-size:.92rem;font-weight:500;white-space:nowrap}
.wz-kopf__nav a:hover{color:var(--akzent-700)}
.wz-kopf__nav .wz-cta{
  background:var(--akzent-700);color:#fff;border-radius:var(--r-sm);
  padding:9px 18px;font-family:var(--f-head);font-weight:600;font-size:.82rem;
  letter-spacing:.04em;text-transform:uppercase;
}
.wz-kopf__nav .wz-cta:hover{background:var(--akzent-800);color:#fff}
@media (max-width:640px){
  .wz-kopf{position:static}
  .wz-kopf__inner{padding-block:12px}
  .wz-kopf__nav{gap:14px;width:100%;margin-left:0}
}

/* ---------- Fusszeile ---------- */
.wz-fuss{
  background:var(--dunkel-950);color:#9FB3C6;margin-top:56px;
  padding:34px 0 28px;font-size:.9rem;
}
.wz-fuss__inner{max-width:var(--maxw);margin-inline:auto;padding:0 var(--gut);
  display:flex;flex-wrap:wrap;gap:12px 26px;align-items:center}
.wz-fuss a{color:#C6D6E4}
.wz-fuss a:hover{color:#fff}
.wz-fuss__recht{margin-left:auto;color:#7B8FA3;font-size:.84rem}
@media (max-width:640px){.wz-fuss__recht{margin-left:0;width:100%}}