:root{--bg:#f5f7f8;--paper:#fff;--ink:#12181d;--muted:#65727c;--line:#dfe5e8;--sidebar:#11171c;--side2:#1a2229;--accent:#0a78ff;--accent2:#5db7ff;--soft:#eaf3ff;--radius:16px;--shadow:0 18px 50px rgba(20,34,43,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:50;inset:0 auto 0 0;width:248px;background:var(--sidebar);color:#fff;padding:28px 18px 22px;display:flex;flex-direction:column;border-right:1px solid #252d34}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 28px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#fff;color:#111;font-size:13px;font-weight:800;letter-spacing:-.02em}.brand strong,.brand small{display:block}.brand strong{font-size:13px}.brand small{margin-top:2px;color:#83919b;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.nav{display:flex;flex-direction:column;gap:4px}.nav-label{margin:18px 12px 6px;color:#596874;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.16em}.nav-item{display:flex;align-items:center;gap:11px;min-height:42px;padding:0 11px;border-radius:9px;color:#aab4bb;text-decoration:none;font-size:12px;transition:.2s}.nav-item i{width:24px;color:#586874;font-style:normal;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.nav-item:hover{background:#182129;color:#fff}.nav-item.active{background:#202a32;color:#fff;box-shadow:inset 3px 0 var(--accent)}.nav-item.active i{color:var(--accent2)}.sidebar-footer{margin-top:auto;padding:18px 9px 0;border-top:1px solid #263039}.availability{font-size:9px;font-weight:800;letter-spacing:.14em;color:#c3ccd2}.availability span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#35c56b;margin-right:7px;box-shadow:0 0 0 5px rgba(53,197,107,.08)}.sidebar-footer>small{display:block;margin-top:8px;color:#64737e;font-size:9px}.doc-links{display:flex;gap:12px;margin-top:13px}.doc-links a{color:#9eabb4;text-decoration:none;font-size:10px}.doc-links a:hover{color:#fff}.content{margin-left:248px}.section{min-height:80vh;padding:96px clamp(42px,6vw,100px);border-bottom:1px solid var(--line);background:var(--paper);scroll-margin-top:0}.hero{min-height:100vh;padding-top:72px;background:radial-gradient(circle at 83% 5%,rgba(10,120,255,.08),transparent 29%),#fff}.eyebrow,.kicker,.section-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:700}.eyebrow{display:flex;align-items:center;gap:9px;color:#54636e}.pulse{width:7px;height:7px;border-radius:50%;background:#2cc86e;box-shadow:0 0 0 0 rgba(44,200,110,.45);animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(44,200,110,0)}100%{box-shadow:0 0 0 0 rgba(44,200,110,0)}}h1{max-width:980px;margin:52px 0 24px;font-size:clamp(48px,6.1vw,92px);line-height:.98;letter-spacing:-.06em;font-weight:720}h1 em{font-style:normal;color:#89959d;font-weight:520}.hero-lead{max-width:850px;margin:0;color:#53616b;font-size:clamp(17px,1.45vw,22px);line-height:1.65}.flow-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:64px}.flow-card{position:relative;min-height:265px;padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:inherit;text-decoration:none;overflow:hidden;transition:.25s}.flow-card:before{content:"";position:absolute;inset:auto -30% -60% -30%;height:150px;background:radial-gradient(circle,rgba(10,120,255,.13),transparent 68%);opacity:0;transition:.25s}.flow-card:hover{transform:translateY(-5px);border-color:#b8d7ff;box-shadow:var(--shadow)}.flow-card:hover:before{opacity:1}.flow-number{float:right;color:#a3afb6;font-family:ui-monospace,monospace;font-size:10px}.flow-card small{color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.14em}.flow-card h3{margin:34px 0 11px;font-size:28px;letter-spacing:-.035em}.flow-card p{min-height:72px;color:#65737d;font-size:13px;line-height:1.6}.flow-card b{position:absolute;bottom:24px;font-size:11px}.hero-meta{display:grid;grid-template-columns:repeat(4,1fr);margin-top:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hero-meta div{padding:20px 18px;border-right:1px solid var(--line)}.hero-meta div:last-child{border-right:0}.hero-meta strong,.hero-meta span{display:block}.hero-meta strong{font-size:18px}.hero-meta span{margin-top:4px;color:#7a8790;font-size:10px}.section-head{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.65fr);gap:50px;align-items:end;margin-bottom:52px}.section-code{display:block;margin-bottom:17px;color:var(--accent)}.kicker{color:#8a969e}.section-head h2,.contact h2{max-width:780px;margin:10px 0 0;font-size:clamp(38px,4vw,64px);line-height:1.02;letter-spacing:-.05em}.section-head>p{color:#6a7881;font-size:13px;line-height:1.7}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.capability-grid article{min-height:210px;padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.2s}.capability-grid article:hover{background:#f7fbff}.capability-grid article>span{color:#aab5bc;font-family:ui-monospace,monospace;font-size:9px}.capability-grid h3{margin:36px 0 13px;font-size:20px}.capability-grid p{margin:0;color:#687680;font-size:12px;line-height:1.7}.dark-section{background:#12191f;color:#fff;border-color:#28323a}.dark-section .section-head>p,.dark-section .kicker{color:#7f8d97}.dark-section .section-code{color:#67b6ff}.erp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.erp-grid article{padding:32px;border:1px solid #2a3740;border-radius:14px;background:#171f26}.erp-grid small{color:#60aff5;font-size:9px;font-weight:800;letter-spacing:.16em}.erp-grid h3{font-size:25px;margin:22px 0}.erp-grid ul{list-style:none;margin:0;padding:0}


.erp-grid li{padding:11px 0;border-top:1px solid #29343c;color:#b3bec5;font-size:12px; list-style: disc}


.system-map{position:relative;display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin:70px 0 22px}.map-track{position:absolute;z-index:0;left:4%;right:4%;top:49%;height:1px;background:#cbd5dc}.map-node{position:relative;z-index:1;min-width:0;min-height:132px;padding:16px 10px;border:1px solid #d8e0e5;border-radius:13px;background:#fff;text-align:left;cursor:pointer;transition:.22s}.map-node small,.map-node strong,.map-node span{display:block}.map-node small{color:#9ba8b0;font-size:8px}.map-node strong{margin-top:35px;font-size:13px}.map-node span{margin-top:4px;color:#8a969e;font-size:9px}.map-node:hover,.map-node.active{transform:translateY(-5px);border-color:#75b6ff;box-shadow:0 15px 35px rgba(10,120,255,.12)}.map-node.passed{background:var(--soft);border-color:#b9d8ff}.map-detail{display:flex;justify-content:space-between;gap:20px;padding:16px 18px;border:1px solid var(--line);border-radius:11px;background:#f8fafb;font-size:11px}.map-detail span{color:var(--accent);font-family:ui-monospace,monospace;font-size:9px;letter-spacing:.13em}.map-detail strong{font-weight:600}.timeline{border-top:1px solid var(--line)}.timeline article{display:grid;grid-template-columns:130px 1fr;gap:40px;padding:38px 0;border-bottom:1px solid var(--line)}.timeline>article>span{color:#9aa6ae;font-family:ui-monospace,monospace;font-size:9px}.timeline small{color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.14em}.timeline h3{margin:8px 0 10px;font-size:27px;letter-spacing:-.035em}.timeline p{max-width:760px;margin:0;color:#66747e;font-size:13px;line-height:1.7}.project-links{display:flex;gap:12px;margin-top:28px}

.project-links a,.primary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 18px;border-radius:10px;background:#111820;color:#fff;text-decoration:none;font-size:16px;font-weight:700}


.project-links a+ a{background:#edf2f5;color:#27343d}.qualification-layout{display:grid;grid-template-columns:300px 1fr;gap:22px}.portrait{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.portrait img{display:block;width:100%;height:320px;object-fit:cover;object-position:center 20%;filter:grayscale(14%)}.portrait div{padding:18px}.portrait strong,.portrait span{display:block}.portrait span{margin-top:5px;color:#7a8790;font-size:10px}.qualification-list{border-top:1px solid var(--line)}.qualification-list a{display:grid;grid-template-columns:100px 1fr 30px;align-items:center;min-height:67px;padding:0 14px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;transition:.18s}.qualification-list a:hover{background:#f5f9fc}.qualification-list span{color:#8d99a1;font-family:ui-monospace,monospace;font-size:9px}.qualification-list strong{font-size:13px}.qualification-list b{text-align:right;color:var(--accent)}.assessment{background:#f6f8fa}.assessment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.assessment-grid article{padding:24px;border:1px solid var(--line);border-radius:13px;background:#fff}.assessment-grid span{color:var(--accent);font-family:ui-monospace,monospace;font-size:9px}.assessment-grid h3{margin:30px 0 10px;font-size:18px}.assessment-grid p{margin:0;color:#6d7a83;font-size:11px;line-height:1.65}.notice{display:grid;grid-template-columns:160px 1fr;gap:28px;margin-top:24px;padding:20px;border:1px solid #d8e2e8;border-radius:12px;background:#fff}.notice strong{font-size:11px}.notice p{margin:0;color:#707e87;font-size:11px;line-height:1.6}.contact{min-height:70vh;background:#11181e;color:#fff}.contact .section-code{color:#63b3fb}.contact h2{margin-top:28px;max-width:900px;font-size:clamp(46px,6vw,82px)}.contact>p{max-width:700px;margin:24px 0;color:#9daab3;line-height:1.7}.contact-actions{display:flex;align-items:center;gap:24px;margin-top:36px}.contact-actions>a:not(.primary-btn){color:#bec8ce;text-decoration:none;font-size:12px}.primary-btn{background:#fff;color:#111}.contact footer{display:flex;align-items:flex-end;justify-content:space-between;margin-top:120px;padding-top:22px;border-top:1px solid #2c353c;color:#687681;font-size:10px}.contact footer div{display:flex;gap:20px}.contact footer a{color:#7d8b94;text-decoration:none}.mobile-toggle{display:none}
@media(max-width:1100px){.sidebar{width:220px}.content{margin-left:220px}.section{padding-left:42px;padding-right:42px}.flow-cards{grid-template-columns:1fr}.flow-card{min-height:200px}.hero-meta{grid-template-columns:repeat(2,1fr)}.capability-grid{grid-template-columns:repeat(2,1fr)}.system-map{grid-template-columns:repeat(4,1fr)}.map-track{display:none}.assessment-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);width:270px;transition:.25s}.sidebar.open{transform:translateX(0)}.mobile-toggle{display:block;position:fixed;z-index:70;top:16px;right:16px;width:42px;height:42px;border:1px solid #dbe2e6;border-radius:10px;background:#fff;box-shadow:0 8px 25px rgba(0,0,0,.08)}.content{margin-left:0}.section{min-height:auto;padding:80px 22px}.hero{padding-top:80px}.section-head{grid-template-columns:1fr;gap:14px}.flow-cards,.capability-grid,.erp-grid,.assessment-grid,.qualification-layout{grid-template-columns:1fr}.hero-meta{grid-template-columns:1fr 1fr}.system-map{grid-template-columns:1fr 1fr}.map-detail{display:block}.map-detail strong{display:block;margin-top:8px;line-height:1.5}.timeline article{grid-template-columns:1fr;gap:10px}.qualification-list a{grid-template-columns:70px 1fr 20px}.contact-actions,.project-links{align-items:flex-start;flex-direction:column}.contact footer{align-items:flex-start;margin-top:80px;gap:20px;flex-direction:column}.notice{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Expertise visual system */
.expertise-visual{position:relative;margin:38px 0 54px;border:1px solid var(--line);border-radius:16px;background:#fbfcfd;overflow:hidden}.visual-label{display:flex;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--line);font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;color:#71808a}.visual-label span{color:var(--accent)}.hero-visual svg{display:block;width:100%;height:auto;min-height:210px}.flow-line{stroke:#a9c6e8;stroke-width:1.5;fill:none;stroke-dasharray:5 5}.data-dot{fill:#0878ff;filter:drop-shadow(0 0 5px #0878ff);animation:dataPulse 2.4s ease-in-out infinite}.d2{animation-delay:.7s}.d3{animation-delay:1.4s}@keyframes dataPulse{0%,100%{opacity:.15;transform:scale(.7)}50%{opacity:1;transform:scale(1.5)}}.svg-node{cursor:pointer}.svg-node rect{fill:#fff;stroke:#d6e0e6;transition:.2s}.svg-node:hover rect{stroke:#0878ff;filter:drop-shadow(0 12px 16px rgba(8,120,255,.12));transform:translateY(-3px)}.svg-node.final-node rect{fill:#111a21;stroke:#111a21}.svg-code{font:700 9px ui-monospace,monospace;letter-spacing:.08em;fill:#0878ff}.svg-title{font:700 18px Arial,sans-serif;fill:#172129}.svg-sub{font:600 7px ui-monospace,monospace;letter-spacing:.06em;fill:#89969e}.final-node .svg-title{fill:#fff}.final-node .svg-sub{fill:#81909a}.visual-caption{display:flex;justify-content:space-between;gap:30px;padding:17px 18px;border-top:1px solid var(--line);font-size:11px}.visual-caption span{max-width:620px;color:#72808a;line-height:1.55}.domain-visual{margin-top:0}.orbit-map{position:relative;height:390px;background-image:linear-gradient(#edf1f4 1px,transparent 1px),linear-gradient(90deg,#edf1f4 1px,transparent 1px);background-size:38px 38px}.orbit-map:before,.orbit-map:after{content:"";position:absolute;left:50%;top:50%;border:1px dashed #c9d8e3;border-radius:50%;transform:translate(-50%,-50%)}.orbit-map:before{width:430px;height:250px}.orbit-map:after{width:610px;height:330px}.orbit,.orbit-item{position:absolute;z-index:2;border:1px solid #d6e0e6;border-radius:11px;background:#fff;box-shadow:0 8px 24px rgba(30,50,65,.05);transition:.2s}.orbit:hover,.orbit-item:hover{border-color:#7abaff;transform:translateY(-3px)}.orbit small,.orbit strong,.orbit span,.orbit-item small,.orbit-item strong,.orbit-item span{display:block}.orbit small,.orbit-item small{color:#0878ff;font:700 8px ui-monospace,monospace}.orbit strong,.orbit-item strong{margin-top:7px;font-size:14px}.orbit span,.orbit-item span{margin-top:3px;color:#82909a;font-size:8px}.orbit.core{left:50%;top:50%;width:190px;padding:25px;transform:translate(-50%,-50%);background:#111a21;color:#fff;border-color:#111a21}.orbit.core:hover{transform:translate(-50%,-53%)}.orbit-item{width:130px;padding:15px}.oi1{left:7%;top:13%}.oi2{left:8%;bottom:12%}.oi3{left:31%;top:8%}.oi4{right:30%;bottom:8%}.oi5{right:7%;top:13%}.oi6{right:8%;bottom:12%}.dark-visual{border-color:#2a3740;background:#151d23}.dark-visual .visual-label,.dark-visual .visual-caption{border-color:#2a3740}.dark-visual .visual-caption span{color:#8d9aa3}.erp-landscape{position:relative;height:400px;background:radial-gradient(circle at center,rgba(47,147,238,.11),transparent 35%)}.erp-ring{position:absolute;left:50%;top:50%;width:470px;height:270px;border:1px dashed #344957;border-radius:50%;transform:translate(-50%,-50%)}.erp-core,.erp-satellite{position:absolute;z-index:2;border:1px solid #31414d;border-radius:12px;background:#19232a}.erp-core{left:50%;top:50%;width:220px;padding:28px;text-align:center;transform:translate(-50%,-50%);box-shadow:0 0 50px rgba(0,126,255,.12)}.erp-core small,.erp-core strong,.erp-core span{display:block}.erp-core small{color:#5fb2ff;font:700 8px ui-monospace,monospace;letter-spacing:.1em}.erp-core strong{margin:9px 0 4px;font-size:38px}.erp-core span{color:#8e9da6;font-size:9px}.erp-satellite{width:130px;padding:16px;transition:.2s}.erp-satellite:hover{border-color:#5fb2ff;transform:translateY(-3px)}.erp-satellite small{color:#5fb2ff;font:700 8px ui-monospace,monospace}.erp-satellite strong{display:block;margin-top:6px;font-size:13px}.es1{left:8%;top:13%}.es2{left:10%;bottom:12%}.es3{left:43%;top:7%}.es4{right:9%;bottom:12%}.es5{right:7%;top:13%}.es6{left:43%;bottom:7%}.assessment-visual{background:#fff}.assessment-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1.2fr;align-items:stretch;padding:28px}.assessment-flow>div{padding:20px 16px;border:1px solid var(--line);border-radius:10px}.assessment-flow i{align-self:center;padding:0 8px;color:#a5b2ba;font-style:normal}.assessment-flow small,.assessment-flow strong,.assessment-flow span{display:block}.assessment-flow small{color:#0878ff;font:700 8px ui-monospace,monospace}.assessment-flow strong{margin-top:18px;font-size:12px}.assessment-flow span{margin-top:5px;color:#84919a;font-size:8px}.assessment-flow .result{background:#111a21;color:#fff;border-color:#111a21}
@media(max-width:900px){.hero-visual svg{min-width:800px}.hero-visual{overflow-x:auto}.orbit-map,.erp-landscape{height:500px}.orbit-map:before,.orbit-map:after,.erp-ring,.erp-connectors,.ebusiness-connectors{display:none}.orbit-item,.erp-satellite{position:relative;display:inline-block;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin:14px 6px}.orbit.core,.erp-core{position:relative;left:auto;top:auto;margin:25px auto;transform:none}.orbit.core:hover{transform:translateY(-3px)}.assessment-flow{grid-template-columns:1fr}.assessment-flow i{padding:7px;text-align:center;transform:rotate(90deg)}}

/* Sachverständigen positioning */
.hero-actions{display:flex;gap:12px;align-items:center;margin-top:30px}

.secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 18px;border:1px solid var(--line);border-radius:10px;color:#27343d;text-decoration:none;font-size:16px;font-weight:700;background:#fff}

.secondary-btn:hover{border-color:#9bc8ff;background:#f7fbff}.service-hero-visual{margin-top:40px}.expertise-thread{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin:22px 0 0;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:#f8fafb;font-size:11px}.expertise-thread>span{margin-right:6px;color:#7b8992;font:700 8px ui-monospace,monospace;letter-spacing:.14em}.expertise-thread strong{font-weight:650}.expertise-thread i{color:#a7b2b9;font-style:normal}.expertise-thread b{color:#0878ff;font-weight:750}.services-section{background:#f7f9fb}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{position:relative;min-height:330px;padding:28px;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.service-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#0878ff;transform:scaleX(0);transform-origin:left;transition:.25s}.service-card:hover:after,.service-card.featured:after{transform:scaleX(1)}.service-card.featured{border-color:#afd1fa;box-shadow:0 14px 40px rgba(10,120,255,.08)}.service-card>span{color:#0878ff;font:1000 18px ui-monospace,monospace;letter-spacing:.13em}.service-card h3{margin:28px 0 13px;font-size:23px;letter-spacing:-.03em}.service-card p{margin:0 0 22px;color:#697780;font-size:12px;line-height:1.7}.service-card ul{list-style:none;margin:0;padding:0;border-top:1px solid #edf1f3}

.service-card li{padding:9px 0;border-bottom:1px solid #edf1f3;color:#53616a;font-size:14px;   list-style: disc;}



.assignment-strip{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:18px;padding:22px 24px;border-radius:13px;background:#11191f;color:#fff}.assignment-strip small,.assignment-strip strong{display:block}.assignment-strip small{margin-bottom:8px;color:#67b6ff;font:700 8px ui-monospace,monospace;letter-spacing:.14em}.assignment-strip strong{font-size:12px;font-weight:600;color:#c7d0d6}.assignment-strip a{white-space:nowrap;color:#fff;text-decoration:none;font-size:11px;font-weight:700}
.seo-entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.seo-entry-grid a{display:flex;min-height:150px;padding:22px;border:1px solid #2a3740;border-radius:13px;background:#151d23;color:#fff;text-decoration:none;flex-direction:column;transition:.2s}.seo-entry-grid a:hover{border-color:#5fb2ff;transform:translateY(-3px)}.seo-entry-grid small{color:#5fb2ff;font:700 8px ui-monospace,monospace;letter-spacing:.13em}.seo-entry-grid strong{margin-top:26px;font-size:18px}.seo-entry-grid span{margin-top:8px;color:#91a0a9;font-size:11px;line-height:1.5}
@media(max-width:1100px){.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.seo-entry-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.hero-actions{align-items:stretch;flex-direction:column}.hero-actions a{width:100%}.service-grid,.seo-entry-grid{grid-template-columns:1fr}.assignment-strip{align-items:flex-start;flex-direction:column}.expertise-thread{gap:8px}.expertise-thread>span{width:100%;margin-bottom:3px}}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:70px;align-items:center;width:100%;margin-top:28px}.hero-content{min-width:0}.hero-content h1{margin-top:0}.hero-lead{max-width:760px}.case-chips{display:flex;flex-direction:column;gap:14px;width:100%;max-width:470px;justify-self:end}.case-chips a{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:88px;padding:18px 24px 18px 58px;border:1px solid #d9e2e8;border-radius:12px;background:#fff;color:#27343d;text-decoration:none;box-shadow:0 8px 24px rgba(17,25,31,.035);transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}.case-chips a:before{content:"→";position:absolute;left:22px;top:50%;transform:translateY(-50%);color:#0878ff;font:700 20px ui-monospace,monospace;opacity:.65;transition:transform .22s ease,opacity .22s ease}.case-chips strong{display:block;font-size:16px;font-weight:700;line-height:1.3;letter-spacing:-.01em}.case-chips small{display:block;margin-top:6px;color:#71808a;font-size:12px;line-height:1.4}.case-chips a:hover{transform:translateX(8px);border-color:#9bc8ff;background:#f8fbff;box-shadow:0 12px 30px rgba(8,120,255,.08)}.case-chips a:hover:before{transform:translate(5px,-50%);opacity:1}@media(max-width:1050px){.hero-grid{grid-template-columns:1fr;gap:38px}.case-chips{max-width:100%;justify-self:stretch}}@media(max-width:600px){.case-chips a{min-height:76px;padding:16px 18px 16px 50px}.case-chips a:before{left:18px}.case-chips strong{font-size:15px}}.question-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;margin-top:22px;padding:32px;border:1px solid var(--line);border-radius:16px;background:#fff}.question-intro>span{color:#0878ff;font:700 8px ui-monospace,monospace;letter-spacing:.14em}.question-intro h3{margin:18px 0 12px;font-size:28px;letter-spacing:-.035em}.question-intro p{margin:0;color:#6c7982;font-size:12px;line-height:1.7}.question-list{border-top:1px solid var(--line)}

.question-list p{display:grid;grid-template-columns:18px 1fr;gap:10px;margin:0;padding:14px 0;border-bottom:1px solid var(--line);color:#46545d;font-size:18px;line-height:1.5}


.question-list b{color:#0878ff;font:700 9px ui-monospace,monospace}.perspective-section{background:#fff}.perspective-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1.15fr;align-items:stretch;padding:26px;border:1px solid var(--line);border-radius:16px;background:#f8fafb}.perspective-grid>div{padding:22px 18px;border:1px solid var(--line);border-radius:11px;background:#fff}.perspective-grid>i{align-self:center;padding:0 8px;color:#a4b0b8;font-style:normal}.perspective-grid small,.perspective-grid strong,.perspective-grid span{display:block}.perspective-grid small{color:#0878ff;font:700 8px ui-monospace,monospace}.perspective-grid strong{margin-top:18px;font-size:13px}.perspective-grid span{margin-top:6px;color:#7b8891;font-size:9px;line-height:1.5}.perspective-grid .perspective-result{background:#111a21;color:#fff;border-color:#111a21}.perspective-copy{max-width:850px;margin:26px 0 0;color:#5f6d76;font-size:14px;line-height:1.75}.perspective-copy strong{color:#172129}@media(max-width:900px){.question-panel{grid-template-columns:1fr}.perspective-grid{grid-template-columns:1fr}.perspective-grid>i{padding:7px;text-align:center;transform:rotate(90deg)}}




.erp-landscape {
  position: relative;
  min-height: 500px;
  overflow: hidden;
}


/* Verbindungsebene */

.erp-connectors {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  z-index: 1;
  pointer-events: none;
}


/* Linien */

.erp-connectors line {
  stroke: rgba(87, 196, 255, 0.38);
  stroke-width: 1.5;
  stroke-dasharray: 7 9;

  vector-effect: non-scaling-stroke;

  animation: erpDataFlow 2s linear infinite;
}

.erp-connectors marker path {
  fill: rgba(87, 196, 255, 0.8);
}

.erp-data-packet {
  fill: #72caff;
  filter: drop-shadow(0 0 5px rgba(87, 196, 255, 0.95));
}

.erp-data-packet--return {
  fill: #0878ff;
}


/* Core und Satelliten immer vor den Linien */

.erp-core {
  position: absolute;
  z-index: 5;
}

.erp-satellite {
  position: absolute;
  z-index: 4;
}

.erp-ring {
  z-index: 2;
}


/* Datenfluss */

@keyframes erpDataFlow {
  from {
    stroke-dashoffset: 32;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .erp-data-packet {
    display: none;
  }
}

.ebusiness-connectors {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}

.ebusiness-connectors line {
  stroke: rgba(87, 196, 255, 0.38);
  stroke-width: 1.5;
  stroke-dasharray: 7 9;
  vector-effect: non-scaling-stroke;
  animation: erpDataFlow 2s linear infinite;
}

.ebusiness-connectors marker path {
  fill: rgba(87, 196, 255, 0.8);
}

.ebusiness-data-packet {
  fill: #72caff;
  filter: drop-shadow(0 0 5px rgba(87, 196, 255, 0.95));
}

.ebusiness-data-packet--return {
  fill: #0878ff;
}

.ebusiness-visual .orbit-map {
  background-color: #151d23;
  background-image: linear-gradient(rgba(74, 96, 110, 0.2) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(74, 96, 110, 0.2) 1px, transparent 1px);
}

.ebusiness-visual .orbit-map::before,
.ebusiness-visual .orbit-map::after {
  border-color: #344957;
}

.ebusiness-visual .orbit-item {
  color: #fff;
  border-color: #31414d;
  background: #19232a;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
}

.ebusiness-visual .orbit-item:hover {
  border-color: #5fb2ff;
}

.ebusiness-visual .orbit-item small {
  color: #5fb2ff;
}

.ebusiness-visual .orbit-item span {
  color: #8e9da6;
}

.audit-visual {
  color: #fff;
  background: radial-gradient(circle at center, rgba(47, 147, 238, 0.11), transparent 42%), #151d23;
}

.audit-visual .flow-line {
  stroke: rgba(87, 196, 255, 0.48);
}

.audit-visual marker path {
  fill: #5fb2ff;
}

.audit-visual .svg-node rect {
  fill: #19232a;
  stroke: #31414d;
}

.audit-visual .svg-node:hover rect {
  stroke: #5fb2ff;
  filter: drop-shadow(0 12px 16px rgba(8, 120, 255, 0.2));
}

.audit-visual .svg-title {
  fill: #fff;
}

.audit-visual .svg-sub {
  fill: #8e9da6;
}

.audit-visual .final-node rect {
  fill: #0d6fdc;
  stroke: #5fb2ff;
}

.audit-visual .final-node .svg-code {
  fill: #fff;
}

.audit-visual .final-node .svg-sub {
  fill: #c4ddf5;
}

@media (prefers-reduced-motion: reduce) {
  .ebusiness-data-packet {
    display: none;
  }
}

/* More breathing room between page sections */
.section {
  padding-top: 128px;
  padding-bottom: 128px;
}

/* Strong visual separation between navigation sections */
.content > .section + .section {
  border-top: 18px solid #e4e9ed;
  box-shadow: inset 0 1px 0 #cbd4da;
}

.content > .dark-section,
.content > .contact {
  border-top-color: #d8e0e5;
}

.hero {
  padding-top: 88px;
}

.section-head {
  margin-bottom: 64px;
}

@media (max-width: 760px) {
  .section {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .content > .section + .section {
    border-top-width: 10px;
  }

  .hero {
    padding-top: 88px;
  }

  .section-head {
    margin-bottom: 44px;
  }
}

/* Eigenständige Systemkarten für die sechs eBusiness-Kompetenzen */
.ebusiness-capabilities {
  gap: 14px;
  border: 0;
}

.ebusiness-capabilities article {
  position: relative;
  min-height: 245px;
  padding: 28px;
  overflow: hidden;
  border: 1px solid #2d414e;
  border-radius: 14px;
  background: linear-gradient(145deg, #1d2a33, #121b22);
  color: #fff;
  box-shadow: 0 14px 34px rgba(18, 32, 42, 0.12);
  transition: border-color 0.24s ease;
}

.ebusiness-capabilities article::before {
  content: attr(data-mark);
  position: absolute;
  top: 22px;
  right: 24px;
  color: rgba(105, 190, 255, 0.15);
  font: 800 38px ui-monospace, monospace;
  letter-spacing: -0.08em;
}

.ebusiness-capabilities article::after {
  content: "";
  position: absolute;
  right: -65px;
  bottom: -85px;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(8, 120, 255, 0.24), transparent 68%);
  transition: transform 0.3s ease;
}

.ebusiness-capabilities article:hover {
  border-color: #62b7ff;
}

.ebusiness-capabilities article > span {
  position: relative;
  z-index: 1;
  display: inline-flex;
  padding: 7px 10px;
  border: 1px solid rgba(95, 178, 255, 0.3);
  border-radius: 6px;
  background: rgba(8, 120, 255, 0.09);
  color: #6fc0ff;
  font-weight: 800;
  letter-spacing: 0.12em;
}

.ebusiness-capabilities h3 {
  position: relative;
  z-index: 1;
  margin: 42px 0 16px;
  font-size: 24px;
  letter-spacing: -0.035em;
  transition: color 0.24s ease;
}

.ebusiness-capabilities article:hover h3 {
  color: #62b7ff;
}

.ebusiness-capabilities p {
  position: relative;
  z-index: 1;
  max-width: 310px;
  color: #aebbc4;
  font-size: 12px;
  line-height: 1.75;
}

/* Dark variants for services (SV.01) and qualifications (Q.06) */
#services,
#qualification {
  background: #12191f;
  color: #fff;
}

#services .service-card,
#services .question-panel,
#qualification .portrait {
  border-color: #2a3740;
  background: #171f26;
}

#services .service-card.featured {
  border-color: #2a3740;
  box-shadow: none;
}

#services .service-card.featured::after {
  transform: scaleX(0);
}

#services .service-card:hover,
#services .service-card.featured:hover {
  border-color: #347cbd;
  box-shadow: 0 14px 40px rgba(0, 112, 255, 0.12);
}

#services .service-card:hover::after,
#services .service-card.featured:hover::after {
  transform: scaleX(1);
}

#services .service-card p,
#services .question-intro p,
#services .question-list p,
#qualification .portrait span {
  color: #aab6be;
}

#services .service-card ul,
#services .service-card li,
#services .question-list,
#services .question-list p {
  border-color: #2a3740;
}

#services .service-card li {
  color: #c0c9cf;
}

#services .question-list {
  display: grid;
  gap: 9px;
  border-top: 0;
}

#services .question-list p {
  margin: 0;
  padding: 13px 14px;
  border: 1px solid #2a3740;
  border-radius: 9px;
  background: #171f26;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

#services .question-list p:hover {
  border-color: #347cbd;
  box-shadow: 0 8px 24px rgba(0, 112, 255, 0.1);
}

#services .question-list p:hover b {
  color: #67baff;
}

#services .assignment-strip {
  border: 1px solid #31414d;
  background: #1a252d;
}

