:root{
  color-scheme:light;
  --ink:#f8f7f3;--ink-2:#e9eef0;--panel:#ffffff;--paper:#ffffff;--warm:#f8f7f3;--soft:#eef3f3;
  --text:#2f4148;--muted:#55686d;--line:#d7dfe0;--line-strong:#9eafb3;--heading:#0c1824;
  /* Brand-Dunkelflächen nach Bildmarke: tiefes Navy als Träger, Gold als Akzent. */
  --navy:#0c1824;--navy-2:#132639;--navy-3:#24405a;
  --on-navy:#dbe4ec;--on-navy-soft:#a9b8c2;
  /* Gold hat zwei Rollen: --gold leuchtet auf Dunkelflächen, --gold-text ist die
     kontraststarke Variante für Text auf hellen Flächen. Nie vertauschen. */
  --gold:#f0a92c;--gold-text:#8a5a06;--gold-2:#d18f18;--gold-ink:#150e02;
  --blue:#1c4258;--blue-2:#1c4258;--ok:#278064;--warn:#8a5a06;--danger:#a8402b;
  --shadow:0 18px 44px rgba(12,24,36,.14);--shadow-soft:0 10px 26px rgba(12,24,36,.09);
  --radius:10px;--radius-sm:6px;--max:1180px;
  --sans:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --serif:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,"SF Mono","Cascadia Code",Consolas,"Roboto Mono",monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--warm)}
