/* Gemeinsame Gestaltung für Impressum und Datenschutz der Bridge-Seite.
   Bewusst eine eigene Datei: Die Rechtstexte sind hell und ruhig, die
   Angebotsseite ist dunkel – sie teilen nur Schrift und Markenfarben. */

@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/space-grotesk-700-latin.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/inter-400-latin.woff2') format('woff2')}

:root{
	--blue:#1d4ed8;
	--fg:#0e1726;
	--muted:#5b6779;
	--border:#dde6f2;
	--bg-soft:#f5f8fe;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
	font-family:'Inter',system-ui,sans-serif;
	color:var(--fg);background:#fff;
	font-size:16px;line-height:1.7;
	padding:40px 20px 64px;
}
.wrap{max-width:760px;margin:0 auto}

.kopf{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:34px}
/* Auf hellem Grund greifen die Originalfarben aus der Logo-Datei. */
.kopf .logo svg{width:150px;height:auto;display:block}
.kopf a.zurueck{font-size:13.5px;color:var(--blue);text-decoration:none;font-weight:600}
.kopf a.zurueck:hover{text-decoration:underline}

h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(26px,4.6vw,34px);font-weight:700;letter-spacing:-.7px;margin-bottom:8px}
.lead{color:var(--muted);font-size:14.5px;margin-bottom:6px}
.stand{color:var(--muted);font-size:13px;margin-bottom:26px}

h2{font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:700;margin:30px 0 10px;letter-spacing:-.2px}
p{margin-bottom:12px}
ul{margin:0 0 14px 20px}
li{margin-bottom:8px}
.klein{color:var(--muted);font-size:13.5px}
a{color:var(--blue)}

.hinweis{
	background:var(--bg-soft);border:1px solid var(--border);
	border-radius:12px;padding:16px 18px;margin:22px 0;
}
.hinweis p:last-child{margin-bottom:0}

.fuss{margin-top:44px;padding-top:20px;border-top:1px solid var(--border);font-size:13.5px;color:var(--muted)}
.fuss a{margin-right:14px}