:root{--jet:#032B30;--mint:#00E0B4;--orange:#FF5C00;--smoke:#F5F5F5;--paper:#E8ECEB;--ink:#35545A;--muted:rgba(245,245,245,.74);--line:rgba(3,43,48,.17);--dark-line:rgba(0,224,180,.38);--max:1440px;--shadow:0 20px 55px rgba(3,43,48,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--smoke);color:var(--jet);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}body.menu-open{overflow:hidden}a{color:inherit} :where(section[id],.process-map[id],.brain-stage[id]){scroll-margin-top:96px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:4px}img{max-width:100%;display:block}.wrap{width:min(calc(100% - 96px),var(--max));margin:0 auto}.fixed-header{position:fixed;inset:0 0 auto;z-index:1000;min-height:76px;background:rgba(3,43,48,.88);backdrop-filter:blur(18px);box-shadow:0 8px 26px rgba(3,43,48,.1)}.nav{display:flex;align-items:center;gap:24px;min-height:76px}.brand{width:166px;height:auto}.language{margin-left:auto;color:var(--mint);font-size:.76rem;font-weight:750;letter-spacing:.12em}.menu-toggle{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 0 8px 16px;border:0;border-left:1px solid rgba(0,224,180,.65);background:transparent;color:var(--smoke);font:inherit;font-size:.8rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.menu-toggle:hover{color:var(--mint)}.menu-icon{width:22px;height:14px;position:relative;border-top:2px solid currentColor;border-bottom:2px solid currentColor}.menu-icon:after{content:"";position:absolute;left:0;right:0;top:5px;border-top:2px solid currentColor}.site-menu{position:fixed;top:0;right:0;bottom:0;z-index:1100;width:min(560px,92vw);padding:126px 72px 72px 64px;overflow-y:auto;visibility:hidden;opacity:0;pointer-events:none;transform:translateX(102%);background:var(--smoke);border-left:7px solid var(--mint);box-shadow:-28px 0 80px rgba(3,43,48,.2);transition:opacity .3s ease,transform .3s ease,visibility .3s ease}.site-menu.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:none}.menu-heading{display:flex;flex-direction:column;gap:6px;padding-bottom:28px;margin-bottom:20px;border-bottom:1px solid var(--line)}.menu-kicker{color:var(--orange);font-size:.75rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.menu-title{color:var(--jet);font-size:clamp(2rem,4vw,3.4rem);font-weight:650;line-height:1;letter-spacing:-.055em}.site-menu a{display:block;padding:17px 0;border-bottom:1px solid rgba(3,43,48,.14);color:var(--jet);font-size:clamp(1.05rem,2vw,1.35rem);font-weight:600;letter-spacing:-.025em;text-decoration:none}.site-menu a:hover{color:var(--orange)}.site-menu .menu-cta{margin-top:30px;padding:17px 20px;border:0;background:var(--orange);color:var(--smoke)}.site-menu .menu-cta:hover{background:var(--jet);color:var(--smoke)}.menu-close{position:fixed;top:28px;right:max(54px,calc((100vw - var(--max))/2));z-index:1200;display:none;padding:8px 0;border:0;background:transparent;color:var(--jet);font:inherit;font-size:.8rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.site-menu.is-open+.menu-close{display:block}.menu-close:before{content:"x";margin-right:9px;color:var(--orange);font-size:1.45rem;line-height:0;vertical-align:-2px}
.hero{position:relative;overflow:hidden;padding:162px 0 96px;background:var(--jet);color:var(--smoke);border-top:11px solid var(--mint)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(390px,.97fr);column-gap:clamp(50px,7vw,120px);row-gap:7px;align-items:start;position:relative;z-index:1}.hero-intro{grid-column:1;grid-row:1}.hero-copy-cell{grid-column:1;grid-row:2;align-self:start}.brain-stage{grid-column:2;grid-row:1}.brain-detail-cell{grid-column:2;grid-row:2;display:flex;align-items:flex-start;justify-content:center;min-width:0}.hero-actions{grid-column:1 / -1;grid-row:3;margin-top:0}.eyebrow{display:inline-block;margin:0 0 20px;padding-bottom:10px;border-bottom:3px solid var(--orange);color:var(--mint);font-size:.78rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.hero h1{max-width:820px;margin:0 0 28px;font-size:clamp(3.15rem,5.4vw,6.525rem);line-height:.96;letter-spacing:-.065em;font-weight:620}.hero h1 span{color:var(--mint)}
.hero h1 .hero-lead{display:block;color:var(--smoke);margin-bottom:.42em}
.hero h1 .hero-accent{color:var(--mint)}.hero-copy{max-width:740px;color:rgba(245,245,245,.84);font-size:clamp(1.08rem,1.55vw,1.3rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:13px 20px;border:1px solid transparent;text-decoration:none;font-size:.92rem;font-weight:750;transition:transform .2s ease,background .2s ease,color .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--orange);color:var(--smoke)}.button-primary:hover{background:#e84e00}.button-quiet{border-color:rgba(245,245,245,.32);color:var(--smoke)}.button-quiet:hover{border-color:var(--mint);color:var(--mint)}.trust-note{max-width:700px;margin-top:34px;padding-left:18px;border-left:4px solid var(--mint);color:rgba(245,245,245,.72)}.trust-note strong{display:block;margin-bottom:5px;color:var(--mint)}.brain-stage{position:relative;display:flex;flex-direction:column;align-items:center;align-self:start;justify-content:flex-start;height:427px;min-height:0}.brain-visual{position:relative;width:min(100%,560px);aspect-ratio:1/1;transform:translateY(-12.890625%)} .brain{position:relative;z-index:2;width:100%;height:auto;filter:drop-shadow(0 0 26px rgba(0,224,180,.18))}
.brain-neural-connections{position:absolute;inset:0;z-index:3;width:100%;height:100%;overflow:visible;pointer-events:none;mix-blend-mode:normal}
.brain-neural-connections path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.brain-neural-glow{stroke:rgba(255,176,122,.48);stroke-width:4;filter:blur(2.5px)}
.brain-neural-line{stroke:rgba(255,176,122,.82);stroke-width:1.7;filter:drop-shadow(0 0 3px rgba(255,176,122,.7))}
.brain-step-anchor{position:absolute;z-index:4;width:0;height:0}
.brain-step-anchor-one{top:29.9%;left:29.7%}.brain-step-anchor-two{top:25.1%;left:49.9%}.brain-step-anchor-three{top:34.9%;left:69.9%}.brain-step-anchor-four{top:49.7%;left:35.3%}.brain-step-anchor-five{top:55.2%;left:60.1%}.brain-step-anchor-six{top:75.6%;left:54.5%}
.brain-step-number{position:absolute;top:0;left:0;z-index:4;display:grid;place-items:center;width:clamp(24px,2.5vw,32px);height:clamp(24px,2.5vw,32px);padding:0;border:1px solid rgba(255,176,122,.95);border-radius:50%;appearance:none;background:#ffb07a;color:var(--jet);font-family:inherit;font-size:clamp(.78rem,1.05vw,.98rem);font-weight:800;line-height:1;box-shadow:0 0 0 4px rgba(255,92,0,.14),0 0 13px rgba(255,92,0,.82);animation:brain-step-blink 1.6s ease-in-out infinite;cursor:help;pointer-events:auto;transform:translate(-50%,-50%)}
.brain-step-tooltip{--brain-step-radius:clamp(12px,1.25vw,16px);--brain-step-tooltip-gap:10px;--brain-step-gap:calc(var(--brain-step-radius) + var(--brain-step-tooltip-gap));position:absolute;z-index:8;display:block;width:min(190px,18vw);padding:10px 12px;border:1px solid var(--orange);background:rgba(245,245,245,.98);color:var(--jet);font-size:clamp(.72rem,1vw,.9rem);font-weight:700;line-height:1.18;box-shadow:7px 7px 0 rgba(0,224,180,.18);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-50%) scale(.97);transition:opacity .18s ease,visibility .18s ease,transform .18s ease}
.brain-step-anchor:hover .brain-step-tooltip,.brain-step-anchor:focus-within .brain-step-tooltip{opacity:1;visibility:visible;transform:translateY(-50%) scale(1)}
.brain-step-tooltip-one{top:0;right:var(--brain-step-gap)}.brain-step-tooltip-two{left:0;bottom:var(--brain-step-gap);transform:translate(-50%,0) scale(1);transition:none}.brain-step-tooltip-three{top:0;left:var(--brain-step-gap)}.brain-step-tooltip-four{top:0;right:var(--brain-step-gap)}.brain-step-tooltip-five{top:0;left:var(--brain-step-gap)}.brain-step-tooltip-six{top:var(--brain-step-gap);left:0;transform:translate(-50%,0) scale(1);transition:none}
.brain-step-anchor-two:hover .brain-step-tooltip-two,.brain-step-anchor-two:focus-within .brain-step-tooltip-two{transform:translate(-50%,0) scale(1)}.brain-step-anchor-six:hover .brain-step-tooltip-six,.brain-step-anchor-six:focus-within .brain-step-tooltip-six{transform:translate(-50%,0) scale(1)}
.brain-step-anchor-one .brain-step-number{animation-delay:0s}.brain-step-anchor-two .brain-step-number{animation-delay:.22s}.brain-step-anchor-three .brain-step-number{animation-delay:.44s}.brain-step-anchor-four .brain-step-number{animation-delay:.66s}.brain-step-anchor-five .brain-step-number{animation-delay:.88s}.brain-step-anchor-six .brain-step-number{animation-delay:1.1s}
.brain-step-number[aria-expanded="true"]{animation:none;opacity:1;transform:translate(-50%,-50%) scale(1);background:var(--orange);border-color:var(--orange);color:var(--smoke);box-shadow:none}.brain-step-number[aria-expanded="true"] + .brain-step-tooltip{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.brain-detail-panel{width:min(100%,560px);margin-top:0;scroll-margin-top:96px;padding:28px 32px 30px;border-top:4px solid var(--orange);background:#FFFFFF;color:var(--jet);box-shadow:12px 12px 0 rgba(0,224,180,.12);animation:brain-detail-in .22s ease-out}
.brain-detail-panel h3{margin:0 0 12px;color:var(--jet);font-size:1.5rem;line-height:1.1}.brain-detail-panel .brain-detail-kicker{margin-bottom:20px;font-size:.78rem}
.brain-detail-panel p{max-width:1020px;margin:0;color:var(--ink);font-size:1rem}
.brain-detail-panel p+p{margin-top:14px}.brain-detail-navigation{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:26px;padding-top:18px;border-top:1px solid rgba(3,43,48,.16)}.brain-detail-nav-button{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:7px 0;border:0;background:transparent;color:var(--orange);font:inherit;font-size:.9rem;font-weight:750;cursor:pointer}.brain-detail-nav-button:hover:not(:disabled){color:var(--jet)}.brain-detail-nav-button:disabled{color:rgba(53,84,90,.38);cursor:default}.brain-detail-nav-button span{font-size:1.2em;line-height:1}
@keyframes brain-detail-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(max-width:820px){.brain-detail-cell{display:none}}
@media(max-width:820px){.brain-detail-panel{padding:24px 20px 26px;box-shadow:none}}
@media(prefers-reduced-motion:reduce){.brain-detail-panel{animation:none}}
@keyframes brain-step-blink{0%,100%{opacity:.48;transform:translate(-50%,-50%) scale(.9);box-shadow:0 0 0 3px rgba(255,92,0,.08),0 0 10px rgba(255,92,0,.35)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.12);box-shadow:0 0 0 7px rgba(255,92,0,.2),0 0 26px rgba(255,92,0,.95)}}
.section{padding:clamp(90px,9vw,150px) 0}.summary-section{background:var(--paper)}.summary-section h2{max-width:1120px}.summary-lead{max-width:980px;margin:0;color:var(--ink);font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.3;letter-spacing:-.02em}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:54px;background:rgba(3,43,48,.2)}.summary-card{min-height:250px;padding:30px 28px 34px;background:var(--smoke)}.summary-number{display:block;margin-bottom:26px;color:var(--orange);font-size:.76rem;font-weight:750;letter-spacing:.14em}.summary-card h3{margin:0 0 12px;color:var(--jet);font-size:1.4rem;line-height:1.1;letter-spacing:-.025em}.summary-card p{margin:0;color:var(--ink)}.summary-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:36px;padding-top:26px;border-top:1px solid var(--line)}.summary-cta p{margin:0;color:var(--jet);font-size:1.12rem;font-weight:650}.section h2{max-width:1030px;margin:0 0 24px;font-size:clamp(2.8rem,4.5vw,5.3rem);line-height:1.02;letter-spacing:-.055em;font-weight:650}.section-intro{max-width:860px;color:var(--ink);font-size:clamp(1.1rem,1.45vw,1.28rem)}.lead{margin:0;font-size:clamp(1.4rem,2.3vw,2.05rem);line-height:1.25;letter-spacing:-.025em}.body-copy{max-width:820px;color:var(--ink);font-size:1.05rem}.body-copy p{margin:0 0 18px}.body-copy p:last-child{margin-bottom:0}.problem-intro h2{max-width:1000px}.solution-section{background:var(--smoke)}.solution-topline{display:flex;align-items:center}.solution-topline .eyebrow{margin-bottom:0}.solution-editorial{max-width:1220px;padding-top:54px}.solution-editorial h2{max-width:1120px;margin:0;font-size:clamp(3.25rem,6.3vw,7.2rem);line-height:.94;letter-spacing:-.07em;font-weight:620}.solution-lead{max-width:1060px;margin:46px 0 46px;padding-left:24px;border-left:5px solid var(--orange);color:var(--jet);font-size:clamp(1.45rem,2.3vw,2.15rem);line-height:1.2;letter-spacing:-.03em}.solution-copy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(42px,8vw,130px);max-width:1120px}.solution-copy-grid .body-copy{max-width:none}.dark-section{background:var(--jet);color:var(--smoke)}.dark-section .section-intro,.dark-section .body-copy{color:rgba(245,245,245,.76)}.dark-section h2,.dark-section .statement{color:var(--smoke)}.paper{background:var(--paper)}.eyebrow.dark{color:var(--jet)}.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:54px}.info-block{padding:28px 30px 32px;border-right:1px solid var(--line)}.info-block:first-child{padding-left:0}.info-block:last-child{padding-right:0;border-right:0}.info-block h3{margin:0 0 12px;color:var(--orange);font-size:1.45rem;line-height:1.1;letter-spacing:-.025em}.info-block p{margin:0;color:var(--ink)}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:44px}.check-item{position:relative;padding:20px 20px 21px 48px;border:1px solid var(--line);background:var(--smoke);color:var(--ink)}.check-item:before{content:"";position:absolute;left:20px;top:22px;width:10px;height:10px;background:var(--mint);box-shadow:0 0 0 4px rgba(0,224,180,.14)}
.process-section{background:var(--jet);color:var(--smoke)}.process-section .section-intro{color:rgba(245,245,245,.76)}.architecture{margin-top:54px}.architecture-frame{padding:14px;background:#062F34;border:1px solid rgba(0,224,180,.5);box-shadow:14px 14px 0 rgba(0,224,180,.12)}.architecture-link{display:block;pointer-events:none}.architecture-link.is-zoomable{pointer-events:auto;cursor:zoom-in}.architecture-frame img{width:100%;height:auto}.architecture-caption{margin:14px 0 0;color:rgba(245,245,245,.62);font-size:.86rem}.stage-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin-top:44px;background:rgba(0,224,180,.38)}.stage{position:relative;min-height:315px;padding:30px 24px 32px;background:var(--smoke);color:var(--jet)}.stage:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--mint)}.stage-number{display:block;margin-bottom:22px;color:var(--orange);font-size:.76rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.stage h3{margin:0 0 11px;font-size:1.3rem;line-height:1.08;letter-spacing:-.025em}.stage p{margin:0;color:var(--ink);font-size:.93rem}.usecase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:54px;background:rgba(3,43,48,.2)}.usecase{min-height:220px;padding:30px 30px 34px;background:var(--smoke)}.usecase-label,.benefit-number{display:block;margin-bottom:25px;color:var(--orange);font-size:.76rem;font-weight:750;letter-spacing:.14em}.usecase h3{margin:0 0 12px;color:var(--jet);font-size:1.55rem;line-height:1.08;letter-spacing:-.025em}.usecase p{margin:0;color:var(--ink)}.benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:54px;background:rgba(245,245,245,.2)}.benefit{min-height:300px;padding:30px 26px 34px;background:var(--jet)}.benefit h3{margin:0 0 14px;color:var(--mint);font-size:1.32rem;line-height:1.1}.benefit p{margin:0;color:rgba(245,245,245,.76)}.benefit-number{color:var(--orange)}.access-section{background:var(--smoke)}.access-layout,.faq-layout{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:clamp(60px,10vw,170px)}.access-callout{margin-top:34px;padding:24px 26px;background:var(--jet);color:var(--smoke);border-left:5px solid var(--mint)}.access-callout strong{display:block;margin-bottom:6px;color:var(--mint)}.faq-layout .button{margin-top:30px}.entry-faq{margin-top:84px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{position:relative;padding:23px 40px 23px 0;color:var(--jet);font-size:1.12rem;font-weight:700;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:4px;top:18px;color:var(--orange);font-size:1.5rem;font-weight:500}.faq-list details[open] summary:after{content:"-"}.faq-list details p{max-width:720px;margin:0;padding:0 0 23px;color:var(--ink)}.cta{padding:clamp(90px,9vw,140px) 0;background:var(--orange);color:var(--smoke)}.cta-layout{display:flex;align-items:end;justify-content:space-between;gap:50px}.cta h2{max-width:930px;margin:0 0 24px;color:var(--smoke);font-size:clamp(2.8rem,4.5vw,5.3rem);line-height:1.02;letter-spacing:-.055em;font-weight:650}.cta .section-intro{color:rgba(245,245,245,.9)}.cta .button{flex:0 0 auto;background:var(--jet);color:var(--smoke)}footer{padding:36px 0;background:var(--jet);color:rgba(245,245,245,.7);font-size:.88rem}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:30px}footer img{width:150px}.footer-links{display:flex;flex-wrap:wrap;gap:16px 24px;justify-content:flex-end;text-align:right}.footer-links a{color:var(--smoke)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}@media(max-width:1200px){.hero-intro,.brain-stage,.hero-copy-cell,.brain-detail-cell,.hero-actions{grid-column:auto;grid-row:auto}.brain-stage,.brain-detail-cell{justify-self:center;width:min(100%,760px)}.brain-detail-cell{justify-content:center}}
@media(max-width:1200px){.wrap{width:min(calc(100% - 48px),var(--max))}.hero-grid{grid-template-columns:1fr;gap:42px}.brain-stage{min-height:430px;max-width:760px}.stage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stage:nth-child(4),.stage:nth-child(5){border-top:1px solid var(--jet)}}@media(max-width:820px){.architecture-link{pointer-events:auto}.fixed-header,.nav{min-height:68px}.brand{width:150px}.site-menu{width:100%;padding:104px 34px 44px 28px;border-left-width:5px}.menu-close{top:20px;right:24px}.hero{padding:126px 0 64px}.hero h1{font-size:clamp(3rem,14vw,5rem)}.hero-copy{font-size:1.05rem}.brain-stage{display:none}.section{padding:76px 0}.split,.access-layout,.faq-layout{grid-template-columns:1fr;gap:36px}.solution-editorial{padding-top:38px}.solution-editorial h2{font-size:clamp(3rem,14vw,5rem);line-height:.96}.solution-lead{margin-top:34px;margin-bottom:36px;padding-left:18px;font-size:1.35rem}.solution-copy-grid{grid-template-columns:1fr;gap:28px}.three-grid,.benefit-grid,.stage-grid,.usecase-grid,.summary-grid{grid-template-columns:1fr}.summary-cta{display:block}.summary-cta .button{margin-top:22px}.info-block,.info-block:first-child,.info-block:last-child{padding:26px 0 28px;border-right:0;border-bottom:1px solid var(--line)}.info-block:last-child{border-bottom:0}.check-grid{grid-template-columns:1fr}.architecture{margin-top:38px}.architecture-frame{padding:6px;box-shadow:7px 7px 0 rgba(3,43,48,.13)}.stage{min-height:auto;border-top:1px solid var(--jet)}.stage:before{display:none}.cta-layout{display:block}.cta .button{margin-top:26px}.footer-grid{align-items:flex-start}.footer-links{display:block;text-align:right}.footer-links a{display:block;margin-bottom:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}

/* Interactive Einsatzbereiche */
.usecase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:18px;background:var(--line)}
.usecase{min-width:0;min-height:0;background:var(--smoke)}
.usecase-card{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;width:100%;min-height:142px;padding:22px 24px 24px;border:0;border-top:4px solid var(--mint);background:var(--smoke);color:var(--jet);font:inherit;text-align:left;cursor:pointer;box-shadow:0 8px 18px rgba(3,43,48,.14);transition:background .2s ease,color .2s ease,box-shadow .2s ease}
.usecase-card:hover,.usecase.is-open .usecase-card{z-index:2;background:var(--jet);color:var(--smoke);box-shadow:0 10px 22px rgba(3,43,48,.2)}
.usecase.is-open .usecase-card{border-top-color:var(--orange)}
.usecase-card:focus-visible{z-index:2}
.usecase-label{align-self:start;color:var(--orange);font-size:.76rem;font-weight:750;letter-spacing:.14em}
.usecase-title{max-width:270px;font-size:1.22rem;font-weight:650;line-height:1.08;letter-spacing:-.025em}
.usecase-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid currentColor;color:var(--orange);font-size:1.35rem;font-weight:400;line-height:1;transition:transform .2s ease,color .2s ease}
.usecase.is-open .usecase-icon{transform:rotate(45deg);color:var(--mint)}
.usecase-detail-panel{margin-top:42px;margin-bottom:18px;padding:30px 34px 32px;border-top:4px solid var(--orange);background:var(--jet);color:var(--smoke);box-shadow:12px 12px 0 rgba(0,224,180,.12)}
.usecase-detail-panel h3{margin:0 0 14px;color:var(--mint);font-size:1.55rem;line-height:1.08;letter-spacing:-.025em}
.usecase-detail-panel p{max-width:980px;margin:0 0 15px;color:rgba(245,245,245,.82);font-size:1rem}
.usecase-detail-panel p:last-child{margin-bottom:0}
.usecase-detail-panel strong{color:var(--smoke)}
.usecase-detail-panel .usecase-check{color:rgba(245,245,245,.82)}
@media(max-width:1200px){.usecase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.usecase-grid{grid-template-columns:1fr;margin-top:14px}.usecase-card{min-height:112px;padding:20px 18px 21px}.usecase-title{max-width:none;font-size:1.18rem}.usecase-detail-panel{margin-top:34px;margin-bottom:16px;padding:24px 20px 26px;box-shadow:none}}
@media(prefers-reduced-motion:reduce){.usecase-icon{transition:none}}


