:root { --bg:#1C2636; --orange:#EE6A37; --muted:#9BB0C9; --text:#E6EBF2; }
body { margin:0; background:var(--bg); color:var(--text); font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; line-height:1.55; }
header { max-width:680px; margin:0 auto; padding:28px 24px 0; display:flex; justify-content:space-between; align-items:center; gap:16px; }
.sprache { display:flex; border:1px solid rgba(155,176,201,0.35); border-radius:999px; overflow:hidden; }
.sprache a { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:13px; letter-spacing:0.08em; color:var(--muted); padding:6px 13px; text-decoration:none; }
.sprache a[aria-current] { background:var(--orange); color:var(--bg); font-weight:600; }
.sprache a:not([aria-current]):hover, .sprache a:not([aria-current]):focus-visible { color:var(--orange); outline:none; }
.kontaktdaten { display:grid; grid-template-columns:180px 1fr; margin:24px 0 0; border-top:1px solid rgba(155,176,201,0.2); }
.kontaktdaten dt, .kontaktdaten dd { padding:14px 0; border-bottom:1px solid rgba(155,176,201,0.2); margin:0; }
.kontaktdaten dt { color:var(--muted); font-size:13px; letter-spacing:0.06em; text-transform:uppercase; padding-top:17px; }
.pfeil { color:var(--orange); text-decoration:none; font-weight:600; }
@media (max-width:560px) {
  .kontaktdaten { grid-template-columns:1fr; }
  .kontaktdaten dt { border-bottom:none; padding-bottom:0; }
  .kontaktdaten dd { padding-top:4px; }
}
.marke { display:block; line-height:0; }
.marke img { display:block; height:16px; width:auto; }
.marke:focus-visible { outline:2px solid var(--orange); outline-offset:6px; }
article { max-width:680px; margin:0 auto; padding:32px 24px 64px; font-size:16px; }
h1 { font-size:28px; margin:0 0 24px; font-weight:600; }
h2 { font-size:17px; margin:28px 0 6px; color:var(--orange); font-weight:600; }
p { margin:0 0 10px; }
a { color:var(--text); text-decoration:underline; text-decoration-color:var(--muted); }
a:hover { color:var(--orange); }
.hinweis { color:var(--muted); font-size:14px; margin-top:36px; }
.formular { display:flex; flex-direction:column; margin-top:28px; }
.formular label { font-size:14px; color:var(--muted); margin:16px 0 6px; }
.formular .optional { font-size:13px; }
.formular input, .formular textarea { font:inherit; color:var(--text); background:rgba(255,255,255,0.04); border:1px solid rgba(155,176,201,0.35); border-radius:4px; padding:10px 12px; }
.formular textarea { resize:vertical; min-height:160px; }
.formular input:focus, .formular textarea:focus { outline:none; border-color:var(--orange); box-shadow:0 0 0 2px rgba(238,106,55,0.25); }
.formular button { align-self:flex-start; margin-top:20px; font:inherit; font-weight:600; color:var(--bg); background:var(--orange); border:none; border-radius:4px; padding:11px 22px; cursor:pointer; }
.formular button:hover, .formular button:focus-visible { background:#F2845A; outline:none; }
.hinweis-formular { color:var(--muted); font-size:14px; margin-top:20px; }
.fangfeld { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
footer { display:flex; flex-wrap:wrap; gap:8px 28px; justify-content:center; padding:24px 16px 32px; font-size:14px; color:var(--muted); }
footer a { color:var(--muted); text-decoration:none; border-bottom:1px solid transparent; }
footer a:hover, footer a:focus { color:var(--orange); border-bottom-color:var(--orange); outline:none; }