:root { --fg:#15151a; --muted:#5c5c68; --linie:#e3e3ea; --akzent:#1b4dd8; --bg:#fbfbfd; }
  * { box-sizing:border-box; }
  body { margin:0; font-family:system-ui,"Segoe UI",Roboto,sans-serif; color:var(--fg); background:var(--bg);
         line-height:1.6; -webkit-font-smoothing:antialiased; }
  .huelle { max-width:44rem; margin:0 auto; padding:0 1.5rem; }
  header { border-bottom:1px solid var(--linie); background:#fff; }
  header .huelle { display:flex; align-items:baseline; justify-content:space-between; padding:1.1rem 1.5rem; }
  .marke { font-weight:650; letter-spacing:-.02em; }
  .marke span { color:var(--akzent); }
  header nav a { color:var(--muted); text-decoration:none; font-size:.9rem; margin-left:1.2rem; }
  header nav a:hover { color:var(--fg); }
  h1 { font-size:clamp(1.9rem,4.5vw,2.7rem); line-height:1.12; letter-spacing:-.03em; margin:3.5rem 0 1rem; max-width:20ch; }
  .vorspann { color:var(--muted); font-size:1.05rem; max-width:52ch; margin:0 0 2.5rem; }
  form { background:#fff; border:1px solid var(--linie); border-radius:14px; padding:1.75rem; }
  label { display:block; font-weight:600; font-size:.94rem; margin:0 0 .35rem; }
  .hinweis { color:var(--muted); font-size:.86rem; margin:.35rem 0 0; }
  input[type=text], input[type=email] { width:100%; padding:.8rem .9rem; font-size:1rem; font-family:inherit;
    border:1px solid #cfcfd8; border-radius:9px; background:#fff; color:var(--fg); }
  input:focus { outline:2px solid var(--akzent); outline-offset:1px; border-color:var(--akzent); }
  .feld + .feld { margin-top:1.4rem; }
  .zustimmung { display:flex; gap:.7rem; align-items:flex-start; margin-top:1.6rem; font-size:.9rem; color:var(--muted); }
  .zustimmung input { width:1.15rem; height:1.15rem; margin:.2rem 0 0; flex:none; accent-color:var(--akzent); }
  .zustimmung a { color:var(--akzent); }
  button { margin-top:1.6rem; width:100%; padding:.95rem 1rem; font-size:1rem; font-family:inherit; font-weight:600;
    color:#fff; background:var(--akzent); border:0; border-radius:9px; cursor:pointer; }
  button:hover { background:#173fb0; }
  button:disabled { background:#9aa4c4; cursor:default; }
  .meldung { margin-top:1.2rem; padding:.9rem 1rem; border-radius:9px; font-size:.94rem; display:none; }
  .meldung.gut { display:block; background:#eaf5ee; border:1px solid #bcdfc9; }
  .meldung.schlecht { display:block; background:#fdeceb; border:1px solid #f2c4c0; }
  section.was { margin:3.5rem 0; }
  section.was h2 { font-size:1.15rem; letter-spacing:-.01em; margin:0 0 1rem; }
  ul.punkte { list-style:none; padding:0; margin:0; display:grid; gap:.7rem; }
  ul.punkte li { padding-left:1.5rem; position:relative; color:var(--muted); font-size:.96rem; }
  ul.punkte li::before { content:""; position:absolute; left:0; top:.55rem; width:.5rem; height:.5rem;
    border-radius:50%; background:var(--akzent); }
  footer { border-top:1px solid var(--linie); margin-top:4rem; padding:1.5rem 0 3rem; color:var(--muted); font-size:.86rem; }
  footer a { color:var(--muted); margin-right:1.2rem; }