:root{--ink:#0b1324;--muted:#68748a;--line:#dce3ed;--blue:#1769ff;--blue2:#4d9cff;--dark:#071121;--white:#fff;--soft:#f5f8fc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--white);line-height:1.6}a{text-decoration:none;color:inherit}button{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.section-light{background:#fff}.section-dark{background:var(--dark);color:#fff}.site-header{position:fixed;z-index:20;top:0;left:0;right:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:rgba(7,17,33,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);color:#fff}.brand{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border:1px solid #8bb8ff;border-radius:10px;font-weight:800;letter-spacing:-1px}.brand strong{display:block;font-size:13px}.brand small{display:block;color:#9ba9be;font-size:9px}.nav{display:flex;gap:22px;font-size:11px;color:#c8d2e2}.nav a:hover{color:#fff}.header-actions{display:flex;align-items:center;gap:4px}.lang{border:0;background:transparent;color:#b7c3d7;font-size:10px;padding:6px}.lang.active{color:#fff;background:#1c2b42;border-radius:10px}.btn{display:inline-flex;align-items:center;gap:12px;padding:13px 19px;border-radius:999px;font-weight:700;font-size:12px;border:1px solid transparent;transition:.25s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--blue),#2c8cff);color:#fff;box-shadow:0 10px 30px rgba(23,105,255,.25)}.btn-light{background:#fff;color:#101b2d}.btn-small{padding:10px 14px;margin-left:12px}.btn-ghost{border-color:#45546d;color:#fff}.btn-whatsapp{background:#20c76b;color:#fff}.menu{display:none;background:none;border:0;color:#fff;font-size:22px}.hero{min-height:800px;padding:150px 6vw 80px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 35%,#102d59 0,#071121 38%,#050d19 100%)}.hero:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle,rgba(23,105,255,.11),transparent 40%);animation:pulse 6s ease-in-out infinite}.hero-copy,.hero-visual{position:relative;z-index:1}.eyebrow{display:inline-block;padding:6px 12px;border:1px solid rgba(124,165,220,.35);border-radius:999px;color:#b8d5ff;font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.eyebrow.light{color:#58739a;border-color:#d5dfeb}.hero h1{font-size:clamp(50px,6vw,86px);line-height:.98;letter-spacing:-4px;margin:20px 0}.hero h1 span{color:#3f8fff}.hero-copy>p{max-width:600px;color:#aab7c9;font-size:16px}.hero-actions{display:flex;gap:10px;margin:30px 0}.trust-row{display:flex;flex-wrap:wrap;gap:22px;color:#9aa8bd;font-size:10px}.hero-visual{min-height:460px;display:grid;place-items:center}.glow-orb{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(36,132,255,.35),transparent 65%);filter:blur(20px)}.laptop{position:relative;width:min(520px,90%);transform:perspective(1000px) rotateY(-8deg) rotateX(3deg);filter:drop-shadow(0 40px 50px rgba(0,0,0,.45))}.screen{background:#e9f0f7;border:9px solid #1d2938;border-bottom-width:12px;border-radius:18px 18px 8px 8px;aspect-ratio:16/10;padding:28px;color:#0b1324}.mock-nav{display:flex;justify-content:space-between;font-size:8px}.mock-body{margin-top:22%;padding-left:7%}.mock-body small{font-size:9px}.mock-body h3{font-size:27px;line-height:1.05;margin:8px 0}.mock-body em{font-style:normal;color:#1769ff}.mock-body button{border:0;border-radius:99px;background:#1769ff;color:white;padding:8px 13px;font-size:8px}.base{width:112%;margin-left:-6%;height:18px;background:linear-gradient(#9ca9b9,#596779);border-radius:0 0 30px 30px}.float-card{position:absolute;background:rgba(18,34,56,.88);border:1px solid #335073;box-shadow:0 15px 35px rgba(0,0,0,.25);border-radius:14px;padding:14px 17px}.float-card b{display:block;font-size:20px}.float-card small{color:#a8b6c9;font-size:9px}.card-a{top:50px;right:0}.card-b{bottom:75px;left:0;color:#66a9ff}.card-b b{display:inline;font-size:11px}.scroll-hint{position:absolute;bottom:25px;left:50%;color:#8392a7}.benefits{padding:110px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.split h2,.section-heading h2,.about h2,.pricing h2,.faq h2,.contact h2,.process h2{font-size:clamp(36px,4vw,55px);line-height:1.05;letter-spacing:-2.5px;margin:15px 0}.split p{color:var(--muted);max-width:520px}.text-link{display:inline-block;margin-top:15px;color:var(--blue);font-weight:700;font-size:13px}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.benefit-grid article{border:1px solid var(--line);border-radius:16px;padding:26px;min-height:160px}.benefit-grid span{color:var(--blue);font-size:20px}.benefit-grid h3{margin:12px 0 5px;font-size:16px}.benefit-grid p{font-size:11px;margin:0}.services,.projects,.pricing,.faq{padding:95px 0}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:38px}.section-heading p,.heading-note,.services>p,.projects>p,.pricing>p,.faq>p{color:var(--muted)}.heading-note{max-width:420px;font-size:12px}.service-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:14px}.service-card{min-height:270px;padding:27px;border-radius:16px;border:1px solid var(--line)}.service-card.dark{background:#0d1a2c;color:#fff;border-color:#172b47}.service-card.featured{background:linear-gradient(145deg,#1262ef,#2c8cff);color:#fff;border:0}.icon{font-size:24px}.service-card h3{font-size:18px;margin:40px 0 10px}.service-card p{font-size:11px;line-height:1.7;color:#8d9db2}.featured p{color:#dceaff}.service-card a{font-size:11px;font-weight:700}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-image{height:230px;border-radius:15px;position:relative;overflow:hidden;display:flex;align-items:end;padding:25px;font-size:20px;font-weight:800;color:#fff;background:#1a2a3d}.project-image:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,rgba(0,0,0,.75))}.project-image span{position:relative;z-index:1}.p1{background:linear-gradient(135deg,#34465b,#141c25)}.p2{background:linear-gradient(135deg,#6c806d,#18201d)}.p3{background:linear-gradient(135deg,#754c35,#19100b)}.project h3{margin:12px 0 5px;font-size:14px}.project>div:last-child{display:flex;gap:7px}.project>div:last-child span,.pill{font-size:9px;border:1px solid var(--line);padding:4px 8px;border-radius:99px;color:#66768c}.process{padding:100px 0;position:relative;overflow:hidden}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:50px}.process-grid article{position:relative;border-top:1px solid #2c3d55;padding-top:22px}.process-grid b{color:#4c9bff;font-size:11px}.process-grid span{display:block;font-size:23px;color:#4c9bff;margin:18px 0}.process-grid h3{margin:0 0 8px}.process-grid p,.muted{font-size:11px;color:#91a0b4}.about{padding:100px 0}.about-copy{max-width:860px;margin:0 auto}.about .lead{color:var(--blue);font-weight:700}.about p:not(.lead){color:var(--muted);font-size:13px;max-width:620px}.about blockquote{margin:30px 0 0;padding:20px 24px;background:#eef5ff;border-radius:14px;color:#24456f;font-size:13px}.about cite{display:block;margin-top:10px;font-size:10px;color:#6b7d94;font-style:normal}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}.price-grid article{border:1px solid var(--line);border-radius:17px;padding:25px;position:relative}.price-grid article.popular{background:#0c1b30;color:#fff;border-color:#1c3a61;transform:translateY(-8px)}.price-grid label{position:absolute;right:16px;top:16px;background:#ffcb3d;color:#111;padding:5px 8px;border-radius:99px;font-size:8px;font-weight:800}.price-grid h3{font-size:14px;margin:0 0 20px}.price-grid strong{font-size:29px}.price-grid strong small{font-size:10px}.price-grid ul{list-style:none;padding:0;margin:25px 0;min-height:120px}.price-grid li{font-size:10px;padding:6px 0;color:#718096}.popular li{color:#aab9cb}.price-grid a{font-size:10px;font-weight:800;color:var(--blue)}.popular a{color:#fff}.testimonials{padding:95px 0}.empty-testimonial{margin-top:35px;border:1px solid #253b59;border-radius:17px;padding:35px;text-align:center;color:#ffd24c;max-width:600px}.empty-testimonial b,.empty-testimonial small{display:block;color:#fff}.empty-testimonial small{color:#8fa0b7;font-size:10px;margin-top:8px}.faq-list{max-width:900px;margin-left:auto}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;font-weight:700;font-size:14px;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}.faq details p{color:var(--muted);font-size:12px;max-width:750px}.contact{padding:100px 0;text-align:center;background:linear-gradient(140deg,#071121,#0c2341)}.contact p{color:#9cabc0;max-width:620px;margin:0 auto}.contact-actions{display:flex;justify-content:center;gap:10px;margin:28px 0}.contact-meta{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;color:#8192a9;font-size:10px}.footer{background:#050c16;color:#a7b3c5;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr 1.5fr;gap:35px}.footer h4{font-size:10px;color:#fff;margin:0 0 12px}.footer a,.footer span{display:block;font-size:10px;margin:7px 0;color:#8796a9}.footer-bottom{width:min(1180px,calc(100% - 40px));margin:40px auto 0;border-top:1px solid #182537;padding-top:15px;display:flex;justify-content:space-between;font-size:9px;color:#59687c}.top{position:fixed;right:20px;bottom:20px;width:42px;height:42px;border-radius:50%;border:1px solid #d5dfe9;background:#fff;color:#17233a;box-shadow:0 10px 25px rgba(0,0,0,.12);opacity:0;pointer-events:none;transition:.25s}.top.show{opacity:1;pointer-events:auto}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}.cursor-glow{position:fixed;width:280px;height:280px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(23,105,255,.10),transparent 65%);transform:translate(-50%,-50%);z-index:0}.no-js .reveal{opacity:1;transform:none}@keyframes pulse{50%{transform:scale(1.12);opacity:.7}}
@media(max-width:1000px){.nav{display:none}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:130px}.hero-visual{min-height:380px}.service-grid{grid-template-columns:1fr 1fr}.price-grid{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.site-header{padding:0 18px}.header-actions .btn{display:none}.hero{padding:120px 20px 60px;min-height:auto}.hero h1{font-size:53px;letter-spacing:-3px}.hero-copy>p{font-size:14px}.hero-actions,.contact-actions{flex-direction:column;align-items:stretch}.hero-visual{min-height:300px}.float-card{transform:scale(.8)}.benefits,.services,.projects,.pricing,.faq,.about,.testimonials,.contact,.process{padding:70px 0}.split{grid-template-columns:1fr}.benefit-grid,.project-grid,.service-grid,.price-grid,.process-grid{grid-template-columns:1fr}.price-grid article.popular{transform:none}.section-heading{display:block}.heading-note{margin-top:20px}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{display:block}.footer-bottom span{margin:8px 0}.trust-row{gap:12px}.laptop{width:100%}.screen{padding:17px}.mock-body h3{font-size:18px}}

/* Projekt-Mockups */
.project-preview{height:260px;border-radius:16px;overflow:hidden;position:relative;border:1px solid rgba(16,29,48,.12);box-shadow:0 18px 35px rgba(17,35,60,.12);transition:transform .35s,box-shadow .35s}
.project:hover .project-preview{transform:translateY(-5px);box-shadow:0 25px 45px rgba(17,35,60,.18)}
.preview-handwerk{background:linear-gradient(145deg,#203d68,#07111f)}
.preview-clean{background:linear-gradient(145deg,#668273,#111b18)}
.preview-restaurant{background:linear-gradient(145deg,#774b31,#1a0e09)}
.mini-browser{height:25px;background:rgba(255,255,255,.9);display:flex;align-items:center;gap:5px;padding-left:11px}
.mini-browser span{width:5px;height:5px;border-radius:50%;background:#aab5c4}
.mini-content{height:calc(100% - 25px);padding:27px 28px;display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:1;color:#fff}
.mini-content:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.28));z-index:-1}
.mini-content small{font-size:7px;letter-spacing:1px;opacity:.75;margin-bottom:13px}
.mini-content b{font-size:24px;line-height:1.02;letter-spacing:-1px}
.mini-content em{font-style:normal;color:#68a9ff}
.preview-clean .mini-content em{color:#bde7c8}
.preview-restaurant .mini-content em{color:#f1c38e}
.mini-content button{margin-top:auto;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.1);backdrop-filter:blur(8px);color:#fff;border-radius:99px;padding:7px 11px;font-size:8px}

.project h3{font-weight:800}.project>div:last-child span{background:#fff}

/* Echtes Markenlogo */
.logo-mark{display:flex;align-items:center;justify-content:center;overflow:hidden;background:transparent!important}
.logo-mark img{width:100%;height:100%;object-fit:contain;display:block}
.site-header .logo-mark{width:42px;height:42px}
.footer .logo-mark{width:46px;height:46px}

/* Rechtliche Seiten */
.legal-page{padding:125px 0 90px;min-height:70vh}
.legal-card{max-width:900px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:42px}
.legal-card h1{font-size:clamp(38px,5vw,60px);line-height:1.05;letter-spacing:-2.5px;margin:0 0 12px}
.legal-card h2{font-size:22px;margin:34px 0 10px}
.legal-card p,.legal-card li{font-size:13px;color:#53647b;line-height:1.8}
.legal-card ul{padding-left:22px}
.legal-card a{color:var(--blue);font-weight:600}
.legal-note{margin-top:30px;padding:16px 18px;border-radius:14px;background:#eef5ff;color:#36557c;font-size:12px}
.legal-header{position:relative}
@media(max-width:1000px){.nav.open{display:flex;position:absolute;top:76px;left:0;right:0;padding:18px;background:rgba(7,17,33,.98);border-bottom:1px solid rgba(255,255,255,.08);flex-direction:column;gap:14px}.nav.open a{font-size:13px}}
@media(max-width:700px){.legal-card{padding:26px}.legal-page{padding:105px 0 60px}}