/* Kompakte Einsatzbereich-Kacheln */
.usecase-card{grid-template-columns:86px 1fr auto;gap:14px;min-height:104px;padding:16px 18px 18px}
.usecase-marker{display:flex;align-items:center;gap:10px}
.usecase-marker .usecase-label{align-self:center;margin:0}
.usecase-topic-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--mint);color:var(--jet);flex:0 0 auto}
.usecase-topic-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.usecase-card:hover .usecase-topic-icon,.usecase.is-open .usecase-topic-icon{color:var(--mint);border-color:var(--mint)}
.usecase-title{max-width:245px;font-size:1.1rem;line-height:1.07}
.usecase-icon{width:24px;height:24px;font-size:1.15rem}
@media(max-width:820px){.usecase-card{grid-template-columns:78px 1fr auto;min-height:88px;padding:13px 16px 15px;gap:12px}.usecase-topic-icon{width:31px;height:31px}.usecase-topic-icon svg{width:19px;height:19px}.usecase-title{max-width:none;font-size:1.08rem}}


/* Icons ohne Nummern */
.usecase-card{grid-template-columns:58px 1fr auto;min-height:108px}
.usecase-marker{justify-content:flex-start}
.usecase-topic-icon{width:50px;height:50px}
.usecase-topic-icon svg{width:31px;height:31px;stroke-width:1.55}
@media(max-width:820px){.usecase-card{grid-template-columns:50px 1fr auto;min-height:92px}.usecase-topic-icon{width:44px;height:44px}.usecase-topic-icon svg{width:28px;height:28px}}

