
:root{--red:#b5121b;--red-dark:#7f0710;--red-soft:#fff0f1;--white:#fff;--cream:#fff8ef;--gold:#d7a64a;--green:#173f2b;--text:#2b2020;--muted:#6f6161;--line:rgba(181,18,27,.14);--shadow:0 24px 70px rgba(70,0,8,.16);--radius-xl:34px;--radius-lg:24px;--radius-md:16px;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--cream);color:var(--text);line-height:1.6}a{color:var(--red);text-decoration:underline}.container{width:min(var(--max),calc(100% - 32px));margin:auto}.topbar{background:var(--red-dark);color:#fff;font-size:.9rem;padding:9px 0}.navheader{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}.nav{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:14px;font-weight:900;color:var(--red);text-decoration:none}.brand img{height:56px;max-width:170px;object-fit:contain}.navlink{font-weight:800;text-decoration:none}.hero{position:relative;color:#fff;background:radial-gradient(circle at 15% 15%,rgba(255,255,255,.18),transparent 32%),radial-gradient(circle at 90% 20%,rgba(215,166,74,.28),transparent 28%),linear-gradient(135deg,var(--red-dark),var(--red) 55%,#da2630);padding:68px 0 72px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(circle,#fff 1.1px,transparent 1.2px),radial-gradient(circle,#fff 1px,transparent 1.1px);background-size:36px 36px,58px 58px;background-position:0 0,18px 22px}.hero-content{position:relative;z-index:1;max-width:900px}.eyebrow{display:inline-flex;padding:9px 15px;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:rgba(255,255,255,.12);font-weight:900;margin-bottom:22px}.hero h1{font-size:clamp(2.7rem,6vw,5.4rem);letter-spacing:-.065em;line-height:.98;margin:0 0 22px}.hero p{font-size:clamp(1.05rem,1.7vw,1.3rem);max-width:750px;margin:0;color:rgba(255,255,255,.93)}main{position:relative;margin-top:-38px;padding-bottom:80px}.panel{position:relative;max-width:800px;margin:0 auto;background:var(--white);border-radius:var(--radius-xl);padding:clamp(22px,5vw,44px);box-shadow:var(--shadow);border:1px solid var(--line)}.kicker{color:var(--red);font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.15em;margin-bottom:10px}h2{font-size:clamp(2rem,4vw,3rem);line-height:1.04;letter-spacing:-.055em;margin:0 0 16px}.intro{color:var(--muted);font-size:1.08rem;margin:0 0 26px}.field{margin:0 0 20px}.field label{display:block;font-weight:800;margin-bottom:8px}.field input{display:block;width:100%;min-height:52px;padding:13px 16px;border:1px solid rgba(181,18,27,.24);border-radius:16px;background:var(--cream);font:inherit;color:var(--text)}.field input:focus-visible,.check input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.note{background:var(--red-soft);border:1px solid var(--line);border-radius:18px;padding:18px;margin:24px 0;color:var(--text)}.note strong{color:var(--red)}.check{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;margin:12px 0}.check input{width:20px;height:20px;flex:none;accent-color:var(--red);margin-top:3px}.check label{font-size:.95rem;cursor:pointer}.small{color:var(--muted);font-size:.9rem;margin:18px 0}.submit{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 24px;border-radius:999px;background:var(--red);color:#fff;font:900 1rem Arial,Helvetica,sans-serif;border:2px solid transparent;cursor:pointer;box-shadow:0 14px 34px rgba(181,18,27,.28);transition:.2s ease;width:100%}.submit:hover{transform:translateY(-2px);background:var(--red-dark);box-shadow:0 18px 42px rgba(181,18,27,.36)}.error{background:#fff0f1;color:#7f0710;border:1px solid #b5121b;border-radius:12px;padding:12px}.success{background:#eff8f0;border:1px solid #b8d5bf;padding:16px;border-radius:16px}footer{background:#260507;color:#fff;padding:42px 0}footer a{color:#ffdede;margin-right:18px}footer p{margin:0 0 10px}@media(max-width:620px){.nav{min-height:72px}.brand img{height:54px}.brand span{display:none}.hero{padding:56px 0 75px}.panel{border-radius:24px}.topbar{text-align:center;font-size:.8rem}}
/* Optimierung für Smartphones und kleine Tablets */
html{-webkit-text-size-adjust:100%}body{overflow-x:hidden}img{max-width:100%;height:auto}.brand{min-width:0}.brand img{width:auto;max-width:min(42vw,170px);height:56px}.navlink{display:inline-flex;align-items:center;justify-content:center;min-height:44px;text-align:center}.field input{font-size:16px}.check label{overflow-wrap:anywhere}.hero h1{overflow-wrap:break-word}
@media(max-width:760px){.container{width:calc(100% - 28px)}.nav{min-height:70px;gap:10px}.brand img{height:50px;max-width:42vw}.brand span{display:none}.navlink{font-size:.82rem;padding:8px 10px}.hero{padding:48px 0 86px}.hero h1{font-size:clamp(2.35rem,10vw,3.8rem);line-height:1.02;letter-spacing:-.055em}.hero p{font-size:1rem;line-height:1.55}.eyebrow{font-size:.78rem;line-height:1.35;padding:8px 12px;margin-bottom:18px}main{margin-top:-48px;padding-bottom:48px}.panel{padding:26px 20px;border-radius:24px}.intro{font-size:1rem}.note{padding:15px}.check{padding:14px;gap:10px}.check label{font-size:.92rem}.submit{min-height:54px;white-space:normal;line-height:1.3}footer{padding:30px 0}}
@media(max-width:390px){.container{width:calc(100% - 24px)}.topbar{font-size:.72rem;padding:8px 0}.brand img{height:44px;max-width:43vw}.navlink{font-size:.75rem}.hero{padding:38px 0 78px}.hero h1{font-size:2.2rem}.panel{padding:22px 16px;border-radius:20px}h2{font-size:1.9rem}.field input{padding:12px}.check{padding:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.submit{transition:none}.submit:hover{transform:none}}
