:root{--blue:#2f6bf6;--blue-deep:#1742a8;--blue-soft:rgba(47,107,246,.09);--navy:#0e1b33;--navy-light:#1c2c4d;--dark:#0a1426;--ink:#16223d;--slate:#28344f;--mute:#5d6b86;--hint:#94a3b8;--gold:#c9943a;--gold-deep:#b8832e;--gold-soft:rgba(201,148,58,.12);--bg-card:#ffffff;--bg-soft:#f4f7fc;--border:#e4e9f2;--font-head:"Sora",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--slate);background:var(--bg-card);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:var(--blue);text-decoration:none;transition:color .15s}a:hover{color:var(--blue-deep)}h1,h2,h3,h4{font-family:var(--font-head);color:var(--navy);line-height:1.12;font-weight:800;letter-spacing:-.01em}h1{font-size:clamp(2.2rem,4.4vw,3.4rem)}h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:1rem}h3{font-size:1.2rem;margin-bottom:.5rem;font-weight:700}strong{font-weight:600;color:var(--navy)}.wrap{max-width:1140px;margin:0 auto;padding:0 1.5rem}.eyebrow{display:inline-block;font-size:.82rem;letter-spacing:.15em;text-transform:uppercase;color:var(--blue);font-weight:700;margin-bottom:.8rem}.nav{position:sticky;top:0;z-index:100;background:#fffffff2;backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.nav .wrap{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.5rem}.nav .brand{font-family:var(--font-head);font-size:1.4rem;font-weight:800;color:var(--navy);letter-spacing:-.02em;display:inline-flex;align-items:baseline}.nav .brand em{color:var(--blue);font-style:normal}.nav .brand-by{font-size:.68rem;margin-left:.5rem;font-weight:500;color:var(--mute)}@media(max-width:420px){.nav .brand-by{display:none}}.nav ul{list-style:none;display:flex;gap:1.9rem;align-items:center}.nav a{color:var(--slate);font-weight:500;font-size:.94rem}.nav a:hover{color:var(--navy)}.nav .btn-mini{background:var(--blue);color:#fff;padding:.5rem 1.1rem;border-radius:7px;font-size:.9rem;font-weight:600}.nav .btn-mini:hover{background:var(--blue-deep);color:#fff}@media(max-width:760px){.nav ul li:not(:last-child){display:none}}.demo-hero{background:linear-gradient(155deg,#13245a,#1742a8 55%,#2f6bf6);color:#fff;padding:3.8rem 0 3rem;text-align:center;position:relative;overflow:hidden}.demo-hero:before{content:"";position:absolute;top:-140px;right:-120px;width:460px;height:460px;background:radial-gradient(circle,rgba(255,255,255,.13) 0%,transparent 70%);border-radius:50%}.demo-hero .wrap{position:relative;z-index:1}.demo-hero .eyebrow{color:#ffd87a}.demo-hero h1{color:#fff}.demo-hero h1 em{color:#ffd87a;font-style:normal}.demo-hero p.lead{color:#ffffffd9;font-size:1.12rem;max-width:640px;margin:1rem auto 1.2rem}.demo-hero .badges{display:inline-flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem}.demo-hero .badges span{background:#ffffff1a;color:#ffffffeb;padding:.35rem .9rem;border-radius:999px;font-size:.82rem;border:1px solid rgba(255,255,255,.25)}.demo-main{padding:3.2rem 0 4rem;background:var(--bg-soft)}.demo-grid{display:grid;grid-template-columns:1fr 360px;gap:2.5rem;align-items:start}@media(max-width:880px){.demo-grid{grid-template-columns:1fr;gap:2rem}}.demo-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;box-shadow:0 10px 40px #0e1b3312;padding:2.4rem}.demo-card h2{margin-bottom:.4rem}.demo-card p.sub{color:var(--mute);margin-bottom:1.6rem;font-size:.95rem}.field{margin-bottom:1.25rem}.field label{display:block;font-weight:600;color:var(--navy);font-size:.92rem;margin-bottom:.45rem}.field .req{color:var(--blue)}.field .opt{color:var(--hint);font-weight:400;font-size:.82rem}.field input[type=text],.field input[type=email],.field textarea,.field select{width:100%;padding:.85rem 1rem;border:1.5px solid var(--border);border-radius:8px;font-family:var(--font-body);font-size:1rem;color:var(--slate);background:#fff;transition:border-color .15s,box-shadow .15s}.field input[type=text]:focus,.field input[type=email]:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.field textarea{resize:vertical;min-height:90px}.field .hint{font-size:.82rem;color:var(--mute);margin-top:.45rem;line-height:1.5}.field-dsgvo{display:flex;gap:.65rem;align-items:flex-start;font-size:.85rem;color:var(--mute);cursor:pointer;line-height:1.6}.field-dsgvo input[type=checkbox]{margin-top:.2rem;accent-color:var(--blue);flex-shrink:0;width:1.05rem;height:1.05rem}.field-dsgvo a{color:var(--blue);font-weight:500}.btn{display:inline-block;padding:.9rem 1.7rem;border-radius:9px;font-weight:600;font-size:1rem;border:2px solid transparent;cursor:pointer;transition:background .15s,transform .1s,box-shadow .15s;text-decoration:none}.btn-primary{background:var(--blue);color:#fff!important;border-color:var(--blue);box-shadow:0 8px 20px #2f6bf647}.btn-primary:hover{background:var(--blue-deep);border-color:var(--blue-deep);color:#fff!important;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--navy)!important;border-color:var(--border)}.btn-ghost:hover{background:var(--navy);color:#fff!important;border-color:var(--navy)}.btn-full{width:100%;text-align:center;padding:1rem 1.5rem}.btn-mini-info{font-size:.82rem;color:var(--mute);margin-top:.8rem;text-align:center}.demo-sidebar{display:flex;flex-direction:column;gap:1.2rem}.demo-sidebar .block{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.6rem 1.4rem;box-shadow:0 6px 24px #0e1b330d}.demo-sidebar .block.contact{border-left:4px solid var(--blue)}.demo-sidebar .block h3{font-size:1.08rem;margin-bottom:.8rem}.demo-sidebar .block ul{list-style:none}.demo-sidebar .block ul li{padding:.35rem 0;font-size:.92rem;color:var(--slate);display:flex;gap:.55rem}.demo-sidebar .block ul li:before{content:"✓";color:var(--blue);font-weight:700}.demo-sidebar .steps{list-style:none;counter-reset:stepnum}.demo-sidebar .steps li{display:flex;gap:.9rem;padding:.55rem 0;font-size:.92rem}.demo-sidebar .steps li:before{counter-increment:stepnum;content:counter(stepnum);flex-shrink:0;width:1.7rem;height:1.7rem;background:var(--blue);color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.demo-sidebar .block.contact p{font-size:.9rem;color:var(--slate);margin-top:.4rem;line-height:1.9}.demo-sidebar .block.contact a{color:var(--blue);font-weight:500}.demo-errors{background:#fef2f2;border:1.5px solid #fecaca;border-left:4px solid #dc2626;border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.5rem}.demo-errors p{color:#991b1b;margin:0;padding:.15rem 0;font-size:.92rem}.demo-errors a{color:#991b1b;text-decoration:underline}.demo-success{text-align:center;padding:2.5rem}.demo-success .icon{width:74px;height:74px;margin:0 auto .9rem;border-radius:50%;background:var(--blue-soft);color:var(--blue);font-size:2.4rem;display:flex;align-items:center;justify-content:center;line-height:1}.demo-success h2{font-size:1.9rem;margin-bottom:1rem}.demo-success p{font-size:1.05rem;margin-bottom:.8rem}.demo-success em{font-style:normal;font-weight:600;color:var(--navy)}.demo-success .actions{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:1.5rem}.demo-success .andere-hint{margin:1.25rem 0;padding:1rem 1.25rem;background:var(--blue-soft);border-left:3px solid var(--blue);border-radius:6px;text-align:left;font-size:.92rem}footer{background:var(--dark);color:#ffffffb3;padding:2.8rem 0 1.5rem;font-size:.92rem;margin-top:0}footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem;margin-bottom:1.5rem}@media(max-width:760px){footer .cols{grid-template-columns:1fr;gap:1.5rem}}footer h5{font-family:var(--font-head);color:#fff;font-size:1.05rem;margin-bottom:.6rem}footer a{color:#ffffffb3}footer a:hover{color:#fff}footer .footer-logo{display:inline-block;margin-bottom:.8rem}footer .footer-logo svg{width:180px;height:auto}footer .legal{border-top:1px solid rgba(255,255,255,.1);padding-top:1.2rem;font-size:.82rem;color:#fff6;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}