/* Ruhigeres Kachelraster und orangefarbene Aktivierung */
.usecase-grid{gap:16px;background:transparent}
.usecase{background:transparent}
.usecase-icon{background:var(--orange);border-color:var(--orange);color:var(--smoke)}
.usecase-card:hover .usecase-icon,.usecase.is-open .usecase-icon{background:var(--orange);border-color:var(--orange);color:var(--smoke)}


/* Ablaufgrafiken in den Einsatzbereichen */
.usecase-diagram{margin:30px 0 0;border:1px solid rgba(0,224,180,.28);background:var(--jet)}
.usecase-diagram img{width:100%;height:auto;display:block}
@media(max-width:820px){.usecase-diagram{margin-left:-4px;margin-right:-4px;margin-top:26px;margin-bottom:0}.usecase-diagram img{min-width:760px;max-width:none}.usecase-detail-panel{overflow-x:auto}}


/* Ablaufgrafiken in den Einsatzbereichen */
.usecase-diagram{margin:30px 0 0;border:1px solid rgba(0,224,180,.28);background:var(--jet)}
.usecase-diagram img{width:100%;height:auto;display:block}
@media(max-width:820px){.usecase-diagram{margin-left:-4px;margin-right:-4px;margin-top:26px;margin-bottom:0}.usecase-diagram img{min-width:760px;max-width:none}.usecase-detail-panel{overflow-x:auto}}


