:root{--ink:#111827;--muted:#5f6b7a;--blue:#1769ff;--blue2:#0647c8;--pale:#eef5ff;--line:#dce5f1;--white:#fff;--dark:#081426;--green:#12a66a;--shadow:0 20px 60px rgba(13,48,94,.12);--r:22px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.topbar{background:var(--dark);color:#dbe7fa;font-size:13px}.topbar .container{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.topbar a{color:white}.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(220,229,241,.8)}.navin{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:850}.brand img{width:46px;height:46px}.brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.links{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:650}.links a:hover,.links a.active{color:var(--blue)}.navcta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 20px;border-radius:13px;font-weight:750;background:var(--blue);color:#fff;box-shadow:0 10px 26px rgba(23,105,255,.24);border:0;cursor:pointer}.btn:hover,.navcta:hover{transform:translateY(-2px);background:var(--blue2)}.btn.secondary{background:#fff;color:var(--ink);box-shadow:none;border:1px solid var(--line)}.btn.secondary:hover{border-color:var(--blue);color:var(--blue)}.menu{display:none;background:none;border:0;font-size:27px}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 83% 18%,rgba(66,139,255,.23),transparent 25%),linear-gradient(135deg,#f8fbff 0%,#fff 55%,#edf5ff 100%);padding:88px 0 74px}.hero:after{content:"";position:absolute;inset:auto -8% -160px 45%;height:360px;background:var(--blue);opacity:.04;border-radius:50%;filter:blur(2px)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:65px}.eyebrow,.chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #cfe0ff;border-radius:999px;background:#fff;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.hero h1{font-size:clamp(43px,5.4vw,72px);line-height:1.03;letter-spacing:-.055em;margin:21px 0}.hero h1 span{color:var(--blue)}.hero p{font-size:19px;color:var(--muted);max-width:650px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.trust{display:flex;flex-wrap:wrap;gap:18px;color:#405069;font-size:13px;font-weight:650}.trust span:before{content:"✓";color:var(--green);font-weight:900;margin-right:7px}.hero-art{position:relative}.hero-art:before{content:"";position:absolute;inset:8% 5%;background:#1769ff;border-radius:50%;filter:blur(70px);opacity:.16}.hero-art img{position:relative;filter:drop-shadow(0 30px 45px rgba(15,56,109,.17))}.section{padding:92px 0}.section.soft{background:#f7faff}.intro{text-align:center;max-width:760px;margin:0 auto 48px}.intro h2,.split h2,.pagehero h1{font-size:clamp(32px,4vw,50px);line-height:1.12;letter-spacing:-.035em;margin:14px 0}.intro p,.split p,.pagehero p{color:var(--muted);font-size:17px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;transition:.25s}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#b7d0fa}.icon{width:51px;height:51px;border-radius:15px;background:var(--pale);color:var(--blue);display:grid;place-items:center;font-weight:900;font-size:22px;margin-bottom:20px}.card h3{margin:0 0 9px;font-size:20px}.card p{margin:0;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.checks{display:grid;gap:13px;margin:25px 0}.checks div{display:flex;gap:12px}.checks b{color:var(--green)}.mock{border-radius:28px;box-shadow:var(--shadow);border:1px solid var(--line);background:#fff;padding:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}.stat{background:var(--dark);color:#fff;border-radius:18px;padding:23px;text-align:center}.stat strong{font-size:31px;display:block}.stat span{font-size:13px;color:#aebbd0}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{position:relative;padding:28px;background:#fff;border-radius:20px;border:1px solid var(--line)}.step em{font-style:normal;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--blue);color:#fff;font-weight:850;margin-bottom:18px}.portfolio{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.project{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff}.project img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#eaf2ff}.project div{padding:22px}.project h3{margin:0 0 5px}.project p{color:var(--muted);margin:0}.tag{display:inline-block;margin-top:13px;margin-right:5px;padding:4px 9px;background:var(--pale);color:var(--blue);font-size:11px;font-weight:800;border-radius:999px}.cta{background:linear-gradient(125deg,var(--blue2),var(--blue),#2d8cff);border-radius:30px;padding:52px;color:#fff;display:flex;justify-content:space-between;gap:30px;align-items:center}.cta h2{font-size:36px;line-height:1.1;margin:0 0 9px}.cta p{margin:0;color:#e6efff}.cta .btn{background:#fff;color:var(--blue);box-shadow:none;white-space:nowrap}.faq{max-width:850px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:20px 5px}.faq summary{cursor:pointer;font-weight:800;font-size:17px}.faq p{color:var(--muted)}.pagehero{padding:78px 0 58px;background:linear-gradient(135deg,#f6faff,#e9f2ff)}.pagehero p{max-width:720px}.content{max-width:900px}.content h2{margin-top:36px}.legal{max-width:860px;padding:70px 0}.legal h1{font-size:44px}.form{display:grid;gap:15px}.form input,.form textarea,.form select{width:100%;padding:15px;border:1px solid var(--line);border-radius:12px;font:inherit}.form textarea{min-height:160px}.contactgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}.contactbox{background:var(--dark);color:#fff;border-radius:24px;padding:34px}.contactbox p,.contactbox a{color:#cbd7e8}.footer{background:var(--dark);color:#fff;margin-top:70px}.footergrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:38px;padding:58px 0}.footer p,.footer a{color:#aebbd0}.footer h4{margin-top:0}.footerlinks{display:grid;gap:8px}.footbottom{border-top:1px solid #1c2b41;padding:18px 0;color:#8391a7;font-size:13px;display:flex;justify-content:space-between;gap:15px}.floatcall{position:fixed;right:22px;bottom:22px;z-index:60;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:white;font-size:24px;box-shadow:0 12px 32px rgba(18,166,106,.35)}
@media(max-width:900px){.links{display:none}.menu{display:block}.navcta{display:none}.hero-grid,.split,.contactgrid{grid-template-columns:1fr}.hero{padding-top:58px}.hero-art{max-width:650px}.grid3,.portfolio{grid-template-columns:1fr 1fr}.process,.stats{grid-template-columns:1fr 1fr}.footergrid{grid-template-columns:1fr 1fr}.mobile-open .links{display:flex;position:absolute;left:0;right:0;top:76px;background:#fff;padding:22px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}}
@media(max-width:600px){.container{width:min(100% - 28px,var(--max))}.topbar .container{justify-content:center}.topbar span:first-child{display:none}.hero h1{font-size:43px}.section{padding:65px 0}.grid3,.portfolio,.process,.stats,.footergrid{grid-template-columns:1fr}.cta{padding:34px;align-items:flex-start;flex-direction:column}.footbottom{flex-direction:column}.brand small{display:none}}

/* Corporate branding, imagery and WhatsApp */
.brand-parent img{width:82px;height:52px;object-fit:contain;border-radius:7px;background:#fff}.brand-parent span{line-height:1.18}.footer-brand img{background:#fff;padding:3px}.visual-section{background:#fff}.image-gallery{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:repeat(2,240px);gap:22px}.image-card{position:relative;overflow:hidden;border-radius:24px;margin:0;box-shadow:var(--shadow);background:#081426}.image-card-wide{grid-row:1 / 3}.image-card img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.image-card:hover img{transform:scale(1.035)}.image-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(5,15,30,.9))}.image-card figcaption{position:absolute;z-index:2;left:24px;right:24px;bottom:22px;color:#fff;display:grid;gap:3px}.image-card figcaption strong{font-size:20px}.image-card figcaption span{font-size:13px;color:#dce8f8}.whatsapp{width:auto;min-width:58px;padding:0 17px;gap:8px;border-radius:999px;background:#25D366;box-shadow:0 12px 32px rgba(37,211,102,.38);font-size:14px;font-weight:800}.whatsapp svg{width:28px;height:28px}.whatsapp:hover{transform:translateY(-3px);background:#1ebe5d}.hero-art{padding:8px}.hero-art:after{content:"IT-Service Omar";position:absolute;right:10px;bottom:5px;background:#fff;color:#2d3748;padding:8px 13px;border-radius:12px;font-size:12px;font-weight:800;box-shadow:0 10px 30px rgba(8,20,38,.15)}
@media(max-width:900px){.image-gallery{grid-template-columns:1fr;grid-template-rows:none}.image-card,.image-card-wide{height:320px;grid-row:auto}.brand-parent img{width:72px;height:47px}}
@media(max-width:600px){.brand-parent img{width:58px;height:42px}.brand-parent span{font-size:14px}.whatsapp span{display:none}.whatsapp{width:58px;min-width:58px;padding:0}.image-card,.image-card-wide{height:250px}}

/* Premium imagery v3 */
.hero-photo-wrap{padding:0}.hero-photo{position:relative;min-height:500px;border-radius:34px;overflow:hidden;box-shadow:0 32px 80px rgba(8,20,38,.22);border:1px solid rgba(255,255,255,.7)}.hero-photo>img{width:100%;height:500px;object-fit:cover}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,20,38,.04),rgba(8,20,38,.34))}.hero-screen{position:absolute;z-index:2;left:-42px;bottom:-16px;width:64%;background:#fff;border-radius:20px;padding:8px;box-shadow:0 22px 55px rgba(8,20,38,.28);transform:rotate(-2deg)}.hero-screen img{width:100%;border-radius:14px}.hero-badge{position:absolute;z-index:3;right:20px;top:20px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-radius:16px;padding:13px 16px;box-shadow:0 12px 35px rgba(8,20,38,.18);display:grid}.hero-badge strong{font-size:14px}.hero-badge span{font-size:11px;color:var(--muted)}.hero-art:after{display:none}.showcase-section{padding-top:72px}.showcase-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:repeat(2,255px);gap:22px}.showcase-card{position:relative;overflow:hidden;border-radius:26px;margin:0;background:var(--dark);box-shadow:var(--shadow)}.showcase-main{grid-row:1/3}.showcase-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.showcase-card:hover img{transform:scale(1.045)}.showcase-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(4,12,24,.92))}.showcase-card figcaption{position:absolute;z-index:2;left:24px;right:24px;bottom:22px;color:#fff;display:flex;gap:14px;align-items:center}.showcase-card figcaption>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--blue);font-size:12px;font-weight:900}.showcase-card figcaption div{display:grid}.showcase-card strong{font-size:20px}.showcase-card small{color:#d7e3f3}.industries-section{background:linear-gradient(135deg,#071326,#0b2447)}.industries-wrap{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.industries-copy h2{color:#fff;font-size:clamp(34px,4vw,52px);line-height:1.1;letter-spacing:-.04em;margin:16px 0}.industries-copy p{color:#b9c7da;font-size:17px}.industry-pills{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0 30px}.industry-pills span{padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#e8f0fb;font-size:13px;font-weight:700}.industries-visual{position:relative}.industries-visual>img{width:100%;height:470px;object-fit:cover;border-radius:28px;box-shadow:0 30px 70px rgba(0,0,0,.28)}.visual-note{position:absolute;left:22px;right:22px;bottom:22px;background:rgba(255,255,255,.94);border-radius:16px;padding:15px 18px;display:grid;box-shadow:0 12px 35px rgba(0,0,0,.2)}.visual-note span{font-size:12px;color:var(--muted)}
@media(max-width:900px){.hero-photo{min-height:430px}.hero-photo>img{height:430px}.showcase-grid,.industries-wrap{grid-template-columns:1fr}.showcase-grid{grid-template-rows:none}.showcase-card,.showcase-main{height:320px;grid-row:auto}.industries-visual>img{height:380px}}
@media(max-width:600px){.hero-photo{min-height:360px}.hero-photo>img{height:360px}.hero-screen{left:-20px;width:72%}.showcase-card,.showcase-main{height:260px}.industries-visual>img{height:320px}}

/* Echte Referenzen */
.portfolio-real{align-items:stretch}.project-real{overflow:hidden;padding:0;display:flex;flex-direction:column}.project-preview{display:block;background:#eef4fb;padding:18px 18px 0;text-decoration:none}.browserbar{height:34px;background:#fff;border:1px solid #dbe5ef;border-bottom:0;border-radius:13px 13px 0 0;display:flex;align-items:center;gap:6px;padding:0 12px}.browserbar i{width:8px;height:8px;border-radius:50%;background:#c6d2df}.browserbar small{margin-left:8px;color:#75869a;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-preview img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border:1px solid #dbe5ef;border-bottom:0;background:#fff}.project-body{padding:24px;display:flex;flex-direction:column;flex:1}.project-sector{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--primary)}.project-real h3{margin:7px 0 10px}.project-tags{margin:4px 0 18px}.project-link{margin-top:auto;color:var(--primary);font-weight:800;text-decoration:none;display:inline-flex;gap:7px;align-items:center}.project-link:hover{text-decoration:underline}.project-link span{font-size:18px}.project-real:hover .project-preview img{transform:translateY(-3px)}.project-preview img{transition:transform .25s ease}@media(max-width:760px){.portfolio-real{grid-template-columns:1fr}.project-preview{padding:12px 12px 0}}
.form-status{display:none;padding:14px 16px;border-radius:12px;font-weight:700}.form-status.show{display:block}.form-status.success{background:#e9f9f1;color:#087446;border:1px solid #a8e4c7}.form-status.error{background:#fff0f0;color:#a22222;border:1px solid #f0b9b9}.form-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.privacy-check{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--muted)}.privacy-check input{width:auto!important;margin-top:4px}.privacy-check a{color:var(--blue);text-decoration:underline}.form-note{margin:0;color:var(--muted);font-size:12px}
/* ═══ COOKIE BANNER ═══ */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:700;background:rgba(13,17,23,.97);backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.1);padding:1.5rem 2.5rem;display:none;animation:cookieUp .4s ease}
@keyframes cookieUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.cookie-banner.show{display:block}
.cookie-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:2rem;flex-wrap:wrap}
.cookie-text{flex:1;min-width:280px}
.cookie-text h4{font-size:15px;font-weight:800;color:#fff;margin-bottom:6px;letter-spacing:-.2px}
.cookie-text p{font-size:13px;color:rgba(255,255,255,.6);line-height:1.7}
.cookie-text a{color:var(--blue);text-decoration:underline}
.cookie-btns{display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap}
.cookie-btn{padding:.6rem 1.3rem;border-radius:8px;font-size:13.5px;font-weight:700;font-family:var(--font);cursor:pointer;border:none;transition:transform .15s,box-shadow .15s}
.cookie-accept{background:var(--blue);color:#fff;box-shadow:0 3px 10px rgba(26,92,255,.3)}
.cookie-accept:hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(26,92,255,.4)}
.cookie-essential{background:rgba(255,255,255,.1);color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.2)}
.cookie-essential:hover{background:rgba(255,255,255,.18)}
.cookie-settings-btn{background:none;color:rgba(255,255,255,.5);font-size:12.5px;text-decoration:underline;cursor:pointer;border:none;font-family:var(--font);padding:.3rem 0}
.cookie-settings-btn:hover{color:rgba(255,255,255,.8)}
/* Cookie settings panel */
.cookie-settings{display:none;margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.1)}
.cookie-settings.open{display:block}
.cookie-option{display:flex;align-items:center;justify-content:space-between;padding:.7rem 0;border-bottom:1px solid rgba(255,255,255,.06)}
.cookie-option:last-child{border:none}
.cookie-opt-info{flex:1}
.cookie-opt-name{font-size:13.5px;font-weight:700;color:#fff}
.cookie-opt-desc{font-size:12px;color:rgba(255,255,255,.45);margin-top:2px}
/* Toggle switch */
.cookie-toggle{position:relative;width:44px;height:24px;flex-shrink:0;margin-left:1rem}
.cookie-toggle input{opacity:0;width:0;height:0}
.cookie-slider{position:absolute;inset:0;background:rgba(255,255,255,.15);border-radius:24px;cursor:pointer;transition:background .3s}
.cookie-slider::before{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .3s}
.cookie-toggle input:checked+.cookie-slider{background:var(--blue)}
.cookie-toggle input:checked+.cookie-slider::before{transform:translateX(20px)}
.cookie-toggle input:disabled+.cookie-slider{opacity:.5;cursor:not-allowed}
@media(max-width:768px){
  .cookie-inner{flex-direction:column;gap:1rem;text-align:center}
  .cookie-btns{justify-content:center;width:100%}
}

/* ═══ COOKIE DSGVO FIX: Gleichwertige Buttons ═══ */
.cookie-essential{background:#fff;color:var(--text);border:1.5px solid rgba(255,255,255,.5);font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.cookie-essential:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.2)}

/* SEO landing pages */
.landing-hero{padding-top:86px}.landing-hero .hero-photo{min-height:440px}.landing-hero .hero-photo img{height:440px;object-fit:cover}.landing-hero .card{height:100%}