
:root{--navy:#10273e;--dark:#071b30;--blue:#004171;--blue2:#27658c;--ice:#d8e7ec;--cream:#f6f5f1;--paper:#fff;--ink:#203342;--muted:#667783;--border:#dce4e8;--line:#8cabbc;--max:1190px;--shadow:0 28px 70px rgba(8,33,54,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,'Segoe UI',Arial,sans-serif;line-height:1.66}img{display:block;width:100%;height:auto}a{text-decoration:none;color:inherit}p{margin:0 0 1em}h1,h2,h3,h4{font-family:'Segoe UI',Inter,Arial,sans-serif;line-height:1.12;letter-spacing:-.035em;margin:0 0 .55em;font-weight:650}h1{font-size:clamp(2.8rem,5.2vw,5.5rem)}h2{font-size:clamp(2rem,3.6vw,3.5rem)}h3{font-size:clamp(1.22rem,1.8vw,1.7rem)}.container{width:min(var(--max),calc(100% - 64px));margin:0 auto}.eyebrow{font-weight:650;text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;color:var(--blue2);margin:0 0 22px}.lead{font-size:clamp(1.13rem,1.5vw,1.35rem);line-height:1.6;max-width:730px}.muted{color:var(--muted)}.small{font-size:.9rem}.topline{height:4px;background:linear-gradient(90deg,var(--blue),#84b4c6)}
.header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.95);border-bottom:1px solid #ecf0f2;backdrop-filter:blur(12px)}.navwrap{height:84px;display:flex;align-items:center;justify-content:space-between;gap:18px}.wordmark{display:flex;align-items:flex-end;gap:13px;min-width:171px}.logo{font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:35px;color:#0e4168;line-height:1;letter-spacing:-.08em}.wordmark .mini{font-size:.62rem;letter-spacing:.2em;line-height:1.45;color:#506b7e;font-weight:700}.nav{display:flex;align-items:center;gap:26px}.nav a{font-size:.87rem;font-weight:650;color:#3c4b55;white-space:nowrap}.nav a:hover,.nav a.active{color:#1c6489}.nav a.active{border-bottom:2px solid #1c6489;padding-bottom:7px}.nav .nav-cta{padding:11px 17px;background:var(--navy);color:white!important;border:1px solid var(--navy);border-radius:2px}.hamburger{display:none;background:none;border:1px solid var(--border);padding:10px 12px;border-radius:4px;color:var(--navy);font-size:1.2rem;cursor:pointer}
main>section[data-page]{display:none}main>section[data-page].is-active{display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 23px;border-radius:2px;background:var(--navy);border:1px solid var(--navy);color:#fff;font-weight:650;font-size:.88rem;transition:.15s}.btn:hover{background:#24506b}.btn.light{background:transparent;color:var(--navy)}.btn.light:hover{background:#e8eff3}.btn.white{background:white;border-color:white;color:var(--navy)}.btn.white:hover{background:#e5f1f6}.arrow:after{content:'↗';font-size:1.2em;font-weight:400}
.hero{background:var(--cream);position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:55% 45%;min-height:625px;align-items:stretch}.hero-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:85px 62px 95px max(32px,calc((100vw - var(--max))/2));position:relative;z-index:2}.hero-text h1{max-width:750px;color:var(--navy)}.hero-text .lead{max-width:595px;color:#4c6170}.hero-photo{height:100%;position:relative;isolation:isolate}.hero-photo:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,245,241,.16),transparent 35%);z-index:1}.hero-photo img{height:100%;object-fit:cover;object-position:center 20%}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-tags{display:flex;gap:20px;margin-top:43px;flex-wrap:wrap;color:#567181;font-size:.78rem;font-weight:650;text-transform:uppercase;letter-spacing:.11em}.hero-tags span:before{content:'·';margin-right:14px;color:#73a5bb;font-size:1.3rem}
.section{padding:112px 0}.section.alt{background:#f6f8f8}.section.dark{background:var(--navy);color:white}.section.dark .eyebrow{color:#8dc5d9}.section.dark .muted{color:#b6cad7}.intro-grid{display:grid;grid-template-columns:40% 1fr;gap:90px;align-items:start}.intro-grid h2{color:var(--navy)}.divider{height:1px;background:var(--border);margin:28px 0}.quote{font-size:clamp(1.5rem,2.4vw,2.2rem);line-height:1.35;font-weight:500;color:#194965;max-width:770px;letter-spacing:-.03em}.service-list{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--border);border-left:1px solid var(--border);margin-top:50px}.service{position:relative;padding:46px 44px 42px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-height:280px;transition:.2s}.service:hover{background:#f0f6f9}.service-num{font-size:.78rem;color:#376f91;font-weight:700;letter-spacing:.18em;display:block;margin-bottom:34px}.service p{color:var(--muted);max-width:470px}.service .go{font-size:1.4rem;color:#316a8e;position:absolute;right:36px;bottom:30px}.panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}.panel{padding:30px 28px;border:1px solid #dce5e8;background:white}.panel h3{font-size:1.4rem;color:var(--navy)}.panel p{color:var(--muted);margin-bottom:0}.step{font-size:2.9rem;line-height:1;font-weight:400;font-family:Georgia,serif;color:#8babbc;display:block;margin-bottom:25px}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:47px}.case{border-top:3px solid #88afc2;background:white;min-height:260px;padding:32px 26px;border-bottom:1px solid var(--border)}.case .eyebrow{font-size:.69rem}.case h3{color:var(--navy)}.case p{font-size:.94rem;color:var(--muted)}.case .status{display:block;margin-top:18px;font-size:.75rem;font-weight:700;color:#517c91}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.portrait-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.portrait-pair img{aspect-ratio:4/5;object-fit:cover;object-position:center top}.portrait-pair img:nth-child(2){margin-top:55px}.keyline{border-left:3px solid #7cabc2;padding:3px 0 3px 22px;margin:32px 0}.keyline p{margin:0;font-size:1.28rem;line-height:1.45}.end-cta{background:var(--navy);color:white;padding:85px 0}.end-cta .cta-inner{display:flex;align-items:end;justify-content:space-between;gap:45px}.end-cta h2{max-width:770px;margin-bottom:15px}
.pagehero{padding:90px 0 100px;background:var(--cream);border-bottom:1px solid var(--border)}.pagehero h1{max-width:1020px}.pagehero .lead{max-width:860px}.breadcrumbs{font-size:.8rem;color:#617788;margin-bottom:35px}.breadcrumbs a:hover{text-decoration:underline}.copy{max-width:800px}.copy h2{margin-top:1.6em;color:var(--navy)}.copy h3{margin-top:1.45em;color:#244b66}.copy p{font-size:1.07rem;line-height:1.77}.columns{display:grid;grid-template-columns:1fr 1fr;gap:65px}.pill-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.pill{border:1px solid #bfd0d9;background:#f8fbfd;padding:8px 13px;font-size:.87rem;color:#35586a}.detail-lead{font-size:1.25rem;line-height:1.7;color:#425b69}.callout{background:#f1f6f8;border-left:4px solid #7aa7bc;padding:36px;margin-top:42px}.callout h3{margin-bottom:10px}.callout p{margin:0}.breadcrumb-back{display:inline-flex;margin-top:25px;color:#2d678b;font-weight:650}
.team-photos{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin:45px 0 24px}.team-photos img{aspect-ratio:3/4;object-fit:cover;object-position:center 15%;background:#edf2f4}.team-photos figure{margin:0}.team-photos figcaption{font-size:.76rem;color:#657782;margin-top:9px}.competencies{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.competency{padding:25px;background:#f7f9f9;border:1px solid var(--border)}.competency strong{display:block;color:var(--navy);font-size:1.05rem}.competency span{font-size:.94rem;color:#58707b}.notice{margin:30px 0;padding:17px 21px;border:1px dashed #a7becb;color:#4e6979;background:#f6fafc;font-size:.89rem}.contact-panel{background:var(--cream);padding:45px;max-width:780px;border-left:4px solid #7aa7bc}.contact-panel a.email{font-size:clamp(1.35rem,2.4vw,2.2rem);color:var(--navy);font-weight:650;overflow-wrap:anywhere}.contact-panel a.email:hover{text-decoration:underline}.footer{background:#07192a;color:#afc3d0;padding:45px 0 30px}.footer-main{display:flex;align-items:start;justify-content:space-between;gap:30px}.footer .logo{color:white}.footer a:hover{color:white}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:.85rem}.footer-bottom{border-top:1px solid #264051;padding-top:19px;margin-top:37px;display:flex;justify-content:space-between;gap:14px;font-size:.77rem;color:#839daa}.prototype{background:#eaf3f6;color:#365c70;padding:10px 18px;text-align:center;font-size:.76rem;border-bottom:1px solid #cddfe7}
@media(max-width:1100px){.nav{gap:13px}.nav a{font-size:.78rem}.hero-text{padding-left:40px}.hero-grid{grid-template-columns:57% 43%}.service{padding:32px}}
@media(max-width:800px){.container{width:min(var(--max),calc(100% - 38px))}.header .navwrap{height:70px}.hamburger{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;box-shadow:0 18px 25px #0b2d4f14;padding:20px;flex-direction:column;align-items:stretch;gap:5px}.nav.open{display:flex}.nav a{font-size:1rem;padding:11px}.nav a.active{border-bottom:none}.nav .nav-cta{margin-top:10px;text-align:center}.hero-grid{display:flex;flex-direction:column-reverse;min-height:unset}.hero-photo{height:360px}.hero-photo img{object-position:center 20%}.hero-text{padding:56px 24px 70px}.hero-tags{margin-top:25px}.section{padding:75px 0}.intro-grid,.split,.columns{grid-template-columns: repeat(3, minmax(0, 1fr));gap:30px}.service-list{grid-template-columns:1fr}.service{min-height:240px}.panel-grid,.case-grid{grid-template-columns:1fr}.portrait-pair{max-width:510px}.end-cta .cta-inner{display:block}.end-cta .btn{margin-top:16px}.pagehero{padding:55px 0 65px}.team-photos{grid-template-columns:repeat(2,1fr)}.competencies{grid-template-columns:1fr}.footer-main,.footer-bottom{display:block}.footer-links{margin-top:20px}.footer-bottom>span{display:block;margin-top:9px}}
@media(max-width:430px){h1{font-size:2.5rem}.hero-photo{height:280px}.team-photos{gap:9px}.hero-tags{gap:8px}.hero-tags span{font-size:.7rem}.service{padding:27px 24px}.panel{padding:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Original Xpro identity – transparent blue mark on light surfaces, contrast-safe inverse on navy footer */
.wordmark{min-width:159px;display:inline-flex;align-items:center;line-height:0}
.wordmark .brand-logo{width:158px;height:auto;max-height:78px;object-fit:contain;object-position:left center}
.footer .brand-logo-light{filter:brightness(0) invert(1);width:205px;max-height:none;opacity:.96}
@media(max-width:800px){.wordmark .brand-logo{width:133px;max-height:64px}.footer .brand-logo-light{width:187px;max-height:none}}

/* V3: sechs Portraits, responsive galerie */
.team-photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.team-photos img{aspect-ratio:4/5}.team-photos figcaption strong{color:#173e58}
@media(max-width:700px){.team-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}}
@media(max-width:380px){.team-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

/* Team-Galerie V4: bewusst variierende Posen, konsistente Kartengroesse */
.team-photos figure{background:#fff;border:1px solid #dbe4e8;overflow:hidden}
.team-photos img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 35%;display:block}
.team-photos figcaption{font-size:1.02rem;margin:0;padding:16px 18px 19px;color:#1b3850}
.team-photos img[src$="sven-erdmann.webp"]{object-position:center 42%}

/* V6 STARTSEITE: eigene Inhaltsarchitektur und responsive Komponenten */
.hero-footnote{margin:33px 0 0;font-size:.79rem;letter-spacing:.065em;color:#647b8b;font-weight:650}
.section-heading-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.8fr);gap:80px;align-items:end;margin-bottom:45px}
.section-heading-row h2{max-width:710px;margin-bottom:0;color:var(--navy)}
.section-heading-row .lead{font-size:1.09rem;color:#586e7c;margin:0;max-width:540px}
.section.dark .section-heading-row h2{color:white}
.section.dark .section-heading-row .lead{color:#bdccd5}
.challenge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.challenge{padding:30px 25px 28px;border-right:1px solid var(--border)}
.challenge:last-child{border-right:0}
.challenge-n{display:block;font-size:.8rem;color:var(--blue2);font-weight:800;letter-spacing:.13em;margin-bottom:27px}
.challenge h3{font-size:clamp(1.13rem,1.4vw,1.34rem);color:var(--navy);line-height:1.32}
.challenge p{color:var(--muted);font-size:.93rem;line-height:1.65;margin:0}
.start-haltung{padding:100px 0 90px}
.principles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-top:1px solid rgba(255,255,255,.22);padding-top:35px}
.principle{padding:9px 22px 4px 0}
.principle-n{color:#9bc8d9;letter-spacing:.14em;font-weight:700;font-size:.8rem}
.principle h3{color:white;font-size:1.55rem;margin-top:20px}
.principle p{color:#bed0d9;max-width:370px}
.principle-quote{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.02em;color:#f7f9fa;font-size:clamp(1.3rem,2.4vw,1.9rem);margin:55px 0 0;max-width:790px;line-height:1.4}
.start-cases .case-grid{margin-top:0}
.start-cases .case{min-height:265px}
.start-cases .case .eyebrow{font-size:.68rem;margin-bottom:24px}
.case-more{margin-top:30px}
.team-intro{display:grid;grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);gap:65px;align-items:center}
.team-intro h2{color:var(--navy)}
.team-intro .btn{margin-top:14px}
.team-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;align-items:end}
.team-strip img{aspect-ratio:3/5;object-fit:cover;object-position:center 35%;min-height:245px}
.team-strip img:nth-child(2){transform:translateY(-18px)}
.team-strip img:nth-child(4){transform:translateY(16px)}
.team-strip img:nth-child(5){transform:translateY(-12px)}
@media(max-width:1100px){.section-heading-row{gap:40px}.challenge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.challenge:nth-child(2){border-right:0}.challenge:nth-child(-n+2){border-bottom:1px solid var(--border)}.team-intro{gap:30px}.team-strip img{min-height:185px}}
@media(max-width:800px){.section-heading-row{grid-template-columns: repeat(3, minmax(0, 1fr));gap:16px}.challenge-grid{grid-template-columns:1fr}.challenge{border-right:none!important;border-bottom:1px solid var(--border);padding:28px 10px}.challenge:last-child{border-bottom:0}.challenge-n{margin-bottom:12px}.challenge h3{margin-bottom:12px}.principles-grid{grid-template-columns: repeat(3, minmax(0, 1fr));gap:9px}.principle{padding:13px 0}.principle h3{margin-top:9px}.principle-quote{margin-top:22px}.team-intro{grid-template-columns: repeat(3, minmax(0, 1fr));gap:42px}.team-strip img{min-height:165px}.hero-footnote{font-size:.72rem}}
@media(max-width:480px){.team-strip{grid-template-columns:repeat(3,1fr);gap:8px}.team-strip img{min-height:185px;aspect-ratio:4/5}.team-strip img:nth-child(n){transform:none}.team-strip img:nth-child(4){margin-left:42%}.team-strip img:nth-child(5){margin-left:42%}}
/* Final visual refinement: fit the main statement comfortably above the fold */
@media(min-width:801px){
.hero-grid{grid-template-columns:57% 43%;min-height:650px}
.hero-text{padding-top:66px;padding-bottom:72px;padding-right:48px}
.hero-text h1{font-size:clamp(2.65rem,3.55vw,3.65rem);line-height:1.1;letter-spacing:-.045em}
.hero-text .lead{font-size:1.13rem;line-height:1.56}
.hero-actions{margin-top:18px}
.hero-footnote{margin-top:24px}
}
@media(max-width:800px){
.hero-grid{flex-direction:column}
.hero-text{padding-top:44px;padding-bottom:38px}
.hero-text h1{font-size:clamp(2.25rem,7.1vw,2.8rem);line-height:1.12}
.hero-photo{height:320px}
}


/* V7 / Leistungsübersicht · eigenständigere Editorial-Dramaturgie */
.overview-hero{padding-top:68px;padding-bottom:53px;background:#f6f5f1}
.overview-hero .breadcrumbs{margin-bottom:56px}
.overview-hero-grid{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(0,.76fr);gap:100px;align-items:end}
.overview-hero h1{font-size:clamp(3rem,4.25vw,4.4rem);max-width:800px;letter-spacing:-.055em;line-height:1.06;margin:0}
.overview-hero .eyebrow{margin-bottom:18px}
.overview-hero-aside{border-left:2px solid #92b3c4;padding-left:33px;padding-bottom:4px}
.overview-hero-aside p{font-size:1.06rem;line-height:1.7;margin:0 0 15px;color:#475e6d}
.overview-smallline{font-size:.7rem;font-weight:800;letter-spacing:.16em;color:#37749b;display:block;margin:0 0 20px}
.overview-navigator{border-top:1px solid #ccdae1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:73px}
.overview-jump{display:flex;flex-wrap:wrap;align-content:start;align-items:baseline;column-gap:12px;min-height:65px;padding:20px 12px 10px 0;margin-right:14px;font-weight:650;font-size:.84rem;color:#274b64;line-height:1.6}
.overview-jump span:first-child{font-size:.72rem;font-weight:800;color:#3984a5}
.overview-jump span:last-child{margin-left:auto;color:#3e7d9e}
.overview-jump:hover{color:#0d658a}
.overview-position{padding-top:91px;padding-bottom:86px}
.overview-services{border-top:1px solid #d5e0e6}
.overview-service{padding:88px 0 81px;border-bottom:1px solid #d5e0e6;scroll-margin-top:120px}
.overview-service.alt{background:#f6f8f9}
.overview-service-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:110px}
.overview-service-left{padding-right:4px}
.overview-service-number{font-size:2.7rem;font-family:Georgia,serif;color:#93b4c8;display:flex;gap:18px;align-items:center;line-height:1;margin-bottom:41px}
.overview-service-number span{font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:.71rem;letter-spacing:.155em;color:#2c6b8c;font-weight:800;line-height:1.6}
.overview-service h2{font-size:clamp(2.1rem,3.2vw,3.4rem);line-height:1.13;color:#102b43;margin-bottom:30px;letter-spacing:-.045em}
.overview-service-question{font-family:Georgia,serif;font-size:clamp(1.27rem,1.8vw,1.75rem);line-height:1.4;color:#52718a;margin:0;letter-spacing:-.012em}
.overview-service-right{padding-top:18px}
.overview-service-right>p{color:#435966;font-size:1.065rem;line-height:1.76;max-width:610px}
.overview-service h3{margin:34px 0 14px;text-transform:uppercase;letter-spacing:.15em;font-size:.77rem;color:#2c688a;font-weight:750}
.overview-service ul{padding:0;margin:0;list-style:none;border-top:1px solid #d9e3e9}
.overview-service li{padding:10px 12px 10px 20px;border-bottom:1px solid #d9e3e9;position:relative;font-size:.96rem;color:#2b485a;line-height:1.5}
.overview-service li:before{content:'–';position:absolute;left:0;color:#5f9ab7;font-weight:700}
.overview-outcome{margin:32px 0 23px;border-left:3px solid #6fa6bb;padding:4px 0 4px 20px}
.overview-outcome span{display:block;font-weight:750;text-transform:uppercase;letter-spacing:.13em;color:#4b839f;font-size:.69rem;margin-bottom:6px}
.overview-outcome strong{display:block;color:#1a3c53;font-size:.97rem;line-height:1.55}
.overview-detail-link{display:inline-flex;align-items:center;gap:20px;color:#0b587e;font-weight:750;font-size:.92rem;padding-bottom:6px;border-bottom:1px solid #6b9bb5}
.overview-detail-link span{font-size:1.25rem;font-weight:400;transition:transform .2s}
.overview-detail-link:hover span{transform:translate(3px,-3px)}
.overview-mandate{padding-top:104px;padding-bottom:89px}
.overview-mandate .section-heading-row{margin-bottom:47px}
.overview-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;border-top:1px solid #4c6b80;padding-top:34px}
.overview-modes>div{padding-right:26px}
.overview-modes span{font-family:Georgia,serif;color:#93b8c9;font-size:2.1rem}
.overview-modes h3{font-size:1.54rem;color:white;margin:18px 0 14px}
.overview-modes p{font-size:.98rem;color:#bfd0d9;line-height:1.7}
.overview-mode-caption{margin:37px 0 0;font-size:.87rem;color:#a8c0cf}
.overview-proof{padding-top:97px;padding-bottom:100px}
.overview-proof-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:90px}
.overview-proof h2{max-width:610px;color:#102b43}
.overview-proof p:not(.eyebrow){line-height:1.78;color:#516673}
.overview-proof .overview-detail-link{margin-top:13px}
@media(max-width:1100px){.overview-hero-grid{gap:46px}.overview-service-grid{gap:60px}.overview-service h2{font-size:clamp(2.05rem,3.4vw,3rem)}.overview-proof-grid{gap:50px}}
@media(max-width:800px){.overview-hero{padding-top:44px;padding-bottom:22px}.overview-hero .breadcrumbs{margin-bottom:33px}.overview-hero-grid,.overview-service-grid,.overview-proof-grid{grid-template-columns: repeat(3, minmax(0, 1fr));gap:26px}.overview-hero h1{font-size:clamp(2.45rem,8.9vw,3.4rem)}.overview-hero-aside{padding-left:20px;margin-top:12px}.overview-navigator{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:39px;gap:8px}.overview-jump{margin-right:0;border-bottom:1px solid #d5e0e6;padding:15px 8px 12px 0;min-height:65px}.overview-position{padding:66px 0 54px}.overview-service{padding:63px 0}.overview-service-number{font-size:2.2rem;margin-bottom:25px}.overview-service h2{max-width:630px}.overview-service-right{padding-top:6px}.overview-service-right>p{font-size:1rem}.overview-modes{grid-template-columns: repeat(3, minmax(0, 1fr));gap:12px}.overview-modes>div{border-bottom:1px solid #3b5970;padding-bottom:10px}.overview-modes>div:last-child{border-bottom:0}.overview-modes h3{margin:8px 0}.overview-proof{padding:66px 0}.overview-mandate{padding:74px 0}}
@media(max-width:430px){.overview-navigator{grid-template-columns:1fr}.overview-jump{min-height:unset}.overview-hero h1{font-size:2.45rem}.overview-service h2{font-size:2.15rem}.overview-service-question{font-size:1.38rem}}

@media(max-width:800px){.overview-service-grid > *, .overview-hero-grid > *{min-width:0}.overview-service h2,.overview-service-right,.overview-service-question{overflow-wrap:anywhere}.overview-hero h1{font-size:clamp(2.13rem,7.8vw,2.8rem)}}

/* V8: Detailseite Unternehmensstrategie – freigegebene Start-/Uebersichtsseiten unangetastet */
.strategy-hero{background:#f6f5f1;padding:61px 0 84px;overflow:hidden}
.strategy-hero .breadcrumbs{margin-bottom:58px}
.strategy-hero-grid{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr);gap:98px;align-items:center}
.strategy-hero h1{font-size:clamp(2.65rem,4vw,4.25rem);max-width:810px;line-height:1.08;letter-spacing:-.05em;color:#102b43;margin:0 0 28px}
.strategy-hero .eyebrow{margin-bottom:24px}
.strategy-hero-lead{font-size:1.09rem;color:#4d6573;line-height:1.75;max-width:740px;margin-bottom:32px}
.strategy-hero-aside{background:#e9f0f2;padding:30px 29px 20px;border-top:4px solid #2e759a}
.strategy-side-label{font-size:.73rem;text-transform:uppercase;letter-spacing:.15em;color:#327295;font-weight:750;margin-bottom:27px}
.strategy-question{display:grid;grid-template-columns:39px minmax(0,1fr);gap:10px;padding:17px 0;border-top:1px solid #c7d9e2}
.strategy-question span{font-size:.78rem;letter-spacing:.12em;color:#4b819f;font-weight:700}
.strategy-question p{font-family:Georgia,'Times New Roman',serif;font-size:1.24rem;color:#1d3e54;line-height:1.43;margin:0}
.strategy-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:110px;align-items:end;margin-bottom:47px}
.strategy-intro-grid h2{color:#102b43;margin:0;max-width:700px}
.strategy-intro-grid .lead{font-size:1.06rem;color:#536a78;margin:0;max-width:610px}
.strategy-situations{padding-top:99px;padding-bottom:106px}
.strategy-situation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #cedce3;border-bottom:1px solid #cedce3}
.strategy-situation{padding:37px 35px 39px 0;margin-right:32px;border-right:1px solid #d5e0e6}
.strategy-situation:last-child{border-right:0;margin-right:0}
.strategy-count{display:block;font:2.6rem Georgia,serif;color:#91b4c5;margin-bottom:42px}
.strategy-situation h3{font-size:1.35rem;color:#163851;line-height:1.29;letter-spacing:-.02em;margin-bottom:20px}
.strategy-situation p{font-size:.97rem;color:#526b79;line-height:1.72;margin-bottom:0}
.strategy-work{padding-top:102px;padding-bottom:103px}
.strategy-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #cbdbe3;border-left:1px solid #cbdbe3}
.strategy-work-item{padding:35px 43px 43px;border-right:1px solid #cbdbe3;border-bottom:1px solid #cbdbe3;min-height:250px}
.strategy-work-item span{font-size:.76rem;color:#3e7998;font-weight:750;letter-spacing:.08em;display:block;margin-bottom:24px;text-transform:uppercase}
.strategy-work-item h3{color:#14344d;font-size:1.57rem;margin-bottom:17px}
.strategy-work-item p{color:#536b77;font-size:.99rem;line-height:1.78;margin:0}
.strategy-decision{padding:93px 0 104px}
.strategy-decision-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:104px;align-items:start}
.strategy-decision h2{color:white;max-width:670px;margin:0}
.strategy-decision-grid>div:last-child>p{font-size:1.09rem;color:#c8d7e1;line-height:1.78;margin:5px 0 23px}
.strategy-outcomes{padding:0;list-style:none;margin:0;border-top:1px solid #547082}
.strategy-outcomes li{padding:17px 0 17px 25px;border-bottom:1px solid #547082;position:relative;color:#e5eff3;font-size:.99rem;line-height:1.57}
.strategy-outcomes li:before{content:'↗';position:absolute;left:0;color:#91c0d4}
.strategy-experience{padding-top:103px;padding-bottom:108px}
.strategy-experience-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:110px;align-items:start}
.strategy-experience h2{color:#102b43;max-width:640px;margin-bottom:25px}
.strategy-experience-kicker{color:#3e7797;font-size:.86rem;letter-spacing:.035em;font-weight:700}
.strategy-experience-grid>div:last-child p{font-size:1.03rem;color:#526a77;line-height:1.81}
.strategy-experience-grid .strategy-proof-note{font-size:.82rem;color:#71838a;border-left:2px solid #9ebac6;padding-left:17px;margin:26px 0}
@media(max-width:1100px){.strategy-hero-grid,.strategy-intro-grid,.strategy-decision-grid,.strategy-experience-grid{gap:51px}}
@media(max-width:800px){.strategy-hero{padding:40px 0 60px}.strategy-hero .breadcrumbs{margin-bottom:37px}.strategy-hero-grid,.strategy-intro-grid,.strategy-decision-grid,.strategy-experience-grid{grid-template-columns: repeat(3, minmax(0, 1fr));gap:27px}.strategy-hero h1{font-size:clamp(2.15rem,7.7vw,3.2rem)}.strategy-hero-aside{margin-top:12px}.strategy-situations,.strategy-work,.strategy-decision,.strategy-experience{padding-top:70px;padding-bottom:70px}.strategy-situation-grid{grid-template-columns:1fr}.strategy-situation{margin-right:0;border-right:0;border-bottom:1px solid #d5e0e6;padding:26px 0}.strategy-situation:last-child{border-bottom:0}.strategy-count{margin-bottom:14px}.strategy-work-grid{grid-template-columns:1fr}.strategy-work-item{min-height:auto;padding:28px 24px}.strategy-intro-grid{margin-bottom:26px}}
@media(max-width:440px){.strategy-hero h1{font-size:2.24rem}.strategy-question p{font-size:1.14rem}.strategy-hero-aside{padding:20px 18px}.strategy-situation h3{font-size:1.24rem}.strategy-work-item h3{font-size:1.36rem}}


/* V9 - Unternehmens- und Organisationstransformation, eigenstaendige Leistungsseite */
.org-hero{background:#eaf1f3;padding:61px 0 86px;overflow:hidden}
.org-hero .breadcrumbs{margin-bottom:58px}
.org-hero-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:83px;align-items:center}
.org-hero h1{font-size:clamp(2.68rem,4.1vw,4.32rem);max-width:800px;letter-spacing:-.052em;line-height:1.08;color:#102b43;margin:0 0 29px}
.org-hero .eyebrow{margin-bottom:25px}
.org-hero-lead{font-size:1.1rem;color:#456271;max-width:715px;line-height:1.73;margin:0 0 31px}
.org-hero-aside{padding:31px 33px 14px;border-top:5px solid #17638e;background:white;box-shadow:0 17px 46px rgba(11,47,69,.06)}
.org-aside-label{color:#2d7295;text-transform:uppercase;letter-spacing:.13em;font-size:.73rem;font-weight:750;margin:0 0 22px}
.org-chain-row{display:grid;grid-template-columns:40px 1fr;gap:15px;padding:17px 0;border-top:1px solid #d9e4e8;position:relative}
.org-chain-count{font-size:.79rem;font-weight:750;color:#4385a4;letter-spacing:.09em;padding-top:3px}
.org-chain-row strong{display:block;font:1.18rem/1.35 Georgia,serif;color:#19394f;font-weight:500}
.org-chain-row small{display:block;color:#69818d;font-size:.83rem;margin-top:3px;line-height:1.4}
.org-intro-grid{display:grid;grid-template-columns:1fr .92fr;gap:110px;align-items:end;margin-bottom:45px}
.org-intro-grid h2{color:#102b43;max-width:680px;margin:0}
.org-intro-grid .lead{font-size:1.06rem;color:#506a79;margin:0;line-height:1.75}
.org-context{padding-top:100px;padding-bottom:109px}
.org-situations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #cbdce4;border-bottom:1px solid #cbdce4}
.org-situation{padding:35px 39px 42px 0;margin-right:30px;border-right:1px solid #d3e0e6}
.org-situation:last-child{border-right:0;margin-right:0}
.org-situation>span{display:block;min-height:63px;font-size:.75rem;letter-spacing:.09em;font-weight:700;text-transform:uppercase;color:#3a7b9e}
.org-situation h3{font-size:1.42rem;letter-spacing:-.025em;line-height:1.32;color:#183a52;margin:0 0 19px}
.org-situation p{font-size:.99rem;color:#526e7b;line-height:1.72;margin:0}
.org-contribution{padding-top:101px;padding-bottom:103px}
.org-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #cbdce5;border-left:1px solid #cbdce5}
.org-work{padding:36px 39px 41px;border-right:1px solid #cbdce5;border-bottom:1px solid #cbdce5;min-height:258px}
.org-work>span{display:block;color:#4381a0;text-transform:uppercase;font-weight:730;letter-spacing:.09em;font-size:.75rem;margin-bottom:22px}
.org-work h3{font-size:1.55rem;line-height:1.29;color:#153951;margin:0 0 15px}
.org-work p{font-size:.99rem;color:#566e7b;line-height:1.78;margin:0}
.org-outcomes{padding-top:99px;padding-bottom:104px}
.org-outcomes-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:101px;align-items:start}
.org-outcomes h2{color:white;max-width:700px;margin:0}
.org-outcomes-grid>div:last-child>p{color:#c8d9e3;line-height:1.77;font-size:1.09rem;margin:5px 0 26px}
.org-outcome-list{padding:0;margin:0;border-top:1px solid #4a7289;list-style:none}
.org-outcome-list li{position:relative;color:#eaf2f5;padding:16px 0 16px 26px;border-bottom:1px solid #4a7289;line-height:1.55;font-size:.99rem}
.org-outcome-list li:before{content:'↗';position:absolute;left:0;color:#8dc1d9}
.org-experience{padding-top:98px;padding-bottom:103px}
.org-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.org-case{background:#f2f6f7;border-top:3px solid #36799d;padding:35px 36px 39px;min-height:380px;display:flex;flex-direction:column}
.org-case .eyebrow{font-size:.72rem;color:#3f7798;margin-bottom:18px}
.org-case h3{color:#15354e;font-size:1.53rem;line-height:1.34;margin:0 0 18px}
.org-case>p:not(.eyebrow){font-size:.97rem;color:#546e7b;line-height:1.74;margin:0 0 15px}
.org-case-note{font-size:.78rem;color:#6d828c;border-top:1px solid #c8d8e0;padding-top:14px;margin-top:auto;line-height:1.55}
@media(max-width:1100px){.org-hero-grid,.org-intro-grid,.org-outcomes-grid{gap:50px}.org-case{padding:29px}}
@media(max-width:800px){.org-hero{padding:40px 0 60px}.org-hero .breadcrumbs{margin-bottom:37px}.org-hero-grid,.org-intro-grid,.org-outcomes-grid{grid-template-columns: repeat(3, minmax(0, 1fr));gap:28px}.org-hero h1{font-size:clamp(2.2rem,7.7vw,3.2rem)}.org-hero-aside{margin-top:8px}.org-context,.org-contribution,.org-outcomes,.org-experience{padding:70px 0}.org-situations,.org-work-grid,.org-case-grid{grid-template-columns:1fr}.org-situation{border-right:0;border-bottom:1px solid #d3e0e6;margin-right:0;padding:28px 0}.org-situation:last-child{border-bottom:0}.org-situation>span{min-height:unset;margin-bottom:21px}.org-work{padding:29px 25px;min-height:auto}.org-case{min-height:unset}.org-intro-grid{margin-bottom:30px}}
@media(max-width:440px){.org-hero h1{font-size:2.28rem}.org-hero-aside{padding:22px 21px 12px}.org-chain-row strong{font-size:1.07rem}.org-situation h3{font-size:1.3rem}.org-work h3{font-size:1.36rem}.org-case h3{font-size:1.38rem}}

/* V10: Business- und Technologie-Transformation, neu gestaltete Leistungsdetailseite */
.tech-hero{padding:61px 0 84px;background:#eff3f4;overflow:hidden}.tech-hero .breadcrumbs{margin-bottom:54px}
.tech-hero-grid{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);gap:75px;align-items:center}
.tech-hero .eyebrow{margin-bottom:24px}.tech-hero h1{font-size:clamp(2.65rem,4vw,4.25rem);line-height:1.09;max-width:780px;letter-spacing:-.052em;color:#102b43;margin:0 0 27px}
.tech-hero-lead{font-size:1.1rem;line-height:1.76;max-width:715px;color:#46616f;margin-bottom:30px}
.tech-hero-model{padding:29px 33px 27px;background:#fff;border-top:5px solid #15638b;box-shadow:0 18px 48px rgba(11,47,69,.06)}
.tech-model-label{font-size:.72rem;color:#326d8b;letter-spacing:.14em;font-weight:750;text-transform:uppercase;margin:0 0 21px}
.tech-model-flow{display:grid;gap:0}.tech-model-flow>div{display:grid;grid-template-columns:37px 1fr;column-gap:13px;padding:15px 0 16px;border-top:1px solid #dbe5e8}
.tech-model-index{grid-row:span 2;color:#257397;font-family:Georgia,serif;font-size:1.15rem}.tech-model-flow strong{font-size:.95rem;color:#17364b;font-weight:680;line-height:1.3}
.tech-model-flow small{display:block;font-size:.77rem;color:#647f8d;line-height:1.55;margin-top:4px}.tech-model-foot{border-top:1px solid #dbe5e8;padding-top:18px;margin:0;color:#4b6d7e;font-size:.81rem;line-height:1.65}
.tech-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:84px;align-items:start}.tech-intro-grid h2{color:#102e45;margin-bottom:0}
.tech-intro-grid .lead{font-size:1.15rem;color:#4d6371}.tech-side-note{border-left:3px solid #8badbe;padding:4px 0 4px 17px;margin-top:24px;color:#57717f;font-size:.96rem}
.tech-situations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:51px}.tech-situation{padding:32px 29px 30px;border-top:4px solid #86afc2;background:#f5f8f8}
.tech-situation span,.tech-work span{display:block;letter-spacing:.09em;text-transform:uppercase;font-size:.72rem;font-weight:750;color:#397391;margin-bottom:21px}
.tech-situation h3{color:#15384f;font-size:1.37rem;line-height:1.25;margin-bottom:19px}.tech-situation p{color:#5d727e;font-size:.94rem;line-height:1.76;margin:0}
.tech-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:48px}
.tech-work{background:white;padding:38px 36px 29px;border:1px solid #dce5e9}.tech-work h3{font-size:1.5rem;color:#17374c;line-height:1.25;margin-bottom:18px}
.tech-work p{color:#526d7b;font-size:.98rem;line-height:1.73;margin-bottom:21px}.tech-work ul{list-style:none;padding:19px 0 0;margin:0;border-top:1px solid #dce5e9}
.tech-work li{position:relative;padding:2px 0 2px 20px;color:#385d70;font-size:.88rem;line-height:1.55}.tech-work li:before{content:'—';position:absolute;left:0;color:#3b87a8}
.tech-impact-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:92px}.tech-impact h2{font-size:clamp(2.2rem,3.45vw,3.6rem);line-height:1.16;max-width:655px}
.tech-impact-grid>div:nth-child(2)>p:first-child{color:#d4e1e7;font-size:1.09rem;line-height:1.73}
.tech-impact-list{list-style:none;padding:0;margin:26px 0 0;border-top:1px solid rgba(255,255,255,.19)}
.tech-impact-list li{padding:14px 0 14px 22px;border-bottom:1px solid rgba(255,255,255,.19);font-weight:550;position:relative;color:white;line-height:1.45}
.tech-impact-list li:before{content:'↗';position:absolute;left:0;color:#95c5d8}.tech-impact-caveat{font-size:.78rem;color:#b3cbd6;line-height:1.6;margin-top:21px}
.tech-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:49px}
.tech-case{display:flex;flex-direction:column;background:#f5f8f9;border-top:4px solid #7eadc3;padding:30px 28px 25px;min-height:365px}
.tech-case .eyebrow{font-size:.69rem;margin-bottom:19px}.tech-case h3{color:#16384e;font-size:1.38rem;line-height:1.27;margin-bottom:18px}.tech-case p:not(.eyebrow){color:#536b78;font-size:.94rem;line-height:1.74;flex:1}
.tech-case-note{border-top:1px solid #d8e4e9;margin-top:18px;padding-top:16px;font-size:.75rem;line-height:1.57;color:#587c8f}
@media(max-width:1000px){.tech-hero-grid{gap:35px}.tech-intro-grid{gap:45px}.tech-impact-grid{gap:40px}}
@media(max-width:800px){.tech-hero{padding:28px 0 62px}.tech-hero .breadcrumbs{margin-bottom:41px}.tech-hero-grid,.tech-intro-grid,.tech-impact-grid{grid-template-columns: repeat(3, minmax(0, 1fr));gap:38px}
.tech-hero h1{font-size:clamp(2.38rem,8.5vw,3.3rem)}.tech-hero-model{padding:26px 25px 20px}.tech-situations,.tech-case-grid{grid-template-columns: repeat(3, minmax(0, 1fr));gap:13px;margin-top:35px}
.tech-situation{padding:26px 24px}.tech-work-grid{grid-template-columns: repeat(3, minmax(0, 1fr));margin-top:35px}.tech-work{padding:27px 25px}.tech-case{min-height:initial}.tech-impact h2{font-size:clamp(2.05rem,8vw,3rem)}
}
@media(max-width:460px){.tech-hero h1{font-size:2.38rem}.tech-hero-lead{font-size:1rem}.tech-hero-model{padding:24px 20px 18px}.tech-model-flow strong{font-size:.9rem}.tech-work h3{font-size:1.36rem}.tech-case{padding:27px 23px}}

/* V11 – Interim Management und Umsetzungsverantwortung */
.interim-hero{background:#112e42;padding:59px 0 96px;color:#fff;overflow:hidden}
.interim-hero .breadcrumbs{margin-bottom:69px;color:#b5cedb}.interim-hero .breadcrumbs a{color:#c0d8e3}
.interim-hero-grid{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);gap:90px;align-items:center}
.interim-hero .eyebrow{color:#9bc8db;margin-bottom:26px}
.interim-hero h1{font-size:clamp(2.9rem,4.35vw,4.75rem);max-width:780px;letter-spacing:-.055em;line-height:1.04;margin-bottom:28px;color:white}
.interim-hero-lead{font-size:1.12rem;line-height:1.75;color:#cbdce5;max-width:760px;margin-bottom:35px}
.interim-hero-statement{padding:40px 43px 39px;background:#194159;box-shadow:0 20px 50px rgba(0,0,0,.08)}
.interim-statement-line{display:block;width:58px;height:3px;background:#8fc0d2;margin-bottom:42px}
.interim-hero-statement p{font-family:Georgia,serif;font-size:clamp(1.38rem,2.15vw,2.12rem);line-height:1.36;color:#e8f1f4;margin:0 0 21px}
.interim-hero-statement strong{display:block;color:white;font-size:1.04rem;font-weight:650;line-height:1.65}
.interim-statement-sub{display:block;font-size:.72rem;color:#a8ccd9;letter-spacing:.11em;text-transform:uppercase;border-top:1px solid rgba(255,255,255,.17);margin-top:32px;padding-top:21px}
.interim-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:83px;align-items:start}
.interim-intro-grid h2{color:#102e45;margin-bottom:0}.interim-intro-grid>.lead{font-size:1.11rem;color:#506b7b}
.interim-situation-list{margin-top:60px;border-top:1px solid #d5e2e8}
.interim-situation{display:grid;grid-template-columns:100px 1fr;gap:35px;border-bottom:1px solid #d5e2e8;padding:26px 0;align-items:start}
.interim-situation-index{font-family:Georgia,serif;color:#8aafc3;font-size:2.2rem}
.interim-situation h3{color:#15364d;font-size:1.45rem;margin:0 0 10px;line-height:1.3}
.interim-situation p{color:#587380;font-size:.98rem;line-height:1.74;max-width:830px;margin:0}
.interim-mandate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:55px}
.interim-mandate{background:white;border-top:4px solid #85afc1;padding:35px 35px 27px;display:flex;flex-direction:column;min-height:323px}
.interim-mandate>span{display:block;color:#376e8a;font-size:.72rem;font-weight:770;text-transform:uppercase;letter-spacing:.12em;margin-bottom:23px}
.interim-mandate h3{font-size:1.43rem;color:#133850;line-height:1.33;margin:0 0 17px}
.interim-mandate p:not(.interim-roles){color:#566d79;font-size:.95rem;line-height:1.75;flex:1;margin-bottom:22px}
.interim-roles{font-size:.8rem;color:#277095;border-top:1px solid #dce6ec;padding-top:18px;line-height:1.6;margin:0;font-weight:650}
.interim-approach-head{display:grid;grid-template-columns:1.05fr .95fr;gap:85px;align-items:end}
.interim-approach-head h2{max-width:720px;line-height:1.13;color:white;margin:0}
.interim-approach-head>p{color:#c3d9e4;font-size:1.05rem;line-height:1.76;margin:0}
.interim-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:62px;border-top:1px solid rgba(255,255,255,.24)}
.interim-steps>div{padding:29px 25px 0 0;margin-right:21px;border-right:1px solid rgba(255,255,255,.18)}
.interim-steps>div:last-child{border-right:0;margin-right:0}
.interim-steps span{display:block;font-family:Georgia,serif;font-size:2.3rem;color:#91bed0;margin-bottom:36px}
.interim-steps h3{font-size:1.27rem;line-height:1.35;margin-bottom:16px;color:white}
.interim-steps p{color:#bdd1db;line-height:1.69;font-size:.89rem;margin:0}
.interim-mandate-note{border-top:1px solid rgba(255,255,255,.18);margin-top:43px;padding-top:18px;font-size:.79rem;color:#a8c8d7;line-height:1.6}
.interim-impact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:98px}
.interim-impact-grid h2{color:#103046;max-width:680px}.interim-impact-grid .lead{font-size:1.08rem;color:#4d6877}
.interim-impact-list{padding:0;list-style:none;border-top:1px solid #dbe6eb;margin:28px 0 0}
.interim-impact-list li{border-bottom:1px solid #dbe6eb;padding:13px 6px 13px 29px;color:#24485d;font-weight:560;position:relative;line-height:1.55;font-size:.96rem}
.interim-impact-list li:before{content:'↗';left:2px;top:12px;position:absolute;color:#4283a1}
.interim-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin-top:51px}
.interim-case{background:white;border:1px solid #dbe5e9;border-top:4px solid #8cb3c4;padding:31px 26px 27px;display:flex;flex-direction:column;min-height:365px}
.interim-case .eyebrow{font-size:.69rem;color:#3f819f;margin-bottom:20px}
.interim-case h3{color:#15374d;line-height:1.28;font-size:1.37rem;margin-bottom:17px}
.interim-case>p:not(.eyebrow){font-size:.94rem;line-height:1.72;color:#59717d;flex:1}
.interim-case-note{font-size:.74rem;border-top:1px solid #dce6eb;padding-top:16px;margin-top:20px;color:#648292;line-height:1.65}
@media(max-width:1050px){.interim-hero-grid{gap:45px}.interim-intro-grid{gap:45px}.interim-approach-head{gap:45px}.interim-impact-grid{gap:50px}}
@media(max-width:800px){.interim-hero{padding:31px 0 64px}.interim-hero .breadcrumbs{margin-bottom:37px}
.interim-hero-grid,.interim-intro-grid,.interim-approach-head,.interim-impact-grid{grid-template-columns: repeat(3, minmax(0, 1fr));gap:33px}
.interim-hero h1{font-size:clamp(2.4rem,8.3vw,3.5rem)}.interim-hero-lead{font-size:1.03rem}
.interim-hero-statement{padding:32px 29px}.interim-hero-statement p{font-size:1.63rem}.interim-statement-line{margin-bottom:21px}
.interim-situation-list{margin-top:36px}.interim-situation{grid-template-columns:45px 1fr;gap:16px;padding:24px 0}
.interim-situation-index{font-size:1.65rem}.interim-situation h3{font-size:1.25rem}
.interim-mandate-grid{grid-template-columns: repeat(3, minmax(0, 1fr));gap:13px;margin-top:34px}.interim-mandate{min-height:0;padding:30px 26px}
.interim-steps{grid-template-columns:1fr 1fr;gap:24px;border:0;margin-top:41px}.interim-steps>div{border-top:1px solid rgba(255,255,255,.2);border-right:0;margin:0;padding:20px 0 0}
.interim-steps span{margin-bottom:21px}.interim-case-grid{grid-template-columns: repeat(3, minmax(0, 1fr));gap:14px;margin-top:35px}.interim-case{min-height:0}
}
@media(max-width:470px){.interim-hero h1{font-size:2.4rem}.interim-hero-statement{padding:27px 22px}.interim-steps{grid-template-columns:1fr}.interim-steps>div{padding:19px 0 1px}.interim-steps span{margin-bottom:13px}}

/* Xpro Referenzen V13 */
.exp-hero{background:#102e44;color:white;padding:38px 0 94px}
.exp-hero .breadcrumbs{color:#aecad8;margin-bottom:76px}.exp-hero .breadcrumbs a:hover{color:white}
.exp-hero .eyebrow{color:#99c4d6}.exp-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:110px;align-items:center}
.exp-hero h1{font-size:clamp(2.8rem,4.65vw,4.95rem);color:white;letter-spacing:-.056em;max-width:740px;line-height:1.055;margin-bottom:26px}
.exp-hero-lead{font-size:1.13rem;line-height:1.77;color:#d2e3ea;margin:0 0 33px;max-width:720px}
.exp-hero .btn{background:white;color:#102e44;border-color:white}.exp-hero .btn:hover{background:#e7f0f4;border-color:#e7f0f4}
.exp-hero-aside{border-left:1px solid rgba(210,235,245,.30);padding:24px 0 22px 42px}
.exp-line{display:block;width:57px;height:3px;background:#a4cbd9;margin-bottom:34px}
.exp-hero-aside h2{font-family:Georgia,serif;color:white;font-size:clamp(1.64rem,2.5vw,2.6rem);font-weight:500;line-height:1.27;letter-spacing:-.025em;max-width:370px;margin-bottom:22px}
.exp-hero-aside p{font-size:1.01rem;line-height:1.75;color:#c5dae3;margin:0 0 37px}
.exp-hero-foot{display:block;border-top:1px solid rgba(255,255,255,.16);padding-top:18px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#a6c9d8}
.exp-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}
.exp-intro-grid h2{color:#112f45}.exp-intro-grid .lead{color:#506b7b;font-size:1.12rem}
.exp-notelead{border-left:3px solid #89b0c3;padding-left:18px;font-size:.95rem;color:#617b88;line-height:1.65;margin-top:22px}
.exp-domain-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:56px;border-top:1px solid #d6e3e9}
.exp-domain-row>div{padding:27px 12px 0 0;display:flex;flex-direction:column;gap:10px}
.exp-domain-row span{font-family:Georgia,serif;font-size:1.7rem;color:#6f9db5}
.exp-domain-row strong{font-size:1.01rem;color:#1a3e53;line-height:1.3}
.exp-domain-row small{font-size:.83rem;line-height:1.6;color:#627987;max-width:245px}
.exp-feature .eyebrow{color:#95c2d6}.exp-feature-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:100px;margin-top:20px;align-items:start}
.exp-feature h2{font-size:clamp(2.5rem,4vw,4.15rem);line-height:1.11;margin-bottom:29px;color:white;max-width:760px}
.exp-feature-lead{font-size:1.14rem;color:#d0e0e8;line-height:1.76;max-width:740px;margin-bottom:34px}
.exp-feature-detail{border-top:1px solid rgba(255,255,255,.2);padding-top:19px;margin-top:20px}
.exp-feature-detail span{display:block;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#9bc8da;font-weight:700;margin-bottom:10px}
.exp-feature-detail p{font-size:.97rem;line-height:1.75;color:#c3d9e3;margin:0}
.exp-origin{font-size:.76rem;color:#94b3c1;line-height:1.65;margin-top:34px;border-left:2px solid #799cae;padding-left:15px}
.exp-feature-metrics{background:#1d435a;padding:19px 35px;margin-top:10px}
.exp-feature-metrics>div{padding:30px 0;border-bottom:1px solid rgba(255,255,255,.18)}
.exp-feature-metrics>div:last-child{border-bottom:none}.exp-feature-metrics strong{display:block;font-size:clamp(1.9rem,3vw,3.1rem);line-height:1.13;letter-spacing:-.035em;color:white;font-weight:600;margin-bottom:12px}.exp-feature-metrics span{font-size:.87rem;color:#b5d0dc}
.exp-cases .exp-intro-grid{margin-bottom:50px}
.exp-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.exp-case{background:white;border:1px solid #dde7eb;border-top:4px solid #81afc3;display:flex;flex-direction:column;padding:34px 35px 27px;min-width:0}
.exp-case-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:23px;color:#3f7b99;font-weight:700;font-size:.73rem;letter-spacing:.08em;text-transform:uppercase}
.exp-case-meta span:last-child{color:#748b96;font-size:.72rem;letter-spacing:.02em;text-transform:none}
.exp-case h3{font-size:clamp(1.4rem,1.85vw,1.75rem);color:#173a50;line-height:1.27;min-height:3.6em;margin-bottom:24px}
.exp-case-block{margin-bottom:17px}.exp-case-block strong{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.09em;color:#376c88;margin-bottom:6px}
.exp-case-block p{font-size:.92rem;color:#536e7d;line-height:1.73;margin:0}
.exp-case-proof{background:#f0f5f7;padding:19px 20px;margin-top:auto;border-left:3px solid #84b3c6}
.exp-case-proof span{display:block;color:#326e8c;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;font-weight:750;margin-bottom:7px}
.exp-case-proof p{font-size:.88rem;line-height:1.68;color:#496675;margin:0}
.exp-case-link{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#195a7f;font-size:.85rem;font-weight:720;padding-top:21px;margin-top:18px;border-top:1px solid #e0eaed}
.exp-case-link:hover{color:#0a3348}.exp-case-link span{font-size:1.12rem}
.exp-enterprise-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.exp-enterprise h2{color:#15384e}
.exp-enterprise .lead{color:#4f6979;font-size:1.12rem;margin-bottom:25px}
.exp-enterprise-highlight{border-top:3px solid #6ea0b7;background:#f1f6f7;padding:27px 30px;margin:26px 0 17px}
.exp-enterprise-highlight strong{display:block;color:#1e4a63;font-size:1.09rem;margin-bottom:13px}
.exp-enterprise-highlight p{font-size:.94rem;line-height:1.72;color:#536d7b;margin:0}
.exp-enterprise-foot{font-size:.77rem;color:#73909d;line-height:1.6}
.exp-editorial .exp-internal-note{margin-top:17px;border-left:2px solid #a0bac6;padding-left:15px;color:#758992;font-size:.8rem;line-height:1.65}
@media(max-width:1000px){.exp-hero-grid,.exp-intro-grid,.exp-feature-grid,.exp-enterprise-grid{gap:45px}.exp-feature-metrics{padding:12px 22px}}
@media(max-width:800px){.exp-hero{padding:28px 0 65px}.exp-hero .breadcrumbs{margin-bottom:45px}.exp-hero-grid,.exp-intro-grid,.exp-feature-grid,.exp-enterprise-grid{grid-template-columns: repeat(3, minmax(0, 1fr));gap:33px}
.exp-hero h1{font-size:clamp(2.5rem,8.7vw,3.45rem)}.exp-hero-aside{padding:20px 0 0 25px}.exp-hero-aside h2{font-size:1.95rem;max-width:none}.exp-hero-aside p{margin-bottom:20px}
.exp-domain-row{grid-template-columns:1fr 1fr;gap:20px;margin-top:35px}.exp-case-grid{grid-template-columns:1fr}.exp-case h3{min-height:0}.exp-feature h2{font-size:clamp(2.3rem,7.9vw,3.5rem)}.exp-feature-metrics{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.exp-feature-metrics>div:last-child{grid-column:span 2}.exp-feature-metrics>div{padding:21px 0}
.exp-case{padding:29px 26px 22px}}
@media(max-width:470px){.exp-hero h1{font-size:2.42rem}.exp-hero-lead{font-size:1.01rem}.exp-hero-aside{padding-left:19px}.exp-hero-aside h2{font-size:1.7rem}.exp-domain-row{gap:15px}.exp-domain-row>div{padding-top:21px}.exp-feature-metrics strong{font-size:2rem}.exp-feature-metrics{grid-template-columns:1fr}.exp-feature-metrics>div:last-child{grid-column:auto}.exp-case-meta{display:block}.exp-case-meta span{display:block;margin-bottom:5px}.exp-case h3{font-size:1.42rem}.exp-enterprise-highlight{padding:23px 21px}}

/* Referenzseite V14: je zwei Cases pro Kernleistung. */
.exp-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:end;margin-bottom:42px}
.exp-section-heading h2{overflow-wrap:break-word;hyphens:auto;font-family:inherit;font-size:clamp(1.78rem,2.85vw,2.8rem);line-height:1.18;color:#16374c;max-width:660px;margin-bottom:19px}
.exp-section-heading h3{font-family:Georgia,serif;font-size:clamp(1.29rem,1.7vw,1.85rem);font-weight:400;line-height:1.32;color:#4b7a90;margin:0}
.exp-section-heading .lead{font-size:1.06rem;color:#4a697b;margin-bottom:17px}
.exp-v14-toplink{color:#195a7f;font-weight:700;font-size:.91rem;text-decoration:none;border-bottom:1px solid #7eacbf;padding-bottom:4px;display:inline-block}
.exp-v14-toplink span{font-size:1.2rem}
.exp-case-v14{min-height:0}
.exp-case-v14 .exp-case h3{min-height:0}
.exp-case-v14 h3{min-height:3em}
.exp-v14-basis{color:#69808b;font-size:.8rem;line-height:1.5;padding-top:17px;margin:0;border-top:1px solid #dae5e9;margin-top:18px}
.exp-case-section{scroll-margin-top:130px}
.exp-case-section.alt{background:#f0f5f7}
@media(max-width:850px){.exp-section-heading{grid-template-columns:minmax(0,1fr);gap:19px;margin-bottom:30px}.exp-case-v14 h3{min-height:0}}


/* V16 – «Über Xpro & Team»; independent styles, no changes to approved pages. */
.about-hero{background:#f3f4f2;padding:72px 0 104px;border-bottom:1px solid #e0e6e9;overflow:hidden}
.about-hero .breadcrumbs{margin-bottom:66px}
.about-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.62fr);gap:90px;align-items:end}
.about-hero h1{font-size:clamp(3.25rem,6vw,6.1rem);color:#10273e;letter-spacing:-.052em;line-height:1.05;max-width:830px;margin:0 0 35px}
.about-hero-lead{font-size:clamp(1.19rem,1.65vw,1.47rem);line-height:1.59;max-width:660px;color:#526876;margin-bottom:27px}
.about-text-link{display:inline-flex;align-items:center;gap:13px;color:#195476;font-weight:680;border-bottom:1px solid #9fbdca;padding-bottom:7px}
.about-text-link span{font-size:1.22rem}
.about-hero-aside{border-left:2px solid #90b3c4;padding:0 0 8px 27px;margin-bottom:6px}
.about-hero-aside-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:#44738d;margin:0 0 22px}
.about-hero-aside>p:not(.about-hero-aside-label){font-size:clamp(1.45rem,2.1vw,2.05rem);line-height:1.37;font-weight:650;letter-spacing:-.025em;color:#163b56;margin-bottom:28px}
.about-hero-rule{height:1px;background:#cad7dd;margin-bottom:22px}
.about-hero-aside>span{display:block;color:#637783;line-height:1.7;font-size:.95rem}
.about-identity{padding-top:118px;padding-bottom:120px}
.about-identity-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:106px}
.about-identity h2{font-size:clamp(2.4rem,3.6vw,3.75rem);color:#102e45;max-width:620px}
.about-identity-grid>div:last-child{padding-top:4px}
.about-identity-grid>div:last-child p{color:#526875;line-height:1.8;font-size:1.02rem;margin-bottom:22px}
.about-identity .about-intro-lead,.about-method .about-intro-lead{font-size:1.24rem!important;line-height:1.7!important;color:#234960!important;font-weight:500}
.about-values{background:#102d45!important;padding:102px 0 94px}
.about-values-head{display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:70px;margin-bottom:48px}
.about-values-head h2{color:white;max-width:750px;margin:0}
.about-values-head>p{font-size:1.1rem;color:#adc6d5;line-height:1.7;margin:0 0 9px}
.about-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top:1px solid #486478;padding-top:39px}
.about-value{padding-right:32px;border-right:1px solid #486478}
.about-value:last-child{border-right:0}
.about-value>span{display:inline-block;font-size:.8rem;color:#99bccb;letter-spacing:.16em;font-weight:700;margin-bottom:42px}
.about-value h3{font-size:clamp(1.45rem,2vw,1.85rem);color:white;margin-bottom:18px}
.about-value p{line-height:1.76;color:#c0d1da;font-size:.97rem;max-width:330px}
.about-values-statement{margin:74px 0 0;max-width: none;font-size:clamp(1.55rem,2.55vw,2.6rem);line-height:1.4;letter-spacing:-.035em;color:#f7fbfd}
.about-method{padding:116px 0;background:#fff}
.about-method-grid{display:grid;grid-template-columns:1fr .95fr;gap:115px}
.about-method h2{color:#102e45}
.about-method .about-intro-lead{margin-top:1px}
.about-method-list{margin-top:32px;border-top:1px solid #dbe5e9}
.about-method-list>div{padding:22px 0;border-bottom:1px solid #dbe5e9;display:grid;grid-template-columns:38px 1fr;gap:14px}
.about-method-list b{font-size:.75rem;letter-spacing:.08em;color:#427793;padding-top:7px}
.about-method-list span{font-size:.98rem;line-height:1.6;color:#536d7b}
.about-method-list strong{display:block;font-weight:680;font-size:1.12rem;color:#17364c;margin-bottom:7px}
.about-team{background:#f6f8f8;padding:113px 0 124px}
.about-team-head{display:grid;grid-template-columns:1.2fr .8fr;gap:85px;align-items:end;margin-bottom:55px}
.about-team-head h2{font-size:clamp(2.2rem,3.6vw,3.55rem);color:#102e45;margin-bottom:0}
.about-team-head>p{font-size:1.08rem;line-height:1.75;color:#58717e;margin-bottom:5px}
.about-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.about-person{background:#fff;border:1px solid #dae5e9;display:flex;flex-direction:column;min-width:0}
.about-person-image{aspect-ratio:4/4.5;overflow:hidden;background:#e4ebed}
.about-person-image img{height:100%;width:100%;object-fit:cover;object-position:center 30%;transition:transform .45s ease}
.about-person:hover .about-person-image img{transform:scale(1.025)}
.about-person--sandro .about-person-image img{object-position:center 40%}
.about-person--christoph .about-person-image img{object-position:center 33%}
.about-person--sven .about-person-image img{object-position:center 40%}
.about-person-copy{padding:30px 28px 29px;display:flex;flex-direction:column;flex:1}
.about-person-index{color:#7195a6;letter-spacing:.14em;font-size:.7rem;font-weight:700;margin-bottom:13px}
.about-person h3{font-size:1.55rem;color:#102e45;margin-bottom:8px}
.about-person-role{font-weight:650;color:#386883;font-size:.9rem;line-height:1.5;margin-bottom:18px;min-height:42px}
.about-person-bio{color:#59707c;font-size:.94rem;line-height:1.72;margin-bottom:22px;flex:1}
.about-person-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}
.about-person-tags span{padding:6px 9px;font-size:.71rem;color:#4d6c7c;border:1px solid #d6e4ea;background:#f8fafb}
.about-team-foot{font-size:.83rem;line-height:1.7;color:#71848e;margin-top:27px;max-width:880px}
.about-end{padding:92px 0;background:#0c283f;color:white}
.about-end-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:65px;align-items:end}
.about-end h2{color:white;max-width:780px;font-size:clamp(2.2rem,3.5vw,3.6rem)}
.about-end p:not(.eyebrow){color:#b6d0db;max-width:760px;font-size:1.07rem}
.about-end-action{display:flex;flex-direction:column;align-items:start;gap:24px;padding-bottom:8px}
.about-end-action a:not(.btn){color:#b8d0dc;font-size:.9rem;border-bottom:1px solid #628398;padding-bottom:4px}
.about-end-action a:not(.btn) span{margin-left:10px}
@media(max-width:1090px){.about-hero-grid{gap:45px}.about-identity-grid,.about-method-grid{gap:65px}.about-team-head{gap:35px}.about-team-grid{gap:17px}.about-person-copy{padding:24px 20px 26px}}
@media(max-width:800px){.about-hero{padding:40px 0 67px}.about-hero .breadcrumbs{margin-bottom:40px}.about-hero-grid,.about-identity-grid,.about-values-head,.about-method-grid,.about-team-head,.about-end-grid{grid-template-columns: repeat(3, minmax(0, 1fr));gap:27px}.about-hero h1{font-size:clamp(2.65rem,8vw,4.5rem)}.about-hero-aside{margin-top:24px}.about-identity,.about-method,.about-team{padding-top:78px;padding-bottom:78px}.about-values{padding:76px 0 75px}.about-values-grid{grid-template-columns: repeat(3, minmax(0, 1fr));gap:0;padding-top:8px}.about-value{border-right:0;border-bottom:1px solid #486478;padding:25px 0 18px}.about-value:last-child{border-bottom:0}.about-value>span{margin-bottom:16px}.about-values-statement{margin-top:42px}.about-method-list{margin-top:29px}.about-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.about-end{padding:70px 0}.about-end-action{padding-top:6px}}
@media(max-width:570px){.about-team-grid{grid-template-columns: repeat(3, minmax(0, 1fr));gap:22px}.about-person-image{aspect-ratio:4/3.9}.about-person-image img{object-position:center 31%}.about-person-role{min-height:auto}.about-hero-aside{padding-left:20px}.about-identity .about-intro-lead,.about-method .about-intro-lead{font-size:1.13rem!important}.about-person-copy{padding:26px 24px 27px}}


/* V18: Portrait-Harmonie, Overlay und Erfahrung */
.about-person-image{position:relative;isolation:isolate}
.about-person-image img{position:relative;z-index:1;transform:scale(var(--portrait-scale,1));transform-origin:center var(--portrait-origin,35%);transition:filter .25s ease,transform .35s ease}
.about-person:hover .about-person-image img,.about-person:focus-within .about-person-image img{transform:scale(var(--portrait-scale,1));filter:brightness(.68)}
.about-person--sven .about-person-image{background:#a3b2b7}
.about-person--sven .about-person-image::before{content:"";position:absolute;inset:-14px;z-index:0;background:url('xpro-f043bb70985ab67c.webp') center center/cover;filter:blur(19px);opacity:.55}
.about-person--sven .about-person-image img{object-fit:cover;object-position:center 32%;--portrait-scale:1;--portrait-origin:center 32%}
.about-person--michael .about-person-image img{--portrait-scale:1.19;--portrait-origin:50% 37%;object-position:center 32%}
.about-person-image-links{position:absolute;inset:auto 12px 16px;z-index:3;display:flex;justify-content:center;gap:10px;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}
.about-person:hover .about-person-image-links,.about-person:focus-within .about-person-image-links{opacity:1;transform:translateY(0);pointer-events:auto}
.about-person-image-links a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;gap:5px;min-width:0;border:1px solid rgba(255,255,255,.77);color:#fff!important;background:rgba(13,39,58,.94);font-size:.78rem;letter-spacing:.01em;font-weight:700;padding:10px 14px;text-align:center;transition:background .2s ease;flex:1}
.about-person-image-links a:hover,.about-person-image-links a:focus-visible{background:#0a5c85;outline:2px solid #fff;outline-offset:2px}
.about-person-experience{border-top:1px solid #d9e5e9;margin:0 0 22px;padding:14px 0 0;color:#23445a}
.about-person-experience summary{font-size:.88rem;color:#205272;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 0}
.about-person-experience summary::after{content:'+';font-size:1.35rem;font-weight:400}
.about-person-experience[open] summary::after{content:'–'}
.about-person-experience summary::-webkit-details-marker{display:none}
.about-person-experience ul{margin:14px 0 2px;padding:0 0 0 17px;color:#526b7a;font-size:.85rem;line-height:1.58}
.about-person-experience li{padding-bottom:8px}
@media(hover:none), (pointer:coarse){.about-person-image-links{opacity:1;transform:none;pointer-events:auto}.about-person-image-links a{background:rgba(13,39,58,.9)} }
@media(max-width:680px){.about-person-image-links{inset:auto 10px 12px}.about-person-image-links a{font-size:.75rem;min-height:44px}.about-person--michael .about-person-image img{--portrait-scale:1.12}}
@media(prefers-reduced-motion:reduce){.about-person-image img,.about-person-image-links{transition:none}}

@media (max-width:800px){.about-identity-grid > *, .about-method-grid > * {min-width:0;} .about-identity-grid h2 {overflow-wrap:break-word;} }

/* V28: Vollständiges sechsköpfiges Team auf der Startseite. */
.team-strip{grid-template-columns:repeat(6,minmax(0,1fr));}
.team-strip img:nth-child(n){transform:none;margin-left:0;}
@media(max-width:480px){.team-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}.team-strip img:nth-child(n){min-height:165px;aspect-ratio:4/5;transform:none;margin-left:0;}}

/* V29 – Six approved portrait photographs, 3 x 2; no visible captions. */
.start-team .team-strip {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:repeat(2,auto);
  gap:12px;
  align-items:stretch;
}
.start-team .team-strip img,
.start-team .team-strip img:nth-child(n) {
  display:block;
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:0.91;
  object-fit:cover;
  object-position:center center;
  border-radius:7px;
  margin:0;
  transform:none;
  box-shadow:0 5px 17px rgba(11,37,62,.07);
}
@media(max-width:1100px){
  .start-team .team-strip{gap:9px;}
}
@media(max-width:800px){
  .start-team .team-strip{gap:10px;}
}
@media(max-width:480px){
  .start-team .team-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}
  .start-team .team-strip img:nth-child(n){min-height:0;aspect-ratio:0.91;margin:0;transform:none;}
}

/* V30: Four subtle visual hover states on the four homepage services only. */
section[data-page="start"] .service-list > .service {
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:#fff;
  transition:background-color .26s ease, box-shadow .26s ease;
}
section[data-page="start"] .service-list > .service::before {
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  top:0;
  right:0;
  bottom:0;
  width:68%;
  background-image:var(--service-hover-art);
  background-size:cover;
  background-position:center center;
  opacity:0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 40%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 40%,#000 100%);
  filter:saturate(.78);
  transform:scale(1.025);
  transition:opacity .36s ease,transform .5s ease;
}
section[data-page="start"] .service-list > .service > * {
  position:relative;
  z-index:1;
}
section[data-page="start"] .service-list > .service > .go {
  position:absolute;
  right:36px;
  bottom:30px;
}
section[data-page="start"] .service-list > .service:hover,
section[data-page="start"] .service-list > .service:focus-visible {
  background:#f9fcfd;
}
section[data-page="start"] .service-list > .service:hover::before,
section[data-page="start"] .service-list > .service:focus-visible::before {
  opacity:.32;
  transform:scale(1);
}
section[data-page="start"] .service-list > .service:focus-visible {
  outline:3px solid #236eaa;
  outline-offset:-4px;
}
section[data-page="start"] .service-list > .service h3 {
  max-width:95%;
}
/* Touch screens have no mouse hover: unobtrusive artwork is visible at rest. */
@media (hover:none) {
  section[data-page="start"] .service-list > .service::before {
    opacity:.18;
    transform:none;
  }
}
@media (max-width:580px) {
  section[data-page="start"] .service-list > .service::before {width:70%;}
  section[data-page="start"] .service-list > .service:hover::before,
  section[data-page="start"] .service-list > .service:focus-visible::before {opacity:.23;}
}
@media (prefers-reduced-motion:reduce) {
  section[data-page="start"] .service-list > .service::before {transition:none;transform:none;}
}

/* V46: ERP-Mandatsbeispiel analog den strukturierten Organisationsfaellen */
section[data-page="technologie"] .tech-case--erp-structured{grid-column:1 / -1;min-height:0}
section[data-page="technologie"] .tech-case--erp-structured .tech-case-part{margin:0 0 18px}
section[data-page="technologie"] .tech-case--erp-structured .tech-case-part h4{font-size:.73rem;line-height:1.4;text-transform:uppercase;letter-spacing:.095em;color:#306c8d;margin:0 0 6px;font-weight:750}
section[data-page="technologie"] .tech-case--erp-structured .tech-case-part p{font-size:.94rem;line-height:1.62;color:#526c7b;margin:0;max-width:100%;flex:none}
section[data-page="technologie"] .tech-case--erp-structured .tech-case-approach{border-top:1px solid #c8d9e1;margin:7px 0 0;padding:18px 0 0;font-size:.94rem;line-height:1.62;color:#526c7b;flex:none}
section[data-page="technologie"] .tech-case--erp-structured .tech-case-approach strong{display:block;font-size:.73rem;text-transform:uppercase;letter-spacing:.095em;color:#306c8d;margin:0 0 6px;font-weight:750}

/* V50: nur Interim-Mandatspraxis, Arbeitsfassung */
section[data-page="interim"] .interim-case--detailed .interim-case-part{margin:0 0 18px}
section[data-page="interim"] .interim-case--detailed .interim-case-part h4{font-size:.73rem;line-height:1.4;text-transform:uppercase;letter-spacing:.095em;color:#306c8d;margin:0 0 6px;font-weight:750}
section[data-page="interim"] .interim-case--detailed .interim-case-part p{font-size:.94rem;line-height:1.62;color:#526c7b;margin:0;flex:none}
section[data-page="interim"] .interim-case--detailed .interim-case-approach{border-top:1px solid #c8d9e1;margin:7px 0 0;padding:18px 0 0;font-size:.94rem;line-height:1.62;color:#526c7b;flex:none}
section[data-page="interim"] .interim-case--detailed .interim-case-approach strong{display:block;font-size:.73rem;text-transform:uppercase;letter-spacing:.095em;color:#306c8d;margin:0 0 6px;font-weight:750}
section[data-page="interim"] .interim-case--detailed .interim-case-note{flex:none}

@media (max-width: 900px){
  .strategy-cases,
  .org-cases,
  .tech-cases,
  .interim-cases{
    grid-template-columns: 1fr !important;
  }
}

/* V91: gezielte Sprungziele fuer alle zwoelf Referenzmandate */
[id*="--mandat-"]{scroll-margin-top:112px;}
@media(max-width:700px){[id*="--mandat-"]{scroll-margin-top:80px;}}


/* Perspectives V20: additive styles only, rest of website unchanged */
.ps-pagehero{padding-bottom:0}
.ps-pagehero .container{padding-bottom:68px}
.ps-pagehero h1{max-width:930px}
.ps-pagehero .lead{max-width:820px}
.ps-hero-meta{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:27px;color:#64829a;font-size:.79rem;letter-spacing:.095em;text-transform:uppercase;font-weight:700}
.ps-hero-meta i{height:4px;width:4px;border-radius:99px;background:#5d9ec1;display:inline-block}
.ps-main{padding-top:60px;padding-bottom:100px}
.ps-intro{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(230px,.8fr);gap:clamp(35px,7vw,100px);align-items:end;margin-bottom:52px}
.ps-intro h2{max-width:700px;font-size:clamp(1.7rem,3.1vw,2.8rem);line-height:1.16;font-weight:500;letter-spacing:-.025em;margin:13px 0 18px;color:#123c55}
.ps-intro p:not(.eyebrow){max-width:710px;color:#4e6774;line-height:1.75;font-size:1rem;margin:0}
.ps-intro-side{border-top:2px solid #0f4a6b;padding-top:22px;color:#1c5069}
.ps-intro-side .ps-side-num{font-size:.8rem;letter-spacing:.18em;font-weight:750;color:#0b7da3}
.ps-intro-side p{font-size:1.23rem!important;line-height:1.4!important;color:#183e52!important;max-width:270px;margin:16px 0!important;font-weight:500}
.ps-intro-side small{display:block;color:#667d8b;line-height:1.65;font-size:.8rem}
.ps-toolbar{border-top:1px solid #cadae3;border-bottom:1px solid #cadae3;padding:18px 0 15px;margin:0 0 32px}
.ps-toolrow{display:flex;align-items:flex-start;gap:18px}
.ps-toolrow+.ps-toolrow{margin-top:12px}
.ps-filter-label{width:114px;flex:none;padding-top:9px;font-size:.7rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#597888}
.ps-chip-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:7px;flex:1}
.ps-chip{background:transparent;border:1px solid #c9dae3;border-radius:0;padding:9px 13px;font-size:.82rem;color:#22516d;font-weight:650;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.ps-chip:hover{background:#ebf4f7;border-color:#72a3bb}
.ps-chip.active{background:#174b6b;border-color:#174b6b;color:white}
.ps-chip.ps-quiet{padding:7px 11px;font-size:.78rem}
.ps-total{font-size:.8rem;color:#7a8d98;white-space:nowrap;margin:8px 0 0 5px}
.ps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ps-post{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #dbe6ec;padding:26px 25px 23px;min-height:310px;transition:box-shadow .15s,transform .15s,border-color .15s}
.ps-post:hover{box-shadow:0 16px 34px rgba(12,58,89,.09);transform:translateY(-2px);border-color:#adccd9}
.ps-article-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:20px}
.ps-article-kicker{font-size:.7rem;font-weight:750;color:#247fa6;letter-spacing:.045em;text-transform:uppercase;line-height:1.45}
.ps-article-index{color:#aabcc7;font-size:.79rem;font-weight:600}
.ps-post h3{font-size:clamp(1.16rem,1.5vw,1.45rem);font-weight:600;letter-spacing:-.015em;line-height:1.27;color:#173d54;margin:0 0 15px}
.ps-deck{line-height:1.65!important;color:#58717e!important;font-size:.87rem!important;margin:0 0 25px!important;flex:1}
.ps-article-foot{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:15px;border-top:1px solid #e2edf1;padding-top:15px;margin-top:auto}
.ps-article-foot>span{font-size:.72rem;color:#617787;max-width:100%;line-height:1.45}
.ps-article-foot>a{font-size:.78rem;font-weight:750;color:#0e678e;text-decoration:none;white-space:nowrap}
.ps-article-foot>a:hover{text-decoration:underline;color:#103c57}
.ps-featured{grid-column:span 2;background:#0f3d58;border-color:#0f3d58;position:relative;overflow:hidden;padding:37px 41px 31px;min-height:360px}
.ps-featured::after{content:'';position:absolute;width:330px;height:330px;border:1px solid rgba(159,205,220,.21);border-radius:50%;right:-75px;top:-126px;box-shadow:0 0 0 62px rgba(159,205,220,.035),0 0 0 125px rgba(159,205,220,.045);pointer-events:none}
.ps-featured .ps-article-kicker{color:#a9d9e9}
.ps-featured .ps-article-index{color:#648da2}
.ps-featured h3{position:relative;z-index:1;color:#fff;font-size:clamp(1.9rem,3vw,2.85rem);line-height:1.15;max-width:670px;font-weight:550;margin:3px 0 20px}
.ps-featured .ps-deck{position:relative;z-index:1;color:#cce2ea!important;font-size:1.01rem!important;line-height:1.7!important;max-width:670px}
.ps-featured .ps-article-foot{position:relative;z-index:1;border-color:#41677b}
.ps-featured .ps-article-foot>span{color:#a8c8d7}
.ps-featured .ps-article-foot>a{color:#fff}
.ps-featured:hover{border-color:#0f3d58;box-shadow:0 18px 40px rgba(9,47,67,.16)}
.ps-post[hidden]{display:none!important}
.ps-empty{padding:30px;color:#647986;border:1px dashed #bbd0dc;text-align:center}
.ps-empty[hidden]{display:none}
.ps-ending{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;border-top:1px solid #cbdce5;margin-top:70px;padding-top:53px}
.ps-ending h2{font-size:clamp(1.5rem,2.7vw,2.35rem);line-height:1.22;font-weight:550;letter-spacing:-.02em;color:#19455e;margin:10px 0 0}
.ps-ending>div:last-child p{font-size:.94rem;line-height:1.72;color:#53707e;margin:0 0 21px}
.ps-contact{color:#17678b!important;text-decoration:none;font-weight:750;border-bottom:1px solid #b1cedb;display:inline-block;padding-bottom:6px}
.ps-contact:hover{border-color:#17678b}
.ps-disclaimer{font-size:.73rem!important;line-height:1.65!important;color:#78909b!important;border-top:1px solid #e4edf1;margin:52px 0 0!important;padding-top:16px;max-width:970px}
@media(max-width:960px){.ps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ps-featured{grid-column:span 2}}
@media(max-width:680px){.ps-pagehero .container{padding-bottom:45px}.ps-hero-meta{gap:9px;font-size:.65rem}.ps-main{padding-top:42px}.ps-intro{grid-template-columns: repeat(3, minmax(0, 1fr));gap:24px;margin-bottom:34px}.ps-intro-side{padding-top:15px}.ps-intro-side p{max-width:100%;margin:10px 0!important}.ps-toolbar{margin-bottom:24px}.ps-toolrow{display:block}.ps-filter-label{display:block;width:auto;margin:0 0 9px;padding-top:0}.ps-toolrow+.ps-toolrow{margin-top:15px}.ps-toolrow-bottom{position:relative;padding-bottom:24px}.ps-total{position:absolute;bottom:0;left:0;margin:6px 0 0}.ps-chip{font-size:.75rem;padding:8px 10px}.ps-grid{grid-template-columns:1fr}.ps-featured{grid-column:span 1;padding:30px 27px 26px;min-height:340px}.ps-featured h3{font-size:1.8rem}.ps-post{min-height:0;padding:25px 23px 22px}.ps-post h3{font-size:1.34rem}.ps-ending{grid-template-columns: repeat(3, minmax(0, 1fr));gap:22px;margin-top:50px;padding-top:35px}}

@media (max-width: 900px){
  .strategy-cases,
  .org-cases,
  .tech-cases,
  .interim-cases{
    grid-template-columns: 1fr !important;
  }
}


/* V23 direct contact: personal contact page, no input fields. */
.contact-v23-section{padding-top:clamp(40px,5.5vw,78px);padding-bottom:clamp(64px,7vw,110px)}
.contact-v23-layout{display:grid;grid-template-columns:minmax(290px,.84fr) minmax(0,1.16fr);gap:clamp(28px,5.4vw,90px);align-items:center;max-width:1100px}
.contact-v23-image{aspect-ratio:4/4.7;overflow:hidden;background:#e1e9ed}
.contact-v23-image img{width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block}
.contact-v23-description{max-width:580px}
.contact-v23-description h2{font-size:clamp(2.25rem,4vw,3.8rem);line-height:1.1;margin:8px 0 12px}
.contact-v23-role{font-weight:700;color:#174c6a;font-size:1.05rem;margin:0 0 30px}
.contact-v23-statement{font-size:clamp(1.05rem,1.5vw,1.21rem);line-height:1.8;color:#4f6877;margin:0 0 34px}
.contact-v23-button{display:inline-flex;min-height:54px;align-items:center;justify-content:center}
.contact-v23-note{color:#647983;font-size:.86rem;margin:14px 0 38px;line-height:1.5}
.contact-v23-office{border-top:1px solid #d9e4e8;padding-top:22px;color:#596f7c;line-height:1.65;font-size:.91rem}
.contact-v23-office strong{color:#163b54}
a[data-mail-person]{cursor:pointer}
@media(max-width:760px){.contact-v23-layout{grid-template-columns: repeat(3, minmax(0, 1fr));gap:28px}.contact-v23-image{max-width:420px;width:100%;aspect-ratio:4/3.8}.contact-v23-description h2{margin-top:5px}.contact-v23-statement{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){.contact-v23-button{transition:none!important}}

@media (max-width: 900px){
  .strategy-cases,
  .org-cases,
  .tech-cases,
  .interim-cases{
    grid-template-columns: 1fr !important;
  }
}


/* V24 – text finale redaktionelle Runde: ausschliesslich Startseite */
section[data-page="start"] .start-v24-sidecopy p {font-size:1.035rem;line-height:1.71;color:#586e7c;max-width:570px;margin:0 0 16px}
section[data-page="start"] .start-v24-sidecopy p:last-child{margin-bottom:0}
section[data-page="start"] .start-challenges .section-heading-row{align-items:start}
section[data-page="start"] .start-cases .case{min-height:315px}
section[data-page="start"] .start-cases .case p:not(.eyebrow){line-height:1.67}
section[data-page="start"] .start-team .lead{max-width:520px}
@media(max-width:800px){section[data-page="start"] .start-v24-sidecopy p{font-size:1rem}section[data-page="start"] .start-cases .case{min-height:0}}

@media (max-width: 900px){
  .strategy-cases,
  .org-cases,
  .tech-cases,
  .interim-cases{
    grid-template-columns: 1fr !important;
  }
}

\n/* V33 - Leistungen: recurrent Xpro photo motifs, without altering released pages */
section[data-page="leistungen"] .overview-hero {padding-bottom:59px;}
section[data-page="leistungen"] .overview-navigator {
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;
  margin-top:58px;border-top:0;
}
section[data-page="leistungen"] .overview-v33-thumb {
  position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;
  align-items:flex-start;justify-content:flex-end;gap:7px;min-height:155px;
  border:1px solid #c6d6df;margin:0;padding:16px 18px 18px;
  color:#fff;background:#112e43;box-shadow:none;transition:transform .2s ease, box-shadow .2s ease;
}
section[data-page="leistungen"] .overview-v33-thumb-photo {
  z-index:-2;display:block;position:absolute;inset:0;background-size:cover;background-position:center;
  filter:saturate(.72);opacity:.65;transition:transform .4s ease,opacity .3s ease;
}
section[data-page="leistungen"] .overview-v33-thumb:before {
  content:"";z-index:-1;position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(10,34,53,.91) 0%,rgba(12,42,63,.68) 45%,rgba(12,42,63,.26) 100%);
}
section[data-page="leistungen"] .overview-v33-thumb-num {
  display:block;font-size:.72rem;letter-spacing:.16em;color:#9fd5f0;font-weight:800;
}
section[data-page="leistungen"] .overview-v33-thumb-title {
  display:block;font-size:.95rem;letter-spacing:-.012em;font-weight:700;line-height:1.36;color:#fff;max-width:190px;
}
section[data-page="leistungen"] .overview-v33-thumb-arrow {
  position:absolute;right:17px;bottom:14px;color:#cde7f5;font-size:1.17rem;
}
section[data-page="leistungen"] .overview-v33-thumb:hover,
section[data-page="leistungen"] .overview-v33-thumb:focus-visible {
  color:#fff;transform:translateY(-2px);box-shadow:0 8px 22px rgba(8,35,54,.14);
}
section[data-page="leistungen"] .overview-v33-thumb:hover .overview-v33-thumb-photo,
section[data-page="leistungen"] .overview-v33-thumb:focus-visible .overview-v33-thumb-photo {opacity:.82;transform:scale(1.045)}
section[data-page="leistungen"] .overview-v33-thumb:focus-visible {outline:3px solid #277bad;outline-offset:2px;}
section[data-page="leistungen"] .overview-v33-visual {
  position:relative;isolation:isolate;overflow:hidden;margin-top:35px;width:100%;height:190px;
  background:#173b55;border:1px solid #d1dfe5;
}
section[data-page="leistungen"] .overview-v33-visual-photo {
  z-index:-2;position:absolute;inset:0;background-size:cover;background-position:center;
  filter:saturate(.7);opacity:.85;
}
section[data-page="leistungen"] .overview-v33-visual-shade {
  z-index:-1;position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(9,39,61,.42) 0%,rgba(10,38,59,.06) 75%);
}
section[data-page="leistungen"] .overview-v33-visual-foot {
  position:absolute;bottom:0;left:0;padding:14px 18px;width:100%;background:linear-gradient(0deg,rgba(10,33,49,.78),transparent);
  text-transform:uppercase;letter-spacing:.13em;font-weight:750;font-size:.66rem;color:#e5eff5;
}
section[data-page="leistungen"] .overview-service {padding-top:74px;padding-bottom:74px;}
section[data-page="leistungen"] .overview-service-grid {gap:74px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;}
section[data-page="leistungen"] .overview-service.alt .overview-service-left {order:2;}
section[data-page="leistungen"] .overview-service.alt .overview-service-right {order:1;}
section[data-page="leistungen"] .overview-service-number {margin-bottom:27px;}
section[data-page="leistungen"] .overview-service h2 {font-size:clamp(2.0rem,2.85vw,3.15rem);margin-bottom:24px;}
section[data-page="leistungen"] .overview-service-question {font-size:clamp(1.16rem,1.6vw,1.48rem);}
section[data-page="leistungen"] .overview-service-right {padding-top:4px;}
section[data-page="leistungen"] .overview-service-right>p {font-size:1rem;line-height:1.73;}
@media(max-width:1020px){
 section[data-page="leistungen"] .overview-v33-thumb {min-height:147px;padding:13px;}
 section[data-page="leistungen"] .overview-service-grid {gap:38px;}
 section[data-page="leistungen"] .overview-v33-visual {height:165px;}
}
@media(max-width:800px){
 section[data-page="leistungen"] .overview-navigator {grid-template-columns:repeat(2,minmax(0,1fr));margin-top:34px;gap:10px;}
 section[data-page="leistungen"] .overview-service-grid {grid-template-columns: repeat(3, minmax(0, 1fr));gap:30px;}
 section[data-page="leistungen"] .overview-service.alt .overview-service-left,
 section[data-page="leistungen"] .overview-service.alt .overview-service-right {order:initial;}
 section[data-page="leistungen"] .overview-v33-visual {height:185px;margin-top:24px;}
 section[data-page="leistungen"] .overview-service {padding-top:58px;padding-bottom:58px;}
}
@media(max-width:440px){
 section[data-page="leistungen"] .overview-navigator {grid-template-columns:repeat(2,minmax(0,1fr));}
 section[data-page="leistungen"] .overview-v33-thumb {min-height:149px;}
 section[data-page="leistungen"] .overview-v33-thumb-title {font-size:.83rem;max-width:145px;}
 section[data-page="leistungen"] .overview-v33-thumb-arrow {right:11px;bottom:9px;}
}
@media(prefers-reduced-motion:reduce){
 section[data-page="leistungen"] .overview-v33-thumb,section[data-page="leistungen"] .overview-v33-thumb-photo {transition:none;}
}

@media (max-width: 900px){
  .strategy-cases,
  .org-cases,
  .tech-cases,
  .interim-cases{
    grid-template-columns: 1fr !important;
  }
}


/* V34 – Typographic quality: consistent font size per heading, deliberate line groups. */
section[data-page="leistungen"] .v34-heading-line {display:block;font:inherit;letter-spacing:inherit;line-height:inherit;}
section[data-page="leistungen"] .overview-hero h1,
section[data-page="leistungen"] .overview-service h2 {overflow-wrap:normal;word-break:normal;hyphens:manual;}
section[data-page="leistungen"] #leistung-01 h2 {width:calc(100% + 56px);max-width:none;}
section[data-page="leistungen"] .overview-service h2 {text-wrap:balance;}
@media (max-width:1100px){
 section[data-page="leistungen"] #leistung-01 h2 {width:calc(100% + 28px);}
}
@media (min-width:801px) and (max-width:910px){
 section[data-page="leistungen"] .overview-hero h1{font-size:clamp(2.5rem,4.5vw,2.75rem);}
}
@media (max-width:800px){
 section[data-page="leistungen"] #leistung-01 h2{width:100%;}
 section[data-page="leistungen"] .overview-hero h1{max-width:100%;}
}
@media (max-width:375px){
 section[data-page="leistungen"] .overview-hero h1{font-size:1.95rem;}
 section[data-page="leistungen"] #leistung-01 h2{font-size:1.95rem;}
}

@media (max-width: 900px){
  .strategy-cases,
  .org-cases,
  .tech-cases,
  .interim-cases{
    grid-template-columns: 1fr !important;
  }
}


/* V35: exact line group control without changing font sizes within headings. */
section[data-page="leistungen"] .v35-line{display:block;font:inherit;letter-spacing:inherit;line-height:inherit;}
section[data-page="leistungen"] .overview-service h2{overflow-wrap:break-word;word-break:normal;}
section[data-page="leistungen"] #leistung-01 h2{overflow-wrap:normal;}
@media (max-width:950px){
 section[data-page="leistungen"] #leistung-01 .v35-word-rest,
 section[data-page="leistungen"] #leistung-02 .v35-org-rest,
 section[data-page="leistungen"] #leistung-04 .v35-mgmt-rest {display:block;}
 section[data-page="leistungen"] #leistung-01 .v35-word-start:after,
 section[data-page="leistungen"] #leistung-02 .v35-org-start:after,
 section[data-page="leistungen"] #leistung-04 .v35-mgmt-start:after {content:"-";}
 section[data-page="leistungen"] #leistung-01 h2{width:100%;}
 section[data-page="leistungen"] #leistung-04 .v35-mgmt-first,
 section[data-page="leistungen"] #leistung-04 .v35-mgmt-second{display:block;}
}
@media (max-width:375px){
 section[data-page="leistungen"] .overview-service h2{font-size:1.9rem;}
}

@media (max-width: 900px){
  .strategy-cases,
  .org-cases,
  .tech-cases,
  .interim-cases{
    grid-template-columns: 1fr !important;
  }
}


/* V36: Explicit typographic line breaks. Each h2 retains exactly one font size; no arbitrary syllable splitting. */
section[data-page="leistungen"] .overview-service h2 .v36-line {
 display:block; white-space:nowrap; font-size:inherit; font-family:inherit;
 font-weight:inherit; letter-spacing:inherit; line-height:inherit;
}
section[data-page="leistungen"] .overview-service h2 {overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:initial;}
@media (min-width:801px) and (max-width:910px){
 section[data-page="leistungen"] .overview-service h2 {font-size:clamp(1.75rem,3.45vw,2rem);}
}
@media (max-width:800px){
 section[data-page="leistungen"] .overview-service h2 {font-size:clamp(1.76rem,7.2vw,2.15rem);}
}
@media (max-width:375px){
 section[data-page="leistungen"] .overview-service h2,
 section[data-page="leistungen"] #leistung-01 h2 {font-size:clamp(1.42rem,7.35vw,1.76rem);}
}

@media (max-width: 900px){
  .strategy-cases,
  .org-cases,
  .tech-cases,
  .interim-cases{
    grid-template-columns: 1fr !important;
  }
}


/* V37 – Strategie: existing composition preserved, restrained compass motif and three strategy cases. */
section[data-page="strategie"] .strategy-compass-image{height:155px;margin:-30px -29px 22px;background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:inset 0 0 0 100vmax rgba(10,34,55,.025);border-bottom:1px solid #c7d9e2}
section[data-page="strategie"] .strategy-v37-experience{background:#f8f8f5;padding:96px 0 104px}
section[data-page="strategie"] .strategy-v37-header{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.75fr);gap:9%;align-items:end;margin-bottom:42px}
section[data-page="strategie"] .strategy-v37-header h2{font-size:clamp(2.05rem,3.3vw,3.25rem);line-height:1.13;letter-spacing:-.037em;color:#102b43;margin:0;max-width:690px}
section[data-page="strategie"] .strategy-v37-header p.lead{color:#526b79;line-height:1.75;font-size:1.05rem;margin:0 0 4px}
section[data-page="strategie"] .strategy-v37-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
section[data-page="strategie"] .strategy-v37-case{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #dae4e8;border-top:3px solid #367c9d;padding:30px 28px 24px;box-shadow:0 6px 24px rgba(24,64,79,.04)}
section[data-page="strategie"] .strategy-v37-meta{display:flex;flex-direction:column;gap:10px;font-size:.7rem;font-weight:750;color:#3e7797;letter-spacing:.09em;text-transform:uppercase;min-height:62px}
section[data-page="strategie"] .strategy-v37-meta span+span{color:#647b87;letter-spacing:.015em;text-transform:none;font-size:.8rem;font-weight:500}
section[data-page="strategie"] .strategy-v37-case h3{color:#102b43;font-size:clamp(1.34rem,1.7vw,1.72rem);letter-spacing:-.035em;line-height:1.22;min-height:90px;margin:15px 0 22px}
section[data-page="strategie"] .strategy-v37-case p{color:#526a77;line-height:1.68;font-size:.92rem;margin:0 0 18px;hyphens:auto}
section[data-page="strategie"] .strategy-v37-case p strong{color:#153d56;font-weight:750}
section[data-page="strategie"] .strategy-v37-case .strategy-v37-result{padding-top:16px;border-top:1px solid #dde7e9;color:#24465a;margin-top:auto}
section[data-page="strategie"] .strategy-v37-case .strategy-v37-source{margin:0;font-size:.75rem;color:#71848e;line-height:1.5}
section[data-page="strategie"] .strategy-v37-footer{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:30px;border-top:1px solid #d2dfe4;padding-top:20px}
section[data-page="strategie"] .strategy-v37-footer p{font-size:.81rem;color:#687d87;max-width:700px;line-height:1.6;margin:0}
section[data-page="strategie"] .strategy-v37-footer a{flex:none}
@media(max-width:1100px){section[data-page="strategie"] .strategy-v37-header{gap:32px}section[data-page="strategie"] .strategy-v37-cases{grid-template-columns:1fr 1fr}section[data-page="strategie"] .strategy-v37-case h3{min-height:0}}
@media(max-width:760px){section[data-page="strategie"] .strategy-v37-header{grid-template-columns: repeat(3, minmax(0, 1fr));gap:22px}section[data-page="strategie"] .strategy-v37-cases{grid-template-columns:1fr}section[data-page="strategie"] .strategy-v37-experience{padding:64px 0 70px}section[data-page="strategie"] .strategy-v37-case{padding:26px 23px 23px}section[data-page="strategie"] .strategy-v37-case h3{margin-top:6px}section[data-page="strategie"] .strategy-v37-meta{min-height:0}section[data-page="strategie"] .strategy-v37-footer{flex-direction:column;align-items:flex-start;gap:18px}}

/* V39 - Organisationsdetailseite: gleicher Bildcode wie Kernleistung 02,
   Text und Bild bewusst getrennt, Mobilansicht ohne Hover-Zwang */
section[data-page="organisation"] .org-hero-aside{overflow:hidden}
section[data-page="organisation"] .org-image-motif{
  height:176px;margin:-31px -33px 23px;background-position:center 56%;
  background-size:cover;background-repeat:no-repeat;
  border-bottom:1px solid #dce5e8;
}
section[data-page="organisation"] .org-hero h1{max-width:780px}
section[data-page="organisation"] .org-case-grid{align-items:stretch}
section[data-page="organisation"] .org-case{min-width:0}
@media (max-width:720px){
 section[data-page="organisation"] .org-image-motif{height:160px;margin:-31px -24px 20px}
 section[data-page="organisation"] .org-hero h1{hyphens:none;overflow-wrap:normal}
}

/* V40: dritter Organisationsfall als bewusster Schwerpunkt, gleiches Designsystem */
section[data-page="organisation"] .org-case-integration{grid-column:1 / -1;min-height:0;background:#eef4f6;border-top-color:#1c5b80;padding:39px 43px 33px}
section[data-page="organisation"] .org-case-integration h3{max-width: none;font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.26}
section[data-page="organisation"] .org-integration-body{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:10px}
section[data-page="organisation"] .org-integration-body strong{display:block;margin-bottom:10px;font-size:.73rem;letter-spacing:.1em;text-transform:uppercase;color:#306c8d}
section[data-page="organisation"] .org-integration-body p{font-size:.95rem;line-height:1.77;color:#526c7b;margin:0}
section[data-page="organisation"] .org-integration-takeaway{font-weight:600!important;color:#17445e!important;border-top:1px solid #c8d9e1;margin:27px 0 0!important;padding-top:21px;font-size:1rem!important;line-height:1.65!important}
@media(max-width:800px){section[data-page="organisation"] .org-case-integration{padding:29px 25px 27px}section[data-page="organisation"] .org-integration-body{grid-template-columns: repeat(3, minmax(0, 1fr));gap:25px}section[data-page="organisation"] .org-case-integration h3{font-size:1.44rem}}

@media (max-width: 900px){
  .strategy-cases,
  .org-cases,
  .tech-cases,
  .interim-cases{
    grid-template-columns: 1fr !important;
  }
}


/* V43: Strukturierung Praxisfall Dienstleister ohne Aenderung anderer Seiten */
section[data-page="organisation"] .org-case--structured .org-case-part{margin:0 0 18px}
section[data-page="organisation"] .org-case--structured .org-case-part h4{font-size:.73rem;line-height:1.4;text-transform:uppercase;letter-spacing:.095em;color:#306c8d;margin:0 0 6px;font-weight:750}
section[data-page="organisation"] .org-case--structured .org-case-part p{font-size:.94rem;line-height:1.62;color:#526c7b;margin:0}
section[data-page="organisation"] .org-case--structured .org-case-approach{border-top:1px solid #c8d9e1;margin:7px 0 0;padding:18px 0 0;font-size:.94rem;line-height:1.59;color:#17445e}
section[data-page="organisation"] .org-case--structured .org-case-approach span{display:block;color:#306c8d;letter-spacing:.095em;text-transform:uppercase;font-weight:700;font-size:.73rem;margin-bottom:7px}
section[data-page="organisation"] .org-case--structured .org-case-approach strong{font-weight:730;display:block}
@media(max-width:800px){section[data-page="organisation"] .org-case--structured .org-case-part{margin-bottom:16px}section[data-page="organisation"] .org-case--structured .org-case-approach{margin-top:5px}}

@media (max-width: 900px){
  .strategy-cases,
  .org-cases,
  .tech-cases,
  .interim-cases{
    grid-template-columns: 1fr !important;
  }
}


/* V55: Einheitliche vertikale Mandatspraxis auf allen vier Kernleistungsseiten.
   Rein gestalterische Änderung; Inhalte und übrige Seiten bleiben unverändert. */
section[data-page="strategie"] .strategy-v37-cases,
section[data-page="organisation"] .org-case-grid,
section[data-page="technologie"] .tech-case-grid,
section[data-page="interim"] .interim-case-grid {
  display:grid;
  grid-template-columns:minmax(0, 1fr);
  gap:22px;
  max-width:1000px;
  margin-left:auto;
  margin-right:auto;
  align-items:stretch;
}
section[data-page="strategie"] .strategy-v37-case,
section[data-page="organisation"] .org-case,
section[data-page="technologie"] .tech-case,
section[data-page="interim"] .interim-case {
  width:100%;
  min-width:0;
  min-height:0;
  padding:36px 42px;
}
section[data-page="strategie"] .strategy-v37-case h3 {
  min-height:0;
}
@media(max-width:760px){
  section[data-page="strategie"] .strategy-v37-cases,
  section[data-page="organisation"] .org-case-grid,
  section[data-page="technologie"] .tech-case-grid,
  section[data-page="interim"] .interim-case-grid {gap:15px;max-width:100%}
  section[data-page="strategie"] .strategy-v37-case,
  section[data-page="organisation"] .org-case,
  section[data-page="technologie"] .tech-case,
  section[data-page="interim"] .interim-case {padding:27px 24px}
}

@media (max-width: 900px){
  .strategy-cases,
  .org-cases,
  .tech-cases,
  .interim-cases{
    grid-template-columns: 1fr !important;
  }
}


/* V58 – drei Mandate als drei nebeneinander stehende Karten, nicht drei Textspalten je Mandat */
@media (min-width: 961px) {
  section[data-page="strategie"] .strategy-v37-cases,
  section[data-page="organisation"] .org-case-grid,
  section[data-page="technologie"] .tech-case-grid,
  section[data-page="interim"] .interim-case-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
    max-width: none !important;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    align-items: stretch;
  }
  section[data-page="strategie"] .strategy-v37-case,
  section[data-page="organisation"] .org-case,
  section[data-page="technologie"] .tech-case,
  section[data-page="interim"] .interim-case {
    display: flex !important;
    flex-direction: column !important;
    grid-column: auto !important;
    min-width: 0;
    max-width: none !important;
  }
}
@media (min-width: 641px) and (max-width: 960px) {
  section[data-page="strategie"] .strategy-v37-cases,
  section[data-page="organisation"] .org-case-grid,
  section[data-page="technologie"] .tech-case-grid,
  section[data-page="interim"] .interim-case-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: none !important;
  }
  section[data-page="strategie"] .strategy-v37-case,
  section[data-page="organisation"] .org-case,
  section[data-page="technologie"] .tech-case,
  section[data-page="interim"] .interim-case {
    display: flex !important;
    flex-direction: column !important;
    grid-column: auto !important;
    min-width: 0;
  }
}
@media (max-width: 640px) {
  section[data-page="strategie"] .strategy-v37-cases,
  section[data-page="organisation"] .org-case-grid,
  section[data-page="technologie"] .tech-case-grid,
  section[data-page="interim"] .interim-case-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  section[data-page="strategie"] .strategy-v37-case,
  section[data-page="organisation"] .org-case,
  section[data-page="technologie"] .tech-case,
  section[data-page="interim"] .interim-case {
    display: flex !important;
    flex-direction: column !important;
    grid-column: auto !important;
  }
}


/* Experience 2026: exact mandate texts mirrored from the four service pages */
section[data-page="erfahrung"] .exp-synced-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:18px !important;align-items:stretch;margin-top:28px}
section[data-page="erfahrung"] .exp-synced-card{box-sizing:border-box;display:flex !important;flex-direction:column !important;grid-column:auto !important;min-width:0 !important;max-width:none !important;min-height:0 !important;margin:0 !important;background:#f5f8f9;border:1px solid #dbe5e9;border-top:4px solid #7eadc3;padding:27px 24px 25px;color:#18384e;box-shadow:none}
section[data-page="erfahrung"] .exp-synced-card h3{font-size:1.29rem;line-height:1.32;color:#15354e;margin:8px 0 21px;min-height:0;overflow-wrap:anywhere}
section[data-page="erfahrung"] .exp-synced-card .eyebrow{font-size:.69rem;color:#3f7798;line-height:1.5;margin:0 0 10px;text-transform:uppercase;letter-spacing:.08em}
section[data-page="erfahrung"] .exp-synced-card .strategy-v37-meta{display:flex;flex-direction:column;gap:5px;font-size:.72rem;color:#3f7798;letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px}
section[data-page="erfahrung"] .exp-synced-card .strategy-v37-meta span{display:block}
section[data-page="erfahrung"] .exp-synced-card .org-case-part,section[data-page="erfahrung"] .exp-synced-card .tech-case-part,section[data-page="erfahrung"] .exp-synced-card .interim-case-part{margin:0 0 17px;display:block}
section[data-page="erfahrung"] .exp-synced-card h4{color:#306c8d;font-size:.73rem;line-height:1.4;letter-spacing:.09em;text-transform:uppercase;margin:0 0 7px;font-weight:750}
section[data-page="erfahrung"] .exp-synced-card p{font-size:.93rem;line-height:1.61;margin:0 0 16px;color:#526c7b;max-width:100%;min-height:0}
section[data-page="erfahrung"] .exp-synced-card .org-case-approach,section[data-page="erfahrung"] .exp-synced-card .tech-case-approach,section[data-page="erfahrung"] .exp-synced-card .interim-case-approach{border-top:1px solid #c8d9e1;margin:5px 0 0;padding:16px 0 0;font-size:.93rem;line-height:1.61;color:#526c7b;display:block}
section[data-page="erfahrung"] .exp-synced-card .org-case-approach strong,section[data-page="erfahrung"] .exp-synced-card .tech-case-approach strong,section[data-page="erfahrung"] .exp-synced-card .interim-case-approach strong{display:block;font-size:.73rem;text-transform:uppercase;letter-spacing:.095em;color:#306c8d;margin:0 0 6px;font-weight:750}
section[data-page="erfahrung"] .exp-synced-card .org-case-approach span{display:block;font-size:.73rem;text-transform:uppercase;letter-spacing:.095em;color:#306c8d;margin:0 0 6px;font-weight:750}
section[data-page="erfahrung"] .exp-synced-card .strategy-v37-result{border-top:1px solid #c8d9e1;padding-top:14px;margin-top:3px}
section[data-page="erfahrung"] .exp-synced-card .strategy-v37-result strong,section[data-page="erfahrung"] .exp-synced-card >p>strong{color:#294e68}
section[data-page="erfahrung"] .exp-synced-card .strategy-v37-source{margin-top:auto;padding-top:15px;border-top:1px solid #d7e1e8;font-size:.78rem}
@media(max-width:1080px){section[data-page="erfahrung"] .exp-synced-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media(max-width:700px){section[data-page="erfahrung"] .exp-synced-grid{grid-template-columns:minmax(0,1fr) !important}section[data-page="erfahrung"] .exp-synced-card{padding:24px 22px}}


section[data-page="erfahrung"] .exp60-intro{padding:48px 0 26px}
section[data-page="erfahrung"] .exp60-intro h2{margin:4px 0 8px;font-size:clamp(1.5rem,3vw,2.2rem)}
section[data-page="erfahrung"] .exp60-intro p:not(.eyebrow){max-width:760px;color:#536a7b;line-height:1.65}
section[data-page="erfahrung"] .exp60-group{padding:48px 0 58px}
section[data-page="erfahrung"] .exp60-section-title{display:flex;gap:24px;justify-content:space-between;align-items:end;margin:0 0 26px}
section[data-page="erfahrung"] .exp60-section-title h2{margin:6px 0;font-size:clamp(1.35rem,2.6vw,1.9rem)}
section[data-page="erfahrung"] .exp60-section-title p:not(.eyebrow){margin:6px 0 0;color:#526b7b;max-width:740px}
section[data-page="erfahrung"] .exp60-section-title a{flex:none;color:#235d85;font-weight:650;text-decoration:none;font-size:.85rem}
section[data-page="erfahrung"] .exp60-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
section[data-page="erfahrung"] .exp60-card{background:#fff;border:1px solid #dce5ea;border-top:3px solid #306c8d;border-radius:4px;padding:24px;min-width:0;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 15px rgba(29,54,70,.035)}
section[data-page="erfahrung"] .exp60-num{font-size:.69rem;color:#52758b;letter-spacing:.11em;font-weight:750}
section[data-page="erfahrung"] .exp60-card h3{font-size:1.1rem;line-height:1.37;margin:0;color:#19394c}
section[data-page="erfahrung"] .exp60-card p{font-size:.91rem;line-height:1.6;color:#526b7b;margin:0 0 10px;flex:1}
section[data-page="erfahrung"] .exp60-card a{font-size:.82rem;color:#1a628c;text-decoration:none;font-weight:750;border-top:1px solid #e2eaf0;padding-top:12px}
section[data-page="erfahrung"] .exp60-card a:hover,section[data-page="erfahrung"] .exp60-section-title a:hover{text-decoration:underline}
section[data-page="erfahrung"] .exp60-outro{padding:55px 0}
@media(max-width:930px){section[data-page="erfahrung"] .exp60-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:630px){section[data-page="erfahrung"] .exp60-grid{grid-template-columns:1fr}section[data-page="erfahrung"] .exp60-section-title{display:block}section[data-page="erfahrung"] .exp60-section-title a{display:inline-block;margin-top:12px}}


/* V62 – four architectural editorial images; original text and portraits retained */
section[data-page="team"] .xpro-editorial-image{margin:40px 0 0;width:100%;overflow:hidden;border-radius:3px;line-height:0;background:#17344a;}
section[data-page="team"] .xpro-editorial-image img{display:block;width:100%;height:auto;object-fit:cover;object-position:center center;}
section[data-page="team"] .xpro-editorial-image--hero{margin-top:64px;}
section[data-page="team"] .xpro-editorial-image--hero img{aspect-ratio:2.45/1;}
section[data-page="team"] .xpro-editorial-image--identity img{aspect-ratio:3.5/1;}
section[data-page="team"] .xpro-editorial-image--values img{aspect-ratio:4.0/1;}
section[data-page="team"] .xpro-editorial-image--method img{aspect-ratio:3.6/1;}
@media(max-width:800px){
  section[data-page="team"] .xpro-editorial-image{margin-top:32px;}
  section[data-page="team"] .xpro-editorial-image--hero{margin-top:38px;}
  section[data-page="team"] .xpro-editorial-image--hero img{aspect-ratio:1.75/1;}
  section[data-page="team"] .xpro-editorial-image--identity img,
  section[data-page="team"] .xpro-editorial-image--values img,
  section[data-page="team"] .xpro-editorial-image--method img{aspect-ratio:2.0/1;}
}
@media(max-width:540px){
  section[data-page="team"] .xpro-editorial-image--hero img{aspect-ratio:1.45/1;}
  section[data-page="team"] .xpro-editorial-image--identity img,
  section[data-page="team"] .xpro-editorial-image--values img,
  section[data-page="team"] .xpro-editorial-image--method img{aspect-ratio:1.65/1;}
}


section[data-page="team"] .about-identity-grid > div:first-child { min-width: 0; }
section[data-page="team"] .about-identity-grid h2 { max-width: 100%; hyphens: manual; }
section[data-page="team"] .xpro-editorial-image--identity img { object-fit: cover; object-position: center 42%; }


.about-person-copy .about-person-bio + .about-person-bio{margin-top:0.85em;}


.about-person-tags{align-items:flex-start;align-content:flex-start;margin-top:20px;gap:7px}
.about-person-tags span{max-width:100%;overflow-wrap:anywhere;line-height:1.35}


/* Einzelne, bewusst kurze Leistungsetiketten statt zusammengefasster Mehrfachleistungen. */
.about-person-tags {display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;gap:6px;margin-top:18px}
.about-person-tags span {font-size:.69rem;line-height:1.3;padding:5px 8px;width:auto;max-width:100%;overflow-wrap:break-word;border-radius:3px}


/* Die Kompetenzbausteine sind analog zur Berufserfahrung standardmaessig eingeklappt. */
.about-person-competencies{border-top:1px solid #d9e5e9;margin:0 0 22px;padding:14px 0 0;color:#23445a;}
.about-person-competencies summary{font-size:.88rem;color:#205272;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 0;}
.about-person-competencies summary::after{content:'+';font-size:1.35rem;font-weight:400;line-height:1;}
.about-person-competencies[open] summary::after{content:'–';}
.about-person-competencies summary::-webkit-details-marker{display:none;}
.about-person-competencies summary:focus-visible{outline:2px solid #205272;outline-offset:4px;}
.about-person-competencies .about-person-tags{margin:14px 0 0;display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:6px;}


.about-person-experience .about-career-period{font-weight:600;white-space:normal}
.about-person-experience .about-career-source-note{font-size:.79rem;line-height:1.55;opacity:.7;margin:12px 0 0}


/* Gleiche Optik und Interaktion wie Berufserfahrung: Ausbildung ist standardmässig geschlossen. */
.about-person-education{border-top:1px solid #d9e5e9;margin:0 0 22px;padding:14px 0 0;color:#23445a}
.about-person-education summary{font-size:.88rem;color:#205272;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 0}
.about-person-education summary::after{content:'+';font-size:1.35rem;font-weight:400;line-height:1}
.about-person-education[open] summary::after{content:'–'}
.about-person-education summary::-webkit-details-marker{display:none}
.about-person-education summary:focus-visible{outline:2px solid #205272;outline-offset:4px}
.about-person-education ul{margin:14px 0 2px;padding:0 0 0 17px;color:#526b7a;font-size:.85rem;line-height:1.58}
.about-person-education li{padding-bottom:8px}


section[data-page="start"] .case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
section[data-page="start"] .case-grid .case{display:flex;flex-direction:column;align-items:flex-start}
section[data-page="start"] .case-detail{margin-top:auto;padding-top:20px;font-size:.85rem;font-weight:650;text-decoration:none;color:inherit}
section[data-page="start"] .case-detail:hover{text-decoration:underline}
@media(max-width:760px){section[data-page="start"] .case-grid{grid-template-columns:1fr}}


.start-team .team-intro h2 {overflow-wrap:break-word; max-width:100%;}


section[data-page="erfahrung"] .exp84-title-row{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:24px;flex:1;min-width:0}
section[data-page="erfahrung"] .exp84-image{height:126px;width:100%;background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:4px;box-shadow:0 2px 10px rgba(30,50,65,.10)}
section[data-page="erfahrung"] .exp60-section-title{align-items:center}
@media(max-width:850px){section[data-page="erfahrung"] .exp84-title-row{grid-template-columns:minmax(0,1fr) 150px;gap:14px}section[data-page="erfahrung"] .exp84-image{height:100px}}
@media(max-width:620px){section[data-page="erfahrung"] .exp60-section-title{align-items:stretch}section[data-page="erfahrung"] .exp84-title-row{grid-template-columns:minmax(0,1fr)}section[data-page="erfahrung"] .exp84-image{height:150px;max-width:100%}}


.ps-v85-curated{margin-top:34px;margin-bottom:34px}.ps-v85-section-head{max-width:820px;margin:0 0 23px}.ps-v85-section-head h2{font-size:clamp(1.6rem,3vw,2.35rem);color:#143f59;line-height:1.16;margin:6px 0 10px}.ps-v85-section-head p:last-child{color:#526e7f;line-height:1.6}.ps-v85-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ps-v85-feature-grid .ps-post{min-height:295px}.ps-v85-highlight:first-child{background:#103f5a;border-color:#103f5a}.ps-v85-highlight:first-child h3,.ps-v85-highlight:first-child .ps-article-kicker,.ps-v85-highlight:first-child .ps-deck,.ps-v85-highlight:first-child .ps-article-foot span{color:#fff}.ps-v85-highlight:first-child .ps-article-foot a{color:#bde7fc}.ps-v85-highlight:first-child .ps-article-foot{border-top-color:rgba(255,255,255,.2)}
.ps-v85-archive{border:1px solid #c9dce7;margin:40px 0 52px;background:#f7fafc}.ps-v85-archive>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;gap:18px;padding:25px 28px;color:#174b6b}.ps-v85-archive>summary::-webkit-details-marker{display:none}.ps-v85-archive>summary strong{display:block;font-size:1.12rem}.ps-v85-archive>summary small{display:block;color:#607c8c;margin-top:5px;font-size:.88rem;line-height:1.4}.ps-v85-toggle{border:1px solid #a9c6d7;width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;font-size:1.35rem}.ps-v85-archive[open] .ps-v85-toggle{font-size:0}.ps-v85-archive[open] .ps-v85-toggle:after{content:'−';font-size:1.35rem}.ps-v85-archive-body{padding:0 27px 30px}.ps-v85-archive-lead{margin:0 0 17px;color:#526e7f}.ps-v85-archive .ps-toolbar{margin-top:0}.ps-v85-archive-group{margin-top:27px}.ps-v85-archive-group[hidden]{display:none}.ps-v85-archive-group>h3,.ps-v85-series-heading h3{font-size:1.4rem;color:#173d54;margin:0 0 13px}.ps-v85-series-heading{border-top:1px solid #d3e2e9;padding-top:22px;margin-bottom:17px}.ps-v85-series-heading p{color:#577080;max-width:680px;line-height:1.6}.ps-v85-archive .ps-grid{margin-top:0}.ps-v85-archive .ps-post{min-height:280px}.ps-v85-archive .ps-post:hover{transform:none}
@media(max-width:700px){.ps-v85-feature-grid{grid-template-columns:1fr}.ps-v85-archive>summary{padding:20px 16px}.ps-v85-archive-body{padding:0 15px 22px}.ps-v85-feature-grid .ps-post{min-height:0}}


/* V87 – ausschliesslich der Kopfbereich der Seite Perspektiven */
section[data-page="perspektiven"] .ps-v87-pagehero{padding-bottom:0;}
section[data-page="perspektiven"] .ps-v87-pagehero>.container{padding-bottom:clamp(46px,5vw,72px);}
section[data-page="perspektiven"] .ps-v87-hero-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(30px,4.5vw,70px);align-items:center;}
section[data-page="perspektiven"] .ps-v87-hero-copy{min-width:0;}
section[data-page="perspektiven"] .ps-v87-hero-copy h1{max-width:660px;font-size:clamp(2.4rem,3.6vw,4.15rem);line-height:1.12;overflow-wrap:normal;}
section[data-page="perspektiven"] .ps-v87-hero-copy .lead{max-width:650px;}
section[data-page="perspektiven"] .ps-v87-hero-copy .ps-hero-meta{gap:10px 13px;}
section[data-page="perspektiven"] .ps-v87-hero-photo{min-width:0;align-self:stretch;min-height:370px;overflow:hidden;border-radius:4px;background:#d3d4d2;}
section[data-page="perspektiven"] .ps-v87-hero-photo img{display:block;width:100%;height:100%;min-height:370px;object-fit:cover;object-position:58% center;}
@media(max-width:900px){section[data-page="perspektiven"] .ps-v87-hero-grid{grid-template-columns:1fr;gap:28px;}section[data-page="perspektiven"] .ps-v87-hero-photo{min-height:0;max-height:390px;}section[data-page="perspektiven"] .ps-v87-hero-photo img{min-height:0;aspect-ratio:16/9;height:auto;object-position:50% 52%;}section[data-page="perspektiven"] .ps-v87-hero-copy h1{font-size:clamp(2.35rem,6.4vw,3.6rem);}}
@media(max-width:520px){section[data-page="perspektiven"] .ps-v87-hero-photo img{aspect-ratio:4/3;}section[data-page="perspektiven"] .ps-v87-hero-grid{gap:22px;}}


/* Release QA: narrow-screen grid components must not retain 3 desktop columns. */
@media (max-width: 800px) {
  .section-heading-row, .principles-grid, .team-intro,
  .intro-grid, .split, .columns,
  .overview-hero-grid, .overview-service-grid,
  .tech-hero-grid, .tech-intro-grid, .tech-impact-grid,
  .about-hero-grid, .about-identity-grid, .about-method-grid,
  .about-team-head, .org-integration-body,
  .strategy-hero-grid, .strategy-intro-grid, .strategy-decision-grid, .strategy-v37-header,
  .tech-situations, .tech-work-grid,
  .interim-hero-grid, .interim-intro-grid, .interim-mandate-grid, .interim-approach-head, .interim-impact-grid,
  .about-values-head, .about-values-grid, .about-team-grid, .about-end-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 24px;
  }
  .section-heading-row > *, .team-intro > *,
  .overview-hero-grid > *, .overview-service-grid > *,
  .tech-hero-grid > *, .tech-intro-grid > *, .tech-impact-grid > *,
  .about-hero-grid > *, .about-identity-grid > *, .about-method-grid > * {
    min-width: 0;
  }
}
@media (max-width: 600px) {
  .principles-grid { gap: 8px; }
  section[data-page] h1, section[data-page] h2, section[data-page] h3,
  section[data-page] p, section[data-page] li, section[data-page] strong {overflow-wrap:anywhere;}
}


/* V93: Beim dritten Organisationsmandat stehen Ausgangslage und Unser Beitrag
   analog zu den beiden anderen Karten untereinander. */
section[data-page="organisation"] .org-case-integration .org-integration-body {
  display: block !important;
  grid-template-columns: none !important;
  gap: 0 !important;
}

/* V96: separate page navigation and direct mandate anchors */
main>section[data-page]{display:block}
[id$="--mandat-1"],[id$="--mandat-2"],[id$="--mandat-3"],.section[id]{scroll-margin-top:112px}
@media(max-width:700px){[id$="--mandat-1"],[id$="--mandat-2"],[id$="--mandat-3"],.section[id]{scroll-margin-top:86px}}


/* Xpro V98 — mobile readability correction after real iPhone review (2026-11-06)
   Earlier breakpoints accidentally assigned three columns to copy sections on phones.
   Keep V97 desktop rules untouched; stack editorial blocks on narrow screens.
*/
@media (max-width: 800px) {
  .intro-grid, .split, .columns,
  .section-heading-row, .principles-grid, .team-intro,
  .overview-hero-grid, .overview-service-grid, .overview-proof-grid,
  .strategy-hero-grid, .strategy-intro-grid, .strategy-decision-grid,
  .strategy-experience-grid, .strategy-v37-header,
  .org-hero-grid, .org-intro-grid, .org-outcomes-grid,
  .org-experience-grid, .org-integration-body,
  .tech-hero-grid, .tech-intro-grid, .tech-impact-grid,
  .tech-situations, .tech-work-grid,
  .interim-hero-grid, .interim-intro-grid, .interim-approach-head,
  .interim-impact-grid, .interim-mandate-grid,
  .exp-hero-grid, .exp-intro-grid, .exp-feature-grid, .exp-enterprise-grid,
  .exp-domain-row, .exp-feature-metrics,
  .about-hero-grid, .about-identity-grid, .about-method-grid,
  .about-values-head, .about-values-grid, .about-team-head,
  .about-end-grid,
  .ps-intro, .ps-ending,
  .contact-v23-layout,
  .overview-modes {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: clamp(18px, 5vw, 32px);
  }
  /* Text must be able to occupy the full available width of each panel. */
  .exp-hero-grid > *, .exp-intro-grid > *,
  .ps-intro > *, .ps-ending > *,
  .contact-v23-layout > *,
  .overview-modes > *, .org-hero-grid > *, .org-intro-grid > *,
  .about-hero-grid > *, .about-identity-grid > * {
    min-width: 0;
  }
  .overview-modes > div {padding: 22px 0;}
  .overview-modes > div:not(:last-child) {border-bottom: 1px solid rgba(255,255,255,.22);}
  .overview-modes h3 {margin-top: 5px;overflow-wrap:normal;}
  .ps-ending {margin-top: 44px;padding-top: 30px;}
  .ps-intro {margin-bottom: 35px;}
  .contact-v23-description {order: 1;}
  .contact-v23-image {order: 2;max-width:420px;width:100%;}
  .exp-hero-aside {padding-left: 0;}
}
@media (max-width: 640px) {
  .interim-steps,
  .interim-case-grid, .interim-mandate-grid,
  .tech-case-grid, .tech-situations,
  .exp60-grid, .exp-synced-grid,
  .about-team-grid, .team-strip,
  .strategy-v37-cases, .org-case-grid,
  .ps-v85-feature-grid, .ps-grid,
  .overview-navigator, .overview-modes {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .exp-hero h1, .exp-intro h2, .contact-v23-description h2,
  .ps-ending h2, .overview-modes h3 {
    overflow-wrap: normal;
    word-break: normal;
  }
  .contact-v23-image {max-width:360px;}
  .ps-ending .eyebrow, .ps-intro .eyebrow,
  .contact-v23-description .eyebrow {
    overflow-wrap: normal;
    word-break: normal;
  }
  .overview-service h2 .v36-line {white-space:normal;}
}
@media (max-width: 360px) {
  .container {width:calc(100% - 30px);}
  .contact-v23-description h2 {font-size:clamp(2rem,10vw,2.7rem);}
  .exp-hero h1 {font-size:clamp(2.1rem,9vw,2.55rem);}
  .exp60-card, .ps-post, .org-case {min-width:0;}
  section[data-page="perspektiven"] .ps-v87-hero-copy h1 {
    font-size: 2.05rem;
    overflow-wrap: break-word;
    hyphens: auto;
  }
}

/* XPRO RELEASE 99: CSS ASSET */


/* XPRO V103: CI/CD Akzent Pantone 151, RGB 243/153/0 (#F39900).
   Scoped to the agreed nav icon and three subtle accents on the homepage.
   All other site colors, typography and responsive grid rules are unchanged.
*/
:root { --xpro-accent-151: #f39900; }
/* Contact is a normal link, just like the other desktop/mobile navigation items. */
.header .nav .nav-contact {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #3c4b55;
  box-shadow: none;
}
.header .nav .nav-contact:hover,
.header .nav .nav-contact.active { color: #1c6489; }
.header .nav .nav-contact-arrow {
  color: var(--xpro-accent-151);
  display: inline-block;
  font-size: 1em;
  font-weight: 750;
  line-height: 1;
  margin-left: .22em;
  vertical-align: .04em;
  transition: transform .2s ease;
}
.header .nav .nav-contact:hover .nav-contact-arrow,
.header .nav .nav-contact:focus-visible .nav-contact-arrow {
  transform: translate(2px,-2px);
}
/* Orange on numbers alone; the explanatory KERNLEISTUNG label remains blue. */
section[data-page="start"] .service-num .service-index {
  color: var(--xpro-accent-151);
  font-weight: 800;
}
/* Existing statement, unchanged text, with one unobtrusive brand-colored keyline. */
section[data-page="start"] .start-haltung .principle-quote {
  border-left: 3px solid var(--xpro-accent-151);
  padding-left: clamp(16px, 2vw, 25px);
}
@media (prefers-reduced-motion: reduce) {
  .header .nav .nav-contact-arrow {transition: none;}
}


/* ================================================================
   XPRO V104 | CI/CD-Pantone 151 across the website
   Small editorial accents only; no new cards, backgrounds, content,
   typography or layout-grid changes. Pantone 151 RGB 243/153/0.
   Existing V103 start-page accents and universal Contact nav retained.
   ================================================================ */

/* Leistungen (service overview): the four existing section numbers. */
section[data-page="leistungen"] .overview-service-number {
  color:var(--xpro-accent-151);
}

/* Four service-detail pages: restrained 22px rule in case captions.
   Strategy's case metadata and the other services' existing Approach
   labels receive the same small visual marker; no text is added. */
section[data-page="strategie"] .strategy-v37-case .strategy-v37-meta > span:first-child::before,
section[data-page="organisation"] .org-case--structured .org-case-approach > span:first-child::before,
section[data-page="technologie"] .tech-case--erp-structured .tech-case-approach > strong:first-child::before,
section[data-page="interim"] .interim-case--detailed .interim-case-approach > strong:first-child::before {
  content:"";
  display:inline-block;
  width:22px;
  height:2px;
  background:var(--xpro-accent-151);
  margin-right:10px;
  vertical-align:middle;
}

/* Experience: one fine rule alongside the existing closing statement. */
section[data-page="erfahrung"] .exp60-outro .exp-intro-grid > div:last-child {
  border-left:2px solid var(--xpro-accent-151);
  padding-left:clamp(14px,1.7vw,22px);
}

/* Perspectives: only the arrow glyph of featured outbound links;
   archive controls retain their established blue visual language. */
section[data-page="perspektiven"] .ps-v85-highlight .ps-article-foot a > span[aria-hidden="true"] {
  color:var(--xpro-accent-151);
}

/* Contact: a subtle line beside the existing personal statement. */
section[data-page="kontakt"] .contact-v23-statement {
  border-left:2px solid var(--xpro-accent-151);
  padding-left:clamp(14px,1.7vw,22px);
}


/* XPRO V105 — consistent editorial chapters for the four core services.
   Only chapter headings are numbered: 1.1–1.4 / 2.1–2.4 / 3.1–3.4 / 4.1–4.4.
   The numbers use the heading color, low weight and smaller type; orange highlights
   primary situations/questions, not chapters. Preserve all V98 responsive rules. */
section[data-page="strategie"] .eyebrow.xpro-chapter-head,
section[data-page="organisation"] .eyebrow.xpro-chapter-head,
section[data-page="technologie"] .eyebrow.xpro-chapter-head,
section[data-page="interim"] .eyebrow.xpro-chapter-head {
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  column-gap:.85rem;
  row-gap:.15rem;
  margin:0 0 clamp(22px,2.8vw,34px);
  text-transform:none;
  letter-spacing:.007em;
  font-size:clamp(1.23rem,1.7vw,1.5rem);
  font-weight:650;
  line-height:1.3;
  color:#102b43;
}
section[data-page] .xpro-chapter-index {
  color:inherit;
  opacity:.84;
  font-family:inherit;
  font-weight:300;
  font-size:.83em;
  font-variant-numeric:tabular-nums;
  letter-spacing:0;
  white-space:nowrap;
}
section[data-page] .xpro-chapter-name {color:inherit;font-weight:650;letter-spacing:inherit}
section[data-page] .section.dark .eyebrow.xpro-chapter-head {color:#f5f8fa;}
/* Accent only the substantive issue headings, not the chapter index. */
section[data-page="strategie"] .strategy-question {
  display:block;
  grid-template-columns:none;
  border-top:1px solid #c7d9e2;
  padding:15px 0 15px 16px;
  position:relative;
}
section[data-page="strategie"] .strategy-question::before {
  content:"";position:absolute;left:0;top:17px;bottom:17px;width:2px;
  background:var(--xpro-accent-151);
}
section[data-page="strategie"] .strategy-question p {font-family:inherit;font-weight:680;font-size:clamp(1.03rem,1.35vw,1.23rem);line-height:1.47;}
section[data-page="strategie"] .strategy-situation h3,
section[data-page="organisation"] .org-situation h3,
section[data-page="technologie"] .tech-situation h3,
section[data-page="interim"] .interim-situation h3 {
  border-left:2px solid var(--xpro-accent-151);
  padding-left:clamp(12px,1.5vw,18px);
}
section[data-page="strategie"] .strategy-situation {padding-top:30px;}
section[data-page="organisation"] .org-situation>span {min-height:0;margin-bottom:19px;}
section[data-page="strategie"] .strategy-work-item>span,
section[data-page="organisation"] .org-work>span,
section[data-page="technologie"] .tech-work>span,
section[data-page="interim"] .interim-mandate>span {
  font-size:.82rem;
  font-weight:650;
  letter-spacing:.055em;
  text-transform:none;
  line-height:1.45;
  margin-bottom:17px;
}
section[data-page="strategie"] .strategy-work-item h3,
section[data-page="organisation"] .org-work h3,
section[data-page="technologie"] .tech-work h3,
section[data-page="interim"] .interim-mandate h3 {font-size:clamp(1.45rem,1.9vw,1.72rem);line-height:1.24;}
/* Right-side frameworks are explanatory — no miniature step indices. */
section[data-page="organisation"] .org-chain-row {grid-template-columns:minmax(0,1fr);}
section[data-page="organisation"] .org-chain-row>div {border-left:2px solid var(--xpro-accent-151);padding-left:14px;}
section[data-page="technologie"] .tech-model-flow>div {position:relative;padding-left:14px;}
section[data-page="technologie"] .tech-model-flow>div::before {content:"";position:absolute;left:0;top:13px;bottom:13px;width:2px;background:var(--xpro-accent-151);}
/* Interim: 4.2 includes the separate dark 'Unsere Arbeitsweise' sub-section;
   the genuine result and mandate sections remain 4.3 and 4.4. */
section[data-page="interim"] .interim-situation {display:block;grid-template-columns:none;}
section[data-page="interim"] .interim-situation>div {max-width:900px;}
section[data-page="interim"] .interim-steps>div {padding-top:25px;}
section[data-page="interim"] .interim-steps h3 {font-size:clamp(1.3rem,1.7vw,1.52rem);}
@media(max-width:640px){
  section[data-page] .eyebrow.xpro-chapter-head {font-size:1.18rem;gap:.5rem;margin-bottom:19px;}
  section[data-page] .xpro-chapter-index {font-size:.82em;}
  section[data-page="strategie"] .strategy-question {padding-top:14px;padding-bottom:14px;}
}


/* V105 / homepage core services: one quiet orange numeral per service,
   without the redundant "/ KERNLEISTUNG" caption. */
section[data-page="start"] .service-list .service-num {
  margin-bottom:28px;
  letter-spacing:0;
  line-height:1;
}
section[data-page="start"] .service-list .service-index {
  color:var(--xpro-accent-151);
  font-size:1.4rem;
  font-weight:500;
  letter-spacing:0;
}

/* XPRO V106 | Editorial reduction of the three principles, no decorative counters. */
section[data-page="start"] .start-haltung .principle h3 {margin-top:0;}
section[data-page="start"] .start-haltung .principle {padding-top:14px;}
@media(max-width:640px){section[data-page="start"] .start-haltung .principle {padding-top:12px;}}


/* XPRO V107 | Startseite – abgeschlossene redaktionelle Korrekturrunde.
   Keine dekorativen Ziffern in den vier Kernleistungskarten; die Bezeichnungen
   der Mandatspraxis stimmen mit den bestehenden vier Leistungstiteln überein.
   Keine Trennlinien zwischen den vier Mandaten: Gliederung über Typografie
   und Weissraum, nicht durch Rahmen oder zusätzliche Farbe. */
section[data-page="start"] .start-cases .case {
  border:0;
  border-top:0;
  border-bottom:0;
  background:transparent;
  padding:19px 0 23px;
  min-height:0;
}
section[data-page="start"] .start-cases .case .eyebrow {
  font-size:.72rem;
  font-weight:700;
  line-height:1.4;
  letter-spacing:.08em;
  margin:0 0 16px;
}
section[data-page="start"] .start-cases .case-grid {
  column-gap:clamp(28px,4vw,62px);
  row-gap:clamp(16px,2.7vw,33px);
}
section[data-page="start"] .service-list .service {
  padding-top:clamp(35px,3.6vw,46px);
}
@media(max-width:760px){
  section[data-page="start"] .start-cases .case {padding:15px 0 20px;}
  section[data-page="start"] .start-cases .case-grid {row-gap:18px;}
}


/* Xpro V108 – Freigegebenes Alpinmotiv im Hero; 01–04 bei
   «Wann wir gefragt sind» entfernt. Die Titel erhalten feine
   orange Akzentlinien, ohne zusätzliche Nummerierungen. */
section[data-page="start"] .start-challenges .challenge h3 {
  border-left: 2px solid #F39900;
  padding-left: 14px;
}
/* Vertikaler Ausschnitt des neuen Portraits auf mobilen Geräten:
   Bergführer und ferne Begleiter sollen sichtbar bleiben. */
@media (max-width: 800px) {
  section[data-page="start"] .hero-photo img {
    object-position: center 64%;
  }
}


/* Xpro V109 – minimal, page-scoped adjustments to Leistungen only.
   The approved layout and all original photographs remain unchanged. */
section[data-page="leistungen"] .overview-v33-thumb:hover .overview-v33-thumb-photo,
section[data-page="leistungen"] .overview-v33-thumb:focus-visible .overview-v33-thumb-photo {
  opacity: .46;
  transform: none;
}
section[data-page="leistungen"] .overview-service-number {
  min-height: 2.7rem; /* retain the original category-label position after dropping 01–04 */
}
@media (max-width: 800px) {
  section[data-page="leistungen"] .overview-service-number { min-height: 2.2rem; }
}
@media (prefers-reduced-motion: reduce) {
  section[data-page="leistungen"] .overview-v33-thumb-photo { transition: none; }
}


/* XPRO V110 – Originalbilder der vier Kernleistungen bleiben natürlich und hell.
   Beim Hover / Tastaturfokus nur sanfte Abdunkelung, kein Zoom.
   Ein schmaler Verlauf am unteren Rand erhält die Lesbarkeit der weissen Titel,
   ohne das Motiv insgesamt dunkel zu färben. Änderungen nur an /leistungen/. */
section[data-page="leistungen"] .overview-v33-thumb-photo {
  opacity: 1;
  filter: none;
  transform: none;
  transition: filter .3s ease;
}
section[data-page="leistungen"] .overview-v33-thumb::before {
  background: linear-gradient(to top, rgba(8,28,44,.48) 0%, rgba(8,28,44,0) 44%);
}
section[data-page="leistungen"] .overview-v33-thumb:hover .overview-v33-thumb-photo,
section[data-page="leistungen"] .overview-v33-thumb:focus-visible .overview-v33-thumb-photo {
  opacity: 1;
  filter: brightness(.84);
  transform: none;
}
@media (hover: none) {
  section[data-page="leistungen"] .overview-v33-thumb:hover .overview-v33-thumb-photo {
    filter: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  section[data-page="leistungen"] .overview-v33-thumb-photo { transition: none; }
}


/* ================================================================
   XPRO V111 | Visuelle Vereinheitlichung auf den vier Detailseiten.
   Bewusst nur an den vier Leistungsbereichen – kein Redesign.
   ================================================================ */

/* Kapitelüberschriften ohne 1.1–4.4: der matte Xpro-Blauton übernimmt
   die Orientierung, die Nummerierung fällt vollständig weg. */
section[data-page="strategie"] .eyebrow.xpro-chapter-head,
section[data-page="organisation"] .eyebrow.xpro-chapter-head,
section[data-page="technologie"] .eyebrow.xpro-chapter-head,
section[data-page="interim"] .eyebrow.xpro-chapter-head {
  display:block;
  color:#27658c;
  font-size:clamp(1.23rem, 1.7vw, 1.5rem);
  font-weight:650;
}
section[data-page="strategie"] .section.dark .eyebrow.xpro-chapter-head,
section[data-page="organisation"] .section.dark .eyebrow.xpro-chapter-head,
section[data-page="technologie"] .section.dark .eyebrow.xpro-chapter-head,
section[data-page="interim"] .section.dark .eyebrow.xpro-chapter-head {
  color:#9bc8db;
}
section[data-page="strategie"] .xpro-chapter-head .xpro-chapter-name,
section[data-page="organisation"] .xpro-chapter-head .xpro-chapter-name,
section[data-page="technologie"] .xpro-chapter-head .xpro-chapter-name,
section[data-page="interim"] .xpro-chapter-head .xpro-chapter-name {font-weight:650;}

/* Nur kleine orange Ergebnispfeile – keine Änderung an Texten, Layout,
   Listenabständen oder Hintergrundflächen. */
section[data-page="strategie"] .strategy-outcomes li::before,
section[data-page="organisation"] .org-outcome-list li::before,
section[data-page="technologie"] .tech-impact-list li::before,
section[data-page="interim"] .interim-impact-list li::before {
  color:var(--xpro-accent-151);
}

/* Mandatsbeispiele: Branchen-Zusätze redaktionell entfernt.
   Bestehende thematische Kategorien bleiben, aber ohne orange Striche.
   Keine neuen visuellen Elemente oder veränderten Abstände. */
section[data-page="strategie"] .strategy-v37-case .strategy-v37-meta > span:first-child::before,
section[data-page="organisation"] .org-case--structured .org-case-approach > span:first-child::before,
section[data-page="technologie"] .tech-case--erp-structured .tech-case-approach > strong:first-child::before,
section[data-page="interim"] .interim-case--detailed .interim-case-approach > strong:first-child::before {
  content:none;
  display:none;
}
section[data-page="strategie"] .strategy-v37-meta {min-height:0;gap:0;}

/* Kontakt-Aufforderungen sind keine grossen Buttons mehr.
   Ein dezenter Textlink mit kleinem orangem Pfeil, überall identisch. */
section[data-page="strategie"] .xpro-inline-link,
section[data-page="organisation"] .xpro-inline-link,
section[data-page="technologie"] .xpro-inline-link,
section[data-page="interim"] .xpro-inline-link {
  display:inline-flex;
  align-items:center;
  gap:.52em;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  font-size:.95rem;
  font-weight:650;
  line-height:1.55;
  color:#215777;
  text-decoration:none;
  transition:color .2s ease;
}
section[data-page="strategie"] .xpro-inline-link::after,
section[data-page="organisation"] .xpro-inline-link::after,
section[data-page="technologie"] .xpro-inline-link::after,
section[data-page="interim"] .xpro-inline-link::after {
  content:'↗';
  font-size:1.17em;
  font-weight:400;
  color:var(--xpro-accent-151);
  transition:transform .2s ease;
}
section[data-page="strategie"] .xpro-inline-link:hover,
section[data-page="organisation"] .xpro-inline-link:hover,
section[data-page="technologie"] .xpro-inline-link:hover,
section[data-page="interim"] .xpro-inline-link:hover {color:#0e344e;text-decoration:underline;text-underline-offset:4px;}
section[data-page="strategie"] .xpro-inline-link:hover::after,
section[data-page="organisation"] .xpro-inline-link:hover::after,
section[data-page="technologie"] .xpro-inline-link:hover::after,
section[data-page="interim"] .xpro-inline-link:hover::after {transform:translate(2px,-2px);}
section[data-page="interim"] .interim-hero .xpro-intro-link {color:#e8f1f4;}
section[data-page="interim"] .interim-hero .xpro-intro-link:hover {color:white;}
section[data-page="strategie"] .end-cta .xpro-cta-link,
section[data-page="organisation"] .end-cta .xpro-cta-link,
section[data-page="technologie"] .end-cta .xpro-cta-link,
section[data-page="interim"] .end-cta .xpro-cta-link {color:#fff;flex-shrink:0;}
section[data-page="strategie"] .end-cta .xpro-cta-link:hover,
section[data-page="organisation"] .end-cta .xpro-cta-link:hover,
section[data-page="technologie"] .end-cta .xpro-cta-link:hover,
section[data-page="interim"] .end-cta .xpro-cta-link:hover {color:#fff;}
@media(max-width:800px){
  section[data-page="strategie"] .end-cta .xpro-cta-link,
  section[data-page="organisation"] .end-cta .xpro-cta-link,
  section[data-page="technologie"] .end-cta .xpro-cta-link,
  section[data-page="interim"] .end-cta .xpro-cta-link {margin-top:20px;}
}
@media(max-width:640px){
  section[data-page="strategie"] .eyebrow.xpro-chapter-head,
  section[data-page="organisation"] .eyebrow.xpro-chapter-head,
  section[data-page="technologie"] .eyebrow.xpro-chapter-head,
  section[data-page="interim"] .eyebrow.xpro-chapter-head {font-size:1.18rem;}
}
@media(prefers-reduced-motion:reduce){
  section[data-page] .xpro-inline-link,
  section[data-page] .xpro-inline-link::after {transition:none;}
}


/* V113 – Leistungsuebersicht: freigegebener Titelumbruch. Nur diese Seite.
   Das NBSP im Titel haelt „Ein unternehmerischer“ zusammen.
   Auf kleinen Displays bleibt die Zeile lesbar ohne horizontales Scrollen. */
section[data-page="leistungen"] .overview-hero h1 .v34-heading-line{overflow-wrap:normal;word-break:normal;hyphens:manual;}
@media(max-width:430px){
 section[data-page="leistungen"] .overview-hero h1{font-size:clamp(1.72rem,7.7vw,1.95rem);letter-spacing:-.052em;}
}
@media(max-width:350px){
 section[data-page="leistungen"] .overview-hero h1{font-size:1.64rem;letter-spacing:-.05em;}
}


/* V114: Direkter Austausch auf Startseite und Leistungsuebersicht.
   Einheitlich dezenter weissfarbiger Textlink „Kontakt“ mit einem kleinen
   orangefarbenen Pfeil, ohne Buttonflaeche. Andere Seiten unveraendert. */
section[data-page="start"] .end-cta .xpro-cta-link,
section[data-page="leistungen"] .end-cta .xpro-cta-link {
  display:inline-flex;
  align-items:center;
  gap:.52em;
  padding:0;
  margin:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  flex-shrink:0;
  color:#fff;
  font-size:.95rem;
  font-weight:650;
  line-height:1.55;
  text-decoration:none;
  transition:color .2s ease;
}
section[data-page="start"] .end-cta .xpro-cta-link::after,
section[data-page="leistungen"] .end-cta .xpro-cta-link::after {
  content:'↗';
  color:var(--xpro-accent-151, #f39900);
  font-size:1.17em;
  font-weight:400;
  transition:transform .2s ease;
}
section[data-page="start"] .end-cta .xpro-cta-link:hover,
section[data-page="leistungen"] .end-cta .xpro-cta-link:hover {
  color:#fff;
  text-decoration:underline;
  text-underline-offset:4px;
}
section[data-page="start"] .end-cta .xpro-cta-link:hover::after,
section[data-page="leistungen"] .end-cta .xpro-cta-link:hover::after {transform:translate(2px,-2px);}
section[data-page="start"] .end-cta .xpro-cta-link:focus-visible,
section[data-page="leistungen"] .end-cta .xpro-cta-link:focus-visible {
  outline:2px solid var(--xpro-accent-151, #f39900);
  outline-offset:5px;
}
@media(max-width:800px){
  section[data-page="start"] .end-cta .xpro-cta-link,
  section[data-page="leistungen"] .end-cta .xpro-cta-link {margin-top:20px;}
}
@media(prefers-reduced-motion:reduce){
  section[data-page="start"] .end-cta .xpro-cta-link,
  section[data-page="leistungen"] .end-cta .xpro-cta-link,
  section[data-page="start"] .end-cta .xpro-cta-link::after,
  section[data-page="leistungen"] .end-cta .xpro-cta-link::after {transition:none;}
}


/* V115 – Einheitlicher Kontakt-Abschluss auf den sechs relevanten Seiten.
   Textlink ohne Schaltflaeche, weiss mit kleinem orangefarbenem Pfeil.
   Desktop: Link und erste Zeile des Beschreibungstexts teilen sich eine Grid-Zeile. */
section[data-page="strategie"] .end-cta .xpro-cta-link,
section[data-page="organisation"] .end-cta .xpro-cta-link,
section[data-page="technologie"] .end-cta .xpro-cta-link,
section[data-page="interim"] .end-cta .xpro-cta-link {
  display:inline-flex; align-items:center; gap:.52em; padding:0; margin:0;
  border:0; border-radius:0; background:transparent; box-shadow:none;
  color:#fff; font-size:.95rem; font-weight:650; line-height:1.55;
  text-decoration:none; flex-shrink:0;
}
section[data-page="strategie"] .end-cta .xpro-cta-link::after,
section[data-page="organisation"] .end-cta .xpro-cta-link::after,
section[data-page="technologie"] .end-cta .xpro-cta-link::after,
section[data-page="interim"] .end-cta .xpro-cta-link::after {
  content:'↗'; color:var(--xpro-accent-151, #f39900); font-size:1.17em; font-weight:400;
}
section[data-page="strategie"] .end-cta .xpro-cta-link:focus-visible,
section[data-page="organisation"] .end-cta .xpro-cta-link:focus-visible,
section[data-page="technologie"] .end-cta .xpro-cta-link:focus-visible,
section[data-page="interim"] .end-cta .xpro-cta-link:focus-visible {
  outline:2px solid var(--xpro-accent-151, #f39900); outline-offset:5px;
}
@media (min-width:801px) {
  section[data-page="start"] .end-cta .cta-inner,
  section[data-page="leistungen"] .end-cta .cta-inner,
  section[data-page="strategie"] .end-cta .cta-inner,
  section[data-page="organisation"] .end-cta .cta-inner,
  section[data-page="technologie"] .end-cta .cta-inner,
  section[data-page="interim"] .end-cta .cta-inner {
    display:grid; grid-template-columns:minmax(0,1fr) max-content;
    grid-template-rows:auto auto auto; column-gap:45px; row-gap:0; align-items:start;
  }
  section[data-page="start"] .end-cta .cta-inner > div,
  section[data-page="leistungen"] .end-cta .cta-inner > div,
  section[data-page="strategie"] .end-cta .cta-inner > div,
  section[data-page="organisation"] .end-cta .cta-inner > div,
  section[data-page="technologie"] .end-cta .cta-inner > div,
  section[data-page="interim"] .end-cta .cta-inner > div {display:contents;}
  section[data-page="start"] .end-cta .cta-inner .eyebrow,
  section[data-page="leistungen"] .end-cta .cta-inner .eyebrow,
  section[data-page="strategie"] .end-cta .cta-inner .eyebrow,
  section[data-page="organisation"] .end-cta .cta-inner .eyebrow,
  section[data-page="technologie"] .end-cta .cta-inner .eyebrow,
  section[data-page="interim"] .end-cta .cta-inner .eyebrow {grid-column:1/-1; grid-row:1;}
  section[data-page="start"] .end-cta .cta-inner h2,
  section[data-page="leistungen"] .end-cta .cta-inner h2,
  section[data-page="strategie"] .end-cta .cta-inner h2,
  section[data-page="organisation"] .end-cta .cta-inner h2,
  section[data-page="technologie"] .end-cta .cta-inner h2,
  section[data-page="interim"] .end-cta .cta-inner h2 {grid-column:1/-1; grid-row:2;}
  section[data-page="start"] .end-cta .cta-inner .muted,
  section[data-page="leistungen"] .end-cta .cta-inner .muted,
  section[data-page="strategie"] .end-cta .cta-inner .muted,
  section[data-page="organisation"] .end-cta .cta-inner .muted,
  section[data-page="technologie"] .end-cta .cta-inner .muted,
  section[data-page="interim"] .end-cta .cta-inner .muted {grid-column:1; grid-row:3; margin:0;}
  section[data-page="start"] .end-cta .cta-inner .xpro-cta-link,
  section[data-page="leistungen"] .end-cta .cta-inner .xpro-cta-link,
  section[data-page="strategie"] .end-cta .cta-inner .xpro-cta-link,
  section[data-page="organisation"] .end-cta .cta-inner .xpro-cta-link,
  section[data-page="technologie"] .end-cta .cta-inner .xpro-cta-link,
  section[data-page="interim"] .end-cta .cta-inner .xpro-cta-link {grid-column:2; grid-row:3; margin:0; align-self:start;}
}
@media (max-width:800px) {
  section[data-page="strategie"] .end-cta .xpro-cta-link,
  section[data-page="organisation"] .end-cta .xpro-cta-link,
  section[data-page="technologie"] .end-cta .xpro-cta-link,
  section[data-page="interim"] .end-cta .xpro-cta-link {margin-top:20px;}
}


/* V116 — Layoutkorrekturen anhand der Nutzer-Screenshots vom 07.11.2026.
   Nur: (1) identische Titeltypografie/Ausrichtung in den drei
   Organisationsmandaten; (2) gestapelte, überlappungsfreie Beschriftungen
   im Bezugsrahmen der Business- und Technologietransformation.
   Alle in V115 freigegebenen Inhalte bleiben unverändert. */

/* Punkt A: Alle drei Organisationsmandate haben dieselbe Titelgröße.
   Der obere Inhaltsblock wird auf Desktop in allen Karten in derselben
   horizontalen Zeile begonnen, auch wenn ein Titel länger umbricht. */
section[data-page="organisation"] .org-case-integration h3 {
  font-size:1.53rem;
  line-height:1.34;
  max-width:none;
}
@media (min-width:961px) {
  section[data-page="organisation"] .org-case-grid .org-case > h3 {
    min-height:4.02em; /* Platz für exakt drei Titelzeilen */
  }
  section[data-page="organisation"] .org-integration-body {margin-top:0;}
}
@media (max-width:960px) {
  section[data-page="organisation"] .org-case-grid .org-case > h3 {
    min-height:0;
  }
}

/* Punkt B: Der Index im ursprünglichen Grid wurde in V114 entfernt,
   die starre 37px-Index-Spalte blieb aber in der CSS-Regel bestehen.
   Dadurch standen Titel und Leitfrage irrtümlich in derselben Zeile.
   Beide gehören in eine lesbare vertikale Abfolge. */
section[data-page="technologie"] .tech-model-flow > div {
  display:block;
  min-width:0;
  padding:16px 0 17px 16px;
}
section[data-page="technologie"] .tech-model-flow strong {
  display:block;
  margin:0;
  line-height:1.38;
}
section[data-page="technologie"] .tech-model-flow small {
  display:block;
  margin:7px 0 0;
  line-height:1.55;
}


/* V117: Erfahrung – freigegebene 12 Mandate und Bildlinks.
   Die Gruppenbilder sind unmittelbar klickbar. Subtiler Zoom und
   Pfeil als Hover-/Fokus-Rueckmeldung wie in der Leistungsuebersicht. */
section[data-page="erfahrung"] .exp84-image-link {
  position:relative; display:block; isolation:isolate; overflow:hidden;
  min-width:0; background:#173b55; cursor:pointer;
  border:1px solid #d1dfe5; margin:0; padding:0;
  text-decoration:none; transition:box-shadow .22s ease, transform .22s ease;
}
section[data-page="erfahrung"] .exp84-image-link::before {
  content:""; position:absolute; inset:0; z-index:-2;
  background-image:var(--exp84-art); background-position:center; background-size:cover;
  filter:saturate(.76); transform:scale(1);
  transition:transform .4s ease,filter .32s ease;
}
section[data-page="erfahrung"] .exp84-image-link::after {
  content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(0deg,rgba(8,34,50,.40) 0%,rgba(8,34,50,.05) 55%);
  opacity:.62; transition:opacity .32s ease;
}
section[data-page="erfahrung"] .exp84-image-link .exp84-image-arrow {
  position:absolute;right:14px;bottom:10px;color:#fff;font-size:1.26rem;
  line-height:1;filter:drop-shadow(0 1px 4px rgba(0,0,0,.35));
  transform:translate(0,0); transition:transform .25s ease;
}
section[data-page="erfahrung"] .exp84-image-link:hover,
section[data-page="erfahrung"] .exp84-image-link:focus-visible {
  text-decoration:none; transform:translateY(-2px);
  box-shadow:0 8px 22px rgba(8,35,54,.19);
}
section[data-page="erfahrung"] .exp84-image-link:hover::before,
section[data-page="erfahrung"] .exp84-image-link:focus-visible::before {transform:scale(1.055);filter:saturate(.96)}
section[data-page="erfahrung"] .exp84-image-link:hover::after,
section[data-page="erfahrung"] .exp84-image-link:focus-visible::after {opacity:1}
section[data-page="erfahrung"] .exp84-image-link:hover .exp84-image-arrow,
section[data-page="erfahrung"] .exp84-image-link:focus-visible .exp84-image-arrow {transform:translate(2px,-2px)}
section[data-page="erfahrung"] .exp84-image-link:focus-visible {outline:3px solid #277bad;outline-offset:3px;}
@media(max-width:630px) {
  section[data-page="erfahrung"] .exp60-section-title .exp84-image-link {display:block;margin-top:0;}
}
@media(prefers-reduced-motion:reduce) {
  section[data-page="erfahrung"] .exp84-image-link,
  section[data-page="erfahrung"] .exp84-image-link::before,
  section[data-page="erfahrung"] .exp84-image-link::after,
  section[data-page="erfahrung"] .exp84-image-link .exp84-image-arrow {transition:none;transform:none;}
}

/* V117 – Abschlusslink Erfahrung entspricht den sechs freigegebenen Seiten. */
section[data-page="erfahrung"] .end-cta .xpro-cta-link {
  display:inline-flex;align-items:center;gap:.52em;padding:0;margin:0;
  background:transparent;border:0;border-radius:0;box-shadow:none;
  color:#fff;font-size:.95rem;font-weight:650;line-height:1.55;
  text-decoration:none;flex-shrink:0;
}
section[data-page="erfahrung"] .end-cta .xpro-cta-link::after {
  content:'↗';color:var(--xpro-accent-151, #f39900);font-size:1.17em;font-weight:400;
  transition:transform .2s ease;
}
section[data-page="erfahrung"] .end-cta .xpro-cta-link:hover {
  color:#fff;text-decoration:underline;text-underline-offset:4px;
}
section[data-page="erfahrung"] .end-cta .xpro-cta-link:hover::after {transform:translate(2px,-2px)}
section[data-page="erfahrung"] .end-cta .xpro-cta-link:focus-visible {
  outline:2px solid var(--xpro-accent-151, #f39900);outline-offset:5px;
}
@media(min-width:801px) {
  section[data-page="erfahrung"] .end-cta .cta-inner {
    display:grid;grid-template-columns:minmax(0,1fr) max-content;
    grid-template-rows:auto auto auto;column-gap:45px;row-gap:0;align-items:start;
  }
  section[data-page="erfahrung"] .end-cta .cta-inner > div {display:contents;}
  section[data-page="erfahrung"] .end-cta .cta-inner .eyebrow {grid-column:1/-1;grid-row:1;}
  section[data-page="erfahrung"] .end-cta .cta-inner h2 {grid-column:1/-1;grid-row:2;}
  section[data-page="erfahrung"] .end-cta .cta-inner .muted {grid-column:1;grid-row:3;margin:0;}
  section[data-page="erfahrung"] .end-cta .cta-inner .xpro-cta-link {grid-column:2;grid-row:3;margin:0;align-self:start;}
}
@media(max-width:800px) {
  section[data-page="erfahrung"] .end-cta .xpro-cta-link {margin-top:20px;}
}
@media(prefers-reduced-motion:reduce) {
  section[data-page="erfahrung"] .end-cta .xpro-cta-link::after {transition:none;}
}

/* V118 (P80-82): equal-rank values and collaboration principles, no numbering. */
section[data-page="team"] .about-method-list > div { grid-template-columns: minmax(0, 1fr); gap: 0; }
section[data-page="team"] .about-value h3 { margin-top: 0; }
section[data-page="team"] .about-person-copy > h3:first-child { margin-top: 0; }


/* V119: Über uns image language: alpine descent, six peers in one uncut row, values sans architecture */
section[data-page="team"] .xpro-editorial-image--hero img{
  aspect-ratio: 2.15/1;
  object-fit: cover;
  object-position: center 54%;
}
section[data-page="team"] .xpro-editorial-image--identity{
  background: transparent;
}
section[data-page="team"] .xpro-editorial-image--identity img{
  display:block;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center;
  width:100%;
  height:auto;
}
@media (max-width:800px){
  section[data-page="team"] .xpro-editorial-image--hero img{
    aspect-ratio: 1.75/1;
    object-position: 68% 53%;
  }
}
@media (max-width:540px){
  section[data-page="team"] .xpro-editorial-image--hero img{
    aspect-ratio: 1.45/1;
    object-position: 73% 54%;
  }
  section[data-page="team"] .xpro-editorial-image--identity{
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
  section[data-page="team"] .xpro-editorial-image--identity img{
    width: 900px;
    max-width: none;
    height: auto;
    aspect-ratio: auto;
  }
}


/* V121 – Über uns: identischer Schlussbereich mit Kontakt-/Erfahrungslinks. */
section[data-page="team"] .xpro-about-end .muted {
  color:#b6d0db; max-width:760px; font-size:1.07rem;
}
section[data-page="team"] .xpro-about-end .xpro-about-end-links {
  display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end;
  gap:20px; min-width:170px; flex-shrink:0;
}
section[data-page="team"] .xpro-about-end .xpro-cta-link {
  display:inline-flex;align-items:center;gap:.52em;padding:0;margin:0;
  background:transparent;border:0;border-radius:0;box-shadow:none;
  color:#fff;font-size:.95rem;font-weight:650;line-height:1.55;text-decoration:none;
}
section[data-page="team"] .xpro-about-end .xpro-cta-link::after {
  content:'↗';color:var(--xpro-accent-151, #f39900);font-size:1.17em;font-weight:400;
  transition:transform .2s ease;
}
section[data-page="team"] .xpro-about-end .xpro-cta-link:hover {
  color:#fff;text-decoration:underline;text-underline-offset:4px;
}
section[data-page="team"] .xpro-about-end .xpro-cta-link:hover::after { transform:translate(2px,-2px); }
section[data-page="team"] .xpro-about-end .xpro-cta-link:focus-visible {
  outline:2px solid var(--xpro-accent-151, #f39900);outline-offset:5px;
}
@media(max-width:800px) {
  section[data-page="team"] .xpro-about-end .xpro-about-end-links {
    margin-top:25px;gap:16px;
  }
}


/* V122 | Perspektiven 91–96: archive, series, consistent CTA. */
section[data-page="perspektiven"] .ps-v85-curated {margin-top:4px; margin-bottom:35px}
section[data-page="perspektiven"] .ps-main {padding-top:65px; padding-bottom:0}
section[data-page="perspektiven"] .ps-v85-section-head {margin-bottom:25px}
section[data-page="perspektiven"] .ps-v85-archive {margin-bottom:76px}
section[data-page="perspektiven"] .ps-series-grid .ps-series-opening {
  grid-column:1/-1;min-height:0; padding:30px 32px; background:#f1f6f8;
  border-left:4px solid #37789b;
}
section[data-page="perspektiven"] .ps-series-grid .ps-series-opening .ps-deck {
  flex:initial; max-width:790px; margin-bottom:18px!important;
}
section[data-page="perspektiven"] .ps-series-grid .ps-series-opening h3 {
  font-size:clamp(1.3rem,2vw,1.75rem); max-width:820px;
}
section[data-page="perspektiven"] .ps-v85-series-heading .eyebrow {
  font-size:.68rem; letter-spacing:.105em; margin-bottom:10px;
}
section[data-page="perspektiven"] .ps-v85-series-heading p:not(.eyebrow) {
  max-width:930px; margin-bottom:12px;
}
section[data-page="perspektiven"] .ps-v85-archive .ps-post {min-height:265px}
section[data-page="perspektiven"] .xpro-perspektiven-end .muted {
  color:#b6d0db; max-width:760px; font-size:1.07rem;
}
section[data-page="perspektiven"] .xpro-perspektiven-end .xpro-persp-end-links {
  display:flex;flex-direction:column;align-items:flex-start;
  justify-content:flex-end;gap:20px;min-width:170px;flex-shrink:0;
}
section[data-page="perspektiven"] .xpro-perspektiven-end .xpro-cta-link {
  display:inline-flex;align-items:center;gap:.52em;padding:0;margin:0;
  background:transparent;border:0;border-radius:0;box-shadow:none;
  color:#fff;font-size:.95rem;font-weight:650;line-height:1.55;text-decoration:none;
}
section[data-page="perspektiven"] .xpro-perspektiven-end .xpro-cta-link::after {
  content:'↗';color:var(--xpro-accent-151,#f39900);font-size:1.17em;
  font-weight:400;transition:transform .2s ease;
}
section[data-page="perspektiven"] .xpro-perspektiven-end .xpro-cta-link:hover {
  color:#fff;text-decoration:underline;text-underline-offset:4px;
}
section[data-page="perspektiven"] .xpro-perspektiven-end .xpro-cta-link:hover::after {
  transform:translate(2px,-2px);
}
section[data-page="perspektiven"] .xpro-perspektiven-end .xpro-cta-link:focus-visible {
  outline:2px solid var(--xpro-accent-151,#f39900);outline-offset:5px;
}
@media(max-width:800px) {
  section[data-page="perspektiven"] .xpro-perspektiven-end .xpro-persp-end-links {
    margin-top:25px;gap:16px;
  }
  section[data-page="perspektiven"] .ps-v85-archive {margin-bottom:42px}
}
@media(max-width:640px) {
  section[data-page="perspektiven"] .ps-series-grid .ps-series-opening {padding:23px 19px}
}

/* V122 | Cross-page card hover. Only visually independent, bounded card surfaces;
   large structural sections, buttons, editorial blocks, filters excluded. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  section[data-page="start"] .service-list > .service,
  section[data-page="start"] .start-cases .case,
  section[data-page="leistungen"] .overview-jump,
  section[data-page="strategie"] .strategy-v37-case,
  section[data-page="organisation"] .org-case,
  section[data-page="technologie"] .tech-case,
  section[data-page="interim"] .interim-mandate,
  section[data-page="interim"] .interim-case,
  section[data-page="erfahrung"] .exp60-card,
  section[data-page="team"] .about-person,
  section[data-page="perspektiven"] .ps-post {
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease;
    will-change:auto;
  }
  section[data-page="start"] .service-list > .service:hover,
  section[data-page="start"] .start-cases .case:hover,
  section[data-page="leistungen"] .overview-jump:hover,
  section[data-page="strategie"] .strategy-v37-case:hover,
  section[data-page="organisation"] .org-case:hover,
  section[data-page="technologie"] .tech-case:hover,
  section[data-page="interim"] .interim-mandate:hover,
  section[data-page="interim"] .interim-case:hover,
  section[data-page="erfahrung"] .exp60-card:hover,
  section[data-page="team"] .about-person:hover,
  section[data-page="perspektiven"] .ps-post:hover,
  section[data-page="perspektiven"] .ps-v85-archive .ps-post:hover {
    transform:translateY(-3px);
    box-shadow:0 13px 30px rgba(14,54,76,.12);
  }
  section[data-page="perspektiven"] .ps-v85-archive .ps-post:hover {
    border-color:#adccd9;
  }
  /* An in-card link signals clickability; informational cards do not. */
  section[data-page="strategie"] .strategy-v37-case,
  section[data-page="organisation"] .org-case,
  section[data-page="technologie"] .tech-case,
  section[data-page="interim"] .interim-mandate,
  section[data-page="interim"] .interim-case,
  section[data-page="team"] .about-person,
  section[data-page="perspektiven"] .ps-post {cursor:default}
}
/* Keyboard: focus on actual links, never faux-card clicking. */
section[data-page="perspektiven"] .ps-post:focus-within,
section[data-page="team"] .about-person:focus-within,
section[data-page="erfahrung"] .exp60-card:focus-within {
  box-shadow:0 13px 30px rgba(14,54,76,.11);
}
@media (hover:none), (pointer:coarse), (prefers-reduced-motion:reduce) {
  section[data-page="perspektiven"] .ps-post,
  section[data-page="perspektiven"] .ps-v85-archive .ps-post,
  section[data-page="strategie"] .strategy-v37-case,
  section[data-page="organisation"] .org-case,
  section[data-page="technologie"] .tech-case,
  section[data-page="interim"] .interim-case,
  section[data-page="interim"] .interim-mandate,
  section[data-page="erfahrung"] .exp60-card,
  section[data-page="team"] .about-person {
    transition:none;transform:none;
  }
  section[data-page="perspektiven"] .ps-v85-archive .ps-post:hover,
  section[data-page="perspektiven"] .ps-post:hover {transform:none;box-shadow:none}
}

/* V122 QA: readable description on dark featured card and muted CTA label. */
section[data-page="perspektiven"] .ps-v85-feature-grid .ps-v85-highlight:first-child .ps-deck {
  color:#dbeaf1!important;
}
section[data-page="perspektiven"] .xpro-perspektiven-end .eyebrow {
  color:#9bc6d8;
}
/* Additional bounded informational tiles: shared hover response, without pseudo-links. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  section[data-page="strategie"] .strategy-work-item,
  section[data-page="organisation"] .org-work,
  section[data-page="technologie"] .tech-work,
  section[data-page="technologie"] .tech-situation {
    transition:transform .2s ease,box-shadow .2s ease;
    cursor:default;
  }
  section[data-page="strategie"] .strategy-work-item:hover,
  section[data-page="organisation"] .org-work:hover,
  section[data-page="technologie"] .tech-work:hover,
  section[data-page="technologie"] .tech-situation:hover {
    transform:translateY(-3px);
    box-shadow:0 13px 30px rgba(14,54,76,.12);
  }
}
@media (hover:none), (pointer:coarse), (prefers-reduced-motion:reduce) {
  section[data-page="strategie"] .strategy-work-item,
  section[data-page="organisation"] .org-work,
  section[data-page="technologie"] .tech-work,
  section[data-page="technologie"] .tech-situation {
    transform:none;transition:none;
  }
}


/* V123 | Uniform internal breathing room on animated bounded surfaces.
   Since V107 the mandate-practice cards had deliberately zero side padding;
   V122 added card lift but left text at the hover box edge. */
section[data-page="start"] .start-cases .case {
  padding:27px 27px 27px;
  min-width:0;
  box-sizing:border-box;
}
/* The four category links also lift on hover; avoid labels starting on the edge. */
section[data-page="leistungen"] .overview-navigator .overview-jump {
  padding-left:16px;
  padding-right:16px;
  box-sizing:border-box;
}
@media(max-width:760px) {
  section[data-page="start"] .start-cases .case {padding:22px 21px 24px;}
  section[data-page="leistungen"] .overview-navigator .overview-jump {padding-left:14px;padding-right:14px;}
}

/* V123 | Understated social controls instead of dark, full-width image bars. */
section[data-page="team"] .about-person-image-links {
  inset:auto 12px 12px auto;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:7px;
  width:auto;
  max-width:calc(100% - 24px);
  opacity:0;
  transform:translateY(5px);
  pointer-events:none;
  transition:opacity .2s ease,transform .2s ease;
}
section[data-page="team"] .about-person-image-links a {
  width:39px;
  height:39px;
  flex:0 0 39px;
  min-width:39px;
  min-height:39px;
  padding:0;
  border:1px solid rgba(255,255,255,.88);
  border-radius:50%;
  background:rgba(251,253,253,.88);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  color:#244f68!important;
  box-shadow:0 2px 9px rgba(10,34,49,.12);
  text-decoration:none;
  font-size:0;
  font-weight:400;
  line-height:1;
  transition:background-color .2s ease,box-shadow .2s ease,color .2s ease;
}
section[data-page="team"] .about-person-image-links svg {
  display:block;
  width:19px;
  height:19px;
  flex:0 0 19px;
}
section[data-page="team"] .about-person-image-links a:hover,
section[data-page="team"] .about-person-image-links a:focus-visible {
  background:rgba(255,255,255,.98);
  color:#0e4564!important;
  box-shadow:0 4px 15px rgba(10,34,49,.18);
}
section[data-page="team"] .about-person-image-links a:focus-visible {
  outline:2px solid #ec9200;
  outline-offset:2px;
}
/* Preserve portraits: no strong darkening merely to expose two small icons. */
section[data-page="team"] .about-person:hover .about-person-image img,
section[data-page="team"] .about-person:focus-within .about-person-image img {
  filter:brightness(.95);
}
@media (hover:none), (pointer:coarse) {
  section[data-page="team"] .about-person-image-links {
    opacity:1;
    transform:none;
    pointer-events:auto;
  }
  section[data-page="team"] .about-person-image-links a {
    background:rgba(251,253,253,.91);
  }
  section[data-page="team"] .about-person:hover .about-person-image img,
  section[data-page="team"] .about-person:focus-within .about-person-image img {
    filter:none;
  }
}
@media(max-width:680px) {
  section[data-page="team"] .about-person-image-links {
    inset:auto 10px 10px auto;
    gap:7px;
  }
  section[data-page="team"] .about-person-image-links a {
    width:40px;height:40px;flex-basis:40px;min-width:40px;min-height:40px;
  }
}
@media(prefers-reduced-motion:reduce) {
  section[data-page="team"] .about-person-image-links,
  section[data-page="team"] .about-person-image-links a {transition:none;}
}

/* V125 | Contact approvals 98/99: Xpro standard understated text link. */
section[data-page="kontakt"] .xpro-contact-mail-link {
  display:inline-flex; align-items:center; gap:.52em;
  padding:0; margin:0 0 34px; min-height:0;
  background:transparent; border:0; border-radius:0; box-shadow:none;
  font-size:.95rem; font-weight:650; line-height:1.55;
  color:#174c6a; text-decoration:none;
}
section[data-page="kontakt"] .xpro-contact-mail-link::after {
  content:'↗'; color:var(--xpro-accent-151,#f39900);
  font-size:1.17em; font-weight:400; transition:transform .2s ease;
}
section[data-page="kontakt"] .xpro-contact-mail-link:hover {text-decoration:underline;text-underline-offset:4px;}
section[data-page="kontakt"] .xpro-contact-mail-link:hover::after {transform:translate(2px,-2px);}
section[data-page="kontakt"] .xpro-contact-mail-link:focus-visible {outline:2px solid var(--xpro-accent-151,#f39900);outline-offset:5px;}
/* V125 | One footer component: preserve existing identity and colours, improve hierarchy. */
.xpro-footer .xpro-footer-claim {margin:16px 0 0; max-width:350px;font-size:.9rem;line-height:1.6;}
.xpro-footer .footer-main {align-items:flex-start;gap:clamp(32px,6vw,120px);}
.xpro-footer .footer-links {display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:165px;}
.xpro-footer .footer-links a {line-height:1.55;}
.xpro-footer .footer-bottom {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;}
.xpro-footer .xpro-footer-legal {display:flex;align-items:center;flex-wrap:wrap;gap:22px;}
.xpro-footer .xpro-footer-legal a {color:inherit;text-decoration:none;}
.xpro-footer .xpro-footer-legal a:hover {text-decoration:underline;text-underline-offset:3px;}
.xpro-footer a:focus-visible {outline:2px solid #f39900;outline-offset:5px;}
/* Native verified legal pages use the same typography and pagehero as main pages. */
.xpro-legal-body {max-width:850px;}
.xpro-legal-body :is(h2,h3,h4) {color:var(--navy);margin-top:1.8em;}
.xpro-legal-body p, .xpro-legal-body li {color:#415a68;line-height:1.75;}
.xpro-legal-body a {text-decoration:underline;color:#174c6a;text-underline-offset:3px;}
@media(max-width:800px) {
 .xpro-footer .footer-main {display:flex;flex-direction:column;gap:24px;}
 .xpro-footer .footer-links {margin-top:0;gap:8px;}
 .xpro-footer .footer-bottom {display:flex;flex-direction:column;align-items:flex-start;gap:12px;}
 .xpro-footer .footer-bottom > span {margin-top:0;}
 .xpro-footer .xpro-footer-legal {gap:18px;}
}
@media(prefers-reduced-motion:reduce) {
 section[data-page="kontakt"] .xpro-contact-mail-link::after {transition:none;}
}

/* V126 | Legal pages: restrained Xpro typography, readable line lengths, mobile. */
.xpro-legal-route .xpro-legal-hero {padding-bottom:72px;}
.xpro-legal-route .xpro-legal-hero .lead {max-width:740px;}
.xpro-legal-route .xpro-legal-section {padding:clamp(45px,6.4vw,84px) 0 clamp(65px,8vw,110px);}
.xpro-legal-route .xpro-legal-body {max-width:820px;margin:0 auto;}
.xpro-legal-route .xpro-legal-body h2 {font-size:clamp(1.22rem,2vw,1.48rem);font-weight:650;line-height:1.3;margin:38px 0 14px;letter-spacing:-.015em;}
.xpro-legal-route .xpro-legal-body p {font-size:1.01rem;line-height:1.78;margin:0 0 16px;}
.xpro-legal-route .xpro-legal-address {font-style:normal;color:#415a68;line-height:1.7;font-size:1.02rem;margin:12px 0 22px;}
.xpro-legal-route .xpro-legal-draft {font-size:.94rem;line-height:1.66;color:#516d7d;border:1px solid #dce5e8;border-left:3px solid #8daebd;background:#f6f8f8;padding:19px 22px;margin:0 0 38px;}
.xpro-legal-route .xpro-legal-review {background:#f6f8f8;border-top:1px solid #dce5e8;padding:21px 25px 20px;margin-top:46px;}
.xpro-legal-route .xpro-legal-review h2 {font-size:1.13rem;margin:0 0 10px;}
.xpro-legal-route .xpro-legal-review p {font-size:.93rem;margin:0;}
.xpro-legal-route .xpro-legal-date {font-size:.85rem;color:#728793;margin-top:35px;}
.xpro-legal-route .xpro-legal-body strong {color:#23485b;}
.xpro-legal-route .xpro-legal-body a:focus-visible {outline:2px solid #f39900;outline-offset:4px;}
@media(max-width:640px){.xpro-legal-route .xpro-legal-hero {padding:55px 0 60px;}.xpro-legal-route .xpro-legal-draft{padding:16px 17px;}.xpro-legal-route .xpro-legal-review{padding:19px 18px;}}