/* Ablaufgrafiken in den Einsatzbereichen */
.usecase-diagram{margin:30px 0 0;border:1px solid rgba(0,224,180,.28);background:var(--jet)}
.usecase-diagram img{width:100%;height:auto;display:block}
@media(max-width:820px){.usecase-diagram{margin-left:-4px;margin-right:-4px;margin-top:26px;margin-bottom:0}.usecase-diagram img{min-width:760px;max-width:none}.usecase-detail-panel{overflow-x:auto}}


/* Ablaufgrafiken in den Einsatzbereichen */
.usecase-diagram{margin:30px 0 0;border:1px solid rgba(0,224,180,.28);background:var(--jet)}
.usecase-diagram img{width:100%;height:auto;display:block}
@media(max-width:820px){.usecase-diagram{margin-left:-4px;margin-right:-4px;margin-top:26px;margin-bottom:0}.usecase-diagram img{min-width:760px;max-width:none}.usecase-detail-panel{overflow-x:auto}}


/* Wissensbasis-Inhalte im Hero */
.hero-knowledge-points{display:grid;gap:12px;margin:28px 0 0;padding:0;list-style:none}
.hero-knowledge-points li{display:grid;gap:3px;padding-top:12px;border-top:1px solid rgba(0,224,180,.3);color:rgba(245,245,245,.78);font-size:.96rem;line-height:1.42}
.hero-knowledge-points strong{color:var(--mint);font-size:.9rem;line-height:1.2;letter-spacing:.01em}
@media(max-width:820px){.hero-knowledge-points{margin-top:24px}.hero-knowledge-points li{font-size:.93rem}}


