/* Farben und Schrift aus Entwurf 6. Bewusst KEINE Web-Fonts von fremden Servern —
   Google Fonts o. ae. wuerde fremden Code/Requests in die Seite holen. Systemschrift
   ist hier ausreichend; fuer die echte Seite wird Inter selbst mitgeliefert. */
:root{
  --navy:#0A152F; --gold:#C08A2D; --gold-d:#A6761F; --blau:#3355FF;
  --bg:#F4F5F8; --line:#E3E6EE; --muted:#68718A;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color:var(--navy); background:var(--bg);
  display:flex; min-height:100vh; padding:32px 20px;
}
.huelle{max-width:720px;margin:auto;width:100%}

.wortmarke{
  display:inline-flex;align-items:center;gap:1px;text-decoration:none;color:var(--navy);
  font-size:30px;font-weight:800;letter-spacing:.16em;line-height:1;
}
.wortmarke svg{width:.72em;height:.72em;display:block;margin:0 .02em}
.wortmarke svg path{fill:var(--blau)}

.ueber{
  margin-top:38px;font-size:12.5px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);
}
h1{margin-top:10px;font-size:clamp(30px,6vw,46px);line-height:1.12;font-weight:800;letter-spacing:-.02em}
h1 span{color:var(--gold-d)}
.lead{margin-top:18px;font-size:17px;color:#33405e;max-width:60ch}

.kasten{
  margin-top:34px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;
}
.kasten h2{font-size:18px;font-weight:700}
.kasten p{margin-top:8px;color:var(--muted);max-width:52ch}
.knopf{
  display:inline-block;margin-top:16px;background:var(--gold);color:#fff;text-decoration:none;
  font-weight:700;padding:12px 20px;border-radius:10px;
}
.knopf:hover{background:var(--gold-d)}

.regio{
  margin-top:26px;display:flex;gap:10px;align-items:flex-start;
  font-size:14.5px;color:var(--muted);max-width:62ch;
}
.pin{flex:0 0 auto;width:11px;height:11px;margin-top:6px;border-radius:50%;background:var(--gold)}

footer{
  margin-top:44px;padding-top:18px;border-top:1px solid var(--line);
  display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:space-between;
  font-size:13.5px;color:var(--muted);
}
footer nav{display:flex;gap:18px}
footer a{color:var(--muted)}
footer a:hover{color:var(--gold-d)}

/* Unterseiten (Impressum, Datenschutz) */
.text h1{font-size:clamp(24px,4.5vw,32px)}
.text h2{margin-top:26px;font-size:17px;font-weight:700}
.text p,.text ul{margin-top:10px;color:#33405e;max-width:68ch}
.text ul{padding-left:20px}
.text li{margin-top:4px}
.zurueck{display:inline-block;margin-top:32px;color:var(--gold-d);text-decoration:none;font-weight:600}
.hinweis{margin-top:18px;padding:14px 16px;border-left:3px solid var(--gold);background:#F7EFDD;color:#5c4715;font-size:14.5px}

.kontakt{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.kontakt .knopf{margin-top:0}
.knopf.zweit{background:#fff;color:var(--navy);border:1px solid var(--line)}
.knopf.zweit:hover{background:#fff;border-color:var(--gold)}

/* Tabellen in den Rechtstexten */
.tabellenrahmen{margin-top:14px;overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:#fff}
.text table{border-collapse:collapse;width:100%;font-size:14.5px}
.text th,.text td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.text th{background:#fafbfd;font-weight:700;white-space:nowrap}
.text tbody tr:last-child td{border-bottom:0}
.text blockquote{margin-top:14px;padding:12px 16px;border-left:3px solid var(--gold);background:#F7EFDD;color:#5c4715}
.text blockquote p{margin:0;color:inherit}
.text hr{margin-top:28px;border:0;border-top:1px solid var(--line)}
.text h3{margin-top:20px;font-size:15.5px;font-weight:700}
.text strong{color:var(--navy)}
.text a{color:var(--gold-d)}