/*
Frohberg Elektrotechnik – Website 2026
Verfasser: Ilker Mutludag
*/
:root{--bg:#03070d;--bg2:#07101a;--panel:#091521;--panel2:#0d1b29;--line:rgba(255,255,255,.11);--line2:rgba(255,255,255,.18);--text:#f4f8fb;--muted:#aab8c4;--green:#00f20d;--green2:#66ff70;--shadow:0 30px 90px rgba(0,0,0,.45);--r:28px;--r2:18px;--max:1240px;--header:84px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;color:var(--text);background:radial-gradient(circle at 10% 10%,rgba(0,242,13,.075),transparent 32%),var(--bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.6;overflow-x:hidden}body.lock{overflow:hidden;overscroll-behavior:none}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}button{color:inherit}.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.skip{position:fixed;left:12px;top:-60px;z-index:1000;background:#fff;color:#000;padding:.7rem 1rem;border-radius:10px}.skip:focus{top:12px}.eyebrow{display:inline-flex;align-items:center;gap:.6rem;text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:.73rem;color:var(--green2)}.eyebrow:before{content:"";width:32px;height:1px;background:currentColor;box-shadow:0 0 14px currentColor}.lead{font-size:clamp(1.05rem,1.6vw,1.28rem);color:#c7d2db;max-width:760px}.muted{color:var(--muted)}
#scroll-progress{position:fixed;z-index:999;top:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--green),#7dff87);box-shadow:0 0 18px var(--green)}
.cursor-glow{position:fixed;z-index:2;width:420px;height:420px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(0,242,13,.08),transparent 68%);transform:translate(-50%,-50%);opacity:0;transition:opacity .3s}.cursor-glow.on{opacity:1}
.boot{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;background:#02050a;transition:opacity .7s ease,visibility .7s}.boot.done{opacity:0;visibility:hidden}.boot-inner{width:min(420px,80vw);text-align:center}.boot-logo{width:190px;height:auto;max-height:160px;object-fit:contain;margin:auto;filter:drop-shadow(0 0 24px rgba(0,255,15,.25));animation:bootPulse 1.2s ease-in-out infinite alternate}.boot-line{height:2px;margin-top:30px;background:rgba(255,255,255,.1);overflow:hidden}.boot-line:before{content:"";display:block;width:40%;height:100%;background:var(--green);box-shadow:0 0 20px var(--green);animation:bootLine 1.15s ease-in-out infinite}.boot-status{font:700 .7rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.2em;color:#8d9aa5;margin-top:14px}@keyframes bootPulse{to{transform:scale(1.025);filter:drop-shadow(0 0 38px rgba(0,255,15,.45))}}@keyframes bootLine{0%{transform:translateX(-110%)}100%{transform:translateX(360%)}}
.site-header{position:fixed;z-index:100;top:0;left:0;right:0;height:var(--header);transition:background .35s,border .35s,backdrop-filter .35s}.site-header.scrolled{background:rgba(3,7,13,.82);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:flex;align-items:center;height:70px}.brand img{width:auto;height:58px;max-width:132px;object-fit:contain;object-position:left center}.site-nav{display:flex;align-items:center;gap:.25rem}.site-nav a{font-weight:700;font-size:.88rem;color:#d5dee5;padding:.72rem .86rem;border-radius:999px;transition:.25s}.site-nav a:hover,.site-nav a.active{color:#fff;background:rgba(255,255,255,.07)}.site-nav .nav-cta{margin-left:.4rem;background:var(--green);color:#021105;padding:.78rem 1.08rem;box-shadow:0 0 0 0 rgba(0,242,13,.3);animation:ctaPulse 3s infinite}.site-nav .nav-cta:hover{background:#4dff58;color:#001603;transform:translateY(-1px)}@keyframes ctaPulse{50%{box-shadow:0 0 0 10px rgba(0,242,13,0)}}.nav-toggle{display:none;width:48px;height:48px;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:14px;padding:13px}.nav-toggle span{display:block;height:2px;background:#fff;margin:5px 0;transition:.25s}
.hero{position:relative;min-height:100svh;display:grid;align-items:end;isolation:isolate;overflow:hidden;background:#02070d}.hero-bg{position:absolute;inset:-4%;z-index:-4;background-image:linear-gradient(90deg,rgba(2,7,13,.96) 0%,rgba(2,7,13,.8) 41%,rgba(2,7,13,.28) 72%,rgba(2,7,13,.68) 100%),linear-gradient(0deg,#03070d 0%,transparent 28%),url('../img/hero-house.webp');background-size:cover;background-position:center;transform:scale(1.06);will-change:transform}.hero-gridfx{position:absolute;inset:0;z-index:-3;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to right,#000,transparent 76%)}.hero-beam{position:absolute;z-index:-2;left:52%;top:15%;width:2px;height:70vh;background:linear-gradient(transparent,var(--green),transparent);box-shadow:0 0 28px var(--green);transform:rotate(18deg);opacity:.45;animation:beam 6s ease-in-out infinite}.hero-beam.b2{left:74%;top:35%;height:48vh;animation-delay:-3s;opacity:.25}@keyframes beam{50%{transform:translateX(70px) rotate(18deg);opacity:.15}}#circuit-canvas{position:absolute;inset:0;z-index:-1;width:100%;height:100%;opacity:.6}.hero-content{position:relative;padding:calc(var(--header) + 8vh) 0 9vh}.hero-copy{max-width:850px}.hero h1{font-size:clamp(3.3rem,8.2vw,8.1rem);line-height:.88;letter-spacing:-.065em;margin:.85rem 0 1.35rem;font-weight:880}.hero h1 .outline{-webkit-text-stroke:1px rgba(255,255,255,.5);color:transparent}.hero h1 .electric{color:var(--green);text-shadow:0 0 32px rgba(0,242,13,.25)}.hero .lead{max-width:660px}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.1rem}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:52px;padding:.8rem 1.2rem;border:1px solid var(--line2);border-radius:15px;font-weight:800;overflow:hidden;transition:transform .25s,border .25s,background .25s}.btn:before{content:"";position:absolute;inset:-100% -30%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.28),transparent 60%);transform:translateX(-60%);transition:.55s}.btn:hover:before{transform:translateX(60%)}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--green);color:#001604;border-color:transparent;box-shadow:0 18px 42px rgba(0,242,13,.18)}.btn-secondary{background:rgba(6,15,25,.62);backdrop-filter:blur(12px)}.btn svg{width:20px;height:20px}.hero-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:3.5rem}.meta-pill{display:flex;align-items:center;gap:.7rem;padding:.75rem .95rem;border-radius:999px;background:rgba(8,18,29,.58);border:1px solid var(--line);backdrop-filter:blur(10px);font-size:.84rem;font-weight:750}.meta-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}.hero-float{position:absolute;right:0;bottom:8vh;width:min(360px,32vw);padding:1.2rem;border:1px solid var(--line2);background:rgba(5,12,20,.56);backdrop-filter:blur(18px);border-radius:22px;box-shadow:var(--shadow);transform:perspective(800px) rotateY(-7deg) rotateX(3deg);animation:float 5s ease-in-out infinite}.hero-float-top{display:flex;justify-content:space-between;align-items:center;color:#9fb0bc;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em}.hero-float h3{font-size:1.18rem;margin:.8rem 0}.signal{display:flex;gap:4px;align-items:end}.signal i{display:block;width:3px;background:var(--green);border-radius:2px;animation:sig 1.4s ease-in-out infinite}.signal i:nth-child(1){height:7px}.signal i:nth-child(2){height:12px;animation-delay:.15s}.signal i:nth-child(3){height:18px;animation-delay:.3s}.float-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.float-grid span{padding:.72rem .45rem;text-align:center;border:1px solid var(--line);border-radius:12px;color:#dbe4ea;font-weight:750;font-size:.78rem;background:rgba(255,255,255,.025)}@keyframes float{50%{transform:translateY(-10px) perspective(800px) rotateY(-4deg) rotateX(1deg)}}@keyframes sig{50%{opacity:.3}}
.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#050b12}.marquee-track{display:flex;width:max-content;animation:marquee 28s linear infinite}.marquee span{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;color:#dbe4ea;font-weight:800;white-space:nowrap}.marquee span:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}@keyframes marquee{to{transform:translateX(-50%)}}
.section{position:relative;padding:clamp(5.5rem,10vw,9.5rem) 0}.section-head{display:grid;grid-template-columns:.72fr 1.28fr;gap:3rem;align-items:end;margin-bottom:3rem}.section-head h2{font-size:clamp(2.5rem,6vw,5.5rem);line-height:.96;letter-spacing:-.055em;margin:.7rem 0}.section-head p{justify-self:end}.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.show{opacity:1;transform:none}.clip-reveal{clip-path:inset(0 0 100% 0);transition:clip-path 1s cubic-bezier(.2,.7,.2,1)}.clip-reveal.show{clip-path:inset(0)}
.services{background:linear-gradient(180deg,#03070d,#06101a 50%,#03070d)}.service-bento{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:340px;gap:18px}.service-card{--accent:var(--green);position:relative;grid-column:span 4;overflow:hidden;border-radius:var(--r);border:1px solid var(--line);isolation:isolate;background:#07111b;box-shadow:0 16px 50px rgba(0,0,0,.18);transform-style:preserve-3d;transition:border-color .35s,box-shadow .35s}.service-card:nth-child(1),.service-card:nth-child(5){grid-column:span 8}.service-card:nth-child(1){grid-row:span 2}.service-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s;filter:saturate(.82) contrast(1.06)}.service-card:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,transparent 15%,rgba(2,7,13,.2) 40%,rgba(2,7,13,.96) 100%)}.service-card:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--accent) 32%,transparent),transparent 34%);opacity:0;transition:opacity .3s}.service-card:hover{border-color:color-mix(in srgb,var(--accent) 50%,white);box-shadow:0 26px 80px rgba(0,0,0,.42)}.service-card:hover:before{opacity:.55}.service-card:hover img{transform:scale(1.075);filter:saturate(1.04) contrast(1.08)}.service-content{position:absolute;inset:auto 0 0;padding:1.55rem;transform:translateZ(28px)}.service-num{font:800 .72rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--accent);letter-spacing:.18em}.service-card h3{font-size:clamp(1.45rem,2.7vw,2.45rem);line-height:1.05;letter-spacing:-.035em;margin:.65rem 0}.service-card p{margin:0;color:#c2ced7;max-width:560px;font-size:.94rem}.service-link{display:inline-flex;align-items:center;gap:.45rem;margin-top:1rem;color:var(--accent);font-weight:850;font-size:.85rem}.service-link i{font-style:normal;transition:transform .25s}.service-card:hover .service-link i{transform:translateX(5px)}
.systems{overflow:hidden}.systems:before{content:"";position:absolute;width:65vw;height:65vw;right:-30vw;top:-15vw;border:1px solid rgba(0,242,13,.12);border-radius:50%;box-shadow:0 0 0 90px rgba(0,242,13,.018),0 0 0 180px rgba(0,242,13,.012)}.system-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem;align-items:center}.system-tabs{display:grid;gap:.65rem;margin-top:2rem}.system-tab{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;width:100%;text-align:left;padding:1rem 1.1rem;background:transparent;border:1px solid var(--line);border-radius:16px;cursor:pointer;transition:.3s}.system-tab b{font-size:1rem}.system-tab small{display:block;color:var(--muted)}.system-tab i{width:9px;height:9px;border-radius:50%;border:1px solid #81909c}.system-tab.active{background:rgba(0,242,13,.07);border-color:rgba(0,242,13,.35)}.system-tab.active i{background:var(--green);border-color:var(--green);box-shadow:0 0 14px var(--green)}.system-visual{position:relative;min-height:610px;border-radius:34px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:#07111b}.system-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.07);transition:opacity .6s,transform 1s}.system-visual img.active{opacity:1;transform:scale(1)}.system-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,7,13,.88),transparent 50%)}.system-status{position:absolute;left:1.3rem;right:1.3rem;bottom:1.3rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;border-radius:18px;background:rgba(4,11,18,.72);border:1px solid var(--line2);backdrop-filter:blur(14px)}.system-status strong{font-size:1.05rem}.system-status span{color:var(--green2);font:800 .72rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em}
.partner{background:linear-gradient(135deg,#07121d,#091f1c);overflow:hidden}.partner:before{content:"1";position:absolute;right:-.04em;top:-.38em;font-size:55vw;font-weight:900;line-height:1;color:rgba(0,242,13,.025)}.partner-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:5rem;align-items:center}.onehome-mark{position:relative;aspect-ratio:1;border:1px solid rgba(255,255,255,.13);border-radius:38px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.015));box-shadow:inset 0 1px rgba(255,255,255,.15),var(--shadow);overflow:hidden}.onehome-mark:after{content:"";position:absolute;width:180%;height:25%;background:linear-gradient(90deg,transparent,rgba(0,242,13,.16),transparent);transform:rotate(-30deg);animation:sweep 5s linear infinite}.onehome-mark-inner{text-align:center;position:relative;z-index:2}.onehome-mark strong{display:block;font-size:clamp(4rem,10vw,8rem);line-height:.8;letter-spacing:-.08em}.onehome-mark span{display:block;margin-top:1rem;text-transform:uppercase;letter-spacing:.35em;font-weight:800;color:var(--green2)}@keyframes sweep{from{translate:-80% -100%}to{translate:80% 100%}}.partner h2{font-size:clamp(2.7rem,6vw,5.2rem);line-height:.98;letter-spacing:-.055em;margin:.8rem 0 1.2rem}.feature-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-top:2rem}.feature-row div{padding:1rem;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:16px}.feature-row b{display:block}.feature-row small{color:var(--muted)}
.company-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:5rem;align-items:start}.company h2{font-size:clamp(2.8rem,6vw,5.8rem);line-height:.94;letter-spacing:-.06em;margin:.8rem 0 1.5rem}.company-photo{position:relative;min-height:620px;border-radius:34px;overflow:hidden;border:1px solid var(--line)}.company-photo img{width:100%;height:100%;position:absolute;object-fit:cover}.company-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,7,13,.75),transparent 50%)}.company-note{position:absolute;z-index:2;left:1.3rem;right:1.3rem;bottom:1.3rem;padding:1.2rem;border:1px solid var(--line2);border-radius:18px;background:rgba(3,8,14,.74);backdrop-filter:blur(12px)}.principles{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-top:2rem}.principle{padding:1.1rem;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.principle span{display:block;color:var(--green);font:800 .7rem ui-monospace,monospace;letter-spacing:.15em}.principle b{display:block;margin-top:.4rem}
.contact{background:linear-gradient(180deg,#03070d,#07111c)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem}.contact h2{font-size:clamp(3rem,6vw,5.6rem);line-height:.95;letter-spacing:-.055em;margin:.8rem 0 1rem}.contact-links{display:grid;gap:.75rem;margin-top:2rem}.contact-link{display:flex;align-items:center;justify-content:space-between;padding:1rem;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.02);transition:.25s}.contact-link:hover{border-color:rgba(0,242,13,.4);transform:translateX(4px)}.contact-link small{display:block;color:var(--muted)}.contact-card{padding:clamp(1.4rem,4vw,2.4rem);border:1px solid var(--line);border-radius:30px;background:linear-gradient(150deg,rgba(255,255,255,.065),rgba(255,255,255,.018));box-shadow:var(--shadow);backdrop-filter:blur(14px)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.field{position:relative}.field.full{grid-column:1/-1}.field input,.field textarea,.field select{width:100%;color:#fff;background:#07101a;border:1px solid var(--line);border-radius:14px;padding:1rem;outline:none;transition:.25s}.field textarea{min-height:150px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(0,242,13,.08)}.field label{display:block;font-size:.78rem;font-weight:800;color:#c9d3db;margin:0 0 .38rem}.check{display:flex;gap:.7rem;align-items:flex-start;font-size:.82rem;color:var(--muted)}.check input{margin-top:.26rem;accent-color:var(--green)}.check a{text-decoration:underline}.form-submit{width:100%;border:0;cursor:pointer;margin-top:.2rem}.form-submit[disabled]{opacity:.55;cursor:wait}.form-message{display:none;margin-top:1rem;padding:1rem;border-radius:14px;font-weight:750}.form-message.show{display:block}.form-message.success{background:rgba(0,242,13,.1);border:1px solid rgba(0,242,13,.35);color:#baffbf}.form-message.error{background:rgba(255,77,93,.1);border:1px solid rgba(255,77,93,.3);color:#ffc0c6}.honeypot{position:absolute!important;left:-9999px!important}.success-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px;background:rgba(1,4,8,.8);backdrop-filter:blur(16px);opacity:0;visibility:hidden;transition:.35s}.success-modal.open{opacity:1;visibility:visible}.success-box{width:min(560px,100%);padding:2.2rem;text-align:center;border-radius:30px;border:1px solid rgba(0,242,13,.35);background:#07131d;box-shadow:0 0 90px rgba(0,242,13,.16)}.success-icon{width:82px;height:82px;margin:0 auto 1.2rem;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#001604;box-shadow:0 0 40px rgba(0,242,13,.28)}.success-icon svg{width:40px}.success-box h3{font-size:2rem;margin:.2rem 0}.success-box p{color:var(--muted)}
.downloads{padding-top:0}.download-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.download-card{padding:1.3rem;border:1px solid var(--line);border-radius:20px;background:var(--panel);transition:.25s}.download-card:hover{transform:translateY(-4px);border-color:rgba(0,242,13,.4)}.download-card span{display:block;color:var(--green);font:800 .72rem ui-monospace,monospace;letter-spacing:.14em}.download-card h3{margin:.6rem 0 .2rem}.download-card p{color:var(--muted);font-size:.9rem}
.footer{padding:4rem 0 1.5rem;border-top:1px solid var(--line);background:#02060b}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,.6fr);gap:3rem}.footer-logo{width:auto;height:92px;max-width:170px;object-fit:contain}.footer p{color:var(--muted);max-width:390px}.footer h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:#dbe5ec}.footer-links{display:grid;gap:.55rem}.footer-links a{color:var(--muted);font-size:.9rem}.footer-links a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;margin-top:3.5rem;padding-top:1.2rem;border-top:1px solid var(--line);font-size:.78rem;color:#778692}
/* Service detail pages */
.service-page{--accent:var(--green)}.detail-hero{position:relative;min-height:92svh;display:flex;align-items:end;overflow:hidden;background:#02070d}.detail-photo{position:absolute;inset:-3%;z-index:0}.detail-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.06)}.detail-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,7,13,.97) 0%,rgba(2,7,13,.78) 48%,rgba(2,7,13,.2) 85%),linear-gradient(0deg,#03070d 0%,transparent 30%)}.detail-gridfx{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,#000,transparent)}.detail-content{position:relative;z-index:2;padding:calc(var(--header) + 8vh) 0 8vh;max-width:900px}.detail-kicker{display:flex;align-items:center;gap:1rem;color:var(--accent);font:800 .75rem ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase}.detail-kicker:after{content:"";width:110px;height:1px;background:var(--accent);box-shadow:0 0 14px var(--accent)}.detail-hero h1{font-size:clamp(3.5rem,8.8vw,8.6rem);line-height:.87;letter-spacing:-.067em;margin:.9rem 0 1.3rem}.detail-hero .lead{max-width:720px}.detail-nav{position:absolute;right:2rem;bottom:2rem;z-index:3;display:flex;align-items:center;gap:.8rem;padding:.75rem 1rem;border:1px solid var(--line);background:rgba(3,8,14,.65);backdrop-filter:blur(12px);border-radius:999px;font-size:.78rem;color:#c2ced7}.detail-nav i{width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent)}.intro-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:5rem;align-items:start}.intro-grid h2,.scope h2,.process h2,.faq h2{font-size:clamp(2.7rem,5.7vw,5.3rem);line-height:.96;letter-spacing:-.055em;margin:.7rem 0}.intro-copy{font-size:clamp(1.25rem,2vw,1.65rem);color:#d7e0e6;line-height:1.5}.cap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:3rem}.cap{position:relative;padding:1.35rem;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));overflow:hidden}.cap:before{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background:var(--accent);box-shadow:0 0 16px var(--accent)}.cap h3{margin:0 0 .45rem;font-size:1.15rem}.cap p{margin:0;color:var(--muted);font-size:.92rem}.scope{background:linear-gradient(180deg,#07111b,#03070d)}.scope-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem;align-items:center}.scope-photo{position:relative;min-height:640px;border-radius:34px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.scope-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scope-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,7,13,.78),transparent 48%)}.scope-list{display:grid;gap:.65rem;margin-top:2rem}.scope-list li{list-style:none;display:flex;gap:.9rem;align-items:center;padding:1rem;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.02);font-weight:750}.scope-list li:before{content:"";width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}.system-flow{margin-top:2rem;padding:1.4rem;border:1px solid var(--line);border-radius:22px;background:#050c14}.flow-line{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:.7rem}.flow-node{position:relative;padding:1rem;text-align:center;border:1px solid var(--line2);border-radius:14px;background:var(--panel);font-size:.8rem;font-weight:800}.flow-node:not(:last-child):after{content:"→";position:absolute;right:-.8rem;top:50%;transform:translateY(-50%);color:var(--accent);z-index:2}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:3rem}.step{min-height:270px;padding:1.35rem;border:1px solid var(--line);border-radius:22px;background:var(--panel);transition:.3s}.step:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--accent) 50%,white)}.step span{font:800 .75rem ui-monospace,monospace;color:var(--accent);letter-spacing:.15em}.step h3{font-size:1.35rem;margin:2.6rem 0 .6rem}.step p{color:var(--muted);font-size:.9rem}.faq{background:#06101a}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:4rem}.accordion{display:grid;gap:.7rem}.accordion details{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025);overflow:hidden}.accordion summary{list-style:none;cursor:pointer;padding:1.1rem 1.2rem;font-weight:800;display:flex;justify-content:space-between;gap:1rem}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{color:var(--accent);transition:.25s}.accordion details[open] summary span{transform:rotate(45deg)}.accordion details p{margin:0;padding:0 1.2rem 1.2rem;color:var(--muted)}.detail-cta{position:relative;overflow:hidden;text-align:center}.detail-cta:before{content:"";position:absolute;left:50%;top:50%;width:70vw;height:70vw;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 13%,transparent),transparent 62%)}.detail-cta h2{position:relative;font-size:clamp(3rem,7vw,6.8rem);line-height:.9;letter-spacing:-.06em;margin:.8rem auto 1.5rem;max-width:1000px}.detail-cta .btn{position:relative}
/* Legal/thank-you */
.subhero{padding:calc(var(--header) + 5rem) 0 4rem;background:linear-gradient(180deg,rgba(0,242,13,.08),transparent);border-bottom:1px solid var(--line)}.subhero h1{font-size:clamp(3rem,7vw,6rem);line-height:.95;letter-spacing:-.055em;margin:.7rem 0}.legal{padding:4rem 0 7rem}.legal-wrap{max-width:900px}.legal h2{font-size:1.8rem;margin:2.6rem 0 .8rem}.legal h3{font-size:1.2rem;margin:1.8rem 0 .6rem}.legal p,.legal li{color:#c4d0d9}.legal a{text-decoration:underline;color:#b8ffbe}.legal-card{padding:1.3rem;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.thankyou{min-height:100svh;display:grid;place-items:center;text-align:center;padding:100px 20px}.thankyou-box{max-width:660px;padding:3rem;border:1px solid rgba(0,242,13,.35);background:var(--panel);border-radius:32px;box-shadow:0 0 100px rgba(0,242,13,.12)}.thankyou-logo{width:auto;height:110px;margin:0 auto 1.5rem;object-fit:contain}.thankyou h1{font-size:clamp(2.4rem,6vw,4.5rem);line-height:.95}.thankyou p{color:var(--muted)}
@media(max-width:1050px){.site-nav{position:fixed;top:76px;left:18px;right:18px;display:grid;padding:1rem;background:rgba(3,8,14,.97);border:1px solid var(--line);border-radius:20px;transform:translateY(-25px);opacity:0;visibility:hidden;transition:.25s}.site-nav.open{transform:none;opacity:1;visibility:visible}.site-nav .nav-cta{margin:0}.nav-toggle{display:block}.hero-float{display:none}.service-card,.service-card:nth-child(1),.service-card:nth-child(5){grid-column:span 6;grid-row:span 1}.system-grid,.partner-grid,.company-grid,.contact-grid,.scope-grid,.faq-grid{grid-template-columns:1fr}.system-visual,.company-photo,.scope-photo{min-height:520px}.partner-grid{gap:2.5rem}.onehome-mark{width:min(460px,100%)}.footer-grid{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){:root{--header:74px}.container{width:min(calc(100% - 28px),var(--max))}.brand{height:60px}.brand img{height:49px;max-width:114px}.hero-content{padding-bottom:5rem}.hero h1{font-size:clamp(3.1rem,16vw,5.3rem)}.hero-bg{background-image:linear-gradient(90deg,rgba(2,7,13,.92),rgba(2,7,13,.47)),linear-gradient(0deg,#03070d,transparent 35%),url('../img/hero-house-900.webp');background-position:62% center}.hero-meta{gap:.5rem}.meta-pill{font-size:.72rem}.section{padding:5rem 0}.section-head{grid-template-columns:1fr;gap:.5rem}.section-head p{justify-self:start}.service-bento{grid-template-columns:1fr;grid-auto-rows:360px}.service-card,.service-card:nth-child(1),.service-card:nth-child(5){grid-column:auto}.system-visual,.company-photo,.scope-photo{min-height:430px}.feature-row,.principles,.cap-grid,.form-grid,.download-row{grid-template-columns:1fr}.partner-grid,.company-grid,.contact-grid,.intro-grid,.scope-grid,.faq-grid{gap:2.2rem}.flow-line{grid-template-columns:1fr}.flow-node:not(:last-child):after{content:"↓";right:50%;top:auto;bottom:-1rem;transform:translateX(50%)}.process-grid{grid-template-columns:1fr}.step{min-height:220px}.detail-content{padding-bottom:5rem}.detail-hero h1{font-size:clamp(3.2rem,15vw,5.6rem)}.detail-nav{display:none}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.contact-card{border-radius:22px}.cursor-glow{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal,.clip-reveal{opacity:1;transform:none;clip-path:none}.boot{display:none}}

/* Kundenportal, Cookie-Hinweis und Original-Partner-Badge | Verfasser: Ilker Mutludag */
.footer-partner-badge{display:inline-block;margin-top:1.15rem;max-width:250px;border-radius:12px;overflow:hidden;line-height:0;transition:transform .25s,filter .25s}.footer-partner-badge:hover{transform:translateY(-3px);filter:brightness(1.04)}.footer-partner-badge img{display:block;width:100%;height:auto}.footer-cookie-link{appearance:none;border:0;padding:0;background:none;color:var(--muted);font:inherit;font-size:.9rem;text-align:left;cursor:pointer}.footer-cookie-link:hover{color:#fff}
.cookie-consent[hidden]{display:none!important}.cookie-consent{position:fixed;inset:0;z-index:1800;display:grid;align-items:end;padding:24px;background:rgba(1,4,8,.68);backdrop-filter:blur(12px);pointer-events:none;overflow-y:auto;overscroll-behavior:contain}.cookie-consent-inner{width:min(1120px,100%);max-height:calc(100svh - 48px);overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;margin:0 auto;padding:clamp(1.35rem,4vw,2.2rem);display:grid;grid-template-columns:1.4fr .8fr;gap:2rem;align-items:center;border:1px solid var(--line2);border-radius:26px;background:#07131d;box-shadow:0 24px 90px rgba(0,0,0,.48)}.cookie-consent h2{margin:.45rem 0 .7rem;font-size:clamp(1.7rem,4vw,2.8rem);letter-spacing:-.04em}.cookie-consent p{margin:0;color:var(--muted);line-height:1.6}.cookie-actions{display:grid;gap:.7rem}.cookie-actions .btn{width:100%;cursor:pointer}
.portal-subhero{min-height:360px;display:flex;align-items:end}.portal-section{padding:4rem 0 7rem;min-height:46vh}.portal-narrow{max-width:720px}.portal-card h2{font-size:clamp(1.8rem,4vw,2.7rem);margin:0 0 .65rem;letter-spacing:-.035em}.portal-muted{color:var(--muted);line-height:1.65}.portal-form{display:grid;gap:1rem;margin-top:1.4rem}.portal-form small{display:block;margin-top:.35rem;color:var(--muted)}.portal-link-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:1.25rem}.portal-link-row a{color:#b8ffbe;text-decoration:underline}.portal-alert{padding:1rem 1.15rem;margin-bottom:1rem;border-radius:14px;font-weight:750}.portal-alert.success{background:rgba(0,242,13,.1);border:1px solid rgba(0,242,13,.35);color:#baffbf}.portal-alert.error{background:rgba(255,77,93,.1);border:1px solid rgba(255,77,93,.3);color:#ffc0c6}.portal-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 1.35rem;border:1px solid var(--line);border-radius:18px;background:var(--panel);margin-bottom:1rem}.portal-toolbar small,.admin-person small,.admin-table small{display:block;color:var(--muted);margin-top:.25rem}.portal-toolbar-actions{display:flex;flex-wrap:wrap;gap:.7rem}.portal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem 0 2rem}.portal-stats>div{padding:1.25rem;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015))}.portal-stats span{display:block;font-size:2rem;font-weight:850;color:var(--green)}.portal-stats small{color:var(--muted)}.portal-docs{display:grid;gap:.85rem}.portal-document{display:grid;grid-template-columns:auto 1fr auto auto;gap:1.2rem;align-items:center;padding:1.2rem;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.portal-document-type{padding:.5rem .7rem;border-radius:999px;background:rgba(0,242,13,.1);color:#baffbf;font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.portal-document h2{font-size:1.25rem;margin:0 0 .25rem}.portal-document p{margin:0;color:var(--muted);font-size:.9rem}.portal-footnote{margin-top:1.3rem;color:var(--muted);font-size:.85rem}.portal-toggle{display:flex;gap:.9rem;align-items:flex-start;padding:1rem;border:1px solid var(--line);border-radius:16px;background:#07101a}.portal-toggle input{margin-top:.25rem;accent-color:var(--green)}.portal-toggle small{display:block;color:var(--muted);margin-top:.3rem}.impersonation-banner{position:sticky;top:var(--header);z-index:850;padding:.7rem 1rem;text-align:center;background:#ffb338;color:#211100;font-weight:850}.impersonation-banner a{text-decoration:underline}.secret-box{padding:1rem;margin:1rem 0;border:1px solid rgba(0,242,13,.35);border-radius:14px;background:#03070d;color:#baffbf;font:800 1.1rem ui-monospace,monospace;letter-spacing:.12em;overflow-wrap:anywhere}.portal-break{overflow-wrap:anywhere}.recovery-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem;margin:1rem 0}.recovery-codes code{padding:.75rem;border:1px solid var(--line);border-radius:10px;background:#03070d;text-align:center;color:#fff}.admin-nav{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1.4rem;padding:.7rem;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.admin-nav a{padding:.7rem .9rem;border-radius:11px;color:var(--muted);font-weight:750}.admin-nav a:hover,.admin-nav a.active{background:rgba(0,242,13,.1);color:#baffbf}.admin-stats{grid-template-columns:repeat(4,1fr)}.admin-panel{padding:1.3rem;margin:1rem 0;border:1px solid var(--line);border-radius:22px;background:var(--panel)}.admin-panel>summary{cursor:pointer;font-size:1.15rem;font-weight:850}.admin-panel h2{margin:0 0 1rem;font-size:1.65rem}.admin-panel-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.admin-panel-head form{display:flex;gap:.6rem}.admin-panel-head input{min-width:250px;color:#fff;background:#07101a;border:1px solid var(--line);border-radius:12px;padding:.8rem}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:760px}.admin-table th,.admin-table td{padding:.9rem .75rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.admin-table th{color:#9fb0bc;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.status-badge{display:inline-block;padding:.35rem .55rem;border-radius:999px;font-size:.72rem;font-weight:850}.status-badge.active{background:rgba(0,242,13,.12);color:#baffbf}.status-badge.pending{background:rgba(255,179,56,.14);color:#ffd698}.status-badge.locked{background:rgba(255,77,93,.12);color:#ffc0c6}.btn-small{min-height:38px;padding:.55rem .75rem;font-size:.78rem}.btn-danger{background:#c93646;color:#fff;border-color:#ef5968;cursor:pointer}.admin-form-grid{grid-template-columns:repeat(2,1fr)}.admin-form-grid .portal-toggle,.admin-form-grid .btn{align-self:end}.admin-action-grid{display:flex;flex-wrap:wrap;gap:.65rem}.danger-panel{border-color:rgba(255,77,93,.35)}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.admin-grid .admin-panel{margin:0}.admin-person{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--line)}.admin-person:last-child{border-bottom:0}
@media(max-width:900px){.cookie-consent-inner{grid-template-columns:1fr}.portal-document{grid-template-columns:1fr}.portal-document .btn{justify-self:start}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.admin-panel-head{align-items:stretch;flex-direction:column}.admin-panel-head form{flex-wrap:wrap}.admin-panel-head input{min-width:0;flex:1}.admin-form-grid{grid-template-columns:1fr}}
@media(max-width:620px){.cookie-consent{padding:12px}.portal-toolbar{align-items:flex-start;flex-direction:column}.portal-stats,.admin-stats{grid-template-columns:1fr}.recovery-codes{grid-template-columns:1fr}.admin-person{align-items:flex-start;flex-direction:column}}