/* Hero: Wissensbasis als dreiteilige Inhaltslogik */
.hero .hero-knowledge-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:54px 0 0;background:transparent}
.hero .hero-knowledge-points li{display:flex;flex-direction:column;gap:12px;min-height:270px;padding:28px 28px 32px;border-top:4px solid var(--orange);background:#FFFFFF;color:var(--ink);font-size:1rem;line-height:1.48;box-shadow:10px 10px 0 rgba(0,224,180,.12)}
.hero .hero-knowledge-points strong{color:var(--orange);font-size:1.2rem;line-height:1.1;letter-spacing:-.02em}
.hero .hero-knowledge-points span{display:block}
.hero .hero-actions{margin-top:42px;padding-top:26px;border-top:1px solid rgba(0,224,180,.38)}
@media(max-width:820px){.hero .hero-knowledge-points{grid-template-columns:1fr;margin-top:38px}.hero .hero-knowledge-points li{min-height:0;padding:24px 22px 28px}.hero .hero-actions{margin-top:30px}}

/* Funktionsweise: sechs ausgewogene Schritte nach dem Zusammenführen der Aufbereitung */
#vorgehen .stage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1200px){#vorgehen .stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){#vorgehen .stage-grid{grid-template-columns:1fr}}

/* Interaktive Funktionsweise-Grafik */
.process-map{margin-top:54px}
.process-map-canvas{padding:0;background:transparent;border:0;box-shadow:none}
.process-map-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--mint);font-size:.82rem;font-weight:750;letter-spacing:.16em}
.process-map-heading small{color:rgba(245,245,245,.62);font-size:.78rem;font-weight:400;letter-spacing:.02em}
.process-map-scroll{overflow-x:auto;padding:0 0 14px}
.process-map-track{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;min-width:1010px;align-items:stretch}
.process-map-track:before{content:"";position:absolute;z-index:0;left:3%;right:3%;top:50%;border-top:2px solid rgba(0,224,180,.78)}
.process-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:13px;min-height:154px;padding:22px 18px;border:1px solid rgba(0,224,180,.76);border-top:4px solid var(--mint);background:#083D42;color:var(--smoke);font:inherit;text-align:left;cursor:pointer;box-shadow:none;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
.process-node:hover,.process-node:focus-visible{transform:translateY(-3px);border-color:var(--mint);box-shadow:none}
.process-node[aria-expanded="true"]{border-top-color:var(--orange);background:#FFFFFF;color:var(--jet);box-shadow:none}.process-node[aria-expanded="true"] .process-node-label{color:var(--jet)}
.process-node-label{color:var(--smoke);font-size:.98rem;font-weight:700;line-height:1.2;letter-spacing:-.02em}
.process-map-legend{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 28px;padding-top:18px;border-top:1px solid rgba(0,224,180,.24);color:rgba(245,245,245,.74);font-size:.82rem}
.process-map-legend span{display:inline-flex;align-items:center;gap:9px}
.process-legend-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 10px rgba(255,92,0,.7)}
.process-legend-line{display:inline-block;width:24px;border-top:2px solid var(--mint)}
.process-detail-panel{margin-top:18px;padding:28px 32px 30px;border-top:4px solid var(--orange);background:#FFFFFF;color:var(--jet);box-shadow:none;animation:process-detail-in .22s ease-out}
@keyframes process-detail-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.process-detail-panel h3{margin:0 0 12px;color:var(--orange);font-size:1.5rem;line-height:1.1}
.process-detail-panel p{max-width:1020px;margin:0;color:var(--ink);font-size:1rem}
@media(max-width:820px){.process-map{margin-top:38px}.process-map-canvas{padding:24px 16px 20px;box-shadow:none}.process-map-heading{display:block;font-size:.76rem}.process-map-heading small{display:block;margin-top:8px}.process-map-track{min-width:900px;gap:12px}.process-node{min-height:140px;padding:18px 15px}.process-node-label{font-size:.9rem}.process-map-legend{display:block;font-size:.78rem}.process-map-legend span{display:flex;margin-bottom:9px}.process-detail-panel{padding:24px 20px 26px;box-shadow:none}}
@media(prefers-reduced-motion:reduce){.process-node{transition:none}.process-detail-panel{animation:none}}
.process-detail-panel p+p{margin-top:14px}


/* Zusammengeführte Sektion: Nutzen, Steuerung und Verantwortung */
.impact-section{background:var(--jet);color:var(--smoke)}
.impact-header{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:clamp(44px,8vw,130px);align-items:end}
.impact-header h2{max-width:940px;color:var(--smoke)}
.impact-lead{max-width:560px;margin:0;padding-left:22px;border-left:4px solid var(--orange);color:rgba(245,245,245,.78);font-size:clamp(1.2rem,1.8vw,1.55rem);line-height:1.3;letter-spacing:-.02em}
.impact-board{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);gap:1px;margin-top:72px;background:rgba(0,224,180,.34)}
.impact-outcomes{padding:30px;background:#062F34}
.impact-kicker{margin:0 0 22px;color:var(--mint);font-size:.78rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
.impact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(0,224,180,.24)}
.impact-card{min-height:214px;padding:26px 24px 28px;background:var(--jet)}
.impact-number{display:block;margin-bottom:22px;color:var(--orange);font-size:.76rem;font-weight:750;letter-spacing:.14em}
.impact-card h3{margin:0 0 12px;color:var(--smoke);font-size:1.25rem;line-height:1.08;letter-spacing:-.025em}
.impact-card p{margin:0;color:rgba(245,245,245,.72);font-size:.94rem}
.impact-governance{position:relative;padding:30px 30px 32px;background:var(--smoke);color:var(--jet);border-top:5px solid var(--orange)}
.impact-governance-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px;color:var(--orange);font-size:.76rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase}
.impact-governance-mark{color:var(--mint);font-size:.68rem;letter-spacing:.1em}
.impact-governance h3{max-width:500px;margin:0 0 16px;color:var(--jet);font-size:clamp(1.8rem,2.6vw,2.65rem);line-height:1.02;letter-spacing:-.045em}
.impact-governance>p{margin:0 0 26px;color:var(--ink);font-size:1rem}
.impact-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center;margin:28px 0;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.impact-flow-step{min-width:0}
.impact-flow-step span{display:block;margin-bottom:8px;color:var(--orange);font-size:.72rem;font-weight:750;letter-spacing:.12em}
.impact-flow-step strong{display:block;color:var(--jet);font-size:.86rem;line-height:1.1}
.impact-flow-step small{display:block;margin-top:5px;color:var(--ink);font-size:.72rem;line-height:1.2}
.impact-flow-arrow{display:block;width:24px;border-top:2px solid var(--mint);position:relative}
.impact-flow-arrow:after{content:"";position:absolute;right:-1px;top:-5px;border-left:7px solid var(--mint);border-top:4px solid transparent;border-bottom:4px solid transparent}
.impact-governance-detail{padding-top:2px;font-size:.88rem!important;line-height:1.45}
.impact-callout{margin-top:24px;padding:18px 18px 19px;background:var(--jet);border-left:4px solid var(--mint);color:var(--smoke);font-size:.9rem}
.impact-callout strong{display:block;margin-bottom:5px;color:var(--mint)}
@media(max-width:1100px){.impact-header{grid-template-columns:1fr;gap:30px}.impact-lead{max-width:780px}.impact-board{grid-template-columns:1fr}}
@media(max-width:820px){.impact-board{margin-top:48px}.impact-outcomes,.impact-governance{padding:24px 20px 26px}.impact-grid{grid-template-columns:1fr}.impact-card{min-height:0}.impact-flow{grid-template-columns:1fr;gap:16px}.impact-flow-arrow{width:0;height:18px;border-top:0;border-left:2px solid var(--mint);margin-left:5px}.impact-flow-arrow:after{right:auto;left:-5px;top:auto;bottom:-1px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:7px solid var(--mint);border-bottom:0}}

