/* Gemeinsame Gestaltung fuer Impressum und Datenschutz.
   Farben und Schriften aus dem Kreditman-Markenpaket. */
:root{
  --ink:#12341C; --text:#3E4C40; --muted:#6B7A68; --line:#E2EADF;
  --paper:#FFFFFF; --paper2:#F5F9F3;
  --gruen:#23852B; --dunkel:#0F5423; --lime:#A9EF4E;
  --offen-linie:#E8D3A6; --offen-grund:#FBF3E3; --offen-schrift:#8A5206;
}
*{box-sizing:border-box}
body{margin:0; background:var(--paper); color:var(--text);
  font-family:"Open Sans", system-ui, sans-serif; font-size:16.5px; line-height:1.68;
  -webkit-font-smoothing:antialiased}
h1,h2{font-family:Montserrat, system-ui, sans-serif; color:var(--ink); margin:0; text-wrap:balance}
h1{font-size:clamp(28px,4.4vw,38px); font-weight:800; letter-spacing:-.02em; line-height:1.14}
h2{font-size:19px; font-weight:700; margin-top:38px}
p{margin:12px 0 0}
a{color:var(--gruen)}
:focus-visible{outline:3px solid var(--gruen); outline-offset:3px; border-radius:4px}

/* Die Marke sieht auf jeder Seite gleich aus: kleines Schild, "Kreditman" in
   Dunkelgruen, genau wie im Fuss der Startseite. Kein zweites Logo-Bild. */
.marke{max-width:74ch; margin:0 auto; padding:26px 24px 0}
.marke a{display:inline-flex; align-items:center; gap:8px; text-decoration:none;
  font-family:Montserrat,sans-serif; font-weight:800; font-size:20px; color:var(--dunkel)}
.marke img{width:26px; height:36px; object-fit:contain}

main{max-width:74ch; margin:0 auto; padding:clamp(36px,6vw,64px) 24px clamp(48px,7vw,80px)}
.stand{color:var(--muted); font-size:14.5px; margin-top:10px}
address{font-style:normal; margin-top:12px; line-height:1.72}
dl{margin:12px 0 0; display:grid; grid-template-columns:auto 1fr; gap:6px 22px}
dt{color:var(--muted)} dd{margin:0}
@media (max-width:520px){ dl{grid-template-columns:1fr; gap:2px 0} dd{margin-bottom:10px} }

.offen{border:1px solid var(--offen-linie); background:var(--offen-grund); border-radius:8px;
  padding:14px 16px; margin-top:12px; font-size:15.5px; color:var(--ink)}
.offen b{color:var(--offen-schrift); letter-spacing:.04em}

.warn{border:1px solid var(--offen-linie); background:var(--offen-grund); border-radius:10px;
  padding:18px 20px; margin-top:22px; font-size:15.5px; color:var(--ink)}
.warn b{color:var(--offen-schrift)}

ul{margin:10px 0 0; padding-left:1.2em}
li{margin-top:6px}
.fuss{border-top:1px solid var(--line); margin-top:52px; padding-top:22px;
  display:flex; flex-wrap:wrap; gap:10px 26px; align-items:center; font-size:14px; color:var(--muted)}
.fuss .brandline{display:flex; align-items:center; gap:8px; font-family:Montserrat,sans-serif;
  font-weight:800; font-size:20px; color:var(--dunkel)}
.fuss .brandline img{width:26px; height:36px; object-fit:contain}
.fuss a{color:var(--gruen); font-weight:600; text-decoration:none;
  border-bottom:1px solid rgba(35,133,43,.34); padding-bottom:1px}
.fuss a:hover{border-bottom-color:var(--gruen)}
.fuss .links{display:flex; gap:22px; align-items:center}
.fuss .disc{flex-basis:100%; font-size:13px; line-height:1.6; margin-top:4px}
@media (max-width:560px){ .fuss{gap:12px 20px} .fuss .links{flex-basis:100%} }