/* JS Digitalwerk: digitale Werkfläche, eigenständige Identität gegenüber PV-Planer. */
:root{--bg:#090912;--surface:#151522;--surface2:#1a1c31;--text:#f8f8fc;--muted:#aeb1ca;--line:#303047;--blue:#8ca8ff;--violet:#c6a4ff}
body{background:var(--bg)}body::before{height:1100px;background:radial-gradient(ellipse at 50% 25%,#26297075,transparent 66%)}
h1,h2,h3{font-family:"Arial Black","Segoe UI",Arial,sans-serif;font-weight:800;letter-spacing:-.055em}em{color:var(--blue)}.eyebrow>span{background:var(--blue);border-radius:1px}.eyebrow{color:#b5bbd8}.brand{letter-spacing:-.045em;font-weight:650}.brand small{letter-spacing:.16em;color:#aeb2cc}.brand img{width:39px;height:39px}
.site-header{top:14px;background:transparent;border:0;backdrop-filter:none;padding-bottom:10px}.header-inner{min-height:76px;padding-inline:24px;border:1px solid #393b57;border-radius:16px;background:#141420ed;backdrop-filter:blur(18px);box-shadow:0 10px 40px #0002}.site-header nav{color:#c5c8e1;gap:30px}.site-header nav a:hover,.site-header nav a[aria-current]{color:#b1c2ff}.nav-contact{background:#292d52;border:1px solid #5b639b;border-radius:10px}.nav-dot{background:var(--blue)}
.button{border-radius:10px;min-height:54px;letter-spacing:-.015em}.button.primary{background:#3f63e6;color:#fff;border-color:#7095ff;box-shadow:0 6px 24px #3458e422}.button.primary:hover{background:#4c69df}.button.outline{background:#171825;border-color:#7280aa}.button.outline:hover{background:#252943;border-color:var(--blue)}.text-link{border-color:#6371a4}.text-link:hover{color:#b2c5ff;border-color:#b2c5ff}
.hero{display:block;min-height:0;padding-top:62px;padding-bottom:60px}.hero-copy{max-width:none}.hero-kicker{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:35px}.hero-kicker .eyebrow{margin:0;font-size:.61rem}.hero-kicker>span{font-size:.56rem;letter-spacing:.12em;color:#9da3c7}.hero h1{font-size:clamp(3.6rem,7.9vw,7.1rem);line-height:1.02;letter-spacing:-.067em;text-transform:uppercase;margin-bottom:32px}.hero h1>span{display:block}.hero h1 em{display:block;font-size:1em;white-space:normal;text-align:right;color:#92a9ff;line-height:1.15}.hero-summary{display:flex;justify-content:space-between;align-items:center;gap:35px;margin:32px 0 44px}.hero-intro{font-size:1rem;color:#b6bad2;max-width:525px;margin:0;line-height:1.7}.hero-actions{gap:12px}.hero-actions .button{gap:20px;padding-inline:24px;font-size:.84rem}.hero-footnote{display:none}
.digital-stage{position:relative;background:linear-gradient(125deg,#191b32,#11111e 64%,#211b35);border:1px solid #4b5076;border-radius:20px;box-shadow:0 25px 90px #0004,0 0 80px #5057f00a;overflow:hidden}.digital-stage::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 60%,#8267ff0a 60%);pointer-events:none}.stage-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 26px;border-bottom:1px solid #363954;background:#22243a80}.stage-wordmark{font-size:.68rem;font-weight:700;letter-spacing:.13em;color:#d6daee}.stage-toolbar .demo-tag{border-color:#5d6485;color:#cbd5ff;font-size:.52rem}.stage-flow{display:grid;grid-template-columns:1.1fr 60px .8fr 60px 1.1fr;align-items:center;gap:20px;padding:32px 30px}.stage-step{display:block;color:#aab3db;letter-spacing:.13em;font-size:.56rem;margin-bottom:20px}.stage-qr{background:#eff1fc;color:#182144;padding:15px;border-radius:8px;display:flex;gap:15px;align-items:center;max-width:340px}.stage-qr img{width:78px;height:78px;flex:none}.stage-qr strong{font-size:.86rem;line-height:1.15;display:block;letter-spacing:-.02em}.stage-qr small{display:block;font-size:.6rem;margin-top:9px}.stage-note{font-size:.66rem;color:#aeb4d0;display:block;margin-top:17px}.stage-connector{font-size:2rem;text-align:center;color:#788edf}.stage-demand>strong{font-size:4.5rem;letter-spacing:-.075em;line-height:1;display:block;color:#c2cfff}.stage-demand>strong>small{font-size:.8rem;letter-spacing:0;font-weight:500;margin-left:9px}.stage-demand-line{display:flex;gap:7px;margin-top:20px}.stage-demand-line span{height:6px;width:34px;background:#7d99ff;border-radius:2px}.stage-list-line{display:flex;align-items:center;gap:12px;border-bottom:1px solid #54557b;padding:10px 0 23px}.stage-check{display:grid;place-items:center;width:32px;height:32px;background:#2b315e;border-radius:8px;color:#b5c7ff;flex:none}.stage-list-line strong{display:block;font-size:.87rem;line-height:1.4}.stage-list-line small{display:block;color:#b1b5d0;font-size:.65rem;margin-top:5px}.stage-status{font-size:.65rem;color:#b5c7e4;margin-top:20px;display:flex;gap:8px;align-items:center}.stage-status i{display:block;width:5px;height:5px;background:var(--cyan);border-radius:50%}.stage-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 26px;background:#24263d;border-top:1px solid #414462}.stage-bottom>span{font-size:.75rem;color:#ecedfb}.stage-bottom small{font-size:.63rem;color:#b2b7d0}.stage-bottom .button{font-size:.75rem;background:#edefff;color:#20274b;border-color:#fff;box-shadow:none}.stage-bottom .button:hover{background:#cbd8ff}
.principle-strip{background:transparent;border-color:#35364c}.principle-strip .container{color:#aeb4d0;letter-spacing:.05em;font-size:.65rem;padding-block:18px}.strip-symbol{color:var(--violet)}.section-heading h2{font-size:clamp(2.2rem,4vw,3.6rem)}.situations{gap:0;border:0;background:#151522;border-radius:18px;overflow:hidden}.situations article{padding:34px;border-right:1px solid #34354e}.situations article:last-child{border:0}.situations .line-icon{color:var(--blue)}.situations h3{font-size:1.5rem}.situations p{color:#b0b4cc}.situations .text-link{font-size:.78rem}
.product-list{display:grid;grid-template-columns:1.2fr 1fr;gap:25px;border:0}.product-row{position:relative;display:flex;flex-direction:column;gap:10px;padding:34px 32px;border:1px solid #444867;border-radius:24px;min-width:0;overflow:hidden}.alpuno-row{background:radial-gradient(ellipse at 75% 90%,#1c365066,transparent 65%),#141828}.pc-row{background:radial-gradient(ellipse at 80% 100%,#57408c44,transparent 65%),#1c172b;border-color:#4e3c6e;border-radius:24px 24px 80px 24px}.product-number{padding:0;color:#a5adc9;font-size:.67rem}.product-copy{min-width:0}.product-top{margin-top:6px;gap:12px;justify-content:flex-start;min-height:48px}.product-copy h3{font-size:3.4rem;letter-spacing:-.06em}.product-copy>p{font-size:.92rem}.product-copy>.text-link{margin-top:8px}.product-graphic,.pc-graphic{display:flex;min-height:240px;margin-top:20px;background:none}.pc-graphic{min-height:235px}.product-graphic>.mono,.pc-graphic>.mono{color:#b1b9d3}.module-orbit{border-color:#454e77}.module-center{background:#293756;border-color:#627ba8;color:#b1ceff;box-shadow:0 0 50px #6d7fff18}.module-orbit>span:not(.module-center){background:#20283f;border-color:#4b587e}.status{border-radius:20px;border-color:#566f76;color:#b7ded8}.status.development{border-color:#735d9c;color:#d4c0fa}.status.available{color:#afffe8}.wordmark-spark{color:#a8c7ff}.pc-graphic .scan-circle{border-radius:50%;transform:none;width:135px;height:135px;background:#302442;border-color:#856cb0}
.demo-section{background:linear-gradient(130deg,#0e242c,#141528 62%,#251b38);border-color:#444664;position:relative}.demo-workbench{grid-template-columns:1fr 410px;gap:80px}.demo-explanation h2,.demo-explanation h1{text-transform:uppercase;letter-spacing:-.055em}.demo-explanation em{color:var(--cyan)}.demo-device{border-radius:30px;border:1px solid #6d7c9e;background:#151d2d;box-shadow:20px 20px 0 #34344c66,0 35px 70px #0004}.device-header{border-color:#424c66}.demo-device .button.primary{background:var(--cyan);border-color:#89ffe2;color:#08261e;box-shadow:none}.demo-device .button.primary:hover{background:#adffe9}.device-footnote{border-color:#414c61}.entry-flow article{border-top:3px solid #657fd7;padding-top:24px}.entry-flow b{color:var(--blue)}.entry-flow h3{font-size:1.45rem}.about-teaser{grid-template-columns:280px 1fr;gap:70px;border:1px solid #3e4160;background:#19192c;border-radius:26px;padding:44px;margin-block:35px 70px}.jan-monogram{min-height:250px;background:linear-gradient(140deg,#37477b,#202445 75%);border:0;border-radius:18px}.jan-monogram::after{border:1px solid #738bc577;inset:14px;border-radius:10px}.jan-monogram>span{color:#e7ecff;font-size:6.3rem;transform:none;letter-spacing:-.12em}.jan-monogram>small{color:#c3cbe6}.about-teaser h2{font-size:2.7rem}.about-teaser p:not(.eyebrow){max-width:600px}.faq details{border-color:#3f415e}.faq summary::after{color:var(--blue)}.closing{background:linear-gradient(115deg,#303957,#32264a);border:1px solid #60648a;border-radius:26px;padding:45px;margin-bottom:70px;gap:35px}.closing h2{font-size:2.8rem}.closing .eyebrow{color:#d0d2e9}.closing p:not(.eyebrow){color:#c4c8df}.closing .button.primary{background:#f3f4fc;color:#202945;border-color:#fff;box-shadow:none}footer{background:#14141f;border-color:#3a3b55}.footer-top>p{font-family:"Arial Black",Arial,sans-serif;font-weight:750;font-size:1.5rem;letter-spacing:-.04em}.footer-bottom{border-color:#3b3d53}.page-hero h1{font-size:clamp(3rem,6.2vw,5.8rem);text-transform:uppercase}.page-hero .lead{color:#bfc3da}.page-hero{padding-top:42px}.boundary{background:#1a2034;border-left-color:#7e91d1;color:#c2c9e2}.honesty-panel{background:#1a1c31;border-color:#41486b;border-radius:18px}.concept-link{border:1px solid #4a506e;margin-top:30px;border-radius:16px;padding:30px}.module-list article{border-color:#3c405d}.contact-form-wrap{background:#1a1c30;border-color:#535b84;border-radius:24px;padding:34px}.contact-person .avatar{background:#26345e;color:#c8d6ff;border-color:#7183ba}.contact-process{border-color:#434863}input,select,textarea{background:#111426;border-color:#7280aa;border-radius:9px}.inquiry{background:#1a1c2e;border-color:#4d526f;border-radius:14px}.inquiry-message{background:#101322}.admin-pagination>span{color:#b1b6d0}
@media(max-width:1100px){.hero h1{font-size:7.6vw}.hero-summary{gap:25px}.hero-actions .button{font-size:.77rem;padding-inline:16px;gap:12px}.stage-flow{gap:12px;grid-template-columns:1.1fr 32px .7fr 32px 1.1fr;padding:28px 24px}.stage-qr{padding:12px;gap:10px}.stage-qr img{width:66px;height:66px}.stage-list-line strong{font-size:.76rem}.product-row{padding:28px 25px}.product-copy h3{font-size:2.8rem}.product-copy>p{font-size:.87rem}.demo-workbench{grid-template-columns:1fr 370px;gap:50px}.about-teaser{grid-template-columns:250px 1fr;padding:32px;gap:40px}.closing{padding:35px}.situations article{padding:27px}}
@media(max-width:850px){.hero{padding-top:45px}.hero-kicker{margin-bottom:25px}.hero-kicker>span{display:none}.hero h1{font-size:8vw}.hero-summary{align-items:flex-start;flex-direction:column;gap:25px}.hero-intro{max-width:620px}.stage-flow{grid-template-columns:1fr 30px 1fr;gap:18px}.stage-demand{display:none}.stage-connector:nth-of-type(4){display:none}.stage-label{grid-column:1}.stage-list{grid-column:3}.stage-qr{max-width:none}.stage-qr img{width:76px;height:76px}.product-list{grid-template-columns:1fr;gap:25px}.product-row{display:grid;grid-template-columns:1fr 220px;gap:12px 20px;padding:32px}.product-number{grid-column:1/-1}.product-graphic,.pc-graphic{grid-column:2;grid-row:2;min-height:260px;display:flex;margin-top:0}.product-copy h3{font-size:2.8rem}.product-top{min-height:0}.module-orbit{width:180px;height:160px}.module-center{left:55px;top:40px}.module-orbit>span:nth-child(5){left:-18px;top:80px}.product-graphic>.mono,.pc-graphic>.mono{font-size:.42rem}.demo-workbench{grid-template-columns:1fr 330px;gap:35px}.about-teaser{grid-template-columns:200px 1fr;gap:30px;padding:30px}.about-teaser h2{font-size:2.15rem}.jan-monogram{min-height:280px}.closing{padding:35px;flex-direction:column;align-items:flex-start}.closing h2{font-size:2.7rem}.concept-link{gap:20px}.header-inner{padding-inline:18px}.site-header nav{gap:20px;font-size:.73rem}}
@media(max-width:640px){.container{width:calc(100% - 32px)}.site-header{top:8px;padding-bottom:0}.header-inner{min-height:68px;border-radius:12px;padding-inline:13px;gap:10px}.brand{font-size:1rem;gap:9px}.brand img{width:32px;height:32px}.brand small{font-size:.36rem}.menu-toggle{background:#252941;border-color:#525b7c;border-radius:9px;padding:9px 12px;font-size:.7rem;gap:10px}.site-header nav{top:67px;left:16px;right:16px;border:1px solid #525b7c;border-radius:12px;background:#1a1d32;gap:5px;padding:16px}.site-header nav>a{font-size:.88rem}.hero{padding-top:38px;padding-bottom:35px}.hero-kicker{margin-bottom:24px}.hero-kicker .eyebrow{font-size:.48rem;letter-spacing:.09em}.hero h1{font-size:clamp(2.5rem,10.1vw,4rem);line-height:1.06;letter-spacing:-.065em;margin-bottom:22px}.hero h1>span{max-width:100%;white-space:normal}.hero h1 em{text-align:left;font-size:1em;line-height:1.15;margin-top:7px}.hero-summary{gap:22px;margin:25px 0 30px}.hero-intro{font-size:.88rem;line-height:1.75;max-width:100%}.hero-actions .button{padding-inline:14px;gap:12px;font-size:.71rem;min-height:48px}.digital-stage{border-radius:15px}.stage-toolbar{padding:13px 15px;gap:12px;align-items:flex-start;flex-direction:column}.stage-wordmark{font-size:.57rem}.stage-toolbar .demo-tag{font-size:.44rem}.stage-flow{display:grid;grid-template-columns:1fr;padding:22px 17px;gap:20px}.stage-label,.stage-list{grid-column:1}.stage-connector{display:none}.stage-demand{display:none}.stage-step{font-size:.52rem;margin-bottom:13px}.stage-qr{padding:14px;gap:14px}.stage-qr img{width:72px;height:72px}.stage-qr strong{font-size:.87rem}.stage-note{margin-top:11px;font-size:.64rem}.stage-list{border-top:1px solid #424761;padding-top:20px}.stage-list-line{padding:2px 0 13px}.stage-list-line strong{font-size:.82rem}.stage-list-line small{font-size:.61rem}.stage-status{font-size:.6rem;margin-top:14px}.stage-bottom{padding:17px;align-items:flex-start;flex-direction:column;gap:14px}.stage-bottom>span{font-size:.72rem}.stage-bottom .button{width:100%;min-height:44px}.principle-strip .container{display:flex;flex-wrap:wrap;gap:9px 20px;font-size:.53rem;padding-block:16px}.strip-symbol{margin-left:auto;font-size:1.5rem}.section-heading h2{font-size:2.1rem}.situations{grid-template-columns:1fr;border-radius:16px;gap:0}.situations article{padding:25px;border-right:0;border-bottom:1px solid #34354e}.situations article:last-child{padding:25px}.situations h3{font-size:1.35rem}.situations p{font-size:.83rem}.product-row{display:flex;padding:25px;gap:10px;border-radius:20px}.pc-row{border-radius:20px 20px 55px 20px}.product-copy h3{font-size:2.7rem}.product-copy>p{font-size:.84rem}.product-copy>p.small{font-size:.76rem}.product-top>.mono{font-size:.46rem}.product-top .status{font-size:.57rem}.product-graphic,.pc-graphic{min-height:225px;margin-top:20px}.module-orbit{width:210px;height:180px}.module-center{left:69px;top:49px}.module-orbit>span:nth-child(5){top:100px}.product-graphic>.mono,.pc-graphic>.mono{font-size:.48rem}.demo-workbench{grid-template-columns:1fr;gap:30px}.demo-device{width:calc(100% - 10px);margin-right:10px;padding:22px;box-shadow:10px 10px 0 #34344c66,0 25px 50px #0004;border-radius:24px}.demo-explanation h2{font-size:2.35rem}.demo-page .demo-explanation h1{font-size:2.35rem}.entry-flow h3{font-size:1.2rem}.about-teaser{grid-template-columns:1fr;gap:25px;padding:25px;margin-block:20px 45px;border-radius:20px}.about-teaser .jan-monogram{min-height:180px}.jan-monogram>span{font-size:5rem}.jan-monogram>small{margin-top:20px}.about-teaser h2{font-size:2rem}.about-teaser p:not(.eyebrow){font-size:.84rem}.closing{padding:25px;border-radius:20px;margin-bottom:45px;gap:22px}.closing h2{font-size:1.95rem}.closing p:not(.eyebrow){font-size:.81rem}.closing .button{width:100%}.footer-top>p{font-size:1.3rem}.page-hero h1{font-size:clamp(2.3rem,9.7vw,3.6rem);overflow-wrap:normal;letter-spacing:-.065em}.page-hero{padding-top:32px}.breadcrumb{margin-bottom:30px}.page-hero .lead{font-size:.92rem}.contact-heading h1{font-size:clamp(2.25rem,9.2vw,3.5rem)}.contact-form-wrap{padding:23px 18px;border-radius:18px}.contact-layout{gap:28px}.honesty-panel{padding:25px 20px}.concept-link{padding:25px;border-radius:16px}.demo-label{gap:12px;padding:12px}.demo-label img{width:85px;height:85px}.demo-label strong{font-size:.78rem}html:not(.js) .site-header nav{position:static;left:auto;right:auto;background:transparent;border:0;padding:0;border-radius:0}.about-page .jan-monogram{min-height:250px}}
@media(prefers-reduced-motion:reduce){.button.primary:hover{transform:none}}
@media(max-width:850px){.stage-flow{grid-template-columns:1fr}.stage-label,.stage-demand,.stage-list{grid-column:1}.stage-connector{display:none}.stage-demand{display:block;border-top:1px solid #424761;padding-top:20px}.stage-demand>strong{font-size:3rem}.stage-demand-line{margin-top:15px}.stage-list{border-top:1px solid #424761;padding-top:20px}}
@media(max-width:640px){.page-hero h1{overflow-wrap:anywhere}.product-copy h3{font-size:clamp(2.1rem,9vw,2.7rem)}}

/* Logo als skalierbare Pfade, keine nachzuladende Schrift. */
.brand .brand-logo{width:230px;height:auto;display:block;flex:none}.brand{flex-shrink:0}@media(max-width:640px){.brand .brand-logo{width:180px}}