/* Einführungsschritte im Bereich „Der nächste Schritt“ */
.cta .stage-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:64px;background:rgba(3,43,48,.36)}
.cta .stage{min-height:258px;background:var(--smoke);color:var(--jet)}
.cta .stage:before{background:var(--jet)}
.cta .stage p{color:var(--ink)}
@media(max-width:1200px){.cta .stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.cta .stage-grid{grid-template-columns:1fr;margin-top:42px}.cta .stage{min-height:auto}}

/* Fragen zur Anbindung als eigenständige dunkle Sektion */
.faq-section{background:var(--jet);color:var(--smoke)}
.faq-section .entry-faq{margin-top:0}
.faq-section .faq-layout>div:first-child h2{color:var(--smoke)}
.faq-section .faq-list{border-top-color:rgba(0,224,180,.38)}
.faq-section .faq-list details{border-bottom-color:rgba(0,224,180,.38)}
.faq-section .faq-list summary{color:var(--smoke)}
.faq-section .faq-list details p{color:rgba(245,245,245,.76)}

/* Der nächste Schritt: verbundener Weg statt wiederholter Kacheln */
.cta{background:var(--orange);color:var(--jet)}
.next-header{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:clamp(50px,9vw,150px);align-items:end}
.cta .next-question .eyebrow{color:var(--jet);border-color:var(--jet)}
.cta .next-question h2{max-width:930px;color:var(--jet)}
.cta .next-question .section-intro{max-width:760px;color:rgba(3,43,48,.78)}
.next-action{justify-self:end;width:min(100%,380px);padding:25px 26px 27px;background:var(--jet);border-left:5px solid var(--mint);color:var(--smoke)}
.next-action-label{display:block;margin-bottom:18px;color:var(--mint);font-size:.76rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase}
.next-action .button{background:var(--orange);color:var(--jet)}
.next-action .button:hover{background:var(--smoke);color:var(--jet)}
.next-route{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,4vw,58px);margin-top:92px}
.next-route-line{position:absolute;z-index:0;top:24px;left:24px;right:24px;border-top:2px solid rgba(3,43,48,.72)}
.next-route-line:after{content:"";position:absolute;right:-1px;top:-5px;border-left:9px solid rgba(3,43,48,.72);border-top:4px solid transparent;border-bottom:4px solid transparent}
.next-stop{position:relative;z-index:1;padding-top:66px}
.next-stop-marker{position:absolute;top:0;left:0;display:grid;place-items:center;width:50px;height:50px;background:var(--jet);border:2px solid var(--mint);color:var(--smoke);font-size:.82rem;font-weight:750;letter-spacing:.1em}
.next-stop h3{max-width:230px;margin:0 0 13px;color:var(--jet);font-size:1.28rem;line-height:1.08;letter-spacing:-.025em}
.next-stop p{max-width:280px;margin:0;color:rgba(3,43,48,.78);font-size:.94rem}
@media(max-width:1000px){.next-header{grid-template-columns:1fr;gap:32px}.next-action{justify-self:start}.next-route{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:62px;margin-top:70px}.next-route-line{display:none}.next-stop{padding:24px 0 0 68px;border-top:2px solid rgba(3,43,48,.72)}.next-stop-marker{top:0;left:0}}
@media(max-width:820px){.next-route{grid-template-columns:1fr;gap:34px;margin-top:56px}.next-stop{padding-top:20px;padding-left:68px}.next-action{width:100%}}

