/* ── Variablen – hier alle Farben & Größen zentral ändern ── */
:root{
  color-scheme:light;
  --green:#1f3d2b;
  --green-2:#163322;
  --green-3:#2a5a3f;
  --light:#f4f6f5;
  --soft:#e8efe9;
  --text:#222;
  --muted:#5d6a63;
  --white:#fff;
  --red:#b7332a;
  --shadow:0 10px 28px rgba(0,0,0,.08);
  --radius:18px;
  --max:1150px;
}

/* ── Basis ── */
*{box-sizing:border-box}
html{-webkit-scroll-behavior:smooth;scroll-behavior:smooth}
body{
  margin:0;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  background:var(--light);
  color:var(--text);
  line-height:1.6;
}
img{max-width:100%;display:block}
a{color:inherit}

/* ── Topbar ── */
.topbar{
  background:var(--red);
  color:#fff;
  text-align:center;
  padding:7px 16px;
  font-weight:700;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  position:relative;z-index:10;
}

/* ── Header & Logo ── */
header{background:var(--light);padding:0;}
.header-inner{
  max-width:var(--max);
  margin:0 auto;
  padding:0 20px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
}
.logo{max-width:100%;height:auto;width:auto;display:block;flex:0 0 auto;}

/* ── Footer ── */
footer{background:#222;color:#fff;text-align:center;padding:30px 20px;margin-top:20px;}
.footer-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:12px;}
.footer-links a{color:#fff;}
.small{font-size:14px;opacity:.92}

/* ── Unterseiten (Impressum / Datenschutz) ── */
.back-link{display:inline-block;margin-bottom:24px;color:var(--green);font-weight:700;text-decoration:none;}
.back-link:hover{text-decoration:underline;}
.legal-wrap{display:grid;gap:24px}
.legal-box{background:#fff;border-radius:var(--radius);padding:32px;box-shadow:var(--shadow);}
.legal-box h4{color:var(--green);margin-top:0;}