:root{--brand:#40aba5;--brand-dark:#237f7a;--ink:#172326;--muted:#5d6c70;--line:#dfe8e8;--soft:#f4f8f8;--white:#fff;--shadow:0 18px 50px rgba(23,35,38,.09);--radius:22px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;background:#fff;padding:10px;z-index:999}
.topbar{background:var(--ink);color:#dbe5e5;font-size:.86rem}.topbar .container{display:flex;justify-content:flex-end;gap:24px;padding:9px 0}.topbar a:hover{color:#fff}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(223,232,232,.85)}.nav{height:82px;display:flex;align-items:center;gap:34px}.logo img{width:220px}.navlinks{margin-left:auto;display:flex;align-items:center;gap:28px;font-weight:600;font-size:.96rem}.navlinks a{padding:28px 0;position:relative}.navlinks a:not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:20px;height:2px;background:var(--brand);transition:.2s}.navlinks a:hover:after,.navlinks a.active:after{right:0}.menu{display:none;border:0;background:none;width:44px;height:44px;margin-left:auto}.menu span{display:block;height:2px;background:var(--ink);margin:6px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:13px 20px;font-weight:700;border:1px solid transparent;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 10px 24px rgba(64,171,165,.25)}.btn-dark{background:var(--ink);color:#fff}.btn-light{background:#fff;border-color:var(--line)}.btn-outline{border-color:var(--brand);color:var(--brand-dark)}
.hero{padding:74px 0 64px;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f7fbfb 100%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:64px}.kicker{font-size:.78rem;letter-spacing:.16em;font-weight:800;color:var(--brand-dark);text-transform:uppercase}.hero h1{font-size:clamp(3rem,6vw,5.4rem);line-height:.98;letter-spacing:-.055em;margin:17px 0 26px;max-width:760px}.hero h1 span{color:var(--brand)}.lead{font-size:1.18rem;color:var(--muted);max-width:670px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0}.checks{display:flex;gap:22px;flex-wrap:wrap;font-size:.92rem;color:var(--muted)}.checks span:before{content:"✓";color:var(--brand-dark);font-weight:900;margin-right:7px}
.hero-art{position:relative;min-height:520px}.art-back{position:absolute;inset:30px 0 0 40px;border-radius:40px;background:linear-gradient(145deg,#e8f5f4,#cbe8e5);transform:rotate(3deg)}.art-card{position:absolute;background:#fff;border:1px solid #e6eeee;border-radius:26px;box-shadow:var(--shadow)}.dashboard{inset:0 25px 70px 0;padding:28px}.dash-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}.status{font-size:.78rem;background:#e5f6ec;color:#28754c;padding:6px 10px;border-radius:999px;font-weight:800}.servers{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0}.server{background:var(--soft);border-radius:16px;padding:18px}.server b{display:block;margin-bottom:7px}.meter{height:8px;background:#dce7e7;border-radius:9px;overflow:hidden}.meter i{display:block;height:100%;background:var(--brand);width:78%;border-radius:9px}.meter.m2 i{width:54%}.network-map{height:180px;border-radius:18px;background:radial-gradient(circle at 50% 50%,rgba(64,171,165,.14),transparent 50%),linear-gradient(#f8fbfb,#f8fbfb);position:relative}.node{position:absolute;width:52px;height:52px;border-radius:16px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;box-shadow:0 8px 18px rgba(23,35,38,.08);font-size:22px}.node.n1{left:20px;top:60px}.node.n2{right:24px;top:24px}.node.n3{right:70px;bottom:18px}.node.main{left:45%;top:40%;background:var(--brand);color:#fff}.network-map:before,.network-map:after{content:"";position:absolute;height:2px;background:#a8d6d3;transform-origin:left}.network-map:before{width:70%;left:15%;top:50%;transform:rotate(-12deg)}.network-map:after{width:63%;left:19%;top:55%;transform:rotate(17deg)}.floating{right:-10px;bottom:22px;padding:18px 20px;display:flex;align-items:center;gap:14px}.floating .icon{width:44px;height:44px;background:#e7f6f5;color:var(--brand-dark);border-radius:14px;display:grid;place-items:center;font-size:22px}.floating small{display:block;color:var(--muted)}
.quick-support{margin-top:-1px;background:var(--ink);color:#fff}.quick-inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:26px;padding:28px 0}.quick-inner p{margin:4px 0 0;color:#b9c8ca}.quick-title{display:flex;gap:16px;align-items:center}.quick-title .round{width:52px;height:52px;border-radius:17px;background:rgba(64,171,165,.16);display:grid;place-items:center;color:#79d4cf;font-size:24px}
.section{padding:90px 0}.section.soft{background:var(--soft)}.heading{max-width:720px;margin-bottom:42px}.heading.center{text-align:center;margin-left:auto;margin-right:auto}.heading h2{font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.06;letter-spacing:-.04em;margin:12px 0 18px}.heading p{color:var(--muted);font-size:1.08rem}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#c5dcda}.card .ico{width:50px;height:50px;border-radius:16px;background:#e8f6f5;color:var(--brand-dark);display:grid;place-items:center;font-size:23px;margin-bottom:23px}.card h3{font-size:1.24rem;margin:0 0 10px}.card p{color:var(--muted);margin:0}.card ul{padding-left:18px;color:var(--muted)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.visual-panel{background:linear-gradient(140deg,#edf7f6,#d9eeec);border-radius:34px;padding:30px;min-height:480px;position:relative;overflow:hidden}.visual-panel .screen{background:#fff;border-radius:22px;box-shadow:var(--shadow);padding:24px;position:absolute;inset:50px 42px 70px}.screen-top{display:flex;gap:7px;border-bottom:1px solid var(--line);padding-bottom:15px}.dot{width:9px;height:9px;border-radius:50%;background:#cbd6d7}.screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.screen-box{height:100px;background:var(--soft);border-radius:14px;padding:16px}.screen-box.wide{grid-column:1/-1;height:120px}.screen-box b{font-size:.83rem}.bars{display:flex;align-items:end;height:55px;gap:7px}.bars i{width:11%;background:var(--brand);border-radius:5px 5px 0 0}.bars i:nth-child(1){height:35%}.bars i:nth-child(2){height:65%}.bars i:nth-child(3){height:48%}.bars i:nth-child(4){height:80%}.bars i:nth-child(5){height:58%}.bars i:nth-child(6){height:92%}.badge{position:absolute;right:16px;bottom:22px;background:var(--ink);color:#fff;border-radius:18px;padding:17px 21px;box-shadow:var(--shadow)}.badge strong{display:block;font-size:1.4rem;color:#78d5d0}.list{display:grid;gap:18px;margin:28px 0}.list-item{display:grid;grid-template-columns:42px 1fr;gap:14px}.list-item i{width:38px;height:38px;border-radius:13px;background:#e7f5f4;color:var(--brand-dark);display:grid;place-items:center;font-style:normal;font-weight:900}.list-item b{display:block}.list-item p{margin:3px 0;color:var(--muted)}
.dark-section{background:var(--ink);color:#fff}.dark-section .heading p,.dark-section .list-item p{color:#b7c4c6}.dark-section .list-item i{background:rgba(64,171,165,.18);color:#7ad4cf}.school-art{min-height:470px;border-radius:34px;background:linear-gradient(160deg,#285256,#172326);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.09)}.building{position:absolute;left:12%;right:12%;bottom:0;height:72%;background:#f5fbfb;border-radius:20px 20px 0 0}.building:before{content:"";position:absolute;left:44%;top:-65px;width:12%;height:65px;background:#40aba5}.windows{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;padding:36px}.windows i{height:47px;background:#bde1df;border-radius:6px}.school-node{position:absolute;width:64px;height:64px;border-radius:20px;background:#fff;display:grid;place-items:center;color:var(--brand-dark);font-size:28px;box-shadow:var(--shadow)}.school-node.a{left:3%;top:12%}.school-node.b{right:4%;top:20%}.school-node.c{right:12%;bottom:18%}
.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.stat{padding:28px;text-align:center;background:#fff}.stat+.stat{border-left:1px solid var(--line)}.stat strong{font-size:2rem;color:var(--brand-dark);display:block}.stat span{color:var(--muted)}
.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.location{border:1px solid var(--line);border-radius:var(--radius);padding:30px;background:#fff}.location h3{font-size:1.45rem;margin:0 0 18px}.location address{font-style:normal;color:var(--muted)}.location .links{display:flex;flex-direction:column;gap:8px;margin-top:18px;color:var(--brand-dark);font-weight:700}
.cta{background:linear-gradient(135deg,var(--brand),#2e8d88);border-radius:32px;color:#fff;padding:46px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px}.cta h2{font-size:clamp(2rem,4vw,3.2rem);margin:0 0 10px;letter-spacing:-.04em}.cta p{margin:0;color:#e4f5f4}.cta .btn{background:#fff;color:var(--ink)}
.page-hero{padding:80px 0 65px;background:var(--soft)}.page-hero h1{font-size:clamp(2.8rem,6vw,5rem);letter-spacing:-.05em;line-height:1;margin:14px 0 20px}.page-hero p{max-width:760px;color:var(--muted);font-size:1.16rem}.content{max-width:900px}.content h2{font-size:2rem;margin-top:46px}.content h3{font-size:1.25rem;margin-top:28px}.content p,.content li{color:#435357}.legal{padding:64px 0}.legal article{max-width:920px}.legal h1{font-size:3rem}.legal h2{font-size:1.45rem;margin-top:38px}.legal h3{font-size:1.1rem;margin-top:26px}
.footer{background:#101a1c;color:#d8e1e2;padding:62px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px}.footer-logo{width:220px;margin-bottom:18px}.footer p{color:#aebdbf}.footer h3{color:#fff;font-size:1rem;margin:0 0 17px}.footer a{display:block;margin:9px 0;color:#c8d4d5}.footer a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #2a383a;margin-top:45px;padding-top:20px;font-size:.88rem;color:#93a5a7}.footer-bottom div{display:flex;gap:20px}.footer-bottom a{margin:0}
@media(max-width:980px){.topbar{display:none}.nav{height:72px}.logo img{width:190px}.menu{display:block}.navlinks{position:fixed;inset:72px 0 auto 0;background:#fff;border-bottom:1px solid var(--line);padding:20px;display:none;flex-direction:column;align-items:stretch;gap:0}.navlinks.open{display:flex}.navlinks a{padding:14px}.navlinks a:after{display:none}.hero-grid,.split{grid-template-columns:1fr}.hero-art{min-height:460px}.grid4{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.quick-inner,.cta{grid-template-columns:1fr}.quick-inner .btn,.cta .btn{justify-self:start}}
@media(max-width:640px){.container{width:min(100% - 28px,var(--max))}.hero{padding:48px 0}.hero h1{font-size:3.3rem}.hero-art{min-height:390px}.dashboard{inset:0 0 55px 0;padding:18px}.floating{right:5px}.grid4,.location-grid,.stats,.footer-grid{grid-template-columns:1fr}.stat+.stat{border-left:0;border-top:1px solid var(--line)}.section{padding:66px 0}.split{gap:38px}.visual-panel{min-height:390px}.visual-panel .screen{inset:30px 18px 58px}.quick-title{align-items:flex-start}.quick-inner{padding:25px 0}.footer-bottom{flex-direction:column;gap:14px}.cta{padding:30px}.page-hero{padding:58px 0}.legal h1{font-size:2.3rem}}

:root{color-scheme:light;--page:#fff;--surface:#fff;--surface-soft:#f4f8f8;--surface-strong:#172326;--text:#172326;--text-muted:#5d6c70;--border:#dfe8e8;--header:rgba(255,255,255,.96)}
.hero{background:linear-gradient(180deg,var(--page) 0%,var(--surface-soft) 100%)}.hero h1{font-size:clamp(2.45rem,4.6vw,4.15rem);line-height:1.03;letter-spacing:-.045em}.heading h2{font-size:clamp(1.9rem,3vw,2.85rem);line-height:1.12;letter-spacing:-.03em}.page-hero h1{font-size:clamp(2.15rem,4vw,3.55rem);line-height:1.08;letter-spacing:-.04em}.cta h2{font-size:clamp(1.75rem,3vw,2.55rem)}.content h2,.split h2{font-size:clamp(1.7rem,2.7vw,2.4rem);line-height:1.15;letter-spacing:-.025em}
.card,.location,.stat,.art-card,.visual-panel .screen{background:var(--surface);border-color:var(--border)}.section.soft,.page-hero{background:var(--surface-soft)}.card p,.card ul,.heading p,.lead,.location address,.stat span,.list-item p,.page-hero p{color:var(--text-muted)}.server,.network-map,.screen-box{background:var(--surface-soft)}.dash-head,.screen-top{border-color:var(--border)}.menu span{background:var(--text)}

/* Version 2.2: kompaktere Überschriften, neuer Supportbereich und hochwertigere Bildungsdarstellung */
.hero h1{font-size:clamp(2.15rem,3.7vw,3.35rem);max-width:720px;line-height:1.08}
.heading h2{font-size:clamp(1.7rem,2.45vw,2.35rem);max-width:760px;margin-left:auto;margin-right:auto}
.dark-section h2{font-size:clamp(1.75rem,2.7vw,2.45rem);line-height:1.15;letter-spacing:-.025em}
.school-visual{position:relative;min-height:430px;border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 70px rgba(0,0,0,.24);background:#20383b}
.school-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,20,23,.02) 35%,rgba(8,20,23,.85) 100%);pointer-events:none}
.school-visual img{width:100%;height:100%;min-height:430px;object-fit:cover;filter:saturate(.92) contrast(1.03)}
.school-overlay{position:absolute;inset:0;z-index:2}
.edu-chip{position:absolute;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.94);color:#1f6663;font-size:.78rem;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.16);backdrop-filter:blur(8px)}
.chip-wlan{top:12%;left:10%}.chip-security{top:18%;right:9%}.chip-cloud{top:44%;left:7%}.chip-support{top:47%;right:8%}
.school-caption{position:absolute;left:28px;right:28px;bottom:24px;z-index:3;display:flex;flex-direction:column;gap:4px;color:#fff}
.school-caption strong{font-size:1.24rem}.school-caption span{color:#d6e4e5;font-size:.92rem}
.service-contact{padding:78px 0;background:var(--surface-soft)}
.service-contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px}
.support-card,.remote-card{border-radius:28px;padding:38px;border:1px solid var(--border);background:var(--surface);box-shadow:0 12px 38px rgba(23,35,38,.07)}
.support-label{text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;font-weight:800;color:var(--brand-dark);margin-bottom:12px}
.support-card h2,.remote-card h2{font-size:clamp(1.65rem,2.4vw,2.2rem);line-height:1.15;letter-spacing:-.025em;margin:0 0 14px}
.support-card>p,.remote-card p{color:var(--text-muted);margin:0;max-width:650px}
.support-details{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}
.support-details div{padding:18px;border-radius:18px;background:var(--surface-soft)}
.support-details span{display:block;color:var(--text-muted);font-size:.78rem;margin-bottom:5px}.support-details strong,.support-details a{font-size:.98rem;font-weight:750;color:var(--text)}
.remote-card{display:grid;grid-template-columns:62px 1fr;gap:24px;align-items:start;background:linear-gradient(145deg,var(--surface),var(--surface-soft))}
.remote-icon{width:62px;height:62px;border-radius:20px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:1.8rem;font-weight:800}
.remote-actions{grid-column:2;display:flex;align-items:center;gap:22px;margin-top:6px}.text-link{font-weight:750;color:var(--brand-dark)}
@media(max-width:980px){.service-contact-grid{grid-template-columns:1fr}.school-visual{min-height:390px}.school-visual img{min-height:390px}}
@media(max-width:640px){.hero h1{font-size:2.25rem}.heading h2{font-size:1.75rem}.dark-section h2{font-size:1.85rem}.service-contact{padding:58px 0}.support-card,.remote-card{padding:26px}.support-details{grid-template-columns:1fr}.remote-card{grid-template-columns:50px 1fr;gap:17px}.remote-icon{width:50px;height:50px;border-radius:16px}.remote-actions{grid-column:1/-1;flex-direction:column;align-items:stretch}.remote-actions .btn{justify-content:center}.school-visual,.school-visual img{min-height:350px}.school-caption{left:20px;right:20px;bottom:18px}.edu-chip{font-size:.7rem;padding:6px 9px}}

/* Version 2.3.0 */
:focus-visible{outline:3px solid var(--brand);outline-offset:4px}.navlinks a[aria-current="page"]{color:var(--brand-dark)}.navlinks a[aria-current="page"]:after{width:100%}.kicker-light{color:#79d4cf}.lead-muted-light{color:#b7c4c6}.school-visual img{aspect-ratio:715/475}.nav-open{overflow:hidden}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* Version 2.4.0: festes dunkles Corporate Design, kompakter Header und sanfte Abschnittsnavigation */
:root{color-scheme:dark;--page:#111719;--surface:#172023;--surface-soft:#1d292c;--surface-strong:#0b1012;--text:#edf4f4;--text-muted:#aebcbe;--border:#314043;--header:rgba(17,23,25,.96);--ink:#edf4f4;--muted:#aebcbe;--line:#314043;--soft:#1d292c;--white:#172023;--shadow:0 18px 50px rgba(0,0,0,.28)}
body{background:var(--page);color:var(--text)}
.header{background:var(--header);border-color:var(--border)}
.topbar{background:#0b1012}.topbar .container{justify-content:flex-start}.topbar-contact{display:flex;gap:24px;align-items:center}
.nav{height:72px}.navlinks a{padding:23px 0}.navlinks a:not(.btn):after{bottom:15px}.navlinks a:hover,.navlinks a:focus-visible{color:#79d4cf}
.logo{flex:0 0 auto;display:block}.logo img,.footer-logo{display:block;width:220px;height:auto;aspect-ratio:1024/211;object-fit:contain}
.hero{padding:58px 0 52px;background:linear-gradient(180deg,var(--page) 0%,var(--surface-soft) 100%)}.hero-grid{gap:54px}.hero-art{min-height:460px}
.card,.location,.stat,.art-card,.visual-panel .screen{background:var(--surface);border-color:var(--border)}.section.soft,.page-hero,.service-contact{background:var(--surface-soft)}
.card p,.card ul,.heading p,.lead,.location address,.stat span,.list-item p,.page-hero p{color:var(--text-muted)}.server,.network-map,.screen-box{background:var(--surface-soft)}.dash-head,.screen-top{border-color:var(--border)}.menu span{background:var(--text)}
.art-back{background:linear-gradient(145deg,#1e3637,#203032)}.network-map{background:radial-gradient(circle at 50% 50%,rgba(64,171,165,.18),transparent 50%),var(--surface-soft)}.status{background:#183a2a;color:#90d2ab}.dot{background:#536164}.quick-support{background:#0b1012}.cta{background:linear-gradient(135deg,#2b8f8a,#226f6b)}
.support-card,.remote-card{box-shadow:0 14px 42px rgba(0,0,0,.22)}.btn-light{background:var(--surface);border-color:var(--border);color:var(--text)}.btn-outline{color:#79d4cf}
section[id]{scroll-margin-top:72px}.footer-controls{display:flex!important;align-items:center;gap:20px}.footer-controls a{margin:0}.footer-bottom{align-items:center}
@media(max-width:980px){.logo img{width:190px}.navlinks{background:var(--surface);border-color:var(--border)}section[id]{scroll-margin-top:72px}}
@media(max-width:900px){.topbar-contact span{display:none}}
@media(max-width:640px){.topbar .container{gap:10px}.topbar-contact{gap:12px}.topbar-contact a:nth-child(2){display:none}.footer-controls{flex-wrap:wrap;gap:14px}.footer-bottom{align-items:flex-start}}


/* Version 2.5.0: helles Standarddesign mit optionaler Umschaltung im Footer */
:root{color-scheme:light;--page:#fff;--surface:#fff;--surface-soft:#f4f8f8;--surface-strong:#172326;--text:#172326;--text-muted:#5d6c70;--border:#dfe8e8;--header:rgba(255,255,255,.96);--ink:#172326;--muted:#5d6c70;--line:#dfe8e8;--soft:#f4f8f8;--white:#fff;--shadow:0 18px 50px rgba(23,35,38,.09)}
body{background:var(--page);color:var(--text)}
.header{background:var(--header);border-color:var(--border)}
.topbar{background:#172326}.navlinks a:hover,.navlinks a:focus-visible{color:var(--brand-dark)}
.hero{background:linear-gradient(180deg,#fff 0%,#f7fbfb 100%)}
.card,.location,.stat,.art-card,.visual-panel .screen{background:var(--surface);border-color:var(--border)}
.section.soft,.page-hero,.service-contact{background:var(--surface-soft)}
.art-back{background:linear-gradient(145deg,#e8f5f4,#cbe8e5)}
.network-map{background:radial-gradient(circle at 50% 50%,rgba(64,171,165,.14),transparent 50%),#f8fbfb}
.status{background:#e5f6ec;color:#28754c}.dot{background:#d6e1e1}.quick-support{background:#172326}
.support-card,.remote-card{box-shadow:0 12px 38px rgba(23,35,38,.07)}
.btn-light{background:#fff;border-color:var(--border);color:var(--text)}.btn-outline{color:var(--brand-dark)}
.logo{position:relative}.logo img{width:220px;height:auto}.logo .logo-dark{display:none}

:root[data-theme="dark"]{color-scheme:dark;--page:#111719;--surface:#172023;--surface-soft:#1d292c;--surface-strong:#0b1012;--text:#edf4f4;--text-muted:#aebcbe;--border:#314043;--header:rgba(17,23,25,.96);--ink:#edf4f4;--muted:#aebcbe;--line:#314043;--soft:#1d292c;--white:#172023;--shadow:0 18px 50px rgba(0,0,0,.28)}
:root[data-theme="dark"] body{background:var(--page);color:var(--text)}
:root[data-theme="dark"] .header{background:var(--header);border-color:var(--border)}
:root[data-theme="dark"] .navlinks a:hover,:root[data-theme="dark"] .navlinks a:focus-visible{color:#79d4cf}
:root[data-theme="dark"] .hero{background:linear-gradient(180deg,var(--page) 0%,var(--surface-soft) 100%)}
:root[data-theme="dark"] .art-back{background:linear-gradient(145deg,#1e3637,#203032)}
:root[data-theme="dark"] .network-map{background:radial-gradient(circle at 50% 50%,rgba(64,171,165,.18),transparent 50%),var(--surface-soft)}
:root[data-theme="dark"] .status{background:#183a2a;color:#90d2ab}
:root[data-theme="dark"] .dot{background:#536164}
:root[data-theme="dark"] .quick-support{background:#0b1012}
:root[data-theme="dark"] .support-card,:root[data-theme="dark"] .remote-card{box-shadow:0 14px 42px rgba(0,0,0,.22)}
:root[data-theme="dark"] .btn-light{background:var(--surface);border-color:var(--border);color:var(--text)}
:root[data-theme="dark"] .btn-outline{color:#79d4cf}
:root[data-theme="dark"] .logo .logo-light{display:none}
:root[data-theme="dark"] .logo .logo-dark{display:block}
@media(max-width:980px){.logo img{width:190px}:root[data-theme="dark"] .navlinks{background:var(--surface);border-color:var(--border)}}
@media(max-width:640px){.theme-toggle-label{display:none}}



/* Version 3.0.0 */
html:not([data-theme-ready="true"]) body{visibility:hidden}
.header,.nav,.logo img{transition:height .22s ease,width .22s ease,background-color .22s ease,box-shadow .22s ease,border-color .22s ease}
.header.is-scrolled{box-shadow:0 10px 30px rgba(23,35,38,.09)}
.header.is-scrolled .nav{height:68px}
.header.is-scrolled .logo img{width:195px}

.footer-controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.theme-control{display:inline-flex;align-items:center;gap:8px;color:#d8e1e2;font-size:.86rem}
.theme-switch{position:relative;display:inline-flex;width:48px;height:26px;flex:0 0 auto}
.theme-switch-input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.theme-slider{position:absolute;inset:0;border:1px solid #657477;border-radius:999px;background:#344245;cursor:pointer;transition:background-color .2s,border-color .2s}
.theme-slider::before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.25);transition:transform .2s,background-color .2s}
.theme-switch-input:checked + .theme-slider{background:var(--brand);border-color:var(--brand)}
.theme-switch-input:checked + .theme-slider::before{transform:translateX(22px)}
.theme-switch-input:focus-visible + .theme-slider{outline:3px solid #79d4cf;outline-offset:3px}
.theme-icon{font-size:1rem;line-height:1}
.theme-toggle-label{min-width:96px}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}
.reveal.is-visible{opacity:1;transform:none}
.grid4 .reveal:nth-child(2){transition-delay:.06s}.grid4 .reveal:nth-child(3){transition-delay:.12s}.grid4 .reveal:nth-child(4){transition-delay:.18s}

:root[data-theme="dark"] .header.is-scrolled{box-shadow:0 10px 32px rgba(0,0,0,.3)}
:root[data-theme="dark"] .theme-control{color:#d8e1e2}

@media(max-width:980px){.header.is-scrolled .nav{height:68px}.header.is-scrolled .logo img{width:180px}}
@media(max-width:640px){.theme-toggle-label{display:inline}.footer-controls{gap:12px}.theme-control{width:100%;justify-content:flex-start}.header.is-scrolled .logo img{width:165px}}
@media(prefers-reduced-motion:reduce){.header,.nav,.logo img,.theme-slider,.theme-slider::before,.reveal{transition:none!important}.reveal{opacity:1;transform:none}}

/* Version 3.1.0 – einheitliches Designsystem */
:root{
  --font-hero:clamp(2.55rem,4.2vw,3.5rem);
  --font-page:clamp(2.35rem,3.7vw,3rem);
  --font-section:clamp(1.9rem,2.8vw,2.35rem);
  --font-card:1.22rem;
  --space-section:clamp(72px,8vw,104px);
}
.hero{padding:68px 0 62px}
.hero-grid{gap:54px}
.hero h1,.page-hero h1{font-size:var(--font-hero);line-height:1.08;letter-spacing:-.035em;margin:16px 0 22px}
.page-hero{padding:70px 0 62px}
.page-hero h1{font-size:var(--font-page)}
.section{padding:var(--space-section) 0}
.heading{margin-bottom:38px}
.heading h2,.split h2,.support-card h2,.remote-card h2,.cta h2,.content h2{font-size:var(--font-section);line-height:1.14;letter-spacing:-.025em;margin:12px 0 18px}
.support-card h2,.remote-card h2{margin-top:8px}
.card h3,.location h3{font-size:var(--font-card);line-height:1.3}
.lead,.heading p,.page-hero p{font-size:1.08rem;line-height:1.65}
.grid4{align-items:stretch}
.card{display:flex;flex-direction:column;min-height:100%;padding:28px}
.card p{line-height:1.65}.card ul{margin-top:18px}
.cta{padding:42px 46px}.cta h2{margin-top:0}
.service-contact-grid{align-items:stretch}.support-card,.remote-card{height:100%}
.quick-inner strong{font-size:1.08rem}
@media(max-width:980px){
  .hero h1,.page-hero h1{font-size:clamp(2.35rem,7vw,3rem)}
  .heading h2,.split h2,.support-card h2,.remote-card h2,.cta h2,.content h2{font-size:clamp(1.8rem,5vw,2.2rem)}
}
@media(max-width:640px){
  .hero,.page-hero{padding:54px 0 48px}
  .section{padding:64px 0}
  .hero h1,.page-hero h1{font-size:2.35rem;line-height:1.1}
  .heading h2,.split h2,.support-card h2,.remote-card h2,.cta h2,.content h2{font-size:1.85rem}
  .cta{padding:32px 24px}
}

/* Version 3.2.0: legal and contact details */
.legal-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin:1rem 0 2rem}.legal-columns>div{padding:1.25rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.legal-note{margin-top:2rem;padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.legal-note h2{margin-top:0}.location .links{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem}.legal a{color:var(--brand-dark);text-decoration:underline;text-underline-offset:.18em}[data-theme="dark"] .legal a{color:var(--brand)}
@media(max-width:720px){.legal-columns{grid-template-columns:1fr}}


/* Version 3.3.0 – Marken-Signet und einheitliche Illustrationen */
.logo{display:flex;align-items:center;gap:12px}.logo .brand-signet{width:42px;height:42px;flex:0 0 42px}.logo>img:not(.brand-signet){height:auto}.footer-brand{display:flex;align-items:center;gap:12px}.footer-signet{width:46px;height:46px;border-radius:12px}.ico img{display:block;width:48px;height:48px}.remote-icon img{display:block;width:52px;height:52px}.scroll-top{position:fixed;right:24px;bottom:24px;width:46px;height:46px;border:0;border-radius:50%;background:var(--brand);color:#fff;font-size:1.35rem;box-shadow:0 10px 30px rgba(0,0,0,.2);cursor:pointer;z-index:40;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s,transform .2s,visibility .2s}.scroll-top.is-visible{opacity:1;visibility:visible;transform:none}.scroll-top:focus-visible{outline:3px solid var(--text);outline-offset:3px}.error-inner{text-align:center;max-width:720px}.error-inner>img{margin:0 auto 24px;border-radius:24px}.error-inner p{margin-bottom:30px}.error-inner .btn{display:inline-flex}
@media(max-width:640px){.logo .brand-signet{width:34px;height:34px;flex-basis:34px}.scroll-top{right:16px;bottom:16px}.footer-brand{align-items:flex-start}.footer-signet{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.scroll-top{transition:none}}

/* Version 3.4.0 – konsolidierter Header */
.logo{display:block;flex:0 0 auto;line-height:0}
.logo>img{width:248px;height:auto;object-fit:contain}
.logo .logo-dark{display:none}
:root[data-theme="dark"] .logo .logo-light{display:none}
:root[data-theme="dark"] .logo .logo-dark{display:block}
.nav{height:78px;gap:28px}
.navlinks{margin-left:auto;gap:24px}
.header-actions{display:flex;align-items:center;gap:10px;margin-left:8px}
.header-remote{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border-radius:999px;font-weight:700;color:var(--brand-dark);border:1px solid var(--brand);transition:background-color .2s,color .2s,transform .2s}
.header-remote:hover,.header-remote:focus-visible{background:var(--brand);color:#fff;transform:translateY(-1px)}
.header-contact{min-height:44px;padding:10px 17px}
.header.is-scrolled .nav{height:68px}
.header.is-scrolled .logo>img{width:220px}
@media(max-width:1100px){
  .logo>img{width:220px}
  .navlinks{gap:18px}
  .header-remote{display:none}
}
@media(max-width:980px){
  .nav{height:72px}
  .logo>img,.header.is-scrolled .logo>img{width:205px}
  .menu{display:block;order:3}
  .header-actions{margin-left:auto;order:2}
  .header-contact{display:none}
  .navlinks{order:4}
}
@media(max-width:640px){
  .logo>img,.header.is-scrolled .logo>img{width:178px}
  .nav{gap:14px}
}


/* Version 3.4.1 – mobile Stabilisierung und visuelle Korrekturen */
.remote-icon img{filter:brightness(0) invert(1);width:46px;height:46px}
.footer-brand{display:block}
.footer-logo{width:min(220px,100%);height:auto;margin:0 0 18px}
.footer-signet{display:none!important}

/* Flexible Inhalte dürfen ihre Rasterspalten nicht verbreitern. */
.hero-grid>* ,.split>* ,.service-contact-grid>* ,.footer-grid>* ,.grid4>*{min-width:0}
body{overflow-x:hidden}

@media(max-width:980px){
  .header{position:sticky;top:0}
  .nav{position:relative;height:72px;gap:14px}
  .logo>img,.header.is-scrolled .logo>img{width:min(205px,52vw)}
  .menu{display:block;order:3;flex:0 0 44px;margin-left:auto;padding:8px;cursor:pointer}
  .menu span{width:25px;margin:5px auto}
  .header-actions{display:none}
  .navlinks{
    position:fixed;
    left:0;right:0;
    top:72px;
    max-height:calc(100dvh - 72px);
    overflow-y:auto;
    padding:14px max(20px,calc((100vw - var(--max))/2));
    background:var(--surface,#fff);
    border-bottom:1px solid var(--border,var(--line));
    box-shadow:0 18px 35px rgba(23,35,38,.12);
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    z-index:60;
  }
  .navlinks.open{display:flex}
  .navlinks a{display:block;padding:15px 6px;border-bottom:1px solid var(--border,var(--line))}
  .navlinks a:last-child{border-bottom:0}
  .hero-grid,.split,.service-contact-grid{grid-template-columns:minmax(0,1fr)}
  .hero-art{width:100%;max-width:680px;margin-inline:auto}
  .grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:640px){
  .container{width:calc(100% - 28px)}
  .nav{height:66px}
  .logo>img,.header.is-scrolled .logo>img{width:min(176px,58vw)}
  .navlinks{top:66px;max-height:calc(100dvh - 66px);padding:12px 14px}
  section[id]{scroll-margin-top:66px}

  .hero{padding:42px 0 48px}
  .hero-grid{gap:32px}
  .hero h1,.page-hero h1{font-size:clamp(2rem,10vw,2.45rem);overflow-wrap:anywhere}
  .lead,.heading p,.page-hero p{font-size:1rem;line-height:1.58}
  .actions{display:grid;grid-template-columns:1fr;margin:26px 0}
  .actions .btn{width:100%}
  .checks{display:grid;grid-template-columns:1fr;gap:9px}

  .hero-art{min-height:315px}
  .art-back{inset:18px 5px 0 15px;border-radius:26px}
  .dashboard{inset:0 0 52px;padding:15px;border-radius:20px}
  .dash-head{gap:8px;align-items:flex-start}
  .status{font-size:.64rem;white-space:nowrap}
  .servers{grid-template-columns:1fr;gap:9px;margin:14px 0}
  .server{padding:12px}
  .network-map{height:105px}
  .node{width:38px;height:38px;border-radius:11px;font-size:16px}
  .floating{left:18px;right:8px;bottom:0;padding:12px 14px;border-radius:18px}
  .floating .icon{width:38px;height:38px}
  .floating strong{font-size:.88rem}
  .floating small{font-size:.72rem}

  .quick-inner{grid-template-columns:1fr;gap:18px}
  .quick-title{display:grid;grid-template-columns:46px 1fr;gap:12px}
  .quick-title .round{width:46px;height:46px}
  .quick-inner .btn{width:100%}

  .grid4,.footer-grid,.location-grid,.stats{grid-template-columns:minmax(0,1fr)}
  .card{padding:24px}
  .split{gap:34px}
  .visual-panel{min-height:330px;padding:18px}
  .visual-panel .screen{inset:22px 14px 52px;padding:15px}
  .screen-grid{gap:8px;margin-top:14px}
  .screen-box{height:auto;min-height:82px;padding:12px}
  .screen-box.wide{min-height:96px}
  .badge{right:10px;bottom:14px;padding:12px 15px}

  .school-visual,.school-visual img{min-height:300px}
  .edu-chip{display:none}
  .school-caption{left:14px;right:14px;bottom:14px}

  .support-card,.remote-card{padding:24px;border-radius:22px}
  .remote-card{grid-template-columns:48px minmax(0,1fr);gap:15px}
  .remote-icon{width:48px;height:48px;border-radius:15px}
  .remote-icon img{width:38px;height:38px}
  .remote-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr;gap:12px}
  .remote-actions .btn{width:100%}
  .support-details{grid-template-columns:1fr}

  .footer{padding:48px 0 20px}
  .footer-grid{gap:28px}
  .footer-bottom,.footer-controls{width:100%}
  .footer-controls{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
  .theme-control{width:100%}
  .scroll-top{right:14px;bottom:14px}
}

@media(max-width:380px){
  .logo>img,.header.is-scrolled .logo>img{width:154px}
  .hero h1,.page-hero h1{font-size:1.92rem}
  .container{width:calc(100% - 22px)}
}


/* Version 3.4.2 – bereinigter Header, mobiler Theme-Slider und feste Öffnungszeit */
.topbar-contact span{white-space:nowrap;flex:0 0 auto}
.header-contact{display:none!important}
.theme-toggle-label{display:none!important}
.theme-control{width:auto!important;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.theme-switch{position:relative;display:inline-block;width:52px;height:28px;min-width:52px;flex:0 0 52px}
.theme-switch-input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;opacity:0!important;appearance:none!important;-webkit-appearance:none!important;z-index:2;cursor:pointer}
.theme-slider{position:absolute;inset:0;display:block;border:1px solid #657477;border-radius:999px;background:#344245;pointer-events:none}
.theme-slider::before{width:20px;height:20px;left:3px;top:3px}
.theme-switch-input:checked + .theme-slider::before{transform:translateX(24px)}
@media(max-width:640px){
  .footer-controls{align-items:center}
  .theme-control{width:auto!important;justify-content:center}
  .theme-icon{font-size:1rem;line-height:1}
}


/* Version 3.4.3 – Supportkarten, Fernwartungsgrafik und feste Öffnungszeit */
.service-contact-grid{grid-template-columns:1fr 1.12fr}
.support-card-layout,.remote-card-layout{display:grid;grid-template-columns:150px minmax(0,1fr);gap:28px;align-items:start}
.service-card-visual{display:grid;place-items:center;align-self:start;border-radius:26px;min-height:150px;background:linear-gradient(145deg,rgba(64,171,165,.15),rgba(64,171,165,.05))}
.support-visual img{width:96px;height:96px}
.remote-visual{background:linear-gradient(145deg,#31b9b1,#0c837e)}
.remote-visual img{width:150px;height:120px;max-width:92%}
.service-card-content{min-width:0}
.office-hours{white-space:nowrap;display:inline-block;font-size:clamp(.82rem,1.25vw,.98rem)!important}
.remote-actions{grid-column:auto;margin-top:24px;flex-wrap:wrap}
@media(max-width:1100px){
  .support-card-layout,.remote-card-layout{grid-template-columns:112px minmax(0,1fr);gap:22px}
  .service-card-visual{min-height:118px}
  .support-visual img{width:76px;height:76px}
  .remote-visual img{width:112px;height:92px}
}
@media(max-width:980px){
  .service-contact-grid{grid-template-columns:1fr}
  .support-card-layout,.remote-card-layout{grid-template-columns:130px minmax(0,1fr)}
}
@media(max-width:640px){
  .support-card-layout,.remote-card-layout{grid-template-columns:76px minmax(0,1fr);gap:16px}
  .service-card-visual{min-height:76px;border-radius:18px}
  .support-visual img{width:52px;height:52px}
  .remote-visual img{width:72px;height:58px}
  .support-details,.remote-actions{grid-column:1/-1}
  .office-hours{font-size:.9rem!important}
}
@media(max-width:380px){
  .office-hours{font-size:.82rem!important;letter-spacing:-.02em}
  .support-details div{padding:15px 12px}
}

/* Version 3.4.5 – produktive Domainkonfiguration */
.service-contact-grid{grid-template-columns:1fr 1fr;gap:22px}
.support-card-layout,.remote-card-layout{grid-template-columns:84px minmax(0,1fr);gap:22px}
.service-card-visual{min-height:84px;border-radius:20px}
.support-visual img{width:56px;height:56px}
.remote-visual img{width:72px;height:58px;max-width:88%}
.support-details{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.support-details div{min-width:0;padding:16px}
.support-details strong,.support-details a{font-size:.94rem;white-space:nowrap}
.office-hours{font-size:.92rem!important;letter-spacing:-.01em}
.remote-actions{display:flex;align-items:center;gap:20px}
@media(max-width:1180px){
  .support-details{grid-template-columns:1fr}
}
@media(max-width:980px){
  .service-contact-grid{grid-template-columns:1fr}
  .support-card-layout,.remote-card-layout{grid-template-columns:72px minmax(0,1fr);gap:18px}
  .service-card-visual{min-height:72px}
  .support-visual img{width:48px;height:48px}
  .remote-visual img{width:62px;height:50px}
  .support-details{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media(max-width:640px){
  .support-card-layout,.remote-card-layout{grid-template-columns:58px minmax(0,1fr);gap:14px}
  .service-card-visual{min-height:58px;border-radius:16px}
  .support-visual img{width:38px;height:38px}
  .remote-visual img{width:50px;height:40px}
  .support-details,.remote-actions{grid-column:1/-1}
  .support-details{grid-template-columns:1fr}
  .support-details strong,.support-details a{white-space:normal}
  .office-hours{white-space:nowrap!important;font-size:.88rem!important}
}
@media(max-width:380px){
  .office-hours{font-size:.8rem!important;letter-spacing:-.03em}
}

/* Version 4.0.1 – eigenständiges Ritana-Iconsystem */
.icon-tile,.ico,.service-card-visual{background:#eef8f7;border:1px solid #d7ecea;color:#125f66;display:grid;place-items:center;border-radius:20px}
.ico{width:96px;height:96px;margin-bottom:22px}
.ico img{width:72px!important;height:72px!important;object-fit:contain}
.service-card-visual{width:96px;height:96px;min-width:96px;background:#eef8f7!important;background-image:none!important}
.service-card-visual img,.support-visual img,.remote-visual img{width:72px!important;height:72px!important;max-width:72px!important;object-fit:contain;filter:none!important}
.support-card-layout,.remote-card-layout{grid-template-columns:96px minmax(0,1fr)!important;gap:24px!important}
.scroll-top img{width:22px;height:22px;filter:brightness(0) invert(1)}
:root[data-theme="dark"] .ico,:root[data-theme="dark"] .service-card-visual{background:#e9f5f4!important;border-color:#cce4e1}
@media(max-width:720px){.ico{width:84px;height:84px}.ico img{width:62px!important;height:62px!important}.service-card-visual{width:84px;height:84px;min-width:84px}.service-card-visual img,.support-visual img,.remote-visual img{width:62px!important;height:62px!important;max-width:62px!important}.support-card-layout,.remote-card-layout{grid-template-columns:84px minmax(0,1fr)!important;gap:18px!important}}
@media(max-width:480px){.support-card-layout,.remote-card-layout{grid-template-columns:72px minmax(0,1fr)!important;gap:15px!important}.service-card-visual{width:72px;height:72px;min-width:72px;border-radius:17px}.service-card-visual img,.support-visual img,.remote-visual img{width:52px!important;height:52px!important;max-width:52px!important}}

/* Version 4.0.1 – korrigierte, einheitliche Icondarstellung */
.ico,
.service-card-visual {
  box-sizing: border-box;
  width: 88px !important;
  height: 88px !important;
  min-width: 88px !important;
  flex: 0 0 88px;
  overflow: visible;
  border-radius: 20px;
}
.ico img,
.service-card-visual img,
.support-visual img,
.remote-visual img {
  display: block;
  width: 58px !important;
  height: 58px !important;
  max-width: 58px !important;
  max-height: 58px !important;
  object-fit: contain;
  object-position: center;
}
.support-card-layout,
.remote-card-layout {
  grid-template-columns: 88px minmax(0,1fr) !important;
  gap: 22px !important;
}
@media (max-width:720px) {
  .ico,
  .service-card-visual {
    width: 78px !important;
    height: 78px !important;
    min-width: 78px !important;
    flex-basis: 78px;
    border-radius: 18px;
  }
  .ico img,
  .service-card-visual img,
  .support-visual img,
  .remote-visual img {
    width: 52px !important;
    height: 52px !important;
    max-width: 52px !important;
    max-height: 52px !important;
  }
  .support-card-layout,
  .remote-card-layout {
    grid-template-columns: 78px minmax(0,1fr) !important;
    gap: 17px !important;
  }
}
@media (max-width:480px) {
  .ico,
  .service-card-visual {
    width: 70px !important;
    height: 70px !important;
    min-width: 70px !important;
    flex-basis: 70px;
    border-radius: 16px;
  }
  .ico img,
  .service-card-visual img,
  .support-visual img,
  .remote-visual img {
    width: 46px !important;
    height: 46px !important;
    max-width: 46px !important;
    max-height: 46px !important;
  }
  .support-card-layout,
  .remote-card-layout {
    grid-template-columns: 70px minmax(0,1fr) !important;
    gap: 14px !important;
  }
}

/* Version 4.0.2 – kompaktere Icons mit einheitlichem 12-px-Radius */
.ico,
.service-card-visual,
.icon-tile {
  border-radius: 12px !important;
}
.ico,
.service-card-visual {
  width: 80px !important;
  height: 80px !important;
  min-width: 80px !important;
  flex: 0 0 80px !important;
}
.ico img,
.service-card-visual img,
.support-visual img,
.remote-visual img {
  width: 52px !important;
  height: 52px !important;
  max-width: 52px !important;
  max-height: 52px !important;
}
.support-card-layout,
.remote-card-layout {
  grid-template-columns: 80px minmax(0,1fr) !important;
  gap: 20px !important;
}
@media (max-width:720px) {
  .ico,
  .service-card-visual {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    flex-basis: 72px !important;
    border-radius: 12px !important;
  }
  .ico img,
  .service-card-visual img,
  .support-visual img,
  .remote-visual img {
    width: 46px !important;
    height: 46px !important;
    max-width: 46px !important;
    max-height: 46px !important;
  }
  .support-card-layout,
  .remote-card-layout {
    grid-template-columns: 72px minmax(0,1fr) !important;
    gap: 16px !important;
  }
}
@media (max-width:480px) {
  .ico,
  .service-card-visual {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    flex-basis: 64px !important;
    border-radius: 12px !important;
  }
  .ico img,
  .service-card-visual img,
  .support-visual img,
  .remote-visual img {
    width: 40px !important;
    height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
  }
  .support-card-layout,
  .remote-card-layout {
    grid-template-columns: 64px minmax(0,1fr) !important;
    gap: 14px !important;
  }
}

/* Version 4.1.0 – einheitliches Karten- und Iconsystem */
:root {
  --card-surface: #ffffff;
  --card-border: #dce8e7;
  --card-radius: 22px;
  --card-padding: 28px;
  --card-shadow-hover: 0 18px 42px rgba(23,35,38,.10);
  --icon-tile-size: 72px;
  --icon-symbol-size: 52px;
  --icon-tile-radius: 12px;
  --icon-tile-bg: #eef8f7;
  --icon-tile-border: #d7ecea;
  --icon-symbol-color: #125f66;
}

/* Gemeinsame Kartenoptik für Kompetenzen, Support und Fernwartung */
.card,
.support-card,
.remote-card {
  box-sizing: border-box;
  background: var(--card-surface);
  border: 1px solid var(--card-border);
  border-radius: var(--card-radius);
  padding: var(--card-padding);
  box-shadow: 0 1px 0 rgba(23,35,38,.02);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.card:hover,
.support-card:hover,
.remote-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--card-shadow-hover);
  border-color: #c5dcda;
}

.grid4 {
  align-items: stretch;
}

.grid4 .card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.card h3,
.support-card h2,
.remote-card h2 {
  color: var(--ink);
  letter-spacing: -.02em;
}

.card p,
.support-card p,
.remote-card p {
  color: var(--muted);
  line-height: 1.65;
}

/* Einheitliche Icon-Kachel: 72 x 72 px, Symbol 52 x 52 px */
.ico,
.service-card-visual,
.icon-tile {
  box-sizing: border-box;
  width: var(--icon-tile-size) !important;
  height: var(--icon-tile-size) !important;
  min-width: var(--icon-tile-size) !important;
  min-height: var(--icon-tile-size) !important;
  flex: 0 0 var(--icon-tile-size) !important;
  border-radius: var(--icon-tile-radius) !important;
  background: var(--icon-tile-bg) !important;
  background-image: none !important;
  border: 1px solid var(--icon-tile-border) !important;
  color: var(--icon-symbol-color) !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden;
}

.ico {
  margin: 0 0 18px;
}

.ico img,
.service-card-visual img,
.support-visual img,
.remote-visual img {
  display: block;
  width: var(--icon-symbol-size) !important;
  height: var(--icon-symbol-size) !important;
  max-width: var(--icon-symbol-size) !important;
  max-height: var(--icon-symbol-size) !important;
  object-fit: contain;
  object-position: center;
  filter: none !important;
}

.support-card-layout,
.remote-card-layout {
  grid-template-columns: var(--icon-tile-size) minmax(0,1fr) !important;
  gap: 22px !important;
  align-items: start;
}

.service-contact-grid {
  align-items: stretch;
}

.support-card,
.remote-card {
  min-height: 100%;
}

.service-card-content {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.support-card h2,
.remote-card h2 {
  margin: 5px 0 12px;
  font-size: clamp(1.45rem,2vw,1.85rem);
  line-height: 1.18;
}

.support-label {
  color: var(--brand-dark);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.support-details,
.remote-actions {
  margin-top: auto;
  padding-top: 22px;
}

.support-details {
  gap: 18px;
}

:root[data-theme="dark"] .card,
:root[data-theme="dark"] .support-card,
:root[data-theme="dark"] .remote-card {
  background: var(--surface);
  border-color: var(--border);
}

:root[data-theme="dark"] .ico,
:root[data-theme="dark"] .service-card-visual,
:root[data-theme="dark"] .icon-tile {
  background: #e9f5f4 !important;
  border-color: #cce4e1 !important;
}

@media (max-width: 720px) {
  :root {
    --card-padding: 24px;
    --icon-tile-size: 68px;
    --icon-symbol-size: 48px;
  }

  .support-card-layout,
  .remote-card-layout {
    gap: 17px !important;
  }
}

@media (max-width: 480px) {
  :root {
    --card-padding: 21px;
    --icon-tile-size: 64px;
    --icon-symbol-size: 44px;
  }

  .support-card-layout,
  .remote-card-layout {
    grid-template-columns: var(--icon-tile-size) minmax(0,1fr) !important;
    gap: 14px !important;
  }

  .support-details,
  .remote-actions {
    grid-column: 1 / -1;
  }
}

/* Version 4.1.1: Scroll-to-top icon alignment */
.scroll-top{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  line-height:1;
}
.scroll-top img{
  display:block;
  width:24px;
  height:24px;
  margin:0;
  flex:0 0 24px;
  filter:none;
  object-fit:contain;
}

/* Version 4.2.2 – TeamViewer öffnet in neuem Tab; Ritana bleibt geöffnet */

/* Version 4.3.0: technische Mobile-Konsolidierung ohne Designänderung */
:root{--mobile-header-height:72px}
@media(max-width:980px){
  .header.is-scrolled{--mobile-header-height:68px}
  .navlinks{top:var(--mobile-header-height);max-height:calc(100dvh - var(--mobile-header-height));overflow-y:auto;overscroll-behavior:contain}
}
@media(max-width:640px){
  .header.is-scrolled{--mobile-header-height:66px}
  .support-details strong,.support-details a{overflow-wrap:anywhere}
}
@media(max-width:360px){.office-hours{white-space:normal!important}}


/* Version 4.3.1: One-Page-Navigation und überarbeiteter Supportfall */
.support-case{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:38px 54px;
  align-items:start;
  padding:42px;
  border:1px solid var(--border);
  border-radius:32px;
  background:var(--surface);
  box-shadow:var(--shadow);
}
.support-case-intro h2{margin:10px 0 14px;font-size:var(--font-section);line-height:1.14;letter-spacing:-.025em;color:var(--text)}
.support-case-intro p{margin:0;color:var(--text-muted);font-size:1.06rem;line-height:1.65;max-width:560px}
.support-case-steps{display:grid;gap:14px}
.support-step{display:grid;grid-template-columns:46px minmax(0,1fr);gap:16px;align-items:start;padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--surface-soft)}
.support-step-number{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--brand);color:#fff;font-weight:800;font-size:1.05rem}
.support-step strong{display:block;color:var(--text);font-size:1.02rem;margin:1px 0 4px}
.support-step p{margin:0;color:var(--text-muted);line-height:1.55}
.support-case-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:24px;border-top:1px solid var(--border)}
.support-phone{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-height:48px;color:var(--text)}
.support-phone span{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-weight:800}
.support-phone strong{font-size:1.16rem;color:var(--brand-dark)}
:root[data-theme="dark"] .support-case{background:var(--surface);border-color:var(--border);box-shadow:0 18px 50px rgba(0,0,0,.3)}
:root[data-theme="dark"] .support-step{background:var(--surface-soft);border-color:var(--border)}
:root[data-theme="dark"] .support-phone strong{color:#79d4cf}
:root[data-theme="dark"] .support-case .kicker{color:#79d4cf}
@media(max-width:820px){
  .support-case{grid-template-columns:1fr;padding:32px;gap:28px}
  .support-case-actions{grid-column:auto}
}
@media(max-width:560px){
  .support-case{padding:24px;border-radius:24px}
  .support-case-actions{align-items:stretch;flex-direction:column}
  .support-case-actions .btn{width:100%}
  .support-phone{align-items:center;text-align:center;padding:12px 0 0}
  .support-step{grid-template-columns:40px minmax(0,1fr);padding:15px;gap:13px}
  .support-step-number{width:40px;height:40px;border-radius:12px}
}


/* Version 4.3.2: kompakte Seitentitel und Schul-IT-Projektbereich */
.page-hero-title-compact{font-size:clamp(2.05rem,4.25vw,3.55rem)}
.school-project-case .support-step-number{background:var(--brand)}
:root[data-theme="dark"] .school-project-case .support-case-intro h2,
:root[data-theme="dark"] .school-project-case .support-step strong{color:var(--text)}
:root[data-theme="dark"] .school-project-case .support-case-intro p,
:root[data-theme="dark"] .school-project-case .support-step p{color:var(--text-muted)}
@media(max-width:640px){.page-hero-title-compact{font-size:2rem}}

/* Version 4.3.3: harmonisierte Leistungskarten und Projektkontakt */
#leistungen .grid4 .card h3,
#leistungen .grid4 .card h3 a{
  font-size:clamp(1.08rem,1.45vw,1.28rem);
  line-height:1.22;
  letter-spacing:-.012em;
}
#leistungen .grid4 .card{
  display:flex;
  flex-direction:column;
  min-height:100%;
}
#leistungen .grid4 .card p{
  margin-top:10px;
  line-height:1.58;
}
.project-contact-case .support-step-number{background:var(--brand)}
.project-contact-case .support-case-intro h2,
.project-contact-case .support-step strong{color:var(--text)}
.project-contact-case .support-case-intro p,
.project-contact-case .support-step p{color:var(--text-muted)}
:root[data-theme="dark"] .project-contact-case,
:root[data-theme="dark"] .project-contact-case .support-step{
  border-color:var(--border);
}
:root[data-theme="dark"] .project-contact-case .support-case-intro h2,
:root[data-theme="dark"] .project-contact-case .support-step strong{color:var(--text)}
:root[data-theme="dark"] .project-contact-case .support-case-intro p,
:root[data-theme="dark"] .project-contact-case .support-step p{color:var(--text-muted)}
@media(max-width:980px){
  #leistungen .grid4 .card h3,
  #leistungen .grid4 .card h3 a{font-size:1.18rem}
}
@media(max-width:640px){
  #leistungen .grid4 .card h3,
  #leistungen .grid4 .card h3 a{font-size:1.12rem;line-height:1.24}
}

/* Version 4.4.0 – finaler UI-Feinschliff: Mobile, Dark Mode und konsistente Typografie */
:root{
  --ui-section-mobile:52px;
  --ui-card-border:#d8e5e4;
  --ui-card-shadow:0 14px 34px rgba(23,35,38,.08);
  --ui-card-shadow-hover:0 20px 46px rgba(23,35,38,.12);
}

/* Einheitliche Interaktions- und Fokuszustände */
a:focus-visible,button:focus-visible,.btn:focus-visible{
  outline:3px solid rgba(64,171,165,.45);
  outline-offset:4px;
}
.btn{
  min-height:48px;
  padding:13px 22px;
  transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease;
}
.btn-primary:hover{box-shadow:0 14px 30px rgba(64,171,165,.32)}

/* Typografie und Abstände */
.heading{margin-bottom:36px}
.heading h2{margin-bottom:14px}
.heading p{max-width:680px;margin-left:auto;margin-right:auto}
.split h2{margin-bottom:16px}
.list{gap:16px;margin:26px 0}
.list-item p{line-height:1.58}

/* Leistungskarten */
#leistungen .grid4{gap:20px}
#leistungen .grid4 .card{
  padding:26px;
  border-color:var(--ui-card-border);
  box-shadow:0 1px 0 rgba(23,35,38,.025);
}
#leistungen .grid4 .card:hover{
  box-shadow:var(--ui-card-shadow-hover);
}
#leistungen .grid4 .card h3,
#leistungen .grid4 .card h3 a{
  font-size:clamp(1.02rem,1.25vw,1.17rem);
  line-height:1.2;
  margin:0;
}
#leistungen .grid4 .card p{
  font-size:.95rem;
  line-height:1.55;
  margin-top:9px;
}

/* Kontaktkarten und Projekt-/Supportbereiche */
.service-contact{padding:var(--space-section) 0;background:var(--page)}
.service-contact-grid{gap:22px}
.support-card,.remote-card,.support-case{
  border-color:var(--ui-card-border);
  box-shadow:var(--ui-card-shadow);
}
.support-card h2,.remote-card h2{font-size:clamp(1.38rem,1.8vw,1.72rem)}
.support-card p,.remote-card p{line-height:1.58}
.support-details,.remote-actions{padding-top:18px}
.support-details a,.text-link{color:var(--brand-dark);font-weight:750}
.support-case{gap:34px 48px;padding:38px}
.support-case-intro h2{font-size:clamp(1.75rem,2.5vw,2.25rem)}
.support-case-intro p{font-size:1rem;line-height:1.6}
.support-step{padding:16px}
.support-step p{font-size:.96rem}
.support-case-actions{padding-top:20px}

/* Dark Mode: klare Oberflächen und lesbare Texte */
:root[data-theme="dark"]{
  --ui-card-border:rgba(255,255,255,.10);
  --ui-card-shadow:0 14px 34px rgba(0,0,0,.24);
  --ui-card-shadow-hover:0 22px 48px rgba(0,0,0,.34);
}
:root[data-theme="dark"] body{color:var(--text);background:var(--page)}
:root[data-theme="dark"] .card,
:root[data-theme="dark"] .support-card,
:root[data-theme="dark"] .remote-card,
:root[data-theme="dark"] .support-case,
:root[data-theme="dark"] .location,
:root[data-theme="dark"] .stat{
  border-color:var(--ui-card-border);
  box-shadow:var(--ui-card-shadow);
}
:root[data-theme="dark"] .card:hover,
:root[data-theme="dark"] .support-card:hover,
:root[data-theme="dark"] .remote-card:hover{
  border-color:rgba(121,212,207,.34);
  box-shadow:var(--ui-card-shadow-hover);
}
:root[data-theme="dark"] .card h3,
:root[data-theme="dark"] .card h3 a,
:root[data-theme="dark"] .support-card h2,
:root[data-theme="dark"] .remote-card h2,
:root[data-theme="dark"] .support-case-intro h2,
:root[data-theme="dark"] .support-step strong,
:root[data-theme="dark"] .location h3{
  color:#f2f7f7;
}
:root[data-theme="dark"] .card p,
:root[data-theme="dark"] .support-card p,
:root[data-theme="dark"] .remote-card p,
:root[data-theme="dark"] .support-case-intro p,
:root[data-theme="dark"] .support-step p,
:root[data-theme="dark"] .heading p,
:root[data-theme="dark"] .lead,
:root[data-theme="dark"] .location address{
  color:#c3cecf;
}
:root[data-theme="dark"] .support-details a,
:root[data-theme="dark"] .text-link,
:root[data-theme="dark"] .location .links,
:root[data-theme="dark"] .support-label{
  color:#83d9d4;
}
:root[data-theme="dark"] .support-step{
  background:rgba(255,255,255,.035);
  border-color:rgba(255,255,255,.09);
}
:root[data-theme="dark"] .btn-light{
  color:#f3f7f7;
  background:#243235;
  border-color:rgba(255,255,255,.14);
}
:root[data-theme="dark"] .btn-light:hover{background:#2b3b3e;border-color:rgba(121,212,207,.35)}
:root[data-theme="dark"] .btn-outline{color:#83d9d4;border-color:#5fc6c0}
:root[data-theme="dark"] .quick-support{border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}

/* Mobile: weniger Höhe, bessere Breitenutzung und größere Touch-Ziele */
@media(max-width:720px){
  .container{width:min(100% - 30px,var(--max))}
  .hero{padding:46px 0 44px}
  .hero-grid{gap:34px}
  .hero h1{font-size:clamp(2.18rem,10.5vw,2.8rem);line-height:1.08;margin:13px 0 18px}
  .lead{font-size:1rem;line-height:1.58}
  .actions{margin:24px 0;gap:10px}
  .actions .btn{flex:1 1 100%}
  .checks{gap:10px 16px;font-size:.88rem}
  .hero-art{min-height:350px}
  .quick-inner{grid-template-columns:1fr;gap:18px;padding:22px 0}
  .quick-inner .btn{width:100%}
  .quick-title .round{width:46px;height:46px;min-width:46px;border-radius:14px}
  .section,.service-contact{padding:var(--ui-section-mobile) 0}
  .heading{margin-bottom:28px}
  .heading h2,.split h2{font-size:clamp(1.72rem,7.5vw,2.05rem)}
  .heading p{font-size:1rem;line-height:1.58}
  #leistungen .grid4{gap:14px}
  #leistungen .grid4 .card{padding:21px;min-height:0}
  #leistungen .grid4 .card h3,
  #leistungen .grid4 .card h3 a{font-size:1.08rem}
  #leistungen .grid4 .card p{font-size:.93rem;line-height:1.5}
  .split{gap:34px}
  .list{gap:14px;margin:22px 0}
  .list-item{grid-template-columns:38px 1fr;gap:12px}
  .list-item i{width:36px;height:36px}
  .service-contact-grid{gap:16px}
  .support-card,.remote-card{padding:22px}
  .support-card-layout,.remote-card-layout{grid-template-columns:60px minmax(0,1fr)!important;gap:14px!important}
  .service-card-visual{width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important;flex-basis:60px!important}
  .service-card-visual img,.support-visual img,.remote-visual img{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important}
  .support-card h2,.remote-card h2{font-size:1.38rem;line-height:1.22}
  .support-details,.remote-actions{grid-column:1/-1;padding-top:16px}
  .remote-actions{display:grid;gap:12px}
  .remote-actions .btn{width:100%}
  .text-link{text-align:center;padding:8px}
  .support-case{padding:24px;gap:24px;border-radius:24px}
  .support-case-intro h2{font-size:1.72rem}
  .support-case-actions{gap:14px}
  .support-phone strong{font-size:1.08rem}
  .page-hero{padding:48px 0 42px}
  .page-hero h1,.page-hero-title-compact{font-size:clamp(2rem,9vw,2.45rem);line-height:1.1}
  .page-hero p{font-size:1rem;line-height:1.58}
  .footer-grid{gap:28px}
}

@media(max-width:420px){
  .container{width:min(100% - 24px,var(--max))}
  .hero{padding-top:38px}
  .hero h1{font-size:2.12rem}
  .hero-art{min-height:320px}
  .dashboard{padding:16px}
  .servers{gap:9px;margin:18px 0}
  .server{padding:12px;font-size:.88rem}
  .network-map{height:145px}
  .floating{padding:13px 14px;gap:10px}
  .floating .icon{width:38px;height:38px}
  .floating strong{font-size:.9rem}
  .floating small{font-size:.76rem}
  .support-card-layout,.remote-card-layout{grid-template-columns:1fr!important}
  .service-card-visual{margin-bottom:2px}
  .support-card h2,.remote-card h2{margin-top:4px}
  .support-details{grid-template-columns:1fr}
  .support-step{grid-template-columns:38px minmax(0,1fr);padding:14px;gap:12px}
  .support-step-number{width:38px;height:38px}
}
/* Konzept 1: Managed IT / Dark Operations */
.concept-one{--c1-dark:#081a22;--c1-panel:#102a35;--c1-line:#24424c;--c1-accent:#19c6b8}
.c1-hero{padding:92px 0 82px;background:radial-gradient(circle at 80% 10%,rgba(25,198,184,.18),transparent 35%),linear-gradient(135deg,#07171e,#0d2833);color:#fff;overflow:hidden}
.c1-hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:72px;align-items:center}.c1-copy h1{font-size:clamp(3rem,6vw,5.8rem);line-height:.98;letter-spacing:-.055em;margin:18px 0 26px}.c1-copy h1 span{color:var(--c1-accent)}.c1-copy .lead{color:#c7d5da;max-width:720px}.c1-copy .btn-light{background:transparent;color:#fff;border-color:#54707a}.c1-trust{display:flex;flex-wrap:wrap;gap:20px;margin-top:32px;color:#b8c9ce;font-size:.94rem}.c1-console{background:rgba(16,42,53,.88);border:1px solid #2a4c58;border-radius:28px;padding:28px;box-shadow:0 28px 80px rgba(0,0,0,.32);backdrop-filter:blur(10px)}.c1-console-top,.c1-ticket{display:flex;justify-content:space-between;gap:16px;align-items:center}.c1-console-top span{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#6fe0d7}.c1-score{display:flex;justify-content:space-between;align-items:end;margin:30px 0 22px;padding-bottom:22px;border-bottom:1px solid var(--c1-line)}.c1-score b{font-size:2.6rem}.c1-score span{display:block;color:#9bb0b8}.c1-score i{width:44%;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--c1-accent) 88%,#24424c 88%)}.c1-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.c1-status-grid>div{position:relative;padding:16px 14px 14px 34px;background:#0b222c;border:1px solid #23434e;border-radius:14px}.c1-status-grid .dot{position:absolute;left:14px;top:21px;width:9px;height:9px;background:#40d48a;border-radius:50%;box-shadow:0 0 0 5px rgba(64,212,138,.1)}.c1-status-grid b,.c1-status-grid small{display:block}.c1-status-grid small{color:#91a8b0;margin-top:4px}.c1-ticket{margin-top:18px;padding:16px 18px;background:#173946;border-radius:14px}.c1-ticket a{color:#6fe0d7;font-weight:700}.c1-bar{background:#fff;border-bottom:1px solid #e2e8ea}.c1-bar .container{display:flex;justify-content:space-between;gap:20px;overflow:auto;padding-top:18px;padding-bottom:18px;font-size:.88rem;font-weight:700;white-space:nowrap}.c1-services{border-top:1px solid #dbe4e7}.c1-service{display:grid;grid-template-columns:70px 1fr 40px;gap:24px;align-items:center;padding:27px 8px;border-bottom:1px solid #dbe4e7;color:inherit;transition:.2s}.c1-service:hover{padding-left:18px;background:rgba(16,167,162,.05)}.c1-service>span{font-weight:800;color:#10a7a2}.c1-service h3{margin:0 0 5px}.c1-service p{margin:0;color:var(--muted)}.c1-service>b{font-size:1.5rem}.c1-process{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.c1-steps{display:grid;gap:14px}.c1-steps>div{display:grid;grid-template-columns:48px 1fr;column-gap:18px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.c1-steps span{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#dff7f4;color:#087c78;font-weight:800}.c1-steps h3,.c1-steps p{margin:0}.c1-steps p{margin-top:6px;color:var(--muted)}.c1-security{background:#0b2029;color:#fff}.c1-checks{color:#c0d1d6}.c1-shield{text-align:center;padding:50px;background:linear-gradient(145deg,#123541,#0c2731);border:1px solid #2a4d59;border-radius:28px}.shield-ring{width:170px;height:170px;margin:0 auto 26px;border:1px solid #39717a;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 24px rgba(25,198,184,.05),0 0 70px rgba(25,198,184,.12)}.shield-ring span{width:82px;height:82px;display:grid;place-items:center;border-radius:28px;background:var(--c1-accent);font-size:2.4rem;color:#082129}.c1-shield strong,.c1-shield small{display:block}.c1-shield strong{font-size:1.5rem}.c1-shield small{margin-top:7px;color:#9fb4bb}.c1-contact{background:#0eaaa4;color:#07282a;padding:64px 0}.c1-contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}.c1-contact h2{font-size:clamp(2.2rem,4vw,4rem);margin:12px 0}.c1-contact p{max-width:700px}.c1-contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.c1-contact-actions .btn{background:#071a21}.c1-contact-actions>a:not(.btn){font-size:1.4rem;font-weight:800;color:#07282a}
@media(max-width:980px){.c1-hero-grid,.c1-process,.c1-contact-grid{grid-template-columns:1fr}.c1-console{max-width:680px}.c1-hero{padding-top:64px}.c1-status-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.c1-status-grid{grid-template-columns:1fr}.c1-console{padding:20px;border-radius:20px}.c1-service{grid-template-columns:44px 1fr 24px;gap:10px}.c1-copy h1{font-size:3.25rem}.c1-trust{display:grid;gap:10px}}

/* ============================================================
   RITANA DESIGNVARIANTEN 1–6
   ============================================================ */
.variant-header .nav{max-width:1500px}.variant-links{gap:5px}.variant-links a{padding:8px 10px;border-radius:8px;font-size:.78rem;font-weight:800;white-space:nowrap}.variant-links a.is-active{background:var(--primary);color:#fff}.header-contact{font-size:.82rem;font-weight:800;color:var(--text);text-decoration:none}.variant-page{--v-accent:#1a8f72;--v-dark:#102a2b}.v-hero{overflow:hidden}.v-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.v-tags{display:flex;gap:10px;flex-wrap:wrap}.v-tags span{padding:7px 12px;border:1px solid currentColor;border-radius:999px;font-size:.78rem;font-weight:800}.v-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.v-service-card{display:flex;min-height:270px;flex-direction:column;padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--text);text-decoration:none;transition:.25s}.v-service-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(16,42,43,.1)}.v-service-card>span{font-weight:900;color:var(--primary)}.v-service-card h3{margin:35px 0 12px;font-size:1.35rem}.v-service-card p{margin:0 0 22px;color:var(--muted);line-height:1.65}.v-service-card b{margin-top:auto;font-size:.84rem}.v-network{background:var(--soft)}.v-network-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.v-network-grid ul{padding:0;list-style:none}.v-network-grid li{position:relative;padding:10px 0 10px 27px;border-bottom:1px solid var(--line)}.v-network-grid li:before{content:'✓';position:absolute;left:0;color:var(--primary);font-weight:900}.v-network-map{position:relative;min-height:430px;border:1px solid var(--line);border-radius:30px;background:radial-gradient(circle at center,rgba(26,143,114,.16),transparent 48%),linear-gradient(135deg,var(--surface),var(--soft));overflow:hidden}.v-network-map:before,.v-network-map:after{content:'';position:absolute;inset:50%;width:420px;height:1px;background:var(--line);transform:translate(-50%,-50%) rotate(28deg)}.v-network-map:after{transform:translate(-50%,-50%) rotate(-28deg)}.hub,.device{position:absolute;z-index:2;display:grid;place-items:center;border-radius:50%;background:var(--surface);border:2px solid var(--primary);box-shadow:0 12px 35px rgba(16,42,43,.12);font-weight:800}.hub{left:50%;top:50%;width:105px;height:105px;transform:translate(-50%,-50%);background:var(--primary);color:#fff}.device{width:82px;height:82px;font-size:.75rem}.d1{left:10%;top:15%}.d2{right:10%;top:12%}.d3{left:12%;bottom:10%}.d4{right:12%;bottom:11%}.d5{left:50%;top:5%;transform:translateX(-50%)}.v-cta{padding:70px 0;background:#102a2b;color:#fff}.v-cta .container{display:flex;justify-content:space-between;gap:40px;align-items:center}.v-cta h2{margin:7px 0 10px;color:#fff}.v-cta p{margin:0;color:rgba(255,255,255,.72)}.v-cta .container>div:last-child{display:flex;gap:12px;flex-wrap:wrap}
/* Variante 1 */
.v1-hero{padding:90px 0;background:linear-gradient(135deg,#f6fbf9 0%,#fff 55%,#e2f2ed 100%)}.v1-hero h1{font-size:clamp(2.8rem,5vw,5rem);max-width:850px;line-height:1.02}.v1-system{position:relative;min-height:500px;border-radius:36px;background:#102a2b;color:#fff;box-shadow:0 35px 80px rgba(16,42,43,.25);overflow:hidden}.v1-system:before{content:'';position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px}.v1-system strong{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:1.5rem;text-align:center}.v1-node{position:absolute;padding:12px 18px;border:1px solid rgba(255,255,255,.3);border-radius:12px;background:rgba(255,255,255,.1);font-weight:800}.v1-node.n1{left:9%;top:13%}.v1-node.n2{right:8%;top:20%}.v1-node.n3{left:13%;bottom:14%}.v1-node.n4{right:12%;bottom:11%}.v1-line{position:absolute;inset:14%;border:1px dashed rgba(255,255,255,.32);border-radius:50%;transform:rotate(18deg)}
/* Variante 2 */
.variant-2{--primary:#ff5a3d}.v2-hero{padding:120px 0 70px;background:#121212;color:#fff}.v2-title span{font-size:.75rem;letter-spacing:.28em;color:#ff8c78}.v2-title h1{margin:22px 0;font-size:clamp(3.6rem,8vw,8.2rem);line-height:.87;letter-spacing:-.055em;color:#fff}.v2-title h1 em{font-style:normal;color:#ff5a3d}.v2-title p{max-width:760px;font-size:1.2rem;color:#bbb;line-height:1.65}.v2-actions{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid #333;border-bottom:1px solid #333}.v2-actions a{display:flex;justify-content:space-between;padding:24px;color:#fff;text-decoration:none;border-right:1px solid #333;font-weight:800}.v2-actions a:last-child{border-right:0}.v2-actions a:hover{background:#ff5a3d}
/* Variante 3 */
.variant-3{--primary:#174b8f}.v3-hero{padding:100px 0;background:#f4f1e9}.v3-layout{display:grid;grid-template-columns:120px 1fr 300px;gap:46px;align-items:start}.v3-number{font-size:5rem;line-height:1;color:#174b8f;font-weight:900;border-top:8px solid #174b8f;padding-top:15px}.v3-hero h1{font-family:Georgia,serif;font-size:clamp(3rem,5.5vw,5.8rem);line-height:1.02;letter-spacing:-.04em}.v3-layout aside{padding:28px;border-left:1px solid #b9b4a7}.v3-layout aside span,.v3-layout aside small{display:block;color:#6e6a61}.v3-layout aside strong{display:block;margin:20px 0;font-size:2rem;line-height:1.2}
/* Variante 4 */
.variant-4{--primary:#36d399}.v4-hero{padding:90px 0;background:#071b20;color:#fff}.v4-layout{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center}.v4-label{display:inline-block;padding:8px 12px;border:1px solid rgba(255,255,255,.25);border-radius:7px;font-size:.72rem;letter-spacing:.14em}.v4-hero h1{margin:22px 0;font-size:clamp(3.2rem,6vw,6.4rem);line-height:.95;color:#fff}.v4-hero mark{background:none;color:#36d399}.v4-hero p{max-width:720px;color:#b3c5c8;font-size:1.15rem;line-height:1.7}.v4-monitor{padding:24px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:#0d282e;box-shadow:0 30px 70px rgba(0,0,0,.3)}.v4-monitor-head{display:flex;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.12)}.v4-monitor-head b{color:#36d399;font-size:.72rem}.v4-monitor ul{padding:0;list-style:none}.v4-monitor li{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.08)}.v4-monitor li i{width:8px;height:8px;border-radius:50%;background:#36d399;box-shadow:0 0 10px #36d399}.v4-monitor li strong{margin-left:auto;color:#36d399;font-size:.75rem}.v4-chart{display:flex;align-items:end;height:90px;gap:7px;margin-top:20px}.v4-chart span{flex:1;background:#36d399;border-radius:3px 3px 0 0;opacity:.7}.v4-chart span:nth-child(1){height:35%}.v4-chart span:nth-child(2){height:55%}.v4-chart span:nth-child(3){height:43%}.v4-chart span:nth-child(4){height:72%}.v4-chart span:nth-child(5){height:61%}.v4-chart span:nth-child(6){height:84%}.v4-chart span:nth-child(7){height:75%}.v4-chart span:nth-child(8){height:95%}
/* Variante 5 */
.variant-5{--primary:#bd7b1f}.v5-hero{padding:100px 0;background:#fffaf1}.v5-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:65px;align-items:center}.v5-hero h1{font-family:Georgia,serif;font-size:clamp(3rem,5vw,5.6rem);line-height:1.04;color:#3d3428}.v5-card{padding:42px;border-radius:4px;background:#3d3428;color:#fff;box-shadow:22px 22px 0 #e9d7b6}.v5-card span{font-size:.72rem;letter-spacing:.14em;color:#e8c68d}.v5-card h2{margin:22px 0;color:#fff;font-size:2rem}.v5-card p{color:#ddd0bf;line-height:1.65}.v5-card a{display:block;margin:30px 0 22px;padding:16px;background:#bd7b1f;color:#fff;text-align:center;text-decoration:none;font-weight:800}.v5-card small{color:#b8aa98}
/* Variante 6 */
.variant-6{--primary:#5c45e8}.v6-hero{padding:90px 0 50px;background:#eef0ff}.v6-intro{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:end}.v6-intro span{font-size:.72rem;letter-spacing:.16em;color:#5c45e8;font-weight:900}.v6-intro h1{font-size:clamp(3.5rem,6vw,6.5rem);line-height:.94;letter-spacing:-.05em}.v6-intro>p{font-size:1.15rem;line-height:1.65;color:#5d6070}.v6-cards{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px}.v6-cards a{min-height:250px;padding:28px;border:1px solid #cdd0eb;border-right:0;background:rgba(255,255,255,.55);color:#171932;text-decoration:none}.v6-cards a:last-child{border-right:1px solid #cdd0eb}.v6-cards a:hover{background:#5c45e8;color:#fff}.v6-cards b{font-size:.72rem}.v6-cards h2{margin:65px 0 10px;font-size:1.8rem}.v6-cards p{line-height:1.55}
@media(max-width:1100px){.variant-header .nav{flex-wrap:wrap;height:auto;padding-top:12px;padding-bottom:12px}.variant-links{order:3;width:100%;justify-content:center}.v-grid,.v4-layout,.v5-layout,.v-network-grid{grid-template-columns:1fr}.v3-layout{grid-template-columns:90px 1fr}.v3-layout aside{grid-column:2}.v6-intro{grid-template-columns:1fr}.v6-cards{grid-template-columns:repeat(2,1fr)}.v-service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.variant-links{display:none}.variant-links.open{display:grid;grid-template-columns:repeat(2,1fr)}.variant-links a{text-align:center}.header-contact{display:none}.v1-hero,.v2-hero,.v3-hero,.v4-hero,.v5-hero,.v6-hero{padding:60px 0}.v-service-grid,.v2-actions,.v6-cards{grid-template-columns:1fr}.v2-actions a{border-right:0;border-bottom:1px solid #333}.v3-layout{grid-template-columns:1fr}.v3-number{font-size:3rem}.v3-layout aside{grid-column:auto}.v1-system{min-height:390px}.v6-cards a{min-height:190px;border-right:1px solid #cdd0eb;border-bottom:0}.v6-cards a:last-child{border-bottom:1px solid #cdd0eb}.v6-cards h2{margin-top:35px}.v-cta .container{display:block}.v-cta .container>div:last-child{margin-top:25px}.v-network-map{min-height:360px}}

/* Professional variant revision */
.variant-page .section{padding:58px 0}.variant-page .heading{margin-bottom:30px}.variant-page .v-service-grid{gap:14px}.variant-page .v-service-card{min-height:245px;padding:24px}.variant-page .v-service-card h3{margin:26px 0 10px}.variant-page .v-cta{padding:52px 0}.vpro-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:62px;align-items:center}.vpro-label{display:inline-block;padding:7px 11px;border:1px solid rgba(255,255,255,.22);border-radius:7px;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.vpro-layout h1{margin:20px 0;font-size:clamp(3rem,5.4vw,5.7rem);line-height:.98;letter-spacing:-.045em}.vpro-layout>div>p{max-width:760px;font-size:1.08rem;line-height:1.72}.vpro-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:32px}.vpro-facts span{padding:15px;border:1px solid rgba(255,255,255,.13);border-radius:10px;font-size:.78rem;line-height:1.4}.vpro-facts b{display:block;margin-bottom:5px;color:var(--primary)}
.v1pro-hero{padding:78px 0;background:#081c22;color:#fff}.v1pro-hero h1{color:#fff}.v1pro-hero p{color:#b8c7ca}.vpro-panel{padding:24px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:#0d2930;box-shadow:0 28px 70px rgba(0,0,0,.28)}.vpro-panel-title{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.12)}.vpro-panel-title b{color:#36d399}.vpro-process>div{display:grid;grid-template-columns:42px 1fr;gap:4px 12px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.09)}.vpro-process>div:last-child{border-bottom:0}.vpro-process i{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#36d399;color:#082127;font-style:normal;font-weight:900}.vpro-process strong{color:#fff}.vpro-process small{color:#9fb3b7}
.variant-2{--primary:#58b8ff}.v2pro-hero{padding:78px 0;background:#071522;color:#fff}.v2pro-hero h1{color:#fff}.v2pro-hero p{color:#aec1d0}.v2pro-board{border:1px solid rgba(255,255,255,.14);border-radius:18px;overflow:hidden;background:#0c2234}.v2pro-head{display:flex;justify-content:space-between;padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.1)}.v2pro-head small{color:#58b8ff}.v2pro-board a{display:grid;grid-template-columns:42px 1fr 24px;gap:12px;align-items:center;padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.09);color:#fff;text-decoration:none}.v2pro-board a:last-child{border-bottom:0}.v2pro-board a:hover{background:#12324a}.v2pro-board a b{color:#58b8ff}.v2pro-board a i{font-style:normal}
.variant-3{--primary:#78d8ba}.v3pro-hero{padding:78px 0;background:#0a1d1b;color:#fff}.v3pro-hero h1{color:#fff}.v3pro-hero p{color:#b6cbc5}.v3pro-status{padding:24px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:#102a27}.v3pro-status-top{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.1)}.v3pro-status-top b{font-size:.72rem;color:#78d8ba}.v3pro-metric{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08)}.v3pro-metric strong{color:#78d8ba}.v3pro-note{margin-top:18px;padding:14px;border-radius:10px;background:rgba(120,216,186,.08);color:#bad2cb;font-size:.8rem;line-height:1.55}
.variant-5{--primary:#52b7a5}.v5pro-hero{padding:78px 0;background:#071a20;color:#fff}.v5pro-hero h1{color:#fff}.v5pro-hero p{color:#b4c7ca}.v5pro-topology{position:relative;min-height:420px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:radial-gradient(circle at center,rgba(82,183,165,.15),transparent 48%),#0c2930}.v5pro-topology:before,.v5pro-topology:after{content:'';position:absolute;left:50%;top:50%;width:70%;height:1px;background:rgba(255,255,255,.16);transform:translate(-50%,-50%) rotate(32deg)}.v5pro-topology:after{transform:translate(-50%,-50%) rotate(-32deg)}.v5pro-core,.v5pro-node{position:absolute;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid rgba(255,255,255,.2);background:#102f37;color:#fff;text-align:center}.v5pro-core{left:50%;top:50%;width:130px;height:130px;border-radius:24px;transform:translate(-50%,-50%);border-color:#52b7a5}.v5pro-node{width:112px;height:78px;border-radius:14px}.v5pro-core span,.v5pro-node span{margin-top:4px;color:#8fb1b7;font-size:.68rem}.n-a{left:8%;top:13%}.n-b{right:8%;top:13%}.n-c{left:8%;bottom:13%}.n-d{right:8%;bottom:13%}
.variant-6{--primary:#65cfa8}.v6pro-hero{padding:78px 0;background:#091d21;color:#fff}.v6pro-hero h1{color:#fff}.v6pro-hero p{color:#b7c8cb}.v6pro-support{padding:30px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:#102b31}.v6pro-support>span{font-size:.72rem;letter-spacing:.13em;color:#65cfa8;text-transform:uppercase}.v6pro-support h2{margin:15px 0 20px;color:#fff;font-size:1.8rem}.v6pro-support ul{padding:0;list-style:none}.v6pro-support li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.09);color:#c4d1d3}.v6pro-support li:before{content:'✓';margin-right:10px;color:#65cfa8;font-weight:900}.v6pro-support>div{display:flex;justify-content:space-between;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}.v6pro-support>div b{color:#8da6aa}.v6pro-support>div strong{color:#fff}
.v-architecture{background:var(--soft)}.v-architecture-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.v-architecture-grid ul{padding:0;list-style:none}.v-architecture-grid li{position:relative;padding:9px 0 9px 27px;border-bottom:1px solid var(--line)}.v-architecture-grid li:before{content:'✓';position:absolute;left:0;color:var(--primary);font-weight:900}.v-architecture-stack{padding:18px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 18px 50px rgba(16,42,43,.08)}.stack-layer{display:grid;grid-template-columns:45px 1fr;gap:14px;align-items:center;margin-bottom:9px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.stack-layer>span{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:var(--primary);color:#fff;font-size:.74rem;font-weight:900}.stack-layer strong,.stack-layer small{display:block}.stack-layer small{margin-top:4px;color:var(--muted)}.stack-base{display:flex;justify-content:space-between;gap:18px;padding:17px 18px;border-radius:12px;background:#102a2b;color:#fff}.stack-base span{color:#b9c9ca;font-size:.75rem;text-align:right}
@media(max-width:1100px){.vpro-layout,.v-architecture-grid{grid-template-columns:1fr}.vpro-facts{grid-template-columns:1fr 1fr}.v5pro-topology{min-height:390px}}
@media(max-width:760px){.variant-page .section{padding:44px 0}.vpro-layout h1{font-size:clamp(2.45rem,12vw,3.7rem)}.vpro-facts{grid-template-columns:1fr}.vpro-layout{gap:38px}.v1pro-hero,.v2pro-hero,.v3pro-hero,.v5pro-hero,.v6pro-hero{padding:56px 0}.stack-base{display:block}.stack-base span{display:block;margin-top:6px;text-align:left}.v5pro-topology{min-height:350px}.v5pro-node{width:95px;height:68px}.v5pro-core{width:112px;height:112px}}

/* Compact light revision 2026-08 */
.variant-page{background:#fff}
.variant-page .section{padding:42px 0;border-top:1px solid var(--line)}
.variant-page .section:first-of-type{border-top:0}
.variant-page .section:nth-of-type(even){background:#f7fafb}
.variant-page .heading{max-width:880px;margin-bottom:24px}
.variant-page .heading h2,
.variant-page .v-architecture-grid h2,
.variant-page .v-cta h2{font-size:clamp(1.75rem,2.5vw,2.65rem);line-height:1.15;letter-spacing:-.025em}
.variant-page .heading p{font-size:1rem;line-height:1.55}

.vpro-layout{gap:42px}
.vpro-layout h1{max-width:930px;font-size:clamp(2.45rem,4.2vw,4.25rem);line-height:1.04;letter-spacing:-.035em}
.vpro-layout>div>p{font-size:1rem;line-height:1.58}
.v1pro-hero,.v2pro-hero,.v3pro-hero,.v5pro-hero,.v6pro-hero,.v4-hero{padding:52px 0;background:#f4f8f9;color:var(--text);border-bottom:1px solid var(--line)}
.v1pro-hero h1,.v2pro-hero h1,.v3pro-hero h1,.v5pro-hero h1,.v6pro-hero h1,.v4-hero h1{color:var(--text)}
.v1pro-hero p,.v2pro-hero p,.v3pro-hero p,.v5pro-hero p,.v6pro-hero p,.v4-hero p{color:var(--muted)}
.vpro-label,.v4-label{color:var(--primary);border-color:rgba(26,143,114,.28);background:#fff}

.vpro-panel,.v2pro-board,.v3pro-status,.v5pro-topology,.v6pro-support,.v4-monitor{background:#fff;color:var(--text);border:1px solid var(--line);box-shadow:0 14px 34px rgba(16,42,43,.08)}
.vpro-panel-title,.v2pro-head,.v3pro-status-top,.v4-monitor-head{border-bottom-color:var(--line)}
.vpro-process>div,.v2pro-board a,.v3pro-metric,.v6pro-support li,.v4-monitor li{border-bottom-color:var(--line);color:var(--text)}
.vpro-process strong,.v6pro-support h2,.v6pro-support>div strong{color:var(--text)}
.vpro-process small,.v3pro-note,.v6pro-support li,.v6pro-support>div b{color:var(--muted)}
.v2pro-board a{color:var(--text)}
.v2pro-board a:hover{background:#f2f7f8}
.v3pro-note{background:#eef8f4}
.v5pro-topology{background:radial-gradient(circle at center,rgba(82,183,165,.11),transparent 48%),#fff}
.v5pro-topology:before,.v5pro-topology:after{background:#c9d8da}
.v5pro-core,.v5pro-node{background:#fff;color:var(--text);border-color:#c8d8da;box-shadow:0 10px 24px rgba(16,42,43,.08)}
.v5pro-core{border-color:var(--primary)}
.v5pro-core span,.v5pro-node span{color:var(--muted)}
.v6pro-support h2{font-size:1.35rem;line-height:1.25}
.v6pro-support>div{border-top-color:var(--line)}
.v4-monitor{background:#fff!important}
.v4-monitor li,.v4-monitor-head span{color:var(--text)!important}

.variant-page .v-service-grid{gap:12px}
.variant-page .v-service-card{min-height:210px;padding:20px;border-radius:14px;background:#fff}
.variant-page .v-service-card h3{margin:18px 0 8px;font-size:1.15rem;line-height:1.25}
.variant-page .v-service-card p{font-size:.93rem;line-height:1.5}
.v-architecture{background:#f7fafb!important}
.v-architecture-grid{gap:42px}
.v-architecture-grid .lead{font-size:1rem;line-height:1.55}
.v-architecture-stack{box-shadow:none;border-radius:16px}
.stack-layer{padding:13px}
.stack-base{background:#eaf2f3;color:var(--text)}
.stack-base span{color:var(--muted)}
.variant-page .v-cta{padding:38px 0;background:#edf5f5;color:var(--text);border-top:1px solid var(--line)}
.variant-page .v-cta h2{color:var(--text)}
.variant-page .v-cta p{color:var(--muted)}

@media(max-width:1100px){
  .vpro-layout{gap:30px}
  .vpro-layout h1{max-width:100%}
}
@media(max-width:760px){
  .variant-page .section{padding:30px 0}
  .variant-page .heading{margin-bottom:18px}
  .variant-page .heading h2,.variant-page .v-architecture-grid h2,.variant-page .v-cta h2{font-size:1.55rem;line-height:1.18}
  .v1pro-hero,.v2pro-hero,.v3pro-hero,.v5pro-hero,.v6pro-hero,.v4-hero{padding:34px 0}
  .vpro-layout{gap:24px}
  .vpro-layout h1{margin:13px 0 14px;font-size:clamp(2rem,9vw,2.65rem);line-height:1.06}
  .vpro-layout>div>p{font-size:.96rem;line-height:1.5}
  .actions{margin:22px 0 10px}
  .vpro-facts{margin-top:18px}
  .vpro-panel,.v2pro-board,.v3pro-status,.v6pro-support,.v4-monitor{padding:18px;border-radius:14px}
  .v2pro-board{padding:0}
  .v5pro-topology{min-height:300px}
  .variant-page .v-service-card{min-height:auto;padding:18px}
  .variant-page .v-service-card h3{margin:14px 0 7px}
  .v-architecture-grid{gap:24px}
  .v-architecture-grid li{padding-top:7px;padding-bottom:7px;font-size:.93rem}
  .stack-layer{grid-template-columns:38px 1fr;gap:10px;padding:11px}
  .stack-layer>span{width:34px;height:34px}
  .variant-page .v-cta{padding:28px 0}
  .variant-page .v-cta .container{gap:18px}
}
@media(max-width:420px){
  .container{width:min(100% - 24px,var(--max))}
  .vpro-layout h1{font-size:1.9rem}
  .variant-page .heading h2,.variant-page .v-architecture-grid h2,.variant-page .v-cta h2{font-size:1.42rem}
  .btn{padding:11px 15px;font-size:.9rem}
  .v5pro-node{width:82px;height:60px;font-size:.78rem}
  .v5pro-core{width:96px;height:96px;font-size:.84rem}
}


/* Variante 6 – kompakte, helle Systemhaus-Varianten */
.variant-page .heading h2,
.variant-page .v-architecture-grid h2,
.variant-page .v-cta h2{font-size:clamp(1.45rem,1.75vw,1.9rem);line-height:1.2;letter-spacing:-.015em}
.v6-derived .vpro-layout h1{max-width:760px;font-size:clamp(2.05rem,3.25vw,3.35rem);line-height:1.08;letter-spacing:-.028em}
.v6-derived .vpro-layout>div>p{max-width:720px}
.variant-page .section{padding:34px 0}
.variant-page .heading{margin-bottom:20px}
.v-architecture-grid{gap:32px}
.variant-page .v-cta{padding:30px 0}
.v6-derived{padding:42px 0;background:#f6f9f9;color:var(--text);border-bottom:1px solid var(--line)}
.v6-derived .vpro-label{background:#fff}
.v6-derived .v6pro-support{padding:24px}
.v6-derived .v6pro-support h2{margin:12px 0 14px;font-size:1.18rem}
.v6-derived .v6pro-support li{padding:9px 0}
.v6-derived .v6pro-support>div{margin-top:16px;padding-top:14px}

/* Einheitliche Footer-Abstände */
.footer{padding:48px 0 18px}
.footer-grid{gap:34px}
.footer h3{margin:0 0 13px}
.footer-grid>div>a{margin:6px 0;line-height:1.4}
.footer-grid>div>p{margin:6px 0;line-height:1.45}
.footer-grid>div:first-child>p{margin-top:10px}
.footer-bottom{margin-top:32px}

/* Vollständiger Dark Mode für die Varianten-Startseite */
:root[data-theme="dark"] .variant-page{background:var(--page);color:var(--text)}
:root[data-theme="dark"] .variant-page .section{background:var(--page);border-color:var(--border)}
:root[data-theme="dark"] .variant-page .section:nth-of-type(even),
:root[data-theme="dark"] .variant-page .v-architecture{background:var(--surface-soft)!important}
:root[data-theme="dark"] .v6-derived{background:var(--surface-soft);color:var(--text);border-color:var(--border)}
:root[data-theme="dark"] .v6-derived h1,
:root[data-theme="dark"] .variant-page h2,
:root[data-theme="dark"] .variant-page h3{color:var(--text)}
:root[data-theme="dark"] .v6-derived p,
:root[data-theme="dark"] .variant-page .heading p,
:root[data-theme="dark"] .variant-page .lead,
:root[data-theme="dark"] .variant-page .v-service-card p{color:var(--text-muted)}
:root[data-theme="dark"] .v6-derived .vpro-label{background:var(--surface);border-color:var(--border);color:#79d4cf}
:root[data-theme="dark"] .v6-derived .v6pro-support,
:root[data-theme="dark"] .variant-page .v-service-card,
:root[data-theme="dark"] .variant-page .v-architecture-stack{background:var(--surface);border-color:var(--border);box-shadow:none}
:root[data-theme="dark"] .v6-derived .v6pro-support li,
:root[data-theme="dark"] .v6-derived .v6pro-support>div,
:root[data-theme="dark"] .variant-page .stack-layer{border-color:var(--border)}
:root[data-theme="dark"] .variant-page .stack-base{background:var(--surface-strong);color:var(--text)}
:root[data-theme="dark"] .variant-page .stack-base span{color:var(--text-muted)}
:root[data-theme="dark"] .variant-page .v-cta{background:var(--surface);color:var(--text);border-color:var(--border)}
:root[data-theme="dark"] .variant-page .v-cta h2{color:var(--text)}
:root[data-theme="dark"] .variant-page .v-cta p{color:var(--text-muted)}

@media(max-width:760px){
  .v6-derived{padding:26px 0}
  .v6-derived .vpro-layout h1{font-size:clamp(1.7rem,7.4vw,2.2rem);line-height:1.1;margin:11px 0 12px}
  .v6-derived .vpro-layout>div>p{font-size:.93rem;line-height:1.46}
  .variant-page .section{padding:25px 0}
  .variant-page .heading h2,.variant-page .v-architecture-grid h2,.variant-page .v-cta h2{font-size:1.3rem;line-height:1.22}
  .v6-derived .v6pro-support{padding:16px}
  .v6-derived .v6pro-support h2{font-size:1.05rem}
  .footer{padding-top:38px}
  .footer-grid{gap:24px}
  .footer h3{margin-bottom:9px}
  .footer-grid>div>a,.footer-grid>div>p{margin:4px 0}
}

/* ==========================================================
   Sechs eigenständige Startseiten-Konzepte
   ========================================================== */
.concept{overflow:hidden;background:#fff;color:#172124}
.concept h1,.concept h2,.concept h3{margin-top:0;color:inherit}
.concept p{line-height:1.65}
.concept-tag{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.concept-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:26px}
.text-link{font-weight:800;color:inherit}

/* Konzept 1: Editorial Corporate */
.c1-hero{padding:74px 0 62px;background:#f5f7f6;border-bottom:1px solid #dfe5e3}
.c1-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr);gap:70px;align-items:end}
.c1-copy h1{max-width:900px;margin:14px 0 20px;font-size:clamp(2.6rem,5vw,5.4rem);line-height:.98;letter-spacing:-.055em}
.c1-copy p{max-width:720px;font-size:1.1rem;color:#4f5f63}
.c1-facts{border-left:1px solid #bac7c4;padding-left:32px}
.c1-facts div{padding:16px 0;border-bottom:1px solid #d7dfdd}.c1-facts b,.c1-facts span{display:block}.c1-facts b{font-size:1rem}.c1-facts span{margin-top:4px;color:#667579;font-size:.9rem}
.c1-intro{padding:44px 0 25px}.c1-intro .container{display:grid;grid-template-columns:160px 1fr 1fr;gap:40px;align-items:start}.c1-intro span{font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.c1-intro h2{font-size:clamp(1.6rem,2.3vw,2.4rem);line-height:1.12}.c1-intro p{margin:0;color:#5d6a6d}
.c1-services{padding:15px 0 58px}.c1-service-list{border-top:1px solid #bec9c7}.c1-service-list>a{display:grid;grid-template-columns:60px 1fr 30px;gap:24px;padding:22px 0;border-bottom:1px solid #d8dfdd;color:inherit;transition:.2s}.c1-service-list>a:hover{padding-left:12px}.c1-service-list>a>span{font-family:monospace;color:#788684}.c1-service-list h3{margin-bottom:5px;font-size:1.08rem}.c1-service-list p{margin:0;color:#657174;font-size:.92rem}
.c1-process{padding:46px 0;background:#173538;color:#fff}.c1-process .container{display:grid;grid-template-columns:.8fr 1.3fr;gap:60px;align-items:center}.c1-process h2{font-size:clamp(1.5rem,2.2vw,2.2rem)}.c1-process ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.c1-process li{border-top:1px solid rgba(255,255,255,.35);padding-top:15px}.c1-process li b,.c1-process li span{display:block}.c1-process li b{font-family:monospace;color:#9bd5ce}.c1-process li span{margin-top:22px;font-weight:700}

/* Konzept 2: Tech / Bento */
.c2-hero{position:relative;padding:82px 0;background:radial-gradient(circle at 78% 35%,#2b8e8a 0,#173a46 25%,#0e2028 64%);color:#fff}.c2-hero .container{display:grid;grid-template-columns:1fr 520px;align-items:center}.c2-copy h1{max-width:700px;margin:14px 0;font-size:clamp(2.6rem,5.4vw,5.8rem);line-height:.95;letter-spacing:-.06em}.c2-copy p{max-width:620px;color:#c9d8dc;font-size:1.08rem}.c2-hero .btn-ghost{border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.05)}
.c2-orbit{position:relative;width:430px;height:430px;margin-left:auto;border:1px solid rgba(255,255,255,.14);border-radius:50%}.c2-orbit:before,.c2-orbit:after{content:"";position:absolute;inset:65px;border:1px solid rgba(255,255,255,.12);border-radius:50%}.c2-orbit:after{inset:130px}.orbit-core{position:absolute;inset:155px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#16323b;font-weight:900;letter-spacing:.14em}.c2-orbit span{position:absolute;padding:10px 14px;border-radius:999px;background:#fff;color:#17343c;font-size:.7rem;font-weight:900;letter-spacing:.08em}.o1{top:18px;left:178px}.o2{right:-15px;top:200px}.o3{bottom:18px;left:150px}.o4{left:-30px;top:190px}
.c2-bento{padding:52px 0;background:#edf3f3}.c2-bento .container{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-auto-rows:minmax(180px,auto);gap:16px}.c2-bento article{padding:28px;border-radius:22px;background:#fff;border:1px solid #dbe4e4}.c2-bento .wide{grid-row:span 2;background:#143a43;color:#fff}.c2-bento .accent{background:#88d7cd}.c2-bento article>span{font-family:monospace;font-size:.78rem}.c2-bento h2{margin-top:44px;font-size:2.1rem}.c2-bento h3{margin-top:36px;font-size:1.25rem}.c2-bento p{color:inherit;opacity:.78}
.c2-flow{padding:40px 0 52px}.flow-line{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.flow-line span{padding:13px 18px;background:#f0f5f4;border:1px solid #d8e1df;border-radius:10px;font-weight:800}.flow-line i{width:38px;height:1px;background:#77908d}.c2-flow p{text-align:center;color:#677776;margin-top:20px}

/* Konzept 3: Blueprint */
.c3-hero{padding:62px 0 48px;background:#eef4f6;border-bottom:1px solid #b8cbd1}.c3-hero h1{max-width:880px;margin:14px 0 18px;font-size:clamp(2.4rem,4.5vw,4.7rem);line-height:1;letter-spacing:-.05em}.c3-hero p{max-width:650px;color:#536a72}
.c3-blueprint{padding:48px 0;background-color:#0e3440;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:28px 28px;color:#fff}.bp-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.bp-title span{font-family:monospace;color:#8dc9d1}.bp-title h2{font-size:1.6rem}.bp-canvas{position:relative;height:420px;border:1px solid rgba(148,213,221,.35);background:rgba(4,25,31,.45)}.bp-canvas svg{position:absolute;inset:0;width:100%;height:100%;z-index:0}.bp-canvas path{fill:none;stroke:#66b6c1;stroke-width:2;stroke-dasharray:8 7;vector-effect:non-scaling-stroke}.bp-node{position:absolute;z-index:1;width:170px;padding:17px;border:1px solid #74c5ce;background:#0d2d37;box-shadow:8px 8px 0 rgba(75,160,170,.12)}.bp-node b,.bp-node small{display:block}.bp-node b{letter-spacing:.05em}.bp-node small{margin-top:5px;color:#a8c9ce}.n1{left:5%;top:13%}.n2{left:41%;top:13%}.n3{right:5%;top:34%}.n4{left:41%;bottom:9%}.n5{left:8%;bottom:9%}.n6{right:5%;bottom:9%}
.c3-specs{padding:48px 0}.c3-specs .container{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #b7c7cb;border-left:1px solid #b7c7cb}.c3-specs article{padding:24px;border-right:1px solid #b7c7cb;border-bottom:1px solid #b7c7cb}.c3-specs h3{font-family:monospace;font-size:1rem;text-transform:uppercase}.c3-specs p{font-size:.9rem;color:#5c6f74}.c3-specs a{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}

/* Konzept 4: Premium Minimal */
.c4-hero{padding:104px 0 92px;background:#fbfaf7}.c4-kicker{font-family:serif;font-style:italic;color:#6b6a65}.c4-hero h1{max-width:1040px;margin:24px 0;font-family:Georgia,serif;font-weight:500;font-size:clamp(2.8rem,5.5vw,6.4rem);line-height:.98;letter-spacing:-.045em}.c4-hero p{max-width:730px;color:#66645e;font-size:1.12rem}.c4-statement{padding:52px 0;background:#1d2d2f;color:#fff}.c4-statement p{max-width:1050px;margin:0;font-family:Georgia,serif;font-size:clamp(1.8rem,3.5vw,3.7rem);line-height:1.15}.c4-columns{padding:72px 0;background:#fff}.c4-columns .container{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #cfcfc9}.c4-columns article{padding:30px 34px 20px 0;border-right:1px solid #d6d6d0}.c4-columns article+article{padding-left:34px}.c4-columns article:last-child{border-right:0}.c4-columns span{font-family:Georgia,serif;font-style:italic;color:#7d7a70}.c4-columns h2{margin-top:48px;font-family:Georgia,serif;font-size:2rem;font-weight:500}.c4-columns p{color:#66645e}.c4-quote{padding:52px 0;background:#ebe8df}.c4-quote .container{display:flex;align-items:end;justify-content:space-between;gap:40px}.c4-quote h2{max-width:850px;margin:10px 0 0;font-family:Georgia,serif;font-size:clamp(1.8rem,3vw,3rem);font-weight:500;line-height:1.12}

/* Konzept 5: Operations Dashboard */
.c5-hero{padding:54px 0 38px;background:#10181c;color:#eaf2f3}.c5-hero .container{display:flex;justify-content:space-between;gap:40px;align-items:end}.c5-hero h1{max-width:750px;margin:14px 0;font-size:clamp(2.4rem,4.4vw,4.8rem);line-height:.98}.c5-hero p{color:#9eb0b5}.c5-status{min-width:240px;padding:20px;border:1px solid #34464c;background:#162329}.c5-status span,.c5-status strong{display:block}.c5-status span{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#8fa3a8}.c5-status i{display:inline-block;width:9px;height:9px;margin-right:8px;border-radius:50%;background:#73e2ad;box-shadow:0 0 16px #73e2ad}.c5-status strong{margin-top:10px;color:#73e2ad}
.c5-dashboard{padding:24px 0 50px;background:#131e23;color:#eaf2f3}.c5-dashboard .container{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.c5-dashboard article{border:1px solid #304249;background:#18262c}.metric{padding:20px}.metric span,.metric small{display:block;color:#8fa4aa}.metric span{font-size:.7rem;letter-spacing:.12em}.metric strong{display:block;margin:18px 0 5px;font-family:monospace;font-size:2rem;color:#79d7cf}.panel{padding:26px}.panel.large{grid-column:span 3;display:grid;grid-template-columns:1.2fr 1fr;gap:28px}.panel h2{font-size:1.8rem}.panel p,.panel li{color:#9fb1b6}.bars{display:flex;align-items:end;gap:12px;height:150px}.bars i{width:18%;height:var(--v);background:linear-gradient(#79d7cf,#2c6768)}.panel ul{padding-left:18px}.c5-actions{padding:28px 0;background:#0e171b}.c5-actions .container{display:grid;grid-template-columns:1fr 1fr;gap:12px}.c5-actions a{display:flex;justify-content:space-between;padding:22px;border:1px solid #304249;color:#eaf2f3}.c5-actions a:hover{background:#18262c}.c5-actions span{color:#8fa4aa}

/* Konzept 6: Regional / Persönlich */
.c6-hero{padding:66px 0;background:#eef6f3}.c6-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:58px;align-items:center}.c6-hero h1{max-width:760px;margin:14px 0;font-size:clamp(2.5rem,4.8vw,5rem);line-height:1;letter-spacing:-.05em}.c6-hero p{max-width:680px;color:#52625e}.c6-card{padding:30px;border-radius:18px;background:#fff;border:1px solid #cfddd8;box-shadow:0 18px 50px rgba(38,75,66,.08)}.c6-card>span{font-size:.76rem;text-transform:uppercase;letter-spacing:.11em;font-weight:800;color:#44766c}.c6-card h2{margin:12px 0 20px;font-size:1.55rem}.c6-card ul{margin:0;padding-left:20px}.c6-card li{padding:7px 0;color:#53635f}
.c6-trust{background:#2e6b61;color:#fff}.c6-trust .container{display:grid;grid-template-columns:repeat(3,1fr)}.c6-trust div{padding:22px 0;border-right:1px solid rgba(255,255,255,.22)}.c6-trust div+div{padding-left:28px}.c6-trust div:last-child{border-right:0}.c6-trust strong,.c6-trust span{display:block}.c6-trust span{margin-top:4px;color:#d7e8e3;font-size:.9rem}
.c6-services{padding:50px 0}.c6-heading{display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:end;margin-bottom:28px}.c6-heading>span{font-size:.75rem;text-transform:uppercase;letter-spacing:.11em;font-weight:800;color:#48756d}.c6-heading h2{font-size:clamp(1.7rem,2.7vw,2.7rem)}.c6-grid-services{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.c6-grid-services a{padding:24px;border-radius:14px;background:#f7faf9;border:1px solid #dbe4e1;color:inherit}.c6-grid-services h3{font-size:1.05rem}.c6-grid-services p{font-size:.9rem;color:#60706c}.c6-grid-services span{font-size:.82rem;font-weight:800;color:#2e6b61}.c6-contact{padding:38px 0;background:#dcece7}.c6-contact .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.c6-contact h2{margin:6px 0 0;font-size:1.7rem}

/* Dark Mode */
:root[data-theme="dark"] .concept{background:#111719;color:#eef4f4}
:root[data-theme="dark"] .c1-hero,:root[data-theme="dark"] .c3-hero,:root[data-theme="dark"] .c4-hero,:root[data-theme="dark"] .c6-hero{background:#172023;border-color:#2d3a3e}
:root[data-theme="dark"] .c1-copy p,:root[data-theme="dark"] .c1-intro p,:root[data-theme="dark"] .c1-service-list p,:root[data-theme="dark"] .c3-hero p,:root[data-theme="dark"] .c4-hero p,:root[data-theme="dark"] .c4-columns p,:root[data-theme="dark"] .c6-hero p,:root[data-theme="dark"] .c6-grid-services p{color:#aebdc0}
:root[data-theme="dark"] .c1-services,:root[data-theme="dark"] .c1-intro,:root[data-theme="dark"] .c3-specs,:root[data-theme="dark"] .c4-columns,:root[data-theme="dark"] .c6-services{background:#111719}
:root[data-theme="dark"] .c1-service-list>a,:root[data-theme="dark"] .c3-specs article,:root[data-theme="dark"] .c4-columns article{border-color:#334145}
:root[data-theme="dark"] .c2-bento{background:#101719}:root[data-theme="dark"] .c2-bento article{background:#172226;border-color:#304044}:root[data-theme="dark"] .c2-bento .wide{background:#143a43}:root[data-theme="dark"] .c2-bento .accent{background:#397f78}
:root[data-theme="dark"] .c2-flow{background:#111719}:root[data-theme="dark"] .flow-line span{background:#182326;border-color:#334145}
:root[data-theme="dark"] .c4-quote{background:#252d2c}
:root[data-theme="dark"] .c6-card,:root[data-theme="dark"] .c6-grid-services a{background:#182326;border-color:#334145}:root[data-theme="dark"] .c6-contact{background:#1d3531}

@media(max-width:980px){
 .c1-grid,.c2-hero .container,.c6-grid{grid-template-columns:1fr}.c1-facts{border-left:0;border-top:1px solid #bac7c4;padding:20px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.c2-orbit{margin:30px auto 0;width:340px;height:340px}.orbit-core{inset:120px}.o1{left:135px}.o2{top:155px}.o3{left:115px}.o4{top:155px}.c1-intro .container{grid-template-columns:130px 1fr}.c1-intro p{grid-column:2}.c2-bento .container{grid-template-columns:1fr 1fr}.c2-bento .wide{grid-column:span 2}.c3-specs .container{grid-template-columns:repeat(2,1fr)}.c4-columns .container{grid-template-columns:1fr}.c4-columns article,.c4-columns article+article{padding:25px 0;border-right:0;border-bottom:1px solid #d6d6d0}.c4-columns h2{margin-top:18px}.c5-dashboard .container{grid-template-columns:repeat(2,1fr)}.panel.large{grid-column:span 2}.c6-grid-services{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
 .concept-actions{margin-top:20px;gap:12px}.c1-hero,.c2-hero,.c3-hero,.c4-hero,.c6-hero{padding:38px 0}.c1-copy h1,.c2-copy h1,.c3-hero h1,.c4-hero h1,.c6-hero h1{font-size:clamp(2rem,11vw,3rem);line-height:1.02}.c1-facts{grid-template-columns:1fr}.c1-intro .container{grid-template-columns:1fr;gap:12px}.c1-intro p{grid-column:auto}.c1-service-list>a{grid-template-columns:38px 1fr 20px;gap:10px;padding:16px 0}.c1-process .container{grid-template-columns:1fr;gap:24px}.c1-process ol{grid-template-columns:1fr 1fr}.c2-orbit{display:none}.c2-bento .container{grid-template-columns:1fr}.c2-bento .wide{grid-column:auto;grid-row:auto}.flow-line i{display:none}.bp-canvas{height:auto;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.bp-canvas svg{display:none}.bp-node{position:static;width:auto}.c3-specs .container{grid-template-columns:1fr}.c4-statement p{font-size:1.65rem}.c4-quote .container{display:block}.c4-quote .btn{margin-top:22px}.c5-hero .container{display:block}.c5-status{margin-top:24px}.c5-dashboard .container{grid-template-columns:1fr}.panel.large{grid-column:auto;grid-template-columns:1fr}.c5-actions .container{grid-template-columns:1fr}.c6-trust .container{grid-template-columns:1fr}.c6-trust div,.c6-trust div+div{padding:15px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}.c6-grid-services{grid-template-columns:1fr}.c6-heading{grid-template-columns:1fr;gap:8px}.c6-contact .container{display:block}.c6-contact .btn{margin-top:20px}
}

/* Professional concept set – restrained typography and factual content */
.professional-concepts{--pc-accent:#147d72;--pc-dark:#173134;--pc-soft:#eef5f3;--pc-line:#d7e2df;--pc-muted:#5b6b68}.professional-concepts h1{font-size:clamp(2.15rem,4vw,3rem)!important;line-height:1.08!important;letter-spacing:-.035em!important;max-width:980px}.professional-concepts h2{font-size:clamp(1.45rem,2.4vw,2rem)!important;line-height:1.18!important;letter-spacing:-.02em!important}.professional-concepts h3{font-size:1.05rem!important;line-height:1.3!important}.professional-concepts p{font-size:1rem;line-height:1.65}.pc-kicker,.pc-heading>span{display:block;margin-bottom:10px;font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--pc-accent)}.pc-section{padding:52px 0}.pc-heading{max-width:860px;margin-bottom:26px}.pc-heading h2{margin:0}.pc-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.pc-steps>div{padding:22px;border:1px solid var(--pc-line);background:var(--surface);border-radius:12px}.pc-steps b{color:var(--pc-accent)}.pc-steps h3{margin:12px 0 7px}.pc-steps p{margin:0;color:var(--pc-muted);font-size:.92rem}
.pc1-hero{padding:62px 0;background:#f5f8f7;border-bottom:1px solid var(--pc-line)}.pc1-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:54px;align-items:center}.pc1-layout>div>p{max-width:760px;color:var(--pc-muted)}.pc1-layout aside{padding:26px;border-left:4px solid var(--pc-accent);background:#fff}.pc1-layout aside h2{margin-top:0;font-size:1.25rem!important}.pc1-layout ul{margin:0;padding-left:20px}.pc1-layout li{padding:6px 0}.pc1-list{border-top:1px solid var(--pc-line)}.pc1-list a{display:grid;grid-template-columns:1fr 1.6fr auto;gap:24px;align-items:center;padding:20px 4px;border-bottom:1px solid var(--pc-line);color:inherit}.pc1-list h3,.pc1-list p{margin:0}.pc1-list p{color:var(--pc-muted);font-size:.92rem}.pc1-list span{font-weight:800;color:var(--pc-accent)}.pc1-process{padding:48px 0;background:#eef5f3}
.pc2-hero{padding:64px 0;background:linear-gradient(135deg,#edf7f5,#fff)}.pc2-hero .container{display:grid;grid-template-columns:1fr .95fr;gap:55px;align-items:center}.pc2-copy p{max-width:700px;color:var(--pc-muted)}.pc2-map{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:34px;border:1px solid #bcd8d2;background:#fff;border-radius:16px}.pc2-map span{padding:12px 15px;border:1px solid #bad2cd;border-radius:8px;font-weight:800;font-size:.88rem}.pc2-map i{width:24px;height:1px;background:#7da7a0}.pc2-services{background:#f8faf9}.pc2-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pc2-grid article{padding:22px;background:#fff;border:1px solid var(--pc-line);border-radius:12px}.pc2-grid article>b{color:var(--pc-accent)}.pc2-grid p{color:var(--pc-muted);font-size:.92rem}.pc2-grid a{font-weight:800}.pc2-band{padding:38px 0;background:#dfeeea}.pc2-band .container{display:flex;justify-content:space-between;align-items:center;gap:30px}.pc2-band h2,.pc2-band p{margin:0}.pc2-band p{margin-top:8px}
.pc3-hero{padding:62px 0;background:#f1f4f4;border-bottom:1px solid var(--pc-line)}.pc3-hero p{max-width:760px;color:var(--pc-muted)}.pc3-overview{padding:0;background:#fff}.pc3-overview .container{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--pc-line)}.pc3-overview article{padding:28px 22px;border-right:1px solid var(--pc-line);border-bottom:1px solid var(--pc-line)}.pc3-overview span{font-size:.75rem;font-weight:800;color:var(--pc-accent)}.pc3-overview h2{font-size:1.2rem!important;margin:14px 0 8px}.pc3-overview p{margin:0;color:var(--pc-muted);font-size:.9rem}.pc3-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:start}.pc3-table{border-top:1px solid var(--pc-line)}.pc3-table>div{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--pc-line)}.pc3-table span{font-weight:800}.pc3-table b{font-weight:500;color:var(--pc-muted)}
.pc4-hero{padding:62px 0;background:#fff}.pc4-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.pc4-grid p{max-width:740px;color:var(--pc-muted)}.pc4-facts{display:grid;gap:12px}.pc4-facts>div{padding:19px 22px;background:#f3f7f6;border-left:3px solid var(--pc-accent)}.pc4-facts strong,.pc4-facts span{display:block}.pc4-facts span{margin-top:4px;color:var(--pc-muted);font-size:.9rem}.pc4-services{background:#f8faf9}.pc4-row{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:19px 0;border-top:1px solid var(--pc-line);color:inherit}.pc4-row:last-child{border-bottom:1px solid var(--pc-line)}.pc4-row h3,.pc4-row p{margin:0}.pc4-row p{margin-top:5px;color:var(--pc-muted);font-size:.92rem}.pc4-row>span{font-weight:800;white-space:nowrap}.pc4-contact{padding:38px 0;background:#e4efec}.pc4-contact .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.pc4-contact h2,.pc4-contact p{margin:0}.pc4-contact p{margin-top:8px}.pc4-contact .container>div:last-child{display:flex;gap:10px}
.pc5-hero{padding:58px 0;background:#f5f8f7}.pc5-hero .container{display:grid;grid-template-columns:1fr .8fr;gap:50px;align-items:center}.pc5-hero p{max-width:700px;color:var(--pc-muted)}.pc5-actions{display:grid;gap:12px}.pc5-actions a{padding:20px 22px;border:1px solid var(--pc-line);background:#fff;color:inherit;border-radius:10px}.pc5-actions span,.pc5-actions strong{display:block}.pc5-actions span{font-size:.78rem;color:var(--pc-muted)}.pc5-actions strong{margin-top:5px}.pc5-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:55px}.pc5-layout aside{padding:24px;background:#eef5f3;border:1px solid var(--pc-line)}.pc5-layout aside h3{margin:0 0 5px}.pc5-layout aside p{margin:0 0 18px}.pc-checks{padding-left:20px}.pc-checks li{padding:5px 0}.pc5-services{padding:42px 0;background:#f8faf9}.pc5-services .container{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pc5-services a{padding:20px;border:1px solid var(--pc-line);background:#fff;color:inherit}.pc5-services h3,.pc5-services p{margin:0}.pc5-services p{margin-top:7px;color:var(--pc-muted);font-size:.9rem}
.pc6-hero{padding:62px 0;background:#eef6f3;border-bottom:1px solid var(--pc-line)}.pc6-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:58px;align-items:center}.pc6-grid p{max-width:720px;color:var(--pc-muted)}.pc6-info{padding:26px;background:#fff;border:1px solid #ceddd9;border-radius:12px}.pc6-info h2{font-size:1.25rem!important;margin-top:0}.pc6-info dl{margin:0}.pc6-info dl>div{padding:13px 0;border-top:1px solid var(--pc-line)}.pc6-info dt{font-size:.78rem;font-weight:800;text-transform:uppercase;color:var(--pc-accent)}.pc6-info dd{margin:4px 0 0}.pc6-services-section{padding:64px 0;background:#fff;border-bottom:1px solid var(--pc-line)}.pc6-grid-services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pc6-service-card{display:block;min-height:176px;padding:24px;color:inherit;background:#fff;border:1px solid var(--pc-line);border-radius:12px;box-shadow:0 4px 14px rgba(24,55,51,.04);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.pc6-service-card h3,.pc6-service-card p{margin:0}.pc6-service-card p{margin-top:9px;color:var(--pc-muted);font-size:.92rem}.pc6-service-card:hover,.pc6-service-card:focus-visible{transform:translateY(-5px);border-color:var(--pc-accent);background:#f7fbfa;box-shadow:0 14px 30px rgba(24,55,51,.13);text-decoration:none}.pc6-service-card:focus-visible{outline:3px solid rgba(20,125,114,.28);outline-offset:3px}.pc6-contact{padding:44px 0;background:#dcebe7;border-bottom:1px solid var(--pc-line)}.pc6-contact .container{display:flex;justify-content:space-between;align-items:center;gap:30px}.pc6-contact h2,.pc6-contact p{margin:0}.pc6-contact p{margin-top:8px}.pc6-contact .container>div:last-child{display:flex;gap:10px}
:root[data-theme="dark"] .professional-concepts{--pc-soft:#182325;--pc-line:#344246;--pc-muted:#aebcbe}.professional-concepts :is(.pc1-hero,.pc2-hero,.pc3-hero,.pc4-hero,.pc5-hero,.pc6-hero,.pc2-services,.pc4-services,.pc5-services){background:var(--bg)}:root[data-theme="dark"] .professional-concepts :is(.pc1-layout aside,.pc2-map,.pc2-grid article,.pc4-facts>div,.pc5-actions a,.pc5-layout aside,.pc5-services a,.pc6-info,.pc6-grid-services article,.pc-steps>div){background:#182326;border-color:#344246}:root[data-theme="dark"] .professional-concepts :is(.pc1-process,.pc2-band,.pc4-contact,.pc6-contact){background:#203230}
@media(max-width:980px){.pc1-layout,.pc2-hero .container,.pc3-split,.pc4-grid,.pc5-hero .container,.pc5-layout,.pc6-grid{grid-template-columns:1fr}.pc2-grid,.pc5-services .container,.pc6-grid-services{grid-template-columns:repeat(2,1fr)}.pc3-overview .container,.pc-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.professional-concepts h1{font-size:clamp(1.85rem,9vw,2.25rem)!important}.professional-concepts h2{font-size:1.45rem!important}.professional-concepts p{font-size:.94rem}.pc-section,.pc1-hero,.pc2-hero,.pc3-hero,.pc4-hero,.pc5-hero,.pc6-hero{padding:34px 0}.pc1-list a{grid-template-columns:1fr;padding:16px 0;gap:6px}.pc1-list span{margin-top:4px}.pc2-grid,.pc5-services .container,.pc6-grid-services,.pc3-overview .container,.pc-steps{grid-template-columns:1fr}.pc2-map{padding:20px}.pc2-map i{display:none}.pc2-band .container,.pc4-contact .container,.pc6-contact .container{display:block}.pc2-band .btn,.pc4-contact .container>div:last-child,.pc6-contact .container>div:last-child{margin-top:18px}.pc4-contact .container>div:last-child,.pc6-contact .container>div:last-child{display:grid}.pc3-table>div{grid-template-columns:1fr;gap:4px}.pc4-row{align-items:flex-start}.pc4-row>span{display:none}.pc6-nav .container{grid-template-columns:1fr 1fr}.pc6-nav a{border-bottom:1px solid rgba(255,255,255,.2)}.concept-actions{display:grid}.concept-actions .btn,.concept-actions .text-link{width:100%;justify-content:center;text-align:center}}


/* Hersteller- und Partnersektion */
.pc-partners{padding:58px 0;background:#f4f7f6;border-top:1px solid var(--pc-line)}
.pc-partners-heading{max-width:900px}
.pc-partners-heading p{margin:12px 0 0;color:var(--pc-muted);max-width:780px}
.pc-partner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pc-partner-card{display:flex;flex-direction:column;min-height:100%;overflow:hidden;background:#fff;border:1px solid var(--pc-line);border-radius:14px}
.pc-partner-brand{display:flex;align-items:center;justify-content:center;min-height:92px;padding:20px;background:#e8f0ee;color:#214f49;font-size:.95rem;font-weight:900;letter-spacing:.14em;text-align:center}
.pc-partner-content{display:flex;flex:1;flex-direction:column;padding:23px}
.pc-partner-status{margin:0 0 8px!important;color:var(--pc-accent)!important;font-size:.74rem!important;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.pc-partner-content h3{margin:0 0 9px}
.pc-partner-content>p:not(.pc-partner-status){margin:0 0 18px;color:var(--pc-muted);font-size:.92rem}
.pc-partner-content a{margin-top:auto;font-weight:800}
.pc-partner-note{margin:18px 0 0;color:var(--pc-muted);font-size:.78rem!important}
:root[data-theme="dark"] .pc-partners{background:#131d1f;border-color:#344246}
:root[data-theme="dark"] .pc-partner-card{background:#182326;border-color:#344246}
:root[data-theme="dark"] .pc-partner-brand{background:#203230;color:#d5ebe6}
@media(max-width:900px){.pc-partner-grid{grid-template-columns:1fr}}
@media(max-width:640px){.pc-partners{padding:38px 0}.pc-partner-brand{min-height:72px}.pc-partner-content{padding:20px}}

:root[data-theme="dark"] .pc6-services-section{background:#111a1c;border-color:#344246}
:root[data-theme="dark"] .pc6-service-card{background:#182326;border-color:#344246;box-shadow:none}
:root[data-theme="dark"] .pc6-service-card:hover,:root[data-theme="dark"] .pc6-service-card:focus-visible{background:#203230;border-color:#79d4cf;box-shadow:0 14px 30px rgba(0,0,0,.24)}

/* Version 6: vollständig klickbare Herstellerkarten */
.pc-partner-card{
  color:inherit;
  text-decoration:none;
  box-shadow:0 4px 14px rgba(24,55,51,.04);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background-color .2s ease;
}
.pc-partner-card:hover,
.pc-partner-card:focus-visible{
  transform:translateY(-5px);
  border-color:var(--pc-accent);
  background:#f7fbfa;
  box-shadow:0 14px 30px rgba(24,55,51,.13);
  text-decoration:none;
}
.pc-partner-card:focus-visible{
  outline:3px solid rgba(20,125,114,.28);
  outline-offset:3px;
}
.pc-partner-card:hover .pc-partner-brand,
.pc-partner-card:focus-visible .pc-partner-brand{
  background:#dcebe7;
}
:root[data-theme="dark"] .pc-partner-card:hover,
:root[data-theme="dark"] .pc-partner-card:focus-visible{
  background:#203230;
  border-color:#79d4cf;
  box-shadow:0 14px 30px rgba(0,0,0,.24);
}
:root[data-theme="dark"] .pc-partner-card:hover .pc-partner-brand,
:root[data-theme="dark"] .pc-partner-card:focus-visible .pc-partner-brand{
  background:#29413e;
}