:root{--bg:#f6f8fb;--surface:#fff;--ink:#102038;--muted:#64748b;--line:#e6ebf2;--brand:#0f68ff;--brand2:#6f4cff;--accent:#14b8a6;--dark:#0b1324;--shadow:0 18px 50px rgba(15,31,55,.09);--r:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}.nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.navin{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.02em}.mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 8px 20px rgba(15,104,255,.25);overflow:hidden}.mark.logo-image{width:auto;height:auto;max-width:var(--logo-max-width,180px);max-height:46px;background:transparent;border:0;padding:0;box-shadow:none;border-radius:0;overflow:visible}.mark.logo-image img{display:block;width:auto;height:auto;max-width:var(--logo-max-width,180px);max-height:46px;object-fit:contain}.brand-name{white-space:nowrap}.links{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:650;color:var(--muted)}.nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 19px;border-radius:14px;font-weight:750;font-size:14px;border:1px solid transparent;transition:.2s ease;cursor:pointer}.btn:hover{transform:translateY(-1px)}.primary{background:var(--ink);color:#fff;box-shadow:0 12px 26px rgba(16,32,56,.18)}.support-btn{background:color-mix(in srgb,var(--brand) 9%,var(--surface));border-color:color-mix(in srgb,var(--brand) 28%,var(--line));color:var(--brand);box-shadow:0 8px 20px color-mix(in srgb,var(--brand) 10%,transparent)}.support-btn:hover{background:color-mix(in srgb,var(--brand) 14%,var(--surface));border-color:color-mix(in srgb,var(--brand) 42%,var(--line))}.secondary{background:#fff;border-color:var(--line);color:var(--ink)}.hero{padding:78px 0 68px;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;width:680px;height:680px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--brand) 13%,transparent),color-mix(in srgb,var(--brand2) 5%,transparent) 45%,transparent 70%);right:-260px;top:-180px;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 85%,transparent);font-size:13px;font-weight:750;color:var(--muted);margin-bottom:22px}.dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 10%,transparent)}h1{font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-.055em;margin:0 0 24px;max-width:770px}.gradient{background:linear-gradient(100deg,var(--brand),var(--brand2));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:20px;color:var(--muted);max-width:680px;margin:0 0 31px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:34px}.trust{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:13px;font-weight:650}.trust span{display:flex;align-items:center;gap:7px}.check{color:var(--accent);font-weight:900}.screen{background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 4%,#fff),#fff);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:14px;transform:rotate(1deg);position:relative}.browser{border:1px solid var(--line);border-radius:19px;overflow:hidden;background:#fff}.bar{height:45px;background:#f3f6fa;display:flex;align-items:center;padding:0 15px;gap:7px;border-bottom:1px solid #e8edf4}.cir{width:9px;height:9px;border-radius:50%;background:#d6dde7}.address{margin-left:10px;height:23px;border-radius:7px;background:#fff;border:1px solid #e2e8f0;flex:1;max-width:260px}.app{display:grid;grid-template-columns:110px 1fr;min-height:410px}.side{background:var(--dark);color:#dce6f7;padding:18px 12px}.side .logo{font-size:12px;font-weight:800;margin:2px 6px 22px}.mi{height:31px;border-radius:8px;margin:6px 0;background:rgba(255,255,255,.06)}.mi.active{background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 70%,transparent),color-mix(in srgb,var(--brand2) 55%,transparent))}.main{padding:22px;background:#f8fafc}.topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.titlebar{height:15px;width:140px;border-radius:5px;background:#172945}.avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#8cc2ff,var(--brand2))}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{background:#fff;border:1px solid #e5ebf2;border-radius:13px;padding:14px}.metric strong{display:block;font-size:22px;margin-top:8px}.sm{width:56px;height:7px;border-radius:99px;background:#d8e2ef}.chart{height:150px;background:#fff;border:1px solid #e5ebf2;border-radius:16px;margin-top:12px;padding:16px;position:relative;overflow:hidden}.chart:before{content:"";position:absolute;left:16px;right:16px;bottom:20px;height:70px;background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 23%,transparent),color-mix(in srgb,var(--brand) 2%,transparent));clip-path:polygon(0 75%,12% 61%,25% 65%,38% 35%,53% 52%,66% 20%,80% 38%,100% 4%,100% 100%,0 100%)}.section{padding:80px 0}.section.white{background:var(--surface)}.section.dark{background:var(--dark);color:#fff}.kicker{text-transform:uppercase;letter-spacing:.12em;font-weight:850;font-size:12px;color:var(--brand);margin-bottom:11px}.dark .kicker{color:#73a7ff}.section h2{font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-.035em;margin:0 0 17px}.section-intro{max-width:720px;color:var(--muted);font-size:18px;margin:0 0 38px}.dark .section-intro{color:#a8b4c8}.cards{display:grid;gap:18px}.product-grid{grid-template-columns:repeat(var(--product-cols,3),minmax(0,1fr))}.cards.cols-1{grid-template-columns:1fr}.cards.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cards.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cards.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:26px;box-shadow:0 10px 30px rgba(15,31,55,.04);display:flex;flex-direction:column;min-height:315px}.card.featured{border-color:color-mix(in srgb,var(--brand) 25%,var(--line));background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--brand) 4%,var(--surface)))}.icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:23px;background:color-mix(in srgb,var(--brand) 8%,#fff);margin-bottom:22px}.card h3{font-size:23px;letter-spacing:-.025em;margin:0 0 10px}.card p{color:var(--muted);margin:0 0 22px}.more{margin-top:auto;padding-top:18px;color:var(--brand);font-weight:800;font-size:14px}.process{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.steps{display:grid;gap:14px}.step{display:flex;gap:15px;padding:20px;border:1px solid #22324b;background:#101d33;border-radius:18px}.num{flex:0 0 35px;height:35px;border-radius:10px;background:var(--brand);display:grid;place-items:center;font-weight:900}.step h4{margin:0 0 5px;font-size:17px}.step p{margin:0;color:#9fadc1;font-size:14px}.industries{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.industry{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:22px}.industry b{display:block;font-size:17px;margin:12px 0 5px}.industry span{color:var(--muted);font-size:14px}.reason-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.reason{padding:22px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}.reason b{display:block;margin-bottom:7px}.reason p{margin:0;color:var(--muted);font-size:14px}.cta{padding:48px;border-radius:32px;background:linear-gradient(120deg,var(--brand),var(--brand2));color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px;box-shadow:0 20px 50px color-mix(in srgb,var(--brand) 22%,transparent)}.cta h2{margin:0 0 10px;max-width:620px}.cta p{margin:0;color:#e5ecff;max-width:620px}.cta .secondary{white-space:nowrap;border:none}footer{padding:46px 0 34px}.foot{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:30px}.foot h5{font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px}.foot a,.foot p{display:block;color:var(--muted);font-size:13px;margin:7px 0}.copy{margin-top:38px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}@media(max-width:1050px){.links{display:none}}@media(max-width:900px){.hero{padding-top:48px}.hero-grid,.process{grid-template-columns:1fr}.hero-grid{gap:36px}.screen{transform:none}.cards.cols-1,.cards.cols-2,.cards.cols-3,.cards.cols-4,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.industries{grid-template-columns:1fr 1fr}.reason-grid{grid-template-columns:1fr 1fr}.foot{grid-template-columns:1fr 1fr}.cta{align-items:flex-start;flex-direction:column}.app{min-height:360px}}@media(max-width:620px){.project-btn{display:none}.support-btn{padding:10px 13px;border-radius:12px}.nav-actions{gap:6px}.wrap{width:min(100% - 24px,1180px)}.navin{height:68px}.brand-name{font-size:15px}.mark.logo-image,.mark.logo-image img{max-width:min(var(--logo-max-width,180px),145px);max-height:38px}h1{font-size:47px}.lead{font-size:18px}.cards.cols-1,.cards.cols-2,.cards.cols-3,.cards.cols-4,.product-grid,.industries,.reason-grid,.foot{grid-template-columns:1fr}.metrics{grid-template-columns:1fr}.metrics .metric:nth-child(3){display:none}.app{grid-template-columns:78px 1fr}.section{padding:62px 0}.cta{padding:30px 24px}.screen{padding:8px;border-radius:21px}}

.product-hero{padding:70px 0 58px;position:relative;overflow:hidden}.product-hero:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--brand) 12%,transparent),transparent 68%);right:-240px;top:-260px;pointer-events:none}.product-hero-grid{display:grid;grid-template-columns:1.25fr .55fr;gap:60px;align-items:center}.backlink{display:inline-block;margin-bottom:28px;color:var(--muted);font-size:14px;font-weight:750}.product-hero h1{font-size:clamp(44px,6vw,72px);max-width:850px}.product-symbol{min-height:270px;border:1px solid var(--line);background:var(--surface);border-radius:30px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;position:relative}.product-symbol span{font-size:72px;line-height:1;margin-bottom:22px}.product-symbol b{font-size:22px}.product-content-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:50px;align-items:start}.product-copy h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.035em;margin:0 0 22px}.richtext{font-size:18px;color:var(--muted);line-height:1.8}.feature-box{background:var(--bg);border:1px solid var(--line);border-radius:24px;padding:28px;position:sticky;top:100px}.feature-box h3{font-size:24px;margin:0 0 20px}.feature-box ul{list-style:none;padding:0;margin:0;display:grid;gap:13px}.feature-box li{display:flex;gap:10px;align-items:flex-start;color:var(--muted)}.feature-box li span{color:var(--accent);font-weight:900}.product-copy+.feature-box{}@media(max-width:900px){.product-hero-grid,.product-content-grid{grid-template-columns:1fr}.product-symbol{min-height:210px}.feature-box{position:static}}