#qualification .qualification-list,
#qualification .qualification-list a {
  border-color: #2a3740;
}

#qualification .qualification-list a:hover {
  background: #1a252d;
}

#qualification .qualification-list span {
  color: #8797a1;
}

/* Dark case chips in the hero */
.case-chips a {
  border-color: #293640;
  background: #151d23;
  color: #fff;
  box-shadow: 0 10px 28px rgba(17, 25, 31, 0.12);
}

.case-chips small {
  color: #96a5af;
}

.case-chips a:hover {
  border-color: #397fbd;
  background: #1a252d;
  box-shadow: 0 14px 34px rgba(8, 120, 255, 0.14);
}

/* Hero impact: technical depth without adding more content */
.initial-case-check {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 36px;
  align-items: center;
  margin: 48px 0 0;
  padding: 30px 32px;
  border: 1px solid #0878ff;
  border-radius: 16px;
  background: linear-gradient(120deg, #076bd8, #054e9f);
  color: #fff;
  box-shadow: 0 18px 48px rgba(5, 78, 159, 0.24);
}

.initial-case-check h2 {
  margin: 0 0 12px;
  color: #fff;
  font-size: clamp(20px, 2vw, 28px);
  line-height: 1.15;
  letter-spacing: -0.025em;
}

.initial-case-check p {
  max-width: 900px;
  margin: 0;
  color: #dceeff;
  font-size: 14px;
  line-height: 1.7;
}

.initial-case-check .primary-btn {
  white-space: nowrap;
  border-color: #fff;
  background: #fff;
  color: #075dbb;
  box-shadow: 0 10px 28px rgba(0, 35, 75, 0.2);
}

.initial-case-check .primary-btn:hover {
  border-color: #dceeff;
  background: #eef7ff;
}

.hero-positioning {
  max-width: 760px;
  margin: 0 0 18px;
  color: #1c2a34;
  font-size: clamp(18px, 1.7vw, 25px);
  font-weight: 720;
  line-height: 1.4;
  letter-spacing: -0.025em;
}

.hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.hero-monogram {
  position: absolute;
  z-index: 3;
  top: 18px;
  right: 22px;
  display: block;
  width: 70px;
  height: auto;
  filter: drop-shadow(0 14px 24px rgba(7, 84, 189, 0.2));
}

.hero:before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 0;
  background-image:
    linear-gradient(rgba(8, 120, 255, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(8, 120, 255, 0.045) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(90deg, transparent 3%, #000 50%, #000 100%);
}

.hero:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -280px;
  right: -260px;
  width: 760px;
  height: 760px;
  border: 1px solid rgba(8, 120, 255, 0.13);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(8, 120, 255, 0.14) 0 1px, transparent 2px),
    radial-gradient(circle at center, transparent 52%, rgba(8, 120, 255, 0.07) 52.2%, transparent 53%),
    radial-gradient(circle at center, rgba(8, 120, 255, 0.1), transparent 64%);
  background-size: 28px 28px, 100% 100%, 100% 100%;
  animation: heroOrbit 18s linear infinite;
}

.hero-content h1 em {
  position: relative;
  display: inline-block;
  background: linear-gradient(100deg, #66747e 5%, #0878ff 58%, #5db7ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.hero-content h1 em:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #0878ff, #5db7ff 72%, transparent);
  transform-origin: left;
  animation: heroLine 1.1s 0.25s both cubic-bezier(.2,.8,.2,1);
}

.case-chips a {
  animation: caseReveal 0.65s both cubic-bezier(.2,.8,.2,1);
}

.case-chips a:nth-child(2) { animation-delay: 0.1s; }
.case-chips a:nth-child(3) { animation-delay: 0.2s; }
.case-chips a:nth-child(4) { animation-delay: 0.3s; }

.service-hero-visual {
  box-shadow: 0 24px 70px rgba(17, 25, 31, 0.08);
}

@keyframes heroOrbit {
  to { transform: rotate(360deg); }
}

@keyframes heroLine {
  from { opacity: 0; transform: scaleX(0); }
  to { opacity: 1; transform: scaleX(1); }
}

@keyframes caseReveal {
  from { opacity: 0; transform: translateX(26px); }
  to { opacity: 1; transform: translateX(0); }
}

@media (max-width: 760px) {
  .hero-monogram {
    top: 10px;
    right: 70px;
    width: 70px;
    height: auto;
  }

  .initial-case-check {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 36px;
    padding: 22px;
  }

  .initial-case-check .primary-btn {
    width: 100%;
  }

  .hero:after {
    top: -180px;
    right: -300px;
    opacity: 0.65;
  }

  .hero-content h1 em:after {
    bottom: -6px;
  }
}

/* Personal wordmark */
.brand {
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
}

.brand-photo {
  display: block;
  flex: 0 0 auto;
  width: 124px;
  height: 124px;
  border: 2px solid #34424c;
  border-radius: 50%;
  object-fit: cover;
  object-position: center 20%;
  box-shadow: 0 0 0 4px rgba(8, 120, 255, 0.08);
}

.brand-copy {
  width: 100%;
  min-width: 0;
}

.brand-copy strong {
  margin-bottom: 5px;
  font-size: 16px;
  letter-spacing: -0.01em;
}

.brand-copy small {
  margin-top: 3px;
  color: #c1cbd1;
  font-size: 10px;
  line-height: 1.4;
  letter-spacing: 0.055em;
  white-space: nowrap;
}

.brand-copy small:last-child {
  color: #98a7b0;
  font-size: 9.5px;
  letter-spacing: 0.025em;
}

.availability {
  line-height: 1.45;
  letter-spacing: 0.08em;
}

.portrait div > small {
  display: block;
  margin-top: 12px;
  padding-top: 11px;
  border-top: 1px solid #2a3740;
  color: #8fa0aa;
  font-size: 9px;
  line-height: 1.5;
}

.qualification-list strong small {
  display: block;
  margin-top: 4px;
  color: #82919a;
  font-size: 9px;
  font-weight: 500;
}

.qualification-text{display:grid;grid-template-columns:1fr 1fr;gap:12px}.qualification-text article{padding:22px;border:1px solid #2c3942;border-radius:12px;background:#11191f;color:#fff}.qualification-text article>small{color:#63b3fb;font-family:ui-monospace,monospace;font-size:9px;letter-spacing:.08em}.qualification-text h3{margin:12px 0 10px;color:#fff;font-size:17px}.qualification-text p{margin:8px 0;color:#b1bcc3;font-size:11px;line-height:1.6}.qualification-text a{color:#fff;font-weight:700;text-decoration:none}.qualification-text a:hover{color:#63b3fb}.qualification-text p span{display:block;margin-top:2px;color:#8998a1;font-size:10px}
.qualification-text .qualification-points{grid-column:1/-1;border-color:#2c3942;background:#11191f;color:#fff}.qualification-points h3{color:#fff}.qualification-points ol{margin:14px 0 0;padding:0;list-style:none;counter-reset:qualification}.qualification-points li{position:relative;min-height:46px;padding:13px 0 13px 42px;border-top:1px solid #2b3841;counter-increment:qualification}.qualification-points li::before{position:absolute;top:13px;left:0;color:#63b3fb;font:700 10px ui-monospace,monospace;content:"0" counter(qualification)}.qualification-points li>a,.qualification-points li>strong{display:block;color:#fff;font-size:12px}.qualification-points li>a:hover{color:#63b3fb}.qualification-points li>span,.qualification-points li>em{display:block;margin-top:3px;color:#aeb9c0;font-size:10px;font-style:normal;line-height:1.55}.qualification-points li>em{margin-top:7px;color:#8998a1}

@media(max-width:760px){.qualification-text{grid-template-columns:1fr}}

.contact footer div {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.contact footer .footer-brand {
  align-items: flex-end;
  flex-direction: column;
  gap: 10px;
  justify-content: flex-end;
  order: 2;
  margin-left: auto;
  text-align: right;
}

.contact footer .footer-brand img {
  display: block;
  width: min(500px, 100%);
  height: auto;
}

/* Concrete experience and project evidence */
.project-links {
  flex-wrap: wrap;
}

.experience-facts {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 24px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #11191f;
  color: #fff;
}

.experience-facts div {
  display: flex;
  min-height: 150px;
  padding: 25px;
  border-right: 1px solid #2b3740;
  flex-direction: column;
  justify-content: space-between;
}

.experience-facts div:last-child {
  border-right: 0;
}

.experience-facts strong {
  color: #fff;
  font-size: clamp(30px, 3vw, 46px);
  letter-spacing: -0.055em;
}

.experience-facts div:first-child strong {
  color: #5db7ff;
}

.experience-facts span {
  color: #9eabb4;
  font-size: 10px;
  line-height: 1.5;
}

.project-evidence-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}

.project-evidence-grid article {
  position: relative;
  min-height: 310px;
  padding: 29px;
  overflow: hidden;
  border: 1px solid #cfd6da;
  border-radius: 14px;
  background: linear-gradient(145deg, #f1f3f4, #e6e9eb);
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.project-evidence-grid article:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  background: #7d8991;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.25s ease;
}

.project-evidence-grid article:hover {
  transform: translateY(-3px);
  border-color: #8d989f;
  box-shadow: 0 16px 38px rgba(26, 36, 43, 0.1);
}

.project-evidence-grid article:hover:after {
  transform: scaleX(1);
}

.project-evidence-grid small {
  color: #56636c;
  font: 800 9px ui-monospace, monospace;
  letter-spacing: 0.13em;
}

.project-evidence-grid h3 {
  margin: 25px 0 13px;
  font-size: 24px;
  letter-spacing: -0.035em;
  color: #202a31;
}

.project-evidence-grid p {
  margin: 0 0 24px;
  color: #59666f;
  font-size: 12px;
  line-height: 1.7;
}

.project-evidence-grid article > span {
  position: absolute;
  right: 29px;
  bottom: 27px;
  left: 29px;
  padding-top: 13px;
  border-top: 1px solid #cbd2d6;
  color: #68757d;
  font-size: 9px;
  line-height: 1.5;
}

.system-experience {
  margin-top: 18px;
  padding: 24px 27px;
  border: 1px solid #d4dfe5;
  border-radius: 13px;
  background: #f6f9fa;
}

.system-experience small {
  color: var(--accent);
  font: 800 9px ui-monospace, monospace;
  letter-spacing: 0.14em;
}

.system-experience p {
  margin: 13px 0 0;
  color: #4f5f69;
  font-size: 12px;
  line-height: 1.7;
}

@media (max-width: 900px) {
  .experience-facts {
    grid-template-columns: repeat(2, 1fr);
  }

  .experience-facts div:nth-child(2) {
    border-right: 0;
  }

  .experience-facts div:nth-child(-n+2) {
    border-bottom: 1px solid #2b3740;
  }
}

@media (max-width: 700px) {
  .project-evidence-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .experience-facts {
    grid-template-columns: 1fr;
  }

  .experience-facts div,
  .experience-facts div:nth-child(2) {
    min-height: 125px;
    border-right: 0;
    border-bottom: 1px solid #2b3740;
  }

  .experience-facts div:last-child {
    border-bottom: 0;
  }

  .project-evidence-grid article {
    min-height: 350px;
    padding: 24px;
  }

  .project-evidence-grid article > span {
    right: 24px;
    bottom: 23px;
    left: 24px;
  }
}

/* Evidentiary method process */
.assessment {
  background: #f4f7f9;
}

.method-principle {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 10px 32px;
  margin-bottom: 28px;
  padding: 28px 30px;
  border: 1px solid #cbd8e0;
  border-left: 5px solid var(--accent);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 12px 35px rgba(22, 40, 52, 0.05);
}

.method-principle > span {
  grid-row: 1 / 3;
  color: var(--accent);
  font: 800 9px ui-monospace, monospace;
  letter-spacing: 0.15em;
}

.method-principle strong {
  font-size: 17px;
  letter-spacing: -0.015em;
}

.method-principle p {
  max-width: 900px;
  margin: 0;
  color: #687781;
  font-size: 12px;
  line-height: 1.7;
}

.method-process {
  overflow: hidden;
  border: 1px solid #d5dfe5;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 20px 55px rgba(22, 40, 52, 0.06);
}

.method-process article {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr) minmax(220px, 0.38fr);
  gap: 28px;
  min-height: 250px;
  padding: 34px 34px 34px 0;
  border-bottom: 1px solid #dfe6ea;
}

.method-process article:last-child {
  border-bottom: 0;
}

.method-index {
  position: relative;
  display: flex;
  justify-content: center;
}

.method-index span {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid #9bc8ff;
  border-radius: 50%;
  background: #edf6ff;
  color: var(--accent);
  font: 800 10px ui-monospace, monospace;
  box-shadow: 0 0 0 7px #fff;
}

.method-index i {
  position: absolute;
  top: 38px;
  bottom: -35px;
  left: 50%;
  width: 1px;
  background: linear-gradient(#8fc3ff, #d9e5ec);
}

.method-content > small,
.method-process aside small {
  color: var(--accent);
  font: 800 9px ui-monospace, monospace;
  letter-spacing: 0.14em;
}

.method-content h3 {
  margin: 10px 0 12px;
  font-size: 25px;
  letter-spacing: -0.035em;
}

.method-content > p {
  max-width: 760px;
  margin: 0;
  color: #5f6e78;
  font-size: 13px;
  line-height: 1.72;
}

.method-content ul {
  display: grid;
  gap: 7px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.method-content li {
  position: relative;
  padding-left: 18px;
  color: #465660;
  font-size: 11px;
  line-height: 1.5;
}

.method-content li:before {
  content: "";
  position: absolute;
  top: 0.55em;
  left: 0;
  width: 7px;
  height: 2px;
  background: var(--accent);
}

.method-process aside {
  align-self: stretch;
  padding: 22px;
  border: 1px solid #dce5ea;
  border-radius: 11px;
  background: #f7f9fa;
}

.method-process aside strong,
.method-process aside span {
  display: block;
}

.method-process aside strong {
  margin-top: 24px;
  font-size: 15px;
}

.method-process aside span {
  margin-top: 8px;
  color: #71808a;
  font-size: 10px;
  line-height: 1.55;
}

.method-process .method-result {
  background: #12191f;
  color: #fff;
}

.method-result .method-index span {
  border-color: #5db7ff;
  background: var(--accent);
  color: #fff;
  box-shadow: 0 0 0 7px #12191f, 0 0 28px rgba(8, 120, 255, 0.35);
}

.method-result .method-content > p,
.method-result .method-content li {
  color: #b0bbc2;
}

.method-result aside {
  border-color: #31414d;
  background: #1a252d;
}

.method-result aside span {
  color: #93a2ac;
}

/* Die sechs Prüfschritte werden zum Ergebnis hin stufenweise dunkler. */
.method-process article:nth-child(1) { --method-bg: #304858; --method-panel: #3a5364; }
.method-process article:nth-child(2) { --method-bg: #293f4e; --method-panel: #334a59; }
.method-process article:nth-child(3) { --method-bg: #233744; --method-panel: #2c424f; }
.method-process article:nth-child(4) { --method-bg: #1d2e39; --method-panel: #263945; }
.method-process article:nth-child(5) { --method-bg: #17252e; --method-panel: #20313b; }
.method-process article:nth-child(6) { --method-bg: #101820; --method-panel: #192630; }

.method-process article {
  color: #fff;
  border-bottom-color: rgba(135, 170, 191, 0.24);
  background: var(--method-bg);
}

.method-process .method-index span {
  border-color: #67baff;
  background: #0a78ff;
  color: #fff;
  box-shadow: 0 0 0 7px var(--method-bg), 0 0 24px rgba(8, 120, 255, 0.24);
}

.method-process .method-index i {
  background: linear-gradient(#67baff, rgba(103, 186, 255, 0.18));
}

.method-process .method-content > small,
.method-process aside small {
  color: #71c1ff;
}

.method-process .method-content > p {
  color: #c0ccd3;
}

.method-process .method-content li {
  color: #d4dde2;
}

.method-process aside {
  border-color: rgba(119, 172, 204, 0.3);
  background: var(--method-panel);
}

.method-process aside span,
.method-process .method-result aside span {
  color: #afbec7;
}

.method-process .method-result .method-content > p,
.method-process .method-result .method-content li {
  color: #d4dde2;
}

.method-boundary {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 28px;
  margin-top: 24px;
  padding: 24px 26px;
  border: 1px solid #d4dde3;
  border-radius: 12px;
  background: #fff;
}

.method-boundary strong {
  font-size: 12px;
  line-height: 1.5;
}

.method-boundary p {
  margin: 0;
  color: #64737d;
  font-size: 11px;
  line-height: 1.7;
}

/* Visuell hervorgehobene ERP-Kompetenzkarten */
.erp-grid article {
  position: relative;
  min-height: 300px;
  overflow: hidden;
  border-color: #314653;
  background: linear-gradient(145deg, #1b2730, #141d24);
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.16);
  transition: transform 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease;
}

.erp-grid article::before {
  content: "";
  position: absolute;
  top: -90px;
  right: -70px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(8, 120, 255, 0.2), transparent 68%);
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.erp-grid article::after {
  content: "";
  position: absolute;
  right: 32px;
  bottom: 28px;
  width: 34px;
  height: 3px;
  border-radius: 3px;
  background: #1687ff;
  box-shadow: 0 0 18px rgba(22, 135, 255, 0.6);
}

.erp-grid article:hover {
  transform: translateY(-6px);
  border-color: #5baeff;
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.25), 0 0 30px rgba(8, 120, 255, 0.08);
}

.erp-grid article:hover::before {
  transform: scale(1.2);
}

.erp-grid small {
  position: relative;
  z-index: 1;
  display: inline-flex;
  padding: 7px 10px;
  border: 1px solid rgba(95, 178, 255, 0.28);
  border-radius: 6px;
  background: rgba(8, 120, 255, 0.08);
  color: #70beff;
}

.erp-grid h3 {
  position: relative;
  z-index: 1;
  margin: 30px 0 24px;
  font-size: 27px;
  letter-spacing: -0.035em;
}

.erp-grid li {
  position: relative;
  padding: 11px 0 11px 18px;
  border-top-color: rgba(113, 145, 165, 0.22);
  color: #c1ccd3;
  list-style: none;
}

.erp-grid li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 7px;
  height: 2px;
  background: #1687ff;
  transform: translateY(-50%);
}

/* Ausstellerkennzeichnungen aus den vorhandenen Qualifikationsnachweisen */
.qualification-list a {
  grid-template-columns: 76px 100px minmax(0, 1fr) 30px;
  min-height: 82px;
  gap: 14px;
}

.qualification-list .qualification-note {
  display: grid;
  grid-template-columns: 76px 100px minmax(0, 1fr);
  align-items: center;
  min-height: 104px;
  gap: 14px;
  padding: 12px 14px;
  border-bottom: 1px solid #2a3740;
}

.qualification-list .qualification-note > .qualification-logo {
  grid-column: 1;
  grid-row: 1 / 3;
}

.qualification-list .qualification-note > .qualification-status {
  grid-column: 2;
  grid-row: 1 / 3;
}

.qualification-list .qualification-note > strong {
  grid-column: 3;
  grid-row: 1 / 3;
}

.qualification-list .qualification-note .qualification-logo {
  color: #1687ff;
  font-size: 22px;
  font-family: inherit;
}

.qualification-list .qualification-note .qualification-status {
  color: #7fbfff;
}

.qualification-list .qualification-logo {
  display: grid;
  place-items: center;
  width: 76px;
  height: 52px;
  padding: 6px 9px;
  overflow: hidden;
  border: 1px solid #32414b;
  border-radius: 8px;
  background: #fff;
}

.qualification-list .qualification-logo img {
  display: block;
  width: auto;
  height: auto;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.qualification-list .qualification-status {
  color: #7fbfff;
}

.qualification-list strong small {
  display: block;
  margin-top: 5px;
  color: #7f8d97;
  font-size: 9px;
  font-weight: 500;
}

@media (max-width: 760px) {
  .qualification-list a {
    grid-template-columns: 58px minmax(0, 1fr) 20px;
    gap: 12px;
    padding: 10px 8px;
  }

  .qualification-list .qualification-logo {
    grid-row: 1 / 3;
    width: 58px;
    height: 46px;
  }

  .qualification-list .qualification-status {
    grid-column: 2;
  }

  .qualification-list .qualification-note {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 12px;
    padding: 10px 8px;
  }

  .qualification-list .qualification-note .qualification-logo {
    grid-row: 1 / 3;
    width: 58px;
    height: 46px;
  }

  .qualification-list .qualification-note .qualification-status {
    grid-column: 2;
    grid-row: 1 / 3;
  }

  .qualification-list .qualification-note > strong {
    grid-column: 2;
    grid-row: auto;
  }

  .qualification-list strong {
    grid-column: 2;
  }

  .qualification-list b {
    grid-column: 3;
    grid-row: 1 / 3;
  }
}

@media (max-width: 900px) {
  .method-process article {
    grid-template-columns: 60px 1fr;
    gap: 20px;
    padding-right: 24px;
  }

  .method-process aside {
    grid-column: 2;
  }
}

@media (max-width: 600px) {
  .method-principle,
  .method-boundary {
    grid-template-columns: 1fr;
  }

  .method-principle > span {
    grid-row: auto;
  }

  .method-process article {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 13px;
    padding: 26px 16px 26px 0;
  }

  .method-index span {
    width: 32px;
    height: 32px;
  }

  .method-index i {
    top: 32px;
    bottom: -27px;
  }

  .method-content h3 {
    font-size: 21px;
  }

  .method-process aside {
    grid-column: 2;
    padding: 18px;
  }
}