/* Gemeinsames Layout für die statischen Seiten (/zugang, /datenschutz) */
body{margin:0;background:var(--surface-subtle);color:var(--text-body);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}
a{color:var(--text-link)}
a:hover{color:var(--text-link-hover)}
.kopf{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-subtle)}
.kopf div{max-width:880px;margin:0 auto;padding:16px var(--gutter-inline);display:flex;align-items:center;gap:12px}
.kopf a{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-strong)}
.kopf img{width:30px;height:30px}
.kopf span{font-family:var(--font-serif-display);font-size:21px;font-weight:600;letter-spacing:-.012em}
main{max-width:880px;margin:0 auto;padding:clamp(36px,6vw,72px) var(--gutter-inline) 96px}
h1{font-family:var(--font-serif-display);font-size:var(--text-display-2);line-height:1.08;letter-spacing:-.022em;font-weight:600;color:var(--text-strong);margin:0}
h2{font-family:var(--font-serif-display);font-size:24px;line-height:1.25;font-weight:600;color:var(--text-strong);margin:40px 0 10px}
p,li{font-size:16px;line-height:1.7}
.lead{font-size:var(--text-lead);color:var(--grey-600);max-width:60ch;margin:18px 0 0}
.karte{margin-top:32px;padding:clamp(22px,4vw,36px);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}
label{display:block;font-size:14.5px;font-weight:600;color:var(--text-strong);margin:18px 0 6px}
label small{font-weight:400;color:var(--grey-600)}
input,textarea{box-sizing:border-box;width:100%;font:inherit;font-size:17px;padding:13px 14px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-page);color:var(--text-strong)}
input:focus,textarea:focus{outline:none;border-color:var(--tecis-blue-500);box-shadow:var(--shadow-focus)}
textarea{min-height:110px;resize:vertical}
button{margin-top:24px;display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 26px;border:0;border-radius:var(--radius-pill);background:var(--tecis-navy-700);color:#fff;font:inherit;font-size:16px;font-weight:600;cursor:pointer}
button:hover{background:var(--tecis-navy-800)}
button[disabled]{opacity:.5;cursor:wait}
.meldung{margin-top:20px;padding:14px 18px;border-radius:var(--radius-md);font-size:15px;line-height:1.55}
.meldung.ok{background:var(--signal-success-soft);color:var(--signal-success)}
.meldung.fehler{background:var(--signal-danger-soft);color:var(--signal-danger)}
.fuss{border-top:1px solid var(--border-subtle);background:var(--surface-page)}
.fuss div{max-width:880px;margin:0 auto;padding:20px var(--gutter-inline);display:flex;flex-wrap:wrap;gap:8px 24px;font-size:13.5px;color:var(--grey-600)}
.fuss span{flex:1}
.fuss a{color:var(--grey-600)}