/* Farbkorrektur für den orangenen CTA-Bereich */
.cta .next-question .eyebrow{color:var(--mint);border-color:var(--mint)}
.cta .next-question h2{color:var(--smoke)}
.cta .next-question .section-intro{color:var(--smoke)}
.next-stop p{color:var(--smoke)}

/* Der nächste Schritt: CTA links, vertikaler Weg rechts */
.cta .next-question .eyebrow{border-color:var(--jet)}
.next-header{align-items:start}
.next-question .next-action{justify-self:start;margin-top:30px}
.next-header>.next-route{grid-template-columns:1fr;gap:28px;margin-top:0;padding-left:0}
.next-header>.next-route .next-route-line{top:24px;bottom:24px;left:24px;right:auto;border-top:0;border-left:2px solid rgba(3,43,48,.72)}
.next-header>.next-route .next-route-line:after{right:auto;top:auto;left:-5px;bottom:-1px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:7px solid rgba(3,43,48,.72);border-bottom:0}
.next-header>.next-route .next-stop{min-height:86px;padding:4px 0 0 68px}
.next-header>.next-route .next-stop-marker{top:0;left:0}
@media(max-width:1000px){.next-header>.next-route{grid-template-columns:repeat(2,minmax(0,1fr));gap:62px 34px;margin-top:0;padding-left:0}.next-header>.next-route .next-route-line{display:none}.next-header>.next-route .next-stop{min-height:0;padding:24px 0 0 68px;border-top:2px solid rgba(3,43,48,.72)}}
@media(max-width:820px){.next-header>.next-route{grid-template-columns:1fr;gap:34px;margin-top:0}.next-header>.next-route .next-stop{padding:20px 0 0 68px}}