body{margin:0;background:var(--warm);color:var(--text);font-family:var(--sans);line-height:1.65;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--gold-text);text-underline-offset:3px}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.skip-link{position:fixed;left:12px;top:-80px;z-index:9999;background:var(--gold);color:var(--gold-ink);padding:12px 16px;border:2px solid var(--gold);border-radius:2px;font-family:var(--mono);font-weight:700}
.skip-link:focus{top:12px}
.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.narrow{width:min(calc(100% - 40px),820px);margin-inline:auto}
.section{padding:92px 0}
.section-sm{padding:58px 0}
.surface{background:var(--ink)}
.surface-soft{background:var(--soft);border-block:1px solid var(--line)}
.surface-dark{background:var(--ink-2);color:var(--text);border-block:1px solid var(--line)}
.surface-dark h2,.surface-dark h3,.surface-dark strong{color:var(--heading)}
.surface-dark p,.surface-dark li{color:var(--text)}
.eyebrow{margin:0 0 14px;color:var(--gold-text);font-family:var(--mono);font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:9px}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--gold-text);flex:0 0 auto}
.surface-dark .eyebrow{color:var(--gold-text)}
h1,h2,h3{color:var(--heading);margin:0 0 18px;line-height:1.06;letter-spacing:-.01em;font-weight:700;text-wrap:balance}
h1{font-family:var(--serif);font-size:clamp(2.5rem,5.2vw,4.9rem);font-weight:900;max-width:970px;text-transform:uppercase;letter-spacing:-.015em}
h2{font-size:clamp(1.8rem,3.2vw,2.9rem);text-transform:none;letter-spacing:-.01em;font-weight:700}
h3{font-size:1.2rem;text-transform:none;letter-spacing:-.005em}
p{margin:0 0 18px}
.lead{font-size:clamp(1.08rem,1.6vw,1.3rem);max-width:820px;color:var(--muted);font-family:var(--sans)}
.surface-dark .lead{color:var(--text)}
.small{font-size:.9rem;color:var(--muted)}
.mockup-screen .small,.private-intro-panel .small{color:#5b6469}
.card .kicker,.definition-card .eyebrow,.recruiting-pillar .eyebrow,.private-intro-panel .eyebrow{color:var(--blue-2)}
.kicker{font-size:1.1rem;font-weight:700;color:var(--gold-text)}
.header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);box-shadow:0 4px 18px rgba(28,48,56,.05)}
.header-row{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;text-decoration:none;flex:0 0 auto}
.brand img{width:286px;height:auto}
.nav-shell{display:flex;align-items:center;gap:18px}
.main-nav{display:flex;align-items:center;gap:2px}
.main-nav>a,.nav-drop>button{border:0;background:transparent;color:var(--text);text-decoration:none;font-weight:700;font-size:.86rem;padding:12px 10px;border-radius:2px;font-family:var(--sans)}
.main-nav>a:hover,.nav-drop>button:hover,.main-nav>a[aria-current="page"]{background:var(--soft);color:var(--gold-text)}
.nav-drop{position:relative}
.nav-drop>button::after{content:"▾";margin-left:6px;font-size:.75em}
.nav-menu{display:none;position:absolute;top:calc(100% + 6px);left:0;min-width:285px;background:var(--panel);border:1px solid var(--line);border-radius:4px;box-shadow:var(--shadow);padding:8px}
.nav-drop:hover .nav-menu,.nav-drop.open .nav-menu{display:grid}
.nav-menu a{padding:11px 12px;text-decoration:none;color:var(--text);font-weight:650;border-radius:2px}
.nav-menu a:hover{background:var(--ink-2);color:var(--gold-text)}
.nav-menu a[aria-current="page"]{background:var(--ink-2);color:var(--gold-text)}
.nav-menu-label{padding:10px 12px 5px;color:var(--muted);font-family:var(--mono);font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-top:1px solid var(--line);margin-top:4px}
.nav-menu-label:first-child{border-top:0;margin-top:0}
.nav-menu .nav-subitem{padding-left:26px;font-size:.84rem}
.lang{display:flex;align-items:center;gap:4px;border-left:1px solid var(--line);padding-left:14px}
.lang a{padding:7px 8px;border-radius:2px;text-decoration:none;font-family:var(--mono);font-size:.78rem;font-weight:700;color:var(--muted)}
.lang a[aria-current="page"]{background:var(--gold);color:var(--gold-ink)}
.mobile-lang{display:none;gap:8px;padding:10px 4px;border-top:1px solid var(--line)}
.mobile-lang a{padding:8px 10px;text-decoration:none;font-weight:800;border-radius:2px;background:var(--panel);color:var(--text)}
.mobile-lang a[aria-current="page"]{background:var(--gold);color:var(--gold-ink)}
.menu-toggle{display:none;border:1px solid var(--line);background:var(--panel);color:var(--heading);padding:10px 12px;border-radius:2px;font-weight:800}
.hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#fbfaf7 0%,#eef3f3 100%);padding:64px 0 0}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 84% 20%,rgba(213,154,39,.16),transparent 32%),radial-gradient(circle at 10% 95%,rgba(49,91,104,.1),transparent 30%)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:0;align-items:stretch;min-height:640px}
.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:48px 8px 48px 0}
.hero-copy h1{font-size:clamp(2.5rem,4.6vw,4.2rem)}
.hero-copy .lead{margin-top:24px}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:13px 24px;border-radius:2px;border:1px solid transparent;text-decoration:none;font-family:var(--mono);font-weight:700;font-size:.82rem;letter-spacing:.03em;text-transform:uppercase;transition:transform .15s ease,background .15s ease,border-color .15s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--gold);color:var(--gold-ink)}
.btn-primary:hover{background:var(--gold-2)}
.btn-secondary{background:#fff;color:var(--heading);border-color:var(--line-strong)}
.btn-secondary:hover{border-color:var(--gold);color:var(--gold-text)}
.btn-gold{background:var(--gold);color:var(--gold-ink)}
.btn-gold:hover{background:var(--gold-2)}
.hero-media{position:relative;overflow:hidden;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}
.hero-media img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:0;box-shadow:none;border:0;min-height:340px}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,var(--ink) 0%,rgba(14,18,20,.28) 20%,transparent 42%)}
.hero-note{position:absolute;left:0;bottom:0;width:min(370px,100%);background:rgba(14,18,20,.88);color:#fff;padding:22px;border-radius:0;box-shadow:none;border-top:1px solid rgba(244,185,60,.3)}
.hero-note strong{display:block;color:var(--gold);margin-bottom:5px;font-family:var(--mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}
.hero-note span{font-size:.92rem;color:var(--text)}
.proof-strip{background:#fff;color:var(--heading);border-bottom:1px solid var(--line);border-top:1px solid var(--line)}
.proof-grid{display:grid;grid-template-columns:repeat(6,1fr)}
.proof-item{padding:23px 18px;border-left:1px solid var(--line)}
.proof-item:first-child{border-left:0}
.proof-item strong{display:block;color:var(--gold);font-family:var(--mono);font-size:1.2rem;font-variant-numeric:tabular-nums}
.proof-item span{display:block;color:var(--muted);font-size:.81rem;line-height:1.4;margin-top:4px}
.section-head{display:grid;grid-template-columns:.72fr 1.28fr;gap:64px;align-items:start;margin-bottom:42px}
.section-head p:last-child{margin-bottom:0}
.section-subhead{margin-top:48px}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow-soft);color:#1c2226}
.card h3,.card p{color:inherit}
.card.dark{background:var(--ink-2);border-color:var(--line);color:#dce4ed}
.card.dark h3{color:#fff}
.card-number{display:inline-flex;min-width:34px;height:34px;align-items:center;justify-content:center;border-radius:2px;background:var(--navy);color:var(--gold);font-family:var(--mono);font-size:.82rem;font-weight:700;margin-bottom:18px}
.card-tag{display:inline-block;padding:5px 9px;border-radius:2px;background:var(--gold);color:var(--gold-ink);font-family:var(--mono);font-weight:700;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;margin-bottom:14px}
.icon-mark{width:38px;height:38px;border-radius:2px;background:var(--navy);color:var(--gold);display:grid;place-items:center;font-weight:900;margin-bottom:17px}
.check-list,.arrow-list{list-style:none;padding:0;margin:18px 0 0}
.check-list li,.arrow-list li{position:relative;padding-left:25px;margin:10px 0}
.check-list li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:900}
.arrow-list li::before{content:"→";position:absolute;left:0;color:var(--gold-text);font-weight:900}
.trigger-list{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--line)}
.trigger{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:22px 4px;display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:baseline;transition:background .15s ease}
.trigger:hover{background:var(--panel)}
.trigger b{color:var(--blue-2);font-family:var(--mono);font-size:1.3rem;font-variant-numeric:tabular-nums;font-weight:400}
.trigger:hover b{color:var(--gold-text)}
.output-band{background:#223b44;border:1px solid #223b44;border-radius:2px;padding:42px;color:#fff;box-shadow:var(--shadow-soft)}
.output-band h2,.output-band h3{color:#fff}
.output-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:28px;background:var(--line)}
.output{border:0;background:var(--ink);padding:18px;border-radius:0;color:var(--text);font-family:var(--mono);font-size:.86rem}
.case{display:grid;grid-template-columns:.82fr 1.18fr;background:var(--paper);border:1px solid var(--line);border-radius:2px;overflow:hidden;box-shadow:var(--shadow-soft);color:#1c2226}
.case img{width:100%;height:100%;min-height:340px;object-fit:cover}
.case-copy{padding:34px}
.case-copy h3{color:#1c2226}
.case-meta{display:grid;grid-template-columns:minmax(0,1fr);margin-top:22px;border-top:1px solid var(--line)}
.case-meta div{display:grid;grid-template-columns:minmax(78px,.28fr) minmax(0,1fr);gap:14px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line);line-height:1.45;min-width:0;overflow-wrap:anywhere;word-break:normal}
.case-meta b{display:block;color:var(--blue-2);font-family:var(--mono);font-size:.72rem;line-height:1.35;letter-spacing:.06em;text-transform:uppercase;margin:2px 0 0}
.steps{counter-reset:steps;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.step{counter-increment:steps;position:relative;background:var(--ink);border:0;border-radius:0;padding:28px 24px}
.step::before{content:counter(steps,decimal-leading-zero);display:block;color:var(--gold-text);font-family:var(--mono);font-weight:700;letter-spacing:.08em;margin-bottom:16px;font-size:1.1rem}
.profile-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:54px;align-items:center}
.profile-grid img{border-radius:2px;box-shadow:var(--shadow);width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(1.05)}
.qual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}
.qual{padding:13px 15px;background:var(--panel);border:1px solid var(--line);border-radius:2px;font-size:.92rem;font-weight:700;color:var(--text)}
.cta-panel{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;background:#223b44;color:#fff;border:1px solid #223b44;border-radius:2px;padding:42px;box-shadow:var(--shadow-soft)}
.cta-panel h2{color:#fff}
.cta-panel p{color:var(--text)}
.cta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.breadcrumbs{padding:18px 0;font-size:.86rem;color:var(--muted);font-family:var(--mono)}
.breadcrumbs a{color:var(--muted);text-decoration:none}
.page-hero{padding:64px 0 56px;background:linear-gradient(135deg,#fbfaf7 0%,#eef3f3 100%);border-bottom:1px solid var(--line)}
.page-hero .hero-grid{grid-template-columns:1.1fr .9fr;min-height:0}
.page-hero h1{font-size:clamp(2.3rem,4.2vw,3.9rem)}
.page-hero img{border-radius:2px;box-shadow:var(--shadow);aspect-ratio:4/3;object-fit:cover}
.split{display:grid;grid-template-columns:.88fr 1.12fr;gap:58px;align-items:start}
.definition{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.definition-card{border-radius:2px;padding:30px;border:1px solid var(--line);background:var(--paper);color:#1c2226}
.definition-card:first-child{border-top:4px solid var(--gold)}
.definition-card:last-child{border-top:4px solid var(--blue-2)}
.class-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dgr-class{background:var(--paper);border:1px solid var(--line);border-radius:2px;padding:15px;color:#1c2226}
.dgr-class b{display:block;color:#1c2226;font-size:.84rem}
.dgr-class span{font-size:.89rem}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:2px;background:var(--paper)}
table{width:100%;border-collapse:collapse;min-width:700px;color:#1c2226}
th,td{text-align:left;padding:15px 16px;border-bottom:1px solid var(--line);vertical-align:top}
th{background:#223b44;color:#fff;font-family:var(--mono);font-size:.78rem;letter-spacing:.03em;font-weight:700}
tr:last-child td{border-bottom:0}
.info-box{border-left:3px solid var(--gold);background:var(--panel);padding:24px;border-radius:0 2px 2px 0;color:var(--text)}
.info-box strong{color:var(--heading)}
.info-box.is-success{border-left-color:var(--ok);background:#eaf4ef}
.card-title,.component-title{color:var(--heading);font-size:1.24rem;font-weight:700;line-height:1.15;letter-spacing:-.025em;margin:0 0 18px}
.reality-check-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:42px;align-items:center}
.reality-check .output-band{padding:32px}
.reality-check .output-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px}
.reality-check .output{padding:14px}
.contact-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0 0 28px;background:var(--line);border:1px solid var(--line);border-radius:2px;overflow:hidden;box-shadow:none}
.contact-trust span{padding:17px 18px;background:var(--panel);font-size:.86rem;line-height:1.45;color:var(--text)}
.contact-trust strong{display:block;color:var(--gold-text)}
.contact-hero{padding-bottom:42px}
.contact-hero .card{color:var(--text)}
.contact-hero .card .card-title{color:var(--heading)}
.contact-hero .card a{color:var(--gold-text);font-weight:800}
.contact-form-section{padding-top:56px}
.form-intro{margin-bottom:26px}
.form-intro h2{margin-bottom:8px}
.form-intro p:last-child{margin-bottom:0}
.inline-links{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:18px}
.inline-links a{font-weight:800;color:var(--gold-text)}
.private-footer .inline-links{margin-top:0}
.private-footer .inline-links a{color:var(--gold)}
.private-footer .footer-bottom{align-items:center}
.private-header-link{color:var(--gold-2);font-family:var(--mono);font-size:.82rem;font-weight:800;text-decoration:none}
.private-header-link:hover{color:var(--gold)}
.engagement-model{margin-top:8px}
.engagement-note{margin-top:22px}
.case-study{display:grid;grid-template-columns:.92fr 1.08fr;align-items:stretch;background:var(--paper);border:1px solid var(--line);border-radius:2px;overflow:hidden;box-shadow:var(--shadow-soft);color:#1c2226}
.case-study.case-study-reverse{grid-template-columns:1.08fr .92fr}
.case-study.case-study-reverse img{order:2}
.case-study img{width:100%;height:100%;min-height:520px;object-fit:cover}
.case-study-body{padding:44px}
.case-study-body h2{font-size:clamp(1.7rem,2.6vw,2.4rem);color:#1c2226;text-transform:none}
.case-study-facts{display:grid;gap:0;margin-top:28px;border-top:1px solid var(--line)}
.case-study-fact{padding:17px 0;border-bottom:1px solid var(--line)}
.case-study-fact b{display:block;color:var(--blue-2);font-family:var(--mono);font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;margin-bottom:5px}
.case-study-fact p{margin:0;color:#1c2226}
.case-study-proof{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:2px;padding:32px;box-shadow:none}
.case-study-proof>strong{display:block;color:var(--gold);font-family:var(--mono);font-size:1rem;margin-bottom:15px;text-transform:uppercase;letter-spacing:.04em}
.case-study-proof>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.case-study-proof span{background:var(--ink);border:1px solid var(--line);padding:12px;border-radius:2px;font-weight:700;color:#fff;font-family:var(--mono);font-size:.84rem}
.case-study-proof p{margin:18px 0 0;font-size:.86rem}
#privatanfrage{scroll-margin-top:96px}
.private-form-head{margin-bottom:28px}
.product-label{display:inline-flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.product-label span{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-weight:700;font-size:.76rem;color:var(--gold-text)}
.mockup-shell{background:var(--ink-2);border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:var(--shadow)}
.mockup-screen{background:var(--paper);border-radius:8px;overflow:hidden;min-height:390px;color:#1c2226}
.appbar{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:14px 18px;border-bottom:1px solid var(--line)}
.appbar b{color:#1c2226}
.demo-label{font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;background:var(--gold);color:var(--gold-ink);padding:5px 8px;border-radius:999px}
.appbody{padding:20px}
.language-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.language{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:10px;font-size:.88rem;font-weight:700;color:#1c2226}
.flag{width:27px;height:18px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.12);object-fit:cover}
.flag-de{background:linear-gradient(#111 0 33%,#d51f2b 33% 66%,#f2c324 66%)}
.flag-pl{background:linear-gradient(#fff 0 50%,#dc143c 50%)}
.flag-hu{background:linear-gradient(#ce2939 0 33%,#fff 33% 66%,#477050 66%)}
.flag-ua{background:linear-gradient(#1769b0 0 50%,#ffd44a 50%)}
.flag-ro{background:linear-gradient(90deg,#002b7f 0 33%,#fcd116 33% 66%,#ce1126 66%)}
.flag-cz{background:linear-gradient(#fff 0 50%,#d7141a 50%)}
.flag-sk{background:linear-gradient(#fff 0 33%,#0b4ea2 33% 66%,#ee1c25 66%)}
.flag-hr{background:linear-gradient(#ff0000 0 33%,#fff 33% 66%,#171796 66%)}
.flag-ru{background:linear-gradient(#fff 0 33%,#1c57a5 33% 66%,#d52b1e 66%)}
.flag-ar{background:linear-gradient(#111 0 33%,#fff 33% 66%,#007a3d 66%)}
.profile-choice{display:grid;gap:9px}
.choice{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);padding:12px 14px;border-radius:9px;font-weight:700;color:#1c2226}
.choice::after{content:"›";color:var(--blue-2);font-size:1.3rem}
.learning-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px}
.package{position:relative;min-height:250px;border-radius:12px;background:linear-gradient(145deg,var(--gold-2),var(--gold));box-shadow:inset -18px -16px 0 rgba(0,0,0,.12)}
.package::before{content:"";position:absolute;left:20%;top:0;width:18%;height:100%;background:rgba(255,255,255,.35)}
.hazard-label{position:absolute;right:18px;top:18px;width:74px;height:74px;background:#fff;border:3px solid #111;transform:rotate(45deg);display:grid;place-items:center}
.hazard-label span{transform:rotate(-45deg);font-weight:900;color:#111;font-size:.72rem;text-align:center}
.learning-copy{background:#fff;border:1px solid var(--line);padding:17px;border-radius:10px;color:#1c2226}
.audio{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:7px;background:var(--navy);color:var(--gold);font-weight:800;font-size:.78rem}
.quiz-options{display:grid;gap:8px;margin-top:12px}
.quiz-option{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px;font-size:.88rem;color:#1c2226}
.quiz-option.correct{border-color:var(--ok);background:#e7f4ee}
.progress-bars{display:grid;gap:12px}
.progress-row{display:grid;grid-template-columns:130px 1fr 42px;gap:10px;align-items:center;font-size:.83rem;color:#1c2226}
.bar{height:9px;background:#e2e6e3;border-radius:999px;overflow:hidden}
.bar>span{display:block;height:100%;background:var(--gold);border-radius:inherit}
.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.kpi{background:#fff;border:1px solid var(--line);border-radius:9px;padding:12px;color:#1c2226}
.kpi b{display:block;color:#1c2226;font-size:1.2rem;font-family:var(--mono)}
.kpi span{font-size:.75rem;color:#5c6b66}
.mockup-caption{margin-top:14px;color:var(--muted);font-size:.84rem}
.pilot-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.phase{background:var(--paper);border:1px solid var(--line);border-radius:2px;padding:24px;color:#1c2226}
.phase b:first-child{color:var(--blue-2);display:block;margin-bottom:8px;font-family:var(--mono)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.field{display:grid;gap:7px}
.field.full{grid-column:1/-1}
label{font-weight:700;color:var(--heading)}
input,select,textarea{width:100%;border:1px solid var(--line-strong);border-radius:2px;background:var(--panel);color:var(--heading);padding:12px 13px}
textarea{min-height:170px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(244,185,60,.28);border-color:var(--gold)}
.radio-group{display:grid;gap:9px}
.radio{display:flex;flex-wrap:wrap;align-items:flex-start;gap:9px;padding:11px;border:1px solid var(--line);border-radius:2px;background:var(--panel)}
.radio input{width:auto;margin-top:5px}
.consent{font-size:.9rem;color:var(--muted)}
.form-note{background:var(--panel);border:1px solid var(--line);border-radius:2px;padding:16px;font-size:.92rem;color:var(--text)}
.hp{position:absolute!important;left:-9999px!important}
.legal-copy h2{font-size:1.5rem;margin-top:42px;text-transform:none}
.legal-copy h3{font-size:1.1rem;margin-top:28px}
.legal-copy ul{padding-left:22px}
.footer{background:#e9eeed;color:var(--text);padding:54px 0 24px;border-top:1px solid var(--line)}
.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .9fr;gap:40px}
.footer .brand img{width:304px}
.footer h3{color:var(--heading);font-family:var(--mono);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}
.footer a{color:var(--text);text-decoration:none}
.footer a:hover{color:var(--gold)}
.footer-links{display:grid;gap:8px}
.footer-bottom{border-top:1px solid var(--line);margin-top:36px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:.82rem;color:var(--muted);font-family:var(--mono)}
.status{display:inline-flex;align-items:center;gap:8px}
.status::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px rgba(78,168,131,.2)}
.not-found{text-align:center;padding:120px 0}
.not-found strong{font-family:var(--mono);font-size:7rem;line-height:1;color:var(--gold-text)}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:1060px){
  .main-nav{display:none;position:absolute;left:20px;right:20px;top:74px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:4px;padding:12px;align-items:stretch;flex-direction:column}
  .main-nav.open{display:flex}
  .main-nav>a,.nav-drop>button{text-align:left;width:100%}
  .nav-menu{position:static;box-shadow:none;margin-top:2px;min-width:0;width:100%;background:transparent;border:0;padding:0 0 0 8px}
  .menu-toggle{display:block}
  .nav-shell{gap:10px}
  .hero-grid,.page-hero .hero-grid,.profile-grid,.split,.section-head,.cta-panel,.reality-check-grid{grid-template-columns:minmax(0,1fr)}
  .hero-note{left:0}
  .proof-grid{grid-template-columns:repeat(3,1fr)}
  .proof-item:nth-child(4){border-left:0;border-top:1px solid var(--line)}
  .proof-item:nth-child(-n+3){border-bottom:1px solid var(--line)}
  .grid-4,.steps,.pilot-timeline{grid-template-columns:repeat(2,1fr)}
  .output-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .container,.narrow{width:min(calc(100% - 28px),var(--max))}
  .section{padding:68px 0}.section-sm{padding:44px 0}
  .header-row{min-height:70px}
  .private-header-link{max-width:142px;text-align:right;line-height:1.3;font-size:.72rem}
  .brand img{width:220px}
  .lang{display:none}
  .mobile-lang{display:flex}
  .main-nav{top:66px;left:14px;right:14px}
  .hero{padding:44px 0 0}
  .hero-grid{min-height:0}
  .hero-media{margin-top:6px}
  .hero-media img{min-height:280px}
  .hero-note{position:static;width:100%;border-radius:0}
  .proof-grid{grid-template-columns:repeat(2,1fr)}
  .proof-item:nth-child(n){border-left:1px solid var(--line);border-top:1px solid var(--line);border-bottom:0}
  .proof-item:nth-child(odd){border-left:0}
  .grid-2,.grid-3,.grid-4,.steps,.output-grid,.reality-check .output-grid,.definition,.class-grid,.pilot-timeline,.form-grid{grid-template-columns:minmax(0,1fr)}
  .steps{background:none;border:0}
  .step{border-bottom:1px solid var(--line);border-radius:0}
  .trigger-list{grid-template-columns:minmax(0,1fr)}
  .field.full{grid-column:auto}
  .case{grid-template-columns:1fr}
  .case img{min-height:240px;aspect-ratio:16/9}
  .case-meta div{grid-template-columns:minmax(0,1fr);gap:4px}
  .output-band,.cta-panel{padding:28px 22px}
  .learning-card{grid-template-columns:minmax(0,1fr)}
  .language-grid{grid-template-columns:minmax(0,1fr)}
  .dashboard-grid{grid-template-columns:minmax(0,1fr)}
  .progress-row{grid-template-columns:95px 1fr 35px}
  .footer-grid{grid-template-columns:minmax(0,1fr)}
  .footer-bottom{flex-direction:column}
  .contact-trust{grid-template-columns:minmax(0,1fr)}
  .contact-trust span{border-left:0;border-top:1px solid var(--line)}
  .contact-trust span:first-child{border-top:0}
  .case-study,.case-study.case-study-reverse{grid-template-columns:minmax(0,1fr)}
  .case-study.case-study-reverse img{order:0}
  .case-study img{min-height:260px;aspect-ratio:16/9}
  .case-study-body{padding:28px 22px}
  .case-study-proof>div{grid-template-columns:minmax(0,1fr)}
  h1{font-size:clamp(2.1rem,11vw,3.4rem)}
  .hero-copy h1,.page-hero h1{font-size:1.9rem}
  h2{font-size:1.35rem}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* V8: component-specific image focus and responsive DGR mapping */
.image-root-cause{object-position:62% 50%}
.case.damage-case{grid-template-columns:1.04fr .96fr;align-items:stretch}
.case.damage-case .image-root-cause{object-position:60% 50%}
.page-hero .image-root-cause{object-position:60% 50%}
.page-hero .image-security{object-position:58% 50%}
.function-cards{display:none}
.function-card{background:var(--paper);border:1px solid var(--line);border-radius:2px;padding:19px;box-shadow:var(--shadow-soft);color:#1c2226}
.function-card h3{font-size:1.08rem;margin-bottom:12px;color:#1c2226}
.function-card dl{display:grid;grid-template-columns:1fr;gap:10px;margin:0}
.function-card dt{font-size:.75rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--blue-2);font-family:var(--mono)}
.function-card dd{margin:2px 0 0;color:#1c2226}
.function-card .function-row{padding-top:10px;border-top:1px solid var(--line)}
.function-card .function-row:first-child{padding-top:0;border-top:0}
.operations-feature{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}
.operations-feature img{width:100%;border-radius:2px;box-shadow:var(--shadow);aspect-ratio:3/2;object-fit:cover}
.friction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
.friction{background:var(--panel);border:1px solid var(--line);border-radius:2px;padding:20px}
.friction strong{display:block;color:var(--heading);margin-bottom:6px}
.header .brand{padding-block:6px}
@media(max-width:760px){
  .table-wrap.function-table{display:none}
  .function-cards{display:grid;gap:12px}
  .case.damage-case,.operations-feature{grid-template-columns:minmax(0,1fr)}
  .case.damage-case .image-root-cause,.operations-feature .image-root-cause{aspect-ratio:3/2;min-height:0;height:auto;object-position:60% 50%}
  .friction-grid{grid-template-columns:minmax(0,1fr)}
  .footer .brand img{width:260px}
}
@media(max-width:420px){
  .brand img{width:202px}
  .menu-toggle{padding:9px 10px;font-size:.88rem}
  .proof-grid{grid-template-columns:minmax(0,1fr)}
  .proof-item:nth-child(n){border-left:0}
}


/* V9: V6-inspired frameless wordmark and partner-service components */
.brand{display:inline-flex;min-width:max-content;align-items:center;gap:13px;color:var(--heading);text-decoration:none;flex:0 0 auto}
.brand:hover{color:var(--heading)}
.brand-mark{display:inline-block;color:var(--heading);font-size:1.82rem;font-weight:950;letter-spacing:-.10em;line-height:1;white-space:nowrap}
.brand-mark>span{color:var(--gold)}
.brand-copy{display:grid;color:var(--heading);font-size:.78rem;font-weight:850;letter-spacing:.055em;line-height:1.24;text-transform:uppercase;white-space:nowrap}
.brand-copy small{color:var(--gold-text);font-size:.59rem;letter-spacing:.075em;font-family:var(--mono)}
.footer .brand{margin-bottom:8px}
.partner-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.partner-role{background:var(--paper);border:1px solid var(--line);border-radius:2px;padding:22px;color:#1c2226}
.partner-role strong{display:block;color:#1c2226;margin-bottom:6px}
.partner-band{border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:0 2px 2px 0;background:var(--panel);padding:28px;box-shadow:none}
.partner-band h3{margin-bottom:10px}
@media(max-width:760px){
  .partner-role-grid{grid-template-columns:minmax(0,1fr)}
  .brand{gap:9px}
  .brand-mark{font-size:1.62rem}
  .brand-copy{font-size:.69rem;letter-spacing:.04em}
  .brand-copy small{font-size:.57rem;letter-spacing:.09em}
}
@media(max-width:420px){
  .brand-mark{font-size:1.55rem}
  .brand-copy{font-size:.64rem}
  .brand-copy small{display:none}
}

/* V9.1: protect long German compound headings on narrow screens */
.page-hero h1,.section-head h2{overflow-wrap:anywhere}


/* V10: editorial private area, Knowledge Plus, recruiting and digitalisation */
.private-hero{background:var(--ink)}
.private-hero .hero-grid{grid-template-columns:1.18fr .82fr;min-height:0}
.private-intro-panel{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:2px;padding:30px;box-shadow:var(--shadow-soft);color:#1c2226}
.private-intro-panel h2{font-size:1.45rem;text-transform:none;color:#1c2226}
.private-intro-panel .btn{margin-top:8px}
.private-editorial{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:62px;align-items:start}
.private-topic-list{list-style:none;padding:0;margin:28px 0 0;border-top:1px solid var(--line)}
.private-topic-list li{display:grid;grid-template-columns:minmax(180px,.42fr) 1fr;gap:24px;padding:19px 0;border-bottom:1px solid var(--line)}
.private-topic-list strong{color:var(--heading)}
.private-topic-list span{color:var(--text)}
.private-sidecard{position:sticky;top:118px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:2px;padding:30px;box-shadow:none}
.private-sidecard h2,.private-sidecard h3{color:#fff;text-transform:none}
.private-sidecard .eyebrow{color:var(--gold-text)}
.private-tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}
.private-tags span{border:1px solid var(--line);padding:6px 10px;border-radius:999px;font-size:.8rem;color:var(--text)}
.private-quote{margin-top:30px;padding:24px 26px;border-left:3px solid var(--gold);background:var(--ink);border-radius:0 2px 2px 0;color:var(--heading);font-family:var(--sans);font-style:italic;font-size:1.2rem;line-height:1.42}
.private-process{display:grid;gap:0;max-width:950px;margin:34px auto 0;border-top:1px solid var(--line)}
.private-stage{display:grid;grid-template-columns:70px minmax(180px,.42fr) 1fr;gap:24px;align-items:start;padding:24px 0;border-bottom:1px solid var(--line)}
.private-stage>span{font-family:var(--mono);font-size:1.7rem;color:var(--gold-text)}
.private-stage h3{margin-top:6px}
.private-formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-block:1px solid var(--line)}
.private-format{padding:26px 26px 26px 0}
.private-format+.private-format{border-left:1px solid var(--line);padding-left:26px}
.private-network-band{background:var(--ink-2);border-block:1px solid var(--line)}
.private-network{display:grid;grid-template-columns:.75fr 1.25fr;gap:56px;align-items:start}
.about-portrait{aspect-ratio:4/5!important;object-position:center 42%;background:var(--panel)}
.profile-factline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:var(--panel);color:#fff;border:1px solid var(--line);border-radius:2px;overflow:hidden;margin-top:34px}
.profile-factline div{padding:20px;border-left:1px solid var(--line)}
.profile-factline div:first-child{border-left:0}
.profile-factline strong{display:block;color:var(--gold);font-family:var(--mono);font-size:1.1rem}
.profile-factline span{font-size:.82rem;color:var(--muted)}
.feature-showcase{display:grid;grid-template-columns:1.18fr .82fr;gap:22px;margin-top:32px}
.feature-flagship{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:2px;padding:38px;box-shadow:none;min-height:100%}
.feature-flagship h3{color:#fff;font-size:1.8rem;text-transform:none}
.feature-flagship .card-tag{background:var(--navy);color:var(--gold);border:1px solid var(--navy)}
.feature-stack{display:grid;gap:16px}
.feature-link{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:2px;padding:22px;text-decoration:none;color:#1c2226;box-shadow:var(--shadow-soft)}
.feature-link:hover{border-color:var(--gold);transform:translateY(-1px)}
.feature-link strong{display:block;color:#1c2226;margin-bottom:4px}
.feature-link::after{content:"→";font-size:1.4rem;color:var(--blue-2);font-weight:900}
.knowledge-modules{display:grid;grid-template-columns:1.18fr .82fr;gap:22px}
.knowledge-flagship{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:2px;padding:38px;box-shadow:none}
.knowledge-flagship h2,.knowledge-flagship h3{color:#fff;text-transform:none}
.knowledge-flagship .eyebrow{color:var(--gold-text)}
.knowledge-stack{display:grid;gap:16px}
.knowledge-module{background:var(--paper);border:1px solid var(--line);border-radius:2px;padding:24px;box-shadow:var(--shadow-soft);color:#1c2226}
.knowledge-module h3{margin-bottom:8px;color:#1c2226}
.knowledge-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin-top:28px;background:var(--line)}
.knowledge-step{background:var(--ink);border:0;border-radius:0;padding:19px;text-align:left}
.knowledge-step b{display:block;color:var(--gold-text);font-family:var(--mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px}
.knowledge-commercial{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.commercial-item{padding:22px;border-top:3px solid var(--gold);background:var(--paper);border-radius:0 0 2px 2px;box-shadow:var(--shadow-soft);color:#1c2226}
.recruiting-pillars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.recruiting-pillar{background:var(--paper);border:1px solid var(--line);border-radius:2px;padding:34px;box-shadow:var(--shadow-soft);color:#1c2226}
.recruiting-pillar h2,.recruiting-pillar h3{color:#1c2226}
.recruiting-pillar:first-child{border-top:4px solid var(--gold)}
.recruiting-pillar:last-child{border-top:4px solid var(--blue-2)}
.level-map{display:grid;gap:0;border-top:1px solid var(--line);margin-top:28px}
.level-row{display:grid;grid-template-columns:minmax(180px,.35fr) minmax(220px,.65fr) 1fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}
.level-row strong{color:var(--heading)}
.level-row b{color:var(--gold-text)}
.recruiting-criteria{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.recruiting-criterion{background:var(--panel);border:1px solid var(--line);border-radius:2px;padding:17px}
.digital-usecases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.digital-usecase{background:var(--panel);border:1px solid var(--line);border-radius:2px;padding:20px}
.digital-usecase strong{display:block;color:var(--heading);margin-bottom:5px}
.legal-summary{background:var(--panel);border:1px solid var(--line);border-radius:2px;padding:24px;margin:24px 0}
.legal-copy .legal-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px;background:var(--panel);border:1px solid var(--line);border-radius:2px;padding:22px;margin:24px 0 36px}
.legal-copy .legal-index a{text-decoration:none;font-weight:750;color:var(--gold-text)}
@media(max-width:1060px){
 .private-editorial,.knowledge-modules,.feature-showcase,.private-network{grid-template-columns:minmax(0,1fr)}
 .private-sidecard{position:static}
 .knowledge-flow{grid-template-columns:repeat(3,minmax(0,1fr))}
 .knowledge-commercial{grid-template-columns:repeat(2,minmax(0,1fr))}
 .profile-factline{grid-template-columns:repeat(2,minmax(0,1fr))}
 .profile-factline div:nth-child(odd){border-left:0}
 .profile-factline div:nth-child(n+3){border-top:1px solid var(--line)}
}
@media(max-width:760px){
 .private-hero .hero-grid,.recruiting-pillars{grid-template-columns:minmax(0,1fr)}
 .private-topic-list li{grid-template-columns:minmax(0,1fr);gap:5px}
 .private-stage{grid-template-columns:48px minmax(0,1fr);gap:12px}
 .private-stage p{grid-column:2}
 .private-formats{grid-template-columns:minmax(0,1fr);border:0}
 .private-format,.private-format+.private-format{padding:20px 0;border-left:0;border-top:1px solid var(--line)}
 .private-format:first-child{border-top:0}
 .knowledge-flow,.knowledge-commercial,.digital-usecases,.recruiting-criteria{grid-template-columns:minmax(0,1fr)}
 .level-row{grid-template-columns:minmax(0,1fr);gap:5px}
 .profile-factline{grid-template-columns:minmax(0,1fr)}
 .profile-factline div:nth-child(n){border-left:0;border-top:1px solid var(--line)}
 .profile-factline div:first-child{border-top:0}
 .legal-copy .legal-index{grid-template-columns:minmax(0,1fr)}
}

/* V10 final responsive guard for long German compound terms */
.recruiting-pillar,
.recruiting-pillar h2,
.level-row,
.level-row strong,
.surface-dark h2 {
  min-width: 0;
}
.recruiting-pillar h2,
.level-row strong,
.surface-dark h2 {
  overflow-wrap: anywhere;
}


/* V10.13: robust, cache-safe growth-field presentation */
.growth-section .section-head{margin-bottom:34px}
.growth-showcase{align-items:stretch}
.growth-primary{padding:38px;display:flex;flex-direction:column;min-height:100%;background:var(--panel);border-color:var(--line)}
.growth-primary .btn{align-self:flex-start;margin-top:auto}
.growth-primary .check-list{margin-bottom:28px}
.growth-primary h3{color:#fff}
.growth-grid{gap:16px}
.growth-card{display:flex;flex-direction:column;min-width:0;min-height:220px;padding:25px}
.growth-card h3{font-size:1.18rem;line-height:1.22;margin:8px 0 10px;overflow-wrap:anywhere;text-transform:none;color:#1c2226}
.growth-card p{font-size:.97rem;line-height:1.55;margin-bottom:22px}
.growth-kicker{color:var(--blue-2);font-family:var(--mono);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.growth-action{display:inline-flex;align-items:center;gap:8px;margin-top:auto;color:var(--blue-2);font-weight:700;text-decoration:none;font-family:var(--mono);font-size:.86rem}
.growth-action:hover{text-decoration:underline}
.growth-action span{color:var(--blue-2);font-size:1.15rem}
@media(max-width:1060px){
  .growth-showcase{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){
  .growth-grid{grid-template-columns:minmax(0,1fr)}
  .growth-card{min-height:0}
  .growth-primary{padding:30px}
}

/* These headings sit in columns that stop growing once the container hits its
   1180px cap, while the heading size kept scaling with the viewport. Cap the
   growth so long German compounds ("unternehmensspezifischen") stay on one line.
   The lower bound matches the global h2 minimum, so the single-column mobile
   layout renders exactly as before. */
.recruiting-pillar h2,.split h2{font-size:clamp(1.8rem,4vw - 9px,2.55rem)}
/* .section-head is the narrowest of the three columns, so it needs to shrink
   below the global h2 minimum. Only once the layout is actually two-column --
   the bound is fractional to leave no gap against the max-width:1060px rule
   that collapses it. */
@media(min-width:1060.02px){
  .section-head h2{font-size:clamp(1.4rem,2.8vw - 3px,2rem)}
}

/* V11.1: warmer, lighter brand direction and person-free visual system */
.brand-claim{display:grid;gap:5px;margin:0 0 26px;padding-left:18px;border-left:3px solid var(--gold);max-width:620px}
.brand-claim span,.brand-claim small{font-family:var(--mono);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-text)}
.brand-claim strong{font-size:clamp(1.08rem,1.8vw,1.42rem);line-height:1.28;color:var(--heading);font-weight:800;text-wrap:balance}
.footer-claim{display:grid;gap:7px;margin:18px 0 22px;max-width:420px}
.footer-claim strong{color:var(--heading);font-size:1.06rem;line-height:1.35}
.footer-claim span{color:var(--gold-text);font-family:var(--mono);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.hero-system{display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#fff 0%,#edf2f2 100%)}
.hero-system::after{display:none}
.system-map{position:relative;flex:1;padding:50px 46px;background-image:linear-gradient(rgba(49,91,104,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(49,91,104,.07) 1px,transparent 1px);background-size:38px 38px}
.system-map::after{content:"";position:absolute;left:72px;right:72px;top:54%;height:3px;background:linear-gradient(90deg,var(--gold),#e8c675);z-index:0}
.system-map-head{display:grid;gap:6px;position:relative;z-index:1}
.system-map-head span{font-family:var(--mono);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-text)}
.system-map-head strong{font-size:clamp(1.35rem,2.2vw,2rem);color:var(--heading);line-height:1.15;max-width:440px}
.system-map ol{position:relative;z-index:1;list-style:none;margin:80px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.system-map li{display:grid;gap:4px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);padding:20px;box-shadow:var(--shadow-soft)}
.system-map li b{color:var(--gold-text);font-family:var(--mono);font-size:.75rem}
.system-map li span{color:var(--heading);font-weight:800}
.hero-system .hero-note{position:relative;left:auto;bottom:auto;width:100%;background:#223b44;border-top:0;padding:24px 28px}
.hero-system .hero-note span{color:#dbe4e6}
.hero-text-only,.page-hero .hero-grid.hero-text-only{grid-template-columns:minmax(0,900px);min-height:0}
.profile-grid.profile-text-only{grid-template-columns:minmax(0,900px)}
.case.case-no-image{grid-template-columns:minmax(0,1fr)}
.case.case-no-image .case-copy{padding:38px}
.case-study.case-study-text-only,.case-study.case-study-reverse.case-study-text-only{grid-template-columns:minmax(0,1fr)}
.operations-feature.text-only-feature{grid-template-columns:minmax(0,900px)}
.card.dark{background:#eef2f2;color:var(--text)}
.card.dark h3{color:var(--heading)}
.private-sidecard h2,.private-sidecard h3,.feature-flagship h3,.knowledge-flagship h2,.knowledge-flagship h3{color:var(--heading)}
.profile-factline{color:var(--text)}
.case-study-proof span{background:#223b44;color:#fff}
.private-header-link{color:var(--gold-text)}
.private-footer .inline-links a{color:var(--gold-text)}
.inline-links a{color:var(--gold-text)}

@media(max-width:760px){
  .brand-claim{margin-bottom:22px}
  .system-map{padding:34px 24px}
  .system-map::after{left:44px;right:44px}
  .system-map ol{margin-top:46px;grid-template-columns:minmax(0,1fr);gap:12px}
  .system-map::after{display:none}
  .case.case-no-image .case-copy{padding:28px 22px}
}


/* ==========================================================================
   V11.2 – Markenausrichtung an der Bildmarke (Navy + Gold)

   V11.1 hatte die Palette von dunkel auf hell gedreht, aber rund vierzig
   Komponenten gingen weiter von dunklen Flächen aus. Ergebnis waren
   unsichtbare Überschriften und goldene Kleinschrift auf Weiß.

   Die Korrektur trennt beide Welten sauber:
   – Fließtext bleibt auf hellem Grund (Lesbarkeit auf langen Seiten),
   – die markentragenden Bänder (Hero, Kennzahlen, CTA, Footer) sind Navy
     mit Gold, genau wie das Banner der Bildmarke.
   ========================================================================== */

/* --- Bildmarke: dunkle Scheibe mit Goldring statt reiner Wortmarke -------- */
/* inline-block + line-height statt Grid/Flex: das Markup ist "M<span>R</span>W",
   und in einem Grid- oder Flex-Container würde jeder Textknoten zu einem
   eigenen Item – die drei Buchstaben stünden untereinander. */
.brand-mark{
  display:inline-block;flex:0 0 auto;text-align:center;
  width:54px;height:54px;line-height:50px;border-radius:50%;
  background:var(--navy);border:2px solid var(--gold);
  color:#fff;font-size:1.04rem;font-weight:900;letter-spacing:-.03em;
}
.brand-mark>span{color:var(--gold)}

/* --- Hero und Unterseiten-Hero als Markenband ---------------------------- */
.hero,.page-hero,.private-hero{
  background-color:var(--navy);
  background-image:linear-gradient(118deg,#0a1420 0%,#102132 52%,#0c1824 100%);
  border-bottom:0;color:var(--on-navy);
}
.hero::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(ellipse 62% 52% at 79% 16%,rgba(240,169,44,.20),transparent 70%),
    radial-gradient(ellipse 52% 46% at 10% 90%,rgba(36,64,90,.60),transparent 72%),
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:auto,auto,46px 46px,46px 46px;
}
.page-hero{position:relative;isolation:isolate;overflow:hidden}
/* Seitenspalten im Unterseiten-Hero behalten ihre natürliche Höhe. Gestreckt
   entstand unter kurzen Panels (Kennzahlen, Kontaktkarte) eine leere Fläche. */
.page-hero .hero-grid{align-items:center}
.page-hero::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(ellipse 60% 60% at 82% 8%,rgba(240,169,44,.16),transparent 70%),
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:auto,46px 46px,46px 46px;
}
.hero h1,.page-hero h1,.hero h2,.page-hero h2{color:#fff}
.hero .lead,.page-hero .lead,.hero p,.page-hero p{color:var(--on-navy)}
.hero .eyebrow,.page-hero .eyebrow{color:var(--gold)}
.hero .eyebrow::before,.page-hero .eyebrow::before{background:var(--gold)}
.hero .small,.page-hero .small{color:var(--on-navy-soft)}
.hero a:not(.btn),.page-hero a:not(.btn){color:var(--gold)}

/* Sekundärbutton auf Navy als Ghost-Variante – ein zweiter Vollton würde
   mit dem goldenen Primärbutton um dieselbe Aufmerksamkeit konkurrieren. */
.hero .btn-secondary,.page-hero .btn-secondary{
  background:transparent;color:#fff;border-color:rgba(255,255,255,.45)
}
.hero .btn-secondary:hover,.page-hero .btn-secondary:hover{
  border-color:var(--gold);color:var(--gold);background:rgba(240,169,44,.08)
}

/* Markenclaim aus dem Banner: Gold-Rule, weiße Aussage, Serviceszeile ------ */
.brand-claim{border-left-color:var(--gold)}
.brand-claim span,.brand-claim small{color:var(--gold)}
.brand-claim strong{color:#fff}

/* --- Systemgrafik im Hero: dunkel mit leuchtender Goldspur --------------- */
.hero-media{background:transparent;border-color:rgba(255,255,255,.12);box-shadow:none}
.hero-system{background:#101f2f}
.system-map{
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
}
/* Die Goldspur lag als ::after der Karte auf fixen 54% Höhe und hinterließ,
   sobald die Hero-Spalte wuchs, ein großes Loch unter den Knoten. Sie hängt
   jetzt an der Liste selbst und liegt damit immer exakt in der Zeilenlücke. */
.system-map{display:flex;flex-direction:column}
.system-map::after{display:none}
/* flex:1 füllt die Resthöhe, align-content:center rückt die Knoten darin in
   die Mitte. Die Karten auf die Resthöhe zu strecken hätte das Loch nur in
   vier große leere Kästen verwandelt. */
.system-map ol{position:relative;flex:1;margin:34px 0 0;align-content:center;gap:44px 22px}
.system-map ol::before{
  content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);
  height:3px;z-index:0;
  background:linear-gradient(90deg,transparent,var(--gold) 14%,var(--gold) 86%,transparent);
  box-shadow:0 0 16px rgba(240,169,44,.55);
}
.system-map li{position:relative;z-index:1}
.system-map-head span{color:var(--gold)}
.system-map-head strong{color:#fff}
.system-map li{
  background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14);
  border-top-color:var(--gold);box-shadow:none;
}
.system-map li b{color:var(--gold)}
.system-map li span{color:#fff}
.hero-system .hero-note{background:rgba(8,16,26,.72);border-top:1px solid rgba(240,169,44,.35)}
.hero-note strong{color:var(--gold)}
.hero-note span{color:var(--on-navy)}

/* --- Kennzahlenband: direkt unter dem Hero, gleiche Dunkelfläche --------- */
.proof-strip{background:var(--navy);border-color:var(--navy-3);color:var(--on-navy)}
.proof-item{border-left-color:var(--navy-3)}
.proof-item strong{color:var(--gold);font-size:1.28rem}
.proof-item span{color:var(--on-navy-soft)}

/* --- Panels, die innerhalb der Navy-Heroes liegen ------------------------ */
.page-hero .profile-factline,
.page-hero .case-study-proof{
  background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14);color:var(--on-navy)
}
.page-hero .profile-factline div{border-left-color:rgba(255,255,255,.14)}
.page-hero .profile-factline strong,
.page-hero .case-study-proof>strong{color:var(--gold)}
.page-hero .profile-factline span{color:var(--on-navy-soft)}
.page-hero .case-study-proof span{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16);color:#fff}
.page-hero .case-study-proof p{color:var(--on-navy-soft)}
.page-hero .product-label span{background:rgba(255,255,255,.07);border-color:rgba(240,169,44,.4);color:var(--gold)}
.page-hero .mockup-shell{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16)}
.page-hero .mockup-caption{color:var(--on-navy-soft)}
/* Weiße Karten bleiben weiß – auf Navy wirken sie als bewusster Kontrast.
   Wichtig: die Flächenregeln oben (helle Schrift) dürfen nicht in sie
   hineinvererben, sonst steht Weiß auf Weiß. */
.contact-hero .card,.private-hero .private-intro-panel{box-shadow:0 22px 50px rgba(4,10,18,.38)}
.page-hero .card,.page-hero .card p,.page-hero .card li,.page-hero .card strong,
.page-hero .private-intro-panel,.page-hero .private-intro-panel h2,.page-hero .private-intro-panel p,
.page-hero .mockup-screen,.page-hero .mockup-screen p,.page-hero .mockup-screen b,
.page-hero .mockup-screen div{color:#1c2226}
.page-hero .card .card-title{color:var(--heading)}
.page-hero .card a:not(.btn),.page-hero .mockup-screen a:not(.btn){color:var(--gold-text)}
.page-hero .card .small,.page-hero .mockup-screen .small,
.page-hero .private-intro-panel .small{color:#5b6469}
.page-hero .private-intro-panel .eyebrow{color:var(--blue-2)}
.page-hero .private-intro-panel .eyebrow::before{background:var(--blue-2)}

/* --- Dunkle Akzentpanels im Fließtext ----------------------------------- */
.output-band,.cta-panel{background:var(--navy-2);border-color:var(--navy-2);color:var(--on-navy)}
.cta-panel{border-top:3px solid var(--gold)}
.output-band .eyebrow,.cta-panel .eyebrow{color:var(--gold)}
.output-band .eyebrow::before,.cta-panel .eyebrow::before{background:var(--gold)}
.cta-panel p,.output-band p,.output-band li{color:var(--on-navy)}
.cta-actions .small,.output-band .small{color:var(--on-navy-soft)}
.cta-panel a:not(.btn),.output-band a:not(.btn){color:var(--gold)}
.case-study-proof span{background:var(--navy-2)}
th{background:var(--navy-2)}

/* --- Footer als Abschluss des Markenbands ------------------------------- */
.footer{background:var(--navy);color:var(--on-navy);border-top:0;padding-top:0}
.footer::before{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--gold),rgba(240,169,44,0));margin-bottom:54px}
.footer h3{color:var(--gold)}
.footer a{color:var(--on-navy)}
.footer a:hover{color:var(--gold)}
.footer .brand,.footer .brand-copy{color:#fff}
.footer .brand-copy small{color:var(--gold)}
.footer .brand-mark{background:rgba(255,255,255,.07)}
.footer-claim strong{color:#fff}
.footer-claim span{color:var(--gold)}
.footer-bottom{border-top-color:var(--navy-3);color:var(--on-navy-soft)}
.private-footer .inline-links a{color:var(--gold)}

/* --- Restliche Altlasten der Hell-Umstellung ---------------------------- */
/* Die Hero-Überschriften skalierten bis 4,9rem. Ein zwölf Wörter langer
   deutscher Satz wurde damit zu sechs Versalzeilen – das liest sich als
   Wand, nicht als Aussage. Obergrenze deutlich gesenkt. */
.hero-copy h1{font-size:clamp(2.1rem,3.5vw,3.15rem)}
.page-hero h1{font-size:clamp(2rem,3.2vw,2.9rem)}
h1{line-height:1.1}

/* Label und Wert gestapelt statt nebeneinander: in der schmalen Spalte
   brach "VERANTWORTUNGSUMFANG" sonst mitten im Wort um. */
.case-meta div{grid-template-columns:minmax(0,1fr);gap:3px}
.case-meta b{margin:0}

.growth-primary h3{color:var(--heading)}
.feature-flagship h3,.knowledge-flagship h2,.knowledge-flagship h3{color:var(--heading)}
.private-sidecard h2,.private-sidecard h3{color:var(--heading)}

@media(max-width:760px){
  .brand-mark{width:46px;height:46px;line-height:42px;font-size:.9rem}
  .footer::before{margin-bottom:40px}
  .hero-media{border:0}
  .system-map ol::before{display:none}
}
@media(max-width:420px){
  .brand-mark{width:42px;height:42px;line-height:38px;font-size:.82rem}
}