/* Produktseiten-Baukasten 0.4.0 */
.product-simple-top{padding:34px 0 0}.product-simple-top .backlink{margin-bottom:0}.product-blocks{display:grid;gap:0}.product-block{padding:42px 0}.product-block:nth-child(even){background:color-mix(in srgb,var(--bg) 58%,#fff)}.wrap.narrow{max-width:900px}.narrow-copy{max-width:760px}.block-heading{text-align:center;padding:70px 0 34px}.block-heading h2,.block-list h2,.text-image-copy h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.04em;margin:0 0 16px}.block-heading .kicker,.text-image-copy .kicker{margin-bottom:12px}.block-lead{font-size:19px;line-height:1.7;color:var(--muted);margin:0 auto}.block-text .product-copy h2{margin-bottom:18px}.product-figure{margin:0}.product-figure img,.text-image-media img,.product-hero-image{display:block;width:100%;height:auto;object-fit:cover}.product-figure img{border-radius:26px;border:1px solid var(--line);box-shadow:var(--shadow)}.product-figure figcaption{font-size:13px;color:var(--muted);margin-top:10px;text-align:center}.product-symbol.has-product-image{padding:0;overflow:hidden}.product-symbol.has-product-image .product-hero-image{height:100%;min-height:270px;object-fit:cover}.text-image-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:54px;align-items:center}.text-image-grid.image-left .text-image-copy{order:2}.text-image-grid.image-left .text-image-media{order:1}.text-image-copy .richtext{margin-top:12px}.text-image-media{margin:0}.text-image-media img{border-radius:28px;border:1px solid var(--line);box-shadow:var(--shadow);max-height:620px}.block-button{margin-top:24px}.feature-grid{display:grid;gap:14px;margin-top:26px}.feature-grid.cols-1{grid-template-columns:1fr}.feature-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-item{display:flex;gap:12px;align-items:flex-start;padding:18px 20px;border:1px solid var(--line);background:var(--surface);border-radius:16px}.feature-item span{display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:8px;background:color-mix(in srgb,var(--accent) 12%,#fff);color:var(--accent);font-weight:900}.feature-item b{font-size:15px;line-height:1.5}.link-card{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:26px 28px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 12px 30px rgba(15,23,42,.05)}.link-card h3{font-size:24px;margin:0 0 6px}.link-card p{color:var(--muted);margin:0;line-height:1.65}.content-callout{padding:42px 46px;border-radius:30px;display:flex;align-items:center;justify-content:space-between;gap:32px}.content-callout h2{font-size:clamp(30px,4vw,46px);margin:0 0 10px;letter-spacing:-.035em}.content-callout p{margin:0;max-width:720px;line-height:1.7}.content-callout.style-brand{background:linear-gradient(120deg,var(--brand),var(--brand2));color:#fff;box-shadow:0 20px 50px color-mix(in srgb,var(--brand) 18%,transparent)}.content-callout.style-brand p{color:#e7edff}.content-callout.style-soft{background:color-mix(in srgb,var(--brand) 8%,#fff);border:1px solid color-mix(in srgb,var(--brand) 18%,var(--line));color:var(--ink)}.content-callout.style-soft p{color:var(--muted)}.content-callout.style-dark{background:var(--dark);color:#fff}.content-callout.style-dark p{color:#aebbd0}.callout-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;margin-bottom:10px;opacity:.8}.product-final-cta{padding-top:56px}
@media(max-width:900px){.text-image-grid{grid-template-columns:1fr;gap:28px}.text-image-grid.image-left .text-image-copy,.text-image-grid.image-left .text-image-media{order:initial}.feature-grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.content-callout,.link-card{align-items:flex-start;flex-direction:column}.product-symbol.has-product-image .product-hero-image{min-height:210px}.product-block{padding:34px 0}}
@media(max-width:620px){.feature-grid.cols-2,.feature-grid.cols-3{grid-template-columns:1fr}.content-callout{padding:30px 24px}.block-heading{padding:48px 0 24px}.product-figure img,.text-image-media img{border-radius:18px}}


/* Rechtliche Seiten 0.4.1 */
.legal-main{min-height:70vh}.legal-hero{padding:70px 0 32px}.legal-hero h1{font-size:clamp(44px,6vw,68px);margin-top:20px}.legal-content{padding:0 0 84px}.legal-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:30px 32px;margin:0 0 18px;box-shadow:0 12px 34px rgba(15,23,42,.045)}.legal-card h2{font-size:26px;margin:0 0 18px;letter-spacing:-.025em}.legal-card h3{font-size:13px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0 0 6px}.legal-row{padding:18px 0;border-top:1px solid var(--line)}.legal-row:first-of-type{border-top:0}.legal-row p,.legal-text{margin:0;color:var(--muted);line-height:1.8}.legal-card a{color:var(--brand);font-weight:700}.legal-section h2{font-size:22px}.legal-updated{font-size:13px;color:var(--muted);margin-top:22px}@media(max-width:620px){.legal-hero{padding:48px 0 24px}.legal-card{padding:24px 20px;border-radius:17px}}
