@font-face{font-family:Inter;src:url("assets/fonts/inter-var.woff2?v=20260731e") format("woff2");font-weight:400 800;font-display:swap}
@font-face{font-family:Sora;src:url("assets/fonts/sora-var.woff2?v=20260731e") format("woff2");font-weight:400 800;font-display:swap}
:root{--dark:#121315;--dark-2:#191b1e;--dark-3:#22252a;--gold:#c69a42;--gold-dark:#9d722a;--warm:#ebece8;--cream:#f3f0e8;--teal:#5fa8a0;--coral:#cc6651;--ink:#222428;--muted:#9da09b;--line:rgba(235,236,232,.11);--max:1240px}
*{box-sizing:border-box}
html{scroll-behavior:auto}
body{margin:0;background:var(--dark);color:var(--warm);font:15px/1.65 Inter,Arial,sans-serif}
body.menu-open{overflow:hidden}
a{color:inherit}
button{font:inherit}
img{max-width:100%}
.skip-link{position:fixed;left:18px;top:-80px;z-index:10000;padding:11px 16px;border-radius:8px;background:var(--gold);color:#181205;font-weight:700;text-decoration:none;transition:.2s}
.skip-link:focus{top:18px}
.wrap{width:min(calc(100% - 80px),var(--max));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(18,19,21,.92);border-bottom:1px solid rgba(235,236,232,.07);backdrop-filter:blur(18px)}
.main-nav{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:82px;width:min(calc(100% - 80px),var(--max));margin:auto}
.brand{display:flex;width:230px}
.navlinks{display:flex;align-items:center;gap:27px}
.navlinks>a,.services-toggle{padding:8px 0;border:0;background:none;color:rgba(235,236,232,.73);font-size:14px;text-decoration:none;cursor:pointer;transition:.2s}
.navlinks>a:hover,.services-toggle:hover,.nav-item.active>.services-toggle,.nav-item.active>.services-toggle[aria-expanded="true"]{color:var(--gold)}
.nav-item{position:relative}
.services-toggle{display:flex;align-items:center;gap:6px}
.services-toggle span{font-size:15px}
.dropdown{position:absolute;left:-20px;top:44px;display:grid;width:310px;padding:10px;border:1px solid var(--line);border-radius:13px;background:#1b1d20;box-shadow:0 25px 70px #0008;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s}
.dropdown a{padding:10px 12px;border-radius:7px;color:#b8bbb6;font-size:12px;text-decoration:none}
.dropdown a:hover,.dropdown a[aria-current=page]{background:rgba(198,154,66,.11);color:var(--gold)}
.nav-item:hover .dropdown,.nav-item:focus-within .dropdown,.nav-item.open .dropdown{opacity:1;visibility:visible;transform:none}
.navlinks>a.contact-button{padding:11px 22px;border-radius:11px;background:var(--gold);color:#1a1405;font-weight:700;box-shadow:0 8px 28px #c69a4238}
.navlinks>a.contact-button:hover{color:#1a1405;transform:translateY(-2px);box-shadow:0 12px 34px #c69a4252}
.menu-button{display:none;width:43px;height:43px;border:1px solid var(--line);border-radius:9px;background:transparent}
.menu-button span{display:block;width:19px;height:1px;margin:5px auto;background:var(--warm)}
.hero{position:relative;min-height:760px;overflow:hidden;background:radial-gradient(circle at 76% 42%,rgba(95,168,160,.12),transparent 26%),radial-gradient(circle at 40% 10%,rgba(198,154,66,.08),transparent 30%)}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;min-height:690px;padding-block:75px}
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.eyebrow span{width:28px;height:1px;background:currentColor}
.eyebrow.dark{color:var(--gold-dark)}
.eyebrow.centered{justify-content:center}
h1,h2,h3{font-family:Sora,Inter,sans-serif;line-height:1.1}
h1{max-width:760px;margin:0;font-size:clamp(2.7rem,6vw,4.9rem);letter-spacing:-.06em}
h1 em,h2 em{color:var(--gold);font-style:normal}
.lead{max-width:680px;margin:28px 0;color:#b4b7b2;font-size:1.12rem}
.actions{display:flex;align-items:center;gap:24px;margin-top:34px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:14px 21px;border-radius:10px;text-decoration:none;font-weight:700;transition:.2s}
.button.primary{background:var(--gold);color:#171205;box-shadow:0 14px 35px rgba(198,154,66,.22)}
.button:hover{transform:translateY(-3px)}
.text-link{color:#c6c8c3;text-underline-offset:6px}
.trust-list{display:flex;flex-wrap:wrap;gap:8px;margin:42px 0 0;padding:0;list-style:none}
.trust-list li{padding:6px 10px;border:1px solid var(--line);border-radius:30px;color:#858984;font-size:11px}
.hero-visual{position:relative;min-height:520px}
.route-line{position:absolute;left:50%;top:48px;bottom:74px;width:1px;background:linear-gradient(var(--gold),var(--teal));opacity:.65}
.route-line:after{content:"";position:absolute;left:-5px;top:42%;width:11px;height:11px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 8px rgba(198,154,66,.11);animation:pulse 2.4s infinite}
.route-card{position:absolute;width:260px;padding:22px;border:1px solid var(--line);border-radius:15px;background:rgba(28,30,34,.93);box-shadow:0 25px 55px #0005}
.route-card small,.route-card strong,.route-card span{display:block}
.route-card small{color:#70746f;font-size:11px;letter-spacing:.15em;text-transform:uppercase}
.route-card strong{margin:7px 0 3px;font:600 1.15rem Sora}
.route-card span{color:#929590;font-size:11px}
.route-start{left:0;top:25px}
.route-middle{right:0;top:190px;border-color:rgba(198,154,66,.36)}
.route-end{left:8%;bottom:40px;border-color:rgba(95,168,160,.38)}
.route-status{position:absolute;right:0;bottom:0;padding:9px 14px;border:1px solid var(--line);border-radius:30px;color:#979a95;font-size:11px}
.route-status i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px rgba(95,168,160,.12)}
.page-nav{position:sticky;top:82px;z-index:40;height:50px;padding:0 max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;gap:24px;background:rgba(244,242,237,.94);color:#27292b;backdrop-filter:blur(12px);border-bottom:1px solid #d6d3cb}
.page-nav-label{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#777;white-space:nowrap}
.page-nav-links{display:flex;align-items:center;gap:4px}
.page-nav-links a{padding:8px 11px;border-radius:7px;color:#27292b;text-decoration:none;font-size:12px;white-space:nowrap}
.page-nav-links a:hover{background:#e5e1d7;color:#27292b}
.page-nav-links b{color:#a87b2e;margin-right:5px;font-weight:700}
.section{padding:115px 0}
.section.light{background:var(--warm);color:var(--ink)}
.section.warm{background:var(--cream);color:var(--ink)}
.section.dark{background:var(--dark)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end}
h2{margin:0;font-size:clamp(2.1rem,4.5vw,3.7rem);letter-spacing:-.045em}
.light h2 em,.warm h2 em,.dark-head h2 em{color:#a87b2e}
.intro-copy{color:#5f6363;font-size:1.1rem}
.intro-copy strong{color:var(--ink)}
.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:70px}
.pain-card{min-height:270px;padding:28px;border:1px solid #d4d1ca;border-radius:16px;background:rgba(255,255,255,.38);transition:.25s}
.pain-card:hover{transform:translateY(-5px);background:white;box-shadow:0 20px 45px rgba(21,24,25,.08)}
.pain-card>span{color:#ad812f;font-size:11px}
.pain-card h3{margin:60px 0 12px;font-size:1.25rem}
.pain-card p{margin:0;color:#686b6b}
.section-head{display:flex;justify-content:space-between;gap:70px;align-items:end;margin-bottom:60px}
.section-head>div{max-width:780px}
.section-head>p{max-width:390px;margin:0;color:#979a95}
.dark-head>p{color:#686b6b}
.compass{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px}
.compass-tabs{display:grid;gap:8px}
.compass-tabs button{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:center;padding:17px;border:1px solid var(--line);border-radius:11px;background:#191b1e;color:var(--warm);text-align:left;cursor:pointer;transition:.2s}
.compass-tabs button:hover{border-color:rgba(198,154,66,.35)}
.compass-tabs button[aria-selected=true]{border-color:var(--gold);background:rgba(198,154,66,.08)}
.compass-tabs b{color:var(--gold);font:600 1.2rem Sora}
.compass-tabs strong,.compass-tabs small{display:block}
.compass-tabs strong{font-size:13px}
.compass-tabs small{color:#777b76}
.compass-result{display:flex;flex-direction:column;justify-content:center;min-height:390px;padding:48px;border:1px solid var(--line);border-radius:16px;background:radial-gradient(circle at 100% 0,rgba(95,168,160,.11),transparent 36%),var(--dark-2)}
.compass-result>small{color:var(--teal);font-size:11px;letter-spacing:.15em;text-transform:uppercase}
.compass-result h3{max-width:680px;margin:12px 0 17px;font-size:2rem}
.compass-result p{max-width:680px;color:#9da09b}
.path-steps{display:flex;align-items:center;margin:28px 0}
.path-steps span{padding:6px 9px;border:1px solid var(--line);border-radius:20px;color:#afb2ad;font-size:11px}
.path-steps i{flex:1;height:1px;background:linear-gradient(90deg,var(--gold),var(--teal))}
.result-note{padding:14px 16px;border-left:3px solid var(--teal);background:rgba(95,168,160,.08);color:#b9d9d5;font-size:12px}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.process-card{position:relative;display:flex;flex-direction:column;min-height:410px;padding:27px;border:1px solid #d8d4cb;border-radius:15px;background:rgba(255,255,255,.52);overflow:hidden}
.process-card>span{position:absolute;right:14px;top:-20px;color:rgba(34,36,40,.05);font:800 7rem Sora}
.process-card>small{position:relative;color:#a87b2e;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.process-card h3{position:relative;margin:85px 0 17px;font-size:1.2rem}
.process-grid--no-numbers .process-card h3{margin-top:44px}
.process-card p{color:#686b6b}
.process-card>strong{margin-top:auto;padding-top:15px;border-top:1px solid #d8d4cb;color:#555958;font-size:11px}
.evidence{background:radial-gradient(circle at 80% 50%,rgba(198,154,66,.09),transparent 30%),var(--dark)}
.evidence-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px;align-items:center}
.evidence-copy p:not(.eyebrow){color:#929590}
.evidence-legend{margin-top:35px;padding:14px;border:1px solid var(--line);border-radius:9px;color:#777b76;font-size:11px}
.evidence-legend i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--gold)}
.evidence-map{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.evidence-node{padding:20px;border:1px solid var(--line);border-radius:12px;background:#191b1e;color:var(--warm);text-align:left;cursor:pointer;transition:.2s}
.evidence-node:hover,.evidence-node.active{border-color:rgba(198,154,66,.5);background:rgba(198,154,66,.07)}
.evidence-node span,.evidence-node strong,.evidence-node small{display:block}
.evidence-node span{color:var(--gold);font-size:11px}
.evidence-node strong{margin:7px 0 2px;font:600 14px Sora}
.evidence-node small{color:#777b76}
.evidence-detail{grid-column:1/-1;min-height:200px;padding:30px;border-radius:14px;background:var(--warm);color:var(--ink)}
.evidence-detail small{color:#a87b2e;text-transform:uppercase;letter-spacing:.14em}
.evidence-detail h3{margin:10px 0;font-size:1.5rem}
.evidence-detail p{max-width:650px;margin:0;color:#666a69}
.check-section{background:var(--warm);color:var(--ink)}
.check-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}
.check-copy>p:not(.eyebrow){color:#666a69}
.score{display:flex;align-items:center;gap:20px;margin-top:40px}
.score-ring{position:relative;display:grid;place-items:center;width:135px;height:135px;border-radius:50%;background:conic-gradient(var(--gold) calc(var(--score)*1%),#d5d3cc 0)}
.score-ring:before{content:"";grid-area:1/1;width:108px;height:108px;border-radius:50%;background:var(--warm)}
.score-ring strong,.score-ring small{position:relative;z-index:2;grid-area:1/1}
.score-ring strong{transform:translateX(-8px);font:700 2.2rem Sora}
.score-ring small{transform:translateX(23px);color:#777}
.score>div:last-child strong,.score>div:last-child small{display:block}
.score>div:last-child small{max-width:190px;color:#777}
.questions{display:grid;gap:9px}
.question{display:grid;grid-template-columns:35px 1fr 34px;gap:14px;align-items:center;padding:18px;border:1px solid #d0cec7;border-radius:11px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}
.question:hover{border-color:rgba(157,114,42,.55)}
.question>span{color:#a87b2e;font-size:11px}
.question>strong{font-weight:500}
.question>i{display:grid;place-items:center;width:29px;height:29px;border:1px solid #bbb9b2;border-radius:50%;color:transparent;font-style:normal}
.question[aria-pressed=true]{border-color:var(--teal);background:rgba(95,168,160,.07)}
.question[aria-pressed=true]>i{border-color:var(--teal);background:var(--teal);color:#10201f}
.check-link{display:flex;justify-content:space-between;padding:16px 3px;color:#8e6828;font-weight:700;text-decoration:none}
.sources{background:#17191b}
.source-card{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:45px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle at 20% 100%,rgba(95,168,160,.08),transparent 30%),#1c1e21}
.source-card h2{font-size:2.6rem}
.source-card>p{color:#9a9d98}
.source-links{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.source-links a{display:flex;justify-content:space-between;padding:16px 18px;border:1px solid var(--line);border-radius:10px;color:#bec0bc;text-decoration:none}
.source-links a:hover{border-color:rgba(198,154,66,.45);color:var(--gold)}
.final-cta{text-align:center;background:radial-gradient(circle at 50% 50%,rgba(95,168,160,.11),transparent 34%)}
.final-cta p:not(.eyebrow){max-width:650px;margin:24px auto;color:#999c97;font-size:1.07rem}
.centered-actions{justify-content:center}
.site-footer{padding:58px 0 38px;border-top:1px solid var(--line);background:var(--dark)}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.footer-brand img{width:290px;margin-bottom:16px}
.footer-brand p{max-width:310px;color:#777b76;font-size:13px}
.footer-brand .footer-contact{margin-top:14px;line-height:1.75}
.footer-brand .footer-contact a{color:#c3c6c0}
.site-footer h4{margin:0 0 17px;color:#777b76;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.site-footer ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.site-footer a{color:#9a9d98;font-size:13px;text-decoration:none}
.site-footer a:hover{color:var(--gold)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:44px;padding-top:22px;border-top:1px solid var(--line);color:#666a65;font-size:11px;line-height:1.45}
.footer-bottom>span{display:flex;align-items:center;min-height:32px}

/* Einheitlicher, handlungsorientierter Hinweis direkt bei den Bedienelementen */
.interaction-control{min-width:0}
.interaction-hint{display:flex;align-items:center;width:fit-content;max-width:100%;gap:9px;margin:0 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.025);color:var(--muted);font-size:12px;line-height:1.45}
.interaction-hint>span{flex:0 0 auto;color:var(--gold);font-size:18px;line-height:1}
.interaction-hint.on-light{border-color:#d3d0c8;background:rgba(255,255,255,.42);color:#646865}
.section.light .interaction-hint,.section.warm .interaction-hint{border-color:#d3d0c8;background:rgba(255,255,255,.42);color:#646865}
.qm-compare>.interaction-hint{margin:14px 14px 0}
.azav-intro-copy{max-width:470px;justify-self:end;font-size:1rem;line-height:1.62}
@media(max-width:900px){.azav-intro-copy{max-width:none;justify-self:stretch}}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}
.reveal.visible{opacity:1;transform:none}
.stand-date{margin:40px auto 0;color:#777b77;font-size:.86rem;text-align:center}
.cursor{position:fixed;left:0;top:0;z-index:9999;width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 2px #050607;pointer-events:none;opacity:0;transform:translate(-50%,-50%);transition:opacity .2s,transform .12s}
body.custom-cursor .cursor{opacity:1}
.cursor.hover{transform:translate(-50%,-50%) scale(1.4)}
@keyframes pulse{50%{box-shadow:0 0 0 14px rgba(198,154,66,0)}}
@media(hover:hover) and (pointer:fine){body.custom-cursor,body.custom-cursor a,body.custom-cursor button{cursor:none}}
@media(max-width:1060px){.navlinks{gap:16px}.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:480px}.process-grid{grid-template-columns:1fr 1fr}.evidence-grid{gap:50px}}
@media(max-width:900px){.menu-button{display:block}.navlinks{position:fixed;left:0;right:0;top:82px;bottom:0;display:none;align-items:stretch;flex-direction:column;gap:6px;padding:30px;background:#151719;overflow:auto}.navlinks.open{display:flex}.navlinks>a,.services-toggle{width:100%;padding:13px 4px;text-align:left;font-size:16px}.dropdown{position:static;width:100%;max-height:0;padding:0 10px;border:0;opacity:1;visibility:visible;transform:none;overflow:hidden;box-shadow:none}.nav-item.open .dropdown{max-height:350px;padding-block:8px}.navlinks>a.contact-button{text-align:center}.split,.compass,.check-grid,.evidence-grid{grid-template-columns:1fr}.section-head{display:block}.section-head>p{margin-top:20px}.check-grid{gap:50px}.footer-grid{grid-template-columns:1fr 1fr}.page-nav{overflow:hidden}.page-nav-label{display:none}.page-nav-links{overflow-x:auto;scrollbar-width:none}}
@media(max-width:640px){.wrap,.main-nav{width:min(calc(100% - 40px),var(--max))}.brand{width:190px}.hero{min-height:auto}.hero-grid{padding-block:60px;gap:35px}.hero-visual{min-height:520px}.route-card{width:210px}.route-middle{right:0}.route-end{left:0}.section{padding:78px 0}.pain-grid,.process-grid,.source-card,.source-links{grid-template-columns:1fr}.pain-card{min-height:230px}.compass-result{padding:28px}.path-steps{align-items:stretch;flex-direction:column;gap:4px}.path-steps i{width:1px;height:14px;flex:none;margin-left:20px}.process-card{min-height:340px}.evidence-map{grid-template-columns:1fr}.evidence-detail{grid-column:auto}.source-card{padding:28px}.source-links{grid-column:auto}.actions{align-items:flex-start;flex-direction:column}.centered-actions{align-items:center}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.cursor{display:none}}

/* Runde 6.6: kleine goldene Nummern in den AZAV-Vorgehenskacheln */
.process-grid--compact-numbers .process-card>.process-no{
  position:static;
  display:block;
  margin-bottom:9px;
  color:#a87b2e;
  font:700 .75rem/1 Inter,sans-serif;
  letter-spacing:.14em;
}
.process-grid--compact-numbers .process-card>.process-no+small{display:block}
.process-grid--compact-numbers .process-card h3{margin-top:58px}

/* Organisationsentwicklung */
.org-hero{background:radial-gradient(circle at 75% 42%,rgba(95,168,160,.13),transparent 29%),radial-gradient(circle at 35% 8%,rgba(198,154,66,.08),transparent 30%),var(--dark)}
.org-system{position:relative;min-height:540px}
.org-core{position:absolute;z-index:3;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:210px;height:210px;border:1px solid rgba(235,236,232,.17);border-radius:50%;background:linear-gradient(145deg,#292c30,#17191b);box-shadow:0 30px 70px #0007,0 0 0 14px rgba(95,168,160,.045);transform:translate(-50%,-50%);text-align:center}
.org-core small{color:#767a75;font-size:11px;letter-spacing:.13em;text-transform:uppercase}
.org-core strong{margin:8px 0 5px;font:600 1.2rem Sora}
.org-core span{max-width:145px;color:var(--teal);font-size:11px}
.org-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(235,236,232,.08);border-radius:50%;transform:translate(-50%,-50%)}
.orbit-one{width:390px;height:390px}
.orbit-two{width:520px;height:520px;border-color:rgba(198,154,66,.1)}
.org-node{position:absolute;z-index:4;min-width:155px;padding:15px 17px;border:1px solid var(--line);border-radius:12px;background:rgba(27,29,32,.94);color:var(--warm);text-align:left;box-shadow:0 15px 35px #0005;cursor:pointer;transition:.2s}
.org-node:hover,.org-node.active{border-color:rgba(198,154,66,.55);transform:translateY(-4px)}
.org-node small,.org-node strong{display:block}
.org-node small{color:#747873;font-size:11px;letter-spacing:.13em;text-transform:uppercase}
.org-node strong{margin-top:4px;font:600 13px Sora}
.node-lead{left:0;top:12%}
.node-team{right:0;top:19%}
.node-process{left:2%;bottom:18%}
.node-interface{right:0;bottom:13%}
.org-system-note{position:absolute;z-index:5;left:50%;bottom:-10px;width:min(390px,85%);padding:14px 17px;border-left:3px solid var(--gold);border-radius:0 9px 9px 0;background:#202327;box-shadow:0 15px 35px #0004;transform:translateX(-50%)}
.org-system-note b,.org-system-note span{display:block}
.org-system-note b{font:600 12px Sora}
.org-system-note span{margin-top:3px;color:#858984;font-size:11px}
.handover-map{display:grid;grid-template-columns:1fr 52px 1fr 52px 1fr;gap:10px;align-items:center}
.handover-unit{min-height:130px;padding:20px;border:1px solid var(--line);border-radius:13px;background:#191b1e;color:var(--warm);text-align:left}
.handover-unit span,.handover-unit strong,.handover-unit small{display:block}
.handover-unit span{color:var(--gold);font-size:11px}
.handover-unit strong{margin:15px 0 3px;font:600 14px Sora}
.handover-unit small{color:#777b76}
.handover-arrow{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#202327;color:#777b76;font-size:18px;cursor:pointer;transition:.2s}
.handover-arrow:hover,.handover-arrow.active{border-color:var(--gold);background:var(--gold);color:#171205;box-shadow:0 0 0 7px rgba(198,154,66,.1)}
.handover-detail{grid-column:1/-1;min-height:225px;margin-top:15px;padding:30px;border-radius:15px;background:var(--warm);color:var(--ink)}
.handover-detail>small{color:#a87b2e;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.handover-detail h3{margin:10px 0;font-size:1.5rem}
.handover-detail p{color:#626665}
.handover-detail ul{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 0;padding:0;list-style:none}
.handover-detail li{padding:6px 10px;border-radius:20px;background:rgba(95,168,160,.12);color:#367e77;font-size:11px}
.org-results{background:#17191b}
.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.result-card{position:relative;min-height:350px;padding:30px;border:1px solid var(--line);border-radius:17px;background:#1d1f22;transition:.25s}
.result-card:hover{transform:translateY(-6px);border-color:rgba(198,154,66,.35)}
.result-card>span{color:#656964;font-size:11px}
.result-card>b{display:grid;place-items:center;width:54px;height:54px;margin:48px 0 24px;border-radius:50%;background:rgba(198,154,66,.11);color:var(--gold);font-size:22px}
.result-card h3{font-size:1.2rem}
.result-card p{color:#979a95}
.result-card small{position:absolute;left:30px;bottom:27px;color:#71756f}
@media(max-width:1060px){.org-system{max-width:650px;width:100%;margin:auto}.result-grid{grid-template-columns:1fr}.result-card{min-height:290px}}
@media(max-width:760px){.org-system{min-height:500px}.orbit-one{width:330px;height:330px}.orbit-two{width:450px;height:450px}.org-core{width:180px;height:180px}.org-node{min-width:125px;padding:12px}.node-lead{left:-5px}.node-team{right:-5px}.node-process{left:-2px}.node-interface{right:-3px}.handover-map{grid-template-columns:1fr}.handover-arrow{margin:auto;transform:rotate(90deg)}.handover-detail{grid-column:auto}.handover-detail ul{display:grid}}

/* Experimentelle Bewegungsversion 02 */
.page-nav-links a{position:relative;overflow:hidden}
.page-nav-links a:after{content:"";position:absolute;left:11px;right:11px;bottom:3px;height:2px;border-radius:2px;background:#a87b2e;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.page-nav-links a.is-current:after{transform:scaleX(1)}
.reveal.fx-slide{transform:translateX(-42px) rotate(-.6deg);transition-delay:var(--delay,0ms)}
.reveal.fx-rise{transform:translateY(46px) scale(.96);transition-delay:var(--delay,0ms)}
.reveal.fx-cascade{transform:translateY(55px) rotateX(7deg);transform-origin:50% 100%;transition-delay:var(--delay,0ms)}
/* Endzustand der drei Bewegungen. Ohne diese Zeile gewinnen die drei Regeln
   darueber gegen .reveal.visible (Zeile 181) — gleiche Spezifitaet, aber
   spaeter notiert. Die Elemente blieben dann dauerhaft verschoben stehen:
   fx-slide 42px nach links, auf dem Telefon aus dem Bild heraus.
   fx-mask, fx-result und fx-focus haben ihren Endzustand jeweils selbst. */
.reveal.fx-slide.visible,.reveal.fx-rise.visible,.reveal.fx-cascade.visible{transform:none}
.reveal.fx-mask{opacity:1;transform:none;clip-path:inset(0 100% 0 0 round 17px);transition:clip-path .8s cubic-bezier(.2,.7,.2,1) var(--delay,0ms)}
.reveal.fx-mask.visible{clip-path:inset(0 0 0 0 round 17px)}
.reveal.fx-result{
  opacity:1;
  clip-path:none;
  transform:none;
  transition:none;
}
.reveal.fx-result.visible{
  opacity:1;
  transform:none;
  animation:result-enter .6s cubic-bezier(.2,.75,.2,1) var(--delay,0ms) both;
}
.reveal.fx-focus h2{filter:blur(7px);transform:translateY(14px);transition:filter .7s ease,transform .7s ease}
.reveal.fx-focus.visible h2{filter:blur(0);transform:none}
.pain-card.visible,.process-card.visible{transform:none}
.process-card{perspective:800px}
.org-node.active:after{content:"";position:absolute;inset:-7px;border:1px solid rgba(198,154,66,.5);border-radius:16px;animation:node-ring 1.5s ease-out infinite}
.org-node:active,.compass-tabs button:active,.question:active{transform:scale(.97)}
.content-swap{animation:content-swap .5s cubic-bezier(.2,.75,.2,1)}
.core-pulse{animation:core-pulse .7s ease}
.panel-swap{animation:panel-swap .55s cubic-bezier(.2,.8,.2,1)}
.panel-swap .path-steps i{animation:line-grow .65s ease both}
.handover-swap{animation:handover-swap .55s ease}
.handover-swap li{animation:chip-in .45s ease both}
.handover-swap li:nth-child(2){animation-delay:.08s}.handover-swap li:nth-child(3){animation-delay:.16s}
.question{position:relative;overflow:hidden}
.question:before{content:"";position:absolute;right:28px;top:50%;width:10px;height:10px;border-radius:50%;background:rgba(95,168,160,.28);opacity:0;transform:translate(50%,-50%) scale(1)}
.question-pop:before{animation:question-wave .6s ease-out}
.question-pop>i{animation:check-bounce .45s ease}
.score-pulse{animation:score-pulse .45s ease}
.button.primary{position:relative;overflow:hidden}
.button.primary:after{content:"";position:absolute;inset:-60% -20%;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.3) 50%,transparent 65%);transform:translateX(-120%);transition:transform .75s ease}
.button.primary:hover:after{transform:translateX(120%)}
@keyframes node-ring{to{inset:-18px;opacity:0}}
@keyframes content-swap{0%{opacity:.2;transform:translate(-50%,10px) scale(.97)}100%{opacity:1;transform:translate(-50%,0) scale(1)}}
@keyframes core-pulse{50%{box-shadow:0 30px 70px #0007,0 0 0 26px rgba(95,168,160,.12)}}
@keyframes panel-swap{0%{opacity:.25;transform:translateX(20px)}100%{opacity:1;transform:none}}
@keyframes line-grow{0%{transform:scaleX(0);transform-origin:left}100%{transform:scaleX(1);transform-origin:left}}
@keyframes handover-swap{0%{opacity:.3;transform:translateY(15px)}100%{opacity:1;transform:none}}
@keyframes chip-in{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:none}}
@keyframes question-wave{0%{opacity:.7;transform:translate(50%,-50%) scale(1)}100%{opacity:0;transform:translate(50%,-50%) scale(18)}}
@keyframes check-bounce{50%{transform:scale(1.28)}}
@keyframes score-pulse{50%{transform:scale(1.055)}}
@keyframes result-enter{0%{opacity:.25;transform:translateY(24px)}100%{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
  .reveal.fx-slide,.reveal.fx-rise,.reveal.fx-cascade,.reveal.fx-mask,.reveal.fx-result{opacity:1;transform:none;clip-path:none}
  .reveal.fx-focus h2{filter:none;transform:none}
  .org-node.active:after,.content-swap,.core-pulse,.panel-swap,.handover-swap,.handover-swap li,.question-pop:before,.question-pop>i,.score-pulse{animation:none!important}
  .button.primary:after{display:none}
}

/* Version 03: ruhiger, positionsstabiler Übergabewechsel */
.handover-map{
  grid-template-rows:176px 315px;
  align-items:stretch;
}
.handover-unit{
  width:100%;
  height:176px;
  min-height:176px;
  align-self:stretch;
}
.handover-arrow{
  align-self:center;
  justify-self:center;
}
.handover-detail{
  position:relative;
  width:100%;
  height:315px;
  min-height:315px;
  margin-top:15px;
  overflow:hidden;
}
.handover-detail:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(100deg,transparent 10%,rgba(95,168,160,.12) 48%,transparent 86%);
  opacity:0;
  transform:translateX(-100%);
}
.handover-detail>*{position:relative;z-index:1}
.handover-swap{
  animation:handover-fade-stable .38s ease both;
}
.handover-swap:after{
  animation:handover-soft-light .62s ease-out;
}
.handover-swap li,
.handover-swap li:nth-child(2),
.handover-swap li:nth-child(3){
  animation:handover-chip-fade .32s ease both;
  animation-delay:0s;
}
@keyframes handover-fade-stable{
  0%{color:rgba(34,36,40,.58)}
  100%{color:var(--ink)}
}
@keyframes handover-soft-light{
  0%{opacity:0;transform:translateX(-100%)}
  35%{opacity:1}
  100%{opacity:0;transform:translateX(100%)}
}
@keyframes handover-chip-fade{
  0%{opacity:.35}
  100%{opacity:1}
}
@media(max-width:760px){
  .handover-map{grid-template-rows:none}
  .handover-unit{height:130px;min-height:130px}
  .handover-detail{height:auto;min-height:330px}
}
@media(prefers-reduced-motion:reduce){
  .handover-swap,.handover-swap:after,.handover-swap li{animation:none!important}
}

/* Partnerseite */
.navlinks>a[aria-current=page]{color:var(--gold)}
.partner-hero{background:radial-gradient(circle at 76% 43%,rgba(95,168,160,.11),transparent 28%),radial-gradient(circle at 36% 8%,rgba(198,154,66,.09),transparent 30%),var(--dark)}
.independence-note{display:grid;grid-template-columns:8px auto;gap:0 10px;align-items:center;margin-top:38px;color:#9da09b;font-size:11px}
.independence-note i{grid-row:1/3;width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 6px rgba(95,168,160,.1)}
.independence-note strong{color:#c7c9c5;font-size:11px}
.independence-note span{grid-column:2}
.network-stage{position:relative;min-height:560px}
.network-company{position:absolute;z-index:3;width:210px;min-height:125px;padding:20px;border:1px solid var(--line);border-radius:15px;background:#1d1f22;box-shadow:0 20px 45px #0005;transition:border-color .35s ease,box-shadow .35s ease}
.network-company small,.network-company strong,.network-company span{display:block}
.network-company small{color:#696d68;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.network-company strong{margin:8px 0 3px;font:600 1rem Sora}
.network-company span{color:#8c908b;font-size:11px}
.company-quality{left:50%;top:20px;transform:translateX(-50%)}
.company-structure{left:0;top:245px}
.company-tech{right:0;top:245px}
.company-quality{border-top:3px solid var(--gold)}.company-structure{border-top:3px solid var(--teal)}.company-tech{border-top:3px solid #ebece8}
.network-center{position:absolute;z-index:4;left:50%;top:49%;display:grid;place-items:center;width:150px;height:150px;border:1px dashed rgba(235,236,232,.18);border-radius:50%;background:#151719;transform:translate(-50%,-50%);text-align:center}
.network-center small{color:#666a65;font-size:11px;letter-spacing:.13em;text-transform:uppercase}
.network-center strong{max-width:110px;color:#b6b9b4;font:600 11px/1.4 Sora}
.network-lines{position:absolute;z-index:1;inset:0;opacity:0;transition:opacity .45s ease}
.network-lines i{position:absolute;left:50%;top:49%;width:1px;height:180px;background:linear-gradient(var(--gold),var(--teal));transform-origin:top}
.network-lines i:nth-child(1){transform:rotate(180deg)}.network-lines i:nth-child(2){transform:rotate(58deg)}.network-lines i:nth-child(3){transform:rotate(-58deg)}
.network-stage[data-connected=true] .network-lines{opacity:.7}
.network-stage[data-connected=true] .network-company{border-color:rgba(198,154,66,.35);box-shadow:0 20px 45px #0005,0 0 0 6px rgba(198,154,66,.045)}
.network-stage[data-connected=true] .network-center{border-style:solid;border-color:rgba(95,168,160,.4);box-shadow:0 0 0 12px rgba(95,168,160,.05)}
.network-toggle{position:absolute;left:50%;bottom:18px;display:flex;align-items:center;gap:14px;padding:11px 16px;border:1px solid var(--line);border-radius:30px;background:#202327;color:#c3c6c1;transform:translateX(-50%);cursor:pointer}
.network-toggle b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--gold);color:#171205}
.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:70px}
.principle-card{min-height:260px;padding:28px;border:1px solid #d4d1ca;border-radius:16px;background:rgba(255,255,255,.42);transition:opacity .6s ease var(--delay,0ms),transform .6s ease var(--delay,0ms),background .2s}
.principle-card:hover{background:#fff}
.principle-card span{color:#a87b2e;font-size:11px}.principle-card h3{margin:62px 0 12px;font-size:1.18rem}.principle-card p{color:#686b6b}
.company-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.company-card{position:relative;display:flex;flex-direction:column;min-height:510px;padding:29px;border:1px solid var(--line);border-radius:17px;background:#1c1e21;transition:opacity .6s ease var(--delay,0ms),transform .6s ease var(--delay,0ms)}
.quality-card{border-top:3px solid var(--gold)}
.structure-card{border-top:3px solid var(--teal)}
.tech-card{border-top:3px solid #ebece8}
.company-card header{display:flex;justify-content:space-between;gap:15px;color:#777b76;font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.company-card header span{color:var(--gold)}.structure-card header span{color:var(--teal)}.tech-card header span{color:#cfd1cd}
.company-card h3{margin:65px 0 18px;font-size:1.7rem}.company-card p{color:#a1a49f}.company-card ul{display:grid;gap:9px;margin:25px 0;padding:0;list-style:none}
.company-card li{padding-top:9px;border-top:1px solid var(--line);color:#c1c4bf;font-size:11px}.company-card li:before{content:"→";margin-right:9px;color:var(--gold)}
.company-card footer{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px;border-top:1px solid var(--line);color:#777b76;font-size:11px}.company-card footer strong{font-weight:500}.company-card footer a{color:var(--gold)}
.soft-swap{animation:soft-swap .42s ease}
.project-selector{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px}
.project-tabs{display:grid;gap:8px}.project-tabs button{display:grid;grid-template-columns:45px 1fr;gap:14px;align-items:center;padding:17px;border:1px solid #d3d0c8;border-radius:11px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}
.project-tabs button:hover,.project-tabs button[aria-selected=true]{border-color:#a87b2e;background:rgba(198,154,66,.08)}.project-tabs b{color:#a87b2e;font:600 1.15rem Sora}.project-tabs strong,.project-tabs small{display:block}.project-tabs small{color:#777}
.project-result{display:flex;flex-direction:column;justify-content:center;min-height:430px;padding:42px;border-radius:17px;background:var(--dark);color:var(--warm)}
.needed-companies{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:35px}.needed-companies span{padding:6px 10px;border:1px solid var(--line);border-radius:30px;color:#626661;font-size:11px;transition:.25s}.needed-companies span.is-needed{border-color:var(--gold);background:rgba(198,154,66,.12);color:var(--gold)}
.project-result>small{color:var(--teal);letter-spacing:.14em;text-transform:uppercase}.project-result h3{margin:10px 0;font-size:2rem}.project-result p{color:#a1a49f}.project-result>strong{margin-top:24px;padding:14px;border-left:3px solid var(--gold);background:rgba(198,154,66,.08);font-size:11px}
.example-section{background:radial-gradient(circle at 50% 60%,rgba(95,168,160,.08),transparent 35%),var(--dark)}
.collaboration-flow{display:grid;grid-template-columns:1fr 45px 1fr 45px 1fr;gap:10px;align-items:center}
.flow-step{min-height:330px;padding:27px;border:1px solid var(--line);border-radius:16px;background:#1c1e21;transition:opacity .6s ease var(--delay,0ms),transform .6s ease var(--delay,0ms)}
.flow-step>span{color:var(--gold);font-size:11px}.flow-step>small{display:block;margin-top:48px;color:#777b76;text-transform:uppercase;letter-spacing:.13em}.flow-step h3{margin:8px 0 16px;font-size:1.35rem}.flow-step p{color:#999c97}.flow-step>strong{display:block;margin-top:35px;color:var(--teal);font-size:11px}
.flow-arrow{color:var(--gold);font-size:24px;text-align:center}.collaboration-note{display:flex;gap:14px;margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:11px;color:#979a95}.collaboration-note b{color:var(--gold)}
.origin-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.origin-story>p:not(.eyebrow){color:#626665}.origin-principles{display:grid;gap:10px}
.origin-principles article{padding:22px;border:1px solid #d3d0c8;border-radius:13px;background:rgba(255,255,255,.4)}.origin-principles span{color:#a87b2e;font-size:11px}.origin-principles strong{display:block;margin:7px 0;font:600 14px Sora}.origin-principles p{margin:0;color:#6c706e}
.page-nav-links a{position:relative;overflow:hidden}.page-nav-links a:after{content:"";position:absolute;left:11px;right:11px;bottom:3px;height:2px;background:#a87b2e;transform:scaleX(0);transform-origin:left;transition:.3s}.page-nav-links a.is-current:after{transform:scaleX(1)}
@keyframes soft-swap{0%{opacity:.35}100%{opacity:1}}
@media(max-width:1050px){.network-stage{max-width:650px;width:100%;margin:auto}.company-grid{grid-template-columns:1fr}.company-card{min-height:400px}.project-selector,.origin-grid{grid-template-columns:1fr}.collaboration-flow{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg)}}
@media(max-width:680px){.network-stage{min-height:670px}.company-quality{top:20px}.company-structure{left:0;top:210px}.company-tech{right:0;top:390px}.network-center{top:47%;width:120px;height:120px}.network-lines{display:none}.network-company{width:180px}.network-toggle{bottom:10px;white-space:nowrap}.principle-grid{grid-template-columns:1fr}.company-card{min-height:470px}.project-result{padding:28px}.collaboration-note{display:block}.collaboration-note b{display:block;margin-bottom:5px}}
@media(prefers-reduced-motion:reduce){.soft-swap{animation:none!important}.network-lines,.network-company,.network-center,.needed-companies span{transition:none}}

/* Version 02: klare Hero-Grafik und zeilengleiche Unternehmenskacheln */
.network-stage{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:190px 105px 60px;
  gap:18px 12px;
  align-content:center;
  min-height:500px;
  padding:42px 0 20px;
}
.network-company{
  position:relative;
  inset:auto;
  width:auto;
  min-width:0;
  min-height:160px;
  height:160px;
  padding:20px 16px;
  transform:none;
}
.company-quality,.company-structure,.company-tech{left:auto;right:auto;top:auto;bottom:auto;transform:none}
.company-quality{grid-column:1;grid-row:1}
.company-structure{grid-column:2;grid-row:1}
.company-tech{grid-column:3;grid-row:1}
.network-company strong{font-size:.9rem;overflow-wrap:anywhere}
.network-company span{font-size:11px}
.network-company:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-50px;
  width:1px;
  height:48px;
  background:linear-gradient(currentColor,transparent);
  color:var(--gold);
  opacity:0;
  transform:scaleY(0);
  transform-origin:top;
  transition:opacity .35s ease,transform .35s ease;
}
.company-structure:after{color:var(--teal)}
.company-tech:after{color:#ebece8}
.network-stage[data-connected=true] .network-company:after{opacity:.7;transform:scaleY(1)}
.network-center{
  position:relative;
  inset:auto;
  grid-column:1/-1;
  grid-row:2;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:7px 18px;
  align-content:center;
  justify-items:start;
  width:100%;
  height:90px;
  padding:20px 24px;
  border:1px dashed rgba(235,236,232,.2);
  border-radius:15px;
  background:#17191b;
  transform:none;
  text-align:left;
  transition:border-color .35s ease,background .35s ease,box-shadow .35s ease;
}
.network-center:before{
  content:"";
  grid-row:1/3;
  width:10px;
  height:10px;
  align-self:center;
  border-radius:50%;
  background:#686c67;
  box-shadow:0 0 0 7px rgba(255,255,255,.025);
  transition:background .35s ease,box-shadow .35s ease;
}
.network-center small{grid-column:2;font-size:11px}
.network-center strong{grid-column:2;max-width:none;font-size:12px}
.network-stage[data-connected=true] .network-center{border-style:solid;border-color:rgba(95,168,160,.45);background:rgba(95,168,160,.07);box-shadow:none}
.network-stage[data-connected=true] .network-center:before{background:var(--teal);box-shadow:0 0 0 7px rgba(95,168,160,.11)}
.network-lines{display:none}
.network-toggle{
  position:relative;
  inset:auto;
  grid-column:1/-1;
  grid-row:3;
  justify-self:center;
  align-self:center;
  transform:none;
  margin:0;
}
.company-card{
  display:grid;
  grid-template-rows:38px 105px 165px minmax(155px,1fr) 50px;
  min-height:560px;
}
.company-card header{grid-row:1}
.company-card h3{grid-row:2;align-self:end;margin:0 0 18px}
.company-card>p{grid-row:3;align-self:start;margin:0;color:#a1a49f}
.company-card ul{grid-row:4;align-self:start;margin:0;padding:0}
.company-card footer{grid-row:5;align-self:end;margin:0;padding-top:18px}
@media(max-width:1050px){
  .network-stage{grid-template-columns:repeat(3,minmax(0,1fr));max-width:760px}
  .company-card{grid-template-rows:38px 90px auto auto 50px;min-height:470px}
  .company-card>p{margin-bottom:28px}
  .company-card ul{margin-bottom:28px}
}
@media(max-width:680px){
  .network-stage{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,145px) 90px 60px;gap:10px;min-height:650px;padding-top:20px}
  .network-company{width:100%;height:145px;min-height:145px}
  .company-quality{grid-column:1;grid-row:1}.company-structure{grid-column:1;grid-row:2}.company-tech{grid-column:1;grid-row:3}
  .network-company:after{display:none}
  .network-center{grid-column:1;grid-row:4;height:82px}
  .network-toggle{grid-column:1;grid-row:5}
  .company-card{grid-template-rows:38px auto auto auto 50px;min-height:500px}
  .company-card h3{margin:52px 0 18px}
}

/* Integrations-Ergänzungen */
.navlinks>a[aria-current="page"]{color:var(--gold)}
.handover-map .handover-unit{cursor:default}
.brand img,.site-footer img,.portrait-card img{height:auto}

/* Mobile-Fixes 2026-07-25 */
.hero-grid>*,.about-hero-grid>*,.inquiry-grid>*,.qualification-grid>*,.career-layout>*,.faq-layout>*,.check-layout>*{min-width:0}
@media(max-width:1060px){.hero-grid{grid-template-columns:minmax(0,1fr)}}
.menu-button span{transition:transform .25s ease,opacity .2s ease}
.menu-button[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-button[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-button[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media(max-width:760px){
.network-stage{display:grid;gap:12px;min-height:auto}
.network-company{position:static;width:100%;transform:none}
.network-center{position:static;width:100%;height:auto;margin:2px 0;padding:16px;border-radius:15px;transform:none}
.network-center strong{max-width:none}
.network-lines{display:none}
}
/* Fix 2026-07-25: backdrop-filter macht den Header zum Containing Block fuer das
   fixe Mobile-Menue -> Overlay kollabierte auf Header-Hoehe. Mobil daher solider Header. */
@media(max-width:900px){.site-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:#121315}}

/* ── Overflow-Schutz Mobil 2026-07-27 ─────────────────────────────────────────
   Ursache: Grid-Items haben per Default min-width:auto. Lange deutsche
   Komposita erzwingen damit eine Spaltenbreite groesser als der Container —
   die Seite laesst sich seitlich verschieben. Fix: Spalten auf minmax(0,1fr)
   und Silbentrennung fuer Ueberschriften. */
h1,h2,h3,h4,.compass-tabs strong,.compass-tabs small,.audience-label{overflow-wrap:normal;word-break:normal;hyphens:none}
.heading-line{display:inline-block;white-space:nowrap}
.compass-tabs button{grid-template-columns:46px minmax(0,1fr)}
.compass-tabs button>*{min-width:0}
@media(max-width:640px){
.compass,.check-grid,.evidence-grid{grid-template-columns:minmax(0,1fr)}
}

/* Tap-Targets Fusszeile: Links waren 16px hoch, Empfehlung sind 44px. */
.site-footer nav a,.site-footer ul a,.footer-bottom a{display:inline-block;padding-block:12px}

/* Mindestschriftgroesse 2026-07-27: <small> verkleinert per Browser-Default erneut
   auf ~80 %, auch in bereits kleinen Containern. max() setzt einen harten Boden. */
small{font-size:max(11px,.8em)}

/* Glossar (Begriffserklärungen, z. B. AZAV-Seite) — folgt dem Dreier-Raster der Seite */
.glossary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:70px;padding:0}
.glossary-item{display:flex;flex-direction:column;min-height:270px;padding:28px;border:1px solid #d4d1ca;border-radius:16px;background:rgba(255,255,255,.38);transition:.25s}
.glossary-item:hover{border-color:rgba(168,123,46,.4)}
.glossary dt{margin:0 0 12px;font-family:Sora,system-ui,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.25;color:#a87b2e;overflow-wrap:normal;word-break:normal;hyphens:none}
.glossary dd{margin:0;color:#4c4f4d;line-height:1.7}
@media(max-width:900px){.glossary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.glossary{grid-template-columns:minmax(0,1fr);margin-top:44px}.glossary-item{min-height:auto}}
/* Angebotsabgleich 2026-07-31: sichtbare Leistungsdetails aus den Angebotsunterlagen */
.offer-alignment{background:#f0efe9;padding:clamp(4rem,7vw,7rem) 0;color:#2c333a}
.offer-alignment .offer-alignment__intro{max-width:780px;margin-bottom:2rem}
.offer-alignment .offer-alignment__intro h2{margin:.5rem 0 1rem}
.offer-alignment__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.offer-alignment__card{background:#fff;border:1px solid rgba(44,51,58,.13);border-radius:18px;padding:clamp(1.25rem,2vw,2rem);box-shadow:0 12px 30px rgba(44,51,58,.06)}
.offer-alignment__card h3{margin:.25rem 0 1rem;font-size:clamp(1.15rem,1.7vw,1.45rem)}
.offer-alignment__card dl{margin:0;display:grid;gap:.85rem}
.offer-alignment__card dt{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#6b705f}
.offer-alignment__card dd{margin:.2rem 0 0;line-height:1.55}
.offer-alignment__actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:1.5rem}
@media(max-width:760px){.offer-alignment__grid{grid-template-columns:1fr}}

/* Optimierungsrunde 5: alle sichtbaren Leistungsangebote im einheitlichen Vierquadrantenraster */
.offer-alignment{background:linear-gradient(180deg,#17191b 0%,#111315 100%);color:#ebece8;border-block:1px solid rgba(235,236,232,.08)}
.offer-alignment .offer-alignment__intro{max-width:none}
.offer-alignment .offer-alignment__intro h2{color:#ebece8}
.offer-alignment .offer-alignment__intro>p:last-child{color:#9da09b}
.offer-alignment .eyebrow.dark{color:#c69a42}
.offer-alignment__grid--single{grid-template-columns:minmax(0,1fr)}
.offer-alignment__card{position:relative;overflow:hidden;padding:30px;border:1px solid rgba(235,236,232,.12);border-top:3px solid #c69a42;border-radius:18px;background:#1b1d21;color:#ebece8;box-shadow:0 22px 55px rgba(0,0,0,.22)}
.offer-alignment__card:nth-child(even){border-top-color:#5fa8a0}
.offer-alignment__card h3{position:relative;margin:0 0 25px;padding-right:35px;color:#ebece8}
.offer-alignment__card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;border-top:1px solid rgba(235,236,232,.09)}
.offer-alignment__card dl>div{min-height:126px;padding:20px 18px 18px 0;border-bottom:1px solid rgba(235,236,232,.09)}
.offer-alignment__card dl>div:nth-child(odd){border-right:1px solid rgba(235,236,232,.09)}
.offer-alignment__card dl>div:nth-child(even){padding-left:20px}
.offer-alignment__card dt{margin-bottom:7px;color:#c69a42;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.offer-alignment__card:nth-child(even) dt{color:#5fa8a0}
.offer-alignment__card dd{margin:0;color:#b2b5b0;font-size:13px;line-height:1.55}
.offer-alignment .text-link{color:#ebece8}
@media(max-width:620px){.offer-alignment__card dl{grid-template-columns:1fr}.offer-alignment__card dl>div:nth-child(odd){border-right:0}.offer-alignment__card dl>div:nth-child(even){padding-left:0}}

/* Gezielte Desktop-Umbrüche und Abstände 2026-07-31 */
.org-system-note{bottom:-25px}
#nachweise .evidence-grid,#ergebnis .evidence-grid{grid-template-columns:minmax(630px,.9fr) minmax(0,1.1fr);gap:72px}
#check .check-grid{grid-template-columns:minmax(610px,.88fr) minmax(0,1.12fr);gap:72px}
@media(max-width:1060px){#nachweise .evidence-grid,#ergebnis .evidence-grid,#check .check-grid{grid-template-columns:1fr}.heading-line{white-space:normal}}

/* ── Uebernommen aus offline-r1.css, Runde 1 (03.08.2026) ───────────────────
   Sichtbarer Tastaturfokus. Gehoert hierher, weil global. */
:focus-visible{
  outline:3px solid #c69a42;
  outline-offset:4px;
}

@media(max-width:900px){
  .navlinks.open .nav-item.open>.dropdown{
    max-height:420px;
    padding-block:8px;
  }
}

/* Einheitliches Inhaltsraster der Leistungsseiten – Runde 4 */
.service-outcome{padding:clamp(3.75rem,6vw,5.75rem) 0;background:#e9e7df;color:#2c333a}
.service-outcome>.section,.service-faq>.section{box-sizing:border-box;width:min(calc(100% - 80px),var(--max));margin-inline:auto;padding:0}
.service-outcome__intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px 48px;align-items:end;margin-bottom:34px}
.service-outcome__intro>.eyebrow{grid-column:1/-1;margin:0}
.service-outcome__intro h2,.service-outcome__intro p{margin-bottom:0}
.service-outcome__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.service-outcome__grid article{min-height:165px;padding:26px;border:1px solid rgba(44,51,58,.13);border-radius:16px;background:rgba(255,255,255,.72)}
.service-outcome__grid strong{display:block;margin-bottom:40px;font:600 1.08rem Sora,system-ui,sans-serif}
.service-outcome__grid p{margin:0;color:#626665}
/* Runde 6.8: kleine goldene Nummern im Ergebnisraster der KI-/Digitalisierungsseite */
.service-outcome__grid--numbered .service-outcome__number{display:block;margin-bottom:18px;color:#a87b2e;font:600 11px Sora,system-ui,sans-serif;letter-spacing:.08em}
.service-outcome__grid--numbered strong{margin-bottom:32px}

.service-faq{padding:clamp(4rem,7vw,7rem) 0;background:#f0efe9;color:#2c333a}
.service-faq__head{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:end;margin-bottom:32px}
.service-faq__head h2{margin:0}
.service-faq__grid{display:grid;gap:10px}
.service-faq details{border:1px solid rgba(44,51,58,.14);border-radius:14px;background:rgba(255,255,255,.66)}
.service-faq summary{position:relative;padding:20px 54px 20px 22px;cursor:pointer;font:600 1rem Sora,system-ui,sans-serif;list-style:none}
.service-faq summary::-webkit-details-marker{display:none}
.service-faq summary:after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);color:#a87b2e;font-size:1.35rem}
.service-faq details[open] summary:after{content:"−"}
.service-faq details p{margin:0;padding:0 22px 22px;color:#626665;line-height:1.7}
@media(max-width:760px){
  .service-outcome>.section,.service-faq>.section{width:min(calc(100% - 40px),var(--max))}
  .service-outcome__intro,.service-faq__head{grid-template-columns:1fr;gap:16px}
  .service-outcome__intro>.eyebrow{grid-column:auto}
  .service-outcome__grid{grid-template-columns:1fr}
  .service-outcome__grid article{min-height:auto}
  .service-outcome__grid strong{margin-bottom:16px}
  .service-outcome__grid--numbered .service-outcome__number{margin-bottom:12px}
  .service-outcome__grid--numbered strong{margin-bottom:16px}
}