/* BENNING Social · Rechtsseiten (Impressum / Datenschutz / Nutzungsbedingungen) — gleicher Look wie das Tool */
:root{
  --accent:#0080C9; --accent-bright:#0a72b3; --ink:#1d1d1b; --dim:#5a6573; --faint:#9aa4b0;
  --line:#e6e9ee; --line-2:#d3d9e0; --bg:#f3f5f7; --panel:#ffffff; --tint:#eaf4fb; --tint-line:#cfe6f6;
  --mono:'SFMono-Regular',ui-monospace,Menlo,Consolas,monospace; --r:12px; --r-sm:8px;
}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/open-sans-400-normal.woff2') format('woff2')}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/open-sans-600-normal.woff2') format('woff2')}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/open-sans-700-normal.woff2') format('woff2')}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:'Open Sans',Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);line-height:1.62;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:8px;top:8px;background:#fff;padding:8px 12px;border-radius:8px;z-index:20}

/* Kopf */
.kopf{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:14px;padding:12px 22px;background:#fff;border-bottom:1px solid var(--line)}
.kopf .logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink)}
.kopf .logo img{width:30px;height:30px;display:block}
.kopf .brand{font-weight:600;letter-spacing:.04em;font-size:14px}
.kopf .brand b{color:var(--accent-bright);font-weight:700}
.kopf .eyebrow{font-family:var(--mono);font-size:10px;color:var(--faint);letter-spacing:.04em;border-left:1px solid var(--line-2);padding-left:12px}
.kopf .spacer{flex:1 1 auto}
.sprache{display:flex;border:1px solid var(--line-2);border-radius:var(--r-sm);overflow:hidden}
.sprache .spr{font-family:'Open Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--dim);background:#fff;border:0;padding:6px 10px;cursor:pointer;transition:.15s}
.sprache .spr + .spr{border-left:1px solid var(--line-2)}
.sprache .spr.aktiv{background:var(--accent);color:#fff}
.zum-tool{font-family:var(--mono);font-size:11px;color:var(--dim);text-decoration:none;border:1px solid var(--line-2);border-radius:var(--r-sm);padding:6px 11px;transition:.15s;white-space:nowrap}
.zum-tool:hover{border-color:var(--accent);color:var(--accent)}

/* Inhalt */
.inhalt{flex:1 1 auto;width:100%;max-width:800px;margin:36px auto 64px;padding:0 22px}
.inhalt .titel{font-size:12px;font-family:var(--mono);letter-spacing:.1em;color:var(--accent);margin:0 0 6px}
.inhalt h1{font-size:30px;line-height:1.18;margin:0 0 8px;letter-spacing:-.01em}
.inhalt .lead{color:var(--dim);margin:0 0 26px;font-size:15px}
.inhalt h2{font-size:19px;margin:34px 0 8px;color:var(--ink);border-top:1px solid var(--line);padding-top:26px}
.inhalt h2:first-of-type{border-top:0;padding-top:0;margin-top:8px}
.inhalt h3{font-size:15px;margin:22px 0 6px;color:var(--accent-bright)}
.inhalt h4{font-size:14px;margin:16px 0 4px;color:var(--ink);font-weight:700}
.inhalt p,.inhalt li{font-size:15px;color:#3a4452}
.inhalt ul{padding-left:20px;margin:8px 0}
.inhalt li{margin:4px 0}
.inhalt a{color:var(--accent-bright)}
.inhalt strong{color:var(--ink)}
.inhalt address{font-style:normal}
/* Marker: was Paus/BENNING rechtlich prüfen / befüllen muss */
.todo{background:var(--tint);border:1px dashed var(--tint-line);border-radius:var(--r-sm);padding:11px 14px;font-size:13px;color:#35617f;margin:12px 0}
.todo::before{content:"⚑ ";color:var(--accent)}
.stand{font-size:12px;color:var(--faint);margin-top:36px;border-top:1px solid var(--line);padding-top:14px}

/* Fuss */
.fuss{flex:0 0 auto;border-top:1px solid var(--line);background:#fff;padding:16px 22px;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;font-size:12px;color:var(--faint)}
.fuss a{color:var(--dim);text-decoration:none}
.fuss a:hover{color:var(--accent)}
.fuss .trenner{color:var(--line-2)}

@media(max-width:560px){ .kopf{flex-wrap:wrap;gap:10px} .kopf .eyebrow{display:none} .inhalt h1{font-size:24px} .inhalt{margin-top:24px} }