/*
Theme Name: SpeTec V7.11 - Diagonal Header
Theme URI: https://spetec.bz/
Author: SpeTec / OpenAI
Description: Individuelles SpeTec Theme mit getrennten IT Solutions und Security Solutions Bereichen.
Version: 7.11.0
Text Domain: spetec-v6
*/
:root{--green:#00ee63;--dark:#061014;--dark2:#0b171b;--text:#111820;--muted:#647078;--white:#fff;--line:#dfe6e8;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}.wrap{width:min(var(--max),calc(100% - 42px));margin:auto}
.site-header{height:92px;background:#071216;color:#fff;display:flex;align-items:center;position:relative;z-index:20;border-bottom:1px solid rgba(255,255,255,.08)}.header-inner{display:flex;align-items:center;gap:28px}.brand{margin-right:auto;display:flex;align-items:center}.custom-logo{max-width:235px;max-height:66px;width:auto;height:auto}.site-title{font-size:28px;font-weight:900;color:var(--green)}.main-nav{display:flex;gap:25px;align-items:center;font-size:14px;font-weight:700}.main-nav a:hover{color:var(--green)}.remote{background:var(--green);color:#001b0b!important;padding:14px 20px;border-radius:7px;font-weight:900}.nav-toggle{display:none;background:none;border:0;color:#fff;font-size:27px}
.hero{min-height:390px;background-image:linear-gradient(90deg,rgba(2,12,17,.9) 0%,rgba(2,12,17,.68) 47%,rgba(2,12,17,.08) 78%),url('assets/images/hero-v6.jpg');background-size:cover;background-position:center;display:flex;align-items:center;color:#fff}.hero-copy{max-width:720px;padding:58px 0}.eyebrow{color:var(--green);font-size:13px;font-weight:900;letter-spacing:3px;text-transform:uppercase}.hero h1{font-size:clamp(42px,5.2vw,72px);line-height:.98;margin:14px 0 16px;letter-spacing:-2.8px}.hero h1 span{color:var(--green)}.hero p{font-size:20px;margin:0;max-width:690px}.script{margin-top:26px;font-size:23px;font-style:italic;color:#fff;transform:rotate(-4deg);display:inline-block;border-bottom:5px solid var(--green)}
.split{display:grid;grid-template-columns:1fr 1fr;background:#071216}.solution{min-height:560px;position:relative;display:flex;align-items:flex-end;color:#fff;overflow:hidden;background-size:cover;background-position:center}.solution.it{background-image:linear-gradient(0deg,rgba(2,12,17,.96),rgba(2,12,17,.06) 72%),url('assets/images/it-solutions.jpg')}.solution.security{background-image:linear-gradient(0deg,rgba(2,12,17,.96),rgba(2,12,17,.05) 72%),url('assets/images/security-solutions.jpg')}.solution-content{padding:48px;max-width:650px}.solution-tag{color:var(--green);font-weight:900;text-transform:uppercase;letter-spacing:2px}.solution h2{font-size:clamp(40px,4vw,62px);line-height:1;margin:12px 0 6px}.solution h3{font-size:22px;margin:0 0 14px}.solution p{font-size:17px;margin:0 0 22px}.btn{display:inline-block;background:var(--green);color:#00230e;padding:14px 22px;border-radius:6px;font-weight:900}.btn.dark{background:#0a171b;color:#fff;border:1px solid #405057}.btn:hover{transform:translateY(-1px)}
.benefits{padding:34px 0;background:#fff}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr)}.benefit{text-align:center;padding:10px 24px;border-right:1px solid var(--line)}.benefit:last-child{border:0}.benefit-icon{font-size:31px;color:#098638}.benefit strong{display:block;font-size:18px;margin:5px}.benefit small{color:var(--muted)}
.page-hero{min-height:380px;color:#fff;display:flex;align-items:flex-end;background-size:cover;background-position:center;position:relative}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,14,18,.93),rgba(3,14,18,.35))}.page-hero .wrap{position:relative;padding-bottom:50px}.page-hero h1{font-size:clamp(42px,5vw,66px);margin:7px 0 4px;line-height:1}.page-hero p{font-size:20px;max-width:720px}.section{padding:72px 0}.section.alt{background:#f4f7f7}.section.dark{background:#071216;color:#fff}.section-head{max-width:760px;margin-bottom:34px}.section-head h2{font-size:38px;line-height:1.08;margin:0 0 12px}.section-head p{color:var(--muted);font-size:18px}.dark .section-head p{color:#b6c0c3}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.08);border:1px solid #e7ecee}.card img{width:100%;height:205px;object-fit:cover;display:block}.card-body{padding:23px}.card h3{margin:0 0 7px;font-size:22px}.card p{margin:0;color:#68747a}.card a.more{display:inline-block;margin-top:14px;color:#058a39;font-weight:900}.feature{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.feature img{width:100%;height:390px;object-fit:cover;border-radius:10px}.feature h2{font-size:40px;line-height:1.08;margin:0 0 15px}.checklist{padding:0;list-style:none}.checklist li{padding:7px 0}.checklist li:before{content:'✓';color:var(--green);font-weight:900;margin-right:10px}.cta{background:#071216;color:#fff;padding:55px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{font-size:34px;margin:0 0 5px}.cta p{margin:0;color:#b8c2c5}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px}.contact-box{background:#f4f7f7;border-radius:10px;padding:30px}.contact-box a{color:#078d3b;font-weight:800}.content-page{padding:65px 0;max-width:900px}.content-page h1{font-size:45px}.content-page h2{margin-top:35px}
.site-footer{background:#061014;color:#d7dfe1;padding:42px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}.footer-grid h4{color:#fff;margin:0 0 12px}.footer-grid a{display:block;color:#bdc8cb;padding:3px 0}.footer-logo .custom-logo{max-width:190px}.footer-bottom{border-top:1px solid #253238;margin-top:32px;padding-top:17px;color:#829095;font-size:13px;display:flex;justify-content:space-between}
@media(max-width:900px){.main-nav{display:none;position:absolute;top:92px;left:0;right:0;background:#071216;padding:20px 25px;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.nav-toggle{display:block}.split,.feature,.contact-grid{grid-template-columns:1fr}.benefit-grid{grid-template-columns:1fr 1fr}.benefit:nth-child(2){border-right:0}.cards{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.solution{min-height:480px}.solution-content{padding:34px}.hero{min-height:420px}.custom-logo{max-width:190px}}
@media(max-width:600px){.wrap{width:min(100% - 28px,var(--max))}.site-header{height:78px}.main-nav{top:78px}.hero h1{font-size:42px;letter-spacing:-1.5px}.hero p{font-size:17px}.hero-copy{padding:45px 0}.solution{min-height:430px}.solution h2{font-size:40px}.solution-content{padding:27px}.benefit-grid,.cards,.footer-grid{grid-template-columns:1fr}.benefit{border-right:0;border-bottom:1px solid var(--line);padding:18px}.feature img{height:280px}.cta-inner{align-items:flex-start;flex-direction:column}.page-hero{min-height:330px}.page-hero h1{font-size:42px}.footer-bottom{flex-direction:column;gap:8px}}

/* V6.1 Startseite: ruhiger, ohne doppelte Texte, grosses Logo im Hero */
.hero-v61{min-height:570px;position:relative;overflow:hidden;background:#061014;display:flex;align-items:center;color:#fff}
.hero-v61 .hero-bg{position:absolute;inset:-4%;background:linear-gradient(90deg,rgba(2,12,17,.96) 0%,rgba(2,12,17,.75) 37%,rgba(2,12,17,.12) 72%),url('assets/images/hero-v61.jpg') center/cover no-repeat;animation:spetecZoom 16s ease-in-out infinite alternate}
.hero-layout{position:relative;z-index:2}.hero-branding{max-width:850px;padding:54px 0}.hero-logo{margin-bottom:30px}.hero-logo .custom-logo-link{display:inline-block}.hero-logo .custom-logo{width:min(460px,62vw);max-width:none;max-height:150px;height:auto;filter:drop-shadow(0 8px 20px rgba(0,0,0,.4))}.hero-wordmark{font-size:100px;font-weight:900;font-style:italic;line-height:.8}.hero-wordmark span{color:var(--green)}
.hero-copy-v61 .eyebrow{margin-bottom:12px}.hero-copy-v61 h1{font-size:clamp(38px,4.4vw,64px);line-height:1.02;letter-spacing:-2px;margin:0 0 17px}.hero-copy-v61 h1 span{color:var(--green)}.hero-copy-v61 p{font-size:20px;margin:0;max-width:700px}
.solution-deck{background:#061014;padding:0 0 34px}.solution-deck-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:-26px;position:relative;z-index:5}.solution-panel{min-height:270px;padding:35px;display:grid;grid-template-columns:54px 1fr;gap:18px;color:#fff;border:1px solid rgba(0,238,99,.35);border-radius:10px;background-color:rgba(4,19,23,.92);background-size:cover;background-position:center;box-shadow:0 18px 45px rgba(0,0,0,.28);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.it-panel{background-image:linear-gradient(90deg,rgba(3,17,21,.96),rgba(3,17,21,.78)),url('assets/images/service-network.jpg')}.security-panel{background-image:linear-gradient(90deg,rgba(3,17,21,.96),rgba(3,17,21,.72)),url('assets/images/service-security.jpg')}.solution-panel:hover{transform:translateY(-5px);border-color:var(--green);box-shadow:0 22px 55px rgba(0,238,99,.12)}.panel-icon{font-size:42px;color:var(--green);line-height:1}.panel-title{font-size:24px;font-weight:900;letter-spacing:.5px}.panel-title span{color:var(--green)}.solution-panel h2{font-size:20px;margin:7px 0 10px}.solution-panel p{font-size:15px;color:#d2dcde;margin:0 0 20px;line-height:1.65}.solution-panel strong{display:inline-flex;align-items:center;gap:12px;color:#fff}.solution-panel strong b{display:grid;place-items:center;width:36px;height:36px;border:2px solid var(--green);border-radius:50%;color:var(--green);transition:.25s}.solution-panel:hover strong b{background:var(--green);color:#02160a}
.reveal{animation:spetecReveal .8s cubic-bezier(.2,.8,.2,1) both}.delay-1{animation-delay:.18s}.delay-2{animation-delay:.32s}@keyframes spetecReveal{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes spetecZoom{from{transform:scale(1.02)}to{transform:scale(1.08)}}
@media(max-width:900px){.hero-v61{min-height:510px}.hero-branding{padding:45px 0}.solution-deck-grid{grid-template-columns:1fr;margin-top:-18px}.solution-panel{min-height:230px}.hero-logo .custom-logo{width:min(390px,72vw)}}
@media(max-width:600px){.hero-v61{min-height:500px}.hero-logo{margin-bottom:24px}.hero-logo .custom-logo{width:min(330px,82vw)}.hero-copy-v61 h1{font-size:38px;letter-spacing:-1px}.hero-copy-v61 p{font-size:17px}.solution-panel{grid-template-columns:1fr;padding:26px}.panel-icon{font-size:34px}.panel-title{font-size:21px}}
@media(prefers-reduced-motion:reduce){.hero-v61 .hero-bg,.reveal{animation:none!important}.solution-panel{transition:none}}

/* ===== SpeTec V7 — cinematic one-page ===== */
html{scroll-behavior:smooth;scroll-padding-top:82px}.v7-home{background:#031014;color:#fff;overflow:hidden}.v7-home em{font-style:normal;color:var(--green)}.v7-header{position:fixed;top:0;left:0;right:0;background:rgba(2,13,17,.72)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07);z-index:1000}.v7-header .header-inner{min-height:82px}.v7-header .brand .custom-logo{max-width:150px!important;max-height:58px!important}.v7-header .main-nav a{font-size:14px}.v7-header .remote{border-radius:8px!important}
.v7-scene{position:relative;isolation:isolate}.v7-hero{min-height:100svh;display:flex;align-items:center;padding:120px 0 70px;background:#041318}.v7-hero-visual{position:absolute;inset:0;z-index:-5;background:linear-gradient(90deg,rgba(1,11,15,.98) 0%,rgba(1,11,15,.82) 35%,rgba(1,11,15,.18) 70%),url('assets/images/hero-tech.jpg') center/cover no-repeat;transform:scale(1.08);animation:v7breath 18s ease-in-out infinite alternate}.v7-hero:after,.v7-flow:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(2,12,16,.04),rgba(2,12,16,.72))}.v7-hero-content{position:relative;z-index:4}.v7-hero-logo{margin-bottom:26px}.v7-hero-logo .custom-logo{width:min(430px,58vw)!important;max-width:none!important;max-height:145px!important;height:auto!important;filter:drop-shadow(0 12px 28px #000)}.v7-hero-logo .custom-logo-link{display:inline-block}.v7-kicker{font-size:13px!important;letter-spacing:.22em;text-transform:uppercase;font-weight:800;color:var(--green)!important;margin:0 0 15px!important}.v7-hero h1{font-size:clamp(46px,6vw,82px);line-height:.98;letter-spacing:-.045em;max-width:950px;margin:0 0 22px}.v7-lead{font-size:clamp(17px,2vw,22px);max-width:690px;color:#e7eeee;margin-bottom:40px}.v7-gates{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:1050px}.v7-gate{min-height:132px;display:grid;grid-template-columns:58px 1fr 44px;gap:18px;align-items:center;padding:24px 26px;border:1px solid rgba(0,238,99,.58);border-radius:14px;background:rgba(1,14,18,.62);backdrop-filter:blur(13px);color:#fff;box-shadow:0 20px 50px rgba(0,0,0,.24);transition:.35s}.v7-gate:hover{transform:translateY(-5px);background:rgba(0,238,99,.09);box-shadow:0 22px 60px rgba(0,238,99,.12)}.v7-gate-icon{font-size:45px;color:var(--green)}.v7-gate b{display:block;font-size:25px;margin-bottom:6px}.v7-gate small{font-size:14px;line-height:1.5;color:#d5e0e2}.v7-gate i{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--green);border-radius:50%;font-style:normal;color:var(--green)}
.v7-whitebar{background:#fff;color:#061217;position:relative;z-index:8}.v7-whitegrid{display:grid;grid-template-columns:repeat(4,1fr)}.v7-whitegrid>*{padding:28px 22px;text-align:center;border-right:1px solid #dde4e5;color:#061217}.v7-whitegrid>*:last-child{border:0}.v7-whitegrid b{display:block;font-size:16px;margin-bottom:5px}.v7-whitegrid small{display:block;color:#667276;font-size:13px}
.v7-flow{min-height:78vh;display:flex;align-items:center;padding:100px 0;border-bottom:1px solid rgba(255,255,255,.09);background:#031014}.v7-flow-bg{position:absolute;inset:0;z-index:-5;background-size:cover;background-position:center;transform:scale(1.04);transition:transform 1.5s ease}.v7-flow.in-view .v7-flow-bg{transform:scale(1)}.v7-flow-it .v7-flow-bg{background-image:linear-gradient(90deg,rgba(1,12,16,.97) 0%,rgba(1,12,16,.72) 48%,rgba(1,12,16,.15)),url('assets/images/service-network.jpg')}.v7-flow-security .v7-flow-bg{background-image:linear-gradient(90deg,rgba(1,12,16,.96) 0%,rgba(1,12,16,.74) 50%,rgba(1,12,16,.15)),url('assets/images/service-security.jpg');background-position:center 40%}.v7-flow-fiber .v7-flow-bg{background-image:linear-gradient(90deg,rgba(1,12,16,.97) 0%,rgba(1,12,16,.74) 52%,rgba(1,12,16,.2)),url('assets/images/service-network.jpg');filter:saturate(1.15)}.v7-flow-service .v7-flow-bg{background-image:linear-gradient(90deg,rgba(1,12,16,.97) 0%,rgba(1,12,16,.7) 52%,rgba(1,12,16,.12)),url('assets/images/service-service.jpg');background-position:center}.v7-flow-content{max-width:1160px;position:relative;z-index:3}.v7-flow-content>*{max-width:590px}.v7-flow h2{font-size:clamp(44px,5.4vw,76px);line-height:.98;letter-spacing:-.04em;margin:0 0 22px}.v7-flow p:not(.v7-kicker){font-size:18px;line-height:1.65;color:#d7e0e2}.v7-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px;max-width:650px}.v7-pills span{padding:10px 14px;border:1px solid rgba(0,238,99,.38);border-radius:999px;background:rgba(1,15,18,.58);backdrop-filter:blur(8px);font-size:13px}.v7-link{display:inline-flex;align-items:center;gap:18px;margin-top:20px;padding:13px 18px;border:1px solid var(--green);border-radius:7px;color:#fff;font-weight:800;background:rgba(0,238,99,.08)}.v7-link span{color:var(--green);font-size:22px}
.v7-tech-net{position:absolute;inset:0;z-index:-1;opacity:.52;background-image:radial-gradient(circle at 18% 64%,rgba(0,255,113,.95) 0 2px,transparent 3px),radial-gradient(circle at 37% 51%,rgba(0,255,113,.8) 0 2px,transparent 3px),radial-gradient(circle at 58% 68%,rgba(0,255,113,.8) 0 2px,transparent 3px),linear-gradient(24deg,transparent 44%,rgba(0,255,113,.25) 45%,transparent 46%),linear-gradient(-14deg,transparent 49%,rgba(0,255,113,.18) 50%,transparent 51%);background-size:420px 280px;animation:v7net 14s linear infinite}.net-two{opacity:.35;animation-duration:20s}.v7-mist{position:absolute;z-index:-1;width:55vw;height:35vw;left:-10vw;bottom:-18vw;background:radial-gradient(ellipse,rgba(0,238,99,.17),rgba(0,238,99,0) 68%);filter:blur(30px);animation:v7mist 10s ease-in-out infinite alternate}.mist-two{left:auto;right:-12vw;bottom:-10vw}.v7-scan{position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 0 46%,rgba(0,238,99,.08) 49%,transparent 52%);animation:v7scan 7s linear infinite}.v7-fiber-lines{position:absolute;inset:0;z-index:-1;opacity:.4;background:repeating-radial-gradient(ellipse at 70% 65%,transparent 0 58px,rgba(0,238,99,.16) 60px,transparent 63px);animation:v7pulse 5s ease-in-out infinite}
.v7-audience{background:#fff;color:#061217;padding:70px 0}.v7-audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#dfe6e7}.v7-audience article{background:#fff;padding:52px}.v7-audience span{color:var(--green);font-weight:900}.v7-audience h3{font-size:36px;margin:10px 0}.v7-audience p{font-size:17px;color:#5e6b6f;max-width:480px}.v7-contact{padding:110px 0;background:#041318}.v7-contact-bg{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(1,12,16,.97),rgba(1,12,16,.5)),url('assets/images/service-it.jpg') center/cover no-repeat}.v7-contact h2{font-size:clamp(44px,5vw,70px);margin:0 0 10px}.v7-contact p:not(.v7-kicker){font-size:20px}.v7-contact-actions{display:flex;gap:12px;align-items:center;margin-top:28px}.v7-button{padding:16px 22px;background:var(--green);color:#03120a;border-radius:7px;font-weight:900}.v7-phone{padding:15px 22px;border:1px solid rgba(255,255,255,.45);border-radius:7px;color:#fff;font-weight:800}
.v7-reveal{opacity:0;transform:translateY(34px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}.v7-reveal.in-view{opacity:1;transform:none}@keyframes v7breath{to{transform:scale(1.14)}}@keyframes v7net{to{background-position:420px 0}}@keyframes v7mist{to{transform:translate(18vw,-5vw) scale(1.2);opacity:.55}}@keyframes v7scan{from{transform:translateX(-55%)}to{transform:translateX(55%)}}@keyframes v7pulse{50%{opacity:.7;transform:scale(1.03)}}
@media(max-width:900px){.v7-header .brand .custom-logo{max-width:125px!important}.v7-gates,.v7-whitegrid,.v7-audience-grid{grid-template-columns:1fr 1fr}.v7-hero{padding-top:110px}.v7-flow{min-height:68vh}.v7-whitegrid>*:nth-child(2){border-right:0}.v7-whitegrid>*{border-bottom:1px solid #dde4e5}.v7-whitegrid>*:nth-child(3),.v7-whitegrid>*:nth-child(4){border-bottom:0}}
@media(max-width:620px){.v7-hero{min-height:auto;padding:125px 0 50px}.v7-hero-logo .custom-logo{width:min(330px,80vw)!important}.v7-hero h1{font-size:44px}.v7-gates{grid-template-columns:1fr}.v7-gate{grid-template-columns:44px 1fr 36px;padding:19px}.v7-gate b{font-size:21px}.v7-gate small{font-size:12px}.v7-whitegrid{grid-template-columns:1fr 1fr}.v7-whitegrid>*{padding:20px 12px}.v7-whitegrid small{font-size:11px}.v7-flow{min-height:76vh;padding:80px 0}.v7-flow h2{font-size:43px}.v7-flow p:not(.v7-kicker){font-size:16px}.v7-audience-grid{grid-template-columns:1fr}.v7-audience article{padding:36px 24px}.v7-contact-actions{align-items:stretch;flex-direction:column}.v7-contact-actions a{text-align:center}.v7-tech-net{opacity:.28}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.v7-hero-visual,.v7-tech-net,.v7-mist,.v7-scan,.v7-fiber-lines{animation:none!important}.v7-reveal{opacity:1;transform:none;transition:none}}

/* ===== SpeTec V7.1 ===== */
.v71-home .v7-hero{min-height:100svh}.v7-header .header-inner{justify-content:flex-end}.v7-header .main-nav{margin-left:auto}.v7-header .brand{display:none!important}.v71-home .v7-hero-visual{background-image:linear-gradient(90deg,rgba(1,11,15,.96) 0%,rgba(1,11,15,.77) 37%,rgba(1,11,15,.14) 72%),url('assets/images/hero-tech.jpg');animation:v71hero 22s ease-in-out infinite alternate}.v71-hero-glow{position:absolute;left:5%;top:17%;width:42%;height:50%;z-index:-1;background:radial-gradient(ellipse,rgba(0,238,99,.11),transparent 66%);filter:blur(24px);animation:v71glow 7s ease-in-out infinite alternate}.v71-home .v7-hero-logo{margin-bottom:34px}.v71-home .v7-hero-logo .custom-logo{width:min(520px,64vw)!important;max-height:175px!important}.v71-home .v7-hero h1{max-width:760px}.v71-home .v7-lead{margin-bottom:38px}
/* Effekte bewusst nur lokal pro Bild */
.v71-it-pulse{position:absolute;right:4%;bottom:12%;width:38%;height:38%;z-index:-1;background:radial-gradient(circle at 70% 55%,rgba(0,238,99,.22),transparent 12%),radial-gradient(circle at 43% 62%,rgba(0,238,99,.13),transparent 8%);filter:blur(4px);animation:v71pulse 5s ease-in-out infinite alternate}.v71-security-zone{position:absolute;right:4%;top:17%;width:38%;height:58%;z-index:-1;border:1px solid rgba(0,238,99,.18);clip-path:polygon(48% 0,100% 22%,84% 100%,14% 83%,0 24%);background:linear-gradient(125deg,transparent 42%,rgba(0,238,99,.08) 50%,transparent 58%);animation:v71security 7s ease-in-out infinite alternate}.v71-gridnet{position:absolute;right:-2%;top:9%;width:58%;height:76%;z-index:-1;opacity:.52;mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 90%,transparent);background-image:linear-gradient(rgba(0,238,99,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(0,238,99,.14) 1px,transparent 1px),radial-gradient(circle,rgba(0,255,110,.9) 0 2px,transparent 3px);background-size:54px 54px,54px 54px,108px 108px;transform:perspective(650px) rotateY(-15deg) rotateX(5deg);transform-origin:right center;animation:v71grid 9s ease-in-out infinite alternate}.v71-gridpulse{position:absolute;right:7%;top:30%;width:36%;height:3px;z-index:-1;background:linear-gradient(90deg,transparent,var(--green),transparent);box-shadow:0 0 18px rgba(0,238,99,.75);animation:v71travel 6s ease-in-out infinite}.v71-service-light{position:absolute;right:12%;top:18%;width:25%;height:55%;z-index:-1;background:radial-gradient(ellipse,rgba(0,238,99,.1),transparent 65%);filter:blur(22px);animation:v71service 8s ease-in-out infinite alternate}.v71-footer{background:#020b0e!important;border-top:1px solid rgba(255,255,255,.1);padding:27px 0!important;color:#aab6b9}.v71-footer .v71-footer-row{display:flex;justify-content:space-between;gap:24px;align-items:center;font-size:13px}.v71-footer nav{display:flex;gap:22px}.v71-footer a:hover{color:var(--green)}
@keyframes v71hero{to{transform:scale(1.12) translate3d(-1%,.5%,0)}}@keyframes v71glow{to{transform:translate(8%,6%) scale(1.15);opacity:.55}}@keyframes v71pulse{to{transform:translate(-7%,-5%) scale(1.15);opacity:.6}}@keyframes v71security{to{transform:translate(-3%,2%) scale(1.025);border-color:rgba(0,238,99,.35)}}@keyframes v71grid{to{background-position:27px 12px,27px 12px,54px 54px;opacity:.7}}@keyframes v71travel{0%,100%{transform:translateY(-90px);opacity:0}35%,70%{opacity:.75}50%{transform:translateY(120px)}}@keyframes v71service{to{transform:translate(-8%,4%) scale(1.12);opacity:.5}}
@media(max-width:900px){.v7-header .header-inner{justify-content:space-between}.v7-header .nav-toggle{margin-left:auto}.v71-gridnet{width:70%;opacity:.34}.v71-footer .v71-footer-row{flex-direction:column;text-align:center}.v71-footer nav{flex-wrap:wrap;justify-content:center}}
@media(prefers-reduced-motion:reduce){.v71-home .v7-hero-visual,.v71-hero-glow,.v71-it-pulse,.v71-security-zone,.v71-gridnet,.v71-gridpulse,.v71-service-light{animation:none!important}}
/* V7.2 cinematic multi-scene hero */
.v72-hero{height:min(820px,86vh);min-height:650px;position:relative;overflow:hidden;background:#031014;color:#fff}.v72-slides,.v72-slide{position:absolute;inset:0}.v72-slide{opacity:0;transform:scale(1.035);transition:opacity 1.25s ease,transform 7s ease;background-position:center;background-size:cover}.v72-slide.is-active{opacity:1;transform:scale(1.08);z-index:1}.v72-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,12,16,.91) 0%,rgba(2,12,16,.66) 35%,rgba(2,12,16,.12) 68%,rgba(2,12,16,.38) 100%)}.v72-security{background-image:url('assets/images/hero-security-v72.jpg')}.v72-it{background-image:url('assets/images/hero-it-v72.jpg')}.v72-network{background-image:url('assets/images/hero-network-v72.jpg')}.v72-service{background-image:url('assets/images/hero-service-v72.jpg')}.v72-hero-inner{height:100%;position:relative;z-index:5;display:flex;align-items:center}.v72-brand{width:min(680px,70vw);margin-top:-20px}.v72-logo{margin:0 0 30px}.v72-logo .custom-logo-link{display:block}.v72-logo .custom-logo{width:min(420px,55vw)!important;max-width:none!important;max-height:150px!important;height:auto!important;object-fit:contain;object-position:left center;filter:drop-shadow(0 10px 24px rgba(0,0,0,.4))}.v72-logo>strong{font-size:92px;font-style:italic}.v72-logo>strong span{color:var(--green)}.v72-brand h1{font-size:clamp(54px,6vw,92px);line-height:.94;letter-spacing:-4px;margin:15px 0 22px}.v72-brand h1 em{display:block;color:var(--green);font-style:normal}.v72-lead{font-size:22px;max-width:650px}.v72-caption{position:absolute;right:0;bottom:90px;text-align:right;display:flex;flex-direction:column;gap:5px;text-shadow:0 2px 12px #000}.v72-caption strong{font-size:24px}.v72-caption span{font-size:14px;color:#d9e1e2}.v72-dots{position:absolute;left:0;bottom:54px;display:flex;gap:13px}.v72-dots button{width:9px;height:9px;border:0;border-radius:50%;background:#829093;padding:0;cursor:pointer;transition:.3s}.v72-dots button.active{background:var(--green);box-shadow:0 0 0 6px rgba(0,238,99,.12)}
.v72-quick{display:grid;grid-template-columns:repeat(4,1fr);background:#061116}.v72-quick a{min-height:145px;padding:28px 30px;color:#fff;border-right:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.35));transition:.3s}.v72-quick a:hover{background:#0a1d20;transform:translateY(-4px)}.v72-quick b{font-size:22px;margin-bottom:7px}.v72-quick span{font-size:13px;line-height:1.5;color:#cbd4d6}
/* effects are deliberately local, not full-screen */
.v72-fx{position:absolute;z-index:2;pointer-events:none}.v72-scan{right:7%;top:19%;width:28%;height:48%;border:1px solid rgba(0,238,99,.18);clip-path:polygon(18% 0,100% 8%,88% 100%,0 83%);opacity:.8}.v72-scan:before,.v72-scan:after{content:"";position:absolute;border:1px solid rgba(0,238,99,.55);inset:12% 9%;animation:v72ScanBox 4s ease-in-out infinite alternate}.v72-scan:after{inset:29% 24%;animation-delay:-1.7s}.v72-scan i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green);animation:v72Blink 2.5s infinite}.v72-scan i:nth-child(1){left:16%;top:18%}.v72-scan i:nth-child(2){right:12%;top:43%;animation-delay:.8s}.v72-scan i:nth-child(3){left:45%;bottom:9%;animation-delay:1.4s}
.v72-data{right:9%;bottom:14%;width:31%;height:45%;overflow:hidden}.v72-data i{position:absolute;left:-30%;width:52%;height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent);box-shadow:0 0 12px rgba(0,238,99,.7);animation:v72Data 3.8s linear infinite}.v72-data i:nth-child(1){top:18%}.v72-data i:nth-child(2){top:40%;animation-delay:-1s}.v72-data i:nth-child(3){top:62%;animation-delay:-2.1s}.v72-data i:nth-child(4){top:82%;animation-delay:-3s}
.v72-net{right:5%;top:20%;width:38%;height:50%;background-image:linear-gradient(rgba(0,238,99,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(0,238,99,.13) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at 60% 50%,#000 0 35%,transparent 73%);animation:v72Grid 8s linear infinite}.v72-net i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 16px var(--green);animation:v72Blink 2.6s infinite}.v72-net i:nth-child(1){left:16%;top:25%}.v72-net i:nth-child(2){left:45%;top:18%;animation-delay:.5s}.v72-net i:nth-child(3){left:72%;top:35%;animation-delay:1s}.v72-net i:nth-child(4){left:30%;top:62%;animation-delay:1.5s}.v72-net i:nth-child(5){left:61%;top:72%;animation-delay:2s}.v72-net i:nth-child(6){left:83%;top:60%;animation-delay:2.3s}.v72-softlight{right:8%;top:18%;width:34%;height:52%;background:radial-gradient(circle at 50% 50%,rgba(0,238,99,.20),transparent 62%);filter:blur(10px);animation:v72Breathe 5s ease-in-out infinite}
@keyframes v72ScanBox{from{transform:scale(.94);opacity:.35}to{transform:scale(1.04);opacity:.85}}@keyframes v72Blink{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.35)}}@keyframes v72Data{from{transform:translateX(0)}to{transform:translateX(280%)}}@keyframes v72Grid{from{background-position:0 0,0 0}to{background-position:48px 24px,24px 48px}}@keyframes v72Breathe{0%,100%{opacity:.25;transform:scale(.9)}50%{opacity:.8;transform:scale(1.15)}}
@media(max-width:900px){.v72-hero{min-height:690px;height:86vh}.v72-brand{width:88vw}.v72-logo .custom-logo{width:min(340px,70vw)!important}.v72-brand h1{font-size:58px;letter-spacing:-2px}.v72-quick{grid-template-columns:1fr 1fr}.v72-caption{display:none}.v72-net,.v72-data,.v72-scan,.v72-softlight{right:-8%;width:55%;opacity:.65}}
@media(max-width:600px){.v72-hero{min-height:620px}.v72-brand h1{font-size:48px}.v72-lead{font-size:18px}.v72-quick{grid-template-columns:1fr}.v72-quick a{min-height:105px}.v72-dots{bottom:30px}.v72-logo .custom-logo{width:min(300px,76vw)!important}}
@media(prefers-reduced-motion:reduce){.v72-slide,.v72-fx,.v72-fx *{animation:none!important;transition:none!important}}
/* V7.3 – Logo, wechselnde Hero-Texte und bessere Lesbarkeit */
.v73-hero .v72-slide:after{background:linear-gradient(90deg,rgba(2,11,15,.88) 0%,rgba(2,11,15,.58) 32%,rgba(2,11,15,.06) 62%,rgba(2,11,15,.18) 100%)}
.v73-brand{width:min(620px,68vw);margin-top:-5px}.v73-logo{margin-bottom:48px}.v73-logo .custom-logo{width:min(285px,40vw)!important;max-height:105px!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.48))}.v73-copy{padding-left:2px}.v73-brand h1{font-size:clamp(48px,5vw,76px);letter-spacing:-2.8px;margin:12px 0 18px}.v73-lead{font-size:19px;max-width:560px}.v73-intro{background:#061116;color:#fff;border-top:1px solid rgba(255,255,255,.08)}.v73-intro .wrap{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:30px}.v73-intro strong{font-size:24px}.v73-intro span{color:#c9d2d4;font-size:16px}
.v73-flow .v7-flow-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,12,16,.94) 0%,rgba(2,12,16,.82) 29%,rgba(2,12,16,.30) 52%,rgba(2,12,16,.05) 72%)}.v73-flow .v7-flow-content{position:relative;z-index:3;max-width:610px;text-shadow:0 2px 16px rgba(0,0,0,.6)}.v73-flow .v7-flow-content p{color:#f0f4f5!important}.v73-flow{min-height:590px}.v73-flow .v7-flow-bg{background-position:center!important;filter:saturate(.92) contrast(1.05)}
@media(max-width:900px){.v73-logo{margin-bottom:34px}.v73-logo .custom-logo{width:min(245px,56vw)!important}.v73-brand{width:88vw}.v73-intro .wrap{padding:20px 0;display:block}.v73-intro strong,.v73-intro span{display:block}.v73-intro span{margin-top:5px}.v73-flow .v7-flow-bg:after{background:linear-gradient(90deg,rgba(2,12,16,.93),rgba(2,12,16,.48))}}

/* V7.4 – Original SpeTec logo is the visual brand anchor.
   Never reconstruct the wordmark with HTML text. */
.v74-logo{margin:0 0 64px!important;min-height:128px;display:flex;align-items:center;position:relative}
.v74-logo .custom-logo-link,.v74-logo .v74-original-logo{display:inline-flex!important;align-items:center;max-width:100%}
.v74-logo .custom-logo,.v74-logo .v74-original-logo img{display:block;width:min(430px,46vw)!important;max-width:none!important;max-height:145px!important;height:auto!important;object-fit:contain;object-position:left center;filter:drop-shadow(0 12px 30px rgba(0,0,0,.55))}
.v74-logo strong{display:none!important}
.v73-copy{max-width:600px}
.v73-copy .v7-kicker{margin-top:0}
@media(max-width:900px){.v74-logo{margin-bottom:45px!important;min-height:105px}.v74-logo .custom-logo,.v74-logo .v74-original-logo img{width:min(365px,68vw)!important;max-height:125px!important}}
@media(max-width:600px){.v74-logo{margin-bottom:36px!important;min-height:88px}.v74-logo .custom-logo,.v74-logo .v74-original-logo img{width:min(320px,76vw)!important;max-height:105px!important}}


/* V7.5 – brighter alternating image/text sections + robust original logo + header spacing */
.site-header.v7-header{height:82px;min-height:82px;overflow:visible}
.v7-header .header-inner{height:100%;align-items:center;justify-content:flex-end}
.v7-header .main-nav{height:100%;align-items:center;gap:24px;white-space:nowrap}
.v7-header .main-nav>a{display:flex;align-items:center;height:100%}
.v7-header .main-nav .remote{height:auto;padding:14px 19px}
.v75-logo{margin-bottom:50px!important;min-height:140px}
.v75-logo .v74-original-logo img{width:min(470px,48vw)!important;max-height:160px!important}

.v75-split{display:grid;grid-template-columns:1fr 1fr;min-height:570px;background:#fff;overflow:hidden;border-top:1px solid #e7ecee}
.v75-split.v75-reverse .v75-photo{order:2}.v75-split.v75-reverse .v75-text{order:1}
.v75-photo{position:relative;min-height:570px;background-size:cover;background-position:center;overflow:hidden}
.v75-it .v75-photo{background-image:url('assets/images/hero-it-v72.jpg')}
.v75-security .v75-photo{background-image:url('assets/images/hero-security-v72.jpg')}
.v75-network .v75-photo{background-image:url('assets/images/hero-network-v72.jpg')}
.v75-service .v75-photo{background-image:url('assets/images/hero-service-v72.jpg')}
.v75-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,12,16,.03),rgba(2,12,16,.13));pointer-events:none}
.v75-text{background:#fff;display:flex;align-items:center;color:#10191d}
.v75-text-inner{width:min(620px,calc(100% - 90px));margin:auto;padding:74px 0}
.v75-text .v7-kicker{color:#00a84b;margin:0 0 18px;font-size:14px;letter-spacing:3px;font-weight:900;text-transform:uppercase}
.v75-text h2{margin:0 0 25px;font-size:clamp(42px,4.2vw,68px);line-height:.98;letter-spacing:-2.5px;color:#0b151a}
.v75-text h2 em{font-style:normal;color:#00b94f}
.v75-text p:not(.v7-kicker){margin:0;max-width:560px;color:#46545a;font-size:19px;line-height:1.7}
/* Local effects only on the image half */
.v75-it-fx{position:absolute;right:9%;bottom:14%;width:42%;height:34%;z-index:2;background:repeating-linear-gradient(0deg,transparent 0 30px,rgba(0,238,99,.12) 31px 32px);mask-image:linear-gradient(90deg,transparent,#000);animation:v75data 5s linear infinite}
.v75-security-fx{position:absolute;right:8%;top:20%;width:34%;height:44%;z-index:2;border:1px solid rgba(0,238,99,.45);box-shadow:0 0 0 18px rgba(0,238,99,.04),inset 0 0 35px rgba(0,238,99,.08);animation:v75scan 3.8s ease-in-out infinite alternate}
.v75-network-fx{position:absolute;right:5%;top:15%;width:52%;height:60%;z-index:2;background-image:linear-gradient(rgba(0,238,99,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(0,238,99,.18) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse,#000 0 38%,transparent 72%);animation:v75grid 8s linear infinite}
@keyframes v75data{to{background-position:0 64px}}@keyframes v75scan{to{transform:scale(1.06);opacity:.55}}@keyframes v75grid{to{background-position:52px 26px,26px 52px}}
@media(max-width:1380px){.v7-header .main-nav{gap:17px;font-size:13px}.v7-header .main-nav .remote{padding:12px 14px}}
@media(max-width:1050px){.site-header.v7-header{height:74px;min-height:74px}.v7-header .nav-toggle{display:block}.v7-header .main-nav{height:auto;white-space:normal}.v75-logo .v74-original-logo img{width:min(400px,62vw)!important}.v75-split{grid-template-columns:1fr;min-height:0}.v75-split .v75-photo,.v75-split.v75-reverse .v75-photo{order:1;min-height:430px}.v75-split .v75-text,.v75-split.v75-reverse .v75-text{order:2}.v75-text-inner{width:min(680px,calc(100% - 52px));padding:58px 0}.v75-text h2{font-size:50px}}
@media(max-width:600px){.v75-logo{min-height:105px;margin-bottom:34px!important}.v75-logo .v74-original-logo img{width:min(350px,82vw)!important;max-height:125px!important}.v75-split .v75-photo,.v75-split.v75-reverse .v75-photo{min-height:300px}.v75-text-inner{width:calc(100% - 38px);padding:45px 0}.v75-text h2{font-size:39px;letter-spacing:-1.5px}.v75-text p:not(.v7-kicker){font-size:17px}}
@media(prefers-reduced-motion:reduce){.v75-it-fx,.v75-security-fx,.v75-network-fx{animation:none!important}}


/* V7.11 — one original logo in a real diagonal header panel. */
.site-header.v711-header{
  height:82px; min-height:82px; overflow:visible;
  background:rgba(2,13,17,.78)!important;
  backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
}
.v711-header .header-inner{position:relative;z-index:4;width:min(1240px,calc(100% - 42px));margin:auto;padding-left:390px;justify-content:flex-end}
.v711-brand-panel{
  position:absolute;z-index:3;left:0;top:0;width:540px;height:220px;
  background:rgba(2,13,17,.78);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  clip-path:polygon(0 0,100% 0,82% 76%,0 100%);
  border-bottom:1px solid rgba(255,255,255,.08);
  overflow:visible;
}
.v711-header-logo{position:absolute;left:52px;top:24px;width:430px;height:132px;display:flex;align-items:center;justify-content:flex-start}
.v711-header-logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:left top;max-width:none!important;max-height:none!important;filter:drop-shadow(0 10px 22px rgba(0,0,0,.42))}
/* Hero copy starts below the diagonal brand panel; the logo is no longer duplicated in the hero. */
.v711-header + main .v72-brand{margin-top:72px}
.v711-header + main .v73-copy{padding-left:2px}

@media(max-width:1380px) and (min-width:1051px){
 .v711-brand-panel{width:455px;height:190px}
 .v711-header-logo{left:34px;top:21px;width:360px;height:112px}
 .v711-header .header-inner{padding-left:330px}
 .v711-header .main-nav{gap:15px!important;font-size:12.5px!important}
}
@media(max-width:1050px){
 .site-header.v711-header{height:74px;min-height:74px}
 .v711-brand-panel{width:310px;height:135px;clip-path:polygon(0 0,100% 0,84% 78%,0 100%)}
 .v711-header-logo{left:24px;top:15px;width:245px;height:76px}
 .v711-header .header-inner{padding-left:280px}
 .v711-header .nav-toggle{display:block;margin-left:auto}
 .v711-header .main-nav{top:74px;z-index:10}
 .v711-header + main .v72-brand{margin-top:48px}
}
@media(max-width:600px){
 .site-header.v711-header{height:68px;min-height:68px}
 .v711-brand-panel{width:220px;height:108px}
 .v711-header-logo{left:16px;top:12px;width:174px;height:55px}
 .v711-header .header-inner{padding-left:185px;width:calc(100% - 24px)}
 .v711-header .main-nav{top:68px}
 .v711-header + main .v72-brand{margin-top:36px}
}