:root{--cyan:#0099c7;--yellow:#ffff99;--green:#008a00;--red:#e71925;--ink:#101820;--muted:#4a5661;--gray:#e3e5e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--yellow);font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.55}a{color:inherit}header{background:var(--cyan);color:#fff;box-shadow:0 3px 0 #dcecff;position:relative;z-index:2}.nav{max-width:1200px;margin:auto;min-height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:20px}.brand{font-weight:750;font-size:1.45rem;text-decoration:none;letter-spacing:-.5px}.navlinks{display:flex;gap:24px}.navlinks a{color:#fff;text-decoration:none;font-weight:600}.navlinks a:hover,.navlinks a[aria-current=page]{text-decoration:underline;text-underline-offset:8px}main{max-width:1200px;margin:auto;padding:48px 24px 70px;min-height:calc(100vh - 142px)}.eyebrow{font-size:.75rem;letter-spacing:.24em;font-weight:700;text-transform:uppercase}.hero{position:relative;overflow:hidden;padding:16px 0 44px}.hero:after{content:'';position:absolute;inset:auto -8% 0 30%;height:75px;background:rgba(255,255,255,.25);border-radius:50%;transform:rotate(-5deg);pointer-events:none}.hero h1{font-size:clamp(2.5rem,5vw,4.4rem);line-height:1.08;letter-spacing:-.055em;margin:14px 0}.lead{font-size:1.3rem;color:#27343e;margin:0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card,.panel{background:#fff;border-radius:18px;box-shadow:0 12px 32px rgba(25,45,55,.12);overflow:hidden}.card{display:flex;flex-direction:column}.card-head{padding:16px 20px;color:#fff;font-size:1.35rem;font-weight:750}.green{background:var(--green)}.red{background:var(--red)}.card-body{padding:16px 20px 22px;display:flex;flex-direction:column;gap:14px;flex:1}.card-body img,.feature-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px}.card h2{font-size:1.65rem;letter-spacing:-.04em;margin:0;text-align:center}.card p{margin:0}.checklist{list-style:none;margin:0;padding:0}.checklist li{display:flex;align-items:start;gap:9px;margin:5px 0}.checklist li:before{content:'✓';display:inline-grid;place-items:center;flex:0 0 20px;height:20px;border-radius:50%;background:var(--green);color:white;font-size:.8rem;font-weight:bold;margin-top:2px}.card .cta{margin-top:auto}.cta{display:block;background:#d5d8dc;border-radius:9px;padding:13px 18px;text-align:center;font-weight:750;text-decoration:none;border:0;cursor:pointer;width:100%;font:inherit;font-weight:750}.cta:hover,.cta:focus-visible{background:#bec4cb}.crumb{font-size:.9rem;margin:0 0 22px}.crumb a{color:#40515d}.page-head{color:#fff;padding:25px 30px}.page-head h1{font-size:2.2rem;margin:0;letter-spacing:-.035em}.page-head p{margin:4px 0 0}.page-body{padding:28px 30px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.page-body h2{margin:26px 0 8px}.page-body p{margin:12px 0}.page-body .cta{margin-top:28px}.legal{max-width:900px;margin:auto}.legal h1{font-size:2.5rem;margin:0 0 20px}.legal h2{font-size:1.25rem;margin:28px 0 8px}.legal p{margin:8px 0}.notice{border-left:4px solid #e71925;background:#fff4f4;padding:15px 18px;border-radius:6px;margin:20px 0}.field{display:block;font-weight:700;margin-top:16px}.system{width:100%;border:1px solid #b5bdc5;border-radius:8px;padding:13px;background:white;font:inherit;margin:7px 0 12px}.helper{font-size:.87rem;color:var(--muted)}footer{background:#d5d7da;border-top:1px solid #bfc4c8}.foot{max-width:1200px;margin:auto;padding:22px 24px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.88rem}.foot nav{display:flex;gap:20px;flex-wrap:wrap}.foot a{text-decoration:none}.foot a:hover{text-decoration:underline}.pill{display:inline-block;font-size:.8rem;font-weight:700;border-radius:20px;background:#edf6ef;color:#087b2c;padding:4px 11px;margin-bottom:12px}@media(max-width:900px){.cards{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr}}@media(max-width:640px){.nav{padding:15px 18px;min-height:64px;flex-wrap:wrap}.navlinks{gap:16px}.brand{font-size:1.2rem}main{padding:28px 16px 45px}.hero{padding:12px 0 30px}.cards{grid-template-columns:1fr}.card-body{padding:16px}.page-head,.page-body{padding:22px}.foot{padding:20px 16px}.legal h1{font-size:2rem}}
.purchase-note{margin:26px auto 0;padding:20px 24px;max-width:900px;border-radius:14px;background:#fff;border-left:5px solid #0099c7;box-shadow:0 8px 24px rgba(25,45,55,.08)}.purchase-note p{margin:8px 0 0}.purchase-note strong{font-size:1.1rem}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #153d5c;outline-offset:3px}

/* Feste Kopf- und Fussleiste: Nur der Hauptinhalt scrollt. */
html { height: 100%; }
body { height: 100vh; height: 100dvh; display: flex; flex-direction: column; overflow: hidden; }
header, footer { flex: 0 0 auto; position: relative; z-index: 5; }
main { flex: 1 1 auto; min-height: 0; width: 100%; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
@media (max-width: 640px) {
  .nav { gap: 10px; }
  .foot { gap: 8px; padding-top: 12px; padding-bottom: 12px; }
}