/* CTA-Button im Stil der vier Prozesspunkte */
.next-action{width:auto;padding:0;background:transparent;border:0}
.next-action .button{background:var(--jet);border:2px solid var(--mint);color:var(--smoke)}
.next-action .button:hover{background:#062F34;border-color:var(--mint);color:var(--smoke)}

/* CTA-Button bewusst von den Prozessnummern abheben */
.next-action .button{background:var(--smoke);border:2px solid var(--smoke);color:var(--jet)}
.next-action .button:hover{background:var(--jet);border-color:var(--jet);color:var(--smoke)}

/* Plus-Zeichen der Einsatzbereich-Kacheln geometrisch zentrieren */
.usecase-icon{position:relative;display:flex;align-items:center;justify-content:center;font-size:0;line-height:0}
.usecase-icon:before,.usecase-icon:after{content:"";position:absolute;left:50%;top:50%;display:block;background:currentColor;transform:translate(-50%,-50%)}
.usecase-icon:before{width:12px;height:2px}
.usecase-icon:after{width:2px;height:12px}

/* Einsatzbereich-Kacheln enger zusammenführen */
.usecase-grid{gap:8px}

@media(prefers-reduced-motion:reduce){.brain-step-number{animation:none;opacity:1;transform:translate(-50%,-50%)}.brain-step-tooltip{transition:none}}

.hero .hero-copy-cell .hero-actions{grid-column:auto;grid-row:auto;margin-top:1.55em;padding-top:0;border-top:0}


/* --- Product name: always bold in running text (not in headings) --- */
.product-name{font-weight:800;text-transform:none;letter-spacing:0}

/* --- Subpage (Impressum & Datenschutz) aligned with start page --- */
.subpage-hero{position:relative;padding:162px 0 64px;background:var(--jet);color:var(--smoke);border-top:11px solid var(--mint)}
.subpage-hero .eyebrow{color:var(--mint);border-color:var(--orange)}
.subpage-hero h1{margin:0 0 28px;font-size:clamp(3rem,5.4vw,5.4rem);line-height:.96;letter-spacing:-.065em;font-weight:620}
.subpage-back{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 22px;background:var(--orange);color:#FFFFFF;font-weight:750;font-size:.92rem;text-decoration:none;border:1px solid transparent;transition:background .2s ease}
.subpage-back:hover{background:#e84e00;color:#FFFFFF}
.subpage-back:focus-visible{outline:3px solid var(--mint);outline-offset:4px}
.legal-section{padding:72px 0 104px;background:var(--smoke);color:var(--jet)}
.legal-page{max-width:820px;color:var(--ink)}
.legal-page h2{margin:56px 0 18px;padding-top:24px;border-top:1px solid var(--line);color:var(--jet);font-size:clamp(1.6rem,2.6vw,2.1rem);line-height:1.1;letter-spacing:-.04em;font-weight:650}
.legal-page h2:first-child{margin-top:0;padding-top:0;border-top:0}
.legal-page h3{margin:32px 0 10px;color:var(--jet);font-size:1.12rem;line-height:1.3;font-weight:650}
.legal-page p,.legal-page li{font-size:1rem;line-height:1.65}
.legal-page p{margin:0 0 14px}
.legal-page ul{margin:0 0 16px;padding-left:22px}
.legal-page li{margin-bottom:6px}
.legal-page strong{color:var(--jet)}
.legal-page a{color:var(--jet);text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:var(--orange)}
.legal-page a:hover{color:var(--orange)}
@media(max-width:820px){.subpage-hero{padding:126px 0 48px}.legal-section{padding:52px 0 76px}}

/* --- Hero text: one flow (headline, paragraph, button) with equal spacing --- */
.hero-text{grid-column:1;grid-row:1;align-self:start;display:block;min-width:0}
.hero .hero-text h1{margin:0 0 28px}
.hero .hero-text .hero-copy{margin:0}
.hero .hero-text .hero-copy-cell{margin:0}
.hero .hero-text .hero-copy-cell .hero-actions{margin-top:28px;padding-top:0;border-top:0}
.hero h1 .hero-lead{margin-bottom:0}

/* --- Header logo: +25 % (166 px -> 207.5 px; mobile 150 px -> 187.5 px) --- */
.brand{width:207.5px}
@media(max-width:820px){.brand{width:187.5px}}

/* --- Hero grid: 2 x 2 (1 = headline, 2 = paragraph + button, 3 = brain, 4 = detail) --- */
.hero-text{display:contents}
.hero-intro{order:1}
.brain-stage{order:2}
.hero-copy-cell{order:3}
.brain-detail-cell{order:4}
.hero .hero-text h1{margin:0 0 28px}
.hero .hero-text .hero-copy{margin:0}
.hero .hero-text .hero-copy-cell{margin:0}
.hero .hero-text .hero-copy-cell .hero-actions{margin-top:29.4px;padding-top:0;border-top:0}
.hero h1 .hero-lead{margin-bottom:0;display:block}
.brain-stage{width:min(100%,560px);height:auto;min-height:0;aspect-ratio:1024 / 782;max-width:none}
.brain-visual{width:100%}
@media(min-width:1201px){
  .hero-grid{row-gap:0}
  .hero-intro{grid-column:1;grid-row:1;align-self:end}
  .hero .hero-intro h1{margin-bottom:0}
  .brain-stage{grid-column:2;grid-row:1;justify-self:center;align-self:start}
  .hero .hero-text .hero-copy-cell{grid-column:1;grid-row:2;align-self:start;margin-top:29.4px}
  .brain-detail-cell{grid-column:2;grid-row:2;align-self:start;margin-top:29.4px}
}

/* --- Round 6: logo +25 % again (207.5 -> 259.4 px; mobile 187.5 -> 234.4 px) --- */
.brand{width:259.4px}
@media(max-width:820px){.brand{width:234.4px}}
/* header height follows the logo (desktop 80 px, mobile 72 px) */
.fixed-header,.nav{min-height:80px}
@media(max-width:820px){.fixed-header,.nav{min-height:72px}}
/* distance header -> brain/headline (desktop): 162 px padding -> 144.5 px (-25 % of the previous 86 px gap) */
@media(min-width:1201px){.hero{padding-top:144.5px}}
/* gaps 1->2 and 3->4 and button gap: 29.4 px -> 36.75 px (+25 %) */
.hero .hero-text .hero-copy-cell .hero-actions{margin-top:36.75px}
@media(min-width:1201px){
  .hero .hero-text .hero-copy-cell{margin-top:36.75px}
  .brain-detail-cell{margin-top:36.75px}
}

/* --- Round 7: logo file cropped to its visible content (no empty margins).
   Visible width kept at the size the user approved (desktop 187.8 px, mobile 169.7 px).
   Logo left edge now sits exactly on the content edge; logo is centred in the header. --- */
.brand{width:187.8px;height:auto}
@media(max-width:820px){.brand{width:169.7px}}
footer img{width:108.6px;height:auto}

/* --- Round 8: optical left alignment of the hero headline.
   Letter-spacing does not move the first letter; the large "K" carries built-in left
   spacing (side bearing) of about 0.07 em. Compensated so the headline starts on the content edge. --- */
.hero .hero-text h1,.hero .hero-intro h1{margin-left:-0.07em}

/* ===== MOBILE ONLY (max-width 820 px). Desktop rules above are unchanged. ===== */
@media(max-width:820px){
  /* Hero: headline -> paragraph -> Klapptext -> button */
  .hero-grid{row-gap:0}
  .hero .hero-text h1,.hero .hero-intro h1{margin:0 0 70px}
  .hero .hero-copy-cell{display:contents}
  .hero .hero-text .hero-copy{margin:0;order:3}
  .brain-detail-cell{display:flex;order:4;grid-column:1 / -1;grid-row:auto;width:100%;margin-top:36.75px;justify-content:stretch}
  .brain-detail-panel{width:100%;margin:0}
  .hero .hero-text .hero-copy-cell .hero-actions{order:5;margin-top:36.75px}

  /* Einsatzbereiche: detail panel opens below the tapped card, full width */
  .usecase-grid{grid-template-columns:1fr;gap:8px;margin-top:14px}
  .usecase-detail-panel{margin:8px 0 0}

  /* Einstieg: one vertical route, markers in one column, vertical arrow */
  .next-header>.next-route{position:relative;display:grid;grid-template-columns:1fr;gap:34px;margin-top:0;padding-left:0}
  .next-header>.next-route .next-route-line{display:block;top:25px;bottom:25px;left:24px;right:auto;border-top:0;border-left:2px solid rgba(3,43,48,.72)}
  .next-header>.next-route .next-stop{min-height:0;padding:0 0 0 68px;border-top:0}
  .next-header>.next-route .next-stop-marker{top:0;left:0}
}

/* ===== ROUND 10: MOBILE ONLY (max-width 820 px) ===== */
@media(max-width:820px){
  /* Klapptext navigation: "1/6" centred between Zurück and Vor, same grey as disabled Zurück */
  .brain-detail-navigation{display:grid;grid-template-columns:1fr auto 1fr;gap:0 16px}
  .brain-detail-nav-previous{justify-self:start}
  .brain-detail-nav-next{justify-self:end}
  .brain-detail-counter{display:inline-flex;align-items:center;justify-content:center;min-height:38px;color:rgba(53,84,90,.38);font-size:.9rem;font-weight:750;letter-spacing:.04em;white-space:nowrap}

  /* Einstieg: "Demo-Termin vereinbaren" moves to the bottom of the section */
  .next-header{display:flex;flex-direction:column;gap:0}
  .next-question{display:contents}
  .next-question .eyebrow{margin:0 0 20px}
  .next-question h2{margin:0 0 24px}
  .next-question .section-intro{margin:0}
  .next-header>.next-route{order:1;margin-top:32px}
  .next-question .next-action{order:2;margin-top:40px}

  /* Footer: Startseite and Impressum & Datenschutz on one horizontal line */
  footer .footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 24px;text-align:right}
  footer .footer-links a{display:inline;margin:0}
}

/* Sprachumschalter (Flaggen) */
.language{display:flex;align-items:center;gap:10px;margin-left:auto}
.language .lang-link{display:inline-flex;align-items:center;padding:4px;border:0;border-radius:2px;line-height:0;opacity:.5;filter:grayscale(100%);text-decoration:none;transition:opacity .2s ease,filter .2s ease}
.language .lang-link:hover{opacity:.85;filter:grayscale(60%)}
.language .lang-link[aria-current="page"]{opacity:1;filter:none}
.language .lang-link:focus-visible{outline:3px solid var(--mint);outline-offset:3px}
.language .lang-link svg{width:26px;height:17px;display:block}
@media(max-width:820px){.nav{gap:10px}.language{gap:4px}.language .lang-link{padding:2px;border-width:0}.language .lang-link svg{width:22px;height:14.7px}}
@media(min-width:1201px){html[lang="en"] .hero .hero-intro{align-self:start}}
.legal-page .translation-note{margin:8px 0 44px;color:#007A62;font-style:italic;font-size:1rem;line-height:1.5;text-align:left}
.legal-page .translation-note + h2{margin-top:0;padding-top:0;border-top:0}