:root{--navy:#002C46;--navy-2:#013650;--navy-3:#064161;--deep:#001a2b;--steel:#50748F;--steel-soft:#88a2b4;
--amber:#F59F1E;--amber-soft:#ffc775;--paper:#fff;--mist:#f2f6f8;--mist-2:#e7eff3;--text:#002C46;--text-soft:#46606f;--text-mute:#7f95a2;
--line:rgba(0,44,70,.12);--line-soft:rgba(0,44,70,.07);--line-dark:rgba(255,255,255,.14);
--r-lg:28px;--r-md:18px;--r-sm:12px;--shadow:0 40px 90px -40px rgba(0,18,30,.6);--shadow-soft:0 22px 50px -28px rgba(0,44,70,.32);
--serif:"ITC Lubalin Graph Std","itc-lubalin-graph-std","Lubalin Graph",Georgia,serif;--sans:"proxima-nova",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--paper);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--amber);color:var(--navy)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.skip-link{position:fixed;left:18px;top:12px;z-index:1000;transform:translateY(-180%);background:#fff;color:var(--navy);padding:10px 16px;border-radius:8px;font-weight:800;box-shadow:var(--shadow-soft)}
.skip-link:focus{transform:translateY(0)}
:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--amber);outline-offset:3px}
body.mobile-nav-open,body.search-open{overflow:hidden}
.wrap{max-width:1260px;margin:0 auto;padding:0 40px}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;font-style:normal;line-height:1.06;letter-spacing:-.012em;color:var(--navy)}
.eyebrow{font-size:12.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--amber);display:inline-flex;align-items:center;gap:11px}
.eyebrow::before{content:"";width:30px;height:2px;background:var(--amber);border-radius:2px}
.eyebrow.steel{color:var(--steel)}.eyebrow.steel::before{background:var(--steel)}.eyebrow.lt{color:#fff}.eyebrow.lt::before{background:#fff}
.progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--amber),var(--amber-soft));z-index:200;transition:width .1s}
#hdr{position:fixed;top:0;left:0;right:0;z-index:150;padding:24px 0;transition:all .4s;border-bottom:1px solid transparent}
#hdr.scrolled{background:rgba(0,26,43,.93);backdrop-filter:blur(18px);padding:14px 0;border-bottom:1px solid var(--line-dark)}
#hdr.solid{background:var(--navy)}
.nav{display:flex;align-items:center;justify-content:space-between}
.logo-img{height:34px;width:auto;filter:brightness(0) invert(1)}
.nav-links{display:flex;gap:34px;align-items:center}
.nav-item{position:relative}
.nav-links a,.nav-trigger{font-size:15px;font-weight:600;color:rgba(255,255,255,.85);transition:color .2s;cursor:pointer;display:inline-flex;align-items:center;gap:6px;background:none;border:none;font-family:var(--sans)}
.nav-trigger svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2.4;transition:transform .3s}
.nav-item:hover .nav-trigger{color:#fff}.nav-item:hover .nav-trigger svg{transform:rotate(180deg)}
.nav-links>a:hover{color:#fff}
.nav-cta{background:var(--amber);color:var(--navy)!important;padding:12px 26px;border-radius:999px;font-weight:800;font-size:14.5px;transition:all .25s}
.nav-cta:hover{background:var(--amber-soft);transform:translateY(-2px)}
.mega{position:absolute;top:calc(100% + 22px);left:0;transform:translateY(12px);width:auto;max-width:none;
background:rgba(2,32,49,.98);backdrop-filter:blur(20px);border:1px solid var(--line-dark);border-radius:var(--r-lg);padding:20px;opacity:0;visibility:hidden;transition:all .35s cubic-bezier(.2,.8,.2,1);box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:8px}
.nav-item:hover .mega{opacity:1;visibility:visible;transform:translateY(0)}
.mega::before{content:"";position:absolute;top:-18px;left:0;right:0;height:18px}
.mega-item{display:flex;gap:13px;align-items:center;padding:13px;border-radius:var(--r-md);transition:background .25s}
.mega-item:hover{background:rgba(255,255,255,.07)}
.mega-ic{width:44px;height:44px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(245,159,30,.14)}
.mega-ic svg{width:23px;height:23px;stroke:var(--amber);fill:none;stroke-width:1.8}
.mega-tx b{display:block;color:#fff;font-size:14.5px;font-weight:700}.mega-tx span{display:block;color:rgba(255,255,255,.6);font-size:12px;margin-top:2px;line-height:1.35}
.mega-cta{grid-column:1/-1;margin-top:2px;padding:13px;border-radius:var(--r-md);background:rgba(245,159,30,.12);color:var(--amber-soft);font-weight:700;font-size:13.5px;text-align:center}
.menu-btn{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:6px;z-index:160}
.menu-btn span{width:26px;height:2px;background:#fff;display:block;transition:.3s;border-radius:2px}
.btn{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:15.5px;border-radius:999px;padding:16px 32px;transition:all .25s;cursor:pointer;border:none}
.btn-primary{background:var(--amber);color:var(--navy);box-shadow:0 16px 40px -16px rgba(245,159,30,.7)}
.btn-primary:hover{background:var(--amber-soft);transform:translateY(-3px)}
.btn-ghost{background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.28);color:#fff;backdrop-filter:blur(6px)}
.btn-ghost:hover{border-color:var(--amber);background:rgba(255,255,255,.14)}
.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:var(--navy-3);transform:translateY(-2px)}
section{padding:120px 0}
.sec-head{max-width:800px;margin:0 auto 60px;text-align:center}
.sec-head.left{margin:0 0 50px;text-align:left}
.sec-head h2{font-size:clamp(34px,4.6vw,56px);margin-top:18px}
.sec-head p{font-size:18px;color:var(--text-soft);margin-top:20px}
.chip-logo{background:#fff;border-radius:12px;height:62px;padding:10px 16px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px -12px rgba(0,18,30,.45);border:1px solid var(--line-soft)}
.chip-logo img{max-height:36px;max-width:130px;width:auto;object-fit:contain}
/* photo layer (real photo over gradient fallback) */
.ph{position:relative;overflow:hidden;background:var(--navy-2) center/cover}
.ph .pic{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}
.ph .ic{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center}
.ph .ic svg{width:150px;height:150px;stroke:rgba(255,255,255,.32);fill:none;stroke-width:1.1}
/* HERO */
.hero{position:relative;overflow:hidden;color:#fff;padding:190px 0 96px;background:url('../img/img-01-f3e058ad82.jpg') center/cover,var(--navy)}
.hero-inner{max-width:900px}
.hero-trust{margin-top:66px;padding-top:30px;border-top:1px solid var(--line-dark);display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.ht-label{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55);font-weight:700}
.ht-logos{display:flex;gap:14px;flex-wrap:wrap}.ht-logos .chip-logo{height:56px}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.svc-lead{max-width:760px;margin:0 auto 50px;text-align:center;font-family:var(--serif);font-size:clamp(22px,2.6vw,30px);line-height:1.4;color:var(--navy);font-style:italic;font-weight:400}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(0,22,37,.92) 30%,rgba(0,22,37,.5) 70%,rgba(0,22,37,.25))}
.orb{position:absolute;border-radius:50%;filter:blur(46px);opacity:.5;z-index:1;animation:float 14s ease-in-out infinite}
.orb.a{width:340px;height:340px;background:rgba(245,159,30,.42);top:8%;right:6%}
.orb.b{width:300px;height:300px;background:rgba(80,116,143,.6);bottom:6%;left:-4%;animation-delay:-5s}
@keyframes float{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(20px,-30px) scale(1.08)}}
.hero .wrap{position:relative;z-index:3;width:100%}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.hero h1{font-size:clamp(46px,6.2vw,90px);color:#fff;font-weight:600;margin:26px 0 0;line-height:1.0}
.hero h1 .ln{display:block;overflow:hidden}
.hero h1 .ln>span{display:inline-block;transform:translateY(105%);animation:rise .9s cubic-bezier(.2,.8,.2,1) forwards}
.hero h1 .ln:nth-child(2)>span{animation-delay:.12s}.hero h1 .ln:nth-child(3)>span{animation-delay:.24s}
@keyframes rise{to{transform:translateY(0)}}
.grad-word{background:linear-gradient(100deg,var(--amber),var(--amber-soft));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lede{font-size:20px;color:rgba(255,255,255,.85);max-width:540px;margin-top:26px;opacity:0;animation:fadeUp .9s .5s ease both}
.hero-actions{display:flex;gap:16px;margin-top:36px;flex-wrap:wrap;opacity:0;animation:fadeUp .9s .65s ease both}
.dash{background:rgba(255,255,255,.07);backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:26px;box-shadow:var(--shadow);opacity:0;animation:fadeUp 1s .4s ease both}
.dash-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.dash-top .ttl{font-weight:800;font-size:14px;color:#fff;display:flex;align-items:center;gap:9px}
.live{width:8px;height:8px;border-radius:50%;background:#4ade80;animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,.55)}70%{box-shadow:0 0 0 9px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}
.dash-top .tag{font-size:11px;color:rgba(255,255,255,.55);font-weight:700;letter-spacing:.06em}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}
.kpi{background:rgba(255,255,255,.06);border-radius:14px;padding:14px 10px;text-align:center}
.kpi .v{font-family:var(--serif);font-size:29px;font-weight:700;color:#fff;line-height:1}.kpi .v.am{color:var(--amber)}
.kpi .l{font-size:11px;color:rgba(255,255,255,.6);margin-top:5px;font-weight:600}
.prow{margin-bottom:14px}.prow .h{display:flex;justify-content:space-between;font-size:12.5px;color:rgba(255,255,255,.82);margin-bottom:7px;font-weight:600}
.pill{font-size:10px;font-weight:800;padding:2px 9px;border-radius:999px}
.pill.g{background:rgba(74,222,128,.18);color:#86efac}.pill.y{background:rgba(245,159,30,.2);color:var(--amber-soft)}.pill.b{background:rgba(80,116,143,.3);color:#bcd2df}
.bar{height:8px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}
.bar>i{display:block;height:100%;border-radius:999px;width:0;transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
.bar>i.am{background:linear-gradient(90deg,var(--amber),var(--amber-soft))}.bar>i.gr{background:linear-gradient(90deg,#4ade80,#86efac)}.bar>i.st{background:linear-gradient(90deg,var(--steel),var(--steel-soft))}
.marquee{background:var(--navy);padding:30px 0;overflow:hidden;border-top:1px solid var(--line-dark);position:relative}
.marquee::before,.marquee::after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2}
.marquee::before{left:0;background:linear-gradient(90deg,var(--navy),transparent)}.marquee::after{right:0;background:linear-gradient(270deg,var(--navy),transparent)}
.mq-track{display:flex;gap:56px;width:max-content;animation:scroll 40s linear infinite;align-items:center}
.mq-track .chip-logo{height:64px;min-width:150px}
@keyframes scroll{to{transform:translateX(-50%)}}
.impact{background:var(--mist)}.imp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.imp{text-align:center}.imp .n{font-family:var(--serif);font-size:66px;font-weight:700;color:var(--navy);line-height:1}.imp .n span{color:var(--amber)}
.imp .t{font-size:15px;color:var(--text-soft);margin-top:12px;font-weight:600}
.value{background:var(--paper)}.val-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.val{background:var(--mist);border-radius:var(--r-lg);padding:34px 28px;transition:all .4s}
.val:hover{transform:translateY(-8px);box-shadow:var(--shadow-soft);background:var(--navy);color:#fff}
.val:hover h4,.val:hover p{color:#fff}.val:hover .v-ic{background:var(--amber)}.val:hover .v-ic svg{stroke:var(--navy)}
.v-ic{width:58px;height:58px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:22px;transition:all .4s;box-shadow:var(--shadow-soft)}
.v-ic svg{width:28px;height:28px;stroke:var(--amber);fill:none;stroke-width:1.8;transition:stroke .4s}
.val h4{font-size:23px;font-weight:600;margin-bottom:11px;transition:color .4s}.val p{font-size:14.5px;color:var(--text-soft);transition:color .4s}
.branchen{background:var(--navy);color:#fff}
.branchen .sec-head h2{color:#fff}.branchen .sec-head p{color:rgba(255,255,255,.72)}
.br-tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:40px}
.br-tab{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.07);border:1px solid var(--line-dark);color:rgba(255,255,255,.8);padding:11px 20px;border-radius:999px;font-weight:700;font-size:14.5px;cursor:pointer;transition:all .3s;font-family:var(--sans)}
.br-tab svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}
.br-tab:hover{border-color:var(--steel-soft);color:#fff}.br-tab.active{background:var(--amber);border-color:var(--amber);color:var(--navy)}
.br-panel{display:none;grid-template-columns:1fr 1fr;gap:56px;align-items:center;animation:fadeUp .55s ease}
.br-panel.active{display:grid}
.br-vis{position:relative;border-radius:var(--r-lg);overflow:hidden;height:440px;box-shadow:var(--shadow)}
.br-vis .lab{position:absolute;left:26px;bottom:22px;z-index:3;font-family:var(--serif);font-size:30px;font-weight:600;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.5)}
.br-info .ctx{font-size:14.5px;color:var(--steel-soft);font-weight:600}
.br-info .pl{font-size:11.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin:18px 0 9px;display:block}
.br-info .problem{font-family:var(--serif);font-size:24px;font-style:italic;color:#fff;line-height:1.4;font-weight:400}
.br-info .loesung{font-size:16px;color:rgba(255,255,255,.8);margin-top:18px}
.br-info .meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
.br-info .chip{background:rgba(255,255,255,.1);color:#fff;font-size:12.5px;font-weight:700;padding:7px 15px;border-radius:999px}
.br-logos{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line-dark)}
.br-logos .chip-logo{height:50px;padding:7px 12px}.br-logos .chip-logo img{max-height:30px;max-width:104px}
.clients{background:var(--mist)}
.cl-group{margin-bottom:40px}
.cl-group h4{font-size:18px;color:var(--steel);font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:10px}
.cl-group h4::before{content:"";width:22px;height:2px;background:var(--amber)}
.logo-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.logo-wall .chip-logo{height:74px}
.cband{background:var(--mist);padding:58px 0;border-bottom:1px solid var(--line-soft)}
.cband-label{text-align:center;font-size:13.5px;letter-spacing:.03em;color:var(--text-mute);font-weight:600;margin-bottom:30px}@media(min-width:1024px){.cband-label{white-space:nowrap}}
.cband-logos{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center}
.cband-logos .chip-logo{height:64px}
.why{background:var(--paper)}
.why-lead{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:54px}
.why-lead h2{font-size:clamp(32px,4vw,50px);margin-top:16px}
.why-lead p{font-size:17px;color:var(--text-soft)}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.why-card .wn{font-family:var(--serif);font-size:15px;color:var(--amber);font-weight:800;letter-spacing:.08em}
.why-card h4{font-size:22px;font-weight:600;margin:12px 0 10px}
.why-card p{font-size:15px;color:var(--text-soft)}
.why-card{border-top:2px solid var(--line);padding-top:22px}
.plat-logo{height:42px;margin-bottom:18px;display:flex;align-items:center}
.plat-logo img{max-height:38px;max-width:155px;width:auto}
.ansatz{background:var(--paper)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.step{position:relative;padding-top:30px}
.step::before{content:"";position:absolute;top:9px;left:0;right:0;height:2px;background:var(--line)}
.step .dot{position:absolute;top:1px;left:0;width:18px;height:18px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 5px rgba(245,159,30,.16)}
.step .n{font-family:var(--serif);font-size:15px;color:var(--amber);font-weight:800;letter-spacing:.1em}
.step h4{font-size:23px;font-weight:600;margin:8px 0 10px}.step p{font-size:14.5px;color:var(--text-soft)}
.dna{margin-top:46px;font-size:17px;color:var(--text-soft);border-left:3px solid var(--amber);padding-left:24px;max-width:760px}.dna b{color:var(--navy);font-weight:700}
.platforms{background:var(--mist)}.plat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.plat{background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:32px 28px;transition:all .35s;display:block}
.plat:hover{transform:translateY(-7px);box-shadow:var(--shadow-soft);border-color:transparent}
.plat .name{font-family:var(--serif);font-size:27px;font-weight:600;color:var(--navy)}
.plat .role{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);font-weight:800;margin:6px 0 16px}
.plat p{font-size:14px;color:var(--text-soft)}.plat .more{margin-top:16px;font-size:13.5px;font-weight:800;color:var(--steel)}
.insights{background:var(--paper)}.pov-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.pov{background:var(--mist);border-radius:var(--r-lg);padding:38px 34px;position:relative;overflow:hidden;transition:all .35s}
.pov:hover{transform:translateY(-6px);box-shadow:var(--shadow-soft)}
.pov::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--amber)}
.pov .kick{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);font-weight:800}
.pov h4{font-size:24px;margin:15px 0 12px;font-weight:600;line-height:1.2}.pov p{font-size:15px;color:var(--text-soft)}
.team-band{background:var(--navy);color:#fff;padding:0;overflow:hidden}
.tb-grid{display:grid;grid-template-columns:1fr 1fr}
.tb-photo{min-height:520px}
.tb-text{padding:90px 70px;display:flex;flex-direction:column;justify-content:center}
.tb-text h2{color:#fff;font-size:clamp(32px,4vw,50px)}
.tb-text p{font-size:18px;color:rgba(255,255,255,.8);margin-top:20px;max-width:460px}
.trust{background:var(--steel);color:#fff}
.trust-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}
.quote{border-left:3px solid var(--amber);padding:6px 0 6px 26px;margin-bottom:34px}
.quote p{font-family:var(--serif);font-size:24px;font-style:italic;color:#fff;line-height:1.42}
.quote .who{font-size:14px;color:rgba(255,255,255,.82);margin-top:14px;font-weight:600}.quote .who b{color:#fff;font-weight:800}
.badges{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bdg{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:var(--r-md);padding:26px 22px}
.bdg .n{font-family:var(--serif);font-size:38px;color:#fff;font-weight:700;line-height:1}.bdg .t{font-size:13.5px;color:rgba(255,255,255,.85);margin-top:8px}
.awards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.award{background:#fff;border-radius:var(--r-md);padding:24px 14px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:130px;box-shadow:var(--shadow-soft)}
.award .am-mark{font-family:var(--serif);font-weight:700;color:var(--navy);font-size:19px;line-height:1.12}
.award .am-cap{font-size:10.5px;color:var(--text-mute);font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-top:10px}
.kontakt{background:var(--navy);color:#fff;position:relative;overflow:hidden}.kontakt .orb{opacity:.3}
.k-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;position:relative;z-index:3}
.kontakt h2{color:#fff;font-size:clamp(34px,4.4vw,54px);margin-top:18px}
.kontakt .lede{font-size:18px;color:rgba(255,255,255,.8);margin-top:20px;max-width:430px}
.k-direct{margin-top:38px}.k-direct .row{display:flex;gap:15px;align-items:center;margin-bottom:18px;font-size:16px;color:#fff;font-weight:500}
.k-direct .row svg{width:20px;height:20px;stroke:var(--amber);fill:none;stroke-width:1.8;flex-shrink:0}
.form{background:rgba(255,255,255,.05);border:1px solid var(--line-dark);border-radius:var(--r-lg);padding:38px;backdrop-filter:blur(8px)}
.field{margin-bottom:20px}.field label{display:block;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.62);margin-bottom:9px;font-weight:700}
.field input,.field select,.field textarea{width:100%;background:rgba(255,255,255,.07);border:1px solid var(--line-dark);border-radius:var(--r-sm);padding:14px 16px;color:#fff;font-family:var(--sans);font-size:15px;transition:all .2s}
.field input::placeholder,.field textarea::placeholder{color:rgba(255,255,255,.4)}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--amber);background:rgba(255,255,255,.1)}
.field select option{background:var(--navy)}.field textarea{resize:vertical;min-height:104px}
.form .btn-primary{width:100%;justify-content:center;margin-top:4px}
.form-ok{display:none;text-align:center;padding:46px 12px}.form-ok.show{display:block;animation:fadeUp .5s ease}
.form-ok .check{width:62px;height:62px;border-radius:50%;background:var(--amber);display:flex;align-items:center;justify-content:center;margin:0 auto 22px}
.form-ok .check svg{width:30px;height:30px;stroke:var(--navy);fill:none;stroke-width:2.6}
.form-ok h4{color:#fff;font-size:27px;margin-bottom:10px;font-weight:600}.form-ok p{color:rgba(255,255,255,.8)}
footer{background:var(--deep);color:rgba(255,255,255,.7);padding:74px 0 34px}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:46px;padding-bottom:48px;border-bottom:1px solid var(--line-dark)}
.foot-logo{height:36px;width:auto;filter:brightness(0) invert(1);margin-bottom:20px}
.foot-brand p{font-size:14.5px;max-width:290px;line-height:1.7}
.foot-col h5{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:18px;font-weight:800}
.foot-col a{display:block;font-size:14.5px;margin-bottom:11px;color:rgba(255,255,255,.78);transition:color .2s}.foot-col a:hover{color:var(--amber)}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:26px;font-size:13px;color:rgba(255,255,255,.5);flex-wrap:wrap;gap:14px}
.foot-bottom a{margin-left:22px}.foot-bottom a:hover{color:var(--amber)}
/* subpage hero */
.subhero{position:relative;color:#fff;padding:180px 0 90px;overflow:hidden;background:url('../img/img-01-f3e058ad82.jpg') center/cover,var(--navy)}
.subhero::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(0,22,37,.92),rgba(0,22,37,.55))}
.subhero .wrap{position:relative;z-index:3}
.subhero .crumb{font-size:13px;color:rgba(255,255,255,.6);font-weight:600;letter-spacing:.04em;margin-bottom:14px}
.subhero h1{color:#fff;font-size:clamp(40px,5.4vw,76px);font-weight:600}
.subhero p{font-size:19px;color:rgba(255,255,255,.84);max-width:560px;margin-top:20px}
.logoslot{background:#fff;border-radius:20px;padding:34px 44px;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow);margin-bottom:26px;min-width:240px;min-height:96px}
.logoslot .wm{font-family:var(--serif);font-size:40px;font-weight:700;color:var(--navy);letter-spacing:.01em}
.logoslot .wm small{display:block;font-family:var(--sans);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--steel);font-weight:800;margin-top:2px}
.split{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:start}
.prose h2{font-size:34px;margin-bottom:18px}.prose h3{font-size:23px;margin:30px 0 12px}
.prose p{font-size:16.5px;color:var(--text-soft);margin-bottom:16px}
.ticks{list-style:none;margin-top:10px}.ticks li{position:relative;padding-left:34px;margin-bottom:14px;font-size:16px;color:var(--text-soft)}
.ticks li::before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:var(--amber);
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23002C46' stroke-width='3'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E");background-size:14px;background-repeat:no-repeat;background-position:center}
.aside{background:var(--mist);border-radius:var(--r-lg);padding:32px}
.aside h4{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--steel);font-weight:800;margin-bottom:16px}
.aside .meta{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}
.aside .chip{background:#fff;border:1px solid var(--line-soft);color:var(--navy);font-size:12.5px;font-weight:700;padding:7px 14px;border-radius:999px}
.aside .ll{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cta-band{background:var(--navy);color:#fff;text-align:center;border-radius:var(--r-lg);padding:64px 40px;margin-top:0}
.cta-band h2{color:#fff;font-size:clamp(30px,3.6vw,46px)}
.cta-band p{font-size:17px;color:rgba(255,255,255,.8);margin:16px 0 28px;max-width:520px;margin-left:auto;margin-right:auto}
/* career */
.roles{display:flex;flex-direction:column;gap:14px}
.role{background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-md);padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:all .3s}
.role:hover{box-shadow:var(--shadow-soft);transform:translateX(6px);border-color:transparent}
.role .ri h4{font-size:21px;font-weight:600}.role .ri span{font-size:13.5px;color:var(--text-mute);font-weight:600}
.role .rb{flex-shrink:0;font-weight:800;color:var(--steel);font-size:14px;display:inline-flex;gap:7px;align-items:center}
.bens{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ben{background:var(--mist);border-radius:var(--r-lg);padding:30px}
.ben .v-ic{margin-bottom:18px}.ben h4{font-size:20px;font-weight:600;margin-bottom:8px}.ben p{font-size:14.5px;color:var(--text-soft)}
.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(max-width:1040px){.hero-grid,.split,.tb-grid,.trust-grid,.k-grid{grid-template-columns:1fr;gap:46px}
.imp-grid,.val-grid,.plat-grid,.svc-grid,.why-grid{grid-template-columns:1fr 1fr}.why-lead{grid-template-columns:1fr;gap:22px}.pov-grid{grid-template-columns:1fr}
.br-panel{grid-template-columns:1fr;gap:28px}.br-vis{height:300px;order:-1}.steps{grid-template-columns:1fr 1fr}
.logo-wall{grid-template-columns:repeat(4,1fr)}.bens{grid-template-columns:1fr}.tb-photo{min-height:340px}.tb-text{padding:56px 30px}
.foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.wrap{padding:0 22px}.lbx .wrap{padding-left:22px;padding-right:22px}section{padding:80px 0}.hero{padding:140px 0 80px}
.nav-links{position:fixed;top:0;right:0;height:100vh;width:84%;max-width:340px;background:var(--navy-2);flex-direction:column;align-items:flex-start;gap:0;padding:92px 28px;transform:translateX(100%);transition:transform .4s;border-left:1px solid var(--line-dark);overflow-y:auto}
.nav-links.open{transform:translateX(0)}.nav-links>a,.nav-trigger{font-size:18px;padding:14px 0;width:100%;border-bottom:1px solid var(--line-dark)}
.nav-links .nav-cta{margin-top:16px;border-bottom:none;width:auto}
.mega{position:static;transform:none;width:100%;opacity:1;visibility:visible;background:none;border:none;box-shadow:none;padding:6px 0;display:none;grid-template-columns:1fr}
.nav-item.open-m .mega{display:grid}.menu-btn{display:flex}
.menu-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-btn.open span:nth-child(2){opacity:0}.menu-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.imp-grid,.val-grid,.plat-grid,.steps,.badges,.foot-grid,.logo-wall,.svc-grid,.why-grid{grid-template-columns:1fr 1fr}.bens{grid-template-columns:1fr}
.imp .n{font-size:50px}.role{flex-direction:column;align-items:flex-start}}
/* ===================== 2027 UPGRADE LAYER ===================== */
:root{
--serif:"ITC Lubalin Graph Std","itc-lubalin-graph-std","Lubalin Graph",Georgia,serif;
--sans:"proxima-nova",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
--r-lg:26px;--r-md:18px;
--hair:rgba(0,44,70,.10);
--shadow:0 50px 120px -50px rgba(0,18,30,.62);
--shadow-soft:0 30px 66px -34px rgba(0,44,70,.30);
}
html{font-optical-sizing:auto}
body{font-size:16px}
body::after{content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.038;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:130px 130px}
.ai-card h4{font-weight:600}
/* HERO: mesh + dotted-grid (brand mark echo) + amber glow */
.hero{background:radial-gradient(125% 125% at 76% -12%,#0a4a6b 0%,#013650 46%,#001a2b 100%)}
.hero::before{display:none}
.hero::after{background:radial-gradient(52% 70% at 80% 16%,rgba(245,159,30,.18),transparent 58%);z-index:1}
.hero .orb.a{filter:blur(64px);opacity:.42}.hero .orb.b{opacity:.5}
/* premium buttons */
.btn-primary{background:linear-gradient(180deg,#ffba47,#F59F1E);box-shadow:0 18px 44px -14px rgba(245,159,30,.62),inset 0 1px 0 rgba(255,255,255,.45)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 28px 64px -16px rgba(245,159,30,.72),inset 0 1px 0 rgba(255,255,255,.45)}
/* nav underline */
.nav-links>a{position:relative}
.nav-links>a::after{content:"";position:absolute;left:0;bottom:-5px;height:2px;width:0;background:var(--amber);transition:width .32s cubic-bezier(.2,.8,.2,1)}
.nav-links>a:hover::after{width:100%}
/* cards: hairline + depth + refined hover */
.val,.pov{border:1px solid var(--hair);box-shadow:var(--shadow-soft)}
.plat{border:1px solid var(--hair);box-shadow:0 18px 40px -30px rgba(0,44,70,.4)}
.plat:hover{box-shadow:var(--shadow-soft)}
.chip-logo{border:1px solid var(--hair);box-shadow:0 12px 30px -18px rgba(0,18,30,.45);border-radius:14px}
.cband-logos .chip-logo,.ht-logos .chip-logo{box-shadow:0 16px 36px -20px rgba(0,18,30,.5)}
/* animated gradient word */
.grad-word{background:linear-gradient(100deg,#F59F1E,#ffd79e,#F59F1E);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 7s linear infinite}
@keyframes shimmer{to{background-position:220% center}}
/* dotted-grid accent on positioning section */
.why{position:relative;overflow:hidden}
.why::before{content:"";position:absolute;top:-40px;right:-30px;width:300px;height:300px;
background-image:radial-gradient(var(--hair) 1.4px,transparent 1.5px);background-size:24px 24px;
-webkit-mask-image:radial-gradient(circle at center,#000,transparent 70%);mask-image:radial-gradient(circle at center,#000,transparent 70%);opacity:.7}
.why-card{border-top:2px solid var(--navy)}
/* branche reference label */
.br-reflabel{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--steel-soft);font-weight:700;margin-top:26px;padding-top:18px;border-top:1px solid var(--line-dark)}
.br-logos{margin-top:14px;padding-top:0;border-top:none}
/* KI section */
.aiuse{background:radial-gradient(125% 120% at 12% -10%,#0a4a6b,#013650 48%,#001a2b);color:#fff;position:relative;overflow:hidden}
.aiuse::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1.3px,transparent 1.4px);background-size:32px 32px;-webkit-mask-image:linear-gradient(120deg,#000,transparent 75%);mask-image:linear-gradient(120deg,#000,transparent 75%)}
.aiuse .wrap{position:relative;z-index:2}
.aiuse .sec-head{margin-left:0;text-align:left;max-width:720px}
.aiuse .sec-head h2{color:#fff}.aiuse .sec-head p{color:rgba(255,255,255,.78)}
.ai-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ai-card{background:rgba(255,255,255,.05);border:1px solid var(--line-dark);border-radius:var(--r-lg);padding:34px 30px;transition:transform .4s cubic-bezier(.2,.8,.2,1),background .4s,border-color .4s}
.ai-card:hover{transform:translateY(-7px);background:rgba(255,255,255,.085);border-color:rgba(245,159,30,.42)}
.ai-ic{width:50px;height:50px;border-radius:14px;background:rgba(245,159,30,.15);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.ai-ic svg{width:25px;height:25px;stroke:var(--amber);fill:none;stroke-width:1.7}
.ai-card h4{color:#fff;font-size:22px;margin-bottom:11px}
.ai-card p{color:rgba(255,255,255,.76);font-size:14.5px;line-height:1.62}
/* orchestrated staggered reveals */
.imp-grid .reveal:nth-child(2),.svc-grid .reveal:nth-child(2),.why-grid .reveal:nth-child(2),.val-grid .reveal:nth-child(2),.ai-grid .reveal:nth-child(2),.plat-grid .reveal:nth-child(2),.steps .reveal:nth-child(2){transition-delay:.07s}
.imp-grid .reveal:nth-child(3),.svc-grid .reveal:nth-child(3),.why-grid .reveal:nth-child(3),.val-grid .reveal:nth-child(3),.ai-grid .reveal:nth-child(3),.plat-grid .reveal:nth-child(3),.steps .reveal:nth-child(3){transition-delay:.14s}
.imp-grid .reveal:nth-child(4),.svc-grid .reveal:nth-child(4),.why-grid .reveal:nth-child(4),.plat-grid .reveal:nth-child(4),.steps .reveal:nth-child(4){transition-delay:.21s}
.svc-grid .reveal:nth-child(5){transition-delay:.28s}.svc-grid .reveal:nth-child(6){transition-delay:.35s}
/* refined section rhythm on desktop only */
@media(min-width:1041px){section{padding:130px 0}.hero{padding:210px 0 110px}}
@media(max-width:1040px){.pov-grid,.ai-grid{grid-template-columns:1fr}}
.br-themes{list-style:none;margin:0 0 6px}.br-themes li{position:relative;padding-left:22px;margin-bottom:9px;font-size:15.5px;color:rgba(255,255,255,.9);line-height:1.5}.br-themes li::before{content:"";position:absolute;left:0;top:10px;width:7px;height:7px;border-radius:50%;background:var(--amber)}.br-info .pl{margin-top:20px}
.hero-dots{position:absolute;inset:0;z-index:1;pointer-events:none;-webkit-mask-image:radial-gradient(120% 95% at 78% 22%,#000 0%,rgba(0,0,0,.55) 45%,transparent 80%);mask-image:radial-gradient(120% 95% at 78% 22%,#000 0%,rgba(0,0,0,.55) 45%,transparent 80%)}
.step::before{transform:scaleX(0);transform-origin:left;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.step.in::before{transform:scaleX(1)}
.step .dot{transform:scale(0);transition:transform .55s cubic-bezier(.34,1.56,.5,1) .3s}
.step.in .dot{transform:scale(1)}
.steps .reveal:nth-child(2).in::before{transition-delay:.18s}.steps .reveal:nth-child(3).in::before{transition-delay:.36s}.steps .reveal:nth-child(4).in::before{transition-delay:.54s}
.steps .reveal:nth-child(2).in .dot{transition-delay:.42s}.steps .reveal:nth-child(3).in .dot{transition-delay:.6s}.steps .reveal:nth-child(4).in .dot{transition-delay:.78s}
.finder{background:var(--mist)}
.quiz-card{max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);padding:42px;min-height:430px;display:flex;flex-direction:column}
.quiz-prog{display:flex;gap:8px;margin-bottom:30px}
.quiz-prog i{height:5px;border-radius:3px;background:var(--mist-2);flex:1;transition:background .3s}
.quiz-prog i.done{background:var(--amber)}
.quiz-step,.quiz-result{animation:fadeUp .4s ease}
.quiz-q{font-family:var(--serif);font-size:clamp(23px,3vw,31px);font-weight:600;color:var(--navy);line-height:1.15}
.quiz-sub{font-size:12.5px;color:var(--text-mute);margin:8px 0 24px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.quiz-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.quiz-opt{text-align:left;background:var(--mist);border:1.5px solid transparent;border-radius:var(--r-md);padding:18px 20px;font-family:var(--sans);font-size:15.5px;font-weight:600;color:var(--navy);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:13px}
.quiz-opt:hover{border-color:var(--amber);background:#fff;transform:translateY(-2px);box-shadow:var(--shadow-soft)}
.quiz-opt .dotmark{width:15px;height:15px;border-radius:50%;border:2px solid var(--steel-soft);flex-shrink:0;transition:all .2s}
.quiz-opt:hover .dotmark{border-color:var(--amber);background:var(--amber);box-shadow:0 0 0 4px rgba(245,159,30,.16)}
.quiz-nav{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:26px}
.quiz-back{background:none;border:none;color:var(--text-mute);font-weight:700;cursor:pointer;font-size:14px;font-family:var(--sans);min-height:20px}
.quiz-back:hover{color:var(--navy)}
.quiz-count{font-size:13px;color:var(--text-mute);font-weight:800}
.qr-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(245,159,30,.15);color:#94600f;font-weight:800;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;padding:8px 16px;border-radius:999px;margin-bottom:18px}
.qr-h{font-family:var(--serif);font-size:clamp(27px,3.4vw,40px);font-weight:600;color:var(--navy);line-height:1.1;margin-bottom:22px}
.qr-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}
.qr-card{background:var(--mist);border-radius:var(--r-md);padding:22px}
.qr-card .l{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--steel);font-weight:800;margin-bottom:9px}
.qr-card .v{font-family:var(--serif);font-size:22px;font-weight:600;color:var(--navy);line-height:1.15}
.qr-p{font-size:16px;color:var(--text-soft);margin-bottom:26px}
.quiz-restart{display:block;background:none;border:none;color:var(--text-mute);font-weight:700;cursor:pointer;font-size:13.5px;margin-top:18px;font-family:var(--sans)}
.quiz-restart:hover{color:var(--navy)}
@media(max-width:680px){.quiz-opts,.qr-cards{grid-template-columns:1fr}.quiz-card{padding:28px 22px}}
/* standortcheck */
.quiz-dims{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:26px}
.qd{background:var(--mist);border-radius:10px;padding:10px 12px;border:1.5px solid transparent;transition:border-color .3s}
.qd.act{border-color:var(--amber)}
.qd .l{font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--steel);margin-bottom:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qd .tr{height:5px;border-radius:3px;background:var(--mist-2);overflow:hidden}
.qd .fl{height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,var(--amber),var(--amber-soft));transition:width .6s cubic-bezier(.2,.8,.2,1)}
.qr-top{display:grid;grid-template-columns:1fr 270px;gap:34px;align-items:center;margin-bottom:8px}
.qr-radar{width:100%;max-width:270px;margin:0 auto;display:block}
.qr-radar text{font-family:var(--sans);font-size:11px;font-weight:800;fill:var(--steel)}
.qr-sub{font-size:16px;color:var(--text-soft);margin-top:4px}
.qr-dims{margin:18px 0 22px;display:grid;gap:9px}
.qr-dim{display:grid;grid-template-columns:118px 1fr 44px;gap:12px;align-items:center;font-size:13.5px;font-weight:700;color:var(--navy)}
.qr-dim .tr{height:7px;border-radius:4px;background:var(--mist-2);overflow:hidden}
.qr-dim .fl{height:100%;width:0;background:linear-gradient(90deg,var(--amber),var(--amber-soft));border-radius:4px;transition:width .9s cubic-bezier(.2,.8,.2,1)}
.qr-dim .pc{text-align:right;color:var(--text-soft);font-weight:800;font-size:12.5px}
.qr-lever{background:var(--mist);border-left:4px solid var(--amber);border-radius:var(--r-sm);padding:18px 20px;margin-bottom:16px}
.qr-lever .l{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--steel);font-weight:800;margin-bottom:7px}
.qr-lever p{font-size:15px;color:var(--text-soft);margin:0}
.qr-bench{font-size:13.5px;color:var(--text-mute);font-style:italic;margin-bottom:24px}
.pov-offer{margin-top:14px;font-size:14px}
.pov-offer b{color:var(--navy)}
.pov-cta{display:inline-block;margin-top:14px;font-size:14px;font-weight:800;color:#b06f0e;transition:color .2s}
.pov-cta:hover{color:var(--navy)}
.hero h1{font-size:clamp(38px,5vw,72px)}
@media(max-width:680px){.quiz-dims{grid-template-columns:repeat(2,1fr)}.qr-top{grid-template-columns:1fr}.qr-dim{grid-template-columns:96px 1fr 40px}}
/* era timeline */
.era{background:var(--mist)}
.era-track{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;position:relative;padding-top:18px}
.era-track::before{content:"";position:absolute;top:24px;left:2%;right:2%;height:2px;background:linear-gradient(90deg,var(--steel-soft),var(--amber));opacity:.45;border-radius:2px}
.era-item{position:relative;padding-top:34px}
.era-dot{position:absolute;top:17px;left:0;width:15px;height:15px;border-radius:50%;background:#fff;border:3px solid var(--steel);box-shadow:0 0 0 5px var(--mist)}
.era-dot.now{border-color:var(--amber);background:var(--amber);animation:pulse 2s infinite}
.era-year{font-family:var(--serif);font-size:34px;font-weight:700;color:var(--navy);line-height:1;margin-bottom:10px}
.era-item h4{font-size:18.5px;margin-bottom:9px;font-weight:700}
.era-item p{font-size:14.5px;color:var(--text-soft)}
.era-item:nth-child(2).in{transition-delay:.12s}.era-item:nth-child(3).in{transition-delay:.24s}.era-item:nth-child(4).in{transition-delay:.36s}
/* ki live */
.kilive{background:linear-gradient(160deg,var(--deep),var(--navy-2));position:relative;overflow:hidden;color:#fff}
.kilive h2{color:#fff;font-size:clamp(32px,4.2vw,52px);margin-top:18px}
.kl-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:center;position:relative;z-index:2}
.kl-lede{color:rgba(255,255,255,.82);font-size:17px;margin-top:18px;max-width:520px}
.kl-feed{display:flex;flex-direction:column;gap:9px;min-height:268px}
.kl-row{display:flex;gap:11px;align-items:flex-start;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);border-radius:13px;padding:12px 14px;opacity:0;transform:translateY(10px);transition:all .5s cubic-bezier(.2,.8,.2,1)}
.kl-row.show{opacity:1;transform:none}
.kl-row.fade{opacity:0;transform:translateY(-8px)}
.kl-tag{flex-shrink:0;font-size:9.5px;font-weight:900;letter-spacing:.1em;padding:4px 9px;border-radius:999px;margin-top:1px}
.kl-tag.ki{background:rgba(245,159,30,.2);color:var(--amber-soft)}
.kl-tag.wir{background:rgba(255,255,255,.14);color:#fff}
.kl-row p{font-size:13.5px;color:rgba(255,255,255,.88);line-height:1.45;margin:0}
@media(max-width:980px){.kl-grid{grid-template-columns:1fr}.era-track{grid-template-columns:1fr 1fr}.era-track::before{display:none}}
@media(max-width:680px){.era-track{grid-template-columns:1fr}}
/* ===== KI-Cockpit (ausgebaut) ===== */
.kpis{grid-template-columns:repeat(4,1fr);gap:10px}
.kpi{padding:13px 8px}
.kpi .v{font-size:25px}
.kpi .v .u{font-size:15px;font-weight:600;margin-left:1px}
.kpi .v.flash{animation:kpiFlash .6s ease}
@keyframes kpiFlash{0%{color:var(--amber-soft)}100%{}}
.kl-status{margin-bottom:18px}
.kl-status-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:rgba(255,255,255,.62);font-weight:700;margin-bottom:8px;letter-spacing:.02em}
.kl-leg{display:flex;align-items:center;gap:4px;font-weight:600;color:rgba(255,255,255,.5)}
.kl-leg i{display:inline-block;width:8px;height:8px;border-radius:2px;margin:0 3px 0 9px;vertical-align:middle}
.kl-leg i:first-child{margin-left:0}
.kl-bar{height:12px;border-radius:7px;overflow:hidden;display:flex;background:rgba(255,255,255,.08)}
.kl-bar .seg{height:100%;transition:width 1.1s cubic-bezier(.2,.8,.2,1)}
.seg.g,.kl-leg i.g,.kl-dot.g{background:#4ade80}
.seg.a,.kl-leg i.a,.kl-dot.a{background:var(--amber)}
.seg.r,.kl-leg i.r,.kl-dot.r{background:#f0654a}
.kl-feed-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:rgba(255,255,255,.62);font-weight:700;margin-bottom:10px;letter-spacing:.02em}
.kl-feed-sub{color:rgba(255,255,255,.4);font-weight:600}
.kl-feed{min-height:232px}
.kl-row{align-items:center}
.kl-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-right:-2px}
.kl-time{font-size:10px;color:rgba(255,255,255,.42);font-weight:700;flex-shrink:0;margin-left:auto;letter-spacing:.03em;font-variant-numeric:tabular-nums}
@media(max-width:980px){.kl-feed{min-height:0}}
@media(max-width:680px){.kpis{grid-template-columns:repeat(2,1fr)}.kl-leg{display:none}}
/* ===== Branchenseite (Industry-Landingpage) ===== */
.ind-hero{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--deep),var(--navy-2));color:#fff;padding:120px 0 80px}
.ind-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;position:relative;z-index:2}
.ind-h1{font-family:var(--serif);font-weight:700;font-size:clamp(34px,4.6vw,58px);line-height:1.06;color:#fff;margin:14px 0 18px}
.ind-lede{font-size:18px;color:rgba(255,255,255,.84);max-width:560px;margin:0 0 28px}
.ind-hero-vis{min-height:330px;border-radius:var(--r-lg);background-size:cover;background-position:center;box-shadow:var(--shadow)}
.ind-chal{background:var(--paper);padding:84px 0}
.ind-ansatz{background:var(--mist);padding:84px 0}
.ind-ansatz-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:start}
.ind-app-text{font-size:17px;color:var(--text-soft);margin:16px 0 0}
.ind-plat{font-size:15px;color:var(--text-soft);margin-top:16px}
.ind-plat b{color:var(--navy)}
.ind-points{display:grid;gap:14px}
.ind-point{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--hair);border-radius:var(--r-sm);padding:18px 20px;box-shadow:var(--shadow-soft)}
.ind-check{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--amber);color:var(--navy);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px;margin-top:1px}
.ind-point b{color:var(--navy);font-size:16px}
.ind-point p{font-size:14.5px;color:var(--text-soft);margin:5px 0 0}
.ind-cta{background:var(--paper);padding:0 0 90px}
.ind-cta-card{background:linear-gradient(150deg,var(--navy),var(--navy-3));color:#fff;border-radius:var(--r-lg);padding:56px;text-align:center;box-shadow:var(--shadow)}
.ind-cta-card h2{color:#fff;font-family:var(--serif);font-size:clamp(26px,3vw,38px);margin:0 0 14px}
.ind-cta-card p{color:rgba(255,255,255,.82);font-size:17px;max-width:560px;margin:0 auto 26px}
@media(max-width:900px){.ind-hero-grid,.ind-ansatz-grid{grid-template-columns:1fr}.ind-hero{padding:96px 0 64px}.ind-hero-vis{min-height:220px}.ind-cta-card{padding:38px 26px}}
/* ===== Nur im WordPress-Editor: Animationen neutralisieren, damit Inhalte sichtbar sind =====
Greift ausschließlich im Editor (.editor-styles-wrapper existiert im Frontend nicht). */
.editor-styles-wrapper .reveal{opacity:1!important;transform:none!important}
.editor-styles-wrapper .hero h1 .ln span{opacity:1!important;transform:none!important}
.editor-styles-wrapper .dash{opacity:1!important;animation:none!important}
.editor-styles-wrapper .kl-row{opacity:1!important;transform:none!important}
.editor-styles-wrapper .imp,.editor-styles-wrapper .impact .reveal{opacity:1!important;transform:none!important}
/* Dunkle Vollflächen-Sektionen im Editor etwas kompakter zeigen */
.editor-styles-wrapper .hero,.editor-styles-wrapper .ind-hero{min-height:auto}
/* ===== WordPress-Menüstruktur an das Design anpassen ===== */
/* Kopf-Hauptmenü: ul/li statt direkter */
.nav-links .nav-menu{display:flex;gap:34px;align-items:center;list-style:none;margin:0;padding:0}
.nav-links .nav-menu li{position:relative}
.nav-links .nav-menu a{font-size:15px;font-weight:600;color:rgba(255,255,255,.85);transition:color .2s;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.nav-links .nav-menu a:hover{color:#fff}
/* CTA-Knopf: Menüpunkt bekommt im WP-Menü die CSS-Klasse "nav-cta" */
.nav-links .nav-menu .nav-cta a,.nav-links .nav-menu li.nav-cta>a{background:var(--amber);color:var(--navy);padding:12px 26px;border-radius:999px;font-weight:800;font-size:14.5px}
.nav-links .nav-menu .nav-cta a:hover{background:var(--amber-soft);color:var(--navy)}
/* Untermenü (Dropdown) */
.nav-links .nav-menu .sub-menu{list-style:none;margin:0;padding:10px 0;position:absolute;top:130%;left:0;min-width:230px;background:var(--navy-2);border:1px solid var(--line-dark);border-radius:14px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(6px);transition:all .25s}
.nav-links .nav-menu li:hover>.sub-menu{opacity:1;visibility:visible;transform:none}
.nav-links .nav-menu .sub-menu a{display:block;padding:9px 20px;font-weight:600}
/* Footer-Menüs: ul statt direkter */
.foot-menu{list-style:none;margin:0;padding:0}
.foot-menu a{display:block;font-size:14.5px;margin-bottom:11px;color:rgba(255,255,255,.78);transition:color .2s;text-decoration:none}
.foot-menu a:hover{color:var(--amber)}
/* Scroll-Fortschrittsbalken */
.scroll-prog{position:fixed;top:0;left:0;height:3px;width:0;background:var(--amber);z-index:200;transition:width .1s}
/* Mobiles Hauptmenü */
@media(max-width:680px){
.nav-links .nav-menu{flex-direction:column;align-items:flex-start;gap:0;width:100%}
.nav-links .nav-menu li{width:100%}
.nav-links .nav-menu>li>a{font-size:18px;padding:14px 0;width:100%;border-bottom:1px solid var(--line-dark)}
.nav-links .nav-menu .sub-menu{position:static;opacity:1;visibility:visible;transform:none;background:none;border:none;box-shadow:none;padding:0 0 8px 14px}
.nav-links .nav-menu .nav-cta a{display:inline-block;margin-top:16px}
}
/* ===== Sitemap-Block ===== */
.sitemap{background:var(--paper);padding:80px 0}
.sitemap-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px 28px}
.sitemap-list a{display:block;padding:13px 18px;background:var(--mist);border:1px solid var(--hair);border-radius:var(--r-sm);color:var(--navy);font-weight:600;font-size:15px;text-decoration:none;transition:all .2s}
.sitemap-list a:hover{border-color:var(--amber);transform:translateY(-2px)}
.sitemap-xml{margin-top:26px;font-size:14px;color:var(--text-soft)}
@media(max-width:760px){.sitemap-list{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.sitemap-list{grid-template-columns:1fr}}
/* ===== Megamenü-Dropdown etwas großzügiger ===== */
.nav-links .nav-menu .menu-item-has-children>a::after{content:"";display:inline-block;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-left:7px;margin-top:-3px;vertical-align:middle;opacity:.7}
.nav-links .nav-menu .sub-menu{min-width:268px;padding:14px 0}
.nav-links .nav-menu .sub-menu a{padding:11px 22px;font-size:14.5px;color:rgba(255,255,255,.82)}
.nav-links .nav-menu .sub-menu a:hover{color:#fff;background:rgba(255,255,255,.06)}
/* ===== Partnerseite ===== */
.phero-h1{font-family:var(--serif);font-weight:700;font-size:clamp(36px,4.8vw,58px);color:#fff;margin:0 0 20px;line-height:1.06}
.phero-h1 .accent{color:var(--amber)}
.pa-hero-vis{min-height:320px;border-radius:var(--r-lg);background:linear-gradient(135deg,#0a3550,#062c44);background-size:cover;background-position:center;box-shadow:var(--shadow)}
.plogo-box{display:inline-flex;align-items:center;gap:14px;background:rgba(255,255,255,.06);border:1px solid var(--line-dark);border-radius:14px;padding:12px 18px;margin-bottom:24px}
.plogo-box .plabel{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--steel-soft);font-weight:800}
.plogo-box .pslot{height:38px;min-width:90px;background:rgba(255,255,255,.92);border-radius:7px;display:flex;align-items:center;justify-content:center;padding:4px 12px}
.plogo-box .pslot img{max-height:30px;max-width:130px;width:auto;display:block}
.pa-awards{background:var(--navy);color:#fff;padding:30px 0;border-top:1px solid var(--line-dark)}
.pa-awards-head{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--steel-soft);font-weight:800;text-align:center;margin-bottom:20px}
.pa-awards-row{display:flex;gap:22px;justify-content:center;flex-wrap:wrap}
.pa-award{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.05);border:1px solid var(--line-dark);border-radius:14px;padding:16px 22px;min-width:230px}
.pa-medal{width:48px;height:48px;border-radius:10px;background:rgba(245,159,30,.16);border:1px solid rgba(245,159,30,.4);display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--amber);flex-shrink:0;overflow:hidden}
.pa-medal img{max-width:36px;max-height:36px}
.pa-at{font-weight:800;font-size:14.5px;color:#fff}
.pa-as{font-size:12.5px;color:rgba(255,255,255,.6);margin-top:1px}
.pa-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.pa-h2{font-size:clamp(26px,3.2vw,38px);margin-top:14px}
.pa-p{color:var(--text-soft);font-size:16px;margin:16px 0 0}
.pa-imgbox{min-height:330px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--mist),var(--mist-2));border:1px solid var(--hair);background-size:cover;background-position:center;box-shadow:var(--shadow-soft)}
.pa-svc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.pa-svc-item{background:#fff;border:1px solid var(--hair);border-radius:var(--r-sm);padding:20px 22px;display:flex;gap:13px;align-items:flex-start;box-shadow:var(--shadow-soft)}
.pa-svc-item .ck{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;margin-top:1px}
.pa-svc-item b{color:var(--navy);font-size:15px}
.pa-svc-item p{color:var(--text-soft);font-size:13px;margin-top:3px}
.pa-quote{background:linear-gradient(150deg,var(--navy),var(--navy-3));color:#fff;padding:80px 0}
.pa-quote .q{font-family:var(--serif);font-size:clamp(24px,3vw,34px);line-height:1.28;max-width:900px}
.pa-quote .who{margin-top:22px;color:var(--amber-soft);font-weight:700;font-size:15px}
.pa-cta{padding:90px 0;background:var(--paper)}
.pa-cta-card{background:linear-gradient(150deg,var(--navy),var(--navy-3));color:#fff;border-radius:var(--r-lg);padding:54px;box-shadow:var(--shadow);display:grid;grid-template-columns:1.3fr .7fr;gap:48px;align-items:center}
.pa-cta-card h2{color:#fff;font-size:clamp(26px,3vw,36px);margin-bottom:14px}
.pa-cta-card p{color:rgba(255,255,255,.82);font-size:17px;max-width:460px;margin-bottom:26px}
.pa-contact{background:rgba(255,255,255,.06);border:1px solid var(--line-dark);border-radius:var(--r-md);padding:26px;text-align:center}
.pa-photo{width:96px;height:96px;border-radius:50%;margin:0 auto 16px;background:linear-gradient(135deg,#0a3550,#062c44);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);font-size:11px;font-weight:700}
.pa-contact .cn{font-weight:800;font-size:16px;color:#fff}
.pa-contact .cr{font-size:13px;color:rgba(255,255,255,.65);margin-top:2px}
.pa-contact .cmail{font-size:13px;color:var(--amber-soft);margin-top:12px}
@media(max-width:920px){.pa-split,.pa-cta-card,.pa-svc-grid{grid-template-columns:1fr}.pa-cta-card{padding:38px 26px}}
/* ===== Partner-Hero (fehlende Basis-Stile) ===== */
.phero{background:linear-gradient(160deg,var(--deep,#001a2b),var(--navy-2,#013650));color:#fff;padding:72px 0 84px;position:relative;overflow:hidden}
.phero .orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}
.phero .orb.a{width:520px;height:520px;background:radial-gradient(circle,rgba(245,159,30,.2),transparent 70%)}
.phero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center;position:relative;z-index:2}
.phero-lede{font-size:18px;color:rgba(255,255,255,.85);max-width:540px;margin:0 0 30px}
.phero-actions{display:flex;gap:14px;flex-wrap:wrap}
@media(max-width:920px){.phero-grid{grid-template-columns:1fr;gap:36px}}
/* ===== Partnerseite: fehlende Karten- & Listen-Stile ===== */
.svc{background:var(--mist)}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pcard{background:var(--mist);border:1px solid var(--hair);border-radius:var(--r-md);padding:32px 28px;box-shadow:var(--shadow-soft)}
.svc .pcard{background:#fff}
.pcard .k{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);font-weight:800}
.pcard h4{font-size:21px;margin:12px 0 10px;font-family:var(--serif);color:var(--navy)}
.pcard p{color:var(--text-soft);font-size:14.5px}
.feat-list{display:grid;gap:14px;margin-top:8px}
.feat{display:flex;gap:14px;align-items:flex-start}
.feat .ck{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--amber);color:var(--navy);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px;margin-top:2px}
.feat b{color:var(--navy);font-size:16px}
.feat p{color:var(--text-soft);font-size:14.5px;margin-top:3px}
@media(max-width:920px){.cards3{grid-template-columns:1fr}}
/* ===== Überschriften immer aufrecht (kein Kursiv durch Schrift-Varianten) ===== */
h1,h2,h3,h4,.phero-h1,.ind-h1,.sec-head h2,.why-lead h2{font-style:normal !important;font-synthesis:none}
/* ===== Kennzahlen-Band (verfeinert: ruhiger, Trennlinien, ausgewogen) ===== */
.pa-band{background:var(--navy);color:#fff;padding:40px 0}
.pa-band-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.pa-band-grid>div{padding:6px 26px;text-align:center;border-left:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;justify-content:center;min-height:72px}
.pa-band-grid>div:first-child{border-left:none}
.pa-band .num{font-family:var(--serif);font-weight:700;font-style:normal;font-size:clamp(20px,2.1vw,29px);color:var(--amber-soft);line-height:1.12;letter-spacing:-.01em}
.pa-band .lbl{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-top:9px;font-weight:600}
@media(max-width:920px){.pa-band-grid{grid-template-columns:1fr 1fr;gap:24px 0}.pa-band-grid>div:nth-child(odd){border-left:none}}
@media(max-width:480px){.pa-band-grid{grid-template-columns:1fr}.pa-band-grid>div{border-left:none}}
/* ===== Blog / News ===== */
.news-hero{background:linear-gradient(160deg,var(--deep,#001a2b),var(--navy-2,#013650));color:#fff;padding:72px 0 60px;position:relative;overflow:hidden}
.news-h1{font-family:var(--serif);font-style:normal;color:#fff;font-size:clamp(34px,4.5vw,54px);margin:14px 0 0}
.news-lede{color:rgba(255,255,255,.82);font-size:18px;max-width:600px;margin-top:14px}
.news-wrap{padding:70px 0;background:var(--paper)}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.news-card{background:#fff;border:1px solid var(--hair);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.news-card:hover{transform:translateY(-4px);box-shadow:0 40px 80px -40px rgba(0,44,70,.4)}
.news-thumb{display:block;aspect-ratio:16/10;background:linear-gradient(135deg,var(--mist),var(--mist-2));overflow:hidden}
.news-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.news-thumb-ph{display:flex;align-items:center;justify-content:center;height:100%;font-family:var(--serif);color:var(--steel-soft);font-size:22px}
.news-body{padding:24px 26px 28px;display:flex;flex-direction:column;flex:1}
.news-meta{display:flex;align-items:center;gap:12px;font-size:12.5px;color:var(--text-mute);margin-bottom:12px}
.news-cat{background:var(--mist);color:var(--navy);font-weight:800;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:6px}
.news-title{font-size:22px;line-height:1.2;margin:0 0 10px}
.news-title a{color:var(--navy);text-decoration:none}
.news-title a:hover{color:var(--navy-3)}
.news-excerpt{color:var(--text-soft);font-size:14.5px;margin:0 0 16px;flex:1}
.news-more{color:var(--amber);font-weight:800;font-size:14px;text-decoration:none;align-self:flex-start}
.news-more:hover{color:#d6850f}
.news-pagination{margin-top:50px;display:flex;justify-content:center}
.news-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;margin:0 4px;border:1px solid var(--hair);border-radius:10px;color:var(--navy);text-decoration:none;font-weight:700}
.news-pagination .page-numbers.current{background:var(--navy);color:#fff;border-color:var(--navy)}
.news-pagination .page-numbers:hover{border-color:var(--amber)}
.news-empty{color:var(--text-soft);text-align:center;padding:40px 0}
/* Artikel */
.article-head{background:linear-gradient(160deg,var(--deep,#001a2b),var(--navy-2,#013650));color:#fff;padding:70px 0 56px;position:relative;overflow:hidden}
.article-head-inner{position:relative;z-index:2;max-width:820px}
.article-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:rgba(255,255,255,.7);margin-bottom:16px}
.article-title{font-family:var(--serif);font-style:normal;color:#fff;font-size:clamp(30px,4vw,48px);line-height:1.1}
.article-hero{margin:-30px 0 0}
.article-hero .wrap{max-width:920px}
.article-hero img{width:100%;border-radius:var(--r-lg);box-shadow:var(--shadow);display:block}
.article-body{max-width:760px;padding:54px 32px 20px;font-size:17.5px;line-height:1.75;color:var(--text)}
.article-body h2{font-size:30px;margin:40px 0 14px}
.article-body h3{font-size:23px;margin:32px 0 12px}
.article-body p{margin:0 0 20px}
.article-body img{max-width:100%;height:auto;border-radius:var(--r-md);margin:24px 0}
.article-body a{color:var(--navy-3);text-decoration:underline;text-underline-offset:3px}
.article-body blockquote{border-left:3px solid var(--amber);margin:28px 0;padding:6px 0 6px 24px;font-family:var(--serif);font-size:22px;color:var(--navy)}
.article-body ul,.article-body ol{margin:0 0 20px 22px}
.article-body li{margin-bottom:8px}
.article-foot{max-width:760px;padding:20px 32px 80px}
@media(max-width:920px){.news-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.news-grid{grid-template-columns:1fr}}
/* ===== Über uns (heller, menschlicher Stil) ===== */
.ueber-hero{background:linear-gradient(160deg,var(--deep,#001a2b),var(--navy-2,#013650));color:#fff;padding:74px 0 84px;position:relative;overflow:hidden}
.ueber-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;position:relative;z-index:2}
.ueber-h1{font-family:var(--serif);font-style:normal;color:#fff;font-size:clamp(34px,4.6vw,56px);margin:14px 0 20px;line-height:1.06}
.ueber-lede{color:rgba(255,255,255,.85);font-size:18px;line-height:1.7}
.ueber-hero-vis{min-height:330px;border-radius:var(--r-lg);background:linear-gradient(135deg,#0a3550,#062c44);background-size:cover;background-position:center;box-shadow:var(--shadow)}
.ueber-band{background:var(--navy);color:#fff;padding:38px 0}
.ueber-band-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.ueber-band-grid>div{padding:6px 26px;text-align:center;border-left:1px solid rgba(255,255,255,.12);min-height:72px;display:flex;flex-direction:column;justify-content:center}
.ueber-band-grid>div:first-child{border-left:none}
.ueber-band .num{font-family:var(--serif);font-weight:700;font-style:normal;font-size:clamp(24px,2.6vw,36px);color:var(--amber-soft);line-height:1.08}
.ueber-band .lbl{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-top:9px;font-weight:600}
.ueber-mission{padding:90px 0;background:var(--paper)}
.ueber-split{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
.ueber-imgbox{min-height:360px;border-radius:var(--r-lg);background:linear-gradient(135deg,var(--mist),var(--mist-2));border:1px solid var(--hair);background-size:cover;background-position:center;box-shadow:var(--shadow-soft)}
.ueber-mission-text{font-family:var(--serif);font-style:normal;font-size:clamp(22px,2.4vw,30px);line-height:1.4;color:var(--navy);margin-top:16px}
.ueber-h2{font-size:clamp(28px,3.2vw,40px);margin-top:14px}
.ueber-p{color:var(--text-soft);font-size:17px;margin-top:14px}
.ueber-values{padding:90px 0;background:var(--mist)}
.ueber-values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.ueber-value{background:#fff;border:1px solid var(--hair);border-radius:var(--r-md);padding:30px 26px;box-shadow:var(--shadow-soft)}
.ueber-value h4{font-family:var(--serif);font-size:21px;color:var(--navy);margin-bottom:10px}
.ueber-value h4::before{content:"";display:block;width:34px;height:3px;background:var(--amber);border-radius:2px;margin-bottom:16px}
.ueber-value p{color:var(--text-soft);font-size:14.5px;line-height:1.6}
.ueber-team{padding:90px 0;background:var(--paper)}
.ueber-team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.ueber-member{text-align:center}
.ueber-photo{aspect-ratio:1/1;border-radius:var(--r-md);background:linear-gradient(135deg,var(--mist),var(--mist-2));background-size:cover;background-position:center;margin-bottom:16px;border:1px solid var(--hair)}
.ueber-name{font-weight:800;color:var(--navy);font-size:16px}
.ueber-role{color:var(--text-mute);font-size:13.5px;margin-top:2px}
.ueber-team-photo{height:360px;border-radius:var(--r-lg);background-size:cover;background-position:center;box-shadow:var(--shadow-soft);border:1px solid var(--hair)}
.ueber-cta{padding:0 0 96px;background:var(--paper)}
.ueber-cta-card{background:linear-gradient(150deg,var(--navy),var(--navy-3));color:#fff;border-radius:var(--r-lg);padding:60px;text-align:center;box-shadow:var(--shadow)}
.ueber-cta-card h2{color:#fff;font-size:clamp(26px,3vw,38px);margin-bottom:14px}
.ueber-cta-card p{color:rgba(255,255,255,.82);font-size:17px;max-width:540px;margin:0 auto 28px}
@media(max-width:920px){.ueber-hero-grid,.ueber-split{grid-template-columns:1fr;gap:34px}.ueber-band-grid,.ueber-values-grid,.ueber-team-grid{grid-template-columns:1fr 1fr}.ueber-cta-card{padding:40px 26px}}
@media(max-width:560px){.ueber-band-grid,.ueber-values-grid,.ueber-team-grid{grid-template-columns:1fr}.ueber-band-grid>div{border-left:none}}
/* ===== Über uns: interaktives Team (runde, klickbare Avatare) ===== */
.teamx{max-width:720px;margin:0 auto;text-align:center}
.teamx-feature{min-height:230px;margin-bottom:30px}
.teamx-fphoto{width:144px;height:144px;border-radius:50%;margin:0 auto 18px;background:linear-gradient(135deg,var(--mist),var(--mist-2));background-size:cover;background-position:center;border:5px solid #fff;box-shadow:0 20px 50px -18px rgba(0,44,70,.45);transition:opacity .18s ease}
.teamx-fphoto.fade{opacity:0}
.teamx-fname{font-family:var(--serif);font-style:normal;font-size:24px;color:var(--navy);line-height:1.1}
.teamx-frole{color:var(--amber);font-weight:800;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;margin-top:6px}
.teamx-fbio{color:var(--text-soft);font-size:15.5px;line-height:1.6;max-width:520px;margin:14px auto 0}
.teamx-avatars{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding-top:6px}
.teamx-av{width:66px;height:66px;border-radius:50%;border:3px solid #fff;background:var(--mist) center/cover no-repeat;margin-left:-12px;cursor:pointer;padding:0;outline:none;box-shadow:0 0 0 1px var(--hair),0 6px 16px -8px rgba(0,44,70,.4);transition:transform .2s ease,box-shadow .2s ease;position:relative}
.teamx-av:first-child{margin-left:0}
.teamx-av:hover{transform:translateY(-5px)}
.teamx-av.active{transform:translateY(-7px) scale(1.1);box-shadow:0 0 0 3px var(--amber),0 14px 28px -10px rgba(0,44,70,.5);z-index:3}
.teamx-av:focus-visible{box-shadow:0 0 0 3px var(--amber)}
@media(max-width:560px){.teamx-av{width:54px;height:54px;margin-left:-10px}}
/* ===== Branchenseite: Kennzahlen-Band + Logo-Strip ===== */
.ind-band{background:var(--navy);color:#fff;padding:40px 0}
.ind-band-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.ind-band-grid>div{padding:6px 26px;text-align:center;border-left:1px solid rgba(255,255,255,.12);min-height:72px;display:flex;flex-direction:column;justify-content:center}
.ind-band-grid>div:first-child{border-left:none}
.ind-band .num{font-family:var(--serif);font-weight:700;font-style:normal;font-size:clamp(24px,2.6vw,36px);color:var(--amber-soft);line-height:1.08}
.ind-band .lbl{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-top:9px;font-weight:600}
.ind-logos-sec{padding:70px 0;background:var(--mist)}
.ind-logos-head{text-align:center;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-mute);font-weight:800;margin-bottom:34px}
.ind-logos-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:38px 54px}
.ind-logo img{max-height:42px;max-width:140px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.62;transition:filter .2s,opacity .2s}
.ind-logo img:hover{filter:grayscale(0);opacity:1}
@media(max-width:920px){.ind-band-grid{grid-template-columns:1fr 1fr;gap:24px 0}.ind-band-grid>div:nth-child(odd){border-left:none}}
@media(max-width:560px){.ind-band-grid{grid-template-columns:1fr}.ind-band-grid>div{border-left:none}}
/* ====== Branchen-Blöcke: Design 1:1 aus abgestimmter Baseline, gekapselt unter .lbx ====== */
.lbx{margin:0;font-family:var(--sans);color:var(--text);background:var(--paper);line-height:1.65;-webkit-font-smoothing:antialiased}
.lbx h1, .lbx h2{font-family:var(--serif);font-weight:500;font-style:normal;color:var(--navy);line-height:1.07;letter-spacing:-.01em;margin:0;font-synthesis:none}
.lbx h3, .lbx h4{font-family:var(--serif);font-weight:600;font-style:normal;color:var(--navy);line-height:1.07;letter-spacing:-.01em;margin:0;font-synthesis:none}
.lbx p{margin:0}
.lbx .wrap{max-width:1260px;margin:0 auto;padding:0 40px}
.lbx .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--amber)}
.lbx .eyebrow::before{content:"";width:26px;height:2px;background:var(--amber);border-radius:2px}
.lbx .eyebrow.lt{color:var(--steel)}
.lbx .eyebrow.lt::before{background:var(--steel)}
.lbx .btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);font-weight:800;font-size:15px;border-radius:40px;padding:15px 28px;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.lbx .btn-primary{background:var(--amber);color:var(--navy);box-shadow:0 16px 34px -14px rgba(245,159,30,.7)}
.lbx .btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 40px -14px rgba(245,159,30,.8)}
.lbx .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.32)}
.lbx .btn-ghost:hover{border-color:#fff}
.lbx .ic{width:26px;height:26px;display:block;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
/* ---------- top bar ---------- */
.lbx .topbar{position:absolute;top:0;left:0;right:0;z-index:20}
.lbx .topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:84px}
.lbx .brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-family:var(--serif);font-weight:700;font-size:23px;letter-spacing:.01em}
.lbx .brand .mark{width:34px;height:34px;border-radius:8px;background:
linear-gradient(135deg,var(--amber),#e07d0a);display:grid;place-items:center;color:var(--navy);font-weight:900;font-family:var(--sans);font-size:17px}
.lbx .topnav{display:flex;gap:30px;align-items:center}
.lbx .topnav a{color:rgba(255,255,255,.82);text-decoration:none;font-weight:600;font-size:14.5px}
.lbx .topnav a:hover{color:#fff}
.lbx .topnav .pill{border:1px solid rgba(255,255,255,.3);border-radius:30px;padding:9px 18px}
/* ---------- hero ---------- */
.lbx .hero{position:relative;color:#fff;background:var(--deep);overflow:hidden;padding:150px 0 84px}
.lbx .hero-bg{position:absolute;inset:0;z-index:0}
.lbx .hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.34}
.lbx .hero-bg::after{content:"";position:absolute;inset:0;background:
linear-gradient(105deg,var(--deep) 30%,rgba(1,40,70,.78) 60%,rgba(6,65,97,.45) 100%)}
.lbx .hero::before{content:"";position:absolute;inset:0;z-index:1;background-image:
linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
background-size:72px 72px;mask-image:linear-gradient(90deg,rgba(0,0,0,.9),transparent 78%)}
.lbx .hero .wrap{position:relative;z-index:2;max-width:1260px}
.lbx .hero-layout{display:block}
.lbx .hero-copy{max-width:760px}
.lbx .hero h1{color:#fff;font-size:clamp(38px,5.6vw,68px);line-height:1.02;margin:22px 0 0}
.lbx .hero h1 .am{color:var(--amber)}
.lbx .hero .lede{font-size:clamp(17px,1.5vw,20px);color:rgba(255,255,255,.86);max-width:660px;margin:24px 0 0}
.lbx .hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px}
.lbx .hero-lenses{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px;padding-top:24px;border-top:1px solid var(--line-dark)}
.lbx .hero-lens{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:18px 18px 16px;backdrop-filter:blur(12px)}
.lbx .hero-lens .k{font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--steel-soft)}
.lbx .hero-lens b{display:block;font-family:var(--serif);font-size:23px;line-height:1.05;color:var(--amber-soft);font-weight:700;margin-top:8px}
.lbx .hero-lens span{display:block;font-size:12.5px;color:rgba(255,255,255,.72);line-height:1.45;margin-top:8px}
/* ---------- section frame ---------- */
.lbx .section{padding:96px 0}
.lbx .section.mist{background:var(--mist)}
.lbx .section.navy{background:var(--navy);color:#fff}
.lbx .sec-head{max-width:720px}
.lbx .sec-head.center{margin:0 auto;text-align:center}
.lbx .sec-head h2{font-size:clamp(30px,3.6vw,46px);margin-top:14px}
.lbx .section.navy .sec-head h2{color:#fff}
.lbx .sec-head p{color:var(--text-soft);font-size:18px;margin-top:16px}
.lbx .section.navy .sec-head p{color:rgba(255,255,255,.78)}
/* ---------- complexity signature ---------- */
.lbx .newsfeed{display:grid;grid-template-columns:1.05fr repeat(3,1fr);gap:18px;margin-top:48px}
.lbx .news-intro{background:linear-gradient(150deg,var(--navy),var(--navy-3));color:#fff;border-radius:var(--r-lg);padding:28px 28px 26px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}
.lbx .news-intro::after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-90px;bottom:-120px;background:radial-gradient(circle,rgba(245,159,30,.25),transparent 68%)}
.lbx .news-intro .label{font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--amber-soft);position:relative}
.lbx .news-intro h3{color:#fff;font-size:30px;margin-top:12px;position:relative}
.lbx .news-intro p{color:rgba(255,255,255,.78);font-size:14.5px;margin-top:12px;position:relative}
.lbx .news-card{background:var(--paper);border:1px solid var(--hair);border-radius:var(--r);padding:24px 22px;box-shadow:var(--shadow-soft)}
.lbx .news-card .kicker{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);margin-bottom:10px}
.lbx .news-card h4{font-size:20px}
.lbx .news-card p{color:var(--text-soft);font-size:14px;margin-top:9px}
.lbx .news-card .ppm{margin-top:18px;padding-top:15px;border-top:1px solid var(--hair);font-size:13px;color:var(--steel);font-weight:800;line-height:1.45}
.lbx .news-card .ppm span{color:var(--navy)}
.lbx .reality-strip{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:18px;margin-top:22px}
.lbx .reality-card{position:relative;min-height:250px;border-radius:26px;overflow:hidden;box-shadow:var(--shadow-soft);background:var(--navy)}
.lbx .reality-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.04);transform:scale(1.02)}
.lbx .reality-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,26,43,.05),rgba(0,26,43,.82))}
.lbx .reality-card.large{min-height:330px}
.lbx .reality-copy{position:absolute;left:24px;right:24px;bottom:22px;z-index:2;color:#fff}
.lbx .reality-copy small{display:inline-flex;font-size:10.5px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--amber-soft);margin-bottom:9px}
.lbx .reality-copy h4{color:#fff;font-size:24px}
.lbx .reality-card:not(.large) .reality-copy h4{font-size:21px}
.lbx .reality-copy p{font-size:13.5px;color:rgba(255,255,255,.76);margin-top:8px;line-height:1.5}
.lbx .ppm-takeaway{margin-top:24px;background:var(--mist);border:1px solid var(--hair);border-radius:var(--r-lg);padding:28px 32px;display:grid;grid-template-columns:.8fr 1.2fr;gap:26px;align-items:center}
.lbx .ppm-takeaway h3{font-size:28px}
.lbx .ppm-takeaway p{color:var(--text-soft);font-size:15.5px}
.lbx .cx-note{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}
.lbx .cx-note div{background:var(--mist);border:1px solid var(--hair);border-radius:var(--r);padding:22px 24px}
.lbx .cx-note h4{font-size:20px}
.lbx .cx-note p{font-size:14.5px;color:var(--text-soft);margin-top:8px}
.lbx .cx-grid{display:grid;grid-template-columns:1fr;gap:30px;margin-top:54px}
.lbx .cx-stage{background:linear-gradient(160deg,#06283c,var(--navy-2));border:1px solid var(--line-dark);border-radius:var(--r-lg);padding:30px 30px 22px;box-shadow:var(--shadow)}
.lbx .cx-stage svg{width:100%;height:auto;display:block}
.lbx .cx-dims{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}
.lbx .cx-dim{background:var(--paper);border:1px solid var(--hair);border-radius:var(--r);padding:24px 22px;box-shadow:var(--shadow-soft)}
.lbx .cx-dim .ico{width:48px;height:48px;border-radius:12px;background:var(--mist);color:var(--navy);display:grid;place-items:center;margin-bottom:16px}
.lbx .cx-dim h4{font-size:18px}
.lbx .cx-dim p{color:var(--text-soft);font-size:14px;margin-top:7px}
/* ---------- triad (begreifbar / beherrschbar / reduzierbar) ---------- */
.lbx .triad{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:54px}
.lbx .tcard{position:relative;background:rgba(255,255,255,.04);border:1px solid var(--line-dark);border-radius:var(--r-lg);padding:38px 32px;overflow:hidden}
.lbx .tcard .ico{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;color:var(--navy);background:linear-gradient(135deg,var(--amber),#e88f12);margin-bottom:22px}
.lbx .tcard h3{color:#fff;font-size:25px}
.lbx .tcard p{color:rgba(255,255,255,.76);font-size:15px;margin-top:12px}
.lbx .tcard .step{position:absolute;top:26px;right:30px;font-family:var(--serif);font-size:54px;color:rgba(255,255,255,.07);font-weight:800;line-height:1}
/* ---------- process ---------- */
.lbx .proc{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:56px;position:relative}
.lbx .proc::before{content:"";position:absolute;top:34px;left:8%;right:8%;height:2px;background:linear-gradient(90deg,var(--mist-2),var(--amber),var(--mist-2))}
.lbx .pstep{text-align:center;padding:0 18px;position:relative}
.lbx .pdot{width:70px;height:70px;border-radius:50%;background:var(--paper);border:2px solid var(--amber);color:var(--navy);display:grid;place-items:center;margin:0 auto 20px;position:relative;z-index:2;box-shadow:0 10px 26px -12px rgba(0,44,70,.45)}
.lbx .pstep .n{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
.lbx .pstep h4{font-size:19px;margin:6px 0 8px}
.lbx .pstep p{color:var(--text-soft);font-size:14px}
/* ---------- platforms ---------- */
.lbx .tech-bridge{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;margin-top:50px;align-items:stretch}
.lbx .bridge-panel{background:var(--paper);border:1px solid var(--hair);border-radius:var(--r-lg);padding:34px;box-shadow:var(--shadow-soft)}
.lbx .bridge-panel.dark{background:linear-gradient(150deg,var(--navy),var(--navy-3));color:#fff;border-color:transparent;position:relative;overflow:hidden}
.lbx .bridge-panel.dark::after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-100px;top:-100px;background:radial-gradient(circle,rgba(245,159,30,.2),transparent 68%)}
.lbx .bridge-panel h3{font-size:28px;margin-bottom:14px}
.lbx .bridge-panel.dark h3{color:#fff;position:relative}
.lbx .bridge-panel p{color:var(--text-soft);font-size:15px}
.lbx .bridge-panel.dark p{color:rgba(255,255,255,.78);position:relative}
.lbx .bridge-list{display:grid;gap:13px;margin-top:22px}
.lbx .bridge-item{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start;color:var(--text)}
.lbx .bridge-item span{width:30px;height:30px;border-radius:50%;background:var(--mist);color:var(--amber);display:grid;place-items:center;font-weight:900;font-size:14px}
.lbx .bridge-item b{display:block;color:var(--navy);font-size:15px;margin-bottom:2px}
.lbx .bridge-item small{display:block;color:var(--text-soft);font-size:13.5px;line-height:1.55}
.lbx .partner-duo{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:28px}
.lbx .partner-card{background:var(--paper);border:1px solid var(--hair);border-radius:var(--r-lg);padding:32px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:16px}
.lbx .partner-card .brandline{display:flex;align-items:center;justify-content:space-between;gap:16px}
.lbx .partner-card .logo-word{font-family:var(--serif);font-size:27px;font-weight:800;color:var(--navy);line-height:1}
.lbx .partner-card .role{font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:var(--amber)}
.lbx .partner-card h4{font-size:24px}
.lbx .partner-card p{color:var(--text-soft);font-size:14.5px}
.lbx .partner-card ul{margin:0;padding-left:18px;color:var(--text-soft);font-size:14px;line-height:1.65}
.lbx .partner-card li::marker{color:var(--amber)}
.lbx .plats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:50px}
.lbx .plat{background:var(--paper);border:1px solid var(--hair);border-radius:var(--r);padding:28px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:12px}
.lbx .plat .tag{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--amber)}
.lbx .plat h4{font-size:21px}
.lbx .plat p{color:var(--text-soft);font-size:14px}
.lbx .plat .chip{margin-top:auto;font-size:12.5px;color:var(--steel);font-weight:700}
/* ---------- proof band ---------- */
.lbx .band{background:var(--navy);color:#fff;padding:46px 0;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}
.lbx .band-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.lbx .band-grid>div{padding:4px 26px;text-align:center;border-left:1px solid var(--line-dark)}
.lbx .band-grid>div:first-child{border-left:none}
.lbx .band .num{font-family:var(--serif);font-weight:700;font-size:clamp(26px,2.8vw,38px);color:var(--amber-soft);line-height:1.05}
.lbx .band .lbl{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.62);margin-top:8px;font-weight:600}
.lbx .logos{padding:64px 0;background:var(--mist)}
.lbx .logos .head{text-align:center;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute);font-weight:800;margin-bottom:34px}
.lbx .logo-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px 18px}
.lbx .logo-chip{height:62px;min-width:150px;padding:0 26px;background:var(--paper);border:1px solid var(--hair);border-radius:14px;display:grid;place-items:center;font-family:var(--serif);font-weight:700;font-size:18px;color:var(--steel)}
/* ---------- CTA ---------- */
.lbx .cta{padding:100px 0;background:var(--paper)}
.lbx .cta-card{position:relative;overflow:hidden;background:linear-gradient(150deg,var(--navy),var(--navy-3));color:#fff;border-radius:var(--r-lg);padding:64px;text-align:center;box-shadow:var(--shadow)}
.lbx .cta-card .orb{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(245,159,30,.22),transparent 70%);top:-40%;right:-6%;filter:blur(10px)}
.lbx .cta-card h2{color:#fff;font-size:clamp(28px,3.4vw,42px);position:relative}
.lbx .cta-card p{color:rgba(255,255,255,.82);font-size:18px;max-width:560px;margin:16px auto 30px;position:relative}
.lbx .cta-card .btn{position:relative}
/* footnote */
.lbx .note{background:var(--ink);color:var(--steel-soft);font-size:12.5px;text-align:center;padding:16px}
/* reveal */
.lbx .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.lbx .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.lbx .reveal{opacity:1;transform:none;transition:none}}
/* responsive */
@media(max-width:900px){
.lbx .topnav{display:none}
.lbx .cx-dims, .lbx .triad, .lbx .proc, .lbx .plats, .lbx .band-grid, .lbx .partner-duo, .lbx .newsfeed, .lbx .cx-note{grid-template-columns:1fr 1fr}
.lbx .news-intro{grid-column:1/-1}
.lbx .tech-bridge{grid-template-columns:1fr}
.lbx .reality-strip{grid-template-columns:1fr}
.lbx .ppm-takeaway{grid-template-columns:1fr}
.lbx .hero-layout{display:block}
.lbx .hero-lenses{grid-template-columns:1fr}
.lbx .proc::before{display:none}
.lbx .cta-card{padding:40px 26px}
}
@media(max-width:560px){
.lbx .cx-dims, .lbx .triad, .lbx .proc, .lbx .plats, .lbx .band-grid, .lbx .partner-duo, .lbx .newsfeed, .lbx .cx-note{grid-template-columns:1fr}
.lbx .reality-card, .lbx .reality-card.large{min-height:260px}
.lbx .band-grid>div{border-left:none;padding:14px 0}
}
.editor-styles-wrapper .lbx .reveal{opacity:1!important;transform:none!important}
/* Branche – Referenzen: Stimmen + Case Studies (gekapselt) */
.lbx .ref-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:48px}
.lbx .ref-quote{position:relative;background:var(--paper);border:1px solid var(--hair);border-radius:var(--r-lg);padding:32px 30px;box-shadow:var(--shadow-soft);margin:0}
.lbx .ref-qmark{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,var(--amber),#e88f12);color:var(--navy);display:grid;place-items:center;margin-bottom:16px}
.lbx .ref-qmark .ic{width:22px;height:22px}
.lbx .ref-quote blockquote{margin:0;font-family:var(--serif);font-size:20px;line-height:1.45;color:var(--navy);font-weight:500}
.lbx .ref-quote figcaption{margin-top:16px;font-size:14px}
.lbx .ref-quote figcaption b{color:var(--navy);display:block}
.lbx .ref-quote figcaption span{color:var(--text-mute);font-size:13px}
.lbx .ref-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:42px}
.lbx .ref-case{display:block;background:var(--paper);border:1px solid var(--hair);border-radius:var(--r);padding:26px;text-decoration:none;box-shadow:var(--shadow-soft);transition:transform .18s,box-shadow .18s}
.lbx .ref-case:hover{transform:translateY(-3px);box-shadow:0 26px 50px -30px rgba(0,44,70,.55)}
.lbx .ref-case h4{font-size:19px}
.lbx .ref-case p{color:var(--text-soft);font-size:14px;margin-top:8px}
.lbx .ref-case-link{display:inline-flex;align-items:center;gap:7px;margin-top:16px;color:var(--amber);font-weight:800;font-size:13.5px}
.lbx .ref-case-link .ic{width:18px;height:18px}
/* ===== Branche v2: Icon im Eyebrow, Driver-Kacheln, Leitfragen, runder ===== */
.lbx .eyebrow.has-icon::before{display:none}
.lbx .eyebrow svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* alles klar abgerundet */
.lbx .logo-chip{border-radius:18px}
.lbx .tcard,.lbx .bridge-panel,.lbx .ppm-takeaway,.lbx .ref-quote{border-radius:24px}
/* Ausgangslage: einheitliche Bild-Kacheln */
.lbx .drivers-label{text-align:center;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute);font-weight:800;margin:46px 0 26px}
.lbx .drivers{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.lbx .driver-card{background:var(--paper);border:1px solid var(--hair);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-soft);display:flex;flex-direction:column}
.lbx .driver-img{aspect-ratio:16/10;background:linear-gradient(135deg,var(--mist),var(--mist-2)) center/cover no-repeat}
.lbx .driver-body{padding:26px 26px 28px;display:flex;flex-direction:column;flex:1}
.lbx .driver-kicker{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);margin-bottom:10px}
.lbx .driver-card h4{font-size:20px;line-height:1.2}
.lbx .driver-card p{color:var(--text-soft);font-size:14.5px;margin-top:9px}
.lbx .driver-q{margin-top:18px;padding-top:15px;border-top:1px solid var(--hair);font-size:13.5px;color:var(--text-soft);line-height:1.5}
.lbx .driver-q span{color:var(--navy);font-weight:800}
/* Vorgehen: Leitfrage je Schritt */
.lbx .pstep-q{color:var(--amber);font-weight:800;font-size:13.5px;margin-bottom:8px}
/* Referenzen: Logo-Head editierbar-Look, Case-Tiles */
.lbx .ref-logos-head{text-align:center;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute);font-weight:800;margin:0 0 30px}
.lbx .ref-case{border-radius:20px}
.lbx .ref-case-tag{display:inline-flex;font-size:10.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);margin-bottom:10px}
@media(max-width:900px){.lbx .drivers{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.lbx .drivers{grid-template-columns:1fr}}
/* ===== Hero mit Bild-Panel + Branchen-Übersicht ===== */
.lbx .hero.has-panel{padding:140px 0 84px}
.lbx .hero .hero-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center;position:relative;z-index:2}
.lbx .hero.has-panel .hero-grid{grid-template-columns:1.1fr .9fr;gap:50px}
.lbx .hero-figure{position:relative;margin:0;border-radius:26px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 50px 90px -50px rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.12)}
.lbx .hero-figure img{width:100%;height:100%;object-fit:cover;display:block}
.lbx .hero-figure::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,transparent 55%,rgba(0,26,43,.45))}
.lbx .hero-figure-badge{position:absolute;left:18px;bottom:18px;width:54px;height:54px;border-radius:15px;background:linear-gradient(135deg,var(--amber),#e88f12);display:grid;place-items:center;color:var(--navy);box-shadow:0 12px 26px -10px rgba(0,0,0,.5);z-index:2}
.lbx .hero-figure-badge svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:900px){.lbx .hero.has-panel .hero-grid{grid-template-columns:1fr}.lbx .hero-figure{aspect-ratio:16/9}}
.lbx .bu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:50px}
.lbx .bu-card{display:block;background:var(--paper);border:1px solid var(--hair);border-radius:22px;padding:30px;text-decoration:none;box-shadow:var(--shadow-soft);transition:transform .18s,box-shadow .18s}
.lbx .bu-card:hover{transform:translateY(-4px);box-shadow:0 30px 56px -32px rgba(0,44,70,.55)}
.lbx .bu-ico{width:54px;height:54px;border-radius:15px;background:var(--mist);color:var(--navy);display:grid;place-items:center;margin-bottom:18px}
.lbx .bu-ico svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.lbx .bu-card h4{font-size:20px}
.lbx .bu-card p{color:var(--text-soft);font-size:14.5px;margin-top:8px}
.lbx .bu-link{display:inline-flex;align-items:center;gap:7px;margin-top:16px;color:var(--amber);font-weight:800;font-size:13.5px}
.lbx .bu-link svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}
@media(max-width:900px){.lbx .bu-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.lbx .bu-grid{grid-template-columns:1fr}}
/* ===== Hero-Bild dezent rechts ins Navy eingeblendet (statt plakativem Kasten) ===== */
.lbx .hero.bg-mode .hero-bg img{object-position:right center;opacity:.5;
-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent 26%,rgba(0,0,0,.5) 60%,#000 100%);
mask-image:linear-gradient(90deg,transparent 0,transparent 26%,rgba(0,0,0,.5) 60%,#000 100%)}
.lbx .hero.bg-mode .hero-bg::after{background:linear-gradient(90deg,var(--deep) 32%,rgba(0,26,43,.55) 56%,rgba(0,26,43,.15) 100%)}
.lbx .hero.bg-mode .hero-copy{max-width:660px}
@media(max-width:760px){.lbx .hero.bg-mode .hero-bg img{opacity:.22}}
/* ============================================================
MEGA-MENÜ (Header) – interaktiv, mit Branchen-Icons
============================================================ */
.nav-links .nav-item{position:relative}
.nav-trigger{font-size:15px;font-weight:600;color:rgba(255,255,255,.85);cursor:pointer;display:inline-flex;align-items:center;gap:7px;background:none;border:none;font-family:var(--sans);padding:0}
.nav-trigger svg{width:13px;height:13px;transition:transform .3s}
.nav-item:hover .nav-trigger{color:#fff}
.nav-item:hover .nav-trigger svg{transform:rotate(180deg)}
/* unsichtbare Hover-Brücke, damit das Panel beim Rübergehen nicht zuklappt */
.nav-item::after{content:"";position:absolute;top:100%;left:-20px;right:-20px;height:20px;display:none}
.nav-item:hover::after{display:block}
.mega{position:absolute;top:calc(100% + 18px);left:0;transform:translateY(10px);
background:linear-gradient(180deg,var(--navy-2),#06283c);border:1px solid var(--line-dark);border-radius:20px;
box-shadow:0 40px 80px -40px rgba(0,0,0,.7);padding:16px;display:grid;gap:6px;z-index:200;
opacity:0;visibility:hidden;transition:opacity .26s ease,transform .26s cubic-bezier(.2,.8,.2,1),visibility .26s}
.nav-item:hover .mega{opacity:1;visibility:visible;transform:translateY(0)}
.mega-branchen{grid-template-columns:repeat(2,minmax(248px,1fr));width:566px}
.mega-plat{grid-template-columns:1fr;width:340px}
.mega-card{display:flex;gap:18px;align-items:center;padding:12px 16px;border-radius:13px;text-decoration:none;transition:background .18s,transform .18s}
.mega-card:hover{background:rgba(255,255,255,.07);transform:translateX(3px)}
.mega-ico{width:44px;height:44px;border-radius:12px;background:rgba(245,159,30,.14);color:var(--amber);display:grid;place-items:center;flex:none;transition:background .18s}
.mega-card:hover .mega-ico{background:rgba(245,159,30,.24)}
.mega-ico svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mega-tx b{display:block;color:#fff;font-size:14.5px;font-weight:700;line-height:1.2}
.mega-tx small{color:rgba(255,255,255,.6);font-size:12.5px}
/* Mobile: Mega als Akkordeon in der Drawer */
@media(max-width:1120px){
.nav-links .nav-item{width:100%}
.nav-trigger{width:100%;justify-content:space-between;font-size:18px;padding:14px 0;border-bottom:1px solid var(--line-dark)}
.nav-item::after{display:none!important}
.mega{position:static;transform:none;width:auto;opacity:1;visibility:visible;background:none;border:none;box-shadow:none;
padding:6px 0 10px;grid-template-columns:1fr;gap:2px;display:none}
.nav-item.open-m .mega{display:grid}
.nav-item.open-m .nav-trigger svg{transform:rotate(180deg)}
.mega-card{padding:10px 8px}
.mega-ico{width:38px;height:38px}
}
/* CTA-Button im Mega-Menü robust stylen */
.nav-links a.nav-cta{background:var(--amber);color:var(--navy)!important;padding:12px 26px;border-radius:999px;font-weight:800;font-size:14.5px}
.nav-links a.nav-cta:hover{background:var(--amber-soft);color:var(--navy)!important;transform:translateY(-2px)}
.nav-links a.nav-cta::after{display:none!important}
/* ============================================================
MEGA-MENÜ v2 – Partnerlogos, Leistungen, Über uns, Suche
============================================================ */
/* Panel-Breiten */
.mega-plat { width:420px; grid-template-columns:1fr }
/* Panel-Breiten & Spalten werden weiter unten zentral gesetzt (Block „Breiten"). */
/* Partner-Header */
/* Struktur-Überschrift in allen Panels (einheitlich, fett) */
.mega-plat-head,.mega-head{grid-column:1/-1;font-size:11px;font-weight:800;letter-spacing:.13em;
text-transform:uppercase;color:var(--steel-soft);padding:2px 6px 6px;border-bottom:1px solid var(--line-dark);margin-bottom:2px}
/* Plattform-Karte: Logo links, Text rechts */
.mega-card-plat { gap:20px }
.mega-plat-logo { width:80px;height:36px;background:#fff;border-radius:9px;
display:flex;align-items:center;justify-content:center;padding:5px 10px;flex:none }
.mega-plat-logo img { max-width:100%;max-height:26px;object-fit:contain }
/* Kategorie-Chip pro Technologiepartner (frei wählbar, kein Gruppen-Label) */
.mega-plat-chip { display:inline-block;font-size:10.5px;font-weight:600;letter-spacing:.02em;
color:var(--amber);background:rgba(245,159,30,.14);padding:1px 9px;border-radius:999px;
margin-left:7px;vertical-align:middle;white-space:nowrap }
/* Suche-Button */
.nav-search-btn { background:none;border:none;cursor:pointer;color:rgba(255,255,255,.75);
display:flex;align-items:center;padding:4px;border-radius:8px;transition:color .2s,background .2s }
.nav-search-btn:hover { color:#fff;background:rgba(255,255,255,.1) }
.nav-search-btn svg { width:19px;height:19px }
/* Suchoverlay */
.search-overlay { position:fixed;inset:0;z-index:400;background:rgba(0,18,30,.88);
backdrop-filter:blur(14px);display:flex;align-items:flex-start;justify-content:center;
padding-top:120px;opacity:0;visibility:hidden;transition:opacity .28s,visibility .28s }
.search-overlay.open { opacity:1;visibility:visible }
.search-wrap { position:relative;width:100%;max-width:680px;padding:0 20px }
.search-wrap .search-field,
.search-wrap input[type="search"] {
width:100%;font-size:28px;font-family:var(--serif);font-weight:600;color:#fff;
background:transparent;border:none;border-bottom:2px solid rgba(255,255,255,.3);
padding:12px 52px 12px 0;outline:none;caret-color:var(--amber) }
.search-wrap input[type="search"]::placeholder { color:rgba(255,255,255,.35) }
.search-wrap .search-submit { display:none }
.search-close { position:absolute;right:20px;top:8px;background:none;border:none;
cursor:pointer;color:rgba(255,255,255,.6);transition:color .2s }
.search-close:hover { color:#fff }
.search-close svg { width:28px;height:28px }
/* Mobile Anpassungen */
@media(max-width:1120px) {
.mega-plat,.mega-leist,.mega-kunden,.mega-ressourcen,.mega-ueber { width:auto;grid-template-columns:1fr }
.mega-plat-head,.mega-head { display:none }
.nav-search-btn { padding:14px 0;border-bottom:1px solid var(--line-dark);width:100%;
justify-content:flex-start;gap:10px;font-size:18px;color:rgba(255,255,255,.85) }
.nav-search-btn::after { content:"Suche";font-family:var(--sans);font-weight:600 }
}
.mega-leist .mega-tx small { white-space:nowrap }
.nav-item:hover .mega-leist,
.nav-item:hover
.nav-item:hover
/* ===== Mega-Panel: einheitlich, kein Rausfallen ===== */
/* Basis: alle Panels gleich breit, relativ zum Header-Wrap positioniert */
.mega {
left: 0 !important;
right: auto !important;
transform: translateY(10px) !important;
}
.nav-item:hover .mega {
transform: translateY(0) !important;
}
/* Breiten */
.mega-branchen { width: 560px }
.mega-plat { width: 520px }
.mega-leist { width: 640px; grid-template-columns: repeat(2, 1fr) }
.mega-ueber { width: 500px; grid-template-columns: repeat(2, 1fr) }
.mega-ressourcen { width: 380px; grid-template-columns: 1fr }
/* Unterzeilen: in Branchen/Plattformen einzeilig; in den breiten Panels lieber
umbrechen als aus der Box laufen */
.mega .mega-tx small { white-space: nowrap }
.mega-leist .mega-tx small,
.mega-ueber .mega-tx small,
.mega-ressourcen .mega-tx small { white-space: normal }
/* Letzter Leistungs-Punkt allein links – nicht strecken */
.mega-leist .mega-card:last-child:nth-child(odd) { grid-column: 1 }
/* ============================================================
MEGA-MENÜ v3 – seitenbreites, konstantes Panel (hell, Asana-Stil)
Desktop: ein durchgehendes Panel am Header-Unterrand, Inhalt wechselt
je Reiter. Mobil (<=860px) bleibt das bestehende Akkordeon unberührt.
============================================================ */
@media(min-width:1121px){
#navlinks .nav-item{position:static}
#navlinks .nav-item::after{display:none!important}
#navlinks .mega{
position:absolute!important; top:100%!important; left:0!important; right:0!important;
width:auto!important; transform:translateY(8px)!important;
background:var(--mist); border:none; border-top:1px solid var(--line);
border-bottom:1px solid var(--line); border-radius:0;
box-shadow:0 34px 60px -34px rgba(0,44,70,.28);
padding:0; display:block; gap:0; z-index:130;
opacity:0; visibility:hidden;
transition:opacity .2s ease, transform .22s cubic-bezier(.2,.8,.2,1), visibility .2s;
}
#navlinks .nav-item:hover .mega,
#navlinks .nav-item.mega-open .mega{ opacity:1; visibility:visible; transform:translateY(0)!important }
.mega-inner{max-width:1260px;margin:0 auto;padding:26px 40px 22px}
.mega-inner .mega-head,.mega-inner .mega-plat-head{
grid-column:auto;color:var(--steel);border-bottom:1px solid var(--line);
margin:0 0 16px;padding:0 6px 12px}
.mega-cols{display:grid;gap:6px 28px}
.mega-branchen .mega-cols,
.mega-leist .mega-cols,
.mega-kunden .mega-cols,
.mega-ressourcen .mega-cols,
.mega-ueber .mega-cols{grid-template-columns:repeat(3,minmax(0,1fr))}
.mega-kunden .mega-cols{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}
.mega-plat .mega-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
.mega .mega-card{gap:18px;padding:11px 12px;border-radius:12px}
.mega .mega-card:hover{background:rgba(0,44,70,.05);transform:none}
.mega .mega-tx b{color:var(--text)}
.mega .mega-tx small{color:var(--text-soft);white-space:normal}
.mega .mega-ico{background:rgba(245,159,30,.13);color:var(--amber)}
.mega .mega-card:hover .mega-ico{background:rgba(245,159,30,.22)}
.mega .mega-plat-logo{background:#fff;border:1px solid var(--line)}
.mega .mega-plat-chip{color:#8a5a12;background:rgba(245,159,30,.2)}
.mega-foot{border-top:1px solid var(--line);background:var(--mist-2)}
.mega-foot-inner{max-width:1260px;margin:0 auto;padding:13px 40px;display:flex;
gap:10px;align-items:center;flex-wrap:wrap}
.mega-foot a{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;
color:var(--text-soft);text-decoration:none;padding:9px 14px;border-radius:999px;
transition:background .15s,color .15s}
.mega-foot a:hover{background:rgba(0,44,70,.06);color:var(--text)}
.mega-foot a::after{display:none!important}
.mega-foot .mf-ic{width:16px;height:16px;stroke:var(--amber);fill:none;flex:none}
.mega-foot a.mf-primary{background:var(--amber);color:var(--navy)}
.mega-foot a.mf-primary:hover{background:var(--amber-soft);color:var(--navy)}
.mega-foot a.mf-primary .mf-ic{stroke:var(--navy)}
}
/* Mobil: neue Wrapper schlank halten, Panel bleibt Akkordeon in der Drawer */
@media(max-width:1120px){
.mega-inner{padding:0}
.mega-cols{display:grid;grid-template-columns:1fr;gap:2px}
.mega-foot{background:transparent;border-top:1px solid var(--line-dark);margin-top:8px}
.mega-foot-inner{display:flex;flex-direction:column;gap:4px;padding:10px 0}
.mega-foot a{color:rgba(255,255,255,.85);padding:11px 0;font-size:15px}
.mega-foot .mf-ic{width:18px;height:18px;stroke:var(--amber);fill:none}
.mega-foot a.mf-primary{background:var(--amber);color:var(--navy);border-radius:999px;padding:13px 18px;justify-content:center;margin-top:4px}
}
/* ============================================================
EXPERTISE-PANEL – Kompetenzen | Leistungen (aus Draft)
Basis (Panelbreite, Fußleiste) erbt vom generischen .mega / .mega-foot.
============================================================ */
@media(min-width:1121px){
/* Zweispaltiges Layout: Kompetenzen | Leistungen, Trennung über Hairline */
#navlinks .mega-exp .exp-cols{display:grid;grid-template-columns:2fr 1fr;gap:0;align-items:start}
#navlinks .mega-exp .exp-comp{padding-right:38px}
#navlinks .mega-exp .exp-serv{padding-left:38px;border-left:1px solid var(--line)}
/* Spaltenlabel: Eyebrow navy mit kurzem Orange-Akzent */
#navlinks .mega-exp .exp-label{font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;
color:var(--navy);display:inline-flex;align-items:center;gap:9px;margin:0 0 18px}
#navlinks .mega-exp .exp-label::after{content:"";width:22px;height:3px;background:var(--amber);border-radius:3px}
/* Zwei Pole nebeneinander, getrennt durch Weißraum */
#navlinks .mega-exp .exp-poles{display:grid;grid-template-columns:1fr 1fr;gap:40px}
#navlinks .mega-exp .exp-pole-hd{margin:0 6px 8px}
#navlinks .mega-exp .exp-pole-hd b{display:block;font-size:13.5px;font-weight:700;color:var(--navy);line-height:1.2}
#navlinks .mega-exp .exp-pole-hd small{display:block;font-size:11px;color:var(--steel);margin-top:2px;line-height:1.3}
/* KI querliegend – nur Hairline, kein Kasten */
#navlinks .mega-exp .exp-cross{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
#navlinks .mega-exp .exp-cross .exp-tx small{color:var(--steel)}
/* Zeilen: Icon + Label, transparent, Hover-Fläche wie Theme-Cards */
#navlinks .mega-exp .exp-row{display:flex;gap:13px;align-items:center;padding:8px 10px;border-radius:10px;
text-decoration:none;color:var(--text);transition:background .16s}
#navlinks .mega-exp .exp-row:hover{background:rgba(0,44,70,.05)}
#navlinks .mega-exp .exp-gi{width:20px;flex:none;display:grid;place-items:center}
#navlinks .mega-exp .exp-gi .ic{width:18px;height:18px;stroke:var(--amber);fill:none;stroke-width:1.7;
stroke-linecap:round;stroke-linejoin:round}
#navlinks .mega-exp .exp-tx b{display:block;font-size:13px;font-weight:700;color:var(--text);line-height:1.25}
#navlinks .mega-exp .exp-tx small{display:block;font-size:11px;color:var(--text-soft);line-height:1.3;margin-top:1px}
}
@media(max-width:1120px){
#navlinks .mega-exp .exp-cols{display:block}
#navlinks .mega-exp .exp-poles{display:block}
#navlinks .mega-exp .exp-serv{border-left:none;padding:0;margin-top:6px}
#navlinks .mega-exp .exp-label{display:block;font-size:11px;font-weight:800;letter-spacing:.11em;
text-transform:uppercase;color:var(--amber);margin:12px 0 6px}
#navlinks .mega-exp .exp-pole-hd{margin:10px 0 2px}
#navlinks .mega-exp .exp-pole-hd b{display:block;font-size:13px;font-weight:700;color:#fff}
#navlinks .mega-exp .exp-pole-hd small{display:block;font-size:11px;color:rgba(255,255,255,.55)}
#navlinks .mega-exp .exp-cross{margin-top:8px;padding-top:8px;border-top:1px solid var(--line-dark)}
#navlinks .mega-exp .exp-row{display:flex;gap:12px;align-items:center;padding:10px 0;text-decoration:none}
#navlinks .mega-exp .exp-gi{width:20px;flex:none;display:grid;place-items:center}
#navlinks .mega-exp .exp-gi .ic{width:18px;height:18px;stroke:var(--amber);fill:none;stroke-width:1.7;
stroke-linecap:round;stroke-linejoin:round}
#navlinks .mega-exp .exp-tx b{display:block;font-size:15px;font-weight:700;color:#fff}
#navlinks .mega-exp .exp-tx small{display:block;font-size:12px;color:rgba(255,255,255,.6)}
}
/* ============================================================
MENÜ-VEREINHEITLICHUNG – eine Icon-Sprache & Label-Art für alle Panels
(Referenz: Expertise). Icons: feine Outline-Icons ohne Kachel.
Labels: Steel + Hairline. Typografie: Titel 13px navy, Unterzeile 11px grau.
============================================================ */
@media(min-width:1121px){
/* Feine Icons ohne amberfarbene Kachel (wie Expertise) – gilt für Branchen,
Ressourcen, Über uns. Plattformen behalten ihre Logos. */
#navlinks .mega .mega-card{gap:13px;padding:8px 10px;border-radius:10px}
#navlinks .mega .mega-ico{width:20px;height:20px;border-radius:0;background:none;display:grid;place-items:center;flex:none}
#navlinks .mega .mega-card:hover .mega-ico{background:none}
#navlinks .mega .mega-ico svg,#navlinks .mega .mega-ico .ic{width:18px;height:18px;stroke:var(--amber);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* Einheitliche Typografie */
#navlinks .mega .mega-tx b{font-size:13px;font-weight:700;color:var(--text);line-height:1.25}
#navlinks .mega .mega-tx small{font-size:11px;color:var(--text-soft);line-height:1.3;margin-top:1px}
/* Expertise-Labels wie die übrigen: Steel + Hairline, kein Orange-Balken */
#navlinks .mega-exp .exp-label{display:block;color:var(--steel);letter-spacing:.13em;margin:0 0 16px;padding:0 6px 12px;border-bottom:1px solid var(--line)}
#navlinks .mega-exp .exp-label::after{display:none}
}
/* ==== BEGIN Kompetenzseiten (gekapselt unter .komp-page) ==== */
.komp-page{--navy:#002C46;--navy-2:#013650;--deep:#001a2b;--steel:#50748F;--steel-soft:#88A2B4;
--amber:#F59F1E;--amber-soft:#FFC775;--paper:#FFFFFF;--mist:#F2F6F8;--mist-2:#E7EFF3;
--text:#002C46;--text-soft:#46606F;--text-mute:#7F95A2;
--line:rgba(0,44,70,.12);--line-soft:rgba(0,44,70,.07);--line-dark:rgba(255,255,255,.14);
--shadow:0 32px 70px -48px rgba(0,44,70,.56);--r-lg:28px;--r-md:18px;--r-sm:12px;
--serif:"Rokkitt",Georgia,serif;--sans:"Mulish",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
.komp-page *{box-sizing:border-box;margin:0;padding:0}
.komp-page{scroll-behavior:smooth}
.komp-page{font-family:var(--sans);color:var(--text);background:var(--paper);line-height:1.65;-webkit-font-smoothing:antialiased}
.komp-page a{text-decoration:none;color:inherit}
.komp-page .wrap{max-width:1180px;margin:0 auto;padding:0 40px}
.komp-page h1,.komp-page h2,.komp-page h3{font-family:var(--serif);font-weight:500;line-height:1.08;letter-spacing:-.012em;color:var(--navy)}
.komp-page h1{font-size:clamp(44px,5.8vw,76px)}
.komp-page h2{font-size:clamp(31px,3.9vw,48px)}
.komp-page h3{font-size:clamp(22px,2vw,27px)}
.komp-page p{color:var(--text-soft)}
.komp-page .eyebrow{display:inline-flex;align-items:center;gap:11px;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--amber)}
.komp-page .eyebrow:before{content:"";width:28px;height:2px;background:var(--amber);border-radius:99px}
.komp-page .eyebrow.steel{color:var(--steel)}
.komp-page .eyebrow.steel:before{background:var(--steel)}
.komp-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:14px 24px;font-size:14.5px;font-weight:800;transition:.2s;border:1.5px solid transparent;cursor:pointer}
.komp-page .btn-primary{background:var(--amber);color:var(--navy)}
.komp-page .btn-primary:hover{background:var(--amber-soft);transform:translateY(-1px)}
.komp-page .btn-ghost{border-color:rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.06)}
.komp-page .btn-ghost:hover{border-color:var(--amber);background:rgba(255,255,255,.1)}
.komp-page .btn-outline{border-color:var(--line);color:var(--navy);background:#fff}
.komp-page .btn-outline:hover{border-color:var(--amber)}
.komp-page .site-header{position:sticky;top:0;z-index:40;background:rgba(0,44,70,.98);border-bottom:1px solid var(--line-dark)}
.komp-page .nav{height:66px;display:flex;align-items:center;gap:28px;color:#fff}
.komp-page .brand{font-family:var(--serif);font-size:23px;font-weight:600;letter-spacing:.01em;white-space:nowrap}
.komp-page .nav-links{display:flex;gap:26px;align-items:center;flex:1}
.komp-page .nav-links a{font-size:14px;font-weight:700;color:rgba(255,255,255,.76)}
.komp-page .nav-links a:hover{color:#fff}
.komp-page .nav-links a.active{color:#fff;position:relative}
.komp-page .nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-22px;height:3px;background:var(--amber)}
.komp-page .nav-cta{background:var(--amber);color:var(--navy);border-radius:999px;padding:9px 18px;font-size:13px;font-weight:800}
.komp-page .hero{position:relative;overflow:hidden;background:linear-gradient(125deg,var(--deep),var(--navy) 55%,var(--navy-2));color:#fff;padding:86px 0 82px}
.komp-page .hero .orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.42;z-index:1}
.komp-page .hero .orb.a{width:380px;height:380px;background:rgba(245,159,30,.5);top:-120px;right:-60px}
.komp-page .hero .orb.b{width:340px;height:340px;background:rgba(80,116,143,.55);bottom:-160px;left:-80px}
.komp-page .hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.72fr);gap:62px;align-items:end}
.komp-page .crumb{font-size:13px;color:rgba(255,255,255,.62);font-weight:700;margin-bottom:24px}
.komp-page .crumb span{color:var(--amber-soft)}
.komp-page .hero h1{color:#fff;margin:18px 0 22px;max-width:800px}
.komp-page .hero-lede{font-size:clamp(18px,2vw,22px);line-height:1.58;color:rgba(255,255,255,.84);max-width:780px}
.komp-page .hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.komp-page .hero-side{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-lg);padding:28px;box-shadow:0 30px 70px -48px #000;backdrop-filter:blur(12px)}
.komp-page .hero-side h3{font-family:var(--sans);font-size:15px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--amber-soft);margin-bottom:16px}
.komp-page .questions{display:grid;gap:14px}
.komp-page .q{display:grid;grid-template-columns:28px 1fr;gap:13px;align-items:start;color:rgba(255,255,255,.82);font-size:15px;line-height:1.45;border-top:1px solid rgba(255,255,255,.10);padding-top:14px}
.komp-page .q:first-child{border-top:0;padding-top:0}
.komp-page .q .num{width:28px;height:28px;border-radius:999px;background:rgba(245,159,30,.16);display:grid;place-items:center;color:var(--amber-soft);font-weight:800;font-size:12px}
.komp-page section{padding:84px 0}
.komp-page .sec-head{max-width:820px;margin-bottom:38px}
.komp-page .sec-head.center{text-align:center;margin-left:auto;margin-right:auto}
.komp-page .sec-head h2{margin-top:16px}
.komp-page .sec-head p{font-size:18px;margin-top:18px}
.komp-page .mist{background:var(--mist)}
.komp-page .intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.komp-page .intro-quote{font-family:var(--serif);font-size:clamp(27px,3.2vw,38px);line-height:1.22;color:var(--navy);border-left:4px solid var(--amber);padding-left:24px}
.komp-page .intro-copy p{font-size:17px;margin-bottom:18px}
.komp-page .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.komp-page .card{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:25px 25px 24px;box-shadow:var(--shadow)}
.komp-page .card small{display:block;color:var(--amber);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px}
.komp-page .card h3{font-size:24px;margin-bottom:10px}
.komp-page .card p{font-size:15.5px;line-height:1.58}
.komp-page .perspective{background:var(--navy);color:#fff;border-radius:var(--r-lg);padding:52px 56px;display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:start}
.komp-page .perspective h2{color:#fff;margin-top:14px;margin-bottom:18px}
.komp-page .perspective p{color:rgba(255,255,255,.78);font-size:17px}
.komp-page .principles{display:grid;gap:14px;margin-top:8px}
.komp-page .principle{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:18px 20px}
.komp-page .principle b{display:block;color:var(--amber-soft);font-size:16px;margin-bottom:4px}
.komp-page .principle span{display:block;color:rgba(255,255,255,.72);font-size:14.5px;line-height:1.5}
.komp-page .focus-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.komp-page .focus{display:grid;grid-template-columns:32px 1fr;gap:16px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:22px 24px}
.komp-page .focus .ic{width:32px;height:32px;display:grid;place-items:center}
.komp-page .focus .ic svg{width:26px;height:26px;stroke:var(--amber);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.komp-page .focus h3{font-family:var(--sans);font-size:17px;font-weight:800;letter-spacing:0;color:var(--navy);margin-bottom:5px}
.komp-page .focus p{font-size:14.8px;line-height:1.55}
.komp-page .maturity{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:stage}
.komp-page .stage{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:30px;min-height:250px}
.komp-page .stage:before{counter-increment:stage;content:"0" counter(stage);display:block;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin-bottom:22px}
.komp-page .stage h3{margin-bottom:12px}
.komp-page .stage p{font-size:15.5px;margin-bottom:18px}
.komp-page .stage ul{list-style:none;display:grid;gap:8px}
.komp-page .stage li{position:relative;padding-left:18px;font-size:14.4px;color:var(--text-soft)}
.komp-page .stage li:before{content:"";position:absolute;left:0;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--amber)}
.komp-page .platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.komp-page .plat{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:26px 28px;transition:.18s;display:block}
.komp-page .plat:hover{border-color:var(--amber);transform:translateY(-2px)}
.komp-page .plat .logo{font-family:var(--serif);font-size:23px;font-weight:600;color:var(--navy);display:block;margin-bottom:8px}
.komp-page .plat p{font-size:15px;line-height:1.55}
.komp-page .plat .go{margin-top:14px;display:inline-block;font-size:13.5px;font-weight:800;color:var(--amber);letter-spacing:.02em}
.komp-page .engagement{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow)}
.komp-page .engagement-head{display:grid;grid-template-columns:1fr .65fr;gap:34px;padding:36px 38px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,var(--mist))}
.komp-page .engagement-head p{font-size:17px;max-width:760px;margin-top:10px}
.komp-page .engagement-note{border-left:3px solid var(--amber);padding:6px 0 6px 18px;font-size:14.5px;color:var(--text-soft);align-self:center}
.komp-page .engagement-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.komp-page .eng-step{padding:26px 24px;border-right:1px solid var(--line)}
.komp-page .eng-step:last-child{border-right:0}
.komp-page .eng-step small{font-size:12px;font-weight:800;color:var(--amber);letter-spacing:.14em;text-transform:uppercase}
.komp-page .eng-step h3{font-family:var(--sans);font-size:16px;font-weight:800;letter-spacing:0;margin:10px 0 8px}
.komp-page .eng-step p{font-size:14.3px;line-height:1.52}
.komp-page .related{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.komp-page .rel-group{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:26px}
.komp-page .rel-group h3{font-family:var(--sans);font-size:17px;font-weight:800;margin-bottom:4px}
.komp-page .rel-group p{font-size:14.5px;margin-bottom:18px}
.komp-page .rel-links{display:grid;gap:9px}
.komp-page .rel-links a{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line-soft);padding-top:11px;font-size:15px;font-weight:700;color:var(--navy)}
.komp-page .rel-links a:hover{color:var(--amber)}
.komp-page .rel-links a span:last-child{color:var(--amber);font-weight:800}
.komp-page .cta{background:linear-gradient(125deg,var(--deep),var(--navy));color:#fff;border-radius:var(--r-lg);padding:54px 56px;display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center}
.komp-page .cta h2{color:#fff;margin-bottom:12px}
.komp-page .cta p{color:rgba(255,255,255,.78);font-size:17px;max-width:720px}
.komp-page .cta-actions{display:flex;gap:14px;flex-wrap:wrap}
.komp-page .cta .btn-ghost{border-color:rgba(255,255,255,.3)}
.komp-page .footer{background:var(--deep);color:rgba(255,255,255,.62);padding:34px 0;font-size:13px}
.komp-page .footer .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.komp-page .menu-page .competence-menu{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 28px;box-shadow:var(--shadow)}
.komp-page .menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px}
.komp-page .menu-group h3{font-family:var(--sans);font-size:16px;font-weight:800;color:var(--navy);margin-bottom:2px}
.komp-page .menu-group p{font-size:13px;color:var(--steel);margin-bottom:18px}
.komp-page .menu-list{display:grid;gap:16px}
.komp-page .menu-item{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;font-weight:800;color:var(--navy)}
.komp-page .menu-item svg{width:20px;height:20px;stroke:var(--amber);fill:none;stroke-width:1.7}
.komp-page .menu-ai{margin-top:26px;background:var(--mist);border-radius:16px;padding:18px 20px;display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;font-weight:800}
.komp-page .menu-ai span{display:block}
.komp-page .menu-ai small{display:block;color:var(--steel);font-weight:700;margin-top:2px}
.komp-page .menu-ai svg{width:20px;height:20px;stroke:var(--amber);fill:none;stroke-width:1.7}
@media(max-width:960px){.komp-page .nav-links{display:none}
.komp-page .nav{height:62px}
.komp-page .wrap{padding:0 24px}
.komp-page .hero-grid,.komp-page .intro,.komp-page .perspective,.komp-page .engagement-head,.komp-page .cta,.komp-page .menu-grid{grid-template-columns:1fr;gap:34px}
.komp-page .hero{padding:70px 0}
.komp-page .cards,.komp-page .maturity,.komp-page .platform-grid{grid-template-columns:1fr}
.komp-page .focus-grid,.komp-page .related{grid-template-columns:1fr}
.komp-page .engagement-grid{grid-template-columns:1fr}
.komp-page .eng-step{border-right:0;border-bottom:1px solid var(--line)}
.komp-page .eng-step:last-child{border-bottom:0}
.komp-page section{padding:62px 0}
.komp-page .perspective,.komp-page .cta{padding:34px 28px}
.komp-page .engagement-head{padding:28px}
.komp-page .card{padding:22px}
.komp-page .cta{text-align:left}}
.komp-page .hero{padding-top:120px}
@media(max-width:960px){.komp-page .hero{padding-top:96px}}
/* ==== END Kompetenzseiten ==== */
/* Kompetenzseiten: Offset-Fix – volle Breite, falls der Block-Editor den Inhalt einschränkt */
.komp-page{width:100vw;max-width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;overflow-x:hidden}
/* ============================================================
LEISTUNGSSEITEN – gekapselt unter .leist-page
Analog zu .komp-page; kollidiert nicht mit bestehendem CSS
============================================================ */
.leist-page .hero-icon{width:52px;height:52px;border-radius:16px;background:rgba(245,159,30,.12);display:grid;place-items:center;margin-bottom:18px;color:var(--amber)}
.leist-page .hero-icon svg{width:26px;height:26px;stroke:var(--amber);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.leist-page .intro-copy h2{font-size:clamp(34px,4.2vw,52px);margin:16px 0 20px}
.leist-page .info-card{background:var(--mist);border:1px solid var(--line);border-radius:14px;padding:28px;display:grid;gap:16px}
.leist-page .info-row{display:flex;gap:13px;align-items:flex-start}
.leist-page .info-row .ic{width:36px;height:36px;border-radius:10px;background:rgba(245,159,30,.13);display:grid;place-items:center;flex:none;color:var(--amber)}
.leist-page .info-row .ic svg{width:18px;height:18px;stroke:var(--amber);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.leist-page .info-row b{display:block;font-size:14.5px;font-weight:800;margin-bottom:2px}
.leist-page .info-row p{font-size:13px;color:var(--text-soft)}
.leist-page .pull{font-family:var(--serif);font-size:clamp(24px,3vw,36px);line-height:1.22;color:var(--navy);border-left:3px solid var(--amber);padding-left:22px}
.leist-page .chart-box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px}
.leist-page .chart-label{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--steel);margin-bottom:18px}
.leist-page .steps{border-top:1px solid var(--line);margin-top:32px}
.leist-page .step{display:grid;grid-template-columns:64px 1fr;gap:24px;padding:26px 0;border-bottom:1px solid var(--line);align-items:baseline}
.leist-page .step .no{font-family:var(--serif);font-size:36px;font-weight:500;color:var(--amber);line-height:1}
.leist-page .step h3{font-family:var(--sans);font-weight:800;font-size:18px;margin-bottom:4px}
.leist-page .step p{font-size:15px;color:var(--text-soft);max-width:680px}
.leist-page .photo-band .ph{width:100%;height:380px;background:linear-gradient(135deg,rgba(0,44,70,.92),rgba(1,54,80,.75)),radial-gradient(ellipse at 70% 30%,rgba(245,159,30,.4),transparent 60%);display:flex;align-items:flex-end;padding:36px 44px}
.leist-page .photo-band .ph-hint{position:absolute;top:16px;right:16px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.2);padding:5px 10px;border-radius:6px}
.leist-page .photo-band{position:relative;overflow:hidden}
.leist-page .outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
.leist-page .oc{border:1px solid var(--line);border-radius:12px;padding:24px}
.leist-page .oc .kpi{font-family:var(--serif);font-size:40px;font-weight:500;color:var(--amber);line-height:1;margin-bottom:10px}
.leist-page .oc h3{font-family:var(--sans);font-size:16px;font-weight:800;margin-bottom:5px}
.leist-page .oc p{font-size:13.5px;color:var(--text-soft)}
.leist-page .leist-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}
.leist-page .ln{border:1px solid var(--line);border-radius:12px;padding:18px;display:block;transition:.2s}
.leist-page .ln:hover{border-color:var(--amber)}
.leist-page .ln .ln-ic{width:34px;height:34px;border-radius:9px;background:rgba(245,159,30,.1);display:grid;place-items:center;margin-bottom:10px;color:var(--amber)}
.leist-page .ln .ln-ic svg{width:18px;height:18px;stroke:var(--amber);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.leist-page .ln small{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--steel);display:block;margin-bottom:5px}
.leist-page .ln b{font-size:14px;font-weight:800;color:var(--navy);display:block}
.leist-page .cta-block{background:var(--navy);border-radius:14px;padding:52px;text-align:center}
.leist-page .cta-block h2{color:#fff;font-size:clamp(26px,3.2vw,40px);margin-bottom:12px}
.leist-page .cta-block p{color:rgba(255,255,255,.78);font-size:17px;max-width:520px;margin:0 auto 26px}
.leist-page .cta-block .acts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
@media(max-width:900px){.leist-page .hero-grid,.leist-page .problem-grid{grid-template-columns:1fr;gap:28px}.leist-page .outcomes,.leist-page .leist-nav{grid-template-columns:1fr 1fr}.leist-page .photo-band .ph{height:280px;padding:24px}.leist-page .cta-block{padding:36px 22px}}
@media(max-width:560px){.leist-page .outcomes,.leist-page .leist-nav{grid-template-columns:1fr}}
/* ============================================================
MENÜ v1.21.0 – einzeilige Einträge (Untertitel entfernt)
Icon + Label vertikal zentriert, einheitliche Größe je Panel
============================================================ */
/* mega-card Panels (Branchen, Plattformen, Ressourcen, Über uns): einzeilig zentriert */
.mega-card{align-items:center}
.mega-tx b{line-height:1.25}
/* Plattform-Karten identisch ausrichten wie andere Karten */
.mega-card-plat{align-items:center}
/* Expertise-Panel: Leistungen jetzt einzeilig – gleiche Zeilenhöhe wie Kompetenzen */
#navlinks .mega-exp .exp-serv .exp-row,
#navlinks .mega-exp .exp-cross .exp-row{align-items:center}
#navlinks .mega-exp .exp-tx b{line-height:1.25}
/* ============================================================
GLOSSAR – gekapselt unter .glossar-page (v1.21.0)
============================================================ */
:root{--navy:#002C46;--navy-2:#013650;--steel:#50748F;--amber:#F59F1E;--amber-soft:#FFC775;
--paper:#fff;--mist:#F2F6F8;--mist-2:#E7EFF3;--text:#002C46;--text-soft:#46606F;--text-mute:#7F95A2;
--line:rgba(0,44,70,.13);--serif:"Rokkitt",Georgia,serif;--sans:"Mulish",-apple-system,sans-serif}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--paper);color:var(--text);line-height:1.68}
.glossar-page h1,.glossar-page h2,.glossar-page h3{font-family:var(--serif);font-weight:500;line-height:1.08;letter-spacing:-.018em;color:var(--navy)}
.glossar-page a{color:inherit;text-decoration:none}
.gl-wrap{max-width:1000px;margin:0 auto;padding:0 44px}
.glossar-page .eyebrow{display:inline-flex;align-items:center;gap:11px;font-size:11.5px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--amber)}
.glossar-page .eyebrow::before{content:"";width:28px;height:1.5px;background:var(--amber)}
/* HERO */
.gl-hero{border-bottom:1px solid var(--line);padding:80px 0 46px}
.gl-hero .crumb{font-size:12.5px;color:var(--text-mute);font-weight:700;margin-bottom:16px}
.gl-hero .crumb b{color:var(--amber)}
.gl-hero h1{font-size:clamp(38px,5vw,66px);margin:14px 0 18px}
.gl-hero p{font-size:clamp(17px,1.6vw,20px);color:var(--text-soft);max-width:620px}
/* SUCHE + A-Z */
.gl-tools{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding:16px 0}
.gl-search{display:flex;align-items:center;gap:10px;background:var(--mist);border:1px solid var(--line);border-radius:999px;padding:11px 18px;max-width:420px;margin-bottom:14px}
.gl-search svg{width:18px;height:18px;stroke:var(--steel);fill:none;stroke-width:2;flex:none}
.gl-search input{border:none;background:none;outline:none;font-family:var(--sans);font-size:15px;color:var(--text);width:100%}
.gl-az-row{display:flex;flex-wrap:wrap;gap:3px}
.gl-az{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;font-size:13px;font-weight:800;color:var(--navy);transition:.15s}
.gl-az:hover{background:var(--amber);color:var(--navy)}
.gl-az-off{color:var(--text-mute);opacity:.4}
/* EINTRÄGE */
.gl-list{padding:40px 0 90px}
.gl-letter{font-size:26px;color:var(--amber);margin:34px 0 10px;padding-bottom:8px;border-bottom:2px solid var(--mist-2)}
.gl-letter:first-child{margin-top:0}
.gl-item{border-bottom:1px solid var(--line)}
.gl-q{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;padding:20px 4px;list-style:none}
.gl-q::-webkit-details-marker{display:none}
.gl-term{font-family:var(--serif);font-size:22px;font-weight:600;color:var(--navy)}
.gl-plus{position:relative;width:20px;height:20px;flex:none}
.gl-plus::before,.gl-plus::after{content:"";position:absolute;background:var(--amber);border-radius:2px;transition:.25s}
.gl-plus::before{top:9px;left:2px;width:16px;height:2px}
.gl-plus::after{left:9px;top:2px;width:2px;height:16px}
.gl-item[open] .gl-plus::after{transform:rotate(90deg);opacity:0}
.gl-item[open] .gl-q .gl-term{color:var(--amber)}
.gl-a{padding:0 4px 24px;max-width:760px}
.gl-a p{font-size:16px;color:var(--text-soft);margin-bottom:14px}
.gl-more{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:800;color:var(--navy);border-bottom:2px solid var(--amber);padding-bottom:2px}
.gl-more .gl-arw{transition:transform .2s}
.gl-more:hover .gl-arw{transform:translateX(4px)}
.gl-empty{display:none;padding:40px 4px;color:var(--text-mute);font-size:16px}
/* CTA */
.gl-cta{background:var(--navy);border-radius:14px;padding:48px;text-align:center;margin:0 0 20px}
.gl-cta h2{color:#fff;font-size:clamp(24px,3vw,36px);margin-bottom:10px}
.gl-cta p{color:rgba(255,255,255,.78);font-size:16px;max-width:500px;margin:0 auto 24px}
.gl-cta .btn{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:14px;border-radius:999px;padding:14px 26px;background:var(--amber);color:var(--navy)}
@media(max-width:720px){.gl-wrap{padding:0 22px}.gl-term{font-size:19px}.gl-cta{padding:32px 22px}}
/* ============================================================
GLOSSAR-BEGRIFF Landingpages – gekapselt unter .begriff-page (v1.22.0)
============================================================ */
:root{--navy:#002C46;--navy-2:#013650;--steel:#50748F;--amber:#F59F1E;--amber-soft:#FFC775;--paper:#fff;--mist:#F2F6F8;--mist-2:#E7EFF3;--text:#002C46;--text-soft:#46606F;--text-mute:#7F95A2;--line:rgba(0,44,70,.13);--serif:"Rokkitt",Georgia,serif;--sans:"Mulish",-apple-system,sans-serif}
.begriff-page *{margin:0;padding:0;box-sizing:border-box}
.begriff-page{font-family:var(--sans);color:var(--text);line-height:1.72}
.begriff-page h1,.begriff-page h2,.begriff-page h3{font-family:var(--serif);font-weight:500;line-height:1.1;letter-spacing:-.018em;color:var(--navy)}
.begriff-page a{color:inherit;text-decoration:none}
.bg-wrap{max-width:820px;margin:0 auto;padding:0 44px}
.begriff-page .eyebrow{display:inline-flex;align-items:center;gap:11px;font-size:11.5px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--amber)}
.begriff-page .eyebrow::before{content:"";width:28px;height:1.5px;background:var(--amber)}
.bg-hero{border-bottom:1px solid var(--line);padding:72px 0 40px}
.bg-crumb{font-size:12.5px;color:var(--text-mute);font-weight:700;margin-bottom:16px}
.bg-crumb a:hover{color:var(--amber)}.bg-crumb b{color:var(--amber)}
.bg-hero h1{font-size:clamp(36px,5vw,60px);margin:14px 0 20px}
.bg-lead{font-size:clamp(18px,1.7vw,22px);color:var(--navy);font-family:var(--serif);line-height:1.4;border-left:3px solid var(--amber);padding-left:22px}
.bg-body{padding:48px 0 20px}
.bg-body p{font-size:17px;color:var(--text-soft);margin-bottom:20px}
.bg-body h2{font-size:clamp(24px,2.8vw,32px);margin:40px 0 14px}
.bg-toc{background:var(--mist);border:1px solid var(--line);border-radius:12px;padding:22px 26px;margin:8px 0 36px}
.bg-toc b{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--steel);display:block;margin-bottom:10px}
.bg-toc a{display:inline-block;font-size:14.5px;font-weight:700;color:var(--navy);margin:4px 16px 4px 0;border-bottom:2px solid transparent}
.bg-toc a:hover{border-bottom-color:var(--amber)}
.bg-faq{border-top:1px solid var(--line);padding:44px 0}
.bg-faq h2{font-size:clamp(24px,2.8vw,32px);margin-bottom:20px}
.bg-faq details{border-bottom:1px solid var(--line)}
.bg-faq summary{cursor:pointer;list-style:none;padding:18px 4px;display:flex;justify-content:space-between;gap:16px;align-items:center}
.bg-faq summary::-webkit-details-marker{display:none}
.bg-faq summary span:first-child{font-family:var(--serif);font-size:19px;font-weight:600;color:var(--navy)}
.bg-faq .fq-plus{position:relative;width:18px;height:18px;flex:none}
.bg-faq .fq-plus::before,.bg-faq .fq-plus::after{content:"";position:absolute;background:var(--amber);border-radius:2px}
.bg-faq .fq-plus::before{top:8px;left:1px;width:16px;height:2px}
.bg-faq .fq-plus::after{left:8px;top:1px;width:2px;height:16px;transition:.25s}
.bg-faq details[open] .fq-plus::after{transform:rotate(90deg);opacity:0}
.bg-faq .fq-a{padding:0 4px 20px;font-size:16px;color:var(--text-soft);max-width:680px}
.bg-related{border-top:1px solid var(--line);padding:40px 0}
.bg-related h2{font-size:22px;margin-bottom:16px}
.bg-rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.bg-rel{border:1px solid var(--line);border-radius:12px;padding:18px 20px;transition:.2s}
.bg-rel:hover{border-color:var(--amber)}
.bg-rel small{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--steel);display:block;margin-bottom:4px}
.bg-rel b{font-family:var(--serif);font-size:19px;font-weight:600;color:var(--navy)}
.bg-cta{background:var(--navy);border-radius:14px;padding:44px;text-align:center;margin:20px 0 60px}
.bg-cta h2{color:#fff;font-size:clamp(22px,2.6vw,32px);margin-bottom:10px}
.bg-cta p{color:rgba(255,255,255,.78);font-size:16px;max-width:480px;margin:0 auto 22px}
.bg-cta .btn{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:14px;border-radius:999px;padding:14px 26px;background:var(--amber);color:var(--navy)}
.bg-back{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:var(--navy);margin-top:20px;border-bottom:2px solid var(--amber);padding-bottom:2px}
@media(max-width:680px){.bg-wrap{padding:0 22px}.bg-rel-grid{grid-template-columns:1fr}.bg-cta{padding:30px 20px}}
/* ============================================================
WISSEN – Whitepaper & Vorträge (Mockup-Stil)
Gescoped unter .wp-page / .wp-single
============================================================ */
.wp-page,.wp-single{--wpline:rgba(0,44,70,.13)}
/* ---- Übersicht: Hero ---- */
.wp-hero{position:relative;isolation:isolate;background:linear-gradient(160deg,#001a2b,var(--navy) 55%,var(--navy-2));color:#fff;padding:140px 0 66px}
.wp-hero .wrap{max-width:1180px;margin:0 auto;padding:0 44px}
.wp-hero-crumb{font-size:12.5px;color:rgba(255,255,255,.55);font-weight:700;margin-bottom:18px}
.wp-hero-crumb b{color:var(--amber-soft)}
.wp-hero h1{font-family:var(--serif);font-weight:500;color:#fff;font-size:clamp(36px,5vw,60px);letter-spacing:-.02em;margin:12px 0 16px}
.wp-hero-lede{font-size:clamp(17px,1.6vw,20px);color:rgba(255,255,255,.82);max-width:640px}
.wp-hero .eyebrow.light{color:var(--amber-soft);display:inline-flex;align-items:center;gap:12px;font-size:11.5px;font-weight:800;letter-spacing:.24em;text-transform:uppercase}
.wp-hero .eyebrow.light::before{content:"";width:30px;height:1.5px;background:var(--amber)}
/* ---- Übersicht: Toolbar ---- */
.wp-list-sec{padding:56px 0 96px;background:var(--paper)}
.wp-list-sec .wrap{max-width:1180px;margin:0 auto;padding:0 44px}
.wp-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:36px}
.wp-search{position:relative;flex:1;min-width:260px;max-width:420px}
.wp-search svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:none;stroke:var(--text-mute);stroke-width:2}
.wp-search input{width:100%;padding:13px 16px 13px 44px;border:1px solid var(--wpline);border-radius:999px;font-family:var(--sans);font-size:14.5px;color:var(--text);background:#fff;transition:.2s}
.wp-search input:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 3px rgba(245,159,30,.15)}
.wp-tags{display:flex;gap:8px;flex-wrap:wrap}
.wp-tag{padding:9px 16px;border-radius:999px;border:1px solid var(--wpline);background:#fff;font-family:var(--sans);font-weight:700;font-size:13px;color:var(--text-soft);cursor:pointer;transition:.2s}
.wp-tag:hover{border-color:var(--amber)}
.wp-tag.active{background:var(--navy);color:#fff;border-color:var(--navy)}
/* ---- Übersicht: Kacheln (Mockup) ---- */
.wp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
@media(max-width:960px){.wp-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.wp-grid{grid-template-columns:1fr}}
.wp-card{position:relative;background:#fff;border:1px solid var(--wpline);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s,border-color .35s}
.wp-card:hover{transform:translateY(-8px);box-shadow:0 26px 60px -30px rgba(0,44,70,.4);border-color:transparent}
.wp-card-thumb{position:relative;height:210px;flex:0 0 auto;overflow:hidden;background:var(--navy-2)}
.wp-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.wp-card:hover .wp-card-thumb img{transform:scale(1.06)}
.wp-card-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,22,37,.55))}
.wp-card-badge{position:absolute;top:14px;left:14px;z-index:2;background:var(--amber);color:var(--navy);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:6px 13px;border-radius:999px}
.wp-card-fmt{position:absolute;bottom:14px;right:14px;z-index:2;background:rgba(0,22,37,.7);backdrop-filter:blur(6px);color:#fff;font-size:11.5px;font-weight:700;padding:5px 12px;border-radius:999px;display:inline-flex;align-items:center;gap:6px}
.wp-card-fmt svg{width:13px;height:13px;stroke:var(--amber);fill:none;stroke-width:2}
.wp-card-body{padding:26px 26px 28px;display:flex;flex-direction:column;flex:1}
.wp-card-kick{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--steel);font-weight:800}
.wp-card-title{font-family:var(--serif);font-weight:500;font-size:22px;line-height:1.14;letter-spacing:-.01em;color:var(--navy);margin:11px 0 7px}
.wp-card-sub{font-family:var(--serif);font-style:italic;font-size:15px;color:var(--amber);font-weight:400;line-height:1.3;margin-bottom:12px;flex:1}
.wp-card-excerpt{font-size:14.5px;color:var(--text-soft);line-height:1.6}
.wp-card-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.wp-card-tags span{background:var(--mist);color:var(--text-soft);font-size:11.5px;font-weight:700;padding:5px 12px;border-radius:999px}
.wp-card-cta{margin-top:auto;padding-top:20px;font-size:14px;font-weight:800;color:var(--navy);display:inline-flex;align-items:center;gap:8px;transition:gap .25s,color .25s}
.wp-card:hover .wp-card-cta{gap:13px;color:var(--amber)}
.wp-card-cta svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.4}
.wp-card-stretch{position:absolute;inset:0;z-index:3}
.wp-empty{text-align:center;color:var(--text-soft);font-size:16px;padding:60px 0}
/* ---- Einzel: Vollbild-Hero ---- */
.wp-s-hero{position:relative;color:#fff;padding:130px 0 66px;background:linear-gradient(160deg,#001a2b,var(--navy) 60%,var(--navy-2))}
.wp-s-hero .wrap{max-width:1180px;margin:0 auto;padding:0 44px}
.wp-s-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
.wp-s-crumb{font-size:13px;color:rgba(255,255,255,.65);font-weight:600;margin-bottom:16px}
.wp-s-crumb a{color:rgba(255,255,255,.8)}
.wp-s-crumb a:hover{color:var(--amber)}
.wp-s-kick{display:inline-block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);font-weight:800;margin-bottom:10px}
.wp-s-hero h1{font-family:var(--serif);font-weight:600;color:#fff;font-size:clamp(32px,4.4vw,56px);line-height:1.07;letter-spacing:-.02em}
.wp-s-sub{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(18px,2.1vw,23px);color:var(--amber-soft);margin-top:14px;line-height:1.3}
.wp-s-meta{display:flex;gap:10px;align-items:center;font-size:13px;color:rgba(255,255,255,.7);font-weight:700;margin-top:20px}
.wp-s-meta i{opacity:.5;font-style:normal}
.wp-s-herobtn{margin-top:30px}
.wp-s-hero-img{border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 66px -34px rgba(0,0,0,.55)}
.wp-s-hero-img img{width:100%;height:100%;object-fit:cover}
@media(max-width:820px){.wp-s-hero-grid{grid-template-columns:1fr;gap:30px}.wp-s-hero-img{order:-1}}
/* ---- Einzel: Body ---- */
.wp-s-body{padding:56px 0 90px;background:var(--paper)}
.wp-s-body .wrap{max-width:1180px;margin:0 auto;padding:0 44px}
.wp-s-narrow{max-width:820px}
.wp-s-prose{margin-top:0}
.wp-s-prose .wp-s-intro{font-size:19px;color:var(--navy);font-weight:600;line-height:1.6;margin-bottom:24px}
.wp-s-prose h3{font-family:var(--serif);font-weight:500;font-size:26px;color:var(--navy);margin:32px 0 12px;letter-spacing:-.01em}
.wp-s-prose p{font-size:16.5px;color:var(--text-soft);line-height:1.7;margin-bottom:16px}
.wp-s-prose ul{list-style:none;margin:14px 0 22px;padding:0}
.wp-s-prose ul li{position:relative;padding-left:34px;margin-bottom:13px;font-size:16px;color:var(--text-soft);line-height:1.55}
.wp-s-prose ul li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:var(--amber) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23002C46' stroke-width='3'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E") center/13px no-repeat}
/* ---- Einzel: Download-Box (eingebettet, Navy) ---- */
.wp-dl-box{background:var(--navy);color:#fff;border-radius:18px;padding:34px 34px 30px;margin:40px 0;box-shadow:0 30px 66px -34px rgba(0,18,30,.5);scroll-margin-top:90px}
.wp-dl-kick{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);font-weight:800}
.wp-dl-box h3{font-family:var(--serif);font-weight:500;color:#fff;font-size:24px;margin:8px 0 6px}
.wp-dl-fmt{font-size:13.5px;color:rgba(255,255,255,.7);margin-bottom:22px;display:inline-flex;gap:8px;align-items:center}
.wp-dl-fmt svg{width:15px;height:15px;stroke:var(--amber);fill:none;stroke-width:2}
.wp-dl-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:520px){.wp-dl-fields{grid-template-columns:1fr}}
.wp-field{margin-bottom:2px}
.wp-field.full{grid-column:1/-1}
.wp-field label{display:block;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.62);margin-bottom:8px;font-weight:700}
.wp-field label .req{color:var(--amber);margin-left:3px}
.wp-field label .opt{color:rgba(255,255,255,.4);font-weight:600;text-transform:none;letter-spacing:0;margin-left:6px}
.wp-field input{width:100%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:13px 15px;color:#fff;font-family:var(--sans);font-size:15px;transition:.2s}
.wp-field input::placeholder{color:rgba(255,255,255,.4)}
.wp-field input:focus{outline:none;border-color:var(--amber);background:rgba(255,255,255,.1)}
.wp-field.invalid input{border-color:#ff6b6b;background:rgba(255,107,107,.08)}
.wp-field .wp-err{display:none;font-size:11px;color:#ff8f8f;margin-top:5px;font-weight:600}
.wp-field.invalid .wp-err{display:block}
.wp-consent{display:flex;gap:11px;align-items:flex-start;margin-top:18px}
.wp-consent input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:0 0 20px;width:20px;height:20px;margin-top:1px;border:1.5px solid rgba(255,255,255,.3);border-radius:6px;background:rgba(255,255,255,.07);cursor:pointer;transition:.2s}
.wp-consent input[type=checkbox]:checked{background:var(--amber) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23002C46' stroke-width='3.5'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E") center/14px no-repeat;border-color:var(--amber)}
.wp-consent.invalid input[type=checkbox]{border-color:#ff6b6b}
.wp-consent label{font-size:12px;color:rgba(255,255,255,.6);line-height:1.5;cursor:pointer}
.wp-consent label .req{color:var(--amber)}
.wp-consent a{color:var(--amber-soft);text-decoration:underline}
.wp-dl-submit{width:100%;justify-content:center;margin-top:20px}
.wp-form-msg{background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.4);color:#ffb3b3;font-size:13px;padding:11px 14px;border-radius:9px;margin-top:16px}
.wp-form-spin{width:16px;height:16px;border:2px solid rgba(0,44,70,.3);border-top-color:var(--navy);border-radius:50%;display:inline-block;animation:wpspin .7s linear infinite;margin-left:8px}
@keyframes wpspin{to{transform:rotate(360deg)}}
.wp-dl-privacy{font-size:11px;color:rgba(255,255,255,.42);margin-top:12px;line-height:1.5}
.wp-dl-ok{display:none;text-align:center;padding:20px 6px}
.wp-dl-ok.show{display:block}
.wp-dl-check{width:58px;height:58px;border-radius:50%;background:var(--amber);display:flex;align-items:center;justify-content:center;margin:0 auto 18px}
.wp-dl-check svg{width:28px;height:28px;stroke:var(--navy);fill:none;stroke-width:2.6}
.wp-dl-ok h4{font-family:var(--serif);font-weight:500;color:#fff;font-size:24px;margin-bottom:8px}
.wp-dl-ok p{color:rgba(255,255,255,.8);font-size:14.5px}
/* ---- Einzel: FAQ ---- */
.wp-s-faq{margin-top:52px}
.wp-s-faq h3{font-family:var(--serif);font-weight:500;font-size:clamp(22px,2.4vw,28px);color:var(--navy);margin-bottom:20px}
.wp-s-faq-item{border:1px solid var(--wpline);border-radius:12px;margin-bottom:12px;overflow:hidden;background:#fff}
.wp-s-faq-item summary{list-style:none;cursor:pointer;padding:20px 24px;font-family:var(--sans);font-weight:800;font-size:16px;color:var(--navy);display:flex;justify-content:space-between;align-items:center;gap:16px}
.wp-s-faq-item summary::-webkit-details-marker{display:none}
.wp-s-faq-ic{position:relative;width:16px;height:16px;flex:none}
.wp-s-faq-ic::before,.wp-s-faq-ic::after{content:"";position:absolute;background:var(--amber);border-radius:2px;transition:.25s}
.wp-s-faq-ic::before{top:7px;left:0;width:16px;height:2px}
.wp-s-faq-ic::after{top:0;left:7px;width:2px;height:16px}
.wp-s-faq-item[open] .wp-s-faq-ic::after{transform:rotate(90deg);opacity:0}
.wp-s-faq-a{padding:0 24px 22px;font-size:15.5px;line-height:1.7;color:var(--text-soft)}
@media(max-width:900px){
.wp-hero .wrap,.wp-list-sec .wrap,.wp-s-hero .wrap,.wp-s-body .wrap{padding-left:24px;padding-right:24px}
.wp-s-hero{padding:120px 0 60px}
}
/* ============================================================
SUCCESS STORIES – ergänzende Klassen (nutzt .wp-* mit)
============================================================ */
/* Filterleiste */
.ss-filterbar{margin-bottom:36px;display:flex;flex-direction:column;gap:18px}
.ss-fgroup{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ss-flabel{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-mute);min-width:74px}
.ss-chip{padding:8px 15px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:700;font-size:13px;color:var(--text-soft);cursor:pointer;transition:.2s;font-family:var(--sans)}
.ss-chip:hover{border-color:var(--amber)}
.ss-chip.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.ss-chip.tool.active{background:var(--amber);color:var(--navy);border-color:var(--amber)}
.ss-divider{width:1px;height:22px;background:var(--line);margin:0 2px}
/* Kacheln (bauen auf .wp-grid auf) */
.ss-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s,border-color .35s}
.ss-card:hover{transform:translateY(-8px);box-shadow:0 26px 60px -30px rgba(0,44,70,.4);border-color:transparent}
.ss-thumb{position:relative;height:210px;flex:0 0 auto;overflow:hidden;background:var(--navy-2)}
.ss-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.ss-card:hover .ss-thumb img{transform:scale(1.06)}
.ss-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,22,37,.72))}
.ss-badge{position:absolute;top:14px;left:14px;z-index:2;background:var(--amber);color:var(--navy);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:6px 13px;border-radius:999px}
.ss-logo{position:absolute;bottom:12px;left:14px;z-index:2;color:#fff;font-weight:800;font-size:15px;letter-spacing:.02em}
.ss-body{padding:24px 24px 26px;display:flex;flex-direction:column;flex:1}
.ss-kick{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--steel);font-weight:800}
.ss-card h2{font-family:var(--serif);font-weight:500;font-size:20px;margin:9px 0 10px;line-height:1.18;color:var(--navy)}
.ss-kpis{display:flex;gap:20px;margin:6px 0 14px}
.ss-kpi b{font-family:var(--serif);font-size:26px;color:var(--amber);display:block;line-height:1}
.ss-kpi span{font-size:11px;color:var(--text-mute)}
.ss-excerpt{font-size:14px;color:var(--text-soft);line-height:1.6;flex:1}
.ss-tagline{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}
.ss-tagline span{background:var(--mist);color:var(--text-soft);font-size:11px;font-weight:700;padding:4px 11px;border-radius:999px}
.ss-cta{margin-top:18px;font-size:13.5px;font-weight:800;color:var(--navy);display:inline-flex;align-items:center;gap:8px;transition:gap .25s,color .25s}
.ss-card:hover .ss-cta{gap:13px;color:var(--amber)}
.ss-cta svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.4}
.ss-stretch{position:absolute;inset:0;z-index:3}
/* Detailseite */
.ss-s-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.ss-s-meta span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:5px 13px;font-size:12px;font-weight:700;color:#fff}
.ss-s-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:44px 0;padding-bottom:36px;border-bottom:1px solid var(--line)}
.ss-s-kpi b{font-family:var(--serif);font-size:44px;color:var(--amber);display:block;line-height:1}
.ss-s-kpi span{font-size:13px;color:var(--text-soft)}
.ss-s-sec{margin-bottom:28px}
.ss-s-st{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--steel);margin-bottom:8px}
.ss-s-sec h3{font-family:var(--serif);font-weight:500;font-size:24px;color:var(--navy);margin-bottom:8px}
.ss-s-sec p{font-size:16.5px;color:var(--text-soft);line-height:1.7}
.ss-s-quote{background:var(--navy);color:#fff;border-radius:16px;padding:34px 36px;margin:36px 0}
.ss-s-quote p{font-family:var(--serif);font-style:italic;font-size:22px;line-height:1.4;color:#fff}
.ss-s-quote .who{margin-top:16px;font-size:13px;color:var(--amber-soft);font-weight:700}
@media(max-width:640px){.ss-s-kpis{grid-template-columns:1fr;gap:14px}}
/* ---- Whitepaper: Autor-Box (Detailseite) ---- */
.wp-s-author{display:flex;align-items:center;gap:16px;padding:20px 22px;margin:36px 0;background:var(--mist);border-radius:14px}
.wp-s-author-img{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:none}
.wp-s-author-info{display:flex;flex-direction:column;gap:2px}
.wp-s-author-lab{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-mute)}
.wp-s-author-name{font-family:var(--serif);font-weight:500;font-size:19px;color:var(--navy);text-decoration:none}
a.wp-s-author-name:hover{color:var(--amber);text-decoration:underline}
.wp-s-author-role{font-size:14px;color:var(--text-soft)}
/* ---- Glossar: Rich-Text-Inhalt (WYSIWYG) ---- */
.begriff-page .bg-rich{font-size:16.5px;line-height:1.75;color:var(--text-soft)}
.begriff-page .bg-rich h2{font-family:var(--serif);font-weight:500;font-size:clamp(24px,2.6vw,32px);color:var(--navy);letter-spacing:-.01em;margin:38px 0 14px;scroll-margin-top:100px}
.begriff-page .bg-rich h3{font-family:var(--serif);font-weight:500;font-size:clamp(20px,2.1vw,25px);color:var(--navy);margin:28px 0 10px}
.begriff-page .bg-rich h4{font-family:var(--sans);font-weight:800;font-size:17px;color:var(--navy);margin:22px 0 8px}
.begriff-page .bg-rich p{margin:0 0 16px}
.begriff-page .bg-rich a{color:var(--navy);text-decoration:underline;text-decoration-color:var(--amber);text-underline-offset:2px}
.begriff-page .bg-rich a:hover{color:var(--amber)}
.begriff-page .bg-rich ul,.begriff-page .bg-rich ol{margin:0 0 18px;padding-left:0;list-style:none}
.begriff-page .bg-rich ul li{position:relative;padding-left:30px;margin-bottom:11px}
.begriff-page .bg-rich ul li::before{content:"";position:absolute;left:2px;top:9px;width:8px;height:8px;border-radius:50%;background:var(--amber)}
.begriff-page .bg-rich ol{counter-reset:li;padding-left:0}
.begriff-page .bg-rich ol li{position:relative;padding-left:38px;margin-bottom:11px;counter-increment:li}
.begriff-page .bg-rich ol li::before{content:counter(li);position:absolute;left:0;top:1px;width:24px;height:24px;border-radius:50%;background:var(--mist-2);color:var(--navy);font-family:var(--sans);font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center}
.begriff-page .bg-rich img{max-width:100%;height:auto;border-radius:12px;margin:20px 0}
.begriff-page .bg-rich figure{margin:20px 0}
.begriff-page .bg-rich figcaption{font-size:13px;color:var(--text-mute);margin-top:8px;text-align:center}
.begriff-page .bg-rich table{width:100%;border-collapse:collapse;margin:22px 0;font-size:15px}
.begriff-page .bg-rich th,.begriff-page .bg-rich td{border:1px solid var(--line);padding:11px 14px;text-align:left}
.begriff-page .bg-rich th{background:var(--mist);font-weight:800;color:var(--navy)}
.begriff-page .bg-rich tr:nth-child(even) td{background:var(--mist)}
.begriff-page .bg-rich blockquote{border-left:3px solid var(--amber);padding:6px 0 6px 20px;margin:20px 0;font-family:var(--serif);font-style:italic;font-size:19px;color:var(--navy)}
.begriff-page .bg-rich strong{color:var(--navy);font-weight:800}
/* ===== Stabilität, Barrierefreiheit und Tablet-Navigation (1.30.6) ===== */
@media(max-width:1120px){
.nav-links{position:fixed;top:0;right:0;height:100dvh;width:min(86%,380px);background:var(--navy-2);flex-direction:column;align-items:flex-start;gap:0;padding:92px 28px 36px;transform:translateX(100%);transition:transform .35s ease;border-left:1px solid var(--line-dark);overflow-y:auto;overscroll-behavior:contain;visibility:hidden}
.nav-links.open{transform:translateX(0);visibility:visible}
.menu-btn{display:flex}
.nav-links .nav-menu{flex-direction:column;align-items:flex-start;gap:0;width:100%}
.nav-links .nav-menu li{width:100%}
.nav-links .nav-menu>li>a{font-size:18px;padding:14px 0;width:100%;border-bottom:1px solid var(--line-dark)}
.nav-links .nav-menu .sub-menu{position:static;opacity:1;visibility:visible;transform:none;background:none;border:none;box-shadow:none;padding:0 0 8px 14px}
.nav-links .nav-menu .nav-cta a{display:inline-block;margin-top:16px;width:auto}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.reveal{opacity:1;transform:none}
}
.wp-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
/* ===== Go-Live-Härtung (1.31.0) ===== */
.k-direct a{color:inherit;text-decoration:none}.k-direct a:hover{text-decoration:underline;text-decoration-color:var(--amber)}
.field.invalid input,.field.invalid select,.field.invalid textarea{border-color:#ff7b7b;box-shadow:0 0 0 3px rgba(255,123,123,.12)}
.form-status{margin:14px 0 4px;padding:11px 13px;border-radius:10px;font-size:13px;line-height:1.45}
.form-status.is-error{background:rgba(255,107,107,.12);border:1px solid rgba(255,135,135,.45);color:#ffe0e0}
.form-status.is-success{background:rgba(86,211,137,.12);border:1px solid rgba(86,211,137,.4);color:#dfffea}
.form-submit-spin{width:17px;height:17px;margin-left:9px;border:2px solid rgba(0,44,70,.28);border-top-color:var(--navy);border-radius:50%;animation:lbspin .7s linear infinite}
@keyframes lbspin{to{transform:rotate(360deg)}}
.form button[disabled]{cursor:wait;opacity:.8}
.site-page{padding:clamp(120px,14vw,180px) 0 90px;background:var(--paper);min-height:70vh}
.site-page .wrap{max-width:980px}
.site-page h1{font-size:clamp(38px,5vw,62px);margin:12px 0 28px;color:var(--navy)}
.site-page .page-intro{font-size:18px;color:var(--text-soft);max-width:760px;margin-bottom:34px}
.rich-content{font-size:17px;line-height:1.75;color:var(--text-soft)}
.rich-content>*:first-child{margin-top:0}.rich-content>*:last-child{margin-bottom:0}
.rich-content h2,.rich-content h3,.rich-content h4{color:var(--navy);margin:1.5em 0 .55em}
.rich-content h2{font-size:clamp(28px,3vw,38px)}.rich-content h3{font-size:24px}.rich-content h4{font-size:19px}
.rich-content p,.rich-content ul,.rich-content ol,.rich-content table,.rich-content blockquote{margin:0 0 1.2em}
.rich-content ul,.rich-content ol{padding-left:1.35em}.rich-content a{color:var(--navy);text-decoration:underline;text-decoration-color:var(--amber);text-underline-offset:3px}
.rich-content img{max-width:100%;height:auto}.rich-content table{width:100%;border-collapse:collapse}.rich-content th,.rich-content td{padding:10px 12px;border:1px solid var(--line);text-align:left}
.search-page-form{margin:24px 0 40px}.search-page-form .search-form{display:flex;gap:10px;width:100%}.search-page-form label{flex:1}.search-page-form input[type=search]{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:10px;font:inherit}.search-page-form button{border:0}
.search-results-list{display:grid;gap:18px}.search-result{padding:24px;border:1px solid var(--line);border-radius:14px;background:#fff}.search-result h2{font-size:24px;margin:0 0 8px}.search-result h2 a{color:var(--navy);text-decoration:none}.search-result h2 a:hover{color:var(--amber)}.search-result p{color:var(--text-soft)}
.pagination{margin-top:34px}.pagination .nav-links{position:static;height:auto;width:auto;background:none;padding:0;transform:none;visibility:visible;display:flex;gap:8px;overflow:visible;border:0}.pagination a,.pagination span{padding:8px 12px;border:1px solid var(--line);border-radius:8px}.pagination .current{background:var(--navy);color:#fff;border-color:var(--navy)}
.error-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.nav-links .nav-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
@media(max-width:640px){.form{padding:26px 20px}.search-page-form .search-form{flex-direction:column}.site-page{padding-top:110px}}
/* Sechs Hauptbereiche: auf üblichen Notebookbreiten kompakter, ohne das Layoutprinzip zu ändern. */
@media(min-width:1121px) and (max-width:1500px){
.nav-links{gap:20px}
.nav-trigger,.nav-links>a{font-size:14px}
.nav-cta{padding:11px 19px;font-size:14px}
.logo-img{height:32px}
}
/* ============================================================
HEADER & MEGA-MENÜ – finale Struktur 29.07.2026
Sechs eindeutige Hauptbereiche, strikt einzeilig.
============================================================ */
@media(min-width:1121px){
#hdr .nav{gap:22px}
#hdr .brand-link{flex:0 0 auto}
#hdr .nav-links{
margin-left:auto;min-width:0;flex:1 1 auto;justify-content:flex-end;
flex-wrap:nowrap;white-space:nowrap;gap:clamp(12px,1.35vw,24px)
}
#hdr .nav-item{flex:0 0 auto}
#hdr .nav-trigger{position:relative;white-space:nowrap;line-height:1.1;padding:10px 0;margin:-10px 0}
#hdr .nav-trigger::after{
content:"";position:absolute;left:0;right:19px;bottom:2px;height:2px;border-radius:2px;
background:var(--amber);transform:scaleX(0);transform-origin:left center;
transition:transform .2s ease
}
#hdr .nav-item:hover>.nav-trigger::after,
#hdr .nav-item:focus-within>.nav-trigger::after,
#hdr .nav-item.mega-open>.nav-trigger::after,
#hdr .nav-item.is-current>.nav-trigger::after{transform:scaleX(1)}
#hdr .nav-item.is-current>.nav-trigger{color:#fff}
#hdr .nav-search-btn{flex:0 0 auto}
#hdr .nav-cta{flex:0 0 auto;white-space:nowrap}
.mega-wissen .mega-cols{grid-template-columns:repeat(3,minmax(0,1fr))}
/* Unternehmen: zwei schlichte Linkgruppen und ein bewusst kleiner Teaser. */
.mega-company .mega-inner{padding-top:28px;padding-bottom:24px}
.company-grid{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(250px,1fr) minmax(240px,.8fr);gap:42px;align-items:start}
.company-group,.company-focus{min-width:0}
.company-group+.company-group,.company-focus{border-left:1px solid var(--line);padding-left:42px}
.company-heading{
color:var(--steel);font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;
padding:0 4px 12px;margin-bottom:8px;border-bottom:1px solid var(--line)
}
.company-link{
display:flex!important;align-items:center;gap:13px;padding:13px 6px!important;border-radius:10px;
color:var(--text)!important;font-size:15px!important;font-weight:750!important;line-height:1.2;
transition:background .16s,color .16s,transform .16s
}
.company-link:hover{background:rgba(0,44,70,.05);color:var(--navy)!important;transform:translateX(2px)}
.company-link-icon{
width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;color:var(--amber);
border-radius:9px;background:rgba(245,159,30,.11)
}
.company-link-icon svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.focus-card{
display:flex!important;flex-direction:column;align-items:flex-start!important;gap:7px!important;
min-height:184px;padding:18px!important;border:1px solid var(--line);border-radius:14px;
background:#fff;color:var(--text)!important;box-shadow:0 16px 34px -28px rgba(0,44,70,.55);
transition:border-color .18s,box-shadow .18s,transform .18s
}
.focus-card:hover{border-color:rgba(245,159,30,.55);box-shadow:0 22px 42px -28px rgba(0,44,70,.48);transform:translateY(-2px)}
.focus-kicker{font-size:10.5px;font-weight:850;letter-spacing:.14em;color:var(--amber);text-transform:uppercase}
.focus-meta{font-size:12px;color:var(--steel);line-height:1.35}
.focus-card strong{font-family:var(--serif);font-size:22px;line-height:1.05;color:var(--navy);font-weight:650;margin-top:2px}
.focus-copy{font-size:12.5px;line-height:1.5;color:var(--text-soft);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.focus-cta{margin-top:auto;font-size:12.5px;font-weight:800;color:var(--navy);text-decoration:underline;text-decoration-color:var(--amber);text-underline-offset:4px}
}
/* Notebook: nicht umbrechen, sondern kontrolliert verdichten. */
@media(min-width:1121px) and (max-width:1380px){
.wrap{padding-left:24px;padding-right:24px}
#hdr .nav{gap:14px}
#hdr .nav-links{gap:11px}
#hdr .nav-trigger{font-size:13.2px;gap:4px}
#hdr .nav-trigger svg{width:11px;height:11px}
#hdr .nav-cta{padding:10px 16px;font-size:13.2px}
#hdr .logo-img{height:30px}
#hdr .nav-search-btn svg{width:18px;height:18px}
.mega-inner,.mega-foot-inner{padding-left:24px!important;padding-right:24px!important}
.company-grid{grid-template-columns:minmax(185px,.72fr) minmax(220px,.9fr) minmax(220px,.74fr);gap:28px}
.company-group+.company-group,.company-focus{padding-left:28px}
}
/* Mobile Drawer: dieselbe Informationsarchitektur, kompakt untereinander. */
@media(max-width:1120px){
.mega-wissen,.mega-company{width:auto!important;grid-template-columns:1fr!important}
.company-grid{display:grid;grid-template-columns:1fr;gap:8px}
.company-group,.company-focus{border:0;padding:0}
.company-heading{font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.48);padding:13px 8px 5px}
.company-link{display:flex!important;align-items:center;gap:12px;padding:10px 8px!important;color:#fff!important;font-size:14.5px!important;font-weight:700!important}
.company-link-icon{width:36px;height:36px;display:grid;place-items:center;color:var(--amber);border-radius:9px;background:rgba(245,159,30,.12)}
.company-link-icon svg{width:19px;height:19px;stroke:currentColor;fill:none}
.focus-card{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:6px!important;margin:4px 8px 10px;padding:15px!important;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.06);color:#fff!important}
.focus-kicker{font-size:10px;font-weight:850;letter-spacing:.13em;color:var(--amber);text-transform:uppercase}
.focus-meta,.focus-copy{font-size:12px;color:rgba(255,255,255,.65)}
.focus-card strong{font-family:var(--serif);font-size:20px;line-height:1.1;color:#fff}
.focus-cta{font-size:12.5px;font-weight:800;color:var(--amber-soft)}
}
/* ============================================================
UNTERNEHMEN-MENÜ – 1.31.1
Gleiche Raster-, Typografie- und Icon-Sprache wie das Expertise-Panel.
Der Fokus bleibt ein schlanker Inhaltshinweis statt einer eigenen Karte.
============================================================ */
@media(min-width:1121px){
#navlinks .mega-company .mega-inner{padding:26px 40px 22px;min-height:0}
#navlinks .mega-company .company-exp-cols{align-items:start}
#navlinks .mega-company .company-focus-simple{min-width:0}
#navlinks .mega-company .company-focus-link{align-items:flex-start;padding-top:9px;padding-bottom:11px}
#navlinks .mega-company .company-focus-link .exp-gi{margin-top:2px}
#navlinks .mega-company .company-focus-text{min-width:0;display:block}
#navlinks .mega-company .company-focus-meta-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 4px}
#navlinks .mega-company .company-focus-kicker{font-size:9.5px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:var(--amber)}
#navlinks .mega-company .company-focus-meta{font-size:10.5px;color:var(--steel);line-height:1.25}
#navlinks .mega-company .company-focus-title{font-size:14px;line-height:1.25}
#navlinks .mega-company .company-focus-copy{display:block;margin-top:4px;font-size:11px;line-height:1.4;color:var(--text-soft);max-width:300px}
#navlinks .mega-company .company-focus-cta{display:inline-flex;margin-top:8px;font-size:11px;font-weight:800;color:var(--navy);text-decoration:underline;text-decoration-color:var(--amber);text-underline-offset:4px}
}
@media(max-width:1120px){
#navlinks .mega-company .company-focus-link{align-items:flex-start}
#navlinks .mega-company .company-focus-meta-line{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:3px}
#navlinks .mega-company .company-focus-kicker{font-size:9.5px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:var(--amber)}
#navlinks .mega-company .company-focus-meta{font-size:11px;color:rgba(255,255,255,.58)}
#navlinks .mega-company .company-focus-copy{display:block;margin-top:3px;font-size:12px;line-height:1.4;color:rgba(255,255,255,.62)}
#navlinks .mega-company .company-focus-cta{display:inline-flex;margin-top:7px;font-size:12px;font-weight:800;color:var(--amber-soft)}
}
/* ============================================================
UNTERNEHMEN-MENÜ – 1.31.2
Debug-Fix: rechte Fokusspalte vollständig entfernt.
Eigenständiges, kompaktes Zweispaltenraster ohne geerbte 2:1-Reservierung.
============================================================ */
@media(min-width:1121px){
#navlinks .mega-company .mega-inner{padding:26px 40px 22px;min-height:0}
#navlinks .mega-company .mega-head{margin-bottom:16px}
#navlinks .mega-company .company-menu-grid{
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;
max-width:820px;align-items:start
}
#navlinks .mega-company .company-menu-col{min-width:0}
#navlinks .mega-company .company-menu-subhead{
margin:0 6px 8px;font-size:13.5px;font-weight:700;color:var(--navy);line-height:1.2
}
#navlinks .mega-company .company-menu-row{
display:flex;gap:13px;align-items:center;padding:8px 10px;border-radius:10px;
text-decoration:none;color:var(--text);transition:background .16s
}
#navlinks .mega-company .company-menu-row:hover{background:rgba(0,44,70,.05)}
#navlinks .mega-company .company-menu-icon{width:20px;flex:none;display:grid;place-items:center}
#navlinks .mega-company .company-menu-icon .ic,
#navlinks .mega-company .company-menu-icon svg{
width:18px;height:18px;stroke:var(--amber);fill:none;stroke-width:1.7;
stroke-linecap:round;stroke-linejoin:round
}
#navlinks .mega-company .company-menu-text b{
display:block;font-size:13px;font-weight:700;color:var(--text);line-height:1.25
}
}
@media(max-width:1120px){
#navlinks .mega-company .company-menu-grid{display:block}
#navlinks .mega-company .company-menu-col{margin-top:8px}
#navlinks .mega-company .company-menu-subhead{
margin:10px 0 2px;font-size:13px;font-weight:700;color:#fff
}
#navlinks .mega-company .company-menu-row{
display:flex;gap:12px;align-items:center;padding:10px 0;text-decoration:none;color:#fff
}
#navlinks .mega-company .company-menu-icon{width:20px;flex:none;display:grid;place-items:center}
#navlinks .mega-company .company-menu-icon .ic,
#navlinks .mega-company .company-menu-icon svg{
width:18px;height:18px;stroke:var(--amber);fill:none;stroke-width:1.7;
stroke-linecap:round;stroke-linejoin:round
}
#navlinks .mega-company .company-menu-text b{font-size:15px;font-weight:700;color:#fff}
}
/* ============================================================
UNTERNEHMEN-MENÜ – 1.31.3
Standardraster wie die übrigen Reiter. Keine Gruppen-/Sonderlogik,
keine reservierte Zusatzspalte und keine abweichenden Vertikalabstände.
============================================================ */
@media(min-width:1121px){
#navlinks .mega-company .mega-inner{
max-width:1260px;margin:0 auto;padding:26px 40px 22px;min-height:0
}
#navlinks .mega-company .mega-head{
margin:0 0 16px;padding:0 6px 12px
}
#navlinks .mega-company .mega-cols{
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
gap:6px 28px;align-content:start;max-width:none
}
}
@media(max-width:1120px){
#navlinks .mega-company .mega-cols{
display:grid;grid-template-columns:1fr;gap:2px
}
}
/* === CI-Typografie 1.31.6: global, Frontend und Editor konsistent === */
:root{--serif:"ITC Lubalin Graph Std","itc-lubalin-graph-std","Lubalin Graph",Georgia,serif;--sans:"proxima-nova",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
body,.editor-styles-wrapper{font-family:var(--sans)}
h1,h2,h3,h4,h5,h6,.editor-styles-wrapper h1,.editor-styles-wrapper h2,.editor-styles-wrapper h3,.editor-styles-wrapper h4,.editor-styles-wrapper h5,.editor-styles-wrapper h6{font-family:var(--serif);font-style:normal}
/* ============================================================
MODULARE PARTNERSEITEN (1.32.0)
============================================================ */
.partner-hero{position:relative;overflow:hidden;padding:176px 0 104px;background:linear-gradient(115deg,var(--navy) 0%,var(--navy-2) 62%,#0a4c68 100%);color:#fff}
.partner-hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 82% 20%,rgba(245,159,30,.16),transparent 34%),radial-gradient(circle at 18% 82%,rgba(80,116,143,.28),transparent 32%);pointer-events:none}
.partner-hero .wrap{position:relative;z-index:2}
.partner-hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(380px,.96fr);gap:68px;align-items:center}
.partner-brandline{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:24px}
.partner-brandline .eyebrow{margin:0}
.partner-logo{max-width:180px;max-height:54px;width:auto;object-fit:contain;background:#fff;border-radius:12px;padding:9px 14px;box-shadow:var(--shadow-soft)}
.partner-hero h1{font-size:clamp(43px,5.2vw,72px);color:#fff;font-weight:600;line-height:1.02;max-width:780px}
.partner-lede{font-size:clamp(18px,1.55vw,21px);line-height:1.55;color:rgba(255,255,255,.83);max-width:690px;margin-top:26px}
.partner-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:36px}
.partner-text-link{display:inline-flex;align-items:center;gap:8px;color:var(--amber-soft);font-weight:800;border-bottom:2px solid rgba(245,159,30,.5);padding:5px 0;transition:.2s}
.partner-text-link:hover{border-color:var(--amber);color:#fff}
.partner-text-link.dark{color:var(--navy)}
.partner-text-link.dark:hover{color:var(--navy-3)}
.partner-facts{display:flex;gap:28px;flex-wrap:wrap;margin-top:42px;padding-top:28px;border-top:1px solid rgba(255,255,255,.16)}
.partner-fact{display:flex;flex-direction:column;min-width:118px}
.partner-fact strong{font-family:var(--serif);font-size:24px;color:#fff;line-height:1.05}
.partner-fact span{font-size:12px;color:rgba(255,255,255,.62);margin-top:6px;font-weight:700;letter-spacing:.04em}
.partner-visual,.partner-screen,.partner-delivery-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#0d405c,#092a3d);background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.16);border-radius:var(--r-lg);box-shadow:var(--shadow)}
.partner-visual{min-height:430px}
.partner-screen{min-height:430px;background-color:var(--mist)}
.partner-delivery-visual{min-height:540px;background-color:var(--mist)}
.partner-visual.is-placeholder::before,.partner-screen.is-placeholder::before,.partner-delivery-visual.is-placeholder::before{content:"";position:absolute;inset:12%;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.04))}
.partner-screen.is-placeholder::before,.partner-delivery-visual.is-placeholder::before{border-color:var(--line);background:linear-gradient(180deg,#fff,var(--mist-2))}
.partner-visual-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:rgba(255,255,255,.72);z-index:2}
.partner-screen .partner-visual-placeholder,.partner-delivery-visual .partner-visual-placeholder{color:var(--steel)}
.partner-visual-placeholder span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}
.partner-visual-placeholder b{font-size:20px;margin-top:7px;font-family:var(--serif);font-weight:500}
.partner-section{padding:104px 0}
.partner-section-head{max-width:820px;margin:0 auto 52px;text-align:center}
.partner-section-head.left{margin:0 0 52px;text-align:left}
.partner-section-head h2,.partner-delivery-copy h2{font-size:clamp(33px,4vw,52px);margin-top:18px}
.partner-section-head p,.partner-section-intro{font-size:18px;color:var(--text-soft);margin-top:19px;line-height:1.65}
.partner-platform{background:#fff}
.partner-platform-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(440px,1.12fr);gap:64px;align-items:stretch}
.partner-stack{display:flex;flex-direction:column;gap:14px}
.partner-feature{display:flex;gap:17px;align-items:flex-start;padding:22px;border:1px solid var(--line);border-radius:var(--r-md);background:#fff;box-shadow:var(--shadow-soft)}
.partner-feature-icon,.partner-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(245,159,30,.12);flex:0 0 auto}
.partner-feature-icon .ic,.partner-card-icon .ic{width:25px;height:25px;stroke:var(--amber);fill:none;stroke-width:1.75}
.partner-feature h3,.partner-card h3,.partner-ecosystem-item h3,.partner-steps h3{font-family:var(--sans);font-size:18px;font-weight:800;letter-spacing:0;line-height:1.25}
.partner-feature p,.partner-card p,.partner-ecosystem-item p,.partner-steps p{font-size:14.5px;color:var(--text-soft);margin-top:6px;line-height:1.55}
.partner-fit-section{background:var(--mist)}
.partner-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.partner-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:30px;box-shadow:var(--shadow-soft);min-height:220px}
.partner-card h3{margin-top:22px}
.partner-card-dark{background:linear-gradient(145deg,var(--navy),var(--navy-3));border-color:transparent;color:#fff;box-shadow:var(--shadow)}
.partner-card-dark h3{color:#fff;font-family:var(--serif);font-size:25px;font-weight:500;line-height:1.16;margin-top:13px}
.partner-card-dark p{color:rgba(255,255,255,.72);margin-top:12px}
.partner-kicker{font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:800;color:var(--amber-soft)}
.partner-caution{display:grid;grid-template-columns:170px 1fr;gap:28px;align-items:start;margin-top:26px;padding:26px 30px;border-radius:var(--r-md);border:1px solid rgba(245,159,30,.28);background:#fff7ea}
.partner-caution>span{font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:#a96000;padding-top:4px}
.partner-caution h3{font-family:var(--sans);font-size:18px;font-weight:800;letter-spacing:0}
.partner-caution p{font-size:14.5px;color:var(--text-soft);margin-top:6px}
.partner-why-section{background:#fff}
.partner-delivery{background:var(--mist)}
.partner-delivery-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.78fr);gap:70px;align-items:center}
.partner-steps{list-style:none;margin-top:34px;display:flex;flex-direction:column}
.partner-steps li{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}
.partner-steps li:first-child{border-top:1px solid var(--line)}
.partner-steps li>span{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--navy);color:#fff;font-weight:800;font-size:12px}
.partner-ecosystem{background:#fff}
.partner-ecosystem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.partner-ecosystem-item{display:flex;gap:16px;align-items:flex-start;padding:25px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--mist)}
.partner-ecosystem-logo{width:52px;height:52px;border-radius:13px;background:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid var(--line)}
.partner-ecosystem-logo img{max-width:36px;max-height:32px;object-fit:contain}
.partner-ecosystem-logo .ic{width:25px;height:25px;stroke:var(--amber);fill:none;stroke-width:1.7}
.partner-source-note{font-size:12.5px;color:var(--text-mute);margin-top:18px;max-width:900px}
.partner-proof{padding:0;background:linear-gradient(90deg,var(--navy) 0%,var(--navy) 50%,var(--mist) 50%,var(--mist) 100%)}
.partner-proof-grid{display:grid;grid-template-columns:1fr 1fr;padding-top:0;padding-bottom:0}
.partner-quote,.partner-case{padding:72px 58px;min-height:390px;display:flex;flex-direction:column;justify-content:center}
.partner-quote{color:#fff}
.partner-quote p{font-family:var(--serif);font-size:clamp(25px,3vw,37px);line-height:1.32;margin-top:22px}
.partner-quote footer{font-weight:800;margin-top:27px}.partner-quote footer span{display:block;font-weight:500;color:rgba(255,255,255,.64);font-size:13px;margin-top:3px}
.partner-case h2{font-size:clamp(28px,3vw,40px);margin-top:18px}.partner-case p{font-size:16px;color:var(--text-soft);margin:18px 0 24px}
.partner-final-cta{padding:96px 0;background:#fff}
.partner-final-card{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.55fr);gap:52px;align-items:center;padding:58px;border-radius:var(--r-lg);background:linear-gradient(145deg,var(--navy),var(--navy-3));color:#fff;box-shadow:var(--shadow)}
.partner-final-card.no-contact{grid-template-columns:1fr}.partner-final-card.no-contact .partner-final-copy{max-width:850px}
.partner-final-copy h2{font-size:clamp(32px,4vw,51px);color:#fff;margin-top:18px}
.partner-final-copy p{font-size:18px;color:rgba(255,255,255,.78);margin:19px 0 30px;max-width:720px}
.partner-contact{padding:28px;border-radius:var(--r-md);border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);display:flex;flex-direction:column;align-items:center;text-align:center}
.partner-contact img{width:92px;height:92px;border-radius:50%;object-fit:cover;margin-bottom:16px;border:2px solid rgba(255,255,255,.22)}
.partner-contact strong{font-size:17px;color:#fff}.partner-contact span{font-size:13px;color:rgba(255,255,255,.64);margin-top:3px}.partner-contact a{font-size:13px;color:var(--amber-soft);margin-top:12px;font-weight:700}
@media(max-width:1040px){.partner-hero-grid,.partner-platform-grid,.partner-delivery-grid{grid-template-columns:1fr;gap:44px}.partner-visual{min-height:390px}.partner-screen{min-height:390px}.partner-delivery-visual{min-height:380px}.partner-card-grid,.partner-ecosystem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.partner-hero{padding:145px 0 78px}.partner-section{padding:78px 0}.partner-hero h1{font-size:42px}.partner-card-grid,.partner-ecosystem-grid,.partner-proof-grid,.partner-final-card{grid-template-columns:1fr}.partner-proof{background:var(--navy)}.partner-case{background:var(--mist)}.partner-quote,.partner-case{padding:54px 28px;min-height:auto}.partner-final-card{padding:38px 26px}.partner-caution{grid-template-columns:1fr;gap:10px}.partner-facts{gap:18px}.partner-visual,.partner-screen,.partner-delivery-visual{min-height:310px}}
@media(max-width:520px){.partner-hero-grid{display:block}.partner-visual{margin-top:38px}.partner-platform-grid{display:block}.partner-screen{margin-top:28px}.partner-card-grid,.partner-ecosystem-grid{grid-template-columns:1fr}.partner-feature{padding:19px}.partner-logo{max-width:145px}.partner-actions .btn{width:100%;justify-content:center}}
/* --------------------------------------------------------------------------
PARTNERSEITE 2026 – kuratiert, editorial, vollständig pflegbar
-------------------------------------------------------------------------- */
.phero--partner{
background:var(--navy);
padding:88px 0 92px;
border-bottom:1px solid rgba(255,255,255,.12);
}
.phero--partner .phero-grid{
grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);
gap:clamp(44px,6vw,84px);
align-items:center;
}
.phero--partner .phero-grid--no-media{grid-template-columns:minmax(0,720px)}
.phero--partner .phero-copy{max-width:600px}
.phero--partner .plogo-box{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin:0 0 28px;padding:0;background:none;border:0}
.phero--partner .plabel{color:var(--amber);font-size:11px;line-height:1;letter-spacing:.18em;font-weight:800;text-transform:uppercase}
.phero--partner .pslot{min-width:0;height:auto;padding:8px 14px;border-radius:10px;background:#fff;border:1px solid rgba(255,255,255,.28)}
.phero--partner .pslot--placeholder{color:var(--steel);font-size:12px;font-weight:750}
.phero--partner .pslot-img{width:auto;max-width:170px;max-height:34px;object-fit:contain}
.phero--partner .phero-h1{max-width:660px;margin:0;font-size:clamp(42px,4.7vw,66px);line-height:1.03;letter-spacing:-.025em;font-weight:500}
.phero--partner .phero-lede{max-width:590px;margin:24px 0 0;color:rgba(255,255,255,.79);font-size:clamp(17px,1.45vw,19px);line-height:1.62}
.phero--partner .phero-actions{margin-top:34px;display:flex;align-items:center;gap:26px;opacity:1;animation:none}
.pa-text-link{display:inline-flex;align-items:center;gap:9px;color:#fff;font-size:15px;font-weight:750;padding:10px 0 8px;border-bottom:2px solid rgba(245,159,30,.72);transition:border-color .2s,color .2s}
.pa-text-link:hover{color:var(--amber-soft);border-color:var(--amber)}
.pa-product-frame{margin:0;overflow:hidden;border-radius:18px;background:#fff;border:1px solid rgba(255,255,255,.28);box-shadow:0 24px 56px -30px rgba(0,0,0,.7)}
.pa-product-frame__bar{height:42px;display:flex;align-items:center;gap:7px;padding:0 16px;background:#f6f8f9;border-bottom:1px solid rgba(0,44,70,.10)}
.pa-product-frame__dot{width:8px;height:8px;border-radius:50%;background:#d7e0e5}
.pa-product-frame__label{margin-left:8px;color:#5a6d78;font-size:11.5px;font-weight:700;letter-spacing:.02em}
.pa-product-frame__media{aspect-ratio:16/9;background:#fff;overflow:hidden;display:grid;place-items:center}
.pa-product-frame__img{width:100%;height:100%;object-fit:contain;object-position:center;background:#fff}
.pa-media-placeholder{width:100%;min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:28px;text-align:center;background:repeating-linear-gradient(0deg,transparent 0 34px,rgba(0,44,70,.035) 35px),repeating-linear-gradient(90deg,transparent 0 34px,rgba(0,44,70,.035) 35px),#f8fafb;color:var(--steel)}
.pa-media-placeholder>span{font-size:38px;opacity:.5}.pa-media-placeholder strong{font-size:14px}.pa-media-placeholder small{font-size:12px;max-width:280px}
.pa-platform{padding:104px 0;background:#fff}
.pa-platform-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);gap:clamp(52px,7vw,92px);align-items:center}
.pa-platform-grid--no-media{grid-template-columns:minmax(0,720px)}
.pa-platform-copy{max-width:540px}
.pa-h2{font-size:clamp(34px,4vw,50px);line-height:1.08;letter-spacing:-.02em;margin-top:16px}
.pa-p{font-size:17px;line-height:1.7;color:var(--text-soft);margin-top:18px;max-width:700px}
.pa-benefit-list{margin-top:34px;border-top:1px solid var(--line)}
.pa-benefit{display:grid;grid-template-columns:30px minmax(0,1fr);gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}
.pa-benefit__mark{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;margin-top:1px;background:rgba(245,159,30,.12);color:#bd6f00;font-size:13px;font-weight:900}
.pa-benefit h3{font-family:var(--sans);font-size:16px;line-height:1.25;font-weight:800;letter-spacing:0;color:var(--navy)}
.pa-benefit p{margin-top:5px;color:var(--text-soft);font-size:14.5px;line-height:1.55}
.pa-editorial-media{margin:0;overflow:hidden;border-radius:18px;border:1px solid var(--line);background:#f8fafb;box-shadow:0 24px 58px -42px rgba(0,44,70,.46);display:grid;place-items:center}
.pa-editorial-media__img{width:100%;height:auto;max-height:620px;object-fit:contain;background:#fff}
/* Le-Bihan-Mehrwert: keine Kachelwand, sondern redaktionelle Kompetenzzeilen. */
.pa-competence{padding:100px 0;background:var(--mist)}
.pa-competence-grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:clamp(48px,6vw,82px);align-items:start}
.pa-competence-intro{position:sticky;top:34px;max-width:500px}
.pa-competence-list{border-top:1px solid var(--line)}
.pa-competence-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:24px;align-items:center;min-height:148px;padding:26px 20px 26px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;transition:padding .2s ease,background .2s ease}
.pa-competence-row:is(a):hover,.pa-competence-row:is(a):focus-visible{padding-left:18px;background:rgba(255,255,255,.76)}
.pa-competence-no{align-self:start;padding-top:1px;font-family:var(--head);font-size:30px;line-height:1;color:var(--steel)}
.pa-competence-copy h3{font-family:var(--sans);font-size:19px;line-height:1.25;font-weight:800;letter-spacing:0;color:var(--navy)}
.pa-competence-copy p{margin-top:7px;color:var(--text-soft);font-size:14.5px;line-height:1.6;max-width:650px}
.pa-competence-link{white-space:nowrap;font-size:13px;font-weight:800;padding-bottom:4px;border-bottom:2px solid var(--amber)}
/* Angebot: klare Journey ohne Video- oder Bildzwang. */
.pa-journey{padding:104px 0;background:#fff}
.pa-journey-head{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:clamp(48px,6vw,82px);align-items:end}
.pa-journey-head>.pa-p{margin:0;max-width:720px}
.pa-journey-track{list-style:none;margin:50px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pa-journey-step{position:relative;min-height:240px;padding:30px 27px 34px;border-right:1px solid var(--line)}
.pa-journey-step:last-child{border-right:0}
.pa-journey-step::before{content:"";position:absolute;top:-2px;left:0;width:46px;height:3px;background:var(--amber);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.pa-journey-step:hover::before{transform:scaleX(1)}
.pa-journey-no{color:var(--amber);font-size:13px;font-weight:800;letter-spacing:.12em}
.pa-journey-step h3{font-family:var(--sans);font-size:18px;line-height:1.28;font-weight:800;letter-spacing:0;margin-top:18px}
.pa-journey-step p{margin-top:11px;color:var(--text-soft);font-size:14.5px;line-height:1.58}
.pa-integration{padding:100px 0;background:var(--mist)}
.pa-integration-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(520px,1.2fr);gap:clamp(52px,7vw,90px);align-items:center}
.pa-integration-grid--no-media{grid-template-columns:minmax(0,760px)}
.pa-richtext{margin-top:18px;color:var(--text-soft);font-size:17px;line-height:1.7;max-width:700px}
.pa-richtext p+p{margin-top:14px}
.pa-integration-note{margin-top:24px;padding-left:18px;border-left:3px solid var(--amber);color:var(--text-soft);font-size:14.5px;line-height:1.6}
.pa-cta{padding:90px 0;background:#fff}
.pa-cta-card{padding:54px 58px;border-radius:20px;background:var(--navy);color:#fff;box-shadow:none;border:1px solid rgba(0,44,70,.14);display:grid;grid-template-columns:1.24fr .76fr;gap:48px;align-items:center}
.pa-cta-card--no-contact{grid-template-columns:minmax(0,760px)}
.pa-cta-card h2{color:#fff;font-size:clamp(30px,3.4vw,44px);margin:16px 0 14px}
.pa-cta-card p{color:rgba(255,255,255,.82);font-size:17px;line-height:1.65;max-width:600px;margin:0 0 26px}
.pa-contact{background:#fff;border:0;color:var(--navy);text-align:left;padding:24px;border-radius:14px;display:grid;grid-template-columns:94px minmax(0,1fr);column-gap:19px;align-items:center}
.pa-photo{grid-row:1/5;width:94px;height:112px;margin:0;border-radius:11px;overflow:hidden;background:var(--mist);border:1px solid var(--line)}
.pa-photo--placeholder{display:grid;place-items:center;color:var(--steel);font-size:12px;font-weight:750}
.pa-photo__img{width:100%;height:100%;object-fit:cover}
.pa-contact .cn{color:var(--navy);font-size:17px;font-weight:800}
.pa-contact .cr{color:var(--text-soft);font-size:13px;margin-top:2px}
.pa-contact .cmail{display:inline-block;color:var(--steel);font-size:13px;font-weight:700;margin-top:10px}
.pa-contact .cmail:hover{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
@media(max-width:1080px){
.phero--partner .phero-grid,.pa-platform-grid,.pa-competence-grid,.pa-journey-head,.pa-integration-grid{grid-template-columns:1fr;gap:44px}
.phero--partner .phero-copy,.pa-platform-copy,.pa-competence-intro{max-width:780px}
.pa-competence-intro{position:static}
.pa-product-frame,.pa-editorial-media{max-width:920px}
.pa-journey-track{grid-template-columns:1fr 1fr}
.pa-journey-step:nth-child(2){border-right:0}
.pa-journey-step:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media(max-width:720px){
.phero--partner{padding:70px 0 72px}
.phero--partner .phero-h1{font-size:clamp(38px,11vw,52px)}
.phero--partner .phero-actions{align-items:flex-start;flex-direction:column;gap:16px}
.phero--partner .btn{width:100%;justify-content:center}
.pa-platform,.pa-competence,.pa-journey,.pa-integration{padding:76px 0}
.pa-product-frame__bar{height:36px}
.pa-benefit{grid-template-columns:28px minmax(0,1fr)}
.pa-competence-row{grid-template-columns:50px minmax(0,1fr);gap:14px;padding-right:0}
.pa-competence-link{grid-column:2;justify-self:start;white-space:normal}
.pa-journey-track{grid-template-columns:1fr}
.pa-journey-step,.pa-journey-step:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}
.pa-journey-step:last-child{border-bottom:0}
.pa-cta-card{grid-template-columns:1fr;padding:38px 26px}
.pa-contact{grid-template-columns:82px minmax(0,1fr)}
.pa-photo{width:82px;height:100px}
}
@media(prefers-reduced-motion:reduce){
.phero--partner *, .pa-platform *, .pa-competence *, .pa-journey *, .pa-integration *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}
/* 1.32.4 – optionale Partnerschafts-Bento- und Praxisblöcke */
.pa-partnership{padding:100px 0;background:var(--navy);color:#fff}
.pa-partnership-head{max-width:780px}
.pa-partnership .eyebrow.steel{color:var(--amber-soft)}
.pa-partnership .pa-h2{color:#fff}
.pa-partnership .pa-p{color:rgba(255,255,255,.74)}
.pa-bento{display:grid;grid-template-columns:1.35fr .65fr .65fr;grid-template-rows:minmax(180px,1fr) minmax(180px,1fr);gap:16px;margin-top:48px}
.pa-bento--no-media{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}
.pa-bento-media{grid-row:1/3;margin:0;position:relative;overflow:hidden;min-height:390px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.pa-bento-media__img{width:100%;height:100%;object-fit:cover;display:block}
.pa-bento-media figcaption{position:absolute;left:18px;bottom:18px;max-width:calc(100% - 36px);padding:7px 11px;border-radius:999px;background:rgba(0,44,70,.84);color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em}
.pa-bento-media .pa-media-placeholder{height:100%;min-height:390px;background:repeating-linear-gradient(0deg,transparent 0 34px,rgba(255,255,255,.04) 35px),repeating-linear-gradient(90deg,transparent 0 34px,rgba(255,255,255,.04) 35px),rgba(255,255,255,.035);color:rgba(255,255,255,.72)}
.pa-bento-fact{min-height:180px;padding:26px;border-radius:18px;background:#fff;color:var(--navy);display:flex;flex-direction:column;justify-content:flex-end}
.pa-bento-fact--2{background:var(--amber)}
.pa-bento-fact--3{background:#dce8ed}
.pa-bento-fact--4{background:rgba(255,255,255,.09);color:#fff;border:1px solid rgba(255,255,255,.14)}
.pa-bento-value{font-family:var(--head);font-size:clamp(30px,3.2vw,48px);line-height:1;letter-spacing:-.025em;margin-bottom:14px}
.pa-bento-fact h3{font-family:var(--sans);font-size:15px;line-height:1.25;font-weight:850;letter-spacing:0}
.pa-bento-fact p{margin-top:7px;color:var(--text-soft);font-size:13.5px;line-height:1.5}
.pa-bento-fact--4 p{color:rgba(255,255,255,.68)}
.pa-cases{padding:104px 0;background:#fff}
.pa-cases-head{max-width:760px}
.pa-cases-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:18px;margin-top:46px;align-items:stretch}
.pa-cases-grid--no-quote{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.pa-case-quote{margin:0;padding:42px;border-radius:18px;background:var(--navy);color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:360px}
.pa-case-quote p{font-family:var(--head);font-size:clamp(26px,2.5vw,38px);line-height:1.25;letter-spacing:-.015em}
.pa-case-quote footer{margin-top:32px;color:var(--amber-soft);font-size:13px;font-weight:750;line-height:1.5}
.pa-case-card{overflow:hidden;border-radius:18px;border:1px solid var(--line);background:var(--mist);color:inherit;text-decoration:none;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}
.pa-case-card:is(a):hover,.pa-case-card:is(a):focus-visible{transform:translateY(-3px);box-shadow:0 22px 50px -38px rgba(0,44,70,.55)}
.pa-case-card__media{aspect-ratio:16/10;background:#e6eef2;overflow:hidden}
.pa-case-card__media .pa-media-placeholder{min-height:100%;height:100%}
.pa-case-card__img{width:100%;height:100%;object-fit:cover;display:block}
.pa-case-card__body{padding:25px;display:flex;flex:1;flex-direction:column}
.pa-case-card h3{font-family:var(--sans);font-size:20px;line-height:1.2;font-weight:850;letter-spacing:0}
.pa-case-card p{margin-top:9px;color:var(--text-soft);font-size:14px;line-height:1.55}
.pa-case-card__body>span{margin-top:auto;padding-top:20px;color:var(--navy);font-size:13px;font-weight:800}
@media(max-width:1040px){
.pa-bento{grid-template-columns:1fr 1fr;grid-template-rows:auto}
.pa-bento-media{grid-column:1/3;grid-row:auto;min-height:350px}
.pa-cases-grid{grid-template-columns:1fr 1fr}
.pa-case-quote{grid-column:1/3;min-height:280px}
}
@media(max-width:680px){
.pa-partnership,.pa-cases{padding:76px 0}
.pa-bento,.pa-bento--no-media,.pa-cases-grid,.pa-cases-grid--no-quote{grid-template-columns:1fr}
.pa-bento-media,.pa-case-quote{grid-column:auto;min-height:280px}
.pa-bento-fact{min-height:160px}
.pa-case-quote{padding:30px}
}
@media(prefers-reduced-motion:reduce){.pa-case-card{transition:none!important}}
/* 1.32.5 – Asana: Agentic-Work-Management-Signature und Services-Partner-Badge */
.pa-signature{padding:104px 0;background:var(--navy);color:#fff}
.pa-signature-head{max-width:820px}
.pa-signature .eyebrow.lt{color:var(--amber-soft)}
.pa-signature .pa-h2{color:#fff}
.pa-signature .pa-p{color:rgba(255,255,255,.74);max-width:780px}
.pa-signature-grid{display:grid;grid-template-columns:minmax(500px,1.12fr) minmax(360px,.88fr);gap:clamp(42px,6vw,78px);align-items:center;margin-top:50px}
.pa-signature-grid--no-media{grid-template-columns:minmax(0,820px)}
.pa-signature-stage{position:relative;min-height:430px;overflow:hidden;border-radius:18px;background:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:0 28px 70px -42px rgba(0,0,0,.8);display:grid;place-items:center}
.pa-signature-stage>.pa-media-placeholder{min-height:430px;width:100%}
.pa-signature-media{position:absolute;inset:0;margin:0;background:#fff;opacity:0;transform:translateY(8px);transition:opacity .28s ease,transform .28s ease;display:grid;place-items:center}
.pa-signature-media.is-active{opacity:1;transform:none}
.pa-signature-media[hidden]{display:grid}
.pa-signature-media__img{width:100%;height:100%;object-fit:contain;background:#fff}
.pa-signature-media figcaption{position:absolute;left:18px;bottom:18px;padding:7px 11px;border-radius:999px;background:rgba(0,44,70,.88);color:#fff;font-size:11px;font-weight:800;letter-spacing:.035em}
.pa-signature-steps{border-top:1px solid rgba(255,255,255,.18)}
.pa-signature-step{border-bottom:1px solid rgba(255,255,255,.18)}
.pa-signature-button{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 24px;gap:15px;align-items:start;padding:22px 0;border:0;background:none;color:#fff;text-align:left;font:inherit;cursor:pointer}
.pa-signature-number{padding-top:2px;color:var(--amber-soft);font-size:12px;font-weight:850;letter-spacing:.12em}
.pa-signature-label strong{display:block;font-family:var(--sans);font-size:18px;line-height:1.25;font-weight:850}
.pa-signature-label small{display:block;margin-top:6px;color:rgba(255,255,255,.62);font-size:13.5px;line-height:1.5}
.pa-signature-plus{font-size:24px;line-height:1;color:var(--amber);transition:transform .2s ease}
.pa-signature-step.is-active .pa-signature-plus{transform:rotate(45deg)}
.pa-signature-panel{padding:0 39px 22px 57px}
.pa-signature-panel p{color:rgba(255,255,255,.78);font-size:14.5px;line-height:1.62}
.pa-signature-step.is-active{box-shadow:inset 3px 0 0 var(--amber)}
.pa-signature-step.is-active .pa-signature-button{padding-left:16px;padding-right:12px}
.pa-partnership--badge{background:var(--mist);color:var(--navy);padding:78px 0}
.pa-partner-badge{display:grid;grid-template-columns:minmax(240px,.38fr) minmax(0,.62fr);gap:clamp(40px,6vw,82px);align-items:center;padding:42px 48px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 24px 58px -45px rgba(0,44,70,.5)}
.pa-partner-badge--no-media{grid-template-columns:minmax(0,820px)}
.pa-partner-badge__media{margin:0;min-height:170px;border-right:1px solid var(--line);padding-right:42px;display:grid;place-items:center}
.pa-partner-badge__media .pa-media-placeholder{min-height:160px}
.pa-partner-badge__img{max-width:100%;max-height:145px;width:auto;height:auto;object-fit:contain}
.pa-partner-badge__copy .eyebrow.steel{color:var(--steel)}
.pa-partner-badge__copy .pa-h2{color:var(--navy)}
.pa-partner-badge__copy .pa-p{color:var(--text-soft)}
@media(max-width:1080px){
.pa-signature-grid{grid-template-columns:1fr}
.pa-signature-stage{max-width:920px}
}
@media(max-width:760px){
.pa-signature{padding:76px 0}
.pa-signature-stage{min-height:280px}
.pa-signature-stage>.pa-media-placeholder{min-height:280px}
.pa-signature-panel{padding-left:57px;padding-right:10px}
.pa-partnership--badge{padding:62px 0}
.pa-partner-badge{grid-template-columns:1fr;padding:30px 26px}
.pa-partner-badge__media{min-height:120px;border-right:0;border-bottom:1px solid var(--line);padding:0 0 28px}
}
@media(prefers-reduced-motion:reduce){
.pa-signature-media,.pa-signature-plus{transition:none!important}
}
/* ============================================================
PLANISWARE HUB – ruhige Übersicht, zwei Produktpfade (1.40.20)
============================================================ */
.plh-hub{background:#fff;color:var(--navy)}
.plh-hero{padding:156px 0 92px;background:var(--navy);color:#fff;overflow:hidden}
.plh-hero-grid{display:grid;grid-template-columns:minmax(0,.96fr) minmax(390px,1.04fr);gap:clamp(48px,6vw,84px);align-items:center}
.plh-hero-grid--no-media{grid-template-columns:minmax(0,860px)}
.plh-brandline{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:28px}
.plh-logo-box{display:flex;align-items:center;justify-content:center;min-width:142px;min-height:46px;padding:7px 11px;border-radius:6px;background:#fff;border:0;box-shadow:none}
.plh-logo-box--placeholder{font-size:12px;font-weight:750;color:var(--steel)}
.plh-logo{display:block;max-width:176px;max-height:32px;width:auto;height:auto;object-fit:contain}
.plh-hero h1{font-size:clamp(44px,5vw,68px);line-height:1.02;color:#fff;font-weight:600;max-width:780px;letter-spacing:-.018em}
.plh-lede{max-width:720px;margin-top:25px;color:rgba(255,255,255,.80);font-size:clamp(17px,1.4vw,19px);line-height:1.66}
.plh-hero-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:42px;max-width:650px}
.plh-hero-paths a{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 22px;grid-template-areas:"logo arrow" "label arrow";column-gap:16px;align-items:center;padding:16px 0 14px;border-top:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.14);color:#fff;text-decoration:none;transition:border-color .2s ease}
.plh-hero-path-logo{grid-area:logo;display:flex;align-items:center;min-height:34px;margin-bottom:8px}
.plh-hero-path-logo strong{font-family:var(--sans);font-size:15px;line-height:1.2;color:#fff;font-weight:850}
.plh-hero-path-logo-img{display:block;max-width:156px;max-height:29px;width:auto;height:auto;object-fit:contain;background:#fff;border-radius:4px;padding:5px 8px}
.plh-hero-path-label{grid-area:label;color:rgba(255,255,255,.88);font-size:13.5px;line-height:1.3;font-weight:800}
.plh-hero-paths b{grid-area:arrow;align-self:center;font-size:20px;font-weight:500;color:var(--amber);transition:transform .2s ease}
.plh-hero-paths a:hover,.plh-hero-paths a:focus-visible{border-top-color:var(--amber);border-bottom-color:rgba(245,159,30,.55);outline:none}
.plh-hero-paths a:hover b,.plh-hero-paths a:focus-visible b{transform:translateX(4px)}
.plh-hero-media{position:relative;margin:0;min-height:390px;display:grid;place-items:center;overflow:hidden;background:transparent;border:0;border-radius:0;box-shadow:none}
.plh-hero-media:after{content:"";position:absolute;inset:auto 0 0 0;height:28%;background:linear-gradient(180deg,transparent,var(--navy));pointer-events:none}
.plh-hero-image{display:block;width:100%;height:100%;min-height:390px;max-height:520px;object-fit:contain}
.plh-media-placeholder{min-height:250px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;background:#f6f9fb;color:var(--steel);border:1px dashed rgba(80,116,143,.25)}
.plh-hero .plh-media-placeholder{min-height:390px;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.16);color:rgba(255,255,255,.7)}
.plh-media-placeholder strong{font-size:15px;color:inherit}.plh-media-placeholder small{margin-top:6px;font-size:12px;color:inherit;opacity:.72}
.plh-products{padding:104px 0 92px;background:#fff}
.plh-section-head{max-width:820px;margin:0 0 58px;text-align:left}
.plh-section-head h2,.plh-compare-head h2{font-size:clamp(34px,4vw,52px);line-height:1.08;margin-top:17px}
.plh-section-head p,.plh-compare-head>p{margin-top:18px;color:var(--text-soft);font-size:16.5px;line-height:1.68}
.plh-product-paths{border-top:1px solid var(--line)}
.plh-product-path{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:clamp(42px,6vw,82px);align-items:center;padding:58px 0;border-bottom:1px solid var(--line)}
.plh-product-path--reverse .plh-product-copy{order:2}.plh-product-path--reverse .plh-product-media{order:1}
.plh-product-copy{padding:0;max-width:530px}
.plh-product-brand{min-height:38px;display:flex;align-items:center}
.plh-product-logo{display:block;max-width:172px;max-height:32px;width:auto;height:auto;object-fit:contain}
.plh-product-kicker{font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:var(--steel)}
.plh-product-path h3{font-size:clamp(28px,3vw,39px);line-height:1.1;margin-top:17px}
.plh-product-path p{margin-top:15px;color:var(--text-soft);font-size:15.5px;line-height:1.65}
.plh-product-points{list-style:none;margin:23px 0 0;padding:0;border-top:1px solid var(--line)}
.plh-product-points li{position:relative;padding:11px 0 11px 25px;border-bottom:1px solid var(--line);font-size:13.5px;line-height:1.45;color:var(--navy);font-weight:700}
.plh-product-points li:before{content:"";position:absolute;left:3px;top:13px;width:6px;height:10px;border-right:1.7px solid var(--amber);border-bottom:1.7px solid var(--amber);transform:rotate(45deg)}
.plh-product-link{display:inline-flex;align-items:center;gap:10px;margin-top:27px;padding:0 0 5px;border:0;border-bottom:1px solid var(--amber);border-radius:0;font-size:13.5px;font-weight:850;text-decoration:none;color:var(--navy);transition:color .2s ease,border-color .2s ease}
.plh-product-link:hover,.plh-product-link:focus-visible{background:transparent;color:var(--steel);border-color:var(--steel);outline:none}
.plh-product-media{margin:0;min-height:300px;background:#f5f8fa;display:grid;place-items:center;overflow:hidden;border:0;border-radius:0;box-shadow:none}
.plh-product-image{display:block;width:100%;height:100%;min-height:300px;max-height:430px;object-fit:cover}
.plh-compare{padding:98px 0 100px;background:#f6f8fa}
.plh-compare-head{max-width:860px;margin-bottom:47px}
.plh-compare-table{border-top:1px solid rgba(0,44,70,.22)}
.plh-compare-row{display:grid;grid-template-columns:minmax(160px,.5fr) minmax(0,1fr) minmax(0,1fr);border-bottom:1px solid rgba(0,44,70,.13)}
.plh-compare-row>div{padding:22px 28px 22px 0;font-size:14px;line-height:1.55;color:var(--text-soft)}
.plh-compare-row>div+div{padding-left:28px;border-left:1px solid rgba(0,44,70,.1)}
.plh-compare-row>div:first-child{color:var(--navy)}
.plh-compare-row--head>div{padding-top:4px;padding-bottom:24px;color:var(--navy);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:78px}
.plh-compare-row--head>div:first-child{justify-content:flex-end}
.plh-compare-row--head span{font-size:10.5px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:var(--steel)}
.plh-compare-row--head strong{display:block;font-family:var(--head);font-size:21px;line-height:1.2}
.plh-compare-product-logo{display:block;max-width:172px;max-height:32px;width:auto;height:auto;object-fit:contain;margin-bottom:9px}
.plh-compare-row--head small{display:block;color:var(--steel);font-size:11.5px;line-height:1.35;font-weight:750}
.plh-compare-row:not(.plh-compare-row--head)>div:first-child strong{font-size:14px}
/* Planisware im Technologiepartner-Menü als Partner mit zwei Produktpfaden */
.mega-card-plat .mega-subline{display:block;margin-top:4px;color:rgba(255,255,255,.58);font-size:11.5px;font-weight:650;line-height:1.2}
@media(max-width:980px){
.plh-hero-grid{grid-template-columns:1fr;gap:44px}
.plh-hero-copy{max-width:800px}
.plh-product-path,.plh-product-path--reverse{grid-template-columns:1fr;gap:30px}
.plh-product-path--reverse .plh-product-copy,.plh-product-path--reverse .plh-product-media{order:initial}
.plh-product-copy{max-width:720px}
.plh-product-media{min-height:260px}.plh-product-image{min-height:260px}
}
@media(max-width:720px){
.plh-hero{padding:112px 0 70px}
.plh-hero h1{font-size:clamp(39px,11vw,52px)}
.plh-hero-paths{grid-template-columns:1fr;gap:10px;margin-top:34px}
.plh-hero-paths a{width:100%;padding:14px 0 13px}
.plh-hero-path-logo-img{max-width:142px;max-height:27px}
.plh-hero-media,.plh-hero-image,.plh-hero .plh-media-placeholder{min-height:250px}
.plh-products,.plh-compare{padding:72px 0}
.plh-section-head{margin-bottom:38px}
.plh-product-path{padding:42px 0}
.plh-product-media,.plh-product-image{min-height:220px}
.plh-compare-table{overflow-x:auto;padding-bottom:4px}
.plh-compare-row{min-width:720px;grid-template-columns:150px 1fr 1fr}
.plh-compare-row>div{padding:18px 18px 18px 0}.plh-compare-row>div+div{padding-left:18px}
}
@media(prefers-reduced-motion:reduce){
.plh-hero-paths b,.plh-product-link{transition:none!important}
}
/* ===== Branchenseiten 1.33.0 – harmonisierte B2B-Struktur ===== */
.lbx .branch-text-link{display:inline-flex;align-items:center;align-self:center;color:#fff;text-decoration:none;font-weight:800;font-size:14.5px;padding:13px 2px;border-bottom:2px solid var(--amber)}
.lbx .branch-text-link:hover,.lbx .branch-text-link:focus-visible{color:var(--amber-soft)}
.lbx .sec-head.left{margin:0 0 50px;text-align:left}
.lbx .driver-img{overflow:hidden;position:relative}
.lbx .driver-img img{width:100%;height:100%;object-fit:cover;display:block}
.lbx .driver-img.no-image{display:grid;place-items:center;background:linear-gradient(145deg,var(--navy),var(--navy-3));color:rgba(255,255,255,.1)}
.lbx .driver-img.no-image::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:34px 34px}
.lbx .driver-img.no-image span{position:relative;font-family:var(--serif);font-size:68px;font-weight:700;color:rgba(255,255,255,.18)}
.lbx .branch-competence-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:72px;align-items:start}
.lbx .branch-competence-intro{position:sticky;top:110px}
.lbx .branch-competence-intro h2{font-size:clamp(32px,3.7vw,48px);margin-top:16px}
.lbx .branch-competence-intro p{color:var(--text-soft);font-size:17px;margin-top:18px}
.lbx .branch-competence-list{border-top:1px solid var(--hair)}
.lbx .branch-competence-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:22px;align-items:center;padding:28px 18px 28px 0;border-bottom:1px solid var(--hair);text-decoration:none;transition:padding .18s ease,background .18s ease}
.lbx .branch-competence-row:hover,.lbx .branch-competence-row:focus-visible{padding-left:16px;background:rgba(255,255,255,.72)}
.lbx .branch-competence-no{font-family:var(--serif);font-size:30px;color:var(--steel)}
.lbx .branch-competence-copy b{display:block;color:var(--navy);font-size:18px}
.lbx .branch-competence-copy small{display:block;color:var(--text-soft);font-size:14.5px;line-height:1.55;margin-top:6px}
.lbx .branch-competence-link{font-size:12.5px;font-weight:800;color:var(--navy);border-bottom:2px solid var(--amber);padding-bottom:4px;white-space:nowrap}
.lbx .branch-journey-track{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.lbx .branch-step{position:relative;min-height:240px;padding:30px 26px 34px;border-right:1px solid var(--hair)}
.lbx .branch-step:last-child{border-right:0}
.lbx .branch-step::before{content:"";position:absolute;top:-2px;left:0;width:48px;height:3px;background:var(--amber)}
.lbx .branch-step-no{font-size:12px;font-weight:900;letter-spacing:.14em;color:var(--amber)}
.lbx .branch-step h4{font-family:var(--sans);font-size:18px;font-weight:800;letter-spacing:0;margin-top:20px}
.lbx .branch-step p{color:var(--text-soft);font-size:14.5px;margin-top:11px}
.lbx .branch-partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}
.lbx .branch-partner-card{background:var(--paper);border:1px solid var(--hair);border-radius:20px;padding:30px;display:flex;flex-direction:column;min-height:390px;box-shadow:0 18px 40px -34px rgba(0,44,70,.45);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.lbx .branch-partner-card:hover{transform:translateY(-3px);border-color:rgba(245,159,30,.48);box-shadow:0 26px 52px -34px rgba(0,44,70,.55)}
.lbx .branch-partner-top{min-height:54px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.lbx .branch-partner-logo{height:42px;display:flex;align-items:center}
.lbx .branch-partner-logo img{max-height:40px;max-width:150px;width:auto}
.lbx .branch-partner-tag{font-size:10.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);text-align:right}
.lbx .branch-partner-card h4{font-size:28px;margin-top:16px}
.lbx .branch-partner-card p{color:var(--text-soft);font-size:14.5px;margin-top:12px}
.lbx .branch-partner-fit{margin-top:22px;padding-top:17px;border-top:1px solid var(--hair);color:var(--steel);font-size:13.5px;font-weight:700}
.lbx .branch-partner-link{display:inline-flex;margin-top:auto;padding-top:22px;color:var(--navy);font-weight:800;font-size:13.5px;text-decoration:none}
.lbx .branch-partner-link:hover{color:var(--amber)}
.lbx .branch-references{background:#fff}
.lbx .branch-cta-card{text-align:left;padding:58px 62px}
.lbx .branch-cta-card h2{max-width:760px}
.lbx .branch-cta-card p{max-width:720px;margin:18px 0 30px}
@media(max-width:980px){
.lbx .branch-competence-grid{grid-template-columns:1fr;gap:34px}
.lbx .branch-competence-intro{position:static}
.lbx .branch-journey-track,.lbx .branch-partner-grid{grid-template-columns:1fr 1fr}
.lbx .branch-step:nth-child(2){border-right:0}
.lbx .branch-step:nth-child(-n+2){border-bottom:1px solid var(--hair)}
}
@media(max-width:620px){
.lbx .branch-competence-row{grid-template-columns:48px 1fr;gap:14px}
.lbx .branch-competence-link{grid-column:2;justify-self:start;margin-top:3px;white-space:normal}
.lbx .branch-journey-track,.lbx .branch-partner-grid{grid-template-columns:1fr}
.lbx .branch-step,.lbx .branch-step:nth-child(2){border-right:0;border-bottom:1px solid var(--hair)}
.lbx .branch-step:last-child{border-bottom:0}
.lbx .branch-partner-card{min-height:0}
.lbx .branch-cta-card{padding:38px 26px}
}
/* 1.33.2 – optionaler, datierter Branchenkontext mit transparenter Quelle */
.lbx .branch-context-note{display:grid;grid-template-columns:minmax(150px,.24fr) minmax(0,.76fr);gap:28px;align-items:start;margin:-18px 0 42px;padding:22px 25px;border-left:4px solid var(--amber);background:var(--mist);border-radius:0 14px 14px 0}
.lbx .branch-context-note>span{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--steel);padding-top:3px}
.lbx .branch-context-note p{margin:0;color:var(--navy);font-size:14.5px;line-height:1.62;font-weight:650}
.lbx .branch-context-note a{display:inline-block;margin-left:6px;color:var(--navy);font-weight:850;text-decoration:none;border-bottom:2px solid var(--amber)}
.lbx .branch-context-note a:hover,.lbx .branch-context-note a:focus-visible{color:var(--steel)}
@media(max-width:680px){.lbx .branch-context-note{grid-template-columns:1fr;gap:8px;margin-top:-24px;padding:20px}.lbx .branch-context-note a{margin-left:0;margin-top:7px}}
/* 1.33.3 – optionaler großer Branchen-Schriftzug im Hero */
.lbx .hero.has-backdrop .wrap{z-index:3}
.lbx .branch-hero-backdrop{position:absolute;z-index:2;right:clamp(18px,3.5vw,64px);bottom:clamp(34px,5vw,76px);max-width:94%;font-family:var(--serif);font-size:clamp(66px,9.6vw,158px);font-weight:700;line-height:.78;letter-spacing:-.045em;text-transform:uppercase;text-align:right;color:rgba(255,255,255,.055);pointer-events:none;user-select:none;white-space:normal}
.lbx .hero.has-panel .branch-hero-backdrop{right:1.6vw;bottom:22px;font-size:clamp(60px,8.8vw,146px)}
@media(max-width:900px){.lbx .branch-hero-backdrop,.lbx .hero.has-panel .branch-hero-backdrop{right:14px;bottom:24px;font-size:clamp(54px,16vw,112px);color:rgba(255,255,255,.045)}}
@media(prefers-reduced-motion:reduce){.lbx .branch-hero-backdrop{transform:none}}
/* 1.33.4 – branchenübergreifender Fragenkompass und größere Plattformauswahl */
.lbx .branch-partner-grid.is-many{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.lbx .branch-partner-grid.is-many .branch-partner-card{min-height:420px}
.lbx .branch-compass{background:linear-gradient(180deg,#fff 0%,var(--mist) 100%)}
.lbx .branch-compass-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:66px;align-items:start}
.lbx .branch-compass-visual{position:sticky;top:110px;margin:0;background:var(--navy);border-radius:24px;overflow:hidden;box-shadow:0 32px 70px -42px rgba(0,44,70,.72)}
.lbx .branch-compass-visual img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.lbx .branch-compass-visual figcaption{padding:17px 22px;color:#fff;font-size:12px;font-weight:850;letter-spacing:.09em;text-transform:uppercase;border-top:1px solid rgba(255,255,255,.13)}
.lbx .branch-compass-placeholder{aspect-ratio:4/5;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.12)}
.lbx .branch-compass-placeholder span{display:grid;place-items:center;background:var(--navy);font-family:var(--serif);font-size:48px;color:rgba(255,255,255,.16)}
.lbx .branch-compass-list{border-top:1px solid var(--hair)}
.lbx .branch-compass-item{padding:30px 0;border-bottom:1px solid var(--hair)}
.lbx .branch-compass-meta{display:flex;align-items:center;gap:14px;color:var(--steel);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.lbx .branch-compass-meta span{color:var(--amber)}
.lbx .branch-compass-item h3{font-family:var(--sans);font-size:clamp(22px,2.4vw,30px);font-weight:820;letter-spacing:-.02em;margin:12px 0 18px}
.lbx .branch-compass-cols{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.lbx .branch-compass-cols small{display:block;color:var(--steel);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}
.lbx .branch-compass-cols p{margin:0;color:var(--text-soft);font-size:14.5px;line-height:1.58}
.lbx .branch-compass-item>a{display:inline-block;margin-top:18px;color:var(--navy);font-size:13px;font-weight:850;text-decoration:none;border-bottom:2px solid var(--amber);padding-bottom:3px}
.lbx .branch-compass-item>a:hover{color:var(--steel)}
@media(max-width:920px){.lbx .branch-compass-grid{grid-template-columns:1fr;gap:36px}.lbx .branch-compass-visual{position:relative;top:auto;max-width:520px}.lbx .branch-compass-visual img{aspect-ratio:16/9}.lbx .branch-partner-grid.is-many .branch-partner-card{min-height:0}}
@media(max-width:620px){.lbx .branch-compass-cols{grid-template-columns:1fr;gap:16px}}
/* 1.33.5 – Editorialer Success-Story-Bereich für „Ihre Branche“ */
.lbx .branch-references.is-editorial{background:linear-gradient(180deg,#fff 0%,#f5f8fa 100%)}
.lbx .ref-editorial-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:24px;align-items:start;margin-top:42px}
.lbx .ref-lead{display:grid;grid-template-columns:1fr 1.05fr;min-height:560px;background:var(--navy);border-radius:24px;overflow:hidden;text-decoration:none;box-shadow:0 34px 76px -44px rgba(0,44,70,.72)}
.lbx .ref-lead-media{position:relative;min-height:100%;overflow:hidden;background:linear-gradient(145deg,#153f58,#002c46)}
.lbx .ref-lead-media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.78)}
.lbx .ref-lead-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,44,70,.02),rgba(0,44,70,.32));pointer-events:none}
.lbx .ref-lead-placeholder{height:100%;min-height:560px;display:grid;place-items:center;background:radial-gradient(circle at 32% 28%,rgba(245,159,30,.28),transparent 28%),linear-gradient(145deg,#50748f,#002c46)}
.lbx .ref-lead-placeholder .ic{width:86px;height:86px;color:rgba(255,255,255,.36)}
.lbx .ref-lead-content{display:flex;flex-direction:column;justify-content:center;padding:46px;color:#fff}
.lbx .ref-lead .ref-case-tag{color:var(--amber)}
.lbx .ref-lead h3{font-size:clamp(29px,3vw,42px);line-height:1.08;color:#fff;margin:10px 0 18px}
.lbx .ref-lead p{color:rgba(255,255,255,.76);font-size:15.5px;line-height:1.65;margin:0}
.lbx .ref-lead .ref-case-link{color:#fff;margin-top:24px}
.lbx .ref-story-list{display:grid;gap:16px}
.lbx .ref-story{display:block;background:#fff;border:1px solid var(--hair);border-radius:20px;padding:24px;text-decoration:none;box-shadow:var(--shadow-soft);transition:transform .18s,box-shadow .18s,border-color .18s}
.lbx .ref-story:hover{transform:translateY(-3px);box-shadow:0 26px 50px -30px rgba(0,44,70,.55);border-color:rgba(80,116,143,.38)}
.lbx .ref-story h4{font-size:19px;line-height:1.25;margin:8px 0}
.lbx .ref-story p{font-size:13.8px;line-height:1.55;color:var(--text-soft);margin:0}
.lbx .ref-result{margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.16)}
.lbx .ref-result small{display:block;font-size:9.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin-bottom:7px}
.lbx .ref-result strong{display:block;font-size:14.5px;line-height:1.5;color:#fff}
.lbx .ref-result.compact{margin-top:16px;padding-top:14px;border-top:1px solid var(--hair)}
.lbx .ref-result.compact strong{font-size:13.3px;color:var(--navy)}
.lbx .ref-quotes.is-editorial-quote{margin:28px 0 0;grid-template-columns:1fr}
.lbx .ref-quotes.is-editorial-quote .ref-quote{background:var(--navy);color:#fff;border-radius:22px;padding:34px 40px;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center}
.lbx .ref-quotes.is-editorial-quote blockquote{font-size:clamp(20px,2.4vw,30px);line-height:1.28;color:#fff;margin:0}
.lbx .ref-quotes.is-editorial-quote figcaption{min-width:230px}
.lbx .ref-quotes.is-editorial-quote figcaption b,.lbx .ref-quotes.is-editorial-quote figcaption span{color:#fff}
@media(max-width:1040px){.lbx .ref-editorial-grid{grid-template-columns:1fr}.lbx .ref-lead{min-height:500px}.lbx .ref-story-list{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.lbx .ref-lead{grid-template-columns:1fr;min-height:0}.lbx .ref-lead-media,.lbx .ref-lead-placeholder{min-height:300px}.lbx .ref-story-list{grid-template-columns:1fr}.lbx .ref-quotes.is-editorial-quote .ref-quote{grid-template-columns:auto 1fr}.lbx .ref-quotes.is-editorial-quote figcaption{grid-column:2;min-width:0}}
@media(max-width:560px){.lbx .ref-lead-content{padding:30px 24px}.lbx .ref-lead-media,.lbx .ref-lead-placeholder{min-height:240px}.lbx .ref-quotes.is-editorial-quote .ref-quote{padding:26px 22px;grid-template-columns:1fr}.lbx .ref-quotes.is-editorial-quote figcaption{grid-column:auto}}
.lbx .ref-all-stories{display:flex;justify-content:flex-end;margin-top:22px}
.lbx .ref-all-stories a{display:inline-flex;align-items:center;gap:8px;color:var(--navy);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(0,44,70,.28);padding-bottom:4px}
.lbx .ref-all-stories a:hover{color:var(--amber);border-color:var(--amber)}
.lbx .ref-all-stories .ic{width:18px;height:18px}
@media(max-width:560px){.lbx .ref-all-stories{justify-content:flex-start}}
/* ============================================================
1.33.7 – „Ihre Branche“: interaktive Problemfelder + Success-Story-Grid
============================================================ */
.lbx .branch-issue-section{
background:#f6f8fa;
}
.lbx .branch-issue-section .sec-head{max-width:820px}
.lbx .branch-issue-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
margin-top:42px;
align-items:start;
}
.lbx .branch-issue-card{
min-width:0;
background:#fff;
border:1px solid rgba(0,44,70,.14);
border-radius:6px;
overflow:hidden;
transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.lbx .branch-issue-card:hover{
border-color:rgba(0,44,70,.34);
box-shadow:0 18px 42px -36px rgba(0,44,70,.52);
transform:translateY(-2px);
}
.lbx .branch-issue-card.is-open{
border-color:rgba(0,44,70,.32);
box-shadow:0 22px 52px -40px rgba(0,44,70,.52);
}
.lbx .branch-issue-trigger{
appearance:none;
width:100%;
min-height:268px;
border:0;
background:transparent;
color:var(--navy);
font:inherit;
text-align:left;
padding:30px;
display:flex;
flex-direction:column;
cursor:pointer;
}
.lbx .branch-issue-trigger:focus-visible{
outline:2px solid var(--navy);
outline-offset:-4px;
}
.lbx .branch-issue-meta{
display:flex;
align-items:center;
gap:13px;
}
.lbx .branch-issue-no{
color:var(--steel);
font-size:11px;
font-weight:900;
letter-spacing:.14em;
}
.lbx .branch-issue-kicker{
color:var(--steel);
font-size:11px;
font-weight:900;
letter-spacing:.11em;
text-transform:uppercase;
}
.lbx .branch-issue-title{
display:block;
max-width:560px;
margin-top:34px;
padding-right:34px;
font-family:var(--serif);
font-size:clamp(28px,3vw,42px);
line-height:1.08;
letter-spacing:-.033em;
color:var(--navy);
}
.lbx .branch-issue-toggle{
position:relative;
width:38px;
height:38px;
margin-top:auto;
align-self:flex-end;
border:1px solid rgba(0,44,70,.22);
border-radius:50%;
transition:border-color .18s ease,background .18s ease;
}
.lbx .branch-issue-toggle::before,
.lbx .branch-issue-toggle::after{
content:"";
position:absolute;
left:50%;
top:50%;
width:13px;
height:1.5px;
background:var(--navy);
transform:translate(-50%,-50%);
transition:background .18s ease,opacity .18s ease;
}
.lbx .branch-issue-toggle::after{transform:translate(-50%,-50%) rotate(90deg)}
.lbx .branch-issue-trigger:hover .branch-issue-toggle,
.lbx .branch-issue-trigger:focus-visible .branch-issue-toggle,
.lbx .branch-issue-card.is-open .branch-issue-toggle{
border-color:var(--amber);
}
.lbx .branch-issue-trigger:hover .branch-issue-toggle::before,
.lbx .branch-issue-trigger:hover .branch-issue-toggle::after,
.lbx .branch-issue-trigger:focus-visible .branch-issue-toggle::before,
.lbx .branch-issue-trigger:focus-visible .branch-issue-toggle::after,
.lbx .branch-issue-card.is-open .branch-issue-toggle::before{
background:var(--amber);
}
.lbx .branch-issue-card.is-open .branch-issue-toggle::after{opacity:0}
.lbx .branch-issue-panel{
padding:0 30px 30px;
}
.lbx .branch-issue-panel[hidden]{display:none!important}
.lbx .branch-issue-detail{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:28px;
padding-top:26px;
border-top:1px solid rgba(0,44,70,.14);
}
.lbx .branch-issue-copy small{
display:block;
margin-bottom:9px;
color:var(--steel);
font-size:10px;
font-weight:900;
letter-spacing:.13em;
text-transform:uppercase;
}
.lbx .branch-issue-copy p{
margin:0;
color:var(--text-soft);
font-size:14.5px;
line-height:1.64;
}
.lbx .branch-issue-link{
display:inline-flex;
align-items:center;
gap:8px;
margin-top:25px;
color:var(--navy);
font-size:13px;
font-weight:850;
text-decoration:none;
border-bottom:1px solid rgba(0,44,70,.28);
padding-bottom:4px;
}
.lbx .branch-issue-link:hover,
.lbx .branch-issue-link:focus-visible{color:var(--amber);border-color:var(--amber);outline:none}
.lbx .branch-issue-link .ic{width:17px;height:17px}
/* „Ihre Branche“ – Dienstleistungen bewusst als Editorial-Liste statt weiterer Karten. */
.lbx .branch-services{background:#fff}
.lbx .branch-services-layout{
display:grid;
grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);
gap:clamp(54px,8vw,120px);
align-items:start;
}
.lbx .branch-services-head{position:sticky;top:118px}
.lbx .branch-services-head h2{
margin:16px 0 18px;
max-width:520px;
font-family:var(--serif);
font-size:clamp(34px,4.5vw,58px);
line-height:1.04;
letter-spacing:-.04em;
color:var(--navy);
}
.lbx .branch-services-head p{max-width:500px;margin:0;color:var(--text-soft);font-size:16px;line-height:1.67}
.lbx .branch-services-overview{
display:inline-flex;
align-items:center;
gap:8px;
margin-top:28px;
color:var(--navy);
font-weight:800;
text-decoration:none;
border-bottom:1px solid rgba(0,44,70,.28);
padding-bottom:4px;
}
.lbx .branch-services-overview:hover,.lbx .branch-services-overview:focus-visible{color:var(--amber);border-color:var(--amber);outline:none}
.lbx .branch-services-overview .ic{width:18px;height:18px}
.lbx .branch-services-list{border-top:1px solid rgba(0,44,70,.18)}
.lbx .branch-service-row{
display:grid;
grid-template-columns:48px minmax(0,1fr) 30px;
gap:18px;
align-items:center;
padding:24px 0;
border-bottom:1px solid rgba(0,44,70,.18);
color:var(--navy);
text-decoration:none;
}
.lbx .branch-service-no{font-size:11px;font-weight:900;letter-spacing:.14em;color:var(--steel)}
.lbx .branch-service-main{display:flex;flex-direction:column;gap:6px;min-width:0}
.lbx .branch-service-main strong{font-family:var(--serif);font-size:clamp(21px,2vw,28px);line-height:1.14;letter-spacing:-.025em;font-weight:700}
.lbx .branch-service-main>span{color:var(--text-soft);font-size:14px;line-height:1.45}
.lbx .branch-service-arrow{display:flex;justify-content:flex-end;color:var(--steel);transition:transform .18s ease,color .18s ease}
.lbx .branch-service-arrow .ic{width:21px;height:21px}
.lbx .branch-service-row:hover .branch-service-arrow,.lbx .branch-service-row:focus-visible .branch-service-arrow{color:var(--amber);transform:translateX(4px)}
.lbx .branch-service-row:hover .branch-service-main strong,.lbx .branch-service-row:focus-visible .branch-service-main strong{color:var(--steel)}
.lbx .branch-service-row:focus-visible{outline:2px solid var(--navy);outline-offset:5px}
.lbx .branch-references.is-success-grid{
background:#fff;
}
.lbx .branch-references.is-success-grid .sec-head{max-width:900px}
.lbx .ref-success-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:20px;
margin-top:42px;
}
.lbx .ref-success-grid .ss-card{min-width:0}
.lbx .ref-success-grid .ss-thumb{height:178px!important}
.lbx .ref-success-grid .ss-body{padding:22px 21px 24px}
.lbx .ref-success-grid .ss-card h2{
font-size:19px;
line-height:1.2;
margin-top:8px;
}
.lbx .ref-success-grid .ss-excerpt{
display:-webkit-box;
-webkit-line-clamp:4;
-webkit-box-orient:vertical;
overflow:hidden;
}
.lbx .ref-testimonial-strips{margin-top:32px}
.lbx .ref-testimonial-strip{
margin:0;
padding:29px 32px 29px 36px;
border-left:4px solid var(--amber);
border-top:1px solid var(--hair);
border-right:1px solid var(--hair);
border-bottom:1px solid var(--hair);
border-radius:0 18px 18px 0;
background:linear-gradient(90deg,#f7fafc 0%,#fff 72%);
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:38px;
align-items:center;
}
.lbx .ref-testimonial-strip blockquote{
margin:0;
color:var(--navy);
font-family:var(--serif);
font-size:clamp(21px,2.2vw,30px);
line-height:1.3;
font-style:normal;
}
.lbx .ref-testimonial-strip figcaption{
min-width:240px;
padding-left:24px;
border-left:1px solid var(--hair);
}
.lbx .ref-testimonial-strip figcaption b,
.lbx .ref-testimonial-strip figcaption span{display:block}
.lbx .ref-testimonial-strip figcaption b{color:var(--navy);font-size:14px}
.lbx .ref-testimonial-strip figcaption span{margin-top:5px;color:var(--steel);font-size:12.5px;line-height:1.45}
@media(max-width:1120px){
.lbx .ref-success-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.lbx .ref-success-grid .ss-thumb{height:210px!important}
}
@media(max-width:900px){
.lbx .branch-issue-grid{grid-template-columns:1fr}
.lbx .branch-services-layout{grid-template-columns:1fr;gap:42px}
.lbx .branch-services-head{position:static}
}
@media(max-width:780px){
.lbx .ref-testimonial-strip{grid-template-columns:1fr;gap:22px}
.lbx .ref-testimonial-strip figcaption{min-width:0;padding-left:0;padding-top:18px;border-left:0;border-top:1px solid var(--hair)}
}
@media(max-width:620px){
.lbx .branch-issue-grid{margin-top:32px;gap:14px}
.lbx .branch-issue-trigger{min-height:230px;padding:24px 22px}
.lbx .branch-issue-title{margin-top:28px;padding-right:10px;font-size:31px}
.lbx .branch-issue-panel{padding:0 22px 24px}
.lbx .branch-issue-detail{grid-template-columns:1fr;gap:20px;padding-top:22px}
.lbx .branch-service-row{grid-template-columns:36px minmax(0,1fr) 24px;gap:12px;padding:20px 0}
.lbx .branch-service-main strong{font-size:22px}
.lbx .ref-success-grid{grid-template-columns:1fr}
.lbx .ref-success-grid .ss-thumb{height:210px!important}
.lbx .ref-testimonial-strip{padding:25px 22px 25px 25px}
}
/* ============================================================
1.34.0 – Einheitliche Beitragsbilder / Logos
Standard-Kartenformat 8:5. Logos immer separat mit contain.
============================================================ */
.ss-thumb,.wp-card-thumb{height:auto!important;aspect-ratio:8/5;flex:0 0 auto;overflow:hidden;background:var(--navy-2)}
.ss-thumb>img,.wp-card-thumb>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.ss-customer-mark{position:absolute;left:14px;bottom:12px;z-index:2;display:flex;align-items:center;justify-content:center;min-width:70px;max-width:min(58%,190px);height:38px;padding:6px 11px;border-radius:10px;background:rgba(255,255,255,.96);box-shadow:0 8px 22px -12px rgba(0,18,30,.55)}
.ss-customer-mark .ss-customer-logo,.ss-customer-mark img{display:block!important;width:auto!important;max-width:100%!important;height:24px!important;max-height:24px!important;object-fit:contain!important;object-position:center!important;transform:none!important;filter:none!important}
.ss-card:hover .ss-customer-mark img{transform:none!important}
/* Native Gutenberg Query Loops / Beitragsbild-Blöcke */
.wp-block-query .wp-block-post-featured-image{position:relative;overflow:hidden;aspect-ratio:8/5;margin:0;background:var(--mist-2)}
.wp-block-query .wp-block-post-featured-image>a{display:block;width:100%;height:100%}
.wp-block-query .wp-block-post-featured-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.wp-block-post-featured-image.is-style-logo-contain{display:grid;place-items:center;background:#fff;padding:18px;aspect-ratio:8/5;border:1px solid var(--line);border-radius:14px}
.wp-block-post-featured-image.is-style-logo-contain>a{display:grid;place-items:center;width:100%;height:100%}
.wp-block-post-featured-image.is-style-logo-contain img{width:100%!important;height:100%!important;max-width:82%!important;max-height:72%!important;object-fit:contain!important;object-position:center!important}
@media(max-width:640px){.ss-thumb,.wp-card-thumb,.wp-block-query .wp-block-post-featured-image{aspect-ratio:16/10}.ss-customer-mark{height:34px;max-width:62%}.ss-customer-mark .ss-customer-logo,.ss-customer-mark img{height:21px!important;max-height:21px!important}}
/* ============================================================
1.34.0 – Kompetenzseiten (PMO / Ressourcenmanagement)
Inhalt aus den gelieferten VS2-Seiten, visuell in Le-Bihan-CI integriert.
============================================================ */
.lbcx{--cx-line:rgba(0,44,70,.13)}
.lbcx .sec-head.left{max-width:790px;margin:0 0 42px;text-align:left}
.lbcx .sec-head.left h2{font-size:clamp(34px,4.3vw,54px);margin-top:16px}
.lbcx .sec-head.left p{font-size:17px;line-height:1.68}
.lbcx-helper{font-size:13px!important;color:var(--steel)!important;font-weight:700;margin-top:10px!important}
.lbcx-hero{position:relative;background:linear-gradient(145deg,var(--deep),var(--navy) 58%,var(--navy-2));color:#fff;padding:172px 0 0;overflow:hidden}
.lbcx-hero::after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-180px;top:80px;background:radial-gradient(circle,rgba(245,159,30,.18),transparent 68%);pointer-events:none}
.lbcx-hero .wrap{position:relative;z-index:2}
.lbcx-hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(380px,.96fr);gap:62px;align-items:center;padding-bottom:58px}
.lbcx-crumb{font-size:12px;font-weight:700;color:rgba(255,255,255,.58);margin-bottom:20px}
.lbcx-hero h1{color:#fff;font-size:clamp(44px,5vw,70px);line-height:.98;margin:22px 0 24px;max-width:720px}
.lbcx-lede{font-size:19px;color:rgba(255,255,255,.82);max-width:650px;line-height:1.65}
.lbcx-lede-secondary{font-size:17px;margin-top:12px;color:rgba(255,255,255,.7)}
.lbcx-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}
.lbcx-hero-visual{position:relative;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:26px;backdrop-filter:blur(10px);box-shadow:var(--shadow)}
.lbcx-visual-label{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;font-weight:850;color:rgba(255,255,255,.62);margin-bottom:22px}
.lbcx-bar-chart{position:relative;padding-top:12px;display:grid;gap:18px}
.lbcx-target-line{position:absolute;top:0;bottom:0;width:1px;border-left:1px dashed rgba(255,255,255,.38);z-index:1}
.lbcx-target-line i{position:absolute;top:-18px;left:50%;transform:translateX(-50%);font-style:normal;white-space:nowrap;font-size:9.5px;font-weight:800;color:rgba(255,255,255,.58)}
.lbcx-bar-row{display:grid;grid-template-columns:minmax(100px,1.05fr) minmax(130px,1.8fr) 48px;gap:12px;align-items:center;position:relative;z-index:2}
.lbcx-bar-name{font-size:12px;font-weight:700;color:#fff;line-height:1.25}
.lbcx-bar-track{height:14px;background:rgba(255,255,255,.1);border-radius:5px;overflow:hidden}
.lbcx-bar-track i{display:block;height:100%;border-radius:5px;background:var(--steel)}
.lbcx-bar-track i.is-alert{background:var(--amber)}
.lbcx-bar-row b{font-size:12px;color:rgba(255,255,255,.78)}
.lbcx-highlight-grid{border-top:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:24px 0 54px}
.lbcx-highlight{display:block;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:20px 22px;transition:.25s;background:rgba(255,255,255,.025)}
.lbcx-highlight:hover{background:rgba(255,255,255,.07);border-color:rgba(245,159,30,.46);transform:translateY(-3px)}
.lbcx-highlight span{font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:var(--amber-soft)}
.lbcx-highlight h3{font-size:21px;color:#fff;margin:8px 0 5px}
.lbcx-highlight p{font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.66)}
.lbcx-problem{background:var(--mist);padding:96px 0}
.lbcx-problem-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:68px;align-items:center}
.lbcx-pull{font-family:var(--serif);font-size:clamp(32px,3.5vw,46px);line-height:1.13;color:var(--navy)}
.lbcx-pull em{color:var(--amber);font-style:normal}
.lbcx-problem-copy{display:grid;gap:15px}
.lbcx-problem-copy p{font-size:16.5px;line-height:1.72;color:var(--text-soft)}
.lbcx-tabs-section,.lbcx-split-section,.lbcx-grid-section,.lbcx-stages-section,.lbcx-platform-section,.lbcx-engagement-section,.lbcx-related-section{padding:104px 0}
.lbcx-split-section,.lbcx-stages-section,.lbcx-related-section,.lbcx-offers{background:var(--mist)}
.lbcx-tablist{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.lbcx-tab-btn{appearance:none;border:1px solid var(--cx-line);background:#fff;color:var(--text-soft);border-radius:999px;padding:11px 19px;font-family:var(--sans);font-weight:800;font-size:13px;cursor:pointer;transition:.2s}
.lbcx-tab-btn:hover{border-color:var(--amber);color:var(--navy)}
.lbcx-tab-btn.is-active{background:var(--navy);border-color:var(--navy);color:#fff}
.lbcx-tab-panel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:38px;padding:34px;border:1px solid var(--cx-line);border-radius:18px;background:#fff;box-shadow:0 18px 48px -38px rgba(0,44,70,.42)}
.lbcx-tab-panel[hidden]{display:none!important}
.lbcx-tag{display:block;font-size:10.5px;font-weight:850;letter-spacing:.11em;text-transform:uppercase;color:var(--amber);margin-bottom:8px}
.lbcx-tab-panel h3,.lbcx-split-card h3{font-size:27px;margin-bottom:10px}
.lbcx-tab-panel p,.lbcx-split-card p{font-size:15.5px;line-height:1.66;color:var(--text-soft)}
.lbcx-when{border-left:3px solid var(--amber);padding-left:18px;margin-top:22px}
.lbcx-when b{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--steel);margin-bottom:10px}
.lbcx-when ul,.lbcx-side ul,.lbcx-split-card ul,.lbcx-stages ul{list-style:none;display:grid;gap:9px}
.lbcx-when li,.lbcx-side li,.lbcx-split-card li{font-size:14px;color:var(--text-soft);display:flex;gap:8px;line-height:1.5}
.lbcx-when li::before,.lbcx-side li::before,.lbcx-split-card li::before{content:"→";color:var(--amber);font-weight:900;flex:none}
.lbcx-side{background:var(--mist);border-radius:14px;padding:24px}
.lbcx-side>span{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-mute);font-weight:850;margin-bottom:10px}
.lbcx-side p{font-size:14px;margin:0;color:var(--text-soft)}
.lbcx-split-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.lbcx-split-card{border:1px solid var(--cx-line);background:#fff;border-radius:20px;padding:34px;display:flex;flex-direction:column;min-height:390px}
.lbcx-split-card.is-dark{background:linear-gradient(150deg,var(--navy),var(--deep));color:#fff;border-color:transparent}
.lbcx-split-card.is-dark h3{color:#fff}.lbcx-split-card.is-dark p,.lbcx-split-card.is-dark li{color:rgba(255,255,255,.78)}
.lbcx-split-card ul{margin-top:auto;padding-top:22px}
.lbcx-note{margin-top:22px;display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid var(--cx-line);border-radius:16px;padding:24px 28px}
.lbcx-note-icon{width:44px;height:44px;border-radius:12px;background:rgba(245,159,30,.14);display:grid;place-items:center;flex:none;color:var(--amber)}
.lbcx-note-icon .ic{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.7}
.lbcx-note p{font-size:14.5px;line-height:1.65;color:var(--text-soft)}.lbcx-note strong{color:var(--navy)}
.lbcx-focus-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.lbcx-focus-card{display:grid;grid-template-columns:46px 1fr;gap:16px;background:#fff;border:1px solid var(--cx-line);border-radius:16px;padding:24px;transition:.2s}
.lbcx-focus-card:hover{border-color:rgba(245,159,30,.7);transform:translateY(-2px)}
.lbcx-focus-icon{width:46px;height:46px;border-radius:13px;background:rgba(245,159,30,.12);display:grid;place-items:center;color:var(--amber)}
.lbcx-focus-icon .ic{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.7}
.lbcx-focus-card h3{font-family:var(--sans);font-size:16.5px;font-weight:800;letter-spacing:0;margin-bottom:5px}.lbcx-focus-card p{font-size:14px;color:var(--text-soft)}
.lbcx-maturity{display:grid;grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr);gap:84px;align-items:center;margin-top:56px}
.lbcx-maturity-visual{display:grid;grid-template-columns:54px minmax(0,1fr);gap:20px;align-items:stretch;min-width:0}
.lbcx-maturity-axis{position:relative;min-height:272px;display:flex;align-items:center;justify-content:center}
.lbcx-maturity-axis-title{position:absolute;top:-32px;left:50%;transform:translateX(-50%);font-size:12px;font-weight:850;letter-spacing:.08em;color:var(--navy);white-space:nowrap}
.lbcx-maturity-axis-track,.lbcx-maturity-axis-fill{position:absolute;left:50%;width:3px;transform:translateX(-50%);border-radius:3px}
.lbcx-maturity-axis-track{top:20px;bottom:20px;background:#dfe8ef}
.lbcx-maturity-axis-fill{bottom:20px;height:33.333%;background:var(--amber);transition:height .38s cubic-bezier(.16,.84,.3,1)}
.lbcx-maturity-tick{position:absolute;left:50%;transform:translate(-50%,-50%);padding:4px 2px;background:var(--mist);font-size:9.5px;font-weight:850;letter-spacing:.11em;text-transform:uppercase;color:#9aabb9;white-space:nowrap}
.lbcx-maturity-tick.is-high{top:7%}.lbcx-maturity-tick.is-mid{top:50%}.lbcx-maturity-tick.is-low{top:93%}
.lbcx-maturity-tiers{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:0}
.lbcx-maturity-tier{appearance:none;width:var(--tier-width);min-height:84px;border:0;border-radius:14px;background:#eef3f7;padding:0 26px;display:flex;align-items:center;gap:18px;text-align:left;cursor:pointer;font:inherit;color:inherit;transition:background .28s ease,transform .28s cubic-bezier(.16,.84,.3,1),box-shadow .28s ease,width .28s ease}
.lbcx-maturity-tier:hover{background:#e7eef4}
.lbcx-maturity-tier:focus-visible{outline:2px solid var(--navy);outline-offset:5px}
.lbcx-maturity-tier.is-current{background:var(--navy);transform:scale(1.015);box-shadow:0 18px 34px -24px rgba(0,44,70,.6)}
.lbcx-maturity-num{flex:0 0 auto;font-size:12px;font-weight:900;letter-spacing:.13em;font-variant-numeric:tabular-nums;color:#91a3b2;transition:color .25s ease}
.lbcx-maturity-label{font-family:var(--serif);font-size:20px;line-height:1.18;letter-spacing:-.015em;font-weight:600;color:#3d556a;transition:color .25s ease}
.lbcx-maturity-tier.is-current .lbcx-maturity-num{color:var(--amber)}
.lbcx-maturity-tier.is-current .lbcx-maturity-label{color:#fff;font-weight:700}
.lbcx-maturity-detail{min-width:0}
.lbcx-maturity-panel[hidden]{display:none!important}
.lbcx-maturity-panel h3{font-family:var(--serif);font-size:clamp(32px,3.3vw,42px);line-height:1.08;letter-spacing:-.025em;color:var(--navy);margin:0 0 18px}
.lbcx-maturity-copy{margin:0;max-width:560px;font-size:18px;line-height:1.68;color:var(--text-soft)}
.lbcx-maturity-points{list-style:none!important;display:grid!important;gap:13px!important;margin:31px 0 0!important;padding:26px 0 0!important;border-top:1px solid var(--cx-line)}
.lbcx-maturity-points li{position:relative;padding-left:20px!important;font-size:16px!important;line-height:1.5;color:var(--navy)!important}
.lbcx-maturity-points li::before{content:""!important;position:absolute;left:0;top:.72em;width:6px!important;height:6px!important;border-radius:50%;background:var(--amber)!important}
.lbcx-platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.lbcx-platform{background:#fff;border:1px solid var(--cx-line);border-radius:17px;padding:25px;display:flex;flex-direction:column;min-height:245px;transition:.25s}
.lbcx-platform:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft);border-color:rgba(245,159,30,.65)}
.lbcx-platform-mark{height:42px;display:flex;align-items:center;font-family:var(--serif);font-size:22px;font-weight:600;color:var(--navy)}
.lbcx-platform-mark img{max-width:145px;max-height:36px;width:auto;height:auto;object-fit:contain}
.lbcx-platform p{font-size:14.5px;line-height:1.6;color:var(--text-soft);margin:16px 0;flex:1}
.lbcx-go{display:inline-flex;align-items:center;gap:7px;color:var(--amber);font-size:13px;font-weight:850}.lbcx-go .ic{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}
.lbcx-offers{padding:104px 0}
.lbcx-offer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.lbcx-offer{background:#fff;border:1px solid var(--cx-line);border-radius:18px;padding:26px;display:flex;flex-direction:column;min-height:360px;transition:.22s}.lbcx-offer:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft)}
.lbcx-offer-stage{font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:var(--steel)}.lbcx-offer-stage.is-soon{color:var(--amber)}
.lbcx-offer h3{font-family:var(--sans);font-size:17px;font-weight:800;line-height:1.3;letter-spacing:0;margin:14px 0 10px}.lbcx-offer p{font-size:13.5px;line-height:1.6;color:var(--text-soft);flex:1}.lbcx-offer .btn{font-size:13px;padding:11px 17px;justify-content:center;margin-top:18px}.lbcx-btn-outline{background:#fff!important;color:var(--navy)!important;border:1px solid var(--cx-line)!important;box-shadow:none!important}.lbcx-btn-outline:hover{border-color:var(--amber)!important}
.lbcx-engagement{border:1px solid var(--cx-line);border-radius:20px;overflow:hidden;background:#fff}
.lbcx-engagement-head{display:grid;grid-template-columns:1fr .7fr;gap:40px;padding:38px;background:var(--mist)}
.lbcx-engagement-head h2{font-size:clamp(34px,4vw,48px);margin-top:15px}.lbcx-engagement-head p{font-size:16px;color:var(--text-soft);margin-top:14px}.lbcx-engagement-head aside{align-self:center;border-left:3px solid var(--amber);padding-left:18px;color:var(--text-soft);font-size:14.5px;line-height:1.6}
.lbcx-engagement-grid{display:grid;grid-template-columns:repeat(4,1fr)}.lbcx-engagement-grid article{padding:27px 24px;border-right:1px solid var(--cx-line)}.lbcx-engagement-grid article:last-child{border-right:0}.lbcx-engagement-grid small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);font-weight:900}.lbcx-engagement-grid h3{font-family:var(--sans);font-size:16px;font-weight:800;letter-spacing:0;margin:10px 0 7px}.lbcx-engagement-grid p{font-size:13.5px;color:var(--text-soft);line-height:1.55}
.lbcx-reference{background:var(--navy);padding:92px 0}.lbcx-reference-card{display:grid;grid-template-columns:1fr .9fr;gap:46px;align-items:center;color:#fff;text-decoration:none}.lbcx-reference-card h2{color:#fff;font-size:clamp(36px,4.5vw,54px);margin:15px 0}.lbcx-reference-card p{color:rgba(255,255,255,.76);font-size:16px;line-height:1.65}.lbcx-reference-result{display:block;margin-top:18px;color:var(--amber-soft)}.lbcx-reference-cta{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-weight:850;color:#fff}.lbcx-reference-cta .ic{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}.lbcx-reference-media{position:relative;aspect-ratio:8/5;border-radius:20px;overflow:hidden;background:rgba(255,255,255,.06)}.lbcx-reference-media>img{width:100%;height:100%;object-fit:cover}.lbcx-reference-logo{position:absolute;left:18px;bottom:18px;background:#fff;border-radius:11px;padding:8px 13px;display:grid;place-items:center;max-width:180px}.lbcx-reference-logo img{max-width:145px;max-height:30px;width:auto;height:auto;object-fit:contain}
.lbcx-related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.lbcx-related-grid article{background:#fff;border:1px solid var(--cx-line);border-radius:18px;padding:28px}.lbcx-related-grid h3{font-family:var(--sans);font-size:18px;font-weight:800;letter-spacing:0}.lbcx-related-grid article>p{font-size:14.5px;color:var(--text-soft);margin:5px 0 17px}.lbcx-related-grid article>div{display:grid}.lbcx-related-grid a{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--cx-line);padding:12px 0;font-weight:750;color:var(--navy)}.lbcx-related-grid a:hover{color:var(--amber)}.lbcx-related-grid a .ic{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2}
.lbcx-cta{padding:104px 0;background:#fff}.lbcx-cta-card{background:linear-gradient(145deg,var(--navy),var(--deep));border-radius:24px;padding:62px 58px;color:#fff;text-align:left}.lbcx-cta-card h2{color:#fff;font-size:clamp(38px,4.6vw,58px);margin:16px 0}.lbcx-cta-card p{color:rgba(255,255,255,.78);font-size:17px;max-width:720px;margin-bottom:28px}.lbcx-cta-card>div{display:flex;gap:13px;flex-wrap:wrap}
@media(max-width:1040px){
.lbcx-hero-grid{grid-template-columns:1fr;gap:34px}.lbcx-hero-visual{max-width:680px}.lbcx-highlight-grid{grid-template-columns:repeat(3,1fr)}
.lbcx-platform-grid,.lbcx-offer-grid{grid-template-columns:repeat(2,1fr)}
.lbcx-engagement-grid{grid-template-columns:repeat(2,1fr)}.lbcx-engagement-grid article:nth-child(2){border-right:0}.lbcx-engagement-grid article:nth-child(-n+2){border-bottom:1px solid var(--cx-line)}
}
@media(max-width:820px){
.lbcx-hero{padding-top:138px}.lbcx-highlight-grid{grid-template-columns:1fr}.lbcx-problem-grid,.lbcx-tab-panel,.lbcx-split-grid,.lbcx-reference-card,.lbcx-engagement-head{grid-template-columns:1fr;gap:28px}
.lbcx-focus-grid,.lbcx-related-grid{grid-template-columns:1fr}.lbcx-maturity{grid-template-columns:1fr;gap:42px}.lbcx-maturity-visual{grid-template-columns:1fr}.lbcx-maturity-axis{display:none}.lbcx-maturity-tier{width:100%!important;min-height:72px}.lbcx-maturity-label{font-size:19px}.lbcx-maturity-panel h3{font-size:32px}.lbcx-maturity-copy{font-size:16px}.lbcx-maturity-points li{font-size:15px!important}.lbcx-split-card{min-height:0}.lbcx-reference-media{max-width:620px}
}
@media(max-width:620px){
.lbcx-hero{padding-top:120px}.lbcx-hero h1{font-size:clamp(40px,12vw,54px)}.lbcx-lede{font-size:17px}.lbcx-hero-visual{padding:19px}.lbcx-bar-row{grid-template-columns:88px 1fr 42px;gap:8px}.lbcx-bar-name{font-size:10.5px}.lbcx-target-line i{display:none}
.lbcx-problem,.lbcx-tabs-section,.lbcx-split-section,.lbcx-grid-section,.lbcx-stages-section,.lbcx-platform-section,.lbcx-offers,.lbcx-engagement-section,.lbcx-related-section,.lbcx-cta{padding:72px 0}
.lbcx-tab-panel{padding:24px 20px}.lbcx-platform-grid,.lbcx-offer-grid,.lbcx-engagement-grid{grid-template-columns:1fr}.lbcx-engagement-grid article,.lbcx-engagement-grid article:nth-child(2){border-right:0;border-bottom:1px solid var(--cx-line)}.lbcx-engagement-grid article:last-child{border-bottom:0}
.lbcx-offer{min-height:0}.lbcx-reference{padding:70px 0}.lbcx-cta-card{padding:38px 25px}.lbcx-actions .btn,.lbcx-cta-card .btn{width:100%;justify-content:center}
}
.wp-s-customer-logo{display:flex;align-items:center;width:max-content;max-width:210px;min-height:44px;margin-top:14px;padding:7px 12px;border-radius:10px;background:#fff;box-shadow:0 10px 28px -18px rgba(0,0,0,.5)}
.wp-s-customer-logo img{display:block;width:auto;max-width:180px;height:auto;max-height:30px;object-fit:contain}
/* ============================================================
Unternehmen-Seiten – News, Events, Referenzen, Karriere,
Auszeichnungen (1.34.1)
============================================================ */
:root{--lbco-line:rgba(0,44,70,.13);--lbco-soft:#f2f6f8;--lbco-muted:#5d7584;--lbco-radius:18px}
.lbco-section{padding:104px 0;background:#fff}
.lbco-section-head{max-width:760px}.lbco-section-head h2{font-size:clamp(34px,4vw,50px);margin:15px 0 14px;line-height:1.08}.lbco-section-head>p{font-size:17px;line-height:1.65;color:var(--text-soft)}
.lbco-kicker{display:block;font-size:10.5px;line-height:1.3;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:var(--steel)}
.lbco-text-link{display:inline-flex;align-items:center;gap:8px;color:var(--amber);font-weight:850;font-size:14px}.lbco-text-link .ic{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2}
.lbco-media-placeholder,.lbco-gallery-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--navy),#174d68 58%,rgba(245,159,30,.84))}
.lbco-empty{border:1px dashed rgba(0,44,70,.22);border-radius:16px;padding:28px;text-align:center;color:var(--text-soft);background:#fff}
.lbco-btn-outline{background:transparent!important;color:var(--navy)!important;border:1px solid var(--lbco-line)!important;box-shadow:none!important}.lbco-btn-outline:hover{border-color:var(--amber)!important}
/* Hero */
.lbco-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#001722,var(--navy) 65%,#073d58);color:#fff;padding:154px 0 0}.lbco-hero-bg{position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover;opacity:.28}.lbco-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,18,31,.95),rgba(0,44,70,.86) 53%,rgba(0,44,70,.3))}.lbco-hero-grid{min-height:430px;display:grid;align-items:center}.lbco-hero-copy{max-width:850px;padding-bottom:62px}.lbco-crumb{font-size:12.5px;color:rgba(255,255,255,.58);font-weight:700;margin-bottom:22px}.lbco-hero h1{color:#fff;font-size:clamp(44px,6vw,76px);line-height:.98;letter-spacing:-.025em;margin:18px 0 23px;max-width:950px}.lbco-hero h1 span{color:var(--amber-soft)}.lbco-lede{max-width:740px;font-size:clamp(18px,1.65vw,21px);line-height:1.6;color:rgba(255,255,255,.82)}.lbco-hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:31px}.lbco-btn-ghost{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.32)!important;box-shadow:none!important}.lbco-hero-stats{border-top:1px solid rgba(255,255,255,.15);display:grid;grid-template-columns:repeat(3,1fr)}.lbco-hero-stats>div{padding:24px 28px 32px;border-right:1px solid rgba(255,255,255,.13)}.lbco-hero-stats>div:first-child{padding-left:0}.lbco-hero-stats>div:last-child{border-right:0}.lbco-hero-stats strong{display:block;color:var(--amber-soft);font-family:var(--serif);font-size:30px;line-height:1}.lbco-hero-stats span{display:block;color:rgba(255,255,255,.67);font-size:13px;margin-top:7px}.lbco-hero--career .lbco-hero-grid{min-height:490px}
/* Shared filters */
.lbco-filterbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:34px 0}.lbco-filterbar button,.lbco-view-toggle button{appearance:none;border:1px solid var(--lbco-line);background:#fff;border-radius:999px;padding:10px 18px;font:800 13px var(--sans);color:var(--text-soft);cursor:pointer;transition:.2s}.lbco-filterbar button:hover,.lbco-filterbar button.is-active,.lbco-view-toggle button:hover,.lbco-view-toggle button.is-active{background:var(--navy);color:#fff;border-color:var(--navy)}
/* News */
.lbco-news-featured{display:grid;grid-template-columns:1.15fr .85fr;gap:0;margin-top:44px;border:1px solid var(--lbco-line);border-radius:22px;overflow:hidden;background:#fff}.lbco-news-featured-media{display:block;aspect-ratio:8/5;overflow:hidden;background:var(--lbco-soft)}.lbco-news-featured-media img{width:100%;height:100%;object-fit:cover}.lbco-news-featured-copy{display:flex;flex-direction:column;justify-content:center;padding:42px}.lbco-news-featured-copy h3{font-size:clamp(28px,3vw,39px);margin:13px 0}.lbco-news-featured-copy p{font-size:16px;line-height:1.6;color:var(--text-soft);margin-bottom:22px}.lbco-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.lbco-news-card{background:#fff;border:1px solid var(--lbco-line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:.25s}.lbco-news-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft);border-color:rgba(245,159,30,.5)}.lbco-news-card-media{display:block;aspect-ratio:8/5;background:var(--lbco-soft);overflow:hidden}.lbco-news-card-media img{width:100%;height:100%;object-fit:cover;display:block}.lbco-news-card-body{padding:23px;display:flex;flex-direction:column;flex:1}.lbco-news-card h3{font-family:var(--sans);font-size:19px;line-height:1.28;letter-spacing:-.01em;font-weight:800;margin:10px 0}.lbco-news-card p{font-size:14px;line-height:1.6;color:var(--text-soft);margin-bottom:18px;flex:1}.lbco-loadmore{text-align:center;margin-top:34px}.lbco-loadmore[hidden]{display:none!important}
/* Events */
.lbco-event-filter{position:relative}.lbco-role-legend{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.lbco-role,.lbco-pill{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;background:var(--lbco-soft);color:var(--steel)}.lbco-role--host{background:rgba(245,159,30,.15);color:#9b5c00}.lbco-role--sponsor{background:rgba(0,44,70,.1);color:var(--navy)}.lbco-role--exhibitor{background:rgba(80,116,143,.15);color:#355d79}.lbco-role--attendee{background:#f1f1ee;color:#66655d}.lbco-event-list{display:grid;gap:14px;margin-top:34px}.lbco-event-card{display:grid;grid-template-columns:180px 1fr auto;gap:28px;align-items:center;background:#fff;border:1px solid var(--lbco-line);border-radius:18px;padding:26px 28px;transition:.22s}.lbco-event-card:hover{border-color:rgba(245,159,30,.6);box-shadow:var(--shadow-soft)}.lbco-event-date{border-right:1px solid var(--lbco-line);padding-right:24px}.lbco-event-date strong{display:block;font-family:var(--serif);font-size:19px;line-height:1.2;color:var(--navy)}.lbco-event-date span{display:block;color:var(--steel);font-size:13px;margin-top:7px}.lbco-event-meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:9px}.lbco-event-main h3{font-family:var(--sans);font-size:20px;font-weight:800;line-height:1.25;letter-spacing:0;margin-bottom:7px}.lbco-event-main p{font-size:14px;line-height:1.55;color:var(--text-soft)}.lbco-event-link{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:13px;font-weight:850;color:var(--amber)}.lbco-event-link .ic{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2}.lbco-gallery-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-top:88px}.lbco-gallery-controls{display:flex;gap:8px}.lbco-gallery-controls button{width:46px;height:46px;border-radius:50%;border:1px solid var(--lbco-line);background:#fff;color:var(--navy);font-size:24px;cursor:pointer}.lbco-gallery{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-top:28px;padding-bottom:6px}.lbco-gallery::-webkit-scrollbar{display:none}.lbco-gallery figure{scroll-snap-align:start;flex:0 0 min(390px,78vw);margin:0}.lbco-gallery figure>img,.lbco-gallery-placeholder{aspect-ratio:8/5;width:100%;height:auto;object-fit:cover;border-radius:18px;overflow:hidden}.lbco-gallery figcaption{font-size:13px;color:var(--text-soft);margin-top:9px}
/* References */
.lbco-refs-toolbar{display:flex;align-items:end;justify-content:space-between;gap:30px}.lbco-view-toggle{display:flex;gap:7px;flex-wrap:wrap}.lbco-ref-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.lbco-ref-card{background:#fff;border:1px solid var(--lbco-line);border-radius:18px;padding:24px;min-height:238px;display:flex;flex-direction:column;transition:.2s}.lbco-ref-card:hover{border-color:rgba(245,159,30,.62);transform:translateY(-2px)}.lbco-ref-logo{height:76px;display:flex;align-items:center;gap:12px;margin-bottom:18px}.lbco-ref-logo img{display:block;max-width:100%;width:auto;height:auto;max-height:56px;object-fit:contain;object-position:left center}.lbco-ref-initials{width:46px;height:46px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-family:var(--serif);font-weight:700;flex:none}.lbco-ref-logo>strong{font-size:15px;color:var(--text-soft)}.lbco-ref-copy>span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--steel);font-weight:850}.lbco-ref-copy h3{font-family:var(--sans);font-size:17px;font-weight:800;letter-spacing:0;margin:6px 0}.lbco-ref-copy p{font-size:13.5px;line-height:1.55;color:var(--text-soft)}.lbco-refs.is-logo-only .lbco-ref-copy{display:none}.lbco-refs.is-logo-only .lbco-ref-card{min-height:145px;justify-content:center}.lbco-refs.is-logo-only .lbco-ref-logo{margin:0;height:90px}.lbco-trust-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--lbco-line);border-bottom:1px solid var(--lbco-line);margin-top:54px}.lbco-trust-strip>div{padding:24px;border-right:1px solid var(--lbco-line)}.lbco-trust-strip>div:first-child{padding-left:0}.lbco-trust-strip>div:last-child{border-right:0}.lbco-trust-strip strong{font-family:var(--serif);font-size:28px;display:block}.lbco-trust-strip span{font-size:12.5px;color:var(--text-soft);display:block;margin-top:5px}
/* Career – culture, values, deal */
.lbco-culture-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}.lbco-culture-copy h2{font-size:clamp(34px,4vw,50px);margin:16px 0}.lbco-culture-copy p{font-size:16.5px;line-height:1.65;color:var(--text-soft)}.lbco-culture-copy p+p{margin-top:14px}.lbco-culture-media{position:relative;aspect-ratio:8/5;border-radius:22px;overflow:hidden;background:var(--lbco-soft);margin:0}.lbco-culture-media img{width:100%;height:100%;object-fit:cover}.lbco-culture-media figcaption{position:absolute;left:18px;bottom:18px;background:var(--navy);color:#fff;padding:9px 14px;border-radius:999px;font-size:12px;font-weight:800}.lbco-values-head{margin-top:92px}.lbco-values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}.lbco-values-grid article,.lbco-benefit-grid article{background:#fff;border:1px solid var(--lbco-line);border-radius:18px;padding:25px}.lbco-iconbox{width:46px;height:46px;border-radius:13px;background:rgba(245,159,30,.12);color:var(--amber);display:grid;place-items:center;margin-bottom:17px}.lbco-iconbox .ic{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.7}.lbco-values-grid h3,.lbco-benefit-grid h3{font-family:var(--sans);font-weight:800;font-size:17px;letter-spacing:0;margin-bottom:6px}.lbco-values-grid p,.lbco-benefit-grid p{font-size:14px;line-height:1.55;color:var(--text-soft)}
.lbco-deal{background:var(--lbco-soft)}.lbco-deal-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:38px}.lbco-deal-card{background:#fff;border:1px solid var(--lbco-line);border-radius:20px;padding:34px;display:flex;flex-direction:column}.lbco-deal-card--navy{background:linear-gradient(145deg,var(--navy),#001b2b);color:#fff;border-color:transparent}.lbco-deal-card h3{font-size:28px;margin:12px 0}.lbco-deal-card--navy h3{color:#fff}.lbco-deal-card>p{font-size:15px;color:var(--text-soft)}.lbco-deal-card--navy>p{color:rgba(255,255,255,.72)}.lbco-deal-card ul{list-style:none;display:grid;gap:13px;margin-top:24px}.lbco-deal-card li{font-size:14.5px;line-height:1.5;padding-left:20px;position:relative;color:var(--text-soft)}.lbco-deal-card--navy li{color:rgba(255,255,255,.84)}.lbco-deal-card li::before{content:"→";position:absolute;left:0;color:var(--amber);font-weight:850}.lbco-benefits-head{margin-top:84px}.lbco-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
/* Career – live jobs */
.lbco-job-list{display:grid;gap:12px;margin-top:36px}.lbco-job-card{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--lbco-line);border-radius:17px;background:#fff;padding:24px 26px;transition:.2s}.lbco-job-card:hover{border-color:var(--amber);transform:translateX(3px)}.lbco-job-card h3{font-family:var(--sans);font-size:20px;font-weight:800;letter-spacing:0;margin:7px 0}.lbco-job-meta{display:flex;gap:8px;flex-wrap:wrap}.lbco-job-meta span{background:var(--lbco-soft);border-radius:999px;padding:6px 10px;font-size:11.5px;color:var(--text-soft)}.lbco-job-arrow{color:var(--amber)}.lbco-job-arrow .ic{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2}.lbco-jobs-fallback{margin-top:34px;padding:34px;border:1px solid var(--lbco-line);border-radius:18px;background:var(--lbco-soft)}.lbco-jobs-fallback h3{font-size:25px}.lbco-jobs-fallback p{color:var(--text-soft);margin:7px 0 20px}.lbco-initiative{margin-top:20px;border:1px solid var(--lbco-line);border-radius:18px;padding:24px 27px;display:flex;align-items:center;justify-content:space-between;gap:25px}.lbco-initiative h3{font-family:var(--sans);font-size:18px;font-weight:800;letter-spacing:0}.lbco-initiative p{font-size:14px;color:var(--text-soft);margin-top:4px}
/* Career – process */
.lbco-process-list{display:grid;gap:25px;margin-top:44px}.lbco-process-step{display:grid;grid-template-columns:1fr 1.08fr;gap:46px;align-items:center}.lbco-process-step.is-reverse .lbco-process-copy{order:2}.lbco-process-step.is-reverse figure{order:1}.lbco-process-copy{padding:32px}.lbco-process-num{display:block;font-family:var(--serif);font-size:28px;color:var(--amber);margin-bottom:8px}.lbco-process-copy h3{font-size:30px;margin-bottom:10px}.lbco-process-copy>p{font-size:15.5px;line-height:1.65;color:var(--text-soft)}.lbco-process-meta{display:inline-flex;align-items:center;gap:8px;margin-top:17px;font-size:12.5px;color:var(--steel);font-weight:800}.lbco-process-meta .ic{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}.lbco-process-step figure{aspect-ratio:8/5;border-radius:20px;overflow:hidden;background:var(--lbco-soft);margin:0}.lbco-process-step figure img{width:100%;height:100%;object-fit:cover}
/* Awards */
.lbco-awards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}.lbco-awards-grid article{background:#fff;border:1px solid var(--lbco-line);border-radius:18px;padding:27px;text-align:center;transition:.22s}.lbco-awards-grid article:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft);border-color:rgba(245,159,30,.55)}.lbco-award-logo{height:105px;display:grid;place-items:center;margin-bottom:18px}.lbco-award-logo img{max-width:100%;max-height:96px;width:auto;height:auto;object-fit:contain}.lbco-award-logo>span{width:70px;height:70px;border-radius:18px;background:var(--lbco-soft);display:grid;place-items:center;font-family:var(--serif);font-size:22px;color:var(--steel)}.lbco-awards-grid h3{font-family:var(--sans);font-size:17px;font-weight:800;letter-spacing:0}.lbco-awards-grid p{font-size:13px;color:var(--text-soft);margin-top:5px}
/* Outro / CTA */
.lbco-outro-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.lbco-outro-tile{border:1px solid var(--lbco-line);border-radius:20px;padding:34px;background:#fff;min-height:260px;display:flex;flex-direction:column;transition:.22s}.lbco-outro-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft)}.lbco-outro-tile.is-navy{background:linear-gradient(145deg,var(--navy),#001b2b);color:#fff;border-color:transparent}.lbco-outro-tile h3{font-size:30px;margin:13px 0}.lbco-outro-tile.is-navy h3{color:#fff}.lbco-outro-tile p{font-size:15px;line-height:1.6;color:var(--text-soft);margin-bottom:20px;flex:1}.lbco-outro-tile.is-navy p{color:rgba(255,255,255,.74)}.lbco-final-cta{margin-top:26px;border-radius:24px;background:linear-gradient(145deg,var(--navy),#00131f);padding:60px 55px;color:#fff}.lbco-final-cta h2{color:#fff;font-size:clamp(36px,4.5vw,56px);margin:16px 0}.lbco-final-cta p{max-width:700px;color:rgba(255,255,255,.78);font-size:17px;line-height:1.6;margin-bottom:27px}
@media(max-width:1040px){
.lbco-news-grid{grid-template-columns:repeat(2,1fr)}.lbco-ref-grid{grid-template-columns:repeat(3,1fr)}.lbco-values-grid,.lbco-awards-grid{grid-template-columns:repeat(2,1fr)}.lbco-event-card{grid-template-columns:150px 1fr}.lbco-event-link{grid-column:2}.lbco-role-legend{width:100%;margin-left:0;margin-top:8px}
}
@media(max-width:820px){
.lbco-section{padding:78px 0}.lbco-hero{padding-top:124px}.lbco-hero-grid{min-height:390px}.lbco-hero h1{font-size:clamp(42px,10vw,62px)}.lbco-hero-stats{grid-template-columns:1fr}.lbco-hero-stats>div,.lbco-hero-stats>div:first-child{padding:17px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.lbco-hero-stats>div:last-child{border-bottom:0;padding-bottom:25px}
.lbco-news-featured,.lbco-culture-grid,.lbco-deal-grid,.lbco-process-step{grid-template-columns:1fr}.lbco-news-featured-copy{padding:30px}.lbco-refs-toolbar,.lbco-gallery-head{align-items:flex-start;flex-direction:column}.lbco-ref-grid{grid-template-columns:repeat(2,1fr)}.lbco-trust-strip{grid-template-columns:repeat(2,1fr)}.lbco-trust-strip>div:nth-child(2){border-right:0}.lbco-trust-strip>div:nth-child(-n+2){border-bottom:1px solid var(--lbco-line)}.lbco-values-grid,.lbco-benefit-grid{grid-template-columns:repeat(2,1fr)}.lbco-process-step.is-reverse .lbco-process-copy,.lbco-process-step.is-reverse figure{order:initial}.lbco-process-step{gap:10px}.lbco-process-copy{padding:20px 8px}.lbco-event-card{grid-template-columns:1fr;gap:15px}.lbco-event-date{border-right:0;border-bottom:1px solid var(--lbco-line);padding:0 0 13px}.lbco-event-link{grid-column:1}.lbco-outro-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
.lbco-section{padding:66px 0}.lbco-news-grid,.lbco-ref-grid,.lbco-values-grid,.lbco-benefit-grid,.lbco-awards-grid{grid-template-columns:1fr}.lbco-filterbar{overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px;scrollbar-width:none}.lbco-filterbar::-webkit-scrollbar{display:none}.lbco-filterbar button{flex:none}.lbco-ref-card{min-height:0}.lbco-trust-strip{grid-template-columns:1fr}.lbco-trust-strip>div,.lbco-trust-strip>div:first-child{padding:16px 0;border-right:0!important;border-bottom:1px solid var(--lbco-line)}.lbco-trust-strip>div:last-child{border-bottom:0}.lbco-news-featured-copy{padding:24px 20px}.lbco-news-card-body{padding:20px}.lbco-event-card{padding:22px 20px}.lbco-deal-card{padding:26px 22px}.lbco-initiative{align-items:flex-start;flex-direction:column}.lbco-job-card{align-items:flex-start}.lbco-final-cta{padding:38px 24px}.lbco-final-cta .btn,.lbco-hero-actions .btn{width:100%;justify-content:center}.lbco-gallery figure{flex-basis:82vw}
}
.lbco-filter-count{margin-left:auto;font-size:12.5px;color:var(--steel);font-weight:800;white-space:nowrap}.lbco-news-featured-media{position:relative}.lbco-news-current{position:absolute;z-index:2;left:17px;top:17px;border-radius:999px;background:var(--amber);color:var(--navy);padding:6px 10px;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:620px){.lbco-filter-count{display:none}}
/* ============================================================
Recht & Technik – Datenschutz / Impressum (1.34.2)
============================================================ */
.lblegal-hero{position:relative;overflow:hidden;background:var(--navy);color:#fff;padding:150px 0 62px}.lblegal-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 120% at 100% 0,rgba(80,116,143,.36),transparent 60%);z-index:0}.lblegal-orb{position:absolute;width:310px;height:310px;border-radius:50%;filter:blur(55px);opacity:.25;background:rgba(245,159,30,.55);top:-90px;right:7%;z-index:0}.lblegal-hero-inner{position:relative;z-index:1}.lblegal-crumb{font-size:13px;color:rgba(255,255,255,.58);font-weight:650;margin-bottom:15px}.lblegal-hero h1{color:#fff;font-size:clamp(40px,5vw,64px);margin:9px 0 0}.lblegal-hero p{color:rgba(255,255,255,.80);font-size:16.5px;line-height:1.65;margin-top:16px;max-width:690px}
.lblegal-body{padding:72px 0 96px;background:#fff}.lblegal-grid{display:grid;grid-template-columns:minmax(210px,260px) minmax(0,780px);gap:58px;align-items:start;justify-content:center}.lblegal-toc{position:sticky;top:104px;max-height:calc(100vh - 126px);overflow:auto;padding:4px 8px 6px 2px;scrollbar-width:thin}.lblegal-toc h2{font-family:var(--sans);font-size:11.5px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute);margin:0 0 15px}.lblegal-toc nav{display:grid;gap:1px}.lblegal-toc a{display:block;border-left:2px solid transparent;margin-left:-2px;padding:7px 8px 7px 14px;color:var(--text-soft);font-size:14px;font-weight:650;line-height:1.35;transition:.18s}.lblegal-toc a:hover,.lblegal-toc a.is-active{border-left-color:var(--amber);color:var(--navy);background:linear-gradient(90deg,rgba(245,159,30,.07),transparent)}
.lblegal-content{min-width:0}.lblegal-id-card{background:var(--mist);border:1px solid rgba(0,44,70,.08);border-radius:24px;padding:30px 32px;margin-bottom:10px}.lblegal-company{font-family:var(--serif);font-size:24px;font-weight:600;line-height:1.2;color:var(--navy);margin-bottom:5px}.lblegal-muted{font-size:13.5px!important;color:var(--text-mute)!important}.lblegal-rows{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 24px;margin:16px 0 0;font-size:15px}.lblegal-rows dt{color:var(--text-mute);font-weight:750}.lblegal-rows dd{margin:0;color:var(--navy);min-width:0;overflow-wrap:anywhere}.lblegal-rows a{font-weight:750;color:var(--navy);text-decoration:none}.lblegal-rows a:hover{color:var(--amber)}.lblegal-updated{display:inline-flex;align-items:center;gap:8px;color:var(--text-mute);font-size:13px;font-weight:700;margin:8px 0 18px}.lblegal-updated svg{width:15px;height:15px;stroke:var(--steel);fill:none;stroke-width:2;flex:none}
.lblegal-content>section{padding:22px 0 31px;border-bottom:1px solid rgba(0,44,70,.07);scroll-margin-top:112px}.lblegal-content>section:last-child{border-bottom:0}.lblegal-content>section>h2{font-size:clamp(23px,2.5vw,30px);margin:0 0 16px}.lblegal-richtext p{font-size:15.5px;line-height:1.72;color:var(--text-soft);margin:0 0 12px}.lblegal-richtext h3{font-family:var(--sans);font-size:15.5px;font-weight:800;letter-spacing:0;color:var(--navy);margin:21px 0 7px}.lblegal-richtext ul{list-style:none;margin:8px 0 16px;padding:0;display:grid;gap:8px}.lblegal-richtext ul li{position:relative;padding-left:25px;font-size:15.5px;line-height:1.6;color:var(--text-soft)}.lblegal-richtext ul li:before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--amber)}.lblegal-richtext strong{color:var(--navy)}.lblegal-richtext a,.lblegal-inline{color:var(--navy);font-weight:750;text-decoration:underline;text-decoration-color:var(--amber-soft);text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}.lblegal-richtext a:hover{color:var(--amber)}.lblegal-legalbase{display:inline-block;max-width:100%;background:var(--mist-2);border-radius:12px;padding:7px 12px;margin:2px 0 12px;color:var(--navy);font-size:12.5px;font-weight:750;line-height:1.45}.lblegal-callout{border:1px solid rgba(0,44,70,.12);border-left:4px solid var(--amber);border-radius:16px;padding:18px 21px;margin:16px 0;background:#fff}.lblegal-callout p{margin:0!important;font-size:14px!important}.lblegal-editor-note{border:1px dashed #c36b00;background:#fff8ed;border-radius:14px;padding:14px 16px;margin:14px 0;color:#7a4300;font-size:13px}.lblegal-editor-note strong{display:block;margin-bottom:4px}.lblegal-editor-note p{margin:0}
@media(max-width:900px){.lblegal-grid{grid-template-columns:1fr;gap:30px}.lblegal-toc{position:static;max-height:none;overflow:visible;background:var(--mist);border-radius:20px;padding:21px 22px}.lblegal-toc nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 18px}.lblegal-toc a{margin-left:0}.lblegal-body{padding-top:54px}}
@media(max-width:620px){.lblegal-hero{padding:126px 0 48px}.lblegal-body{padding:44px 0 70px}.lblegal-toc nav{grid-template-columns:1fr}.lblegal-id-card{padding:24px 20px;border-radius:19px}.lblegal-rows{grid-template-columns:1fr;gap:2px}.lblegal-rows dd{margin-bottom:9px}.lblegal-content>section{padding:19px 0 26px}.lblegal-richtext p,.lblegal-richtext ul li{font-size:15px}.lblegal-legalbase{display:block}}
/* 1.40.0 – echter Menüanker auf dem Auszeichnungsblock */
.lbco-awards#auszeichnungen{scroll-margin-top:110px}
/* ============================================================
1.40.2 – Referenzen: zentraler Logo-Hub + Über-uns-Teaser
============================================================ */
.lbco-ref-hub{background:linear-gradient(180deg,#f7fafc 0%,#f1f6f9 100%)}
.lbco-ref-hub .wrap{max-width:1180px}
.lbco-ref-hub-head,.lbco-ref-success-head,.lbco-reference-teaser-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.lbco-ref-hub .lbco-section-head,.lbco-ref-success .lbco-section-head,.lbco-reference-teaser .lbco-section-head{max-width:760px}
.lbco-ref-hub .lbco-section-head>p,.lbco-ref-success .lbco-section-head>p,.lbco-reference-teaser .lbco-section-head>p{margin-top:14px;color:var(--text-soft);font-size:15.5px;line-height:1.65}
.lbco-logo-filterbar{margin:30px 0 34px}
.lbco-logo-wall{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:16px 17px}
.lbco-logo-card{position:relative;display:flex;align-items:center;justify-content:center;height:78px;min-width:112px;max-width:190px;padding:17px 22px;background:#fff;border:1px solid rgba(0,44,70,.075);border-radius:15px;box-shadow:0 14px 32px -24px rgba(0,44,70,.5);transition:transform .2s,border-color .2s,box-shadow .2s;text-decoration:none;flex:1 1 126px}
.lbco-logo-card img{display:block;width:auto!important;height:auto!important;max-width:100%!important;max-height:46px!important;object-fit:contain!important;filter:none!important;transform:none!important}
a.lbco-logo-card:hover{transform:translateY(-3px);border-color:rgba(245,159,30,.55);box-shadow:0 20px 40px -25px rgba(0,44,70,.58)}
.lbco-logo-story{position:absolute;right:8px;top:8px;padding:3px 6px;border-radius:999px;background:var(--amber);color:var(--navy);font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;opacity:0;transform:translateY(2px);transition:.2s}
a.lbco-logo-card:hover .lbco-logo-story,a.lbco-logo-card:focus-visible .lbco-logo-story{opacity:1;transform:none}
.lbco-ref-hub .lbco-filter-count{white-space:nowrap;color:var(--steel);font-size:12.5px;font-weight:800;margin-bottom:8px}
.lbco-ref-success{background:#fff;border-top:1px solid rgba(0,44,70,.07)}
.lbco-ref-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px}
.lbco-ref-story-card{min-width:0}
.lbco-reference-teaser{background:#fff}
.lbco-reference-teaser-wall{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:12px;margin-top:34px}
.lbco-reference-teaser-logo{height:62px;min-width:104px;max-width:158px;flex:1 1 112px;display:flex;align-items:center;justify-content:center;padding:13px 17px;border:1px solid rgba(0,44,70,.07);border-radius:13px;background:#fff;box-shadow:0 10px 26px -22px rgba(0,44,70,.45)}
.lbco-reference-teaser-logo img{display:block;width:auto!important;height:auto!important;max-width:100%!important;max-height:37px!important;object-fit:contain!important;filter:none!important;transform:none!important}
@media(max-width:900px){
.lbco-ref-hub-head,.lbco-ref-success-head,.lbco-reference-teaser-head{align-items:flex-start;flex-direction:column;gap:22px}
.lbco-ref-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
.lbco-logo-wall{gap:10px}
.lbco-logo-card{height:67px;min-width:calc(50% - 6px);max-width:none;flex:1 1 calc(50% - 6px);padding:13px 15px;border-radius:12px}
.lbco-logo-card img{max-height:39px!important}
.lbco-logo-story{display:none}
.lbco-ref-story-grid{grid-template-columns:1fr}
.lbco-reference-teaser-wall{gap:9px}
.lbco-reference-teaser-logo{height:57px;min-width:calc(50% - 5px);max-width:none;flex:1 1 calc(50% - 5px);padding:12px 14px}
}
/* ============================================================
Kompetenzseiten – Stakeholder-Donut (1.40.3)
============================================================ */
.lbcx-stake{position:relative}
.lbcx-stake-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:24px 250px;align-items:stretch}
.lbcx-stake-card{appearance:none;position:relative;z-index:2;min-height:132px;padding:26px 28px;border:1px solid var(--cx-line);border-radius:18px;background:#fff;text-align:left;cursor:pointer;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,opacity .18s ease,background .22s ease}
.lbcx-stake-card:hover,.lbcx-stake-card:focus-visible{transform:translateY(-2px);border-color:rgba(0,44,70,.22);box-shadow:0 16px 38px -30px rgba(0,44,70,.52);outline:none}
.lbcx-stake-card.is-preview,.lbcx-stake-card.is-selected{border-color:rgba(245,159,30,.62);background:linear-gradient(180deg,#fff,#fffcf7);box-shadow:0 18px 44px -32px rgba(0,44,70,.55)}
.lbcx-stake-card.is-muted{opacity:.42}
.lbcx-stake-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--amber);transform:scaleY(0);transform-origin:center;transition:transform .22s ease}
.lbcx-stake-card.is-preview::before,.lbcx-stake-card.is-selected::before{transform:scaleY(1)}
.lbcx-stake-role{display:block;font-family:var(--serif);font-size:clamp(22px,2.1vw,29px);line-height:1.08;letter-spacing:-.025em;color:var(--navy)}
.lbcx-stake-card-focus{display:block;max-height:0;margin-top:0;opacity:0;overflow:hidden;transform:translateY(5px);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);transition:max-height .22s ease,margin-top .22s ease,opacity .18s ease,transform .22s ease}
.lbcx-stake-card:hover .lbcx-stake-card-focus,.lbcx-stake-card:focus-visible .lbcx-stake-card-focus,.lbcx-stake-card.is-selected .lbcx-stake-card-focus{max-height:22px;margin-top:12px;opacity:1;transform:none}
.lbcx-stake-center{position:absolute;inset:0;z-index:3;display:grid;place-items:center;pointer-events:none}
.lbcx-stake-donut{position:relative;width:292px;aspect-ratio:1;display:grid;place-items:center}
.lbcx-stake-svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 14px 25px rgba(0,44,70,.08))}
.lbcx-stake-ring{fill:none;stroke:#eef3f5;stroke-width:31}
.lbcx-stake-segment{fill:none;stroke:#dce5ea;stroke-width:31;stroke-linecap:butt;transform-origin:160px 160px;opacity:.68;transition:stroke .2s ease,stroke-width .26s cubic-bezier(.2,.8,.2,1),opacity .2s ease,transform .26s cubic-bezier(.2,.8,.2,1),filter .2s ease}
.lbcx-stake-segment.is-active{stroke:var(--amber);stroke-width:48;opacity:1;transform:scale(1.035);filter:drop-shadow(0 8px 8px rgba(245,159,30,.16))}
.lbcx-stake-segment.is-muted{opacity:.2}
.lbcx-stake-core{fill:#fff;stroke:#e4ecef;stroke-width:1}
.lbcx-stake-core-label{position:absolute;left:50%;top:103px;transform:translateX(-50%);font-size:9px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:var(--text-mute);white-space:nowrap;z-index:2}
.lbcx-stake-focus-cloud{position:absolute;inset:70px;display:grid;place-items:center;z-index:2}
.lbcx-stake-word{position:absolute;font-family:var(--serif);font-size:11px;line-height:1;color:#9eafb9;opacity:.48;white-space:nowrap;transition:color .2s ease,opacity .2s ease,font-size .25s cubic-bezier(.2,.8,.2,1),transform .25s cubic-bezier(.2,.8,.2,1)}
.lbcx-stake-word-0{transform:translateY(-30px) scale(.92)}
.lbcx-stake-word-1{transform:translateX(38px) scale(.92)}
.lbcx-stake-word-2{transform:translateX(-38px) scale(.92)}
.lbcx-stake-word-3{transform:translateY(30px) scale(.92)}
.lbcx-stake-word.is-active{color:var(--amber);opacity:1;font-size:25px;letter-spacing:-.025em;transform:translate(0,0) scale(1)!important}
.lbcx-stake-word.is-muted{opacity:.08;font-size:9px;transform:scale(.72)}
.lbcx-stake-details{margin-top:0}
.lbcx-stake-detail{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:38px;margin-top:28px;padding:34px;border:1px solid var(--cx-line);border-radius:18px;background:#fff;box-shadow:0 18px 48px -38px rgba(0,44,70,.42)}
.lbcx-stake-detail[hidden]{display:none!important}
.lbcx-stake-detail h3{font-size:27px;margin-bottom:10px}
.lbcx-stake-detail p{font-size:15.5px;line-height:1.66;color:var(--text-soft)}
@media(max-width:1050px){.lbcx-stake-grid{gap:22px 190px}.lbcx-stake-donut{width:250px}}
@media(max-width:760px){.lbcx-stake-grid{grid-template-columns:1fr;gap:12px;padding-top:220px}.lbcx-stake-center{align-items:start}.lbcx-stake-donut{width:220px}.lbcx-stake-card{min-height:auto;padding:20px 22px}.lbcx-stake-detail{grid-template-columns:1fr;gap:28px;padding:24px 20px}.lbcx-stake-core-label{top:74px}.lbcx-stake-focus-cloud{inset:52px}.lbcx-stake-word.is-active{font-size:21px}}
/* 1.40.6 – Kompetenzseiten: Ansprechpartner / reduzierte Kontaktwege */
.lbcx-person{padding:72px 0 92px;background:#fff}
.lbcx-person-card{display:grid;grid-template-columns:220px minmax(0,1fr);gap:52px;align-items:center;padding:42px 46px;border:1px solid rgba(0,44,70,.07);border-radius:28px;background:#f6f7f8}
.lbcx-person-media{display:grid;place-items:center}
.lbcx-person-photo,.lbcx-person-placeholder{width:190px;height:190px;border-radius:50%;border:8px solid #fff;box-shadow:0 16px 36px rgba(0,44,70,.10)}
.lbcx-person-photo{display:block;object-fit:cover;object-position:center}
.lbcx-person-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,#cad5dc,#f5f7f8);font-family:var(--serif);font-size:42px;color:var(--steel);font-weight:700}
.lbcx-person-copy .eyebrow{margin-bottom:15px}
.lbcx-person-copy h2{margin:0;font-family:var(--serif);font-size:clamp(34px,4vw,46px);line-height:1.03;letter-spacing:-.025em;color:var(--navy)}
.lbcx-person-role{margin:8px 0 19px;font-size:18px;color:var(--steel)}
.lbcx-person-copy blockquote{margin:0;max-width:760px;border:0;padding:0;font-size:19px;line-height:1.52;color:#395b6e;font-style:normal}
.lbcx-person-contactline{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:25px}
.lbcx-person-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0}
.lbcx-person-chip{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #d9e2e7;border-radius:999px;background:rgba(255,255,255,.86);color:var(--navy);font-size:13.5px;font-weight:700;text-decoration:none;line-height:1;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}
.lbcx-person-chip:hover,.lbcx-person-chip:focus-visible{transform:translateY(-1px);border-color:rgba(0,44,70,.24);background:#fff;box-shadow:0 7px 16px rgba(0,44,70,.055);outline:none}
.lbcx-person-in{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:4px;background:var(--navy);color:#fff;font-size:10px;font-weight:800;letter-spacing:-.02em}
.lbcx-person-booking{display:inline-flex;align-items:center;padding:7px 2px;color:var(--navy);font-size:13.5px;font-weight:750;text-decoration:none;border-bottom:1px solid rgba(0,44,70,.20);transition:color .2s ease,border-color .2s ease,transform .2s ease}
.lbcx-person-booking:hover,.lbcx-person-booking:focus-visible{color:#244f68;border-color:var(--amber);transform:translateX(2px);outline:none}
@media(max-width:800px){.lbcx-person{padding:56px 0 72px}.lbcx-person-card{grid-template-columns:1fr;gap:28px;padding:32px}.lbcx-person-media{justify-content:start}.lbcx-person-photo,.lbcx-person-placeholder{width:150px;height:150px}.lbcx-person-contactline{align-items:flex-start}}
@media(max-width:560px){.lbcx-person-card{padding:26px 22px;border-radius:22px}.lbcx-person-copy blockquote{font-size:17px}.lbcx-person-actions{gap:8px}.lbcx-person-chip{padding:9px 11px}.lbcx-person-contactline{display:grid;justify-items:start;gap:12px}}
/* ============================================================
Kompetenzseiten – Leistungen & Branchen Quernavigation (1.40.8)
Branchenbilder editierbar / Hero-Bild-Fallback
============================================================ */
.lbcx-crossnav{padding:104px 0 78px;background:#fff;border-top:1px solid rgba(0,44,70,.055)}
.lbcx-crossnav-head{max-width:980px;margin-bottom:44px}
.lbcx-crossnav-head .eyebrow{margin-bottom:17px}
.lbcx-crossnav-head h2{margin:0;font-family:var(--serif);font-size:clamp(40px,5vw,64px);line-height:1.02;letter-spacing:-.038em;color:var(--navy)}
.lbcx-crossnav-group+.lbcx-crossnav-group{margin-top:34px}
.lbcx-crossnav-label{margin:0 0 16px;font-family:var(--serif);font-size:20px;line-height:1.2;color:var(--navy)}
.lbcx-service-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.lbcx-service-card{grid-column:span 2;position:relative;min-height:126px;display:grid;grid-template-columns:92px minmax(0,1fr) 28px;gap:18px;align-items:center;padding:20px 22px;border:1px solid rgba(0,44,70,.075);border-radius:18px;background:#fff;color:var(--navy);text-decoration:none;box-shadow:0 18px 46px -38px rgba(0,44,70,.52);overflow:hidden;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease}
.lbcx-service-card:nth-child(n+4){grid-column:span 3}
.lbcx-service-card:hover,.lbcx-service-card:focus-visible{transform:translateY(-3px);border-color:rgba(80,116,143,.30);box-shadow:0 26px 52px -35px rgba(0,44,70,.42);background:#fdfefe;outline:none}
.lbcx-service-art{position:relative;width:78px;height:78px;display:grid;place-items:center;color:var(--navy)}
.lbcx-service-orbit{position:absolute;inset:6px;border:1px solid rgba(80,116,143,.48);border-radius:50%;transition:transform .32s ease,border-color .24s ease}
.lbcx-service-orbit::before,.lbcx-service-orbit::after{content:"";position:absolute;left:50%;top:50%;width:72%;height:1px;background:rgba(80,116,143,.42);transform-origin:center}
.lbcx-service-orbit::before{transform:translate(-50%,-50%) rotate(32deg)}
.lbcx-service-orbit::after{transform:translate(-50%,-50%) rotate(-32deg)}
.lbcx-service-icon{position:relative;z-index:2;width:34px;height:34px;display:grid;place-items:center;background:#fff;border-radius:50%;box-shadow:0 0 0 7px rgba(255,255,255,.92)}
.lbcx-service-icon .ic{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.45}
.lbcx-service-art>i{position:absolute;right:5px;bottom:13px;width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px #fff}
.lbcx-service-title{font-family:var(--serif);font-size:21px;line-height:1.16;letter-spacing:-.015em;color:var(--navy)}
.lbcx-card-arrow{display:grid;place-items:center;color:#2b6190;transition:transform .24s ease,color .24s ease}
.lbcx-card-arrow .ic{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.65}
.lbcx-service-card:hover .lbcx-service-orbit,.lbcx-service-card:focus-visible .lbcx-service-orbit{transform:rotate(10deg) scale(1.035);border-color:rgba(245,159,30,.7)}
.lbcx-service-card:hover .lbcx-card-arrow,.lbcx-service-card:focus-visible .lbcx-card-arrow{transform:translateX(4px);color:var(--amber)}
.lbcx-crossnav-branches{margin-top:38px}
.lbcx-branch-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.lbcx-branch-card{position:relative;min-height:154px;border:1px solid rgba(0,44,70,.075);border-radius:16px;background:#f8fafb;overflow:hidden;color:var(--navy);text-decoration:none;box-shadow:0 15px 40px -36px rgba(0,44,70,.48);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.lbcx-branch-card:hover,.lbcx-branch-card:focus-visible{transform:translateY(-3px);border-color:rgba(80,116,143,.28);box-shadow:0 22px 44px -32px rgba(0,44,70,.38);outline:none}
.lbcx-branch-visual{position:absolute;inset:0;overflow:hidden;background:#edf2f5}
.lbcx-branch-visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;opacity:.80;filter:saturate(.95) contrast(.96) brightness(1.02);transform:scale(1.02);transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .28s ease,filter .28s ease}
.lbcx-branch-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.91) 24%,rgba(255,255,255,.58) 46%,rgba(255,255,255,.12) 74%,rgba(255,255,255,0) 100%)}
.lbcx-branch-title{position:absolute;z-index:2;left:18px;top:18px;width:72%;font-family:var(--serif);font-size:16px;line-height:1.18;color:var(--navy)}
.lbcx-branch-arrow{position:absolute;z-index:2;left:18px;bottom:17px;display:grid;place-items:center;color:#2b6190;transition:transform .24s ease,color .24s ease}
.lbcx-branch-arrow .ic{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7}
.lbcx-branch-card:hover .lbcx-branch-visual img,.lbcx-branch-card:focus-visible .lbcx-branch-visual img{transform:scale(1.075);opacity:.94;filter:saturate(1.03) contrast(.99) brightness(1.01)}
.lbcx-branch-card:hover .lbcx-branch-arrow,.lbcx-branch-card:focus-visible .lbcx-branch-arrow{transform:translateX(4px);color:var(--amber)}
/* 1.40.11 · Nur Branchen-Karten in der Kompetenz-Quernavigation: weniger Weißschleier, kräftigere Hero-Bilder. */
@media(max-width:1050px){
.lbcx-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.lbcx-service-card,.lbcx-service-card:nth-child(n+4){grid-column:auto}
.lbcx-branch-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
.lbcx-crossnav{padding:72px 0 54px}
.lbcx-crossnav-head{margin-bottom:34px}
.lbcx-crossnav-group+.lbcx-crossnav-group{margin-top:30px}
.lbcx-service-grid{grid-template-columns:1fr;gap:10px}
.lbcx-service-card{min-height:104px;grid-template-columns:68px minmax(0,1fr) 24px;gap:14px;padding:17px 18px;border-radius:16px}
.lbcx-service-art{width:62px;height:62px}.lbcx-service-title{font-size:19px}
.lbcx-branch-strip{display:flex;gap:10px;overflow-x:auto;padding:0 0 8px;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-width:thin}
.lbcx-branch-card{flex:0 0 76%;min-height:148px;scroll-snap-align:start}
}
/* 1.40.10 · Gemeinsame Content-Achse: Hero und Folgesektionen nutzen dieselbe 1260/40-Containerlogik. */
/* ============================================================
1.40.9 · Kompetenz-Hero – gemeinsame Bühne mit Branchenseiten
============================================================ */
.lbcx-competence-hero .hero{
min-height:min(780px,82vh);
display:flex;
align-items:center;
background:linear-gradient(104deg,var(--deep) 0%,#00243a 52%,var(--navy) 100%);
padding:150px 0 88px;
}
.lbcx-competence-hero .hero::before,
.lbcx-competence-hero .hero::after{display:none!important}
.lbcx-competence-hero .hero .wrap{max-width:1260px;width:100%;z-index:3}
.lbcx-competence-hero .hero-grid{display:block}
.lbcx-competence-hero .hero-copy{max-width:700px}
.lbcx-competence-hero .competence-hero-label{
color:var(--amber);
gap:12px;
letter-spacing:.17em;
}
.lbcx-competence-hero .competence-hero-label::before{display:none}
.lbcx-competence-hero .competence-hero-label .ic{
width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7;
flex:none;
}
.lbcx-competence-hero .hero h1{
font-family:var(--serif);
font-weight:600;
font-size:clamp(42px,5.35vw,68px);
line-height:1.01;
letter-spacing:-.018em;
max-width:720px;
margin-top:34px;
}
.lbcx-competence-hero .hero .lede{
max-width:650px;
font-family:var(--sans);
font-size:clamp(17px,1.45vw,19.5px);
line-height:1.68;
color:rgba(255,255,255,.84);
margin-top:28px;
}
.lbcx-competence-hero .competence-hero-lede-secondary{
margin-top:11px!important;
color:rgba(255,255,255,.68)!important;
font-size:16px!important;
}
.lbcx-competence-hero .hero-actions{margin-top:34px;gap:30px;align-items:center}
.lbcx-competence-hero .competence-hero-primary{
padding:13px 25px;
font-size:14.5px;
box-shadow:none;
transform:none;
}
.lbcx-competence-hero .competence-hero-primary:hover,
.lbcx-competence-hero .competence-hero-primary:focus-visible{
background:var(--amber-soft);
transform:translateY(-1px);
box-shadow:none;
}
.lbcx-competence-hero .branch-text-link{
padding:11px 1px 9px;
font-size:14px;
border-bottom-width:1.5px;
}
.lbcx-competence-hero .branch-text-link span,
.lbcx-competence-hero .competence-hero-primary span{transition:transform .22s ease}
.lbcx-competence-hero .branch-text-link:hover span,
.lbcx-competence-hero .competence-hero-primary:hover span{transform:translateX(3px)}
.lbcx-competence-hero .competence-hero-backdrop{
z-index:1;
right:clamp(-34px,1.5vw,26px);
bottom:clamp(34px,5.2vw,76px);
width:min(55vw,820px);
max-width:none;
font-family:var(--sans);
font-size:clamp(76px,8.1vw,142px);
font-weight:800;
line-height:.80;
letter-spacing:-.055em;
text-transform:uppercase;
text-align:left;
color:rgba(136,162,180,.105);
}
@media(max-width:980px){
.lbcx-competence-hero .hero{min-height:700px;padding:136px 0 78px}
.lbcx-competence-hero .hero .wrap{max-width:none}
.lbcx-competence-hero .competence-hero-backdrop{width:58vw;right:-40px;font-size:clamp(64px,11vw,112px);color:rgba(136,162,180,.08)}
}
@media(max-width:760px){
.lbcx-competence-hero .hero{min-height:0;padding:122px 0 72px;align-items:flex-start}
.lbcx-competence-hero .hero-copy{max-width:none}
.lbcx-competence-hero .hero h1{font-size:clamp(39px,11.6vw,54px);margin-top:27px;line-height:1.02}
.lbcx-competence-hero .hero .lede{font-size:17px;line-height:1.62;margin-top:23px}
.lbcx-competence-hero .competence-hero-backdrop{display:none}
.lbcx-competence-hero .hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:15px;margin-top:30px}
.lbcx-competence-hero .competence-hero-primary{width:100%;justify-content:center;padding:13px 20px}
.lbcx-competence-hero .branch-text-link{align-self:flex-start}
.lbcx-competence-hero .competence-hero-label{font-size:11px;letter-spacing:.135em;line-height:1.25}
}
@media(max-width:420px){
.lbcx-competence-hero .competence-hero-label{align-items:flex-start}
.lbcx-competence-hero .competence-hero-label .ic{margin-top:1px}
}
@media(prefers-reduced-motion:reduce){
.lbcx-competence-hero .branch-text-link span,
.lbcx-competence-hero .competence-hero-primary span{transition:none}
}
/* ============================================================
Partnerseiten – ganzheitliches Lösungsmodell (1.40.13)
============================================================ */
.plh-solution{padding:104px 0 96px;background:#fff;color:var(--navy);overflow:hidden}
.plh-solution-head{max-width:860px;margin:0 0 50px}
.plh-solution-head h2{font-size:clamp(38px,4.5vw,60px);line-height:1.04;margin:17px 0 20px;max-width:760px}
.plh-solution-head>p{max-width:760px;color:var(--text-soft);font-size:17px;line-height:1.68}
.plh-solution-stage{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:clamp(36px,5vw,74px);align-items:center}
.plh-solution-gears{position:relative;width:min(100%,660px);aspect-ratio:1/1;margin-inline:auto}
.plh-solution-links{position:absolute;inset:0;width:100%;height:100%;color:rgba(80,116,143,.25);pointer-events:none}
.plh-solution-links path{fill:none;stroke:currentColor;stroke-width:1.2;stroke-dasharray:4 7}
.plh-solution-center,.plh-gear{position:absolute;display:grid;place-items:center;text-align:center}
.plh-solution-center{left:50%;top:50%;width:31%;aspect-ratio:1;transform:translate(-50%,-50%);z-index:3;color:#fff}
.plh-solution-center>svg,.plh-gear-shape{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.plh-solution-center>svg polygon{fill:var(--navy)}
.plh-solution-center>div{position:relative;z-index:2;width:72%;display:flex;flex-direction:column;align-items:center;gap:6px}
.plh-solution-center strong{font-family:var(--head);font-size:clamp(19px,2.1vw,29px);line-height:1.03}
.plh-solution-center small{font-size:10px;line-height:1.25;color:rgba(255,255,255,.68);font-weight:750;letter-spacing:.025em}
.plh-gear{appearance:none;border:0;padding:0;width:25%;aspect-ratio:1;background:transparent;color:var(--navy);cursor:pointer;z-index:4;transition:transform .25s ease,filter .25s ease}
.plh-gear-shape polygon{fill:#e7eef3;stroke:rgba(0,44,70,.07);stroke-width:.9;transition:fill .25s ease,stroke .25s ease}
.plh-gear-content{position:relative;z-index:2;width:72%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;pointer-events:none}
.plh-gear-icon{display:grid;place-items:center;width:34px;height:34px;color:var(--steel);transition:color .25s ease}
.plh-gear-icon .ic{width:28px;height:28px;stroke-width:1.45}
.plh-gear strong{font-family:var(--sans);font-size:clamp(12px,1.3vw,16px);line-height:1.08;font-weight:850;letter-spacing:0}
.plh-gear small{font-size:10px;line-height:1;color:var(--steel);font-weight:750}
.plh-gear:is(:hover,:focus-visible,.is-active){transform:scale(1.075);outline:none;filter:drop-shadow(0 16px 18px rgba(0,44,70,.1))}
.plh-gear:is(:hover,:focus-visible,.is-active) .plh-gear-shape polygon{fill:#fff4df;stroke:rgba(245,159,30,.5)}
.plh-gear:is(:hover,:focus-visible,.is-active) .plh-gear-icon{color:var(--amber)}
.plh-gear--software .plh-gear-shape polygon{fill:#dfe8ee}
.plh-gear--software:is(:hover,:focus-visible,.is-active) .plh-gear-shape polygon{fill:#ffe9be}
.plh-gear--0{left:10.5%;top:18.5%}
.plh-gear--1{left:37.5%;top:1.5%}
.plh-gear--2{right:10.5%;top:18.5%}
.plh-gear--3{right:10.5%;bottom:18.5%}
.plh-gear--4{left:37.5%;bottom:1.5%}
.plh-gear--5{left:10.5%;bottom:18.5%}
.plh-solution-detail{min-height:310px;padding:34px 34px 31px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fff,#f8fafb);box-shadow:0 24px 58px -48px rgba(0,44,70,.55)}
.plh-solution-detail-kicker{display:block;color:var(--steel);font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.plh-solution-detail h3{font-family:var(--head);font-size:clamp(29px,3vw,40px);line-height:1.05;margin:20px 0 14px}
.plh-solution-question{color:var(--navy);font-size:17px;line-height:1.48;font-weight:760}
.plh-solution-answer{margin-top:15px;color:var(--text-soft);font-size:14.5px;line-height:1.62}
.plh-solution-hint{display:block;margin-top:25px;padding-top:16px;border-top:1px solid var(--line);color:#8ba0ae;font-size:11px}
.plh-solution-compare{position:relative;display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:18px;margin-top:54px;align-items:stretch}
.plh-compare-card{padding:30px 31px;border:1px solid var(--line);border-radius:17px;background:#fff}
.plh-compare-card--manufacturer{background:#f8fafb}
.plh-compare-label{display:block;margin-bottom:23px;font-family:var(--head);font-size:22px;font-weight:750}
.plh-compare-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.plh-compare-items--wide{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}
.plh-compare-item>span{display:grid;place-items:center;width:37px;height:37px;margin-bottom:12px;color:var(--steel)}
.plh-compare-card--lebihan .plh-compare-item>span{color:var(--amber)}
.plh-compare-item .ic{width:30px;height:30px;stroke-width:1.45}
.plh-compare-item strong{display:block;font-size:13.5px;line-height:1.25}
.plh-compare-item p{margin-top:6px;color:var(--text-soft);font-size:12px;line-height:1.48}
.plh-compare-plus{position:absolute;left:calc(35% - 22px);top:50%;transform:translate(-50%,-50%);z-index:3;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);box-shadow:0 10px 24px rgba(0,44,70,.08);font-family:var(--head);font-size:27px;color:var(--navy)}
.plh-solution-statement{display:grid;grid-template-columns:54px minmax(0,1fr);gap:20px;align-items:center;margin-top:24px;padding:23px 27px;border-radius:16px;background:linear-gradient(90deg,#f2f6f8,#fff);border:1px solid rgba(0,44,70,.05)}
.plh-solution-statement-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff}
.plh-solution-statement-icon .ic{width:25px;height:25px}
.plh-solution-statement p{font-size:18px;line-height:1.45;color:var(--navy)}
@media(max-width:1080px){
.plh-solution-stage{grid-template-columns:1fr;gap:28px}
.plh-solution-detail{min-height:0;max-width:740px;width:100%;margin-inline:auto}
.plh-solution-compare{grid-template-columns:1fr}
.plh-compare-plus{display:none}
.plh-compare-items--wide{grid-template-columns:repeat(5,minmax(120px,1fr));overflow-x:auto;padding-bottom:4px}
}
@media(max-width:720px){
.plh-solution{padding:74px 0 68px}
.plh-solution-head{margin-bottom:34px}
.plh-solution-head h2{font-size:clamp(34px,11vw,48px)}
.plh-solution-gears{aspect-ratio:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:144px}
.plh-solution-links{display:none}
.plh-solution-center{top:0;left:50%;width:134px;transform:translateX(-50%)}
.plh-solution-center strong{font-size:18px}
.plh-gear{position:relative!important;inset:auto!important;width:100%;min-height:116px;aspect-ratio:auto;border:1px solid var(--line);border-radius:16px;background:#f8fafb;overflow:hidden}
.plh-gear-shape{width:104px;height:104px;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.24}
.plh-gear-content{width:88%;gap:3px}
.plh-gear strong{font-size:14px}
.plh-gear:is(:hover,:focus-visible,.is-active){transform:none;filter:none;border-color:rgba(245,159,30,.5);background:#fffaf0}
.plh-solution-detail{padding:27px 24px}
.plh-solution-detail h3{font-size:31px}
.plh-compare-card{padding:25px 22px}
.plh-compare-items,.plh-compare-items--wide{grid-template-columns:1fr;gap:0;overflow:visible}
.plh-compare-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}
.plh-compare-item:last-child{border-bottom:0}
.plh-compare-item>span{margin:0;width:36px;height:36px}
.plh-solution-statement{grid-template-columns:44px minmax(0,1fr);padding:20px 19px}
.plh-solution-statement-icon{width:44px;height:44px}
.plh-solution-statement p{font-size:15.5px}
}
@media(prefers-reduced-motion:reduce){
.plh-gear,.plh-gear-shape polygon,.plh-gear-icon{transition:none!important}
}
/* ============================================================
1.40.14 – Planisware Enterprise / Partnerdetail im cplace-Hybrid
Editoriale Varianten bleiben opt-in und verändern bestehende Partnerseiten nicht.
============================================================ */
/* Hero: gleiche Grundart wie die kuratierte cplace-Seite, aber ohne Button-/Frame-Glow. */
.lbp-editorial-hero .btn-primary{
background:var(--amber);
color:var(--navy);
box-shadow:none;
background-image:none;
transform:none;
}
.lbp-editorial-hero .btn-primary:hover,
.lbp-editorial-hero .btn-primary:focus-visible{
background:var(--amber-soft);
box-shadow:none;
transform:none;
}
.lbp-editorial-hero .pa-product-frame{box-shadow:none;border-color:rgba(255,255,255,.24)}
/* Plattformprofil: flache cplace-Logik ohne Icon-Karten. */
.lbp-editorial-platform .pa-editorial-media{box-shadow:none}
.lbp-editorial-platform .pa-benefit__mark{background:transparent;border:1px solid rgba(245,159,30,.45);color:#b86b00}
/* Planisware × Le Bihan: fünf Kacheln wie im cplace-Partnerschaftsblock. */
.lbp-partner-bento .pa-partnership-head{max-width:820px}
.lbp-partner-bento .pa-bento{margin-top:46px}
.lbp-bento-brand{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));}
.lbp-bento-brand::before{
content:"";position:absolute;inset:0;pointer-events:none;
background:linear-gradient(120deg,transparent 0 44%,rgba(245,159,30,.08) 44% 44.5%,transparent 44.5% 100%);
}
.lbp-bento-brand__inner{position:relative;z-index:2;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px 34px 58px}
.lbp-bento-brand__partner,.lbp-bento-brand__lb{display:block;max-width:210px;max-height:54px;width:auto;height:auto;object-fit:contain;background:#fff;border-radius:10px;padding:10px 16px}
.lbp-bento-brand__x{display:grid;place-items:center;width:44px;height:44px;margin:14px 0;color:var(--amber);font-family:var(--head);font-size:34px;line-height:1}
.lbp-bento-brand figcaption{left:22px;bottom:20px;background:transparent;padding:0;color:rgba(255,255,255,.62);font-size:11px;letter-spacing:.04em}
.lbp-bento-kicker{font-family:var(--sans);font-size:11px!important;line-height:1!important;letter-spacing:.14em;text-transform:uppercase;color:var(--steel);font-weight:850;margin-bottom:12px!important}
.pa-bento-fact--2 .lbp-bento-kicker{color:rgba(0,44,70,.62)}
.pa-bento-fact--4 .lbp-bento-kicker{color:var(--amber-soft)}
/* Einsatzszenarien: keine "Einordnung"-Karten, sondern redaktionelle Liste. */
.lbp-usecases .pa-competence-row{min-height:132px}
.lbp-usecases .pa-competence-no{font-size:25px;color:#90a7b5}
.lbp-usecases .pa-competence-copy h3{font-size:18px}
/* Vorgehen: exakt an die Expertise-/Kompetenzseiten angelehnt. */
.lbp-delivery-engagement .lbcx-engagement-section{background:#fff}
.lbp-delivery-engagement .lbcx-engagement-head{grid-template-columns:1fr;padding:40px}
.lbp-delivery-engagement .lbcx-engagement-head>div{max-width:820px}
.lbp-delivery-engagement .lbcx-engagement-grid article{min-height:188px}
/* Aus der Praxis: cplace-artige Case-Inszenierung, bewusst ohne künstliche Kennzahlen. */
.lbp-practice .pa-cases-head{max-width:790px}
.lbp-case-feature{display:grid;grid-template-columns:minmax(260px,.38fr) minmax(0,.62fr);margin-top:44px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;color:inherit;text-decoration:none;transition:border-color .2s ease,transform .2s ease}
.lbp-case-feature:hover,.lbp-case-feature:focus-visible{border-color:rgba(245,159,30,.55);transform:translateY(-2px)}
.lbp-case-feature__visual{min-height:310px;padding:42px;display:flex;flex-direction:column;justify-content:space-between;background:var(--mist);border-right:1px solid var(--line)}
.lbp-case-feature__visual img{display:block;max-width:170px;max-height:70px;width:auto;height:auto;object-fit:contain}
.lbp-case-feature__visual>span{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:850;color:var(--steel)}
.lbp-case-feature__body{padding:46px 48px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.lbp-case-feature__body h3{font-family:var(--head);font-size:clamp(30px,3.2vw,44px);line-height:1.08;margin-top:13px;color:var(--navy)}
.lbp-case-feature__body p{max-width:680px;margin-top:17px;color:var(--text-soft);font-size:16px;line-height:1.64}
.lbp-case-feature__body strong{margin-top:26px;padding-bottom:4px;border-bottom:2px solid var(--amber);font-size:13px;color:var(--navy)}
/* ------------------------------------------------------------
Ganzheitliches Lösungsmodell – echte Zahnräder statt Polygon-Sterne.
------------------------------------------------------------ */
.plh-solution{padding:108px 0 100px}
.plh-solution-head{margin-bottom:54px}
.plh-solution-head h2{max-width:800px}
.plh-solution-stage{grid-template-columns:minmax(0,1.34fr) minmax(310px,.66fr);gap:clamp(42px,6vw,82px)}
.plh-solution-gears{width:min(100%,680px);aspect-ratio:1/1}
.plh-solution-links{display:none}
.plh-solution-center,.plh-gear{position:absolute;display:grid;place-items:center;text-align:center}
.plh-solution-center{left:50%;top:50%;width:36%;aspect-ratio:1;transform:translate(-50%,-50%);z-index:3;color:#fff}
.plh-cog-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform-origin:50% 50%;transition:transform .34s cubic-bezier(.2,.7,.2,1),filter .25s ease}
.plh-cog-teeth rect,.plh-cog-body{fill:#e6edf1;transition:fill .24s ease,stroke .24s ease}
.plh-cog-ring{fill:none;stroke:rgba(0,44,70,.09);stroke-width:1.2}
.plh-solution-center .plh-cog-teeth rect,.plh-solution-center .plh-cog-body{fill:var(--navy)}
.plh-solution-center .plh-cog-ring{stroke:rgba(255,255,255,.13)}
.plh-solution-center>div{position:relative;z-index:2;width:66%;gap:6px}
.plh-solution-center strong{font-size:clamp(18px,2vw,28px)}
.plh-solution-center small{font-size:10px;color:rgba(255,255,255,.64)}
.plh-gear{appearance:none;border:0;padding:0;width:28%;aspect-ratio:1;background:transparent;color:var(--navy);cursor:pointer;z-index:4;transition:transform .22s ease;--r:0deg;--ra:12deg}
.plh-gear .plh-cog-svg{transform:rotate(var(--r))}
.plh-gear-content{position:relative;z-index:2;width:63%;gap:4px}
.plh-gear-icon{width:32px;height:32px;color:var(--steel);transition:color .2s ease}
.plh-gear-icon .ic{width:27px;height:27px;stroke-width:1.5}
.plh-gear strong{font-size:clamp(12px,1.22vw,15.5px);line-height:1.08}
.plh-gear small{max-width:100%;font-size:9px;line-height:1.1;color:var(--steel)}
.plh-gear:is(:hover,:focus-visible,.is-active){transform:scale(1.045);filter:none;outline:none}
.plh-gear:is(:hover,:focus-visible,.is-active) .plh-cog-svg{transform:rotate(var(--ra));filter:drop-shadow(0 10px 12px rgba(0,44,70,.08))}
.plh-gear:is(:hover,:focus-visible,.is-active) .plh-cog-teeth rect,
.plh-gear:is(:hover,:focus-visible,.is-active) .plh-cog-body{fill:#fff0d2}
.plh-gear:is(:hover,:focus-visible,.is-active) .plh-cog-ring{stroke:rgba(245,159,30,.42)}
.plh-gear:is(:hover,:focus-visible,.is-active) .plh-gear-icon{color:#b96d00}
.plh-gear--software .plh-cog-teeth rect,.plh-gear--software .plh-cog-body{fill:#dbe6ec}
.plh-gear--software:is(:hover,:focus-visible,.is-active) .plh-cog-teeth rect,
.plh-gear--software:is(:hover,:focus-visible,.is-active) .plh-cog-body{fill:#ffe8bb}
.plh-gear--0{left:2%;top:22%;--r:-8deg;--ra:7deg}
.plh-gear--1{left:36%;top:2%;--r:7deg;--ra:22deg}
.plh-gear--2{right:2%;top:22%;--r:-4deg;--ra:11deg}
.plh-gear--3{right:2%;bottom:22%;--r:9deg;--ra:24deg}
.plh-gear--4{left:36%;bottom:2%;--r:-7deg;--ra:8deg}
.plh-gear--5{left:2%;bottom:22%;--r:5deg;--ra:20deg}
[data-plh-solution][data-active-index="0"] .plh-solution-center .plh-cog-svg{transform:rotate(-6deg)}
[data-plh-solution][data-active-index="1"] .plh-solution-center .plh-cog-svg{transform:rotate(-12deg)}
[data-plh-solution][data-active-index="2"] .plh-solution-center .plh-cog-svg{transform:rotate(-18deg)}
[data-plh-solution][data-active-index="3"] .plh-solution-center .plh-cog-svg{transform:rotate(-24deg)}
[data-plh-solution][data-active-index="4"] .plh-solution-center .plh-cog-svg{transform:rotate(-30deg)}
[data-plh-solution][data-active-index="5"] .plh-solution-center .plh-cog-svg{transform:rotate(-36deg)}
.plh-solution-detail{min-height:0;padding:0 0 0 30px;border:0;border-left:2px solid var(--amber);border-radius:0;background:transparent;box-shadow:none}
.plh-solution-detail-kicker{color:var(--steel)}
.plh-solution-detail h3{margin:17px 0 12px;font-size:clamp(30px,3vw,42px)}
.plh-solution-question{font-size:17px;line-height:1.5}
.plh-solution-answer{font-size:14.5px;line-height:1.65}
.plh-solution-hint{display:none!important}
/* Rollen sauber und editorial statt als generische Icon-Karten. */
.plh-solution-compare{display:grid;grid-template-columns:minmax(0,.82fr) 56px minmax(0,1.18fr);gap:0;margin-top:62px;padding:38px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent}
.plh-compare-column{padding:0 34px}
.plh-compare-column:first-child{padding-left:0}
.plh-compare-column:last-child{padding-right:0}
.plh-compare-label{display:block;margin-bottom:25px;font-family:var(--head);font-size:clamp(21px,2.1vw,28px);line-height:1.15;color:var(--navy)}
.plh-compare-list{display:grid;gap:0}
.plh-compare-list--lebihan{grid-template-columns:1fr 1fr;column-gap:28px}
.plh-compare-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:13px;padding:14px 0;border-top:1px solid rgba(0,44,70,.08)}
.plh-compare-list .plh-compare-item:first-child,.plh-compare-list--lebihan .plh-compare-item:nth-child(2){border-top-color:rgba(0,44,70,.08)}
.plh-compare-item>span{display:grid;place-items:start;width:34px;height:34px;margin:0;color:var(--steel)}
.plh-compare-column--lebihan .plh-compare-item>span{color:#b96d00}
.plh-compare-item .ic{width:24px;height:24px;stroke-width:1.5}
.plh-compare-item strong{font-size:14px;line-height:1.25}
.plh-compare-item p{margin-top:5px;font-size:12.5px;line-height:1.5;color:var(--text-soft)}
.plh-compare-bridge{position:relative;display:grid;place-items:start center;padding-top:2px}
.plh-compare-bridge::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--line)}
.plh-compare-bridge span{position:relative;z-index:2;display:grid;place-items:center;width:34px;height:34px;background:#fff;color:var(--amber);font-family:var(--head);font-size:28px;line-height:1}
.plh-solution-statement{display:none!important}
@media(max-width:1080px){
.plh-solution-stage{grid-template-columns:1fr;gap:34px}
.plh-solution-detail{max-width:760px;margin-inline:auto;padding-left:24px}
.plh-solution-compare{grid-template-columns:1fr;gap:30px}
.plh-compare-column{padding:0}
.plh-compare-bridge{display:none}
.plh-compare-list--lebihan{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
.lbp-case-feature{grid-template-columns:1fr}
.lbp-case-feature__visual{min-height:180px;border-right:0;border-bottom:1px solid var(--line);padding:30px}
.lbp-case-feature__body{padding:30px 26px}
.lbp-delivery-engagement .lbcx-engagement-head{padding:30px 24px}
.plh-solution-gears{aspect-ratio:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:170px;width:100%}
.plh-solution-center{top:0;left:50%;width:150px;transform:translateX(-50%)}
.plh-gear{position:relative!important;inset:auto!important;width:min(100%,164px);justify-self:center;aspect-ratio:1;min-height:0;border:0;border-radius:0;background:transparent;overflow:visible}
.plh-gear .plh-cog-svg{position:absolute;width:100%;height:100%;left:0;top:0;opacity:1}
.plh-gear-content{width:64%}
.plh-gear strong{font-size:13px}
.plh-gear:is(:hover,:focus-visible,.is-active){transform:scale(1.02);border:0;background:transparent}
.plh-solution-detail{padding:0 0 0 20px}
.plh-compare-list--lebihan{grid-template-columns:1fr}
.plh-solution-compare{padding:30px 0}
.plh-compare-column{padding:0}
.lbp-bento-brand__partner,.lbp-bento-brand__lb{max-width:180px}
}
@media(prefers-reduced-motion:reduce){
.plh-cog-svg,.lbp-case-feature{transition:none!important}
}
/* 1.40.14 Nachschärfung: Praxisblock bewusst identisch zur cplace-Case-Sprache. */
.lbp-cases-single{max-width:760px}
.lbp-case-card{box-shadow:none}
.lbp-case-card__media{position:relative;display:flex;align-items:center;justify-content:center;background:#f2f6f8}
.lbp-case-card__logo{display:block;max-width:190px;max-height:74px;width:auto;height:auto;object-fit:contain}
.lbp-case-card__kicker{position:absolute;left:24px;bottom:20px;font-size:10px;line-height:1;letter-spacing:.14em;text-transform:uppercase;font-weight:850;color:var(--steel)}
.lbp-case-card:is(a):hover,.lbp-case-card:is(a):focus-visible{box-shadow:none;border-color:rgba(245,159,30,.48);transform:translateY(-2px)}
/* Zahnräder greifen sichtbar ineinander: größer, dichter, weiterhin ruhig. */
@media(min-width:721px){
.plh-solution-center{width:38%}
.plh-gear{width:30%}
.plh-gear--0{left:0;top:21%;--r:-8deg;--ra:7deg}
.plh-gear--1{left:35%;top:0;--r:7deg;--ra:22deg}
.plh-gear--2{right:0;top:21%;--r:-4deg;--ra:11deg}
.plh-gear--3{right:0;bottom:21%;--r:9deg;--ra:24deg}
.plh-gear--4{left:35%;bottom:0;--r:-7deg;--ra:8deg}
.plh-gear--5{left:0;bottom:21%;--r:5deg;--ra:20deg}
}
/* ============================================================
1.40.15 – Partner-Lösungsmodell final
Partnerlogo im Software-Zahnrad, harmonischer Zahnradkranz,
reduziertes Zentrum. Ausschließlich auf .plh-solution gescoped.
============================================================ */
.plh-solution-center>div{gap:0}
.plh-solution-center strong{max-width:76%;margin-inline:auto}
.plh-gear-partner-logo{
display:grid;place-items:center;
width:min(76px,82%);height:28px;margin:0 auto 5px;
}
.plh-gear-partner-logo img{
display:block;max-width:100%;max-height:24px;width:auto;height:auto;object-fit:contain;
}
.plh-gear--software .plh-gear-content{width:68%}
.plh-gear--software .plh-gear-partner-logo+strong{font-size:clamp(12px,1.18vw,15px)}
.plh-gear--software:is(:hover,:focus-visible,.is-active) .plh-gear-partner-logo{transform:none}
/* Regelmäßiger Sechserkranz: gleiche Mittelpunktradien und deutlich harmonischere Außenabstände. */
@media(min-width:721px){
.plh-gear--0{left:5.55%;top:18%;--r:-8deg;--ra:7deg}
.plh-gear--1{left:35%;top:1%;--r:7deg;--ra:22deg}
.plh-gear--2{right:5.55%;top:18%;--r:-4deg;--ra:11deg}
.plh-gear--3{right:5.55%;bottom:18%;--r:9deg;--ra:24deg}
.plh-gear--4{left:35%;bottom:1%;--r:-7deg;--ra:8deg}
.plh-gear--5{left:5.55%;bottom:18%;--r:5deg;--ra:20deg}
}
@media(max-width:720px){
.plh-gear-partner-logo{width:min(68px,78%);height:24px;margin-bottom:4px}
.plh-gear-partner-logo img{max-height:20px}
}
/* ============================================================
1.40.16 – Planisware Enterprise final polish
Ruhigere Plattformliste, cplace-Partnerschaftsbild, eigene Icon-
Semantik im Lösungsmodell und Praxisblock mit Zitat + zwei Cards.
============================================================ */
/* Hero: bewusste dreizeilige Editorial-Headline auf Desktop. */
@media(min-width:1081px){
.lbp-editorial-hero .phero-h1{max-width:700px;font-size:clamp(44px,4.25vw,62px);line-height:1.035}
}
/* Planisware im Überblick: keine SaaS-Häkchen – nummerierte redaktionelle Zeilen. */
.lbp-editorial-platform .lbp-platform-points{margin-top:31px;border-top:1px solid var(--line)}
.lbp-editorial-platform .lbp-platform-point{grid-template-columns:42px minmax(0,1fr);gap:16px;padding:19px 0;border-bottom:1px solid var(--line)}
.lbp-editorial-platform .lbp-platform-point__no{display:block;width:auto;height:auto;border:0;background:transparent;color:var(--steel);font-family:var(--head);font-size:15px;line-height:1;padding-top:4px}
.lbp-editorial-platform .lbp-platform-point h3{font-size:16px}
.lbp-editorial-platform .lbp-platform-point p{margin-top:5px}
/* Partnerschaft: echte cplace-Medienlogik links, keine Sondervisualisierung. */
.lbp-partner-bento .lbp-bento-story{background:rgba(255,255,255,.055)}
.lbp-partner-bento .lbp-bento-story .pa-bento-media__img{width:100%;height:100%;object-fit:cover}
.lbp-partner-bento .pa-bento-fact p:empty{display:none}
.lbp-partner-bento .pa-bento-fact h3{max-width:25ch}
.lbp-partner-bento .pa-bento-value.lbp-bento-kicker{font-family:var(--head);font-size:clamp(27px,3vw,44px)!important;line-height:1!important;letter-spacing:-.02em;text-transform:none;color:inherit;font-weight:500;margin-bottom:13px!important}
/* Signature-Icons: gemeinsamer Rhythmus, bewusst getrennt von Mega-Menü-Symbolik. */
.plh-solution .plh-gear-icon .ic{width:29px;height:29px;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.plh-solution .plh-gear-icon{width:34px;height:34px}
/* Hersteller + Le Bihan als zwei zusammengehörige, ruhige Hälften. */
.plh-solution-compare{grid-template-columns:minmax(0,.82fr) 58px minmax(0,1.18fr);padding:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}
.plh-compare-column{padding:34px 36px 32px}
.plh-compare-column:first-child{padding-left:36px;background:#f6f8fa}
.plh-compare-column:last-child{padding-right:36px;background:#fffaf2}
.plh-compare-bridge{background:linear-gradient(90deg,#f6f8fa 0 49%,#fffaf2 51% 100%);padding-top:34px}
.plh-compare-bridge::before{top:0;bottom:0;background:var(--line)}
.plh-compare-bridge span{background:#fff;border:1px solid var(--line);border-radius:50%;font-size:24px}
.plh-compare-item{grid-template-columns:30px minmax(0,1fr);gap:11px;padding:12px 0}
.plh-compare-item>span{width:30px;height:30px}
.plh-compare-item .ic{width:22px;height:22px;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
/* Aus der Praxis: exakt cplace-Grid, Logos ruhig statt künstlichem Feature-Case. */
.lbp-practice .pa-cases-grid{grid-template-columns:1.2fr .8fr .8fr}
.lbp-practice-card__media{position:relative;display:flex;align-items:center;justify-content:center;background:#f2f6f8;padding:30px}
.lbp-practice-card__logo{display:block;max-width:165px;max-height:64px;width:auto;height:auto;object-fit:contain}
.lbp-practice-card__fallback{display:grid;place-items:center;width:62px;height:62px;color:var(--steel);border:1px solid rgba(0,44,70,.12);border-radius:16px;background:#fff}
.lbp-practice-card__fallback .ic{width:29px;height:29px;stroke-width:1.45}
.lbp-practice-card__kicker{position:absolute;left:20px;bottom:17px;color:var(--steel);font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.lbp-practice .pa-case-card{box-shadow:none}
.lbp-practice .pa-case-card:is(a):hover,.lbp-practice .pa-case-card:is(a):focus-visible{box-shadow:none;border-color:rgba(245,159,30,.5)}
@media(max-width:1080px){
.plh-solution-compare{grid-template-columns:1fr;overflow:visible;border-radius:18px}
.plh-compare-column:first-child,.plh-compare-column:last-child{padding:30px;background:#fff}
.plh-compare-column:first-child{background:#f6f8fa;border-radius:18px 18px 0 0}
.plh-compare-column:last-child{background:#fffaf2;border-radius:0 0 18px 18px}
.lbp-practice .pa-cases-grid{grid-template-columns:1fr 1fr}
.lbp-practice .pa-case-quote{grid-column:1/3}
}
@media(max-width:680px){
.lbp-editorial-platform .lbp-platform-point{grid-template-columns:35px minmax(0,1fr);gap:10px}
.lbp-practice .pa-cases-grid{grid-template-columns:1fr}
.lbp-practice .pa-case-quote{grid-column:auto}
}
/* ============================================================
1.40.17 – Planisware Enterprise / visuelle Nachschärfung
Einheitliche Lösungsmodell-Icons, cplace-artige Checkmarks,
reduzierte Hersteller-vs.-Le-Bihan-Tabelle und kompakter Praxisblock.
============================================================ */
/* Planisware Enterprise im Überblick: wieder dieselbe ruhige Hakenlogik wie cplace,
damit die Partnerschaftszahlen der einzige Zahlenblock auf der Seite bleiben. */
.lbp-editorial-platform .lbp-platform-points{margin-top:34px;border-top:1px solid var(--line)}
.lbp-editorial-platform .lbp-platform-point{grid-template-columns:30px minmax(0,1fr);gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}
.lbp-editorial-platform .pa-benefit__mark{
width:25px;height:25px;margin-top:1px;border:0;border-radius:50%;
background:rgba(245,159,30,.12);color:#b86b00;
display:grid;place-items:center;font-family:var(--sans);font-size:13px;font-weight:900;
}
.lbp-editorial-platform .lbp-platform-point h3{font-size:16px}
.lbp-editorial-platform .lbp-platform-point p{margin-top:5px}
/* Eigene Icon-Familie des ganzheitlichen Lösungsmodells.
Explizit fill:none, damit alle Symbole als konsistente Line-Icons rendern. */
.plh-solution .ic{
fill:none;stroke:currentColor;stroke-width:1.55;
stroke-linecap:round;stroke-linejoin:round;
}
.plh-solution .ic *{vector-effect:non-scaling-stroke}
.plh-solution .plh-gear-icon{width:36px;height:36px;color:#4d7189}
.plh-solution .plh-gear-icon .ic{width:30px;height:30px;stroke-width:1.55}
.plh-solution .plh-gear:is(:hover,:focus-visible,.is-active) .plh-gear-icon{color:#a96300}
/* Vergleich wieder wie eine reduzierte Tabelle statt wie zwei UI-Karten. */
.plh-solution-compare{
grid-template-columns:minmax(0,.78fr) 52px minmax(0,1.22fr);
gap:0;margin-top:58px;padding:34px 0;
border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
border-radius:0;overflow:visible;background:transparent;
}
.plh-compare-column,
.plh-compare-column:first-child,
.plh-compare-column:last-child{
padding:0 32px;background:transparent;border-radius:0;
}
.plh-compare-column:first-child{padding-left:0}
.plh-compare-column:last-child{padding-right:0}
.plh-compare-label{margin-bottom:20px;font-size:clamp(20px,1.8vw,25px)}
.plh-compare-list{gap:0}
.plh-compare-list--lebihan{grid-template-columns:1fr 1fr;column-gap:26px}
.plh-compare-item{grid-template-columns:30px minmax(0,1fr);gap:11px;padding:12px 0;border-top:1px solid rgba(0,44,70,.08)}
.plh-compare-item>span{width:30px;height:30px;color:#50748f;display:grid;place-items:start}
.plh-compare-column--lebihan .plh-compare-item>span{color:#b86b00}
.plh-compare-item .ic{width:22px;height:22px;stroke-width:1.5}
.plh-compare-item strong{font-size:13.5px;line-height:1.25}
.plh-compare-item p{margin-top:4px;font-size:12.25px;line-height:1.46}
.plh-compare-bridge{padding-top:0;align-items:start}
.plh-compare-bridge::before{top:0;bottom:0;background:var(--line)}
.plh-compare-bridge span{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:23px}
/* Aus der Praxis: dieselbe cplace-Grundkomposition, aber für die Detailseite kompakter. */
.lbp-practice{padding-top:84px;padding-bottom:84px}
.lbp-practice .pa-cases-head{max-width:760px}
.lbp-practice .pa-cases-head .pa-h2{margin-top:14px}
.lbp-practice .pa-cases-head .pa-p{margin-top:12px}
.lbp-practice .pa-cases-grid{grid-template-columns:1.12fr .94fr .94fr;gap:16px;margin-top:34px;align-items:stretch}
.lbp-practice .pa-case-quote{min-height:305px;padding:34px 36px;border-radius:16px}
.lbp-practice .pa-case-quote p{font-size:clamp(23px,2vw,31px);line-height:1.23}
.lbp-practice .pa-case-quote footer{margin-top:24px;font-size:12.5px}
.lbp-practice .pa-case-card{border-radius:16px}
.lbp-practice .pa-case-card__media{aspect-ratio:16/8.4;min-height:0}
.lbp-practice-card__media{padding:24px}
.lbp-practice-card__logo{max-width:145px;max-height:54px}
.lbp-practice-card__fallback{width:52px;height:52px;border-radius:13px}
.lbp-practice-card__fallback .ic{width:24px;height:24px;fill:none;stroke:currentColor}
.lbp-practice-card__kicker{left:18px;bottom:14px;font-size:9.5px}
.lbp-practice .pa-case-card__body{padding:21px 22px 22px}
.lbp-practice .pa-case-card h3{font-size:18px}
.lbp-practice .pa-case-card p{margin-top:7px;font-size:13.5px;line-height:1.5}
.lbp-practice .pa-case-card__body>span{padding-top:16px;font-size:12.5px}
@media(max-width:1080px){
.plh-solution-compare{grid-template-columns:1fr;gap:28px;padding:30px 0}
.plh-compare-column,.plh-compare-column:first-child,.plh-compare-column:last-child{padding:0;background:transparent}
.plh-compare-bridge{display:none}
.lbp-practice .pa-cases-grid{grid-template-columns:1fr 1fr}
.lbp-practice .pa-case-quote{grid-column:1/3;min-height:250px}
}
@media(max-width:680px){
.lbp-editorial-platform .lbp-platform-point{grid-template-columns:28px minmax(0,1fr);gap:12px}
.plh-compare-list--lebihan{grid-template-columns:1fr}
.lbp-practice{padding-top:68px;padding-bottom:68px}
.lbp-practice .pa-cases-grid{grid-template-columns:1fr;margin-top:28px}
.lbp-practice .pa-case-quote{grid-column:auto;min-height:240px;padding:28px}
.lbp-practice .pa-case-card__media{aspect-ratio:16/7.8}
}
/* ===== 1.40.21 – Branchenseiten: fachliche Vertiefung + „Unsere Antwort“ ===== */
.lbx-branch-insights .branch-insights{background:#fff}
.lbx-branch-insights .sec-head{margin-bottom:42px}
.lbx-branch-insights .sec-head p{max-width:860px}
.lbx-branch-insights .branch-insights-list{border-top:1px solid var(--hair)}
.lbx-branch-insights .branch-insight{border-bottom:1px solid var(--hair)}
.lbx-branch-insights .branch-insight-trigger{appearance:none;width:100%;border:0;background:transparent;color:var(--navy);display:grid;grid-template-columns:72px minmax(0,1fr) 44px;gap:24px;align-items:start;text-align:left;padding:28px 0 26px;cursor:pointer;font:inherit}
.lbx-branch-insights .branch-insight-trigger:focus-visible{outline:2px solid var(--amber);outline-offset:5px}
.lbx-branch-insights .branch-insight-no{font-size:11px;font-weight:900;letter-spacing:.14em;color:var(--steel);padding-top:7px}
.lbx-branch-insights .branch-insight-summary{display:block}
.lbx-branch-insights .branch-insight-summary strong{display:block;font-family:var(--serif);font-size:clamp(22px,2.2vw,31px);line-height:1.08;letter-spacing:-.018em;color:var(--navy);font-weight:700}
.lbx-branch-insights .branch-insight-summary>span{display:block;margin-top:7px;color:var(--text-soft);font-size:15.5px;line-height:1.5}
.lbx-branch-insights .branch-insight-plus{position:relative;width:36px;height:36px;border:1px solid rgba(0,44,70,.22);border-radius:50%;justify-self:end;transition:border-color .18s ease,background .18s ease}
.lbx-branch-insights .branch-insight-plus::before,.lbx-branch-insights .branch-insight-plus::after{content:"";position:absolute;left:50%;top:50%;width:13px;height:1.5px;background:var(--navy);transform:translate(-50%,-50%);transition:transform .22s ease,background .18s ease}
.lbx-branch-insights .branch-insight-plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.lbx-branch-insights .branch-insight-trigger:hover .branch-insight-plus{border-color:var(--amber)}
.lbx-branch-insights .branch-insight.is-open .branch-insight-plus{border-color:var(--amber);background:#fff8ed}
.lbx-branch-insights .branch-insight.is-open .branch-insight-plus::before,.lbx-branch-insights .branch-insight.is-open .branch-insight-plus::after{background:var(--amber)}
.lbx-branch-insights .branch-insight.is-open .branch-insight-plus::after{transform:translate(-50%,-50%) rotate(0deg)}
.lbx-branch-insights .branch-insight-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.22,.61,.36,1)}
.lbx-branch-insights .branch-insight.is-open .branch-insight-panel{grid-template-rows:1fr}
.lbx-branch-insights .branch-insight-panel-inner{overflow:hidden;margin-left:96px;max-width:830px}
.lbx-branch-insights .branch-insight-panel-inner>p{margin:0;padding:0 0 18px;color:#29495e;font-size:15.5px;line-height:1.72}
/* 1.41.2 – Branche: Ansatz und Referenzen folgen wieder der gemeinsamen Branchenseiten-Typografie */
.lbx-branch-answer .branch-answer{background:#fff;padding-bottom:0}
.lbx-branch-answer .branch-answer-copy.sec-head.left{max-width:720px;margin-bottom:0;padding-bottom:64px}
.lbx-branch-answer .branch-answer-copy>p+p{margin-top:16px}
.lbx-branch-answer .branch-answer-clamp{background:var(--navy);color:#fff}
.lbx-branch-answer .branch-answer-clamp-inner{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(340px,.78fr);gap:72px;align-items:center;min-height:248px;padding-top:44px;padding-bottom:44px}
.lbx-branch-answer .branch-answer-principle{margin:0;max-width:650px;color:#fff;font-family:var(--serif);font-size:clamp(29px,3.15vw,43px);line-height:1.08;font-weight:700;letter-spacing:-.018em}
.lbx-branch-answer .branch-answer-tech-inline{border-left:1px solid rgba(255,255,255,.2);padding-left:34px}
.lbx-branch-answer .branch-answer-tech-intro{margin:0 0 18px;color:rgba(255,255,255,.8);font-size:15px;line-height:1.6;max-width:510px}
.lbx-branch-answer .branch-answer-platforms-inline{border-top:1px solid rgba(255,255,255,.16)}
.lbx-branch-answer .branch-answer-platform-inline{display:grid;grid-template-columns:minmax(100px,145px) minmax(0,1fr) auto;gap:20px;align-items:center;min-height:66px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.16);color:#fff;text-decoration:none}
.lbx-branch-answer .branch-answer-platform-inline-logo{display:flex;align-items:center;min-height:31px}
.lbx-branch-answer .branch-answer-platform-inline-logo img{display:block;max-height:27px;max-width:128px;width:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.94}
.lbx-branch-answer .branch-answer-platform-inline-title{font-size:14.5px;line-height:1.25;font-weight:750}
.lbx-branch-answer .branch-answer-platform-inline-arrow{font-size:17px;color:var(--amber);transform:translateX(0);transition:transform .18s ease}
.lbx-branch-answer a.branch-answer-platform-inline:hover .branch-answer-platform-inline-arrow,.lbx-branch-answer a.branch-answer-platform-inline:focus-visible .branch-answer-platform-inline-arrow{transform:translateX(3px)}
.lbx-branch-answer a.branch-answer-platform-inline:focus-visible{outline:2px solid var(--amber);outline-offset:4px}
/* Pharma nutzt die kompakte Proof-Anordnung, aber die normale Branchenseiten-Hierarchie im Kopf. */
.lbx .branch-references.is-compact{background:#fff;padding-top:96px;padding-bottom:96px}
.lbx .branch-references.is-compact .sec-head{display:block;max-width:720px;margin:0 0 50px;text-align:left}
.lbx .branch-references.is-compact .sec-head h2{max-width:720px}
.lbx .branch-references.is-compact .sec-head p{max-width:720px}
.lbx .branch-references.is-compact .ref-compact-grid{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(340px,.82fr);gap:54px;padding-top:32px;border-top:1px solid var(--hair)}
.lbx .branch-references.is-compact .cband-label{margin:0 0 22px;color:var(--steel);font-size:10.5px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.lbx .branch-references.is-compact .ref-compact-logos{display:grid;grid-template-columns:repeat(5,minmax(90px,1fr));gap:14px}
.lbx .branch-references.is-compact .ref-compact-logo{height:82px;border:1px solid var(--hair);background:#fff;display:flex;align-items:center;justify-content:center;padding:17px}
.lbx .branch-references.is-compact .ref-compact-logo img{display:block;max-width:100%;max-height:46px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.72}
.lbx .branch-references.is-compact .ref-compact-case{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:218px;padding:8px 0 8px 32px;border-left:2px solid var(--amber);text-decoration:none;color:var(--navy)}
.lbx .branch-references.is-compact .ref-compact-case .ref-case-tag{color:var(--steel);font-size:10.5px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.lbx .branch-references.is-compact .ref-compact-case h3{font-family:var(--serif);font-size:clamp(24px,2.35vw,32px);line-height:1.1;margin:16px 0 0;max-width:500px;font-weight:700}
.lbx .branch-references.is-compact .ref-compact-case p{color:var(--text-soft);font-size:15px;line-height:1.62;margin-top:13px;max-width:520px}
.lbx .branch-references.is-compact .ref-case-link{color:var(--navy);border-bottom:1.5px solid var(--amber);padding-bottom:3px;margin-top:20px;font-size:13px;font-weight:850}
@media(max-width:760px){
.lbx-branch-insights .branch-insight-trigger{grid-template-columns:42px minmax(0,1fr) 36px;gap:13px;padding:23px 0 21px}
.lbx-branch-insights .branch-insight-no{font-size:10px;padding-top:5px}
.lbx-branch-insights .branch-insight-summary strong{font-size:23px}
.lbx-branch-insights .branch-insight-summary>span{font-size:14px}
.lbx-branch-insights .branch-insight-plus{width:32px;height:32px}
.lbx-branch-insights .branch-insight-panel-inner{margin-left:55px}
.lbx-branch-insights .branch-insight-panel-inner>p{font-size:14.5px}
.lbx-branch-answer .branch-answer-copy.sec-head.left{padding-bottom:46px}
.lbx-branch-answer .branch-answer-clamp-inner{grid-template-columns:1fr;gap:28px;min-height:0;padding-top:40px;padding-bottom:40px}
.lbx-branch-answer .branch-answer-tech-inline{border-left:0;border-top:1px solid rgba(255,255,255,.2);padding-left:0;padding-top:25px}
.lbx-branch-answer .branch-answer-platform-inline{grid-template-columns:minmax(92px,125px) minmax(0,1fr) auto;gap:15px;min-height:64px}
.lbx-branch-answer .branch-answer-platform-inline-logo img{max-width:108px;max-height:25px}
.lbx .branch-references.is-compact .ref-compact-grid{grid-template-columns:1fr;gap:34px}
.lbx .branch-references.is-compact .ref-compact-logos{grid-template-columns:repeat(3,minmax(80px,1fr))}
.lbx .branch-references.is-compact .ref-compact-case{min-height:0;padding:27px 0 4px 22px}
}
@media(prefers-reduced-motion:reduce){.lbx-branch-insights .branch-insight-panel,.lbx-branch-insights .branch-insight-plus::after{transition:none}}
.editor-styles-wrapper .lbx-branch-insights .branch-insight-panel{grid-template-rows:1fr!important}
/* 1.41.3 – Branchenreferenzen: kompakte Logowand als Ableitung der Referenzseite */
.lbx .branch-references.is-compact .ref-compact-logos{gap:14px 16px}
.lbx .branch-references.is-compact .ref-compact-logo{
height:78px;
padding:17px 22px;
background:#fff;
border:1px solid rgba(0,44,70,.075);
border-radius:15px;
box-shadow:0 14px 32px -24px rgba(0,44,70,.50);
}
.lbx .branch-references.is-compact .ref-compact-logo img{
display:block;
width:auto!important;
height:auto!important;
max-width:100%!important;
max-height:46px!important;
object-fit:contain!important;
filter:none!important;
opacity:1!important;
transform:none!important;
}
@media(max-width:760px){
.lbx .branch-references.is-compact .ref-compact-logos{gap:10px}
.lbx .branch-references.is-compact .ref-compact-logo{height:66px;padding:13px 16px;border-radius:13px}
.lbx .branch-references.is-compact .ref-compact-logo img{max-height:39px!important}
}
/* 1.41.4 – Fokusbranchen: redaktionelle Planungsrealität ohne Keyword-Tags */
.lbx-branch-insights .branch-insight-panel-inner>p:last-child{padding-bottom:28px}
/* 1.41.24 – Kompakter Branchen-Success-Story-Teaser: Link bleibt Link, Copy bleibt redaktionell. */
.lbx .branch-references.is-compact-visual .ref-compact-grid{grid-template-columns:minmax(0,1.38fr) minmax(350px,.82fr);align-items:start}
.lbx .branch-references.is-compact-visual .ref-feature-case{
display:block;color:var(--navy);text-decoration:none;background:transparent;
}
.lbx .branch-references.is-compact-visual .ref-feature-media{
position:relative;aspect-ratio:1.18/1;overflow:hidden;border-radius:18px;background:#eef3f6;
box-shadow:0 18px 44px -36px rgba(0,44,70,.52);
}
.lbx .branch-references.is-compact-visual .ref-feature-media>img{
width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .32s ease;
}
.lbx .branch-references.is-compact-visual .ref-feature-badge{
position:absolute;top:18px;left:18px;z-index:2;display:inline-flex;align-items:center;
min-height:28px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.94);
color:var(--navy);font-size:9.5px;line-height:1;font-weight:900;letter-spacing:.13em;text-transform:uppercase;
box-shadow:0 5px 16px rgba(0,44,70,.09);
}
.lbx .branch-references.is-compact-visual .ref-feature-caption{padding:18px 2px 0}
.lbx .branch-references.is-compact-visual .ref-feature-caption h3{
margin:0;max-width:440px;font-family:var(--serif);font-size:clamp(21px,1.85vw,27px);
line-height:1.12;font-weight:700;letter-spacing:-.012em;color:var(--navy);
}
.lbx .branch-references.is-compact-visual .ref-feature-link{
display:inline-flex;align-items:center;gap:9px;margin-top:14px;padding-bottom:3px;
border-bottom:1.5px solid var(--amber);color:var(--navy);font-size:13px;font-weight:850;
}
.lbx .branch-references.is-compact-visual .ref-feature-link svg{width:16px;height:16px;transition:transform .18s ease}
@media(hover:hover) and (pointer:fine){
.lbx .branch-references.is-compact-visual .ref-feature-case:hover .ref-feature-media>img,
.lbx .branch-references.is-compact-visual .ref-feature-case:focus-visible .ref-feature-media>img{transform:scale(1.018)}
.lbx .branch-references.is-compact-visual .ref-feature-case:hover .ref-feature-link svg,
.lbx .branch-references.is-compact-visual .ref-feature-case:focus-visible .ref-feature-link svg{transform:translateX(3px)}
}
.lbx .branch-references.is-compact-visual .ref-feature-case:focus-visible{outline:2px solid var(--amber);outline-offset:5px;border-radius:18px}
@media(max-width:900px){
.lbx .branch-references.is-compact-visual .ref-compact-grid{grid-template-columns:1fr;gap:34px}
.lbx .branch-references.is-compact-visual .ref-feature-media{aspect-ratio:16/10;border-radius:16px}
.lbx .branch-references.is-compact-visual .ref-feature-caption{padding-top:17px}
.lbx .branch-references.is-compact-visual .ref-feature-caption h3{font-size:clamp(22px,6vw,29px)}
}
@media(prefers-reduced-motion:reduce){
.lbx .branch-references.is-compact-visual .ref-feature-media>img,
.lbx .branch-references.is-compact-visual .ref-feature-link svg{transition:none}
}
/* 1.41.6 – Featured Success Story: Trennlinie zwischen Referenzen und Story */
/* 1.41.7 – Trennlinie dezenter in Steel/Blue-Grey statt Amber */
.lbx .branch-references.is-compact-visual .ref-feature-wrap{
min-width:0;padding-left:32px;border-left:1px solid rgba(80,116,143,.34);
}
.lbx .branch-references.is-compact-visual .ref-feature-wrap .ref-feature-case{height:100%;}
@media(max-width:900px){
.lbx .branch-references.is-compact-visual .ref-feature-wrap{padding-left:0;border-left:0;}
}
/* 1.41.8 – Featured Success Story treatment rolled out to all focus-industry pages.
Visual behavior remains scoped to the ACF layout `compact_visual`; the central reference page is unaffected. */
/* 1.41.9 – Branchenfamilie: Pharma-Logik für Planungsrealität + Referenz-Duplikat-Fix */
/* Lange Hero-Titel der Fokusbranchen etwas ruhiger, ohne Pharma zu verändern. */
.lbx .hero.has-panel .hero-copy h1{font-size:clamp(40px,4.55vw,62px);line-height:1.02;max-width:760px}
@media(max-width:760px){.lbx .hero.has-panel .hero-copy h1{font-size:clamp(38px,10.5vw,52px)}}
/* 1.41.10 – Harmonisierung der Technologiepartner-Seiten */
.lbp-editorial-hero .pslot-img{max-width:190px;max-height:44px;object-fit:contain}
.lbp-signature .pa-signature-grid--no-media{grid-template-columns:minmax(0,860px)}
.lbp-highlight .pa-bento--no-media{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.lbp-highlight .pa-bento--no-media{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.lbp-highlight .pa-bento--no-media{grid-template-columns:1fr}}
/* 1.41.11 – Technologiepartner-Hero: Produktbild ohne Browserrahmen / „Produktansicht“-Leiste */
.lbp-editorial-hero .pa-product-visual{margin:0;min-width:0;align-self:center;justify-self:stretch;background:transparent;border:0;border-radius:18px;box-shadow:none;overflow:hidden}
.lbp-editorial-hero .pa-product-visual__img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center;background:transparent;border:0;border-radius:inherit;box-shadow:none}
@media(max-width:1040px){.lbp-editorial-hero .pa-product-visual{max-width:920px}}
/* 1.41.13 – Partner-Hero: Produktvisual wieder mit einheitlich abgerundeten Ecken, weiterhin ohne Browser-/Graurahmen */
/* ============================================================
1.41.14/1.41.15 · Dienstleistungen – zentrale Services-Seite / Leistungsbaum
============================================================ */
.lbc-services{background:#fff;color:var(--navy)}
.lbc-services-hero{position:relative;overflow:hidden;padding:178px 0 98px;color:#fff;background:radial-gradient(115% 115% at 82% 6%,#0a4a6b 0%,#013650 42%,#001a2b 100%)}
.lbc-services-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(48% 72% at 84% 28%,rgba(245,159,30,.13),transparent 60%)}
.lbc-services-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);gap:88px;align-items:center}
.lbc-services-hero-copy{max-width:760px}
.lbc-services-hero-label{color:rgba(255,255,255,.78)}
.lbc-services-hero-label::before{display:none}
.lbc-services-hero-label .ic{width:22px;height:22px;stroke:var(--amber);fill:none;stroke-width:1.55}
.lbc-services-hero h1{margin:24px 0 0;max-width:760px;color:#fff;font-size:clamp(48px,5.35vw,72px);line-height:1.01;font-weight:600;letter-spacing:-.035em}
.lbc-services-hero .lede{margin-top:26px;max-width:700px;color:rgba(255,255,255,.83);font-size:19px;line-height:1.65}
.lbc-services-hero .hero-actions{opacity:1;animation:none;margin-top:34px}
.lbc-services-hero .lbc-services-primary{box-shadow:none}
.lbc-services-hero .lbc-services-primary:hover{box-shadow:none}
.lbc-services-hero .branch-text-link{display:inline-flex;align-items:center;align-self:center;color:#fff;text-decoration:none;font-weight:800;font-size:14.5px;padding:13px 2px;border-bottom:2px solid var(--amber)}
.lbc-services-hero .branch-text-link:hover,.lbc-services-hero .branch-text-link:focus-visible{color:var(--amber-soft);outline:none}
.lbc-services-hero .branch-text-link span{transition:transform .2s ease}
.lbc-services-hero .branch-text-link:hover span,.lbc-services-hero .branch-text-link:focus-visible span{transform:translateX(3px)}
.lbc-services-hero-map{position:relative;display:grid;gap:0;padding:8px 0 8px 4px}
.lbc-services-map-line{position:absolute;left:52px;top:25px;bottom:25px;width:1px;background:rgba(255,255,255,.20)}
.lbc-services-map-node{position:relative;display:grid;grid-template-columns:34px 28px minmax(0,1fr);gap:15px;align-items:center;min-height:70px;padding:7px 0;color:rgba(255,255,255,.68);text-decoration:none;transition:color .2s ease}
.lbc-services-map-index{font-size:10px;line-height:1;font-weight:850;letter-spacing:.12em;color:rgba(255,255,255,.42);font-variant-numeric:tabular-nums}
.lbc-services-map-dot{position:relative;z-index:2;width:13px;height:13px;border:2px solid rgba(255,255,255,.62);border-radius:50%;background:#063b58;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.lbc-services-map-title{font-family:var(--serif);font-size:18px;line-height:1.18;letter-spacing:-.012em}
.lbc-services-map-node:hover,.lbc-services-map-node:focus-visible,.lbc-services-map-node.is-active{color:#fff;outline:none}
.lbc-services-map-node:hover .lbc-services-map-dot,.lbc-services-map-node:focus-visible .lbc-services-map-dot,.lbc-services-map-node.is-active .lbc-services-map-dot{background:var(--amber);border-color:var(--amber);transform:scale(1.08)}
.lbc-services-map-node.is-active .lbc-services-map-index{color:var(--amber)}
.lbc-services-tree-section{padding:104px 0 92px;background:#fff}
.lbc-services-tree-head{max-width:820px;margin-bottom:56px}
.lbc-services-tree-head h2{max-width:760px}
.lbc-services-tree-head p{max-width:770px}
.lbc-services-tree{position:relative;max-width:1180px;border-bottom:1px solid rgba(0,44,70,.10)}
.lbc-services-tree-line{position:absolute;left:38px;top:0;bottom:0;width:1px;background:rgba(80,116,143,.34);pointer-events:none}
.lbc-service-station{position:relative;border-top:1px solid rgba(0,44,70,.10);scroll-margin-top:120px}
.lbc-service-trigger{appearance:none;width:100%;display:grid;grid-template-columns:76px 44px minmax(0,1fr) 38px;gap:18px;align-items:center;padding:27px 0;border:0;background:transparent;color:var(--navy);font:inherit;text-align:left;cursor:pointer}
.lbc-service-node{position:relative;z-index:2;display:grid;place-items:center;width:40px;height:40px;margin-left:18px;border:1px solid rgba(80,116,143,.36);border-radius:50%;background:#fff;color:var(--steel);transition:background .2s ease,border-color .2s ease,color .2s ease}
.lbc-service-node .ic{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5}
.lbc-service-number{font-size:10.5px;font-weight:850;letter-spacing:.12em;color:var(--steel);font-variant-numeric:tabular-nums}
.lbc-service-heading{display:grid;gap:6px;min-width:0}
.lbc-service-heading strong{font-family:var(--serif);font-size:clamp(25px,2.45vw,34px);line-height:1.08;letter-spacing:-.025em;font-weight:600;color:var(--navy)}
.lbc-service-heading>span{font-size:15.5px;line-height:1.45;color:var(--text-soft)}
.lbc-service-chevron{position:relative;width:34px;height:34px;border:1px solid rgba(80,116,143,.34);border-radius:50%}
.lbc-service-chevron::before,.lbc-service-chevron::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:var(--navy);transform:translate(-50%,-50%);transition:transform .22s ease}
.lbc-service-chevron::after{transform:translate(-50%,-50%) rotate(90deg)}
.lbc-service-trigger:hover .lbc-service-node,.lbc-service-trigger:focus-visible .lbc-service-node{border-color:rgba(245,159,30,.72);color:var(--navy)}
.lbc-service-trigger:focus-visible{outline:none}
.lbc-service-station.is-open .lbc-service-node{background:var(--amber);border-color:var(--amber);color:var(--navy)}
.lbc-service-station.is-open .lbc-service-number{color:var(--amber)}
.lbc-service-station.is-open .lbc-service-chevron::after{transform:translate(-50%,-50%) rotate(0deg)}
.lbc-service-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .34s cubic-bezier(.2,.8,.2,1)}
.lbc-service-station.is-open .lbc-service-panel{grid-template-rows:1fr}
.lbc-service-panel-shell{min-height:0;overflow:hidden}
.lbc-service-panel-inner{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.72fr);gap:68px;padding:0 0 0 138px}
.lbc-service-station.is-open .lbc-service-panel-inner{padding-top:10px;padding-bottom:40px}
.lbc-service-copy{max-width:660px}
.lbc-service-lead{margin:0 0 20px;font-family:var(--serif);font-size:clamp(22px,2.2vw,28px);line-height:1.34;letter-spacing:-.015em;color:var(--navy)}
.lbc-service-copy>p:not(.lbc-service-lead){margin:0 0 15px;font-size:16px;line-height:1.72;color:var(--text-soft)}
.lbc-service-topics{margin-top:27px;padding-top:20px;border-top:1px solid rgba(0,44,70,.09)}
.lbc-service-topics>span,.lbc-service-side-note>span{display:block;margin-bottom:8px;font-size:10.5px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:var(--steel)}
.lbc-service-topics p{margin:0;font-size:15px;line-height:1.7;color:var(--navy)}
.lbc-service-side{display:grid;gap:14px;align-content:start;padding-bottom:4px}
.lbc-service-image{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:16px;background:#eef3f5}
.lbc-service-image img{width:100%;height:100%;object-fit:cover}
.lbc-service-image-placeholder{height:100%;display:grid;place-items:center;align-content:center;gap:12px;border:1px dashed rgba(80,116,143,.30);border-radius:16px;color:var(--steel);background:linear-gradient(135deg,#f5f8fa,#edf3f6)}
.lbc-service-image-placeholder>span{display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(80,116,143,.25);border-radius:50%;background:#fff}
.lbc-service-image-placeholder .ic{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.45}
.lbc-service-image-placeholder small{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.lbc-service-side-note{padding:18px 20px;border-radius:14px;background:#f5f8fa}
.lbc-service-side-note.is-result{background:#fff;border:1px solid rgba(0,44,70,.09)}
.lbc-service-side-note p{margin:0;font-size:14.5px;line-height:1.58;color:var(--text-soft)}
.lbc-service-side-note.is-result p{color:var(--navy)}
.lbc-service-next-row{grid-column:1/-1;margin:0 0 0 138px;padding:18px 0 24px;border-top:1px solid rgba(0,44,70,.08)}
.lbc-service-next-row button{appearance:none;border:0;background:none;padding:0;color:var(--navy);font:inherit;font-size:13.5px;font-weight:750;cursor:pointer}
.lbc-service-next-row button:hover,.lbc-service-next-row button:focus-visible{color:var(--steel);outline:none}
.lbc-services-solution{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr);gap:62px;align-items:center;padding:34px 0 12px}
.lbc-services-solution-node{position:relative;z-index:2;display:grid;place-items:center;width:42px;height:42px;margin-left:17px;border-radius:50%;background:var(--amber);color:var(--navy);font-size:18px;font-weight:850}
.lbc-services-solution>div{max-width:720px;padding:26px 30px;border-radius:18px;background:#f5f8fa}
.lbc-services-solution .eyebrow{margin-bottom:11px;font-size:10px}
.lbc-services-solution h3{margin:0;font-size:clamp(30px,3.2vw,42px);font-weight:600}
.lbc-services-solution p{margin:12px 0 0;max-width:650px;color:var(--text-soft);font-size:15.5px;line-height:1.65}
@media(max-width:980px){
.lbc-services-hero-grid{grid-template-columns:1fr;gap:54px}
.lbc-services-hero-copy{max-width:800px}
.lbc-services-hero-map{max-width:600px}
.lbc-service-panel-inner{grid-template-columns:1fr;gap:34px;padding-left:120px}
.lbc-service-next-row{margin-left:120px}
.lbc-service-side{max-width:620px;grid-template-columns:1fr 1fr}
.lbc-service-image{grid-column:1/-1}
}
@media(max-width:700px){
.lbc-services-hero{padding:142px 0 78px}
.lbc-services-hero h1{font-size:clamp(43px,12vw,58px)}
.lbc-services-hero .lede{font-size:17px}
.lbc-services-hero-map{display:none}
.lbc-services-tree-section{padding:76px 0 66px}
.lbc-services-tree-head{margin-bottom:36px}
.lbc-services-tree-line{left:20px;top:0;bottom:0}
.lbc-service-trigger{grid-template-columns:44px 32px minmax(0,1fr) 32px;gap:10px;padding:22px 0}
.lbc-service-node{width:34px;height:34px;margin-left:3px}
.lbc-service-node .ic{width:17px;height:17px}
.lbc-service-number{font-size:9.5px}
.lbc-service-heading strong{font-size:24px}
.lbc-service-heading>span{font-size:14px}
.lbc-service-chevron{width:30px;height:30px}
.lbc-service-panel-inner{padding-left:76px;gap:26px}
.lbc-service-station.is-open .lbc-service-panel-inner{padding-top:4px;padding-bottom:32px}
.lbc-service-copy>p:not(.lbc-service-lead){font-size:15px}
.lbc-service-side{grid-template-columns:1fr}
.lbc-service-image{grid-column:auto}
.lbc-service-next-row{margin-left:76px;padding-top:16px}
.lbc-services-solution{grid-template-columns:44px minmax(0,1fr);gap:32px;padding-top:28px}
.lbc-services-solution-node{width:36px;height:36px;margin-left:2px}
.lbc-services-solution>div{padding:22px 20px;border-radius:16px}
}
@media(prefers-reduced-motion:reduce){
.lbc-service-panel,.lbc-service-chevron::before,.lbc-service-chevron::after,.lbc-services-map-dot{transition:none!important}
}
.editor-styles-wrapper .lbc-service-panel{grid-template-rows:1fr!important}
.editor-styles-wrapper .lbc-service-panel-inner{padding-top:10px!important;padding-bottom:40px!important}
/* 1.41.14 · Mega-Menü: zentrale Dienstleistungen-Seite direkt erreichbar */
.exp-label-link{display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none}
.exp-label-link span{color:var(--amber);transition:transform .18s ease}
.exp-label-link:hover span,.exp-label-link:focus-visible span{transform:translateX(3px)}
/* News – Filter-/Medien-Fixes 1.41.21 */
.lbco-news-featured{margin-top:0}
.lbco-news-grid{margin-top:20px}
.lbco-news-featured[hidden],.lbco-news-card[hidden],.lbco-news-filter-empty[hidden]{display:none!important}
.lbco-news-featured-media,.lbco-news-card-media{position:relative;isolation:isolate}
.lbco-news-media-fallback{position:absolute;inset:0;z-index:0;display:grid;place-items:center;background:#eaf0f3;color:var(--steel)}
.lbco-news-media-fallback::before{content:"";position:absolute;width:34px;height:2px;background:var(--amber);transform:translateY(-20px)}
.lbco-news-media-fallback span{font-family:var(--serif);font-size:18px;letter-spacing:-.01em;color:var(--navy);opacity:.72}
.lbco-news-featured-media .lbco-news-image,.lbco-news-card-media .lbco-news-image{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover}
.lbco-news-featured-media.is-missing-image .lbco-news-media-fallback,.lbco-news-card-media.is-missing-image .lbco-news-media-fallback{z-index:1}
.lbco-news-current{z-index:3}
.lbco-news-filter-empty{margin-top:22px}
/* =========================================================
1.41.22 – Über uns 2026
Menschlich, bildstark, heller Corporate-Stil
========================================================= */
.ueber-hero-2026{background:var(--paper);color:var(--navy);padding:76px 0 82px;overflow:hidden}
.ueber-hero-2026 .ueber-hero-grid{grid-template-columns:minmax(0,.82fr) minmax(480px,1.18fr);gap:64px;align-items:center}
.ueber-hero-2026 .ueber-hero-copy{max-width:590px}
.ueber-hero-2026 .ueber-h1{color:var(--navy);font-size:clamp(42px,5vw,66px);line-height:1.02;letter-spacing:-.035em;margin:16px 0 22px}
.ueber-hero-2026 .ueber-lede{color:var(--text-soft);font-size:18px;line-height:1.72;max-width:580px}
.ueber-hero-2026 .ueber-hero-vis{min-height:470px;border-radius:18px;background:var(--mist);background-size:cover;background-position:center;border:1px solid var(--hair);box-shadow:none;position:relative}
.ueber-gallery-section{padding:96px 0 104px;background:#fff}
.ueber-gallery-head{text-align:center;max-width:760px;margin:0 auto 44px}
.ueber-gallery-head .eyebrow{justify-content:center}
.ueber-gallery-head h2{font-size:clamp(36px,4vw,52px);margin-top:12px}
.ueber-gallery-head p{margin:16px auto 0;max-width:720px;color:var(--text-soft);font-size:17px;line-height:1.65}
.ueber-gallery-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:220px;gap:16px}
.ueber-gallery-item{margin:0;border-radius:16px;overflow:hidden;background:var(--mist);min-width:0}
.ueber-gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.ueber-gallery-item:hover img{transform:scale(1.025)}
.ueber-gallery-item-1,.ueber-gallery-item-4{grid-column:span 4}
.ueber-gallery-item-2,.ueber-gallery-item-5{grid-column:span 4}
.ueber-gallery-item-3,.ueber-gallery-item-6{grid-column:span 4}
.ueber-gallery-item:nth-child(n+7){grid-column:span 4}
.ueber-values-2026{padding:100px 0;background:var(--mist)}
.ueber-values-2026 .ueber-values-head{text-align:center;max-width:800px;margin:0 auto 48px}
.ueber-values-2026 .ueber-values-head .eyebrow{justify-content:center}
.ueber-values-2026 .ueber-values-head .ueber-p{max-width:760px;margin:16px auto 0;line-height:1.7}
.ueber-values-2026 .ueber-values-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ueber-values-2026 .ueber-value{background:#fff;border:1px solid #dbe5ed;border-radius:16px;padding:34px 28px 32px;box-shadow:none;min-height:300px;text-align:left;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.ueber-values-2026 .ueber-value:hover{transform:translateY(-3px);border-color:#c4d3df;box-shadow:0 18px 42px -36px rgba(0,44,70,.42)}
.ueber-value-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#f4f7fa;color:var(--steel);margin-bottom:28px}
.ueber-value-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.ueber-values-2026 .ueber-value h3{font-family:var(--sans);font-size:19px;font-weight:800;letter-spacing:0;color:var(--navy);margin:0 0 12px}
.ueber-values-2026 .ueber-value p{font-size:14.5px;line-height:1.7;color:var(--text-soft);margin:0}
.ueber-values-2026 .ueber-value h3::before,.ueber-values-2026 .ueber-value h4::before{display:none}
.ueber-story-section{padding:104px 0;background:#fff}
.ueber-story-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:62px;align-items:center}
.ueber-story-media{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:230px 230px;gap:14px;min-height:474px}
.ueber-story-media.is-empty{background:var(--mist);border-radius:18px;border:1px solid var(--hair)}
.ueber-story-photo{margin:0;border-radius:16px;overflow:hidden;background:var(--mist)}
.ueber-story-photo img{width:100%;height:100%;display:block;object-fit:cover}
.ueber-story-photo-1{grid-row:1 / 3}
.ueber-story-photo-2{grid-column:2;grid-row:1}
.ueber-story-photo-3{grid-column:2;grid-row:2}
.ueber-story-photo-4{display:none}
.ueber-story-copy h2{font-size:clamp(36px,4.3vw,54px);margin:14px 0 20px;line-height:1.06}
.ueber-story-copy p{color:var(--text-soft);font-size:15.5px;line-height:1.75;margin:0}
.ueber-story-copy .ueber-story-lede{font-size:19px;line-height:1.62;color:var(--navy);margin-bottom:18px}
.ueber-team-2026{padding:104px 0 112px;background:var(--mist)}
.ueber-team-2026 .ueber-team-head{text-align:center;max-width:780px;margin:0 auto 48px}
.ueber-team-2026 .ueber-team-head .eyebrow{justify-content:center}
.ueber-team-2026 .ueber-team-head .ueber-p{max-width:720px;margin:14px auto 0;line-height:1.7}
.ueber-team-2026 .teamx{max-width:1040px;margin:0 auto;text-align:center}
.ueber-team-2026 .teamx-feature{min-height:0;margin:0 auto 42px;display:flex;flex-direction:column;align-items:center}
.ueber-team-2026 .teamx-fphoto{width:230px;height:230px;border-radius:50%;margin:0 auto 22px;background:var(--mist);background-size:cover;background-position:center;border:6px solid #fff;box-shadow:0 18px 46px -30px rgba(0,44,70,.5);transition:opacity .16s ease}
.ueber-team-2026 .teamx-fcopy{max-width:650px}
.ueber-team-2026 .teamx-fname{font-size:28px;line-height:1.12}
.ueber-team-2026 .teamx-frole{font-size:12px;margin-top:7px}
.ueber-team-2026 .teamx-fbio{font-size:15px;line-height:1.65;max-width:610px;margin:12px auto 0}
.ueber-team-2026 .teamx-avatars{display:grid;grid-template-columns:repeat(8,96px);justify-content:center;gap:18px 16px;padding:8px 0 10px}
.ueber-team-2026 .teamx-av{width:96px;height:96px;margin:0;border-radius:50%;border:4px solid #fff;background:var(--paper) center/cover no-repeat;box-shadow:0 0 0 1px var(--hair);transition:transform .18s ease,box-shadow .18s ease;position:relative}
.ueber-team-2026 .teamx-av:hover{transform:translateY(-3px);box-shadow:0 0 0 1px #c9d7e1,0 14px 26px -22px rgba(0,44,70,.55)}
.ueber-team-2026 .teamx-av.active{transform:none;box-shadow:0 0 0 1px #c9d7e1;z-index:1}
.ueber-team-2026 .teamx-av.active::after{content:"";position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);width:30px;height:3px;border-radius:999px;background:var(--amber)}
.ueber-team-2026 .teamx-av:focus-visible{outline:2px solid var(--navy);outline-offset:4px;box-shadow:0 0 0 1px var(--hair)}
.ueber-awards-section{padding:104px 0;background:#fff}
.ueber-awards-grid{display:grid;grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);gap:62px;align-items:center}
.ueber-awards-copy h2{font-size:clamp(36px,4.2vw,52px);line-height:1.08;margin:14px 0 16px}
.ueber-awards-copy>p{color:var(--text-soft);font-size:16px;line-height:1.7;max-width:540px}
.ueber-award-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}
.ueber-award-item{display:grid;grid-template-columns:66px 1fr;gap:14px;align-items:center;border:1px solid var(--hair);border-radius:14px;padding:13px 14px;background:var(--paper)}
.ueber-award-mark{height:58px;display:grid;place-items:center;min-width:0}
.ueber-award-mark img{max-width:100%;max-height:56px;width:auto;height:auto;object-fit:contain}
.ueber-award-mark>span{font-size:11px;font-weight:800;color:var(--navy);text-align:center}
.ueber-award-item strong{display:block;font-size:13.5px;color:var(--navy)}
.ueber-award-item span{display:block;font-size:11.5px;color:var(--text-mute);margin-top:3px}
.ueber-awards-photos{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:235px 235px;gap:14px}
.ueber-awards-photo{margin:0;border-radius:16px;overflow:hidden;background:var(--mist)}
.ueber-awards-photo img{width:100%;height:100%;display:block;object-fit:cover}
.ueber-awards-photo-1{grid-row:1 / 3}
.ueber-awards-photo-2{grid-column:2;grid-row:1}
.ueber-awards-photo-3{grid-column:2;grid-row:2}
.cband-marquee{padding:96px 0 88px;background:var(--mist);border:0;overflow:hidden}
.cband-marquee .cband-head{text-align:center;max-width:760px;margin:0 auto 42px}
.cband-marquee .cband-head .eyebrow{justify-content:center}
.cband-marquee .cband-head h2{font-size:clamp(34px,4vw,48px);margin-top:12px}
.cband-marquee-viewport{display:grid;gap:16px;overflow:hidden;mask-image:linear-gradient(to right,transparent 0,#000 6%,#000 94%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 6%,#000 94%,transparent 100%)}
.cband-track{overflow:hidden}
.cband-run{display:flex;width:max-content;animation:cbandMove 58s linear infinite;will-change:transform}
.cband-copy{display:flex;gap:14px;padding-right:14px}
.cband-marquee .chip-logo{width:164px;height:78px;flex:0 0 164px;border:1px solid #dde6ed;border-radius:14px;background:#fff;display:grid;place-items:center;padding:14px 18px;box-shadow:none}
.cband-marquee .chip-logo img{max-width:100%;max-height:44px;width:auto;height:auto;object-fit:contain;filter:none}
.cband-marquee-viewport:hover .cband-run{animation-play-state:paused}
@keyframes cbandMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ueber-cta-2026{padding:0 0 100px;background:var(--mist)}
.ueber-cta-2026 .ueber-cta-card{background:var(--navy);border-radius:18px;padding:52px 56px;display:flex;align-items:center;justify-content:space-between;gap:46px;text-align:left;box-shadow:none}
.ueber-cta-2026 .ueber-cta-copy{max-width:640px}
.ueber-cta-2026 .ueber-cta-card h2{font-size:clamp(34px,4vw,48px);margin:0 0 10px}
.ueber-cta-2026 .ueber-cta-card p{margin:0;max-width:620px;font-size:16px;line-height:1.65}
.ueber-cta-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.ueber-btn-secondary{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.45)!important;box-shadow:none!important}
.ueber-btn-secondary:hover{border-color:#fff!important;background:rgba(255,255,255,.06)!important}
@media(max-width:1180px){
.ueber-values-2026 .ueber-values-grid{grid-template-columns:repeat(2,1fr)}
.ueber-team-2026 .teamx-avatars{grid-template-columns:repeat(6,96px)}
.ueber-awards-grid{grid-template-columns:1fr 1fr;gap:42px}
}
@media(max-width:920px){
.ueber-hero-2026 .ueber-hero-grid,.ueber-story-grid,.ueber-awards-grid{grid-template-columns:1fr;gap:36px}
.ueber-hero-2026 .ueber-hero-vis{min-height:390px}
.ueber-gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:210px}
.ueber-gallery-item,.ueber-gallery-item-1,.ueber-gallery-item-2,.ueber-gallery-item-3,.ueber-gallery-item-4,.ueber-gallery-item-5,.ueber-gallery-item-6,.ueber-gallery-item:nth-child(n+7){grid-column:auto}
.ueber-story-media{max-width:720px;width:100%;margin:0 auto}
.ueber-team-2026 .teamx-avatars{grid-template-columns:repeat(5,90px)}
.ueber-team-2026 .teamx-av{width:90px;height:90px}
.ueber-awards-copy{max-width:720px}
.ueber-awards-photos{max-width:760px;width:100%}
.ueber-cta-2026 .ueber-cta-card{display:block;text-align:left;padding:42px 34px}
.ueber-cta-actions{justify-content:flex-start;margin-top:26px}
}
@media(max-width:620px){
.ueber-hero-2026{padding:58px 0 66px}
.ueber-hero-2026 .ueber-h1{font-size:clamp(38px,12vw,50px)}
.ueber-hero-2026 .ueber-hero-vis{min-height:300px;border-radius:14px}
.ueber-gallery-section,.ueber-values-2026,.ueber-story-section,.ueber-team-2026,.ueber-awards-section{padding:72px 0}
.ueber-gallery-grid{grid-template-columns:1fr;grid-auto-rows:220px;gap:12px}
.ueber-values-2026 .ueber-values-grid{grid-template-columns:1fr}
.ueber-values-2026 .ueber-value{min-height:0;padding:28px 24px}
.ueber-story-media{grid-template-columns:1fr 1fr;grid-template-rows:240px 160px;min-height:0}
.ueber-story-photo-1{grid-column:1 / 3;grid-row:1}.ueber-story-photo-2{grid-column:1;grid-row:2}.ueber-story-photo-3{grid-column:2;grid-row:2}
.ueber-team-2026 .teamx-fphoto{width:200px;height:200px}
.ueber-team-2026 .teamx-avatars{grid-template-columns:repeat(3,84px);gap:17px 14px}
.ueber-team-2026 .teamx-av{width:84px;height:84px}
.ueber-award-list{grid-template-columns:1fr}
.ueber-awards-photos{grid-template-columns:1fr 1fr;grid-template-rows:230px 150px}.ueber-awards-photo-1{grid-column:1 / 3;grid-row:1}.ueber-awards-photo-2{grid-column:1;grid-row:2}.ueber-awards-photo-3{grid-column:2;grid-row:2}
.cband-marquee{padding:72px 0 68px}
.cband-marquee .chip-logo{width:142px;flex-basis:142px;height:70px}
.cband-run{animation-duration:72s}
.ueber-cta-2026{padding-bottom:72px}.ueber-cta-2026 .ueber-cta-card{padding:36px 24px}.ueber-cta-actions{display:grid}.ueber-cta-actions .btn{justify-content:center}
}
@media(prefers-reduced-motion:reduce){
.cband-marquee-viewport{overflow:visible;mask-image:none;-webkit-mask-image:none;padding:0 22px}
.cband-run{animation:none!important;width:auto;display:block}
.cband-copy{flex-wrap:wrap;justify-content:center;padding:0}
.cband-copy.is-clone{display:none}
.ueber-gallery-item img{transition:none}.ueber-gallery-item:hover img{transform:none}
}
/* ==========================================================
1.41.23 – Über uns: ruhiger Corporate-Stil, freie Bildcollage
========================================================== */
/* Hero: gleiche Grundlogik wie auf den übrigen Seiten, nur bildstärker. */
.ueber-hero-2026{padding:72px 0 86px;background:#fff}
.ueber-hero-2026 .ueber-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:68px;align-items:center}
.ueber-hero-2026 .ueber-hero-copy{max-width:610px}
.ueber-hero-2026 .ueber-h1{font-size:clamp(44px,5vw,68px);line-height:1.01;margin:18px 0 24px}
.ueber-hero-2026 .ueber-lede{font-size:18px;line-height:1.7;max-width:585px}
.ueber-hero-2026 .ueber-hero-vis{min-height:500px;border-radius:18px;background-color:var(--mist);border:0;background-position:center 35%;box-shadow:0 22px 54px -48px rgba(0,44,70,.5)}
/* Bildwelt: bewusst nicht zentriert und nicht als gleichförmiges Kachelraster. */
.ueber-gallery-section{padding:102px 0 112px;background:#fff}
.ueber-gallery-head{text-align:left;max-width:760px;margin:0 0 42px}
.ueber-gallery-head .eyebrow{justify-content:flex-start}
.ueber-gallery-head h2{margin-top:12px}
.ueber-gallery-head p{margin:16px 0 0;max-width:720px}
.ueber-gallery-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:190px 190px 190px;grid-auto-rows:190px;gap:16px}
.ueber-gallery-item{border-radius:17px;min-height:0}
.ueber-gallery-item-1{grid-column:1 / 6;grid-row:1 / 3}
.ueber-gallery-item-2{grid-column:6 / 10;grid-row:1 / 2}
.ueber-gallery-item-3{grid-column:10 / 13;grid-row:1 / 3}
.ueber-gallery-item-4{grid-column:6 / 9;grid-row:2 / 4}
.ueber-gallery-item-5{grid-column:9 / 13;grid-row:3 / 4}
.ueber-gallery-item-6{grid-column:1 / 6;grid-row:3 / 4}
.ueber-gallery-item:nth-child(n+7){grid-column:span 4;grid-row:auto}
.ueber-gallery-item img{transition:transform .4s ease}
/* Zusammenarbeit: 3 + 2 statt generischer Viererreihe. */
.ueber-values-2026{padding:104px 0 110px;background:#f5f8fa}
.ueber-values-2026 .ueber-values-head{text-align:left;max-width:800px;margin:0 0 46px}
.ueber-values-2026 .ueber-values-head .eyebrow{justify-content:flex-start}
.ueber-values-2026 .ueber-values-head .ueber-p{max-width:760px;margin:16px 0 0;font-size:17px;line-height:1.68}
.ueber-values-2026 .ueber-values-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.ueber-values-2026 .ueber-value{grid-column:span 2;min-height:290px;padding:30px 30px 32px;border-radius:18px;border:1px solid #d8e2ea;background:#fff;display:flex;flex-direction:column;box-shadow:none}
.ueber-values-2026 .ueber-value:nth-child(4),.ueber-values-2026 .ueber-value:nth-child(5){grid-column:span 3;min-height:260px}
.ueber-values-2026 .ueber-value:hover{transform:translateY(-2px);border-color:#bdcfdb;box-shadow:0 18px 42px -38px rgba(0,44,70,.42)}
.ueber-value-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:34px}
.ueber-values-2026 .ueber-value-icon{width:48px;height:48px;border-radius:14px;background:#eef4f7;color:var(--steel);display:grid;place-items:center;flex:0 0 48px}
.ueber-values-2026 .ueber-value-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.ueber-value-no{font-family:var(--sans);font-size:12px;font-weight:800;letter-spacing:.14em;color:#9aacb9;padding-top:5px}
.ueber-values-2026 .ueber-value h3{font-size:21px;margin:0 0 12px}
.ueber-values-2026 .ueber-value p{font-size:15px;line-height:1.68;max-width:48ch}
/* Awards: Siegel müssen lesbar sein; Fotos bleiben der emotionale Teil. */
.ueber-awards-grid{grid-template-columns:minmax(430px,.92fr) minmax(0,1.08fr);gap:64px;align-items:center}
.ueber-award-list{grid-template-columns:1fr;gap:13px;margin-top:32px;max-width:520px}
.ueber-award-item{grid-template-columns:124px 1fr;gap:20px;min-height:112px;padding:14px 20px 14px 14px;border-radius:16px;background:#fff}
.ueber-award-mark{height:84px;min-width:124px;padding:4px 8px}
.ueber-award-mark img{max-height:82px;max-width:112px}
.ueber-award-item strong{font-size:15px}
.ueber-award-item span{font-size:13px;margin-top:4px}
/* Kundenband: eine einzige Laufrichtung, bewusst sehr langsam. */
.cband-marquee{padding:96px 0 92px}
.cband-marquee .cband-head{margin-bottom:40px}
.cband-marquee-viewport{display:block}
.cband-track{overflow:hidden}
.cband-run{animation-duration:155s;animation-direction:normal!important}
.cband-marquee .chip-logo{width:164px;height:78px;flex-basis:164px}
.cband-marquee-viewport:hover .cband-run{animation-play-state:paused}
/* Kontakt + Karriere als gemeinsamer Abschluss der Unternehmensseite. */
.ueber-career-cta{padding:0 0 92px;background:#fff}
.ueber-career-cta .ueber-cta-card{border-radius:18px;padding:42px 48px;background:var(--navy)}
.ueber-career-cta .ueber-cta-copy .eyebrow{color:#fff;opacity:.75;margin-bottom:10px}
.ueber-career-cta .ueber-cta-card h2{font-size:clamp(30px,3.6vw,44px)}
@media(max-width:1180px){
.ueber-hero-2026 .ueber-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);gap:48px}
.ueber-values-2026 .ueber-value{grid-column:span 3}.ueber-values-2026 .ueber-value:nth-child(5){grid-column:1 / -1}
.ueber-awards-grid{grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);gap:42px}
}
@media(max-width:920px){
.ueber-hero-2026 .ueber-hero-grid{grid-template-columns:1fr;gap:34px}
.ueber-hero-2026 .ueber-hero-vis{min-height:420px}
.ueber-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:260px 200px 260px;grid-auto-rows:220px}
.ueber-gallery-item-1{grid-column:1;grid-row:1 / 3}.ueber-gallery-item-2{grid-column:2;grid-row:1}.ueber-gallery-item-3{grid-column:2;grid-row:2 / 4}.ueber-gallery-item-4{grid-column:1;grid-row:3}.ueber-gallery-item-5,.ueber-gallery-item-6{grid-column:auto;grid-row:auto}
.ueber-values-2026 .ueber-value,.ueber-values-2026 .ueber-value:nth-child(4),.ueber-values-2026 .ueber-value:nth-child(5){grid-column:span 3;min-height:270px}
.ueber-awards-grid{grid-template-columns:1fr;gap:40px}.ueber-award-list{max-width:none;grid-template-columns:repeat(3,1fr)}.ueber-award-item{display:flex;flex-direction:column;align-items:flex-start;min-height:190px}.ueber-award-mark{width:100%;min-width:0;justify-items:start}
}
@media(max-width:620px){
.ueber-hero-2026{padding:54px 0 68px}.ueber-hero-2026 .ueber-hero-vis{min-height:310px}
.ueber-gallery-section{padding:74px 0 80px}.ueber-gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:220px 170px 220px;gap:10px}.ueber-gallery-item{border-radius:13px}.ueber-gallery-item-1{grid-column:1 / 3;grid-row:1}.ueber-gallery-item-2{grid-column:1;grid-row:2}.ueber-gallery-item-3{grid-column:2;grid-row:2 / 4}.ueber-gallery-item-4{grid-column:1;grid-row:3}.ueber-gallery-item-5,.ueber-gallery-item-6{grid-column:1 / 3;grid-row:auto}
.ueber-values-2026{padding:76px 0}.ueber-values-2026 .ueber-values-grid{grid-template-columns:1fr}.ueber-values-2026 .ueber-value,.ueber-values-2026 .ueber-value:nth-child(4),.ueber-values-2026 .ueber-value:nth-child(5){grid-column:1;min-height:0;padding:26px 24px}.ueber-value-meta{margin-bottom:26px}
.ueber-award-list{grid-template-columns:1fr}.ueber-award-item{display:grid;grid-template-columns:110px 1fr;min-height:104px}.ueber-award-mark{width:auto;min-width:110px;height:74px}.ueber-award-mark img{max-height:72px;max-width:100px}
.cband-run{animation-duration:180s}.cband-marquee .chip-logo{width:150px;height:72px;flex-basis:150px}
.ueber-career-cta{padding-bottom:72px}.ueber-career-cta .ueber-cta-card{padding:34px 24px}
}
/* =========================================================
Über uns · Iteration 1.41.26
========================================================= */
/* Zusammenarbeit: bewusst typografisch – keine Icons, keine Nummern. */
.ueber-values-2026 .ueber-values-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.ueber-values-2026 .ueber-value{position:relative;grid-column:span 2;min-height:270px;padding:38px 32px 32px;border:1px solid #d8e2ea;border-radius:18px;background:#fff;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;box-shadow:none;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.ueber-values-2026 .ueber-value:nth-child(4),.ueber-values-2026 .ueber-value:nth-child(5){grid-column:span 3;min-height:238px}
.ueber-values-2026 .ueber-value::before{content:"";position:absolute;top:0;left:32px;width:44px;height:3px;background:var(--amber);border-radius:0 0 3px 3px}
.ueber-values-2026 .ueber-value:hover{transform:translateY(-2px);border-color:#c3d2dc;box-shadow:0 18px 42px -38px rgba(0,44,70,.42)}
.ueber-values-2026 .ueber-value h3{font-family:var(--serif);font-size:clamp(26px,2.2vw,32px);font-weight:500;line-height:1.08;letter-spacing:-.01em;color:var(--navy);margin:0 0 22px}
.ueber-values-2026 .ueber-value p{font-size:15.5px;line-height:1.72;color:var(--text-soft);max-width:45ch;margin:0}
/* Team: Karriere dort platzieren, wo die Menschen bereits Thema sind. */
.ueber-team-career{max-width:1040px;margin:42px auto 0;padding-top:26px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;text-align:center;color:var(--text-soft);font-size:15.5px}
.ueber-team-career a{color:var(--navy);font-weight:800;text-decoration:none;transition:color .2s ease}
.ueber-team-career a:hover{color:var(--amber)}
/* Auszeichnungen: ein gemeinsames Logo-Feld + Fotocollage, bündig in einer Zeile. */
.ueber-awards-section{padding:104px 0;background:#fff}
.ueber-awards-head{max-width:720px;margin-bottom:38px}
.ueber-awards-head h2{font-size:clamp(36px,4.2vw,52px);line-height:1.08;margin-top:14px}
.ueber-awards-head p{max-width:560px;font-size:16px;line-height:1.7;color:var(--text-soft)}
.ueber-awards-showcase{display:grid;grid-template-columns:minmax(360px,.86fr) minmax(0,1.14fr);gap:18px;align-items:stretch;min-height:500px}
.ueber-award-wall{border:1px solid #dbe5ed;border-radius:18px;background:#f8fafb;padding:34px 30px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:18px 22px;align-items:stretch;min-height:500px}
.ueber-award-logo{display:grid;place-items:center;min-width:0;padding:12px}
.ueber-award-logo img{display:block;width:auto;height:auto;max-width:min(100%,180px);max-height:118px;object-fit:contain}
.ueber-award-logo:nth-child(5):last-child{grid-column:1 / -1}
.ueber-awards-photos{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:1fr 1fr;gap:14px;min-height:500px;height:100%}
.ueber-awards-photo{margin:0;border-radius:16px;overflow:hidden;background:var(--mist);min-height:0}
.ueber-awards-photo img{width:100%;height:100%;display:block;object-fit:cover}
.ueber-awards-photo-1{grid-row:1 / 3}.ueber-awards-photo-2{grid-column:2;grid-row:1}.ueber-awards-photo-3{grid-column:2;grid-row:2}
@media(max-width:1180px){
.ueber-values-2026 .ueber-value{grid-column:span 3}.ueber-values-2026 .ueber-value:nth-child(5){grid-column:1 / -1}
.ueber-awards-showcase{grid-template-columns:minmax(330px,.9fr) minmax(0,1.1fr);min-height:460px}
.ueber-award-wall,.ueber-awards-photos{min-height:460px}
.ueber-award-logo img{max-width:min(100%,155px);max-height:105px}
}
@media(max-width:920px){
.ueber-values-2026 .ueber-value,.ueber-values-2026 .ueber-value:nth-child(4),.ueber-values-2026 .ueber-value:nth-child(5){grid-column:span 3;min-height:240px}
.ueber-awards-showcase{grid-template-columns:1fr;gap:18px;min-height:0}
.ueber-award-wall{min-height:360px;grid-template-columns:repeat(3,minmax(0,1fr));padding:28px}
.ueber-award-logo:nth-child(5):last-child{grid-column:auto}
.ueber-awards-photos{min-height:460px}
}
@media(max-width:620px){
.ueber-values-2026 .ueber-values-grid{grid-template-columns:1fr}
.ueber-values-2026 .ueber-value,.ueber-values-2026 .ueber-value:nth-child(4),.ueber-values-2026 .ueber-value:nth-child(5){grid-column:1;min-height:0;padding:32px 24px 26px}
.ueber-values-2026 .ueber-value::before{left:24px}
.ueber-values-2026 .ueber-value h3{font-size:27px;margin-bottom:16px}
.ueber-team-career{margin-top:34px;padding-top:22px}
.ueber-awards-head{margin-bottom:30px}
.ueber-award-wall{grid-template-columns:repeat(2,minmax(0,1fr));min-height:320px;padding:22px 18px;gap:14px}
.ueber-award-logo{padding:8px}.ueber-award-logo img{max-width:min(100%,130px);max-height:92px}
.ueber-award-logo:nth-child(5):last-child{grid-column:1 / -1}
.ueber-awards-photos{grid-template-columns:1fr 1fr;grid-template-rows:230px 150px;min-height:0}.ueber-awards-photo-1{grid-column:1 / 3;grid-row:1}.ueber-awards-photo-2{grid-column:1;grid-row:2}.ueber-awards-photo-3{grid-column:2;grid-row:2}
}
.ueber-award-logo:nth-child(3):last-child,.ueber-award-logo:nth-child(5):last-child{grid-column:1 / -1}
@media(max-width:920px){.ueber-award-logo:nth-child(3):last-child,.ueber-award-logo:nth-child(5):last-child{grid-column:auto}}
@media(max-width:620px){.ueber-award-logo:nth-child(3):last-child,.ueber-award-logo:nth-child(5):last-child{grid-column:1 / -1}}
/* =========================================================
1.41.27 – News, Reifegrad, Typografie und Branchenlogos
========================================================= */
/* Kompetenzseiten: dieselbe CI-Sans wie auf der restlichen Website erzwingen. */
.lbcx,
.lbcx button,
.lbcx input,
.lbcx textarea,
.lbcx select{
font-family:var(--sans);
font-synthesis:none;
text-rendering:optimizeLegibility;
}
#hdr .nav-links a,
#hdr .nav-trigger,
#hdr .mega-tx,
#hdr .exp-tx{
font-family:var(--sans);
font-synthesis:none;
text-rendering:optimizeLegibility;
}
/* Reifegrad: Pyramidenform erhalten, lange Stufentitel dürfen nie aus der Fläche laufen. */
.lbcx-maturity-tier{
min-width:0;
overflow:hidden;
padding-left:20px;
padding-right:20px;
gap:14px;
}
.lbcx-maturity-num{flex:0 0 30px;min-width:0}
.lbcx-maturity-label{
display:block;
min-width:0;
max-width:100%;
overflow-wrap:anywhere;
word-break:normal;
hyphens:auto;
font-size:clamp(17px,1.45vw,20px);
line-height:1.15;
}
@media(max-width:1180px) and (min-width:921px){
.lbcx-maturity{grid-template-columns:minmax(420px,.98fr) minmax(0,1.02fr);gap:58px}
}
/* News-Detail: nach dem dunklen Hero bewusst Weißraum, dann ein großes Querformat. */
.article-head{padding-bottom:64px}
.article-head-inner{max-width:980px}
.article-hero{
margin:0;
padding:42px 0 0;
background:#fff;
}
.article-hero .wrap{max-width:1180px}
.article-hero .article-hero-image,
.article-hero img{
display:block;
width:100%!important;
height:clamp(320px,37vw,520px)!important;
aspect-ratio:16/7!important;
object-fit:cover!important;
object-position:center;
max-height:none!important;
border-radius:18px;
box-shadow:none;
}
.article-body{padding-top:48px}
.news-meta .news-cat,.article-meta .news-cat{display:none!important}
/* News-Unternehmensseite: Kategorien sind redaktionell irrelevant; Filter läuft nur nach Jahr. */
.lbco-news .lbco-kicker{letter-spacing:.04em}
/* Branchenreferenzen: Originaldatei + maximal vier Logos je Desktop-Zeile. */
.lbx .branch-references.is-compact .ref-compact-logos{
grid-template-columns:repeat(4,minmax(112px,1fr));
}
.lbx .branch-references.is-compact .ref-compact-logo img{
image-rendering:auto;
max-width:100%;
height:auto;
}
@media(max-width:1040px){
.lbx .branch-references.is-compact .ref-compact-logos{grid-template-columns:repeat(3,minmax(100px,1fr))}
}
@media(max-width:680px){
.article-head{padding-bottom:48px}
.article-hero{padding-top:24px}
.article-hero .wrap{padding-left:22px;padding-right:22px}
.article-hero .article-hero-image,.article-hero img{height:56vw!important;min-height:220px;max-height:340px!important;aspect-ratio:auto!important;border-radius:14px}
.lbx .branch-references.is-compact .ref-compact-logos{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* =========================================================
1.41.28 – Über uns: Zusammenarbeit als Navy-Kontrastfläche
========================================================= */
/* Bildwelt: Intro etwas breiter, damit der Text nicht unnötig schmal umbrechen muss. */
.ueber-gallery-head{max-width:900px}
.ueber-gallery-head p{max-width:880px}
/* Zusammenarbeit: bewusster Kontrast zwischen Bildwelt und Team – ohne neue Designwelt. */
.ueber-values-2026{
background:var(--navy);
color:#fff;
padding:104px 0 110px;
}
.ueber-values-2026 .ueber-values-head{max-width:880px;margin-bottom:48px}
.ueber-values-2026 .ueber-values-head .eyebrow,
.ueber-values-2026 .ueber-values-head .eyebrow.steel{color:var(--amber)}
.ueber-values-2026 .ueber-values-head .eyebrow::before,
.ueber-values-2026 .ueber-values-head .eyebrow.steel::before{background:var(--amber)}
.ueber-values-2026 .ueber-values-head .ueber-h2{color:#fff}
.ueber-values-2026 .ueber-values-head .ueber-p{
color:rgba(255,255,255,.78);
max-width:790px;
}
.ueber-values-2026 .ueber-value{
background:rgba(255,255,255,.045);
border-color:rgba(255,255,255,.16);
box-shadow:none;
}
.ueber-values-2026 .ueber-value:hover{
transform:translateY(-2px);
background:rgba(255,255,255,.07);
border-color:rgba(255,255,255,.28);
box-shadow:none;
}
.ueber-values-2026 .ueber-value h3{color:#fff}
.ueber-values-2026 .ueber-value p{color:rgba(255,255,255,.74)}
.ueber-values-2026 .ueber-value::before{background:var(--amber)}
@media(max-width:920px){
.ueber-values-2026{padding:84px 0 90px}
}
@media(max-width:620px){
.ueber-values-2026{padding:72px 0 76px}
.ueber-values-2026 .ueber-values-head{margin-bottom:34px}
}
/* =========================================================
1.41.29 – Typografie: Adobe-Proxima vor lokalen Systemfonts
========================================================= */
/*
* Wichtig: Der Familienname "Proxima Nova" kann auf Redaktions-/Windows-Rechnern
* eine lokal installierte, abweichende Version treffen. Die Website nutzt deshalb
* ausschließlich den Webfont-Familiennamen "proxima-nova". Ist der Adobe-Webfont
* nicht geladen, fällt sie deterministisch auf die System-Sans zurück.
*/
body, button, input, textarea, select,
.nav-links a, .nav-trigger, .mega-tx, .exp-tx,
.ueber-values-2026, .ueber-values-2026 p,
.lbcx, .lbcx button, .lbcx input, .lbcx textarea, .lbcx select{
font-synthesis:none;
}
/* =========================================================
1.41.30 – Karriere 2026: Bildkacheln, Company Culture, Kontakt
========================================================= */
/* Typografie-Hardening für Navigation und Unternehmens-/Kompetenzseiten.
Ab 1.41.51 gilt auch auf diesen UI-Flächen wieder die zentrale CI-Sans.
Damit entstehen keine sichtbaren Schriftwechsel zwischen Seitentypen. */
#hdr .nav-links a,
#hdr .nav-trigger,
#hdr .mega-tx,
#hdr .exp-tx,
.lbco-section,
.lbco-career-hero-2026,
.lbcx p,
.lbcx a,
.lbcx button,
.lbcx input,
.lbcx textarea,
.lbcx select{
font-family:var(--sans);
font-synthesis:none;
text-rendering:optimizeLegibility;
}
/* Karriere-Hero: gespiegelt zur Über-uns-Seite – Bild links, Text rechts. */
.lbco-career-hero-2026{background:#fff;padding:72px 0 90px;color:var(--navy)}
.lbco-career-hero-grid{display:grid;grid-template-columns:minmax(520px,1.08fr) minmax(0,.92fr);gap:68px;align-items:center}
.lbco-career-hero-media{margin:0;min-height:510px;border-radius:18px;overflow:hidden;background:var(--mist);box-shadow:0 22px 54px -48px rgba(0,44,70,.5)}
.lbco-career-hero-media img{width:100%;height:100%;min-height:510px;object-fit:cover;object-position:center}
.lbco-career-hero-copy{max-width:610px}
.lbco-career-hero-copy h1{font-size:clamp(44px,5vw,68px);line-height:1.01;letter-spacing:-.035em;color:var(--navy);margin:18px 0 24px}
.lbco-career-hero-copy h1 span{color:inherit}
.lbco-career-hero-lede{font-size:18px;line-height:1.7;color:var(--text-soft);max-width:585px}
.lbco-career-hero-actions{margin-top:30px}
.lbco-career-hero-actions .btn-primary{background:var(--amber);color:var(--navy)}
/* Wer wir sind – ruhig, bildstark, ohne zweiten Werteblock. */
.lbco-career-intro{background:#fff;padding-top:96px;padding-bottom:104px}
.lbco-career-intro-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr);gap:72px;align-items:center}
.lbco-career-intro-copy{max-width:610px}
.lbco-career-intro-copy h2{font-size:clamp(36px,4.2vw,52px);margin:17px 0 22px;line-height:1.06}
.lbco-career-intro-copy p{font-size:16.5px;line-height:1.72;color:var(--text-soft)}
.lbco-career-intro-copy p+p{margin-top:15px}
.lbco-career-intro-media{position:relative;margin:0;min-height:430px;border-radius:18px;overflow:hidden;background:var(--mist)}
.lbco-career-intro-media img{width:100%;height:100%;min-height:430px;object-fit:cover}
.lbco-career-intro-media figcaption{position:absolute;left:20px;bottom:20px;background:rgba(0,44,70,.92);color:#fff;padding:10px 15px;border-radius:999px;font-size:12.5px;font-weight:800;backdrop-filter:blur(8px)}
/* Benefits – 3x2 Bildkacheln, bewusst ohne Icon-Sprache. */
.lbco-career-benefits{background:var(--mist);padding:104px 0 112px}
.lbco-career-benefits-head{max-width:820px;margin-bottom:40px}
.lbco-career-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.lbco-benefit-flip{appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:0;display:block;width:100%;height:330px;perspective:1400px;text-align:left;color:inherit;cursor:pointer;border-radius:18px}
.lbco-benefit-flip:focus-visible{outline:3px solid var(--amber);outline-offset:4px}
.lbco-benefit-flip-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.2,.8,.2,1);border-radius:18px}
.lbco-benefit-flip.is-flipped .lbco-benefit-flip-inner{transform:rotateY(180deg)}
.lbco-benefit-face{position:absolute;inset:0;display:block;border-radius:18px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.lbco-benefit-front{background:var(--navy)}
.lbco-benefit-front img,.lbco-benefit-image-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:linear-gradient(145deg,#0c405e,#002c46)}
.lbco-benefit-front-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,25,40,.02) 34%,rgba(0,28,45,.84) 100%)}
.lbco-benefit-front-copy{position:absolute;left:24px;right:20px;bottom:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;color:#fff}
.lbco-benefit-front-copy strong{font-family:var(--serif);font-size:clamp(25px,2.1vw,31px);font-weight:500;line-height:1.07;letter-spacing:-.015em;color:#fff}
.lbco-benefit-plus{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:var(--amber);color:var(--navy);font-size:25px;line-height:1;font-weight:500;transition:transform .25s}
.lbco-benefit-flip:hover .lbco-benefit-plus{transform:scale(1.06)}
.lbco-benefit-back{transform:rotateY(180deg);background:var(--navy);color:#fff;padding:30px 28px 26px;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(255,255,255,.13)}
.lbco-benefit-back-kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);font-weight:850;margin-bottom:12px}
.lbco-benefit-back strong{font-family:var(--serif);font-size:30px;line-height:1.08;font-weight:500;color:#fff;margin-bottom:17px}
.lbco-benefit-back-text{font-size:15.5px;line-height:1.65;color:rgba(255,255,255,.8)}
.lbco-benefit-back-close{position:absolute;right:24px;bottom:20px;color:var(--amber);font-size:20px}
/* Company Culture – großes Hintergrundbild + Navy-Overlay, Navigation nur per Klick. */
.lbco-career-culture-slider{background:#fff;padding:108px 0 118px}
.lbco-career-culture-head{max-width:830px;margin-bottom:42px}
.lbco-culture-stage{position:relative;min-height:590px;border-radius:20px;overflow:hidden;background:var(--mist)}
.lbco-culture-slide{position:absolute;inset:0;min-height:590px}
.lbco-culture-slide[hidden]{display:none}
.lbco-culture-slide-bg{position:absolute;inset:0;background:var(--mist) center/cover no-repeat;transform:scale(1.005);transition:opacity .35s ease,transform .55s ease}
.lbco-culture-slide.is-active .lbco-culture-slide-bg{transform:scale(1)}
.lbco-culture-overlay{position:absolute;left:28px;top:28px;bottom:28px;width:min(410px,calc(100% - 56px));padding:42px 38px 30px;display:flex;flex-direction:column;background:rgba(0,44,70,.94);color:#fff;border-radius:16px;backdrop-filter:blur(8px)}
.lbco-culture-count{display:block;font-size:11.5px;font-weight:850;letter-spacing:.16em;color:var(--amber);margin-bottom:16px}
.lbco-culture-overlay h3{font-size:clamp(31px,3.1vw,43px);line-height:1.04;color:#fff;margin:0 0 18px}
.lbco-culture-overlay p{font-size:16px;line-height:1.68;color:rgba(255,255,255,.8);max-width:330px}
.lbco-culture-controls{margin-top:auto;padding-top:28px;display:flex;align-items:center;gap:13px}
.lbco-culture-arrow,.lbco-culture-dot{appearance:none;border:0;background:none;color:#fff;cursor:pointer}
.lbco-culture-arrow{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.25);font-size:17px;transition:.2s}
.lbco-culture-arrow:hover{border-color:var(--amber);color:var(--amber)}
.lbco-culture-dots{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}
.lbco-culture-dot{width:9px;height:9px;border-radius:999px;background:rgba(255,255,255,.34);padding:0;transition:.25s}
.lbco-culture-dot.is-active{width:32px;background:var(--amber)}
.lbco-culture-dot:focus-visible,.lbco-culture-arrow:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
/* Stellenfeed/Prozess behalten die bestehende Logik; stärkerer Übergang nach Culture. */
.lbco-jobs{background:var(--mist)}
.lbco-process{background:#fff}
/* Kontakt nach Bewerbungsprozess – dieselbe Komponente wie auf Kompetenzseiten. */
.lbco-process + .lbcx .lbcx-person{padding-top:20px}
@media(max-width:1080px){
.lbco-career-hero-grid{grid-template-columns:minmax(430px,1fr) minmax(0,1fr);gap:48px}
.lbco-career-hero-media,.lbco-career-hero-media img{min-height:450px}
.lbco-career-intro-grid{grid-template-columns:1fr 1fr;gap:48px}
.lbco-career-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
.lbco-career-hero-2026{padding:58px 0 72px}
.lbco-career-hero-grid{grid-template-columns:1fr;gap:34px}
.lbco-career-hero-media{order:2}.lbco-career-hero-copy{order:1}
.lbco-career-hero-media,.lbco-career-hero-media img{min-height:390px}
.lbco-career-intro-grid{grid-template-columns:1fr;gap:34px}
.lbco-career-intro-media,.lbco-career-intro-media img{min-height:360px}
.lbco-culture-stage,.lbco-culture-slide{min-height:560px}
.lbco-culture-overlay{left:20px;right:20px;bottom:20px;top:auto;width:auto;min-height:275px;padding:30px 26px 24px}
.lbco-culture-overlay p{max-width:none}
}
@media(max-width:620px){
.lbco-career-hero-2026{padding:50px 0 62px}
.lbco-career-hero-copy h1{font-size:clamp(38px,12vw,50px)}
.lbco-career-hero-lede{font-size:17px}
.lbco-career-hero-actions .btn{width:100%;justify-content:center}
.lbco-career-hero-media,.lbco-career-hero-media img{min-height:300px;border-radius:14px}
.lbco-career-intro{padding:72px 0 78px}
.lbco-career-benefits{padding:76px 0 82px}
.lbco-career-benefit-grid{grid-template-columns:1fr;gap:16px}
.lbco-benefit-flip{height:300px}
.lbco-benefit-back{padding:26px 24px}
.lbco-benefit-back strong{font-size:28px}
.lbco-career-culture-slider{padding:80px 0 88px}
.lbco-culture-stage,.lbco-culture-slide{min-height:520px;border-radius:16px}
.lbco-culture-overlay{left:14px;right:14px;bottom:14px;padding:26px 22px 20px;border-radius:14px}
.lbco-culture-overlay h3{font-size:31px}
}
@media(prefers-reduced-motion:reduce){
.lbco-benefit-flip-inner,.lbco-culture-slide-bg{transition:none!important}
}
/* =========================================================
1.41.31 – Karriere-Hero an die übrige Hero-Welt angleichen
========================================================= */
.lbco-career-hero-2026{
background:linear-gradient(180deg,#f4f7f9 0%,#f8fafb 100%);
padding:54px 0 74px;
min-height:calc(100svh - 64px);
display:flex;
align-items:center;
border-bottom:1px solid rgba(80,116,143,.10);
}
.lbco-career-hero-grid{
width:100%;
grid-template-columns:minmax(540px,1.08fr) minmax(0,.92fr);
gap:clamp(56px,5vw,84px);
}
.lbco-career-hero-media{
position:relative;
min-height:560px;
border-radius:22px;
border:1px solid rgba(80,116,143,.12);
box-shadow:0 30px 72px -54px rgba(0,44,70,.46);
}
.lbco-career-hero-media img{min-height:560px}
.lbco-career-hero-copy{max-width:625px}
.lbco-career-hero-label{
gap:11px;
color:var(--steel);
letter-spacing:.17em;
}
.lbco-career-hero-label::before{display:none!important}
.lbco-career-hero-label .ic,
.lbco-career-hero-label svg{
width:19px;
height:19px;
flex:none;
stroke:currentColor;
fill:none;
stroke-width:1.7;
stroke-linecap:round;
stroke-linejoin:round;
}
.lbco-career-hero-copy h1{margin-top:26px}
@media(max-width:1080px){
.lbco-career-hero-2026{min-height:auto;padding:66px 0 78px}
.lbco-career-hero-grid{grid-template-columns:minmax(430px,1fr) minmax(0,1fr);gap:48px}
.lbco-career-hero-media,.lbco-career-hero-media img{min-height:470px}
}
@media(max-width:820px){
.lbco-career-hero-2026{padding:58px 0 72px;align-items:flex-start}
.lbco-career-hero-grid{grid-template-columns:1fr;gap:34px}
.lbco-career-hero-media,.lbco-career-hero-media img{min-height:390px}
.lbco-career-hero-copy h1{margin-top:22px}
}
@media(max-width:620px){
.lbco-career-hero-2026{padding:46px 0 58px}
.lbco-career-hero-media,.lbco-career-hero-media img{min-height:300px;border-radius:16px}
.lbco-career-hero-label{font-size:11px;letter-spacing:.135em}
.lbco-career-hero-label .ic,.lbco-career-hero-label svg{width:17px;height:17px}
}
/* =========================================================
1.41.32 – Events 2026 + stärkere Über-uns-Hero-Bühne
========================================================= */
/* Über uns: gleiche Hero-Bühne/Ikonografie wie Karriere und die übrige Unternehmenswelt. */
.ueber-hero-2026{
background:linear-gradient(180deg,#f4f7f9 0%,#f8fafb 100%);
padding:58px 0 78px;
min-height:calc(100svh - 64px);
display:flex;
align-items:center;
border-bottom:1px solid rgba(80,116,143,.10);
}
.ueber-hero-2026 .ueber-hero-grid{width:100%;grid-template-columns:minmax(0,.92fr) minmax(540px,1.08fr);gap:clamp(56px,5vw,84px);align-items:center}
.ueber-hero-2026 .ueber-hero-copy{max-width:610px}
.ueber-hero-2026 .ueber-hero-label{display:inline-flex;align-items:center;gap:10px}
.ueber-hero-2026 .ueber-hero-label .ic{width:20px;height:20px;stroke-width:1.7}
.ueber-hero-2026 .ueber-h1{font-size:clamp(48px,5.3vw,72px);line-height:1.01;margin:20px 0 25px}
.ueber-hero-2026 .ueber-lede{font-size:18px;line-height:1.72}
.ueber-hero-2026 .ueber-hero-vis{min-height:560px;border-radius:20px;background-position:center 35%;box-shadow:0 24px 58px -48px rgba(0,44,70,.46)}
/* Events-Hero: ruhig, hell, mit dem Clock-Icon aus Unternehmen → Events. */
.lbco-events-hero-2026{background:linear-gradient(180deg,#f4f7f9 0%,#f8fafb 100%);padding:58px 0 78px;border-bottom:1px solid rgba(80,116,143,.10)}
.lbco-events-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:clamp(54px,5vw,82px);align-items:center;min-height:560px}
.lbco-events-hero-copy{max-width:650px}
.lbco-events-hero-label{display:inline-flex;align-items:center;gap:10px}
.lbco-events-hero-label .ic{width:20px;height:20px;stroke-width:1.7}
.lbco-events-hero-copy h1{font-size:clamp(48px,5.5vw,74px);line-height:1.01;letter-spacing:-.035em;color:var(--navy);margin:20px 0 24px;max-width:760px}
.lbco-events-hero-lede{font-size:18px;line-height:1.7;color:var(--text-soft);max-width:640px}
.lbco-events-hero-actions{margin-top:30px}
.lbco-events-hero-media{position:relative;margin:0;min-height:500px;border-radius:20px;overflow:hidden;background:var(--mist);box-shadow:0 24px 58px -48px rgba(0,44,70,.46)}
.lbco-events-hero-media img{display:block;width:100%;height:100%;min-height:500px;object-fit:cover}
.lbco-events-hero-badge{position:absolute;right:20px;bottom:20px;display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:var(--navy);color:#fff;box-shadow:0 12px 26px rgba(0,44,70,.16)}
.lbco-events-hero-badge .ic{width:27px;height:27px;stroke-width:1.6}
.lbco-events-hero-fallback{display:grid;place-items:center;min-height:500px;background:linear-gradient(145deg,#dfe9ee,#edf3f6);color:var(--navy)}
.lbco-events-hero-fallback>span{display:grid;place-items:center;width:92px;height:92px;border-radius:26px;background:#fff;box-shadow:var(--shadow-soft)}
.lbco-events-hero-fallback .ic{width:44px;height:44px;stroke-width:1.35}
/* Events-Seite – keine Rollenfilter, klare Event-Hierarchie. */
.lbco-events-2026{background:#fff;color:var(--navy);padding:104px 0 0}
.lbco-events-section-head{max-width:790px;margin-bottom:38px}
.lbco-events-section-head h2,.lbco-events-past-head h2{font-size:clamp(38px,4.5vw,56px);line-height:1.04;margin:16px 0 15px}
.lbco-events-section-head p{font-size:16.5px;line-height:1.68;color:var(--text-soft);max-width:720px}
.lbco-event-feature{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(360px,.78fr);min-height:370px;border:1px solid var(--hair);border-radius:20px;overflow:hidden;background:#fff}
.lbco-event-feature-date{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;border-right:1px solid var(--hair);background:#f8fafb;text-align:center}
.lbco-event-feature-date strong{font-family:var(--serif);font-size:clamp(46px,4.2vw,64px);font-weight:500;line-height:.94;color:var(--navy)}
.lbco-event-feature-date span{margin-top:10px;font-size:13px;font-weight:900;letter-spacing:.15em;color:var(--amber)}
.lbco-event-feature-date small{margin-top:6px;font-size:12px;color:var(--steel)}
.lbco-event-feature-copy{padding:46px 42px;display:flex;flex-direction:column;justify-content:center}
.lbco-event-feature-meta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:15px;font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:var(--steel)}
.lbco-event-feature-meta span+span::before{content:'·';margin-right:12px;color:var(--amber)}
.lbco-event-feature-copy h3{font-family:var(--serif);font-size:clamp(30px,3.2vw,44px);font-weight:500;line-height:1.08;letter-spacing:-.02em;margin:0 0 16px}
.lbco-event-feature-copy p{font-size:15.5px;line-height:1.65;color:var(--text-soft);max-width:650px}
.lbco-event-feature-link{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-weight:850;color:var(--amber);width:max-content}
.lbco-event-feature-link .ic,.lbco-event-past-row>a .ic,.lbco-event-upcoming-row>a .ic{width:18px;height:18px;stroke:currentColor;fill:none}
.lbco-event-feature-media{min-height:370px;background:var(--mist);overflow:hidden}
.lbco-event-feature-media img{width:100%;height:100%;min-height:370px;object-fit:cover}
.lbco-event-feature-visual{height:100%;min-height:370px;background:var(--navy);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.lbco-event-feature-visual>span{color:var(--amber);margin-bottom:18px}.lbco-event-feature-visual .ic{width:34px;height:34px}
.lbco-event-feature-visual b{font-family:var(--serif);font-size:68px;line-height:.95;font-weight:500}.lbco-event-feature-visual em{font-style:normal;margin-top:10px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.lbco-event-upcoming-list{margin-top:24px;border-top:1px solid var(--hair)}
.lbco-event-upcoming-row{display:grid;grid-template-columns:120px minmax(0,1fr) 48px;align-items:center;gap:24px;padding:24px 4px;border-bottom:1px solid var(--hair)}
.lbco-event-upcoming-row time{display:flex;align-items:baseline;gap:8px;color:var(--navy)}
.lbco-event-upcoming-row time strong{font-family:var(--serif);font-size:28px;font-weight:500}.lbco-event-upcoming-row time span{font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--amber)}
.lbco-event-upcoming-main>span{display:block;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--steel);margin-bottom:5px}
.lbco-event-upcoming-main h3{font-family:var(--sans);font-size:18px;font-weight:800;line-height:1.3;letter-spacing:0;margin:0}
.lbco-event-upcoming-row>a{justify-self:end;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--hair);border-radius:50%;color:var(--navy);transition:.2s}.lbco-event-upcoming-row>a:hover{border-color:var(--amber);color:var(--amber)}
.lbco-events-empty{padding:26px 0;color:var(--text-soft)}
/* Event-Impressionen als echte Collage mit gemischten Formaten. */
.lbco-events-impressions{padding-top:112px;padding-bottom:112px}
.lbco-events-collage{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:150px;gap:16px}
.lbco-events-collage-item{position:relative;margin:0;border-radius:18px;overflow:hidden;background:var(--mist);min-height:0}
.lbco-events-collage-item img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.lbco-events-collage-item:hover img{transform:scale(1.02)}
.lbco-events-collage-item figcaption{position:absolute;left:14px;right:14px;bottom:12px;width:max-content;max-width:calc(100% - 28px);padding:8px 11px;border-radius:999px;background:rgba(0,44,70,.84);color:#fff;font-size:11px;backdrop-filter:blur(6px)}
.lbco-events-collage-item--1{grid-column:span 5;grid-row:span 3}.lbco-events-collage-item--2{grid-column:span 4;grid-row:span 2}.lbco-events-collage-item--3{grid-column:span 3;grid-row:span 2}.lbco-events-collage-item--4{grid-column:6 / span 3;grid-row:3 / span 2}.lbco-events-collage-item--5{grid-column:9 / span 4;grid-row:3 / span 2}.lbco-events-collage-item--6{grid-column:span 4;grid-row:span 2}.lbco-events-collage-item--7{grid-column:span 4;grid-row:span 2}.lbco-events-collage-item--8{grid-column:span 4;grid-row:span 2}
/* Rückblicke: nur Jahresfilter. */
.lbco-events-past{background:var(--mist);padding:104px 0 112px}
.lbco-events-past-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:36px}
.lbco-events-past-head h2{margin-bottom:0}
.lbco-events-year-filter{display:flex;gap:8px;flex-wrap:wrap}
.lbco-events-year-filter button{appearance:none;border:1px solid rgba(80,116,143,.25);background:#fff;color:var(--navy);padding:10px 16px;border-radius:999px;font:800 13px/1 var(--sans);cursor:pointer;transition:.2s}
.lbco-events-year-filter button:is(:hover,.is-active){background:var(--navy);border-color:var(--navy);color:#fff}
.lbco-events-past-list{border-top:1px solid rgba(80,116,143,.22)}
.lbco-event-past-row{display:grid;grid-template-columns:210px minmax(0,1fr) auto;gap:32px;align-items:center;padding:27px 0;border-bottom:1px solid rgba(80,116,143,.22)}
.lbco-event-past-date strong{display:block;font-family:var(--serif);font-size:18px;font-weight:500;line-height:1.25}.lbco-event-past-date span{display:block;margin-top:6px;font-size:12.5px;color:var(--steel)}
.lbco-event-past-main>span{display:block;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:var(--steel);margin-bottom:5px}
.lbco-event-past-main h3{font-family:var(--sans);font-size:19px;font-weight:800;letter-spacing:0;line-height:1.25;margin:0 0 6px}.lbco-event-past-main p{font-size:13.5px;line-height:1.55;color:var(--text-soft);max-width:760px}
.lbco-event-past-row>a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:var(--amber);font-size:13px;font-weight:850}
.lbco-events-2026 + .lbcx .lbcx-person{padding-top:102px}
@media(max-width:1080px){
.ueber-hero-2026 .ueber-hero-grid,.lbco-events-hero-grid{grid-template-columns:1fr 1fr;gap:48px}
.ueber-hero-2026 .ueber-hero-vis,.lbco-events-hero-media,.lbco-events-hero-media img{min-height:470px}
.lbco-event-feature{grid-template-columns:130px minmax(0,1fr) 310px}.lbco-event-feature-copy{padding:38px 32px}
.lbco-events-collage{grid-auto-rows:130px}
}
@media(max-width:820px){
.ueber-hero-2026{min-height:0;padding:58px 0 72px}.ueber-hero-2026 .ueber-hero-grid,.lbco-events-hero-grid{grid-template-columns:1fr;gap:34px}
.ueber-hero-2026 .ueber-hero-vis{min-height:420px}
.lbco-events-hero-2026{padding:58px 0 72px}.lbco-events-hero-media{order:2}.lbco-events-hero-copy{order:1}.lbco-events-hero-media,.lbco-events-hero-media img,.lbco-events-hero-fallback{min-height:390px}
.lbco-events-2026{padding-top:82px}.lbco-event-feature{grid-template-columns:105px 1fr}.lbco-event-feature-media{grid-column:1 / -1;min-height:300px}.lbco-event-feature-media img,.lbco-event-feature-visual{min-height:300px}
.lbco-events-collage{grid-template-columns:repeat(2,1fr);grid-auto-rows:220px}.lbco-events-collage-item{grid-column:auto!important;grid-row:auto!important}.lbco-events-collage-item--1,.lbco-events-collage-item--4{grid-row:span 2!important}
.lbco-event-past-row{grid-template-columns:170px minmax(0,1fr)}.lbco-event-past-row>a{grid-column:2}
}
@media(max-width:620px){
.ueber-hero-2026{padding:50px 0 62px}.ueber-hero-2026 .ueber-h1{font-size:clamp(38px,12vw,50px)}.ueber-hero-2026 .ueber-hero-vis{min-height:310px;border-radius:14px}
.lbco-events-hero-2026{padding:50px 0 62px}.lbco-events-hero-copy h1{font-size:clamp(38px,12vw,50px)}.lbco-events-hero-lede{font-size:17px}.lbco-events-hero-actions .btn{width:100%;justify-content:center}.lbco-events-hero-media,.lbco-events-hero-media img,.lbco-events-hero-fallback{min-height:300px;border-radius:14px}
.lbco-events-2026{padding-top:70px}.lbco-event-feature{grid-template-columns:1fr}.lbco-event-feature-date{border-right:0;border-bottom:1px solid var(--hair);padding:22px;flex-direction:row;gap:10px}.lbco-event-feature-date strong{font-size:42px}.lbco-event-feature-date span{margin-top:0}.lbco-event-feature-date small{margin-top:0}.lbco-event-feature-copy{padding:30px 24px}.lbco-event-feature-media{grid-column:1}.lbco-event-upcoming-row{grid-template-columns:78px minmax(0,1fr) 38px;gap:14px}.lbco-event-upcoming-row time{display:block}.lbco-event-upcoming-row time strong{display:block;font-size:24px}.lbco-event-upcoming-row time span{display:block;margin-top:3px}.lbco-event-upcoming-row>a{width:36px;height:36px}
.lbco-events-impressions{padding-top:84px;padding-bottom:84px}.lbco-events-collage{grid-template-columns:1fr;grid-auto-rows:250px}.lbco-events-collage-item{grid-row:auto!important}.lbco-events-past{padding:80px 0 88px}.lbco-events-past-head{align-items:flex-start;flex-direction:column}.lbco-event-past-row{grid-template-columns:1fr;gap:12px}.lbco-event-past-row>a{grid-column:1}.lbco-event-past-main p{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.lbco-events-collage-item img{transition:none!important}}
/* 1.41.33 – Unternehmens-Hero-Eyebrows: exakt dieselbe Icon-Sprache wie im Mega-Menü/Branchen-Hero. */
.lbco-events-hero-label,
.lbco-career-hero-label,
.ueber-hero-2026 .ueber-hero-label{
display:inline-flex;
align-items:center;
gap:10px;
color:var(--steel);
}
.lbco-events-hero-label::before,
.lbco-career-hero-label::before,
.ueber-hero-2026 .ueber-hero-label::before{
display:none!important;
}
.lbco-events-hero-label .ic,
.lbco-career-hero-label .ic,
.ueber-hero-2026 .ueber-hero-label .ic{
width:20px;
height:20px;
flex:0 0 20px;
display:block;
color:var(--amber);
stroke:currentColor;
fill:none;
stroke-width:1.7;
stroke-linecap:round;
stroke-linejoin:round;
}
@media (max-width:680px){
.lbco-events-hero-label .ic,
.lbco-career-hero-label .ic,
.ueber-hero-2026 .ueber-hero-label .ic{
width:18px;
height:18px;
flex-basis:18px;
}
}
/* =========================================================
1.41.34 – News 2026: Unternehmens-Hero + reduziertes Archiv
========================================================= */
.lbco-news-hero-2026{
background:#f4f7f9;
color:var(--navy);
padding:64px 0 82px;
border-bottom:1px solid rgba(80,116,143,.10);
}
.lbco-news-hero-grid{
display:grid;
grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);
gap:clamp(56px,5vw,82px);
align-items:center;
}
.lbco-news-hero-copy{max-width:600px}
.lbco-news-hero-label{
display:inline-flex;
align-items:center;
gap:10px;
color:var(--steel);
}
.lbco-news-hero-label::before{display:none!important}
.lbco-news-hero-label .ic{
width:20px;
height:20px;
flex:0 0 20px;
display:block;
color:var(--amber);
stroke:currentColor;
fill:none;
stroke-width:1.7;
stroke-linecap:round;
stroke-linejoin:round;
}
.lbco-news-hero-copy h1{
color:var(--navy);
font-size:clamp(46px,5.2vw,70px);
line-height:1.01;
letter-spacing:-.035em;
margin:20px 0 24px;
}
.lbco-news-hero-lede{
font-size:18px;
line-height:1.72;
color:var(--text-soft);
max-width:580px;
}
.lbco-news-hero-latest{
position:relative;
display:block;
min-height:520px;
border-radius:20px;
overflow:hidden;
background:var(--navy);
color:#fff;
text-decoration:none;
box-shadow:0 24px 58px -48px rgba(0,44,70,.48);
}
.lbco-news-hero-media,
.lbco-news-hero-media img,
.lbco-news-hero-fallback{
position:absolute;
inset:0;
width:100%;
height:100%;
display:block;
}
.lbco-news-hero-media img{object-fit:cover;transition:transform .45s ease}
.lbco-news-hero-latest:hover .lbco-news-hero-media img{transform:scale(1.015)}
.lbco-news-hero-fallback{
display:grid;
place-items:center;
background:var(--navy);
}
.lbco-news-hero-fallback .ic{
width:64px;
height:64px;
color:var(--amber);
stroke:currentColor;
fill:none;
opacity:.88;
}
.lbco-news-hero-shade{
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(0,24,39,.02) 28%,rgba(0,29,46,.9) 100%);
}
.lbco-news-hero-card-copy{
position:absolute;
z-index:2;
left:32px;
right:32px;
bottom:30px;
display:flex;
flex-direction:column;
align-items:flex-start;
}
.lbco-news-hero-meta{
display:flex;
align-items:center;
gap:12px;
font-size:11.5px;
letter-spacing:.06em;
color:rgba(255,255,255,.76);
}
.lbco-news-hero-meta b{
display:inline-flex;
align-items:center;
min-height:27px;
padding:0 10px;
border-radius:999px;
background:var(--amber);
color:var(--navy);
font-size:10px;
font-weight:900;
letter-spacing:.1em;
text-transform:uppercase;
}
.lbco-news-hero-current-title{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
overflow:hidden;
margin-top:15px;
max-width:630px;
font-family:var(--serif);
font-size:clamp(28px,2.9vw,40px);
font-weight:500;
line-height:1.06;
letter-spacing:-.02em;
color:#fff;
}
.lbco-news-hero-link{
display:inline-flex;
align-items:center;
gap:8px;
margin-top:18px;
color:var(--amber);
font-size:13.5px;
font-weight:850;
}
.lbco-news-hero-link .ic{width:18px;height:18px;stroke:currentColor;fill:none}
/* Im Archiv ist der aktuellste Beitrag bereits im Hero; darunter bewusst nur Grid + Jahresfilter. */
.lbco-news[data-company-news]{padding-top:92px;padding-bottom:104px;background:#fff}
.lbco-news[data-company-news] .lbco-section-head{max-width:720px;margin-bottom:34px}
.lbco-news[data-company-news] .lbco-section-head h2{margin-bottom:0}
.lbco-news[data-company-news] .lbco-filterbar{margin-bottom:32px}
.lbco-news[data-company-news] .lbco-news-grid{margin-top:0}
.lbco-outro-head{max-width:760px;margin-bottom:34px}
.lbco-outro-head h2{font-size:clamp(36px,4.2vw,52px);line-height:1.06;margin:15px 0 0}
.lbco-outro-head p{margin-top:14px;color:var(--text-soft);font-size:16px;line-height:1.65;max-width:650px}
@media(max-width:1080px){
.lbco-news-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);gap:48px}
.lbco-news-hero-latest{min-height:470px}
}
@media(max-width:820px){
.lbco-news-hero-2026{padding:58px 0 72px}
.lbco-news-hero-grid{grid-template-columns:1fr;gap:34px}
.lbco-news-hero-latest{min-height:420px}
}
@media(max-width:620px){
.lbco-news-hero-2026{padding:50px 0 62px}
.lbco-news-hero-copy h1{font-size:clamp(38px,12vw,50px)}
.lbco-news-hero-lede{font-size:17px}
.lbco-news-hero-latest{min-height:350px;border-radius:14px}
.lbco-news-hero-card-copy{left:22px;right:22px;bottom:22px}
.lbco-news-hero-current-title{font-size:29px}
.lbco-news[data-company-news]{padding-top:72px;padding-bottom:82px}
}
@media(prefers-reduced-motion:reduce){.lbco-news-hero-media img{transition:none!important}}
/* =========================================================
1.41.35 – News-Hero: echte Hero-Bühne analog Karriere/Über uns
========================================================= */
.lbco-news-hero-2026{
background:linear-gradient(180deg,#eef4f7 0%,#f6f9fa 100%);
padding:58px 0 78px;
min-height:calc(100svh - 64px);
display:flex;
align-items:center;
border-bottom:1px solid rgba(80,116,143,.10);
}
.lbco-news-hero-grid{
width:100%;
grid-template-columns:minmax(0,.9fr) minmax(540px,1.1fr);
gap:clamp(56px,5vw,84px);
align-items:center;
min-height:560px;
}
.lbco-news-hero-copy{max-width:610px}
.lbco-news-hero-copy h1{
font-size:clamp(48px,5.3vw,72px);
line-height:1.01;
letter-spacing:-.035em;
margin:20px 0 25px;
}
.lbco-news-hero-lede{font-size:18px;line-height:1.72;max-width:590px}
.lbco-news-hero-latest{
min-height:560px;
border-radius:22px;
border:1px solid rgba(80,116,143,.12);
box-shadow:0 30px 72px -54px rgba(0,44,70,.46);
}
.lbco-news-hero-shade{
background:linear-gradient(180deg,rgba(0,24,39,0) 36%,rgba(0,29,46,.18) 54%,rgba(0,29,46,.92) 100%);
}
.lbco-news-hero-card-copy{left:34px;right:34px;bottom:32px}
.lbco-news-hero-current-title{font-size:clamp(30px,3vw,42px);line-height:1.05}
@media(max-width:1080px){
.lbco-news-hero-2026{min-height:auto;padding:66px 0 78px}
.lbco-news-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);gap:48px;min-height:0}
.lbco-news-hero-latest{min-height:470px}
}
@media(max-width:820px){
.lbco-news-hero-2026{padding:58px 0 72px;align-items:flex-start}
.lbco-news-hero-grid{grid-template-columns:1fr;gap:34px}
.lbco-news-hero-latest{min-height:420px}
}
@media(max-width:620px){
.lbco-news-hero-2026{padding:46px 0 58px}
.lbco-news-hero-copy h1{font-size:clamp(38px,12vw,50px)}
.lbco-news-hero-latest{min-height:350px;border-radius:16px}
.lbco-news-hero-card-copy{left:22px;right:22px;bottom:22px}
.lbco-news-hero-current-title{font-size:29px}
}
/* ============================================================
1.41.36 – Newsroom + Event-Impressionen
============================================================ */
/* News: reduzierter Newsroom-Hero ohne dynamischen Beitrag im Hero */
.lbco-news-hero-2026.lbco-news-hero-2026--simple{
min-height:390px;
padding:82px 0 88px;
display:flex;
align-items:center;
background:var(--navy);
color:#fff;
border-bottom:0;
}
.lbco-news-hero-simple-inner{width:100%}
.lbco-news-hero-2026--simple .lbco-news-hero-copy{max-width:850px}
.lbco-news-hero-2026--simple .lbco-news-hero-label{
color:#d8e4ea;
letter-spacing:.16em;
}
.lbco-news-hero-2026--simple .lbco-news-hero-label .ic{
color:var(--amber);
stroke:currentColor;
fill:none;
}
.lbco-news-hero-2026--simple .lbco-news-hero-copy h1{
color:#fff;
font-size:clamp(52px,6.3vw,82px);
line-height:.99;
max-width:900px;
margin:22px 0 24px;
}
.lbco-news-hero-2026--simple .lbco-news-hero-lede{
color:rgba(255,255,255,.82);
font-size:19px;
line-height:1.7;
max-width:760px;
margin:0;
}
/* News: aktueller Beitrag wieder unterhalb des Heroes, danach weitere News */
.lbco-news[data-company-news]{padding-top:94px}
.lbco-news[data-company-news] .lbco-section-head{margin-bottom:34px}
.lbco-news[data-company-news] .lbco-section-head h2{font-size:clamp(40px,4.8vw,58px)}
.lbco-news-featured{margin-top:0;box-shadow:0 18px 52px -46px rgba(0,44,70,.38)}
.lbco-news-more-head{margin-top:74px;margin-bottom:22px}
.lbco-news-more-head h3{
margin:0;
font-family:var(--serif);
font-size:clamp(34px,4vw,48px);
line-height:1.05;
color:var(--navy);
font-weight:400;
}
.lbco-news-more-head + .lbco-filterbar{margin-bottom:30px}
/* News: zwei Abschlusswege als ruhige, bündige Panels */
.lbco-outro-grid{align-items:stretch}
.lbco-outro-tile{height:100%}
.lbco-outro-tile--simple{
min-height:238px;
padding:38px 36px 34px;
justify-content:flex-start;
}
.lbco-outro-tile--simple h3{
margin:0 0 15px;
font-size:clamp(28px,2.7vw,34px);
line-height:1.08;
}
.lbco-outro-tile--simple p{margin:0 0 24px;flex:1}
.lbco-outro-tile--simple .lbco-text-link{margin-top:auto}
/* Events: ein einheitliches, manuell bedienbares Impressionen-Karussell */
.lbco-events-impressions{padding-top:108px;padding-bottom:112px}
.lbco-events-impressions .lbco-events-section-head{margin-bottom:34px}
.lbco-events-impressions-carousel{max-width:1180px}
.lbco-events-impressions-stage{
position:relative;
aspect-ratio:16 / 8.7;
min-height:480px;
border-radius:22px;
overflow:hidden;
background:var(--mist);
box-shadow:0 22px 56px -48px rgba(0,44,70,.44);
}
.lbco-events-impression-slide{
position:absolute;
inset:0;
margin:0;
opacity:0;
visibility:hidden;
pointer-events:none;
transition:opacity .34s ease, visibility .34s ease;
}
.lbco-events-impression-slide.is-active{
opacity:1;
visibility:visible;
pointer-events:auto;
z-index:1;
}
.lbco-events-impression-slide img{
display:block;
width:100%;
height:100%;
object-fit:cover;
}
.lbco-events-impression-slide figcaption{
position:absolute;
z-index:2;
left:28px;
bottom:26px;
max-width:min(620px,calc(100% - 56px));
margin:0;
}
.lbco-events-impression-slide figcaption span{
display:inline-block;
padding:14px 18px 13px;
border-radius:14px;
background:rgba(0,44,70,.92);
color:#fff;
font-family:var(--serif);
font-size:clamp(24px,2.8vw,34px);
line-height:1.05;
box-shadow:0 12px 28px rgba(0,0,0,.13);
}
.lbco-events-impressions-controls{
display:flex;
align-items:center;
justify-content:center;
gap:18px;
margin-top:24px;
}
.lbco-events-impressions-arrow{
appearance:none;
width:44px;
height:44px;
display:grid;
place-items:center;
border-radius:50%;
border:1px solid rgba(80,116,143,.28);
background:#fff;
color:var(--navy);
cursor:pointer;
transition:border-color .2s ease,background .2s ease,color .2s ease;
}
.lbco-events-impressions-arrow:hover{border-color:var(--navy);background:var(--navy);color:#fff}
.lbco-events-impressions-arrow .ic{width:18px;height:18px;stroke:currentColor;fill:none}
.lbco-events-impressions-arrow.is-prev .ic{transform:rotate(180deg)}
.lbco-events-impressions-dots{display:flex;align-items:center;gap:9px}
.lbco-events-impressions-dots button{
appearance:none;
width:9px;
height:9px;
padding:0;
border:0;
border-radius:999px;
background:rgba(80,116,143,.35);
cursor:pointer;
transition:width .2s ease,background .2s ease;
}
.lbco-events-impressions-dots button.is-active{width:28px;background:var(--amber)}
@media(max-width:820px){
.lbco-news-hero-2026.lbco-news-hero-2026--simple{min-height:330px;padding:64px 0 68px}
.lbco-news-hero-2026--simple .lbco-news-hero-copy h1{font-size:clamp(44px,11vw,62px)}
.lbco-news-hero-2026--simple .lbco-news-hero-lede{font-size:17px}
.lbco-news-more-head{margin-top:58px}
.lbco-outro-tile--simple{min-height:220px}
.lbco-events-impressions-stage{aspect-ratio:4 / 3;min-height:0;border-radius:18px}
.lbco-events-impression-slide figcaption{left:18px;right:18px;bottom:18px;max-width:none}
.lbco-events-impression-slide figcaption span{font-size:clamp(22px,6vw,30px)}
}
@media(max-width:560px){
.lbco-news-hero-2026.lbco-news-hero-2026--simple{min-height:300px;padding:54px 0 58px}
.lbco-news[data-company-news]{padding-top:70px}
.lbco-outro-tile--simple{padding:30px 24px;min-height:0}
.lbco-events-impressions{padding-top:80px;padding-bottom:84px}
.lbco-events-impressions-controls{gap:13px;margin-top:18px}
.lbco-events-impressions-arrow{width:40px;height:40px}
}
@media(prefers-reduced-motion:reduce){
.lbco-events-impression-slide,.lbco-events-impressions-dots button,.lbco-events-impressions-arrow{transition:none!important}
}
/* ============================================================
1.41.37 – Ihre Branche: neues Seitensystem
============================================================ */
/* Hero: gleiche helle Bild-/Text-Bühne wie die neuen Unternehmensseiten. */
.lbx .hero.is-open-branch{
background:#eef4f7;
color:var(--navy);
padding:76px 0 84px;
min-height:650px;
display:flex;
align-items:center;
}
.lbx .hero.is-open-branch::before{display:none}
.lbx .hero.is-open-branch .hero-grid{grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:clamp(54px,6vw,92px);width:100%}
.lbx .hero.is-open-branch .hero-copy{max-width:670px}
.lbx .hero.is-open-branch .eyebrow{color:var(--steel)}
.lbx .hero.is-open-branch .eyebrow .ic{color:var(--amber);stroke:currentColor;fill:none}
.lbx .hero.is-open-branch h1{color:var(--navy);font-size:clamp(48px,5.4vw,72px);line-height:1.01;letter-spacing:-.038em;margin-top:20px}
.lbx .hero.is-open-branch .lede{color:var(--text-soft);font-size:18px;line-height:1.7;max-width:650px}
.lbx .hero.is-open-branch .hero-actions{margin-top:32px}
.lbx .hero.is-open-branch .hero-figure{aspect-ratio:4/3;border-radius:20px;border:1px solid rgba(80,116,143,.12);box-shadow:0 30px 72px -54px rgba(0,44,70,.46)}
.lbx .hero.is-open-branch .hero-figure::after{background:linear-gradient(180deg,transparent 68%,rgba(0,44,70,.12))}
.lbx .hero.is-open-branch .hero-figure-badge{display:none}
/* Problemfelder: geschlossen immer exakt gleich hoch; keine generische Nummerierung. */
.lbx .branch-issue-section{background:#fff}
.lbx .branch-issue-grid{gap:20px}
.lbx .branch-issue-card{border-radius:18px;border-color:rgba(0,44,70,.12);box-shadow:none}
.lbx .branch-issue-card:hover{box-shadow:0 18px 46px -42px rgba(0,44,70,.48)}
.lbx .branch-issue-trigger{height:286px;min-height:286px;padding:30px 30px 28px}
.lbx .branch-issue-meta{min-height:18px}
.lbx .branch-issue-title{margin-top:30px;font-size:clamp(27px,2.75vw,38px)}
.lbx .branch-issue-toggle{width:40px;height:40px}
/* Fragebasierter Einstieg: keine Kartenwand, sondern ruhige Navigation auf Navy. */
.lbx .branch-question-nav{background:var(--navy);color:#fff;padding:104px 0}
.lbx .branch-question-layout{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:clamp(54px,8vw,120px);align-items:start}
.lbx .branch-question-head{position:sticky;top:118px}
.lbx .branch-question-head .eyebrow{color:#c7d7df}
.lbx .branch-question-head h2{margin:17px 0 19px;color:#fff;font-size:clamp(36px,4.4vw,58px);line-height:1.03;letter-spacing:-.04em;max-width:560px}
.lbx .branch-question-head p{margin:0;max-width:520px;color:rgba(255,255,255,.72);font-size:16px;line-height:1.68}
.lbx .branch-question-list{border-top:1px solid rgba(255,255,255,.2)}
.lbx .branch-question-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:22px;align-items:center;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.18);text-decoration:none;color:#fff}
.lbx .branch-question-copy{display:flex;flex-direction:column;gap:7px;min-width:0}
.lbx .branch-question-copy strong{font-family:var(--serif);font-size:clamp(22px,2.25vw,30px);line-height:1.15;letter-spacing:-.025em;font-weight:700;color:#fff}
.lbx .branch-question-copy small{font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:#a9c0cc}
.lbx .branch-question-arrow{display:flex;justify-content:flex-end;color:var(--amber);transition:transform .18s ease}
.lbx .branch-question-arrow .ic{width:22px;height:22px;stroke:currentColor;fill:none}
.lbx .branch-question-row:hover .branch-question-arrow,.lbx .branch-question-row:focus-visible .branch-question-arrow{transform:translateX(5px)}
.lbx .branch-question-row:hover .branch-question-copy strong,.lbx .branch-question-row:focus-visible .branch-question-copy strong{color:var(--amber-soft)}
.lbx .branch-question-row:focus-visible{outline:2px solid var(--amber);outline-offset:5px}
/* Dienstleistungen und Kompetenzvertiefung rhythmisch voneinander absetzen. */
.lbx .branch-services{background:#fff}
.lbx .branch-services + .lbcx .lbcx-related-section{border-top:1px solid rgba(0,44,70,.06)}
/* Referenzen: ein Leit-Case + drei gleich hohe Neben-Cases. */
.lbx .branch-references.is-editorial{background:#fff}
.lbx .branch-references.is-editorial .ref-editorial-grid{align-items:stretch;gap:22px}
.lbx .branch-references.is-editorial .ref-story-list{height:100%;grid-template-rows:repeat(3,minmax(0,1fr));gap:14px}
.lbx .branch-references.is-editorial .ref-story{height:100%;display:flex;flex-direction:column;padding:22px 24px;border-radius:18px;box-shadow:none}
.lbx .branch-references.is-editorial .ref-story .ref-case-link{margin-top:auto;padding-top:16px}
.lbx .branch-references.is-editorial .ref-lead{border-radius:20px;box-shadow:0 28px 64px -50px rgba(0,44,70,.62)}
.lbx .branch-references.is-editorial .ref-quotes.is-editorial-quote{margin-top:34px}
@media(max-width:1040px){
.lbx .hero.is-open-branch{min-height:auto;padding:68px 0 76px}
.lbx .hero.is-open-branch .hero-grid{grid-template-columns:1fr;gap:38px}
.lbx .hero.is-open-branch .hero-figure{max-width:760px;aspect-ratio:16/9}
.lbx .branch-question-layout{grid-template-columns:1fr;gap:42px}
.lbx .branch-question-head{position:static;max-width:760px}
.lbx .branch-references.is-editorial .ref-story-list{height:auto;grid-template-rows:none}
}
@media(max-width:900px){
.lbx .branch-issue-trigger{height:auto;min-height:235px}
}
@media(max-width:620px){
.lbx .hero.is-open-branch{padding:48px 0 58px}
.lbx .hero.is-open-branch h1{font-size:clamp(39px,12vw,52px)}
.lbx .hero.is-open-branch .lede{font-size:17px}
.lbx .hero.is-open-branch .hero-figure{border-radius:15px}
.lbx .branch-question-nav{padding:76px 0}
.lbx .branch-question-row{padding:21px 0;grid-template-columns:minmax(0,1fr) 28px;gap:14px}
.lbx .branch-question-copy strong{font-size:22px}
}
/* ============================================================
1.41.39 – Ihre Branche: vereinheitlicht & entschlackt
============================================================ */
/* Ihre Branche nutzt wieder exakt den generischen Branchen-Hero. */
/* Fragebasierter Einstieg: ruhige helle Sektion statt zweiter Hero-Fläche. */
.lbx .branch-question-nav{
background:#fff;
color:var(--navy);
padding:104px 0;
border-top:1px solid rgba(0,44,70,.06);
border-bottom:1px solid rgba(0,44,70,.06);
}
.lbx .branch-question-layout{
display:grid;
grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);
gap:clamp(54px,8vw,120px);
align-items:start;
}
.lbx .branch-question-head{position:sticky;top:118px}
.lbx .branch-question-head .eyebrow{color:var(--steel)}
.lbx .branch-question-head h2{
margin:17px 0 19px;
color:var(--navy);
font-size:clamp(36px,4.4vw,58px);
line-height:1.03;
letter-spacing:-.04em;
max-width:560px;
}
.lbx .branch-question-head p{
margin:0;
max-width:520px;
color:var(--text-soft);
font-size:16px;
line-height:1.68;
}
.lbx .branch-question-list{border-top:1px solid rgba(0,44,70,.18)}
.lbx .branch-question-row{
min-height:96px;
display:grid;
grid-template-columns:minmax(0,1fr) 34px;
gap:22px;
align-items:center;
padding:22px 0;
border-bottom:1px solid rgba(0,44,70,.14);
text-decoration:none;
color:var(--navy);
}
.lbx .branch-question-copy{display:flex;flex-direction:column;gap:7px;min-width:0}
.lbx .branch-question-copy strong{
font-family:var(--serif);
font-size:clamp(21px,2.1vw,28px);
line-height:1.18;
letter-spacing:-.022em;
font-weight:700;
color:var(--navy);
}
.lbx .branch-question-copy small{
font-size:11px;
font-weight:850;
letter-spacing:.1em;
text-transform:uppercase;
color:var(--steel);
}
.lbx .branch-question-arrow{display:flex;justify-content:flex-end;color:var(--amber);transition:transform .18s ease}
.lbx .branch-question-arrow .ic{width:22px;height:22px;stroke:currentColor;fill:none}
.lbx .branch-question-row:hover .branch-question-arrow,.lbx .branch-question-row:focus-visible .branch-question-arrow{transform:translateX(5px)}
.lbx .branch-question-row:hover .branch-question-copy strong,.lbx .branch-question-row:focus-visible .branch-question-copy strong{color:var(--steel)}
.lbx .branch-question-row:focus-visible{outline:2px solid var(--navy);outline-offset:5px}
/* Leistungen als eigenständige zweite Ebene; visuell klar vom Fragenblock getrennt. */
.lbx .branch-services{background:var(--mist)}
.lbx .branch-services-list{background:transparent}
/* Vier Referenzen bilden wieder ein ruhiges, gleichwertiges Raster. */
.lbx .branch-references.is-success-grid .ref-success-grid{align-items:stretch}
.lbx .branch-references.is-success-grid .ss-card{height:100%;display:flex;flex-direction:column}
.lbx .branch-references.is-success-grid .ss-body{flex:1;display:flex;flex-direction:column}
.lbx .branch-references.is-success-grid .ss-cta{margin-top:auto;padding-top:18px}
@media(max-width:1040px){
.lbx .branch-question-layout{grid-template-columns:1fr;gap:42px}
.lbx .branch-question-head{position:static;max-width:760px}
}
@media(max-width:620px){
.lbx .branch-question-nav{padding:76px 0}
.lbx .branch-question-row{min-height:0;padding:20px 0;grid-template-columns:minmax(0,1fr) 28px;gap:14px}
.lbx .branch-question-copy strong{font-size:22px}
}
/* ============================================================
1.41.40 – Ihre Branche: Fragenindex ruhiger & hochwertiger
============================================================ */
.lbx .branch-question-nav{
background:#fff;
color:var(--navy);
padding:112px 0 118px;
border-top:1px solid rgba(0,44,70,.055);
border-bottom:1px solid rgba(0,44,70,.055);
}
.lbx .branch-question-layout{
display:block;
}
.lbx .branch-question-head{
position:static;
max-width:920px;
margin:0 0 52px;
}
.lbx .branch-question-head .eyebrow{
color:var(--steel);
}
.lbx .branch-question-head h2{
margin:16px 0 18px;
max-width:900px;
color:var(--navy);
font-size:clamp(40px,4.2vw,56px);
line-height:1.04;
letter-spacing:-.032em;
}
.lbx .branch-question-head p{
margin:0;
max-width:690px;
color:var(--text-soft);
font-size:17px;
line-height:1.65;
}
.lbx .branch-question-list{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
column-gap:clamp(38px,5vw,72px);
row-gap:0;
border:0;
}
.lbx .branch-question-row{
position:relative;
height:142px;
min-height:142px;
display:grid;
grid-template-columns:minmax(0,1fr) 40px;
gap:22px;
align-items:center;
padding:24px 4px 22px 0;
border:0;
border-top:1px solid rgba(0,44,70,.16);
text-decoration:none;
color:var(--navy);
transition:padding-left .2s ease,border-color .2s ease;
}
.lbx .branch-question-row:nth-last-child(-n+2){
border-bottom:1px solid rgba(0,44,70,.16);
}
.lbx .branch-question-copy{
display:flex;
flex-direction:column;
gap:9px;
min-width:0;
}
.lbx .branch-question-copy strong{
font-family:var(--sans);
font-size:clamp(19px,1.55vw,22px);
line-height:1.28;
letter-spacing:-.012em;
font-weight:700;
color:var(--navy);
max-width:590px;
}
.lbx .branch-question-copy small{
font-family:var(--sans);
font-size:10.5px;
font-weight:800;
line-height:1.3;
letter-spacing:.095em;
text-transform:uppercase;
color:var(--steel);
}
.lbx .branch-question-arrow{
width:38px;
height:38px;
border:1px solid rgba(245,159,30,.48);
border-radius:999px;
display:flex;
align-items:center;
justify-content:center;
color:var(--amber);
transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease;
}
.lbx .branch-question-arrow .ic{
width:17px;
height:17px;
stroke:currentColor;
fill:none;
}
.lbx .branch-question-row:hover,
.lbx .branch-question-row:focus-visible{
padding-left:10px;
border-color:rgba(0,44,70,.3);
}
.lbx .branch-question-row:hover .branch-question-copy strong,
.lbx .branch-question-row:focus-visible .branch-question-copy strong{
color:var(--navy);
}
.lbx .branch-question-row:hover .branch-question-arrow,
.lbx .branch-question-row:focus-visible .branch-question-arrow{
transform:translateX(3px);
background:var(--amber);
border-color:var(--amber);
color:var(--navy);
}
.lbx .branch-question-row:focus-visible{
outline:2px solid var(--amber);
outline-offset:4px;
border-radius:8px;
}
@media(max-width:900px){
.lbx .branch-question-nav{padding:86px 0 92px}
.lbx .branch-question-head{margin-bottom:38px;max-width:760px}
.lbx .branch-question-list{grid-template-columns:1fr}
.lbx .branch-question-row{
height:auto;
min-height:108px;
padding:22px 0;
}
.lbx .branch-question-row:nth-last-child(-n+2){border-bottom:0}
.lbx .branch-question-row:last-child{border-bottom:1px solid rgba(0,44,70,.16)}
}
@media(max-width:620px){
.lbx .branch-question-nav{padding:72px 0 76px}
.lbx .branch-question-head h2{font-size:clamp(34px,10.4vw,44px)}
.lbx .branch-question-head p{font-size:16px}
.lbx .branch-question-row{
min-height:104px;
grid-template-columns:minmax(0,1fr) 34px;
gap:14px;
padding:20px 0;
}
.lbx .branch-question-row:hover,
.lbx .branch-question-row:focus-visible{padding-left:0}
.lbx .branch-question-copy strong{font-size:19px}
.lbx .branch-question-arrow{width:32px;height:32px}
.lbx .branch-question-arrow .ic{width:15px;height:15px}
}
/* ============================================================
1.41.41 – Ihre Branche: Standardrhythmus, keine Doppelungen
============================================================ */
/* Der Frageeinstieg ist jetzt die einzige Portfolio-Navigation der Seite. */
.lbx .branch-question-nav{
padding:88px 0 94px;
}
.lbx .branch-question-head{
max-width:820px;
margin-bottom:40px;
}
.lbx .branch-question-head h2{
max-width:780px;
font-size:clamp(36px,3.6vw,48px);
line-height:1.07;
letter-spacing:-.028em;
}
.lbx .branch-question-head p{
max-width:640px;
font-size:16px;
}
.lbx .branch-question-row{
height:116px;
min-height:116px;
padding:18px 2px 18px 0;
grid-template-columns:minmax(0,1fr) 36px;
}
.lbx .branch-question-copy{gap:7px}
.lbx .branch-question-copy strong{
font-size:clamp(18px,1.35vw,20px);
line-height:1.3;
}
.lbx .branch-question-copy small{
font-size:10px;
letter-spacing:.085em;
}
.lbx .branch-question-arrow{
width:34px;
height:34px;
}
.lbx .branch-question-arrow .ic{width:15px;height:15px}
/* Referenzen: bewusst wieder das normale kompakte Kartenraster. */
.lbx .branch-references.is-standard .sec-head{
max-width:820px;
}
.lbx .branch-references.is-standard .sec-head h2{
max-width:760px;
}
.lbx .branch-references.is-standard .ref-cases{
grid-template-columns:repeat(4,minmax(0,1fr));
gap:18px;
margin-top:32px;
align-items:stretch;
}
.lbx .branch-references.is-standard .ref-case{
height:100%;
display:flex;
flex-direction:column;
padding:22px;
border-radius:16px;
box-shadow:none;
}
.lbx .branch-references.is-standard .ref-case h4{
font-size:18px;
line-height:1.24;
margin:7px 0 9px;
}
.lbx .branch-references.is-standard .ref-case p{
font-size:13.5px;
line-height:1.55;
margin:0;
}
.lbx .branch-references.is-standard .ref-case-link{
margin-top:auto;
padding-top:16px;
}
.lbx .branch-references.is-standard .ref-all-stories{margin-top:24px}
@media(max-width:1040px){
.lbx .branch-references.is-standard .ref-cases{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
.lbx .branch-question-nav{padding:78px 0 84px}
.lbx .branch-question-head{margin-bottom:32px}
.lbx .branch-question-row{height:auto;min-height:98px}
}
@media(max-width:620px){
.lbx .branch-question-nav{padding:64px 0 70px}
.lbx .branch-question-head h2{font-size:clamp(32px,9.8vw,40px)}
.lbx .branch-question-row{min-height:94px;padding:17px 0}
.lbx .branch-question-copy strong{font-size:18px}
.lbx .branch-references.is-standard .ref-cases{grid-template-columns:1fr;gap:14px}
.lbx .branch-references.is-standard .ref-case{padding:20px}
}
/* ============================================================
1.41.42 – Ihre Branche: Referenzen im Standard-Success-Story-Look
============================================================ */
.lbx .branch-references.is-success-grid .ref-success-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
gap:28px;
align-items:stretch;
}
.lbx .branch-references.is-success-grid .ss-card{
height:100%;
}
.lbx .branch-references.is-success-grid .ss-thumb{
height:auto!important;
aspect-ratio:8/5;
}
.lbx .branch-references.is-success-grid .ss-body{
padding:24px 24px 26px;
}
.lbx .branch-references.is-success-grid .ss-card h2{
font-size:20px;
line-height:1.18;
margin:9px 0 10px;
}
.lbx .branch-references.is-success-grid .ss-excerpt{
-webkit-line-clamp:4;
}
@media(max-width:960px){
.lbx .branch-references.is-success-grid .ref-success-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:24px;
}
}
@media(max-width:620px){
.lbx .branch-references.is-success-grid .ref-success-grid{
grid-template-columns:1fr;
gap:18px;
}
}
/* ============================================================
1.41.43 – Ihre Branche: Fragenindex als ruhiger Themenindex
============================================================ */
.lbx .branch-question-nav{
padding:82px 0 88px;
}
.lbx .branch-question-head{
max-width:760px;
margin-bottom:34px;
}
.lbx .branch-question-head h2{
max-width:720px;
margin:14px 0 0;
font-size:clamp(34px,3.25vw,44px);
line-height:1.08;
letter-spacing:-.024em;
}
.lbx .branch-question-head p{display:none!important}
.lbx .branch-question-list{
position:relative;
grid-template-columns:repeat(2,minmax(0,1fr));
column-gap:clamp(48px,6vw,88px);
}
.lbx .branch-question-list::before{
content:"";
position:absolute;
top:0;
bottom:0;
left:50%;
width:1px;
background:rgba(0,44,70,.1);
transform:translateX(-.5px);
pointer-events:none;
}
.lbx .branch-question-row{
height:108px;
min-height:108px;
grid-template-columns:minmax(0,1fr) 24px;
gap:18px;
padding:18px 0;
border-top:1px solid rgba(0,44,70,.14);
transition:background .18s ease,padding .18s ease,border-color .18s ease;
}
.lbx .branch-question-row:nth-last-child(-n+2){
border-bottom:1px solid rgba(0,44,70,.14);
}
.lbx .branch-question-row:last-child:nth-child(odd){
grid-column:1 / -1;
width:calc(50% - clamp(24px,3vw,44px));
border-bottom:1px solid rgba(0,44,70,.14);
}
.lbx .branch-question-copy{gap:6px}
.lbx .branch-question-copy strong{
font-family:var(--sans);
max-width:560px;
font-size:clamp(18px,1.32vw,20px);
line-height:1.28;
letter-spacing:-.01em;
font-weight:700;
}
.lbx .branch-question-copy small{
font-family:var(--sans);
font-size:13px;
line-height:1.35;
font-weight:500;
letter-spacing:0;
text-transform:none;
color:var(--steel);
}
.lbx .branch-question-arrow{
width:24px;
height:24px;
border:0;
border-radius:0;
background:transparent;
justify-content:flex-end;
color:var(--amber);
transition:transform .18s ease,color .18s ease;
}
.lbx .branch-question-arrow .ic{
width:18px;
height:18px;
stroke:currentColor;
fill:none;
}
.lbx .branch-question-row:hover,
.lbx .branch-question-row:focus-visible{
padding-left:10px;
padding-right:8px;
background:rgba(80,116,143,.055);
border-color:rgba(0,44,70,.18);
}
.lbx .branch-question-row:hover .branch-question-copy strong,
.lbx .branch-question-row:focus-visible .branch-question-copy strong{
color:var(--navy);
}
.lbx .branch-question-row:hover .branch-question-arrow,
.lbx .branch-question-row:focus-visible .branch-question-arrow{
transform:translateX(5px);
background:transparent;
color:var(--amber);
}
.lbx .branch-question-row:focus-visible{
outline:2px solid var(--amber);
outline-offset:3px;
border-radius:6px;
}
@media(max-width:900px){
.lbx .branch-question-nav{padding:72px 0 78px}
.lbx .branch-question-head{margin-bottom:28px}
.lbx .branch-question-list{grid-template-columns:1fr}
.lbx .branch-question-list::before{display:none}
.lbx .branch-question-row,
.lbx .branch-question-row:last-child:nth-child(odd){
grid-column:auto;
width:auto;
height:auto;
min-height:94px;
padding:18px 0;
}
.lbx .branch-question-row:nth-last-child(-n+2){border-bottom:0}
.lbx .branch-question-row:last-child{border-bottom:1px solid rgba(0,44,70,.14)}
}
@media(max-width:620px){
.lbx .branch-question-nav{padding:58px 0 64px}
.lbx .branch-question-head h2{font-size:clamp(30px,9vw,38px)}
.lbx .branch-question-row,
.lbx .branch-question-row:last-child:nth-child(odd){
min-height:90px;
grid-template-columns:minmax(0,1fr) 20px;
gap:12px;
padding:16px 0;
}
.lbx .branch-question-row:hover,
.lbx .branch-question-row:focus-visible{padding-left:0;padding-right:0;background:transparent}
.lbx .branch-question-copy strong{font-size:18px}
.lbx .branch-question-copy small{font-size:12.5px}
.lbx .branch-question-arrow{width:20px;height:20px}
.lbx .branch-question-arrow .ic{width:16px;height:16px}
}
/* ============================================================
1.41.44 – Ihre Branche: visuelle Success-Story-Karten
============================================================ */
.lbx .branch-references.is-visual-story{
background:#fff;
}
.lbx .branch-references.is-visual-story .sec-head{
max-width:850px;
margin-bottom:34px;
}
.lbx .branch-references.is-visual-story .sec-head h2{
max-width:760px;
margin-top:13px;
font-size:clamp(36px,4vw,52px);
line-height:1.05;
letter-spacing:-.025em;
}
.lbx .branch-references.is-visual-story .sec-head p{
max-width:760px;
margin-top:15px;
font-size:16px;
line-height:1.65;
}
.lbx .branch-references.is-visual-story .ref-visual-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:22px;
}
.lbx .branch-references.is-visual-story .ref-visual-card{
position:relative;
display:block;
min-height:430px;
aspect-ratio:1.02/1;
border-radius:22px;
overflow:hidden;
background:var(--navy);
color:#fff;
text-decoration:none;
isolation:isolate;
box-shadow:0 22px 54px -42px rgba(0,44,70,.62);
}
.lbx .branch-references.is-visual-story .ref-visual-card__image{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
z-index:-3;
transition:transform .5s ease;
}
.lbx .branch-references.is-visual-story .ref-visual-card__shade{
position:absolute;
inset:0;
z-index:-2;
background:linear-gradient(180deg,rgba(0,28,45,.05) 22%,rgba(0,24,40,.28) 47%,rgba(0,24,40,.93) 100%);
}
.lbx .branch-references.is-visual-story .ref-visual-card__content{
position:absolute;
left:24px;
right:70px;
bottom:24px;
display:flex;
flex-direction:column;
align-items:flex-start;
}
.lbx .branch-references.is-visual-story .ref-visual-card__tag{
display:inline-flex;
align-items:center;
min-height:30px;
padding:6px 11px;
margin-bottom:13px;
border-radius:999px;
background:var(--amber);
color:var(--navy);
font-family:var(--sans);
font-size:11px;
line-height:1;
font-weight:850;
letter-spacing:.035em;
text-transform:none;
}
.lbx .branch-references.is-visual-story .ref-visual-card h3{
max-width:100%;
margin:0;
color:#fff;
font-family:var(--sans);
font-size:clamp(22px,2vw,29px);
line-height:1.12;
letter-spacing:-.018em;
font-weight:800;
text-wrap:balance;
}
.lbx .branch-references.is-visual-story .ref-visual-card__customer{
margin-top:11px;
color:rgba(255,255,255,.82);
font-family:var(--sans);
font-size:13px;
line-height:1.3;
font-weight:650;
}
.lbx .branch-references.is-visual-story .ref-visual-card__arrow{
position:absolute;
right:23px;
bottom:23px;
display:grid;
place-items:center;
width:40px;
height:40px;
border-radius:50%;
background:var(--amber);
color:var(--navy);
transition:transform .2s ease;
}
.lbx .branch-references.is-visual-story .ref-visual-card__arrow .ic{
width:18px;
height:18px;
stroke:currentColor;
fill:none;
stroke-width:1.8;
}
.lbx .branch-references.is-visual-story .ref-all-stories--visual{
display:flex;
justify-content:flex-end;
margin-top:24px;
}
.lbx .branch-references.is-visual-story .ref-all-stories--visual a{
display:inline-flex;
align-items:center;
gap:8px;
color:var(--navy);
font-size:13px;
font-weight:800;
text-decoration:none;
}
.lbx .branch-references.is-visual-story .ref-all-stories--visual .ic{
width:16px;
height:16px;
stroke:currentColor;
fill:none;
stroke-width:1.8;
}
@media(hover:hover){
.lbx .branch-references.is-visual-story .ref-visual-card:hover .ref-visual-card__image,
.lbx .branch-references.is-visual-story .ref-visual-card:focus-visible .ref-visual-card__image{transform:scale(1.025)}
.lbx .branch-references.is-visual-story .ref-visual-card:hover .ref-visual-card__arrow,
.lbx .branch-references.is-visual-story .ref-visual-card:focus-visible .ref-visual-card__arrow{transform:translateX(3px)}
}
.lbx .branch-references.is-visual-story .ref-visual-card:focus-visible{
outline:3px solid var(--amber);
outline-offset:4px;
}
@media(max-width:960px){
.lbx .branch-references.is-visual-story .ref-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.lbx .branch-references.is-visual-story .ref-visual-card{min-height:390px}
}
@media(max-width:680px){
.lbx .branch-references.is-visual-story .sec-head{margin-bottom:26px}
.lbx .branch-references.is-visual-story .ref-visual-grid{grid-template-columns:1fr;gap:16px}
.lbx .branch-references.is-visual-story .ref-visual-card{min-height:0;aspect-ratio:4/4.15;border-radius:18px}
.lbx .branch-references.is-visual-story .ref-visual-card__content{left:20px;right:64px;bottom:20px}
.lbx .branch-references.is-visual-story .ref-visual-card__arrow{right:19px;bottom:19px;width:38px;height:38px}
.lbx .branch-references.is-visual-story .ref-all-stories--visual{justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){
.lbx .branch-references.is-visual-story .ref-visual-card__image,
.lbx .branch-references.is-visual-story .ref-visual-card__arrow{transition:none!important}
}
/* ============================================================
1.41.46 – Referenzen / Success Stories: gemeinsame Hero- und Filterlogik
============================================================ */
.lbco-proof-hero-label{
display:inline-flex!important;
align-items:center;
gap:10px;
color:var(--amber-soft)!important;
}
.lbco-proof-hero-label::before{display:none!important}
.lbco-proof-hero-label .ic{
width:20px;height:20px;flex:0 0 20px;display:block;
color:var(--amber);stroke:currentColor;fill:none;
stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
}
.lbco-logo-card[hidden]{display:none!important}
.ss-list-clean{padding-top:72px}
.ss-list-clean .ss-grid{margin-top:0}
@media(max-width:800px){
.lbco-proof-hero-label .ic{width:18px;height:18px;flex-basis:18px}
.ss-list-clean{padding-top:56px}
}
/* ============================================================
1.41.47 – Globaler Design-Cleanup für Branchen & Kompetenzen
Ziel: konsistente Typografie, Section-Rhythmus, Buttons und
Shared Components – ohne Blockcode-Neupflege.
============================================================ */
:root{
--lbc-button-radius:12px;
--lbc-section-space:94px;
--lbc-section-space-tablet:78px;
--lbc-section-space-mobile:62px;
--lbc-heading-weight:500;
}
/* Typografie: gleiche Lubalin-Familie mit ruhiger, kräftiger Hierarchie.
H1 und H2 zielen auf den echten Semibold/Demi-Schnitt (600), statt H2
künstlich in Richtung Bold zu drücken. H3/H4 bleiben unverändert. */
.lbx .hero h1,
.lbcx-competence-hero .hero h1{
font-family:var(--serif);
font-weight:var(--lbc-h1-weight);
font-style:normal;
font-synthesis:none;
text-wrap:balance;
}
.lbx .sec-head h2,
.lbx .branch-question-head h2,
.lbcx .sec-head h2,
.lbcx-engagement-head h2,
.lbcx-reference-card h2,
.lbcx-crossnav-head h2,
.lbcx-person-copy h2{
font-family:var(--serif);
font-weight:var(--lbc-h2-weight);
font-style:normal;
font-synthesis:none;
text-wrap:balance;
}
/* Branchen-Hero: mehr nutzbare Textbreite und ruhigere Umbrüche. */
.lbx .hero.has-panel .hero-grid{
grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);
gap:44px;
}
.lbx .hero.has-panel .hero-copy{max-width:800px}
.lbx .hero.has-panel .hero-copy h1{
max-width:800px;
font-size:clamp(40px,4vw,56px);
line-height:1.035;
letter-spacing:-.022em;
font-weight:var(--lbc-h1-weight);
}
.lbx .hero.has-panel .hero-copy .lede{max-width:700px}
/* Kompetenz-Hero: gleiche H1-Logik wie Branchen, ohne die Bühne umzubauen. */
.lbcx-competence-hero .hero-copy{max-width:800px}
.lbcx-competence-hero .hero h1{
max-width:790px;
font-size:clamp(40px,4.45vw,60px);
line-height:1.035;
letter-spacing:-.022em;
font-weight:var(--lbc-h1-weight);
}
.lbcx-competence-hero .hero .lede{max-width:700px}
/* H2-System für beide Seitenfamilien: näher am alten LBC-/cplace-Look –
kräftig, aber nicht boldig oder plakatartig. */
.lbx .sec-head h2,
.lbcx .sec-head h2{
font-size:clamp(32px,3.15vw,44px);
line-height:1.08;
letter-spacing:-.020em;
}
/* Section-Rhythmus: feste Bühne pro Shared Block statt zufälligem Alternieren. */
.lbx .section,
.lbcx-tabs-section,
.lbcx-split-section,
.lbcx-grid-section,
.lbcx-stages-section,
.lbcx-platform-section,
.lbcx-engagement-section,
.lbcx-related-section,
.lbcx-offers,
.lbcx-crossnav{
padding-top:var(--lbc-section-space);
padding-bottom:var(--lbc-section-space);
}
.lbx-branch-insights .branch-insights{background:var(--mist)}
.lbx-branch-answer .branch-answer{background:#fff}
.lbcx-problem{background:var(--mist)}
.lbcx-challenge-section{background:#fff}
.lbcx-stake-section{background:var(--mist)}
.lbcx-stages-section{background:#fff}
.lbcx-related-section{background:var(--mist)}
.lbcx-crossnav{background:#fff}
.lbcx-person{background:var(--mist)}
/* Kompetenz-Herausforderungen: Nebenperspektive kleiner und klarer gewichtet. */
.lbcx-challenge-section .lbcx-tab-panel{
grid-template-columns:minmax(0,1.38fr) minmax(220px,.62fr);
gap:30px;
}
.lbcx-challenge-section .lbcx-side{
align-self:start;
padding:20px 22px;
border:1px solid rgba(0,44,70,.07);
background:var(--mist);
}
/* Reifegrad: inaktive Stufen klar vom Hintergrund absetzen, Typografie konsistent. */
.lbcx-maturity-axis-track{background:#cbd9e2}
.lbcx-maturity-tick{background:#fff;color:#6f8797}
.lbcx-maturity-tier{
position:relative;
justify-content:center;
text-align:center;
border:1px solid rgba(0,44,70,.10);
background:#e3edf2;
box-shadow:none;
padding-left:52px;
padding-right:52px;
}
.lbcx-maturity-tier:hover{background:#dbe7ed;border-color:rgba(0,44,70,.17)}
.lbcx-maturity-tier.is-current{
background:var(--navy);
border-color:var(--navy);
box-shadow:0 16px 34px -26px rgba(0,44,70,.52);
}
.lbcx-maturity-num{
position:absolute;
left:20px;
top:50%;
transform:translateY(-50%);
color:#668195;
}
.lbcx-maturity-label{
color:#294b60;
font-weight:500;
text-align:center;
overflow-wrap:normal;
hyphens:auto;
}
.lbcx-maturity-tier.is-current .lbcx-label,
.lbcx-maturity-tier.is-current .lbcx-maturity-label{font-weight:500}
/* Kompetenzsäulen: Bedeutung sichtbarer machen, ohne neue Kartenlogik einzuführen. */
.lbcx-related-grid article{
position:relative;
padding:31px 30px 27px;
border-radius:16px;
border-color:rgba(0,44,70,.11);
box-shadow:0 16px 38px -34px rgba(0,44,70,.34);
}
.lbcx-related-grid article::before{
content:"";
position:absolute;
left:30px;
top:0;
width:42px;
height:3px;
background:var(--amber);
}
.lbcx-related-grid h3{
font-family:var(--serif);
font-size:clamp(23px,2.2vw,28px);
line-height:1.08;
font-weight:var(--lbc-heading-weight);
letter-spacing:-.018em;
}
/* Branchenbilder in der Kompetenz-Quernavigation: weniger ausgegraut. */
.lbcx-branch-visual img{
opacity:.96;
filter:saturate(1.02) contrast(1) brightness(1.01);
}
.lbcx-branch-shade{
background:linear-gradient(90deg,rgba(255,255,255,.93) 0%,rgba(255,255,255,.80) 24%,rgba(255,255,255,.40) 48%,rgba(255,255,255,.08) 74%,rgba(255,255,255,0) 100%);
}
.lbcx-branch-card:hover .lbcx-branch-visual img,
.lbcx-branch-card:focus-visible .lbcx-branch-visual img{
opacity:1;
filter:saturate(1.06) contrast(1.01) brightness(1);
}
/* Buttons: weniger Pill-Look, gleiche Geometrie. Kleine Filter-Pills bleiben bewusst rund. */
.btn,
.nav-cta{
border-radius:var(--lbc-button-radius);
}
.btn{min-height:48px;padding:13px 26px}
.nav-cta{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
/* Ansprechpartner: Kontaktaktionen auf allen Seiten technisch gleich. */
.lbcx-person-card{
background:#fff;
border-radius:20px;
border-color:rgba(0,44,70,.09);
box-shadow:0 18px 44px -38px rgba(0,44,70,.34);
}
.lbcx-person-chip{
min-width:112px;
min-height:40px;
justify-content:center;
padding:10px 14px;
border-radius:10px;
}
.lbcx-person-in{flex:0 0 18px}
@media(max-width:980px){
.lbx .hero.has-panel .hero-grid{grid-template-columns:1fr;gap:34px}
.lbx .hero.has-panel .hero-copy{max-width:780px}
.lbx .hero.has-panel .hero-figure{aspect-ratio:16/9;max-width:760px}
.lbcx-competence-hero .hero-copy{max-width:760px}
.lbx .section,
.lbcx-tabs-section,
.lbcx-split-section,
.lbcx-grid-section,
.lbcx-stages-section,
.lbcx-platform-section,
.lbcx-engagement-section,
.lbcx-related-section,
.lbcx-offers,
.lbcx-crossnav{
padding-top:var(--lbc-section-space-tablet);
padding-bottom:var(--lbc-section-space-tablet);
}
}
@media(max-width:820px){
.lbcx-challenge-section .lbcx-tab-panel{grid-template-columns:1fr;gap:24px}
.lbcx-challenge-section .lbcx-side{max-width:520px}
.lbcx-maturity-tier{
justify-content:flex-start;
text-align:left;
padding-left:20px;
padding-right:20px;
}
.lbcx-maturity-num{
position:static;
transform:none;
flex:0 0 30px;
}
.lbcx-maturity-label{text-align:left}
}
@media(max-width:620px){
.lbx .hero.has-panel .hero-copy h1,
.lbcx-competence-hero .hero h1{
font-size:clamp(36px,9.8vw,48px);
line-height:1.04;
letter-spacing:-.018em;
}
.lbx .sec-head h2,
.lbcx .sec-head h2{
font-size:clamp(30px,8.6vw,40px);
line-height:1.08;
}
.lbx .section,
.lbcx-tabs-section,
.lbcx-split-section,
.lbcx-grid-section,
.lbcx-stages-section,
.lbcx-platform-section,
.lbcx-engagement-section,
.lbcx-related-section,
.lbcx-offers,
.lbcx-crossnav{
padding-top:var(--lbc-section-space-mobile);
padding-bottom:var(--lbc-section-space-mobile);
}
.btn{min-height:46px;padding:12px 20px;border-radius:10px}
.nav-cta{border-radius:10px}
.lbcx-person-card{border-radius:16px}
.lbcx-person-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
.lbcx-person-chip{min-width:0;width:100%;min-height:42px}
.lbcx-person-actions .lbcx-person-linkedin:last-child:nth-child(odd){grid-column:1 / -1}
.lbcx-related-grid article{padding:27px 24px 24px}
.lbcx-related-grid article::before{left:24px}
}
@media(prefers-reduced-motion:reduce){
.lbcx-branch-visual img,
.lbcx-maturity-tier{transition:none!important}
}
/* ============================================================
1.41.48 – Typografie-Härtung
Visueller Referenzpunkt: bisherige Le-Bihan/cplace-H1.
Ausschließlich H1/H2-Gewichte; 1.41.47 Design-Cleanup bleibt unangetastet.
============================================================ */
:root{
--lbc-h1-weight:600; /* PHP überschreibt auf den nächstliegenden real installierten Schnitt. */
--lbc-h2-weight:600;
}
/* Eine Familie, klare Hierarchie: H1 und H2 semibold/demi wie im bisherigen LBC-Auftritt.
!important ist hier bewusst zentral gesetzt, damit ältere komponentenspezifische
600/700-Deklarationen keine Seitentypen mehr auseinanderlaufen lassen. */
body h1{
font-family:var(--serif);
font-weight:var(--lbc-h1-weight)!important;
font-style:normal;
font-synthesis:none;
}
body h2{
font-family:var(--serif);
font-weight:var(--lbc-h2-weight)!important;
font-style:normal;
font-synthesis:none;
}
/* ============================================================
1.41.51 – Design-System-Konsolidierung
Ziel: gleiche Typografie, Oberflächen, Radien, Abstände und
Hero-Anatomie über Branchen, Kompetenzen, Unternehmen,
Services und Partnerseiten – ohne Blockcode-Neupflege.
============================================================ */
:root{
--lbc-surface-base:#fff;
--lbc-surface-alt:#f2f6f8;
--lbc-surface-strong:#e7eff3;
--text-mute:#607989;
--lbc-radius-ui:12px;
--lbc-radius-card:16px;
--lbc-radius-media:18px;
--lbc-radius-feature:20px;
--lbc-space-compact:72px;
--lbc-space-standard:96px;
--lbc-space-large:112px;
--lbc-space-tablet:76px;
--lbc-space-mobile:60px;
--lbc-motion-fast:.18s;
--lbc-motion-base:.22s;
--lbc-shadow-card:0 14px 34px -30px rgba(0,44,70,.28);
--lbc-shadow-media:0 24px 58px -48px rgba(0,44,70,.42);
/* bestehende Alias-Tokens auf das neue Raster ziehen */
--mist:var(--lbc-surface-alt);
--mist-2:var(--lbc-surface-strong);
--r-lg:var(--lbc-radius-feature);
--r-md:var(--lbc-radius-card);
--r-sm:var(--lbc-radius-ui);
--lbc-button-radius:var(--lbc-radius-ui);
--lbc-section-space:var(--lbc-space-standard);
--lbc-section-space-tablet:var(--lbc-space-tablet);
--lbc-section-space-mobile:var(--lbc-space-mobile);
--lbc-heading-weight:600;
--lbc-h1-weight:600;
--lbc-h2-weight:600;
}
/* 1. CI-Sans konsequent: Proxima Nova über die zentrale Font-Variable.
Segoe UI bleibt nur als technischer Fallback innerhalb von --sans. */
body,button,input,textarea,select,
#hdr .nav-links a,#hdr .nav-trigger,#hdr .mega-tx,#hdr .exp-tx,
.lbco-section,.lbco-career-hero-2026,.lbco-events-hero-2026,.lbco-news-hero-2026,
.lbcx,.lbcx button,.lbcx input,.lbcx textarea,.lbcx select,
.partner-section,.partner-hero,.phero--partner,.plh-hub,.lbc-services-hero,
.pa-platform,.pa-competence,.pa-journey,.pa-integration,.pa-partnership,.pa-cases,.pa-signature{
font-family:var(--sans);
font-synthesis:none;
}
/* 2. Eyebrows: Hero = Icon + Label; Section = Linie + Label. */
.eyebrow{
font-size:12px;
line-height:1.2;
font-weight:800;
letter-spacing:.16em;
gap:10px;
}
.eyebrow::before{width:26px;height:2px}
.eyebrow.has-icon::before,
.competence-hero-label::before,
.lbc-services-hero-label::before,
.lbco-career-hero-label::before,
.lbco-events-hero-label::before,
.lbco-news-hero-label::before,
.lbco-proof-hero-label::before,
.ueber-hero-2026 .ueber-hero-label::before{display:none!important}
.eyebrow.has-icon .ic,
.competence-hero-label .ic,
.lbc-services-hero-label .ic,
.lbco-career-hero-label .ic,
.lbco-events-hero-label .ic,
.lbco-news-hero-label .ic,
.lbco-proof-hero-label .ic,
.ueber-hero-2026 .ueber-hero-label .ic{
width:19px;
height:19px;
flex:0 0 19px;
color:var(--amber);
stroke:currentColor;
fill:none;
stroke-width:1.7;
stroke-linecap:round;
stroke-linejoin:round;
}
/* Gemeinsame H2-Skala für Standard-Sections; Spezial-/Hero-H2 bleiben bewusst ausgenommen. */
.lbco-section-head h2,
.partner-section-head h2,.partner-delivery-copy h2,
.pa-h2,
.plh-section-head h2,.plh-compare-head h2,
.lbco-events-section-head h2,.lbco-events-past-head h2,
.lbc-services-tree-head h2{
font-size:clamp(32px,3.15vw,44px);
line-height:1.08;
letter-spacing:-.02em;
}
/* 3. Oberflächen: nur White, Mist und Mist Strong als neutrale Bühnen. */
.ueber-hero-2026,
.lbco-career-hero-2026,
.lbco-events-hero-2026{background:var(--lbc-surface-alt)}
.lbcx-problem,
.lbcx-stake-section,
.lbcx-related-section,
.lbcx-person,
.partner-fit-section,
.partner-delivery,
.pa-competence,
.pa-integration,
.pa-partnership--badge,
.plh-compare{background:var(--lbc-surface-alt)}
.lbcx-challenge-section,
.lbcx-stages-section,
.lbcx-crossnav,
.partner-platform,
.partner-why-section,
.partner-ecosystem,
.pa-platform,
.pa-journey,
.pa-cases,
.plh-products{background:var(--lbc-surface-base)}
/* dezente Komponentenflächen auf das stärkere neutrale Token vereinheitlichen */
.lbcx-maturity-tier{background:var(--lbc-surface-strong)}
.lbcx-maturity-tier:hover{background:#dce8ee}
.lbcx-challenge-section .lbcx-side,
.lbcx-branch-card,
.partner-ecosystem-item,
.lbco-event-feature-date,
.pa-media-placeholder{background:var(--lbc-surface-alt)}
/* 4. Radien: 12 UI / 16 Cards / 18 Media / 20 Feature. */
.btn,.nav-cta,.lbcx-person-chip{border-radius:var(--lbc-radius-ui)}
.mega,.dash,.lbcx-person-card{border-radius:var(--lbc-radius-feature)}
.mega-item,.mega-cta,
.partner-feature,.partner-card,.partner-ecosystem-item,
.lbcx-related-grid article,.lbcx-branch-card,
.lbco-event-feature,.lbco-news-featured,.lbco-news-card,.lbco-ref-story-card,.ss-card,
.pa-case-card,.pa-contact{border-radius:var(--lbc-radius-card)}
.ueber-hero-2026 .ueber-hero-vis,
.lbco-career-hero-media,.lbco-events-hero-media,.lbco-news-hero-latest,
.lbx .hero-figure,.pa-editorial-media,.lbc-service-image,.plh-solution-detail{
border-radius:var(--lbc-radius-media)
}
/* 5. Schatten: Standardkarten primär über Hairline statt künstlicher Tiefe. */
.partner-feature,
.partner-card:not(.partner-card-dark),
.partner-ecosystem-item,
.lbcx-related-grid article,
.lbcx-branch-card,
.lbco-event-feature,
.lbco-news-featured,
.lbco-news-card,
.lbco-ref-story-card,
.ss-card,
.pa-case-card{box-shadow:none}
.ueber-hero-2026 .ueber-hero-vis,
.lbco-career-hero-media,
.lbco-events-hero-media,
.lbco-news-hero-latest,
.lbx .hero-figure{box-shadow:var(--lbc-shadow-media)}
/* 6. Section-Spacing: drei klar definierte Größen statt Einzelwerte. */
.lbx .section,
.lbcx-tabs-section,.lbcx-split-section,.lbcx-grid-section,.lbcx-stages-section,
.lbcx-platform-section,.lbcx-engagement-section,.lbcx-related-section,.lbcx-offers,.lbcx-crossnav,
.lbco-section,
.partner-section,
.pa-platform,.pa-competence,.pa-journey,.pa-integration,.pa-partnership,.pa-cases,.pa-signature,
.plh-products,.plh-compare{
padding-top:var(--lbc-space-standard);
padding-bottom:var(--lbc-space-standard);
}
.pa-partnership--badge,.lbp-practice{padding-top:var(--lbc-space-compact);padding-bottom:var(--lbc-space-compact)}
/* 7. Corporate Heroes: gleiche Anatomie, ohne die gut funktionierenden
Branchen-/Kompetenz-Heros erneut umzubauen. */
.ueber-hero-2026,
.lbco-career-hero-2026,
.lbco-events-hero-2026{
min-height:620px;
padding:64px 0;
display:flex;
align-items:center;
}
.ueber-hero-2026 .ueber-hero-grid,
.lbco-career-hero-grid,
.lbco-events-hero-grid{min-height:0;width:100%}
.ueber-hero-2026 .ueber-hero-vis,
.lbco-career-hero-media,.lbco-career-hero-media img,
.lbco-events-hero-media,.lbco-events-hero-media img{min-height:500px}
/* Archiv-Heros bewusst kompakt belassen. */
.lbco-news-hero-2026--simple{min-height:390px;padding:82px 0 88px}
.lbco-hero--proof .lbco-hero-grid{min-height:390px}
/* Partner/Services: auf dieselbe vertikale Grundproportion bringen,
ohne deren bestehende Inhaltslogik oder Visuals zu verändern. */
.partner-hero,.phero--partner,.plh-hero,.lbc-services-hero{
min-height:590px;
padding-top:150px;
padding-bottom:88px;
}
/* 8. Card-Hover konsistent und ruhig. */
.partner-feature,.partner-card,.partner-ecosystem-item,
.lbcx-related-grid article,.lbcx-branch-card,
.lbco-news-card,.lbco-ref-story-card,.ss-card,.pa-case-card{
transition:transform var(--lbc-motion-base) ease,border-color var(--lbc-motion-base) ease,box-shadow var(--lbc-motion-base) ease;
}
.partner-feature:hover,.partner-card:not(.partner-card-dark):hover,.partner-ecosystem-item:hover,
.lbcx-related-grid article:hover,.lbcx-branch-card:hover,
.lbco-news-card:hover,.lbco-ref-story-card:hover,.ss-card:hover,.pa-case-card:is(a):hover{
transform:translateY(-2px);
border-color:rgba(0,44,70,.18);
box-shadow:var(--lbc-shadow-card);
}
/* 9. Sekundärtext: Steel Soft nicht für kleine Informationen auf Weiß verwenden. */
.partner-source-note,
.lbco-filter-count,
.lbcx-service-meta,
.lbcx-branch-meta{color:var(--steel)}
/* 10. Responsive Design-Tokens. */
@media(max-width:1080px){
.ueber-hero-2026,.lbco-career-hero-2026,.lbco-events-hero-2026{min-height:auto;padding:64px 0 76px}
.partner-hero,.phero--partner,.plh-hero,.lbc-services-hero{min-height:auto;padding-top:132px;padding-bottom:80px}
}
@media(max-width:980px){
.lbco-section,
.partner-section,
.pa-platform,.pa-competence,.pa-journey,.pa-integration,.pa-partnership,.pa-cases,.pa-signature,
.plh-products,.plh-compare{
padding-top:var(--lbc-space-tablet);
padding-bottom:var(--lbc-space-tablet);
}
}
@media(max-width:820px){
.ueber-hero-2026,.lbco-career-hero-2026,.lbco-events-hero-2026{padding:56px 0 68px;align-items:flex-start}
.partner-hero,.phero--partner,.plh-hero,.lbc-services-hero{padding-top:104px;padding-bottom:70px;min-height:auto}
.ueber-hero-2026 .ueber-hero-vis,
.lbco-career-hero-media,.lbco-career-hero-media img,
.lbco-events-hero-media,.lbco-events-hero-media img{min-height:390px}
}
@media(max-width:620px){
.eyebrow{font-size:11px;letter-spacing:.135em}
.eyebrow.has-icon .ic,
.competence-hero-label .ic,.lbc-services-hero-label .ic,
.lbco-career-hero-label .ic,.lbco-events-hero-label .ic,
.lbco-news-hero-label .ic,.lbco-proof-hero-label .ic,
.ueber-hero-2026 .ueber-hero-label .ic{width:17px;height:17px;flex-basis:17px}
.ueber-hero-2026,.lbco-career-hero-2026,.lbco-events-hero-2026{padding:46px 0 58px}
.ueber-hero-2026 .ueber-hero-vis,
.lbco-career-hero-media,.lbco-career-hero-media img,
.lbco-events-hero-media,.lbco-events-hero-media img{min-height:300px;border-radius:16px}
.lbco-section,
.partner-section,
.pa-platform,.pa-competence,.pa-journey,.pa-integration,.pa-partnership,.pa-cases,.pa-signature,
.plh-products,.plh-compare{
padding-top:var(--lbc-space-mobile);
padding-bottom:var(--lbc-space-mobile);
}
.partner-hero,.phero--partner,.plh-hero,.lbc-services-hero{padding-top:94px;padding-bottom:60px;min-height:auto}
}
@media(prefers-reduced-motion:reduce){
.partner-feature,.partner-card,.partner-ecosystem-item,
.lbcx-related-grid article,.lbcx-branch-card,
.lbco-news-card,.lbco-news-card,.lbco-ref-story-card,.ss-card,.pa-case-card{transition:none!important}
}
/* ============================================================
1.41.52 – Hero-/Accent-/CTA-Konsolidierung
Scope: Company-Heros, Wissen-Hero, Branchen-Success-Stories,
CTA-Radien und Planisware-Hub. Keine Inhaltsmigration nötig.
============================================================ */
:root{
--lbc-accent:var(--amber); /* semantischer Accent bleibt exakt CI-Amber #F59F1E */
--lbc-corporate-hero-top:122px;
--lbc-corporate-hero-bottom:72px;
}
/* A) Corporate Hero anatomy: Fixed Header wird bewusst mit eingerechnet.
Medien bekommen einen stabilen 5:4-Slot und werden ausschließlich gecroppt,
nie durch intrinsische Bildhöhe größer als der Hero. */
.ueber-hero-2026,
.lbco-career-hero-2026,
.lbco-events-hero-2026{
min-height:0!important;
padding-top:var(--lbc-corporate-hero-top)!important;
padding-bottom:var(--lbc-corporate-hero-bottom)!important;
align-items:center!important;
overflow:hidden;
}
.ueber-hero-2026 .ueber-hero-grid,
.lbco-career-hero-grid,
.lbco-events-hero-grid{
min-height:0!important;
align-items:center!important;
}
.ueber-hero-2026 .ueber-hero-vis,
.lbco-career-hero-media,
.lbco-events-hero-media{
position:relative;
min-height:0!important;
height:auto!important;
aspect-ratio:5 / 4;
max-height:500px;
overflow:hidden;
border-radius:var(--lbc-radius-media)!important;
}
.lbco-career-hero-media img,
.lbco-events-hero-media img{
position:absolute;
inset:0;
display:block;
width:100%;
height:100%!important;
min-height:0!important;
max-height:none!important;
object-fit:cover;
object-position:center center;
}
.ueber-hero-2026 .ueber-hero-vis{
background-size:cover;
background-position:center center!important;
}
.lbco-events-hero-fallback{
position:absolute;
inset:0;
min-height:0!important;
}
/* B) Wissen: Breadcrumb entfernt im Template; Label nutzt das Blueprint-Icon
aus Wissen -> Whitepaper & Vorträge und ausschließlich CI-Amber. */
.wp-hero-label{
color:var(--lbc-accent)!important;
display:inline-flex;
align-items:center;
gap:10px;
}
.wp-hero-label::before{display:none!important}
.wp-hero-label .ic{
width:19px;
height:19px;
flex:0 0 19px;
display:block;
color:var(--lbc-accent);
stroke:currentColor;
fill:none;
stroke-width:1.7;
stroke-linecap:round;
stroke-linejoin:round;
}
.wp-hero .eyebrow.wp-hero-label{color:var(--lbc-accent)!important;letter-spacing:.16em}
/* C) Semantische Hero-/Success-Story-Accents: kein Amber-Soft für Labels. */
.lbco-proof-hero-label,
.plh-hero-label{
color:var(--lbc-accent)!important;
}
.lbco-proof-hero-label .ic{color:var(--lbc-accent)!important}
.plh-brandline .plh-hero-label::before{background:var(--lbc-accent)!important}
/* D) Branchen-Success-Story = dieselbe visuelle Grammatik wie die zentrale
Success-Story-Karte: Bild, sichtbarer Kunde, ruhiger Kicker, Titel, Teaser, CTA. */
.lbx .branch-references.is-compact .ref-feature-wrap{
min-width:0;
padding-left:32px;
border-left:1px solid rgba(80,116,143,.24);
}
.lbx .branch-references.is-compact .ref-feature-case--standard{
display:flex;
flex-direction:column;
height:100%;
overflow:hidden;
background:#fff;
color:var(--navy);
border:1px solid var(--line);
border-radius:var(--lbc-radius-card);
text-decoration:none;
box-shadow:none;
transition:transform var(--lbc-motion-base) ease,border-color var(--lbc-motion-base) ease,box-shadow var(--lbc-motion-base) ease;
}
.lbx .branch-references.is-compact .ref-feature-media{
position:relative;
aspect-ratio:16 / 10;
min-height:0;
border-radius:0!important;
overflow:hidden;
background:var(--lbc-surface-strong);
box-shadow:none!important;
}
.lbx .branch-references.is-compact .ref-feature-media::after{
content:"";
position:absolute;
inset:0;
z-index:1;
pointer-events:none;
background:linear-gradient(180deg,transparent 52%,rgba(0,22,37,.58) 100%);
}
.lbx .branch-references.is-compact .ref-feature-media>img{
width:100%;height:100%;display:block;object-fit:cover;object-position:center;
transition:transform var(--lbc-motion-base) ease;
}
.lbx .branch-references.is-compact .ref-feature-media .ss-customer-mark,
.lbx .branch-references.is-compact .ref-feature-customer{
position:absolute;
left:14px;
bottom:12px;
z-index:3;
}
.lbx .branch-references.is-compact .ref-feature-customer{
color:#fff;
font-family:var(--sans);
font-size:15px;
line-height:1.2;
font-weight:800;
text-shadow:0 2px 16px rgba(0,18,30,.48);
}
.lbx .branch-references.is-compact .ref-feature-caption{
flex:1;
display:flex;
flex-direction:column;
align-items:flex-start;
padding:24px 24px 26px!important;
}
.lbx .branch-references.is-compact .ref-feature-caption .ss-kick{
color:var(--steel);
font-size:11px;
letter-spacing:.1em;
font-weight:800;
}
.lbx .branch-references.is-compact .ref-feature-caption h3{
margin:10px 0 0;
max-width:none;
font-family:var(--serif);
font-size:clamp(21px,1.7vw,26px);
line-height:1.15;
font-weight:var(--lbc-h2-weight);
color:var(--navy);
}
.lbx .branch-references.is-compact .ref-feature-excerpt{
margin-top:12px;
color:var(--text-soft);
font-size:14.5px;
line-height:1.62;
}
.lbx .branch-references.is-compact .ref-feature-link{
margin-top:auto;
padding-top:20px;
border:0!important;
color:var(--lbc-accent)!important;
font-size:13.5px;
font-weight:800;
}
.lbx .branch-references.is-compact .ref-feature-link .ic{
width:16px;height:16px;stroke:currentColor;fill:none;
}
@media(hover:hover) and (pointer:fine){
.lbx .branch-references.is-compact .ref-feature-case--standard:hover{
transform:translateY(-2px);
border-color:rgba(0,44,70,.18);
box-shadow:var(--lbc-shadow-card);
}
.lbx .branch-references.is-compact .ref-feature-case--standard:hover .ref-feature-media>img{transform:scale(1.02)}
}
/* E) Buttons: die Komponenten mit höherer Alt-Spezifität auf denselben
12px-Standard ziehen. Filter/Tags/Tabs bleiben bewusst Pills. */
#hdr .nav-cta,
#hdr a.nav-cta,
.nav-links .nav-menu .nav-cta a,
.nav-links .nav-menu li.nav-cta>a,
.komp-page .btn,
.komp-page .nav-cta,
.lbx .btn,
.lbcx .btn,
.lbco-career-hero-actions .btn,
.lbco-events-hero-actions .btn,
.partner-hero .btn,
.phero--partner .btn,
.plh-hero .btn,
.lbc-services-hero .btn{
border-radius:var(--lbc-button-radius)!important;
}
/* F) Responsive corporate media: auf Tablet/Mobile bewusst flacher.
Dadurch bleiben Bilder präsent, ohne die erste Viewport-Höhe zu dominieren. */
@media(max-width:1080px){
:root{--lbc-corporate-hero-top:112px;--lbc-corporate-hero-bottom:68px}
.ueber-hero-2026 .ueber-hero-vis,
.lbco-career-hero-media,
.lbco-events-hero-media{max-height:460px}
}
@media(max-width:820px){
:root{--lbc-corporate-hero-top:100px;--lbc-corporate-hero-bottom:62px}
.ueber-hero-2026,
.lbco-career-hero-2026,
.lbco-events-hero-2026{align-items:flex-start!important}
.ueber-hero-2026 .ueber-hero-vis,
.lbco-career-hero-media,
.lbco-events-hero-media{
aspect-ratio:16 / 10;
max-height:none;
}
.lbx .branch-references.is-compact .ref-feature-wrap{padding-left:0;border-left:0}
}
@media(max-width:620px){
:root{--lbc-corporate-hero-top:90px;--lbc-corporate-hero-bottom:54px}
.ueber-hero-2026 .ueber-hero-vis,
.lbco-career-hero-media,
.lbco-events-hero-media{aspect-ratio:4 / 3;border-radius:16px!important}
.wp-hero-label .ic{width:17px;height:17px;flex-basis:17px}
.lbx .branch-references.is-compact .ref-feature-caption{padding:21px 20px 23px!important}
}
@media(prefers-reduced-motion:reduce){
.lbx .branch-references.is-compact .ref-feature-case--standard,
.lbx .branch-references.is-compact .ref-feature-media>img{transition:none!important}
}
/* ============================================================
1.41.54 – Wissens-Detailseiten + Technologiepartner-Eyebrow
Scope: Single Whitepaper/Vortrag, gated Download-Formulare und
Technologiepartner-Hero-Label. Keine Seitenmigration nötig.
============================================================ */
/* Technologiepartner-Heros: Das Partnerlabel steht bewusst ohne die
Section-Linie. Section-Eyebrows im Inhaltsbereich behalten die Linie. */
.plh-brandline .plh-hero-label::before,
.partner-brandline .eyebrow::before{
content:none!important;
display:none!important;
}
/* Wissens-Detailseite: dieselbe Hero-Grammatik wie der neue Wissens-Hub,
aber als eigenständige Detailseite mit stärkerer Content-Spalte. */
.wp-knowledge-single .wp-s-hero{
padding:116px 0 72px;
background:var(--navy);
overflow:hidden;
}
.wp-knowledge-single .wp-s-hero .wrap{max-width:1240px}
.wp-knowledge-single .wp-s-hero-grid{
grid-template-columns:minmax(0,1.34fr) minmax(340px,.66fr);
gap:56px;
align-items:center;
}
.wp-knowledge-single .wp-s-hero-text{min-width:0}
.wp-knowledge-single .wp-s-hero-label{
display:inline-flex;
align-items:center;
gap:10px;
margin:0 0 18px;
color:var(--lbc-accent)!important;
font-family:var(--sans);
font-size:11.5px;
line-height:1;
font-weight:800;
letter-spacing:.16em;
text-transform:uppercase;
}
.wp-knowledge-single .wp-s-hero-label::before{display:none!important;content:none!important}
.wp-knowledge-single .wp-s-hero-label .ic{
display:block;
width:18px;
height:18px;
flex:0 0 18px;
color:var(--lbc-accent);
stroke:currentColor;
fill:none;
stroke-width:1.7;
stroke-linecap:round;
stroke-linejoin:round;
}
.wp-knowledge-single .wp-s-kick{
display:block;
margin:0 0 12px;
color:var(--lbc-accent);
font-family:var(--sans);
font-size:11.5px;
line-height:1.2;
font-weight:800;
letter-spacing:.12em;
text-transform:uppercase;
}
.wp-knowledge-single .wp-s-hero h1{
max-width:760px;
margin:0;
font-size:clamp(40px,3.7vw,54px);
line-height:1.055;
letter-spacing:-.018em;
font-weight:var(--lbc-heading-weight-h1,600);
}
.wp-knowledge-single .wp-s-sub{
max-width:700px;
margin-top:18px;
color:rgba(255,255,255,.8);
font-family:var(--sans);
font-style:normal;
font-weight:400;
font-size:clamp(16.5px,1.45vw,18px);
line-height:1.52;
}
.wp-knowledge-single .wp-s-meta{margin-top:18px}
.wp-knowledge-single .wp-s-herobtn{margin-top:26px}
.wp-knowledge-single .wp-s-hero-img{
width:100%;
max-width:450px;
justify-self:end;
aspect-ratio:4 / 3;
border-radius:var(--lbc-radius-media,18px);
box-shadow:none;
}
/* Wissensinhalte nutzen die bereits bestätigte kräftige H3/H4-Logik. */
.wp-knowledge-single .wp-s-prose h3,
.wp-knowledge-single .wp-dl-box h3,
.wp-knowledge-single .wp-s-faq h3{
font-weight:600;
}
/* Autor bewusst als ruhiger Abschluss der Seite, nicht als Zwischenkarte. */
.wp-knowledge-single .wp-s-author-disclosure{
margin-top:56px;
border-top:1px solid var(--line);
border-bottom:1px solid var(--line);
background:transparent;
}
.wp-knowledge-single .wp-s-author-disclosure>summary{
list-style:none;
cursor:pointer;
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
padding:25px 0;
color:var(--navy);
}
.wp-knowledge-single .wp-s-author-disclosure>summary::-webkit-details-marker{display:none}
.wp-knowledge-single .wp-s-author-disclosure>summary strong{
font-family:var(--serif);
font-size:clamp(22px,2vw,27px);
line-height:1.15;
font-weight:600;
letter-spacing:-.01em;
}
.wp-knowledge-single .wp-s-author-toggle{
position:relative;
width:20px;
height:20px;
flex:0 0 20px;
}
.wp-knowledge-single .wp-s-author-toggle::before,
.wp-knowledge-single .wp-s-author-toggle::after{
content:"";
position:absolute;
background:var(--lbc-accent);
border-radius:2px;
transition:transform var(--lbc-motion-base,200ms) ease,opacity var(--lbc-motion-base,200ms) ease;
}
.wp-knowledge-single .wp-s-author-toggle::before{left:1px;right:1px;top:9px;height:2px}
.wp-knowledge-single .wp-s-author-toggle::after{top:1px;bottom:1px;left:9px;width:2px}
.wp-knowledge-single .wp-s-author-disclosure[open] .wp-s-author-toggle::after{transform:rotate(90deg);opacity:0}
.wp-knowledge-single .wp-s-author-panel{
display:grid;
grid-template-columns:auto minmax(0,1fr);
gap:20px;
align-items:start;
padding:4px 0 28px;
max-width:720px;
}
.wp-knowledge-single .wp-s-author-panel .wp-s-author-img{
width:72px;
height:72px;
border-radius:50%;
object-fit:cover;
}
.wp-knowledge-single .wp-s-author-panel .wp-s-author-info{gap:3px}
.wp-knowledge-single .wp-s-author-panel .wp-s-author-name{
font-family:var(--serif);
font-size:20px;
line-height:1.2;
font-weight:600;
}
.wp-knowledge-single .wp-s-author-panel .wp-s-author-role{font-size:14px;color:var(--steel)}
.wp-knowledge-single .wp-s-author-bio{
margin:11px 0 0;
max-width:620px;
color:var(--text-soft);
font-size:15.5px;
line-height:1.65;
}
@media(max-width:960px){
.wp-knowledge-single .wp-s-hero{padding:106px 0 66px}
.wp-knowledge-single .wp-s-hero-grid{grid-template-columns:1fr;gap:34px}
.wp-knowledge-single .wp-s-hero-img{max-width:720px;justify-self:start;aspect-ratio:16 / 9}
.wp-knowledge-single .wp-s-hero h1{max-width:820px;font-size:clamp(38px,6vw,52px)}
}
@media(max-width:620px){
.wp-knowledge-single .wp-s-hero{padding:90px 0 54px}
.wp-knowledge-single .wp-s-hero h1{font-size:clamp(34px,10vw,44px);line-height:1.06}
.wp-knowledge-single .wp-s-hero-img{aspect-ratio:4 / 3;border-radius:16px}
.wp-knowledge-single .wp-s-author-disclosure{margin-top:44px}
.wp-knowledge-single .wp-s-author-panel{grid-template-columns:1fr;gap:14px}
.wp-knowledge-single .wp-s-author-panel .wp-s-author-img{width:64px;height:64px}
}
@media(prefers-reduced-motion:reduce){
.wp-knowledge-single .wp-s-author-toggle::before,
.wp-knowledge-single .wp-s-author-toggle::after{transition:none}
}
/* ============================================================
1.41.55 – Kontakt-CTA + Expertise-Kompetenzübersicht
============================================================ */
/* Globale Kontakt-CTA: neutral für Erst- und Bestandskontakte. */
#hdr .nav-cta{white-space:nowrap}
/* Expertise-Hub: eigene Designsprache für Kompetenzen.
Leistungen bleiben Prozess/Sequenz; Kompetenzen werden als ruhige Landkarte geführt. */
.lbc-expertise-overview{background:#fff;color:var(--navy)}
.lbc-expertise-hero{position:relative;overflow:hidden;padding:var(--lbc-hero-top,150px) 0 96px;color:#fff;background:radial-gradient(115% 115% at 82% 6%,#0a4a6b 0%,#013650 42%,#001a2b 100%)}
.lbc-expertise-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(48% 72% at 84% 28%,rgba(245,159,30,.12),transparent 60%)}
.lbc-expertise-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.88fr);gap:76px;align-items:center}
.lbc-expertise-hero-copy{max-width:760px}
.lbc-expertise-hero-label{color:rgba(255,255,255,.78)}
.lbc-expertise-hero-label::before{display:none!important}
.lbc-expertise-hero-label .ic{width:22px;height:22px;stroke:var(--amber);fill:none;stroke-width:1.55}
.lbc-expertise-hero h1{margin:24px 0 0;max-width:780px;color:#fff;font-size:clamp(48px,5.1vw,70px);line-height:1.01;font-weight:var(--lbc-h1-weight,600);letter-spacing:-.035em}
.lbc-expertise-hero .lede{margin-top:26px;max-width:720px;color:rgba(255,255,255,.83);font-size:19px;line-height:1.65}
.lbc-expertise-hero .hero-actions{margin-top:34px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.lbc-expertise-hero .branch-text-link{display:inline-flex;align-items:center;color:#fff;text-decoration:none;font-weight:800;font-size:14.5px;padding:13px 2px;border-bottom:2px solid var(--amber)}
.lbc-expertise-hero .branch-text-link:hover,.lbc-expertise-hero .branch-text-link:focus-visible{color:var(--amber);outline:none}
/* Hero-Mini-Map: absichtlich ohne Kompetenzicons. */
.lbc-expertise-map{border-left:1px solid rgba(255,255,255,.18);padding-left:32px}
.lbc-expertise-map-cols{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.lbc-expertise-map-group{min-width:0}
.lbc-expertise-map-kicker{display:block;margin-bottom:10px;color:rgba(255,255,255,.52);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.lbc-expertise-map-row{display:grid;grid-template-columns:minmax(0,1fr) 18px;gap:12px;align-items:center;min-height:52px;padding:10px 0;border-top:1px solid rgba(255,255,255,.13);color:rgba(255,255,255,.82);text-decoration:none;font-size:14px;font-weight:700;line-height:1.3;transition:color .18s ease}
.lbc-expertise-map-row:last-child{border-bottom:1px solid rgba(255,255,255,.13)}
.lbc-expertise-map-arrow{justify-self:end;color:var(--amber);transition:transform .18s ease}
.lbc-expertise-map-row:hover,.lbc-expertise-map-row:focus-visible{color:#fff;outline:none}
.lbc-expertise-map-row:hover .lbc-expertise-map-arrow,.lbc-expertise-map-row:focus-visible .lbc-expertise-map-arrow{transform:translateX(3px)}
.lbc-expertise-map-cross{margin-top:22px;display:grid;grid-template-columns:minmax(0,1fr) 18px;gap:14px;align-items:center;padding:15px 0;border-top:1px solid rgba(245,159,30,.48);border-bottom:1px solid rgba(255,255,255,.13);color:#fff;text-decoration:none}
.lbc-expertise-map-cross small{display:block;margin-bottom:4px;color:var(--amber);font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.lbc-expertise-map-cross strong{font-family:var(--serif);font-size:18px;font-weight:600}
.lbc-expertise-map-cross:hover,.lbc-expertise-map-cross:focus-visible{outline:none}
.lbc-expertise-map-cross:hover .lbc-expertise-map-arrow,.lbc-expertise-map-cross:focus-visible .lbc-expertise-map-arrow{transform:translateX(3px)}
/* Expertise-Index – eine gemeinsame Kompetenzfläche mit eigener Icon-Sprache.
Die Amber-Ringe greifen die Service-Familie auf, verzichten aber bewusst
auf Orbit-Linien und Amber-Punkt. So bleiben Leistungen und Kompetenzen
verwandt, aber unterscheidbar. */
.lbc-expertise-index{padding:var(--lbc-section-standard,96px) 0;background:var(--mist);scroll-margin-top:110px}
.lbc-expertise-index-head{max-width:860px;margin-bottom:54px}
.lbc-expertise-index-head h2{margin:13px 0 0;max-width:820px}
.lbc-expertise-index-head p{margin:18px 0 0;max-width:760px;color:var(--text-soft);font-size:17px;line-height:1.68}
.lbc-expertise-stage{overflow:hidden;border:1px solid rgba(80,116,143,.24);border-radius:18px;background:#fff;box-shadow:0 20px 50px -46px rgba(0,44,70,.38)}
.lbc-expertise-groups{display:grid;grid-template-columns:1fr 1fr}
.lbc-expertise-group{min-width:0;padding:34px 36px 12px}
.lbc-expertise-group+.lbc-expertise-group{border-left:1px solid rgba(80,116,143,.30)}
.lbc-expertise-group-head{min-height:96px;padding:0 0 24px}
.lbc-expertise-group-head h3{margin:0;font-family:var(--serif);font-size:clamp(28px,2.7vw,35px);line-height:1.08;font-weight:600;letter-spacing:-.025em;color:var(--navy)}
.lbc-expertise-group-head p{margin:10px 0 0;max-width:48ch;color:var(--text-soft);font-size:14.5px;line-height:1.58}
.lbc-expertise-list{border-top:1px solid rgba(80,116,143,.22)}
.lbc-expertise-item{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) 22px;gap:16px;align-items:center;min-height:108px;padding:16px 0;border-bottom:1px solid rgba(80,116,143,.20);color:var(--navy);text-decoration:none}
.lbc-expertise-item:last-child{border-bottom:0}
.lbc-expertise-item::after{content:"";position:absolute;left:68px;bottom:-1px;width:0;height:2px;background:var(--amber);transition:width .2s ease}
.lbc-expertise-item-icon{width:48px;height:48px;display:grid;place-items:center;border:1.5px solid var(--amber);border-radius:50%;background:#fff;color:var(--navy);transition:background .2s ease,border-color .2s ease,transform .2s ease}
.lbc-expertise-item-icon .ic{width:22px;height:22px;display:block;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.lbc-expertise-item-copy{display:grid;gap:6px;min-width:0}
.lbc-expertise-item-copy strong{font-family:var(--serif);font-size:20.5px;line-height:1.18;font-weight:600;letter-spacing:-.015em}
.lbc-expertise-item-copy small{max-width:49ch;color:var(--text-soft);font-size:13.6px;line-height:1.48;font-weight:400}
.lbc-expertise-item-arrow{justify-self:end;color:var(--amber);font-weight:800;transition:transform .18s ease}
.lbc-expertise-item:hover,.lbc-expertise-item:focus-visible{outline:none}
.lbc-expertise-item:hover::after,.lbc-expertise-item:focus-visible::after{width:46px}
.lbc-expertise-item:hover .lbc-expertise-item-icon,.lbc-expertise-item:focus-visible .lbc-expertise-item-icon{background:rgba(245,159,30,.07);border-color:#df8700;transform:translateY(-1px)}
.lbc-expertise-item:hover .lbc-expertise-item-arrow,.lbc-expertise-item:focus-visible .lbc-expertise-item-arrow{transform:translateX(3px)}
/* KI ist inhaltlich Querschnitt, visuell aber gleichwertig. */
.lbc-expertise-ai{display:grid;grid-template-columns:52px minmax(0,1fr) 22px;gap:16px;align-items:center;min-height:112px;padding:22px 36px;border-top:1px solid rgba(80,116,143,.42);color:var(--navy);text-decoration:none;background:rgba(80,116,143,.025)}
.lbc-expertise-ai-copy{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:18px;row-gap:5px;align-items:baseline;min-width:0}
.lbc-expertise-ai-copy small{grid-column:1/-1;color:var(--steel);font-size:9.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.lbc-expertise-ai-copy strong{font-family:var(--serif);font-size:20.5px;line-height:1.18;font-weight:600;letter-spacing:-.015em}
.lbc-expertise-ai-copy span{max-width:78ch;color:var(--text-soft);font-size:13.9px;line-height:1.5}
.lbc-expertise-ai-arrow{justify-self:end;color:var(--amber);font-weight:800;transition:transform .18s ease}
.lbc-expertise-ai:hover,.lbc-expertise-ai:focus-visible{outline:none;background:rgba(80,116,143,.045)}
.lbc-expertise-ai:hover .lbc-expertise-ai-icon,.lbc-expertise-ai:focus-visible .lbc-expertise-ai-icon{background:rgba(245,159,30,.07);border-color:#df8700;transform:translateY(-1px)}
.lbc-expertise-ai:hover .lbc-expertise-ai-arrow,.lbc-expertise-ai:focus-visible .lbc-expertise-ai-arrow{transform:translateX(3px)}
.lbc-expertise-ai:focus-visible{box-shadow:inset 0 0 0 2px var(--amber)}
.lbc-expertise-bridge-section{padding:0 0 var(--lbc-section-standard,96px);background:#fff}
.lbc-expertise-bridge{padding-top:54px;border-top:1px solid rgba(0,44,70,.14);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:end}
.lbc-expertise-bridge>div{max-width:760px}
.lbc-expertise-bridge h2{margin:12px 0 0;font-size:clamp(34px,3.6vw,44px)}
.lbc-expertise-bridge p{margin:15px 0 0;max-width:700px;color:var(--text-soft);font-size:15.5px;line-height:1.64}
.lbc-expertise-bridge .branch-text-link{white-space:nowrap;align-self:end;margin-bottom:5px}
@media(max-width:1040px){
.lbc-expertise-hero-grid{grid-template-columns:1fr;gap:54px}
.lbc-expertise-map{max-width:780px;border-left:0;padding-left:0}
}
@media(max-width:820px){
.lbc-expertise-hero{padding:112px 0 72px}
.lbc-expertise-hero h1{font-size:clamp(42px,8.2vw,58px)}
.lbc-expertise-groups{grid-template-columns:1fr}
.lbc-expertise-group,.lbc-expertise-group+ .lbc-expertise-group{padding:30px 30px 12px;border-left:0}
.lbc-expertise-group+ .lbc-expertise-group{border-top:1px solid rgba(80,116,143,.30)}
.lbc-expertise-group-head{min-height:0}
.lbc-expertise-ai{padding:22px 30px}
.lbc-expertise-bridge{grid-template-columns:1fr;gap:22px}
.lbc-expertise-bridge .branch-text-link{justify-self:start}
}
@media(max-width:620px){
.lbc-expertise-hero{padding:92px 0 64px}
.lbc-expertise-hero h1{font-size:clamp(38px,11vw,48px)}
.lbc-expertise-hero .lede{font-size:17px}
.lbc-expertise-map-cols{grid-template-columns:1fr;gap:24px}
.lbc-expertise-index{padding:72px 0}
.lbc-expertise-index-head{margin-bottom:38px}
.lbc-expertise-stage{border-radius:16px}
.lbc-expertise-group,.lbc-expertise-group+ .lbc-expertise-group{padding:26px 22px 10px}
.lbc-expertise-group-head h3{font-size:27px}
.lbc-expertise-item{grid-template-columns:46px minmax(0,1fr) 18px;gap:12px;min-height:96px}
.lbc-expertise-item-icon{width:42px;height:42px}
.lbc-expertise-item-icon .ic{width:20px;height:20px}
.lbc-expertise-item::after{left:58px}
.lbc-expertise-item-copy strong{font-size:19px}
.lbc-expertise-item-copy small{font-size:13.2px}
.lbc-expertise-ai{grid-template-columns:46px minmax(0,1fr) 18px;gap:12px;padding:20px 22px}
.lbc-expertise-ai-copy{display:grid;grid-template-columns:1fr;gap:5px}
.lbc-expertise-ai-copy small{grid-column:auto}
.lbc-expertise-ai-copy strong{font-size:19px}
.lbc-expertise-ai-copy span{font-size:13.2px}
.lbc-expertise-bridge-section{padding-bottom:72px}
.lbc-expertise-bridge{padding-top:42px}
}
/* ============================================================
1.41.58 – kompakte Kompetenzliste + Header-Entzerrung
============================================================ */
/* Expertise: die visuelle Sprache aus 1.41.57 bleibt bestehen,
die einzelnen Kompetenzzeilen werden bewusst auf Titel + Icon reduziert. */
.lbc-expertise-item{
grid-template-columns:52px minmax(0,1fr) 22px;
min-height:82px;
padding:14px 0;
}
.lbc-expertise-item-copy{display:block;min-width:0}
.lbc-expertise-item-copy strong{display:block}
.lbc-expertise-ai{
grid-template-columns:52px minmax(0,1fr) 22px;
min-height:82px;
padding:14px 36px;
}
.lbc-expertise-ai-copy{display:block;min-width:0}
.lbc-expertise-ai-copy strong{
display:block;
font-family:var(--serif);
font-size:20.5px;
line-height:1.18;
font-weight:600;
letter-spacing:-.015em;
}
/* Header: auf Desktop einen echten Abstand zwischen Logo und erster Navigation
sichern. Durch den kürzeren Kontakt-CTA bleibt die Navigation auch auf
Notebookbreiten vollständig innerhalb des Wrappers. */
@media(min-width:1121px){
#hdr .brand-link{margin-right:10px}
}
@media(min-width:1121px) and (max-width:1380px){
#hdr .nav{gap:12px}
#hdr .nav-links{gap:10px}
#hdr .brand-link{margin-right:8px}
}
@media(max-width:760px){
.lbc-expertise-item{
grid-template-columns:46px minmax(0,1fr) 18px;
min-height:72px;
padding:12px 0;
}
.lbc-expertise-ai{
grid-template-columns:46px minmax(0,1fr) 18px;
min-height:72px;
padding:12px 22px;
}
.lbc-expertise-ai-copy strong{font-size:19px}
}
/* ============================================================
1.41.59 – Verwandte Kompetenzbereiche: kompakte Standarddarstellung
============================================================ */
/* Der redaktionelle Abschnittskopf bleibt unverändert. Nur die eigentliche
Quernavigation erhält websiteweit die reduzierte Darstellung der neuen
Kompetenzübersicht: zwei ruhige Flächen, Titel + Kurztext und klare Links. */
.lbcx-related-section--compact .lbcx-related-compact-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
align-items:stretch;
}
.lbcx-related-section--compact .lbcx-related-compact-card{
position:relative;
min-width:0;
overflow:hidden;
padding:30px 30px 26px;
border:1px solid rgba(80,116,143,.20);
border-radius:16px;
background:#fff;
box-shadow:none;
}
.lbcx-related-section--compact .lbcx-related-compact-accent{
position:absolute;
top:0;
left:30px;
width:42px;
height:3px;
background:var(--amber);
}
.lbcx-related-section--compact .lbcx-related-compact-head{
min-height:91px;
padding:0 0 20px;
}
.lbcx-related-section--compact .lbcx-related-compact-head h3{
margin:0;
font-family:var(--serif);
font-size:clamp(25px,2.35vw,30px);
line-height:1.08;
font-weight:var(--lbc-heading-weight,600);
letter-spacing:-.02em;
color:var(--navy);
}
.lbcx-related-section--compact .lbcx-related-compact-head p{
margin:8px 0 0;
max-width:48ch;
color:var(--text-soft);
font-size:14.5px;
line-height:1.5;
}
.lbcx-related-section--compact .lbcx-related-compact-links{
display:grid;
border-top:1px solid rgba(80,116,143,.22);
}
.lbcx-related-section--compact .lbcx-related-compact-links a{
display:grid;
grid-template-columns:minmax(0,1fr) 18px;
gap:16px;
align-items:center;
min-height:52px;
padding:11px 0;
border-bottom:1px solid rgba(80,116,143,.20);
color:var(--navy);
text-decoration:none;
font-size:15.5px;
font-weight:750;
line-height:1.28;
}
.lbcx-related-section--compact .lbcx-related-compact-links a:last-child{
border-bottom:0;
}
.lbcx-related-section--compact .lbcx-related-compact-arrow{
justify-self:end;
color:var(--navy);
font-size:17px;
line-height:1;
transition:transform .18s ease,color .18s ease;
}
.lbcx-related-section--compact .lbcx-related-compact-links a:hover,
.lbcx-related-section--compact .lbcx-related-compact-links a:focus-visible{
color:var(--navy);
outline:none;
}
.lbcx-related-section--compact .lbcx-related-compact-links a:hover .lbcx-related-compact-arrow,
.lbcx-related-section--compact .lbcx-related-compact-links a:focus-visible .lbcx-related-compact-arrow{
color:var(--amber);
transform:translateX(3px);
}
.lbcx-related-section--compact .lbcx-related-compact-links a:focus-visible{
box-shadow:inset 0 0 0 2px var(--amber);
}
@media(max-width:820px){
.lbcx-related-section--compact .lbcx-related-compact-grid{
grid-template-columns:1fr;
}
.lbcx-related-section--compact .lbcx-related-compact-head{
min-height:0;
}
}
@media(max-width:620px){
.lbcx-related-section--compact .lbcx-related-compact-card{
padding:26px 22px 22px;
}
.lbcx-related-section--compact .lbcx-related-compact-accent{
left:22px;
}
.lbcx-related-section--compact .lbcx-related-compact-head{
padding-bottom:18px;
}
.lbcx-related-section--compact .lbcx-related-compact-head h3{
font-size:26px;
}
.lbcx-related-section--compact .lbcx-related-compact-links a{
min-height:50px;
font-size:15px;
}
}
@media(prefers-reduced-motion:reduce){
.lbcx-related-section--compact .lbcx-related-compact-arrow{
transition:none!important;
}
}
/* ============================================================
1.41.61 – Kompetenznavigation: Icon-Panel als verbindlicher Standard
============================================================ */
/* Expertise-Hero: Reihenfolge und Wording analog Mega-Menü. */
.lbc-expertise-map-head{min-height:48px;margin-bottom:6px}
.lbc-expertise-map-kicker{margin-bottom:4px}
.lbc-expertise-map-head small{
display:block;
max-width:28ch;
color:rgba(255,255,255,.58);
font-size:11.5px;
font-weight:400;
line-height:1.35;
letter-spacing:0;
text-transform:none;
}
.lbc-expertise-map-cross{
min-height:52px;
margin-top:18px;
padding:10px 0;
border-top:1px solid rgba(255,255,255,.13);
border-bottom:1px solid rgba(255,255,255,.13);
color:rgba(255,255,255,.82);
font-family:var(--sans);
font-size:14px;
font-weight:700;
line-height:1.3;
}
.lbc-expertise-map-cross>span:first-child{display:block}
.lbc-expertise-map-cross strong,
.lbc-expertise-map-cross small{font:inherit;color:inherit;margin:0;letter-spacing:0;text-transform:none}
/* Der Icon-Panel aus 1.41.58 ist wieder die verbindliche Darstellung –
sowohl auf dem Kompetenz-Hub als auch in „Verwandte Kompetenzbereiche“. */
.lbc-expertise-stage{
overflow:hidden!important;
border:1px solid rgba(80,116,143,.24)!important;
border-radius:18px!important;
background:#fff!important;
box-shadow:0 20px 50px -46px rgba(0,44,70,.38)!important;
}
.lbc-expertise-stage .lbc-expertise-groups{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:0!important;
align-items:stretch!important;
}
.lbc-expertise-stage .lbc-expertise-group,
.lbc-expertise-stage .lbc-expertise-group+.lbc-expertise-group{
position:relative;
min-width:0;
overflow:visible;
padding:34px 36px 12px!important;
border:0!important;
border-radius:0!important;
background:#fff!important;
}
.lbc-expertise-stage .lbc-expertise-group+.lbc-expertise-group{
border-left:1px solid rgba(80,116,143,.30)!important;
}
.lbc-expertise-stage .lbc-expertise-group::before{display:none!important}
.lbc-expertise-stage .lbc-expertise-group-head{
min-height:96px!important;
padding:0 0 24px!important;
}
.lbc-expertise-stage .lbc-expertise-group-head h3{
margin:0;
font-family:var(--serif);
font-size:clamp(28px,2.7vw,35px)!important;
line-height:1.08!important;
font-weight:600!important;
letter-spacing:-.025em!important;
color:var(--navy);
}
.lbc-expertise-stage .lbc-expertise-group-head p{
min-height:0!important;
margin:10px 0 0!important;
max-width:48ch;
color:var(--text-soft);
font-size:14.5px!important;
line-height:1.58!important;
}
.lbc-expertise-stage .lbc-expertise-list{
display:block!important;
border-top:1px solid rgba(80,116,143,.22)!important;
}
.lbc-expertise-stage .lbc-expertise-item{
position:relative;
display:grid!important;
grid-template-columns:52px minmax(0,1fr) 22px!important;
gap:16px!important;
align-items:center!important;
min-height:82px!important;
padding:14px 0!important;
border-top:0!important;
border-bottom:1px solid rgba(80,116,143,.20)!important;
color:var(--navy)!important;
text-decoration:none!important;
}
.lbc-expertise-stage .lbc-expertise-item:last-child{border-bottom:0!important}
.lbc-expertise-stage .lbc-expertise-item::after{
display:block!important;
content:"";
position:absolute;
left:68px;
bottom:-1px;
width:0;
height:2px;
background:var(--amber);
transition:width .2s ease;
}
.lbc-expertise-stage .lbc-expertise-item-icon{
width:48px!important;
height:48px!important;
display:grid!important;
place-items:center;
border:1.5px solid var(--amber)!important;
border-radius:50%!important;
background:#fff!important;
color:var(--navy)!important;
transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.lbc-expertise-stage .lbc-expertise-item-icon .ic{
width:22px!important;
height:22px!important;
display:block!important;
stroke:currentColor;
fill:none;
stroke-width:1.5;
stroke-linecap:round;
stroke-linejoin:round;
}
.lbc-expertise-stage .lbc-expertise-item-copy{display:block!important;min-width:0}
.lbc-expertise-stage .lbc-expertise-item-copy strong{
display:block;
font-family:var(--serif)!important;
font-size:20.5px!important;
line-height:1.18!important;
font-weight:600!important;
letter-spacing:-.015em!important;
}
.lbc-expertise-stage .lbc-expertise-item-copy small,
.lbc-expertise-stage .lbc-expertise-item-copy>span{display:none!important}
.lbc-expertise-stage .lbc-expertise-item-arrow,
.lbc-expertise-stage .lbc-expertise-ai-arrow{
justify-self:end;
color:var(--amber)!important;
font-size:inherit;
font-weight:800;
line-height:1;
transition:transform .18s ease;
}
.lbc-expertise-stage .lbc-expertise-item:hover::after,
.lbc-expertise-stage .lbc-expertise-item:focus-visible::after{width:46px}
.lbc-expertise-stage .lbc-expertise-item:hover .lbc-expertise-item-icon,
.lbc-expertise-stage .lbc-expertise-item:focus-visible .lbc-expertise-item-icon{
background:rgba(245,159,30,.07)!important;
border-color:#df8700!important;
transform:translateY(-1px);
}
.lbc-expertise-stage .lbc-expertise-item:hover .lbc-expertise-item-arrow,
.lbc-expertise-stage .lbc-expertise-item:focus-visible .lbc-expertise-item-arrow{transform:translateX(3px)}
/* KI bleibt als gleichwertige, volle Querzeile unter beiden Bereichen. */
.lbc-expertise-stage>.lbc-expertise-ai{
display:grid!important;
grid-template-columns:52px minmax(0,1fr) 22px!important;
gap:16px!important;
align-items:center!important;
min-height:82px!important;
padding:14px 36px!important;
border-top:1px solid rgba(80,116,143,.42)!important;
color:var(--navy)!important;
text-decoration:none!important;
background:rgba(80,116,143,.025)!important;
}
.lbc-expertise-stage .lbc-expertise-ai-copy{display:block!important;min-width:0}
.lbc-expertise-stage .lbc-expertise-ai-copy small,
.lbc-expertise-stage .lbc-expertise-ai-copy>span{display:none!important}
.lbc-expertise-stage .lbc-expertise-ai-copy strong{
display:block;
font-family:var(--serif)!important;
font-size:20.5px!important;
line-height:1.18!important;
font-weight:600!important;
letter-spacing:-.015em!important;
}
.lbc-expertise-stage>.lbc-expertise-ai:hover,
.lbc-expertise-stage>.lbc-expertise-ai:focus-visible{outline:none;background:rgba(80,116,143,.045)!important}
.lbc-expertise-stage>.lbc-expertise-ai:hover .lbc-expertise-ai-icon,
.lbc-expertise-stage>.lbc-expertise-ai:focus-visible .lbc-expertise-ai-icon{
background:rgba(245,159,30,.07)!important;
border-color:#df8700!important;
transform:translateY(-1px);
}
.lbc-expertise-stage>.lbc-expertise-ai:hover .lbc-expertise-ai-arrow,
.lbc-expertise-stage>.lbc-expertise-ai:focus-visible .lbc-expertise-ai-arrow{transform:translateX(3px)}
.lbc-expertise-stage>.lbc-expertise-ai:focus-visible{box-shadow:inset 0 0 0 2px var(--amber)}
/* Im Related-Block bleibt der redaktionelle Abschnittskopf unverändert;
darunter wird exakt derselbe Kompetenz-Panel verwendet. */
.lbcx-related-section--expertise-stage .sec-head{margin-bottom:42px}
@media(max-width:820px){
.lbc-expertise-stage .lbc-expertise-groups{grid-template-columns:1fr!important}
.lbc-expertise-stage .lbc-expertise-group,
.lbc-expertise-stage .lbc-expertise-group+.lbc-expertise-group{
padding:30px 30px 12px!important;
border-left:0!important;
}
.lbc-expertise-stage .lbc-expertise-group+.lbc-expertise-group{
border-top:1px solid rgba(80,116,143,.30)!important;
}
.lbc-expertise-stage .lbc-expertise-group-head{min-height:0!important}
.lbc-expertise-stage>.lbc-expertise-ai{padding:14px 30px!important}
}
@media(max-width:620px){
.lbc-expertise-map-head{min-height:0}
.lbc-expertise-stage{border-radius:16px!important}
.lbc-expertise-stage .lbc-expertise-group,
.lbc-expertise-stage .lbc-expertise-group+.lbc-expertise-group{padding:26px 22px 10px!important}
.lbc-expertise-stage .lbc-expertise-group-head h3{font-size:27px!important}
.lbc-expertise-stage .lbc-expertise-item{
grid-template-columns:46px minmax(0,1fr) 18px!important;
gap:12px!important;
min-height:72px!important;
padding:12px 0!important;
}
.lbc-expertise-stage .lbc-expertise-item-icon{width:42px!important;height:42px!important}
.lbc-expertise-stage .lbc-expertise-item-icon .ic{width:20px!important;height:20px!important}
.lbc-expertise-stage .lbc-expertise-item::after{left:58px}
.lbc-expertise-stage .lbc-expertise-item-copy strong,
.lbc-expertise-stage .lbc-expertise-ai-copy strong{font-size:19px!important}
.lbc-expertise-stage>.lbc-expertise-ai{
grid-template-columns:46px minmax(0,1fr) 18px!important;
gap:12px!important;
min-height:72px!important;
padding:12px 22px!important;
}
.lbcx-related-section--expertise-stage .sec-head{margin-bottom:34px}
}
@media(prefers-reduced-motion:reduce){
.lbc-expertise-stage .lbc-expertise-item::after,
.lbc-expertise-stage .lbc-expertise-item-icon,
.lbc-expertise-stage .lbc-expertise-item-arrow,
.lbc-expertise-stage .lbc-expertise-ai-arrow{transition:none!important}
}
/* ============================================================
STARTSEITE RELAUNCH 1.41.62
Ruhiger, proof-orientierter Aufbau; bestehender Hero bleibt inhaltlich.
============================================================ */
body.home .hero .grad-word{background:none!important;color:var(--amber)!important;-webkit-text-fill-color:var(--amber);animation:none!important}
body.home .hero .btn-primary,body.home .finder .btn-primary,body.home .kontakt .btn-primary{background:var(--amber)!important;color:var(--navy)!important;box-shadow:none!important}
body.home .hero .btn-primary:hover,body.home .finder .btn-primary:hover,body.home .kontakt .btn-primary:hover{background:var(--amber-soft)!important;box-shadow:none!important;transform:translateY(-1px)}
body.home .impact,body.home .finder{background:var(--mist)}
body.home .why{background:#fff}
body.home .why::before{display:none}
body.home .value.home-services{background:#fff}
body.home .platforms.home-platforms{background:#fff}
body.home .home-praxis{background:var(--mist)}
body.home .quiz-card{box-shadow:none}
body.home .impact,body.home .why,body.home .home-services,body.home .branchen,body.home .home-platforms,body.home .home-praxis,body.home .home-testimonials,body.home .finder{padding-top:96px;padding-bottom:96px}
body.home .sec-head{margin-bottom:46px}
body.home .sec-head.left{max-width:820px}
/* Warum Le Bihan: KI-Botschaft als ruhige Randnotiz, nicht als eigener Screen. */
.why-tech-note{margin-top:46px;padding-top:26px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);gap:34px;align-items:start}
.why-tech-note strong{font-family:var(--serif);font-size:clamp(22px,2.3vw,30px);line-height:1.16;color:var(--navy);font-weight:600}
.why-tech-note span{font-size:16px;line-height:1.65;color:var(--text-soft);max-width:680px}
/* Leistungen: dieselbe klare Navigationslogik wie im Mega-Menü. */
.home-services .sec-head p{max-width:680px}
.home-service-list{border-top:1px solid var(--line);margin-top:18px}
.home-service-row{display:grid;grid-template-columns:52px 1fr 34px;align-items:center;gap:18px;min-height:88px;border-bottom:1px solid var(--line);transition:background .2s ease,padding .2s ease}
.home-service-row:hover{background:var(--mist);padding-left:14px;padding-right:14px}
.home-service-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1.5px solid rgba(245,159,30,.72);color:var(--amber)}
.home-service-icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.home-service-title{font-family:var(--serif);font-size:clamp(20px,2.1vw,27px);font-weight:600;line-height:1.15;color:var(--navy)}
.home-service-arrow{font-size:24px;color:var(--steel);text-align:right;transition:transform .2s ease,color .2s ease}
.home-service-row:hover .home-service-arrow{transform:translateX(4px);color:var(--amber)}
/* Branchen: offener Einstieg unter den fünf Schwerpunktbranchen. */
.home-open-branch{margin-top:54px;padding:34px 38px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:46px;align-items:end;border-radius:18px}
.home-open-branch h3{color:#fff;font-size:clamp(27px,3vw,39px);margin-top:14px;max-width:850px}
.home-open-branch p{color:rgba(255,255,255,.76);font-size:16px;line-height:1.65;max-width:860px;margin-top:14px}
.home-open-branch-link{display:inline-flex;align-items:center;gap:14px;white-space:nowrap;color:var(--navy);background:var(--amber);padding:14px 20px;border-radius:999px;font-weight:800}
.home-open-branch-link:hover{background:var(--amber-soft)}
/* Technologiepartner: fünf gleichwertige, ruhige Plattformkarten. */
.home-platform-subtitle{font-family:var(--sans);font-size:clamp(20px,2vw,26px);font-weight:700;letter-spacing:0;line-height:1.25;color:var(--navy);margin-top:24px}
.home-platforms .sec-head p{max-width:720px;margin-top:12px}
.home-platform-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.home-platform-card{min-height:230px;padding:28px 24px 22px;display:grid;grid-template-rows:1fr auto;grid-template-columns:1fr auto;gap:24px 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;transition:background .2s ease}
.home-platform-card:hover{background:var(--mist)}
.home-platform-logo{grid-column:1/-1;min-height:116px;display:flex;align-items:center;justify-content:center}
.home-platform-logo img{max-width:150px;max-height:62px;width:auto;height:auto;object-fit:contain}
.home-platform-name{font-family:var(--serif);font-size:20px;font-weight:600;line-height:1.15;color:var(--navy);align-self:end}
.home-platform-arrow{font-size:22px;color:var(--steel);align-self:end;transition:transform .2s,color .2s}
.home-platform-card:hover .home-platform-arrow{transform:translateX(4px);color:var(--amber)}
/* Aus der Praxis: dynamisch aus Success Stories, Whitepaper/Fachbeiträgen und News. */
.home-praxis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.home-praxis-card{background:#fff;border:1px solid var(--line);min-width:0}
.home-praxis-card>a{display:block;height:100%}
.home-praxis-media{aspect-ratio:8/5;background:var(--navy);overflow:hidden;display:grid;place-items:center;color:#fff;font-family:var(--serif);font-size:24px}
.home-praxis-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.home-praxis-card:hover .home-praxis-media img{transform:scale(1.025)}
.home-praxis-body{padding:25px 25px 27px}
.home-praxis-type{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--steel)}
.home-praxis-body h3{font-size:clamp(22px,2.1vw,29px);margin-top:10px;line-height:1.15}
.home-praxis-body p{margin-top:13px;color:var(--text-soft);font-size:15px;line-height:1.55}
.home-praxis-more{display:inline-block;margin-top:22px;font-weight:800;color:var(--navy);font-size:14px}
.home-praxis-card:hover .home-praxis-more{color:var(--amber)}
.home-praxis-links{display:flex;gap:28px;flex-wrap:wrap;margin-top:28px}
.home-praxis-links a{font-weight:800;color:var(--navy)}
.home-praxis-links a:hover{color:var(--amber)}
/* Kundenstimmen: Proof ohne zusätzliche Awards-Kachel. */
.home-testimonials{background:var(--steel);color:#fff}
.home-testimonials .sec-head h2{color:#fff;margin-top:16px}
.home-quote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.home-quote{padding:30px 30px 28px;border-top:2px solid var(--amber);background:rgba(255,255,255,.075)}
.home-quote blockquote{font-family:var(--serif);font-size:clamp(20px,2.15vw,28px);line-height:1.42;color:#fff;font-style:normal}
.home-quote figcaption{margin-top:24px;color:rgba(255,255,255,.78);font-size:14px;line-height:1.5}
.home-quote figcaption b{color:#fff}
/* Menschen & Karriere: echtes Bild + flächiges Le-Bihan-Gelb, kein Shadow. */
.home-career{background:var(--amber);color:var(--navy)}
.home-career .tb-photo{min-height:520px;position:relative;overflow:hidden;background:var(--navy)}
.home-career .tb-photo .pic{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.home-career .tb-text{background:var(--amber);padding:82px 68px}
.home-career .tb-text .eyebrow{color:var(--navy)}
.home-career .tb-text .eyebrow::before{background:var(--navy)}
.home-career .tb-text h2{color:var(--navy)}
.home-career .tb-text p{color:rgba(0,44,70,.82)}
.home-career-actions{margin-top:30px}
.home-career .btn{box-shadow:none}
@media(max-width:1040px){
.home-platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-praxis-grid{grid-template-columns:1fr 1fr}
.home-open-branch{grid-template-columns:1fr;gap:26px;align-items:start}
.home-open-branch-link{justify-self:start}
}
@media(max-width:760px){
body.home .impact,body.home .why,body.home .home-services,body.home .branchen,body.home .home-platforms,body.home .home-praxis,body.home .home-testimonials,body.home .finder{padding-top:72px;padding-bottom:72px}
.why-tech-note{grid-template-columns:1fr;gap:12px;margin-top:36px}
.home-service-row{grid-template-columns:46px 1fr 24px;gap:13px;min-height:78px}
.home-service-row:hover{padding-left:0;padding-right:0;background:transparent}
.home-service-icon{width:40px;height:40px}.home-service-title{font-size:20px}
.home-open-branch{padding:28px 24px;margin-top:42px}
.home-platform-grid{grid-template-columns:1fr 1fr}
.home-platform-card{min-height:190px;padding:22px 18px}.home-platform-logo{min-height:92px}.home-platform-logo img{max-width:125px;max-height:50px}.home-platform-name{font-size:18px}
.home-praxis-grid,.home-quote-grid{grid-template-columns:1fr}
.home-career .tb-photo{min-height:320px}.home-career .tb-text{padding:54px 24px}
}
@media(max-width:480px){.home-platform-grid{grid-template-columns:1fr}}
/* ============================================================
STARTSEITE 1.41.64 — Korrektur Relaunch
Bestehende Dynamik bewahren, neue Proof-Bereiche in die LBC-Designsprache holen.
============================================================ */
/* Ruhige, aber spürbare Staffelung der neuen Homepage-Elemente. */
body.home .home-service-list .reveal:nth-child(2),
body.home .home-platform-grid .reveal:nth-child(2),
body.home .home-praxis-grid .reveal:nth-child(2){transition-delay:.08s}
body.home .home-service-list .reveal:nth-child(3),
body.home .home-platform-grid .reveal:nth-child(3),
body.home .home-praxis-grid .reveal:nth-child(3){transition-delay:.16s}
body.home .home-service-list .reveal:nth-child(4),
body.home .home-platform-grid .reveal:nth-child(4){transition-delay:.24s}
body.home .home-service-list .reveal:nth-child(5),
body.home .home-platform-grid .reveal:nth-child(5){transition-delay:.32s}
/* Leistungen: weiterhin reduziert, aber wieder mit genug Kontext und einem zusammenhängenden Panel. */
body.home .home-service-list{
margin-top:28px;
border:1px solid var(--line);
border-radius:20px;
overflow:hidden;
background:#fff;
}
body.home .home-service-row{
grid-template-columns:52px minmax(0,1fr) 34px;
min-height:104px;
padding:18px 24px;
border-bottom:1px solid var(--line);
transition:background .28s ease,padding .28s ease,transform .28s ease;
}
body.home .home-service-row:last-child{border-bottom:0}
body.home .home-service-row:hover{background:#f7fafc;padding-left:30px;padding-right:30px}
body.home .home-service-copy{display:grid;gap:7px;min-width:0}
body.home .home-service-text{display:block;max-width:760px;color:var(--text-soft);font-size:14.5px;line-height:1.48;font-weight:400}
/* Technologiepartner: ein abgerundetes Gesamtpanel statt eckiger Tabellenoptik. */
body.home .home-platform-grid{
border:1px solid var(--line);
border-radius:22px;
overflow:hidden;
background:#fff;
box-shadow:0 24px 60px -50px rgba(0,44,70,.42);
}
body.home .home-platform-card{
min-height:310px;
padding:30px 24px 26px;
grid-template-rows:120px minmax(0,1fr);
grid-template-columns:minmax(0,1fr) 28px;
gap:18px 12px;
border-top:0;
border-left:0;
border-bottom:0;
background:#fff;
transition:background .3s ease,transform .3s cubic-bezier(.2,.8,.2,1);
}
body.home .home-platform-card:last-child{border-right:0}
body.home .home-platform-card.in:hover{background:#f8fbfc;transform:translateY(-4px)}
body.home .home-platform-logo{min-height:120px;align-items:center;justify-content:flex-start}
body.home .home-platform-logo img{max-width:165px;max-height:66px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
body.home .home-platform-card:hover .home-platform-logo img{transform:translateY(-3px) scale(1.015)}
body.home .home-platform-copy{display:grid;align-content:end;gap:6px;min-width:0}
body.home .home-platform-name{font-size:21px}
body.home .home-platform-role{font-size:11px;line-height:1.3;letter-spacing:.11em;text-transform:uppercase;font-weight:800;color:var(--steel)}
body.home .home-platform-text{font-size:14px;line-height:1.48;color:var(--text-soft);font-weight:400}
body.home .home-platform-arrow{align-self:end;margin-bottom:2px}
/* Aus der Praxis: dieselben weichen Radien und Hover-Übergänge wie im restlichen Theme. */
body.home .home-praxis-grid{gap:26px}
body.home .home-praxis-card{
border-radius:20px;
overflow:hidden;
border:1px solid var(--line);
box-shadow:0 22px 54px -46px rgba(0,44,70,.48);
transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease;
}
body.home .home-praxis-card.in:hover{
transform:translateY(-6px);
box-shadow:0 30px 68px -48px rgba(0,44,70,.62);
border-color:rgba(80,116,143,.42);
}
body.home .home-praxis-media img{transition:transform .55s cubic-bezier(.2,.8,.2,1)}
body.home .home-praxis-card:hover .home-praxis-media img{transform:scale(1.04)}
body.home .home-praxis-body{padding:28px 28px 30px}
body.home .home-praxis-more{transition:color .25s ease,transform .25s ease}
body.home .home-praxis-card:hover .home-praxis-more{transform:translateX(3px)}
/* Branchen: Startseite verwendet exakt die jeweiligen Branchenseiten-Hero-Assets. */
body.home .branch-hero-sync{position:absolute;inset:0;background:var(--navy-2)}
body.home .branch-hero-sync .pic{object-fit:cover;object-position:center}
/* Etwas mehr Luft zwischen den Kapiteln; die vorhandenen Reveal-/Counter-Animationen bleiben unangetastet. */
body.home .impact,
body.home .why,
body.home .home-services,
body.home .branchen,
body.home .home-platforms,
body.home .home-praxis,
body.home .home-testimonials,
body.home .finder{padding-top:108px;padding-bottom:108px}
body.home .sec-head{margin-bottom:52px}
@media(max-width:1040px){
body.home .home-platform-card{min-height:285px}
}
@media(max-width:760px){
body.home .impact,
body.home .why,
body.home .home-services,
body.home .branchen,
body.home .home-platforms,
body.home .home-praxis,
body.home .home-testimonials,
body.home .finder{padding-top:78px;padding-bottom:78px}
body.home .sec-head{margin-bottom:40px}
body.home .home-service-row{grid-template-columns:44px minmax(0,1fr) 24px;min-height:96px;padding:16px 18px}
body.home .home-service-row:hover{padding-left:18px;padding-right:18px}
body.home .home-service-text{font-size:13.5px}
body.home .home-platform-grid{border-radius:18px}
body.home .home-platform-card{min-height:245px;padding:24px 20px;grid-template-rows:96px minmax(0,1fr)}
body.home .home-platform-logo{min-height:96px}
body.home .home-platform-text{font-size:13.5px}
body.home .home-praxis-card{border-radius:18px}
}
@media (prefers-reduced-motion:reduce){
body.home .home-platform-card,
body.home .home-platform-logo img,
body.home .home-praxis-card,
body.home .home-praxis-media img,
body.home .home-praxis-more{transition:none!important;transform:none!important}
}
@media(max-width:1040px) and (min-width:761px){
body.home .home-platform-card{border-bottom:1px solid var(--line)}
body.home .home-platform-card:nth-last-child(-n+2){border-bottom:0}
}
@media(max-width:760px) and (min-width:481px){
body.home .home-platform-card{border-bottom:1px solid var(--line)}
body.home .home-platform-card:nth-last-child(-n+1){border-bottom:0}
}
@media(max-width:480px){
body.home .home-platform-card{border-right:0;border-bottom:1px solid var(--line)}
body.home .home-platform-card:last-child{border-bottom:0}
}
/* ============================================================
STARTSEITE 1.41.65 — Radius- & Designsprache-Konsistenz
Einheitliche Rundungen und konsistente Homepage-Komponenten; spätere Cband-Regel in 1.41.66 gilt global.
============================================================ */
/* Technologiepartner: keine Tabellenoptik mehr, sondern fünf eigenständige, runde Karten. */
body.home .home-platform-grid{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:16px;
border:0!important;
border-radius:0!important;
overflow:visible!important;
background:transparent!important;
box-shadow:none!important;
}
body.home .home-platform-card{
min-height:310px;
padding:28px 22px 24px;
border:1px solid var(--line)!important;
border-radius:20px!important;
overflow:hidden;
background:#fff;
box-shadow:none;
}
body.home .home-platform-card:last-child{border-right:1px solid var(--line)!important}
body.home .home-platform-card.in:hover{
background:#f8fbfc;
transform:translateY(-4px);
border-color:rgba(80,116,143,.34)!important;
}
body.home .home-platform-logo{
border:0!important;
background:transparent!important;
border-radius:0!important;
}
/* Aus der Praxis: durchgehend runde Karten inklusive Bildkante. */
body.home .home-praxis-card{
border-radius:22px!important;
overflow:hidden!important;
}
body.home .home-praxis-card>a{border-radius:inherit;overflow:hidden}
body.home .home-praxis-media{
border-radius:22px 22px 0 0!important;
overflow:hidden!important;
}
body.home .home-praxis-media img{border-radius:inherit}
/* Kundenstimmen ebenfalls in derselben weichen Kartensprache. */
body.home .home-quote{
border-radius:18px;
overflow:hidden;
}
/* Menschen & Karriere: weiße Fläche statt Gelb, als runde gemeinsame Bild/Text-Komponente. */
body.home .home-career{
background:#fff!important;
color:var(--navy)!important;
padding:108px 0!important;
}
body.home .home-career .tb-grid{
width:min(1180px,calc(100% - 48px));
margin:0 auto;
border:1px solid var(--line);
border-radius:24px;
overflow:hidden;
background:#fff;
}
body.home .home-career .tb-photo{
border-radius:0;
overflow:hidden;
}
body.home .home-career .tb-text{
background:#fff!important;
color:var(--navy)!important;
}
body.home .home-career .tb-text .eyebrow{color:var(--steel)!important}
body.home .home-career .tb-text .eyebrow::before{background:var(--amber)!important}
body.home .home-career .tb-text h2{color:var(--navy)!important}
body.home .home-career .tb-text p{color:var(--text-soft)!important}
body.home .home-career .btn.btn-navy{
background:var(--navy)!important;
color:#fff!important;
border-radius:999px;
box-shadow:none!important;
}
/* Radius-Audit der neuen Homepage-Komponenten. */
body.home .home-service-list,
body.home .home-open-branch,
body.home .quiz-card{border-radius:22px}
@media(max-width:1040px){
body.home .home-platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
body.home .home-platform-grid{grid-template-columns:1fr 1fr;gap:14px}
body.home .home-platform-card{border-radius:18px!important}
body.home .home-praxis-card{border-radius:18px!important}
body.home .home-praxis-media{border-radius:18px 18px 0 0!important}
body.home .home-career{padding:78px 0!important}
body.home .home-career .tb-grid{width:min(100% - 32px,1180px);border-radius:20px}
}
@media(max-width:480px){
body.home .home-platform-grid{grid-template-columns:1fr}
body.home .home-platform-card{border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}
}
/* ============================================================
STARTSEITE 1.41.67 — Technologiepartner ohne doppelte Benennung
Das Markenlogo ist die visuelle Identität; darunter nur Einordnung + Nutzen.
============================================================ */
body.home .home-platform-card{
min-height:270px;
grid-template-rows:108px minmax(0,1fr);
}
body.home .home-platform-logo{min-height:108px}
body.home .home-platform-copy{align-content:start;gap:9px}
body.home .home-platform-role{margin-top:2px}
@media(max-width:760px){
body.home .home-platform-card{min-height:225px;grid-template-rows:86px minmax(0,1fr)}
body.home .home-platform-logo{min-height:86px}
}
/* ============================================================
1.41.68 – Über uns: Bildfokus, Awards 6er-Grid, TISAX
============================================================ */
/* A&D / kompakte Referenzen: Ohne Success Story keine leere zweite Spalte. */
.lbx .branch-references.is-compact .ref-compact-grid.is-no-case,
.lbx .branch-references.is-compact-visual .ref-compact-grid.is-no-case{
grid-template-columns:1fr;
}
.lbx .branch-references.is-compact .ref-compact-grid.is-no-case .ref-compact-logos,
.lbx .branch-references.is-compact-visual .ref-compact-grid.is-no-case .ref-compact-logos{
grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
max-width:920px;
}
/* Sechs Auszeichnungen ergeben auf Desktop ein ruhiges 2 × 3 Raster. */
.ueber-award-wall{grid-template-columns:repeat(2,minmax(0,1fr));}
.ueber-award-wall .ueber-award-logo:nth-child(5):last-child{grid-column:1 / -1;}
@media(max-width:920px){
.ueber-award-wall{grid-template-columns:repeat(3,minmax(0,1fr));}
.ueber-award-wall .ueber-award-logo:nth-child(5):last-child{grid-column:auto;}
}
@media(max-width:620px){
.ueber-award-wall{grid-template-columns:repeat(2,minmax(0,1fr));}
.ueber-award-wall .ueber-award-logo:nth-child(5):last-child{grid-column:1 / -1;}
}
/* Eigenständiger TISAX-/Informationssicherheitsblock: bewusst kein Award-Look. */
.ueber-tisax-section{padding:96px 0;background:var(--mist);}
.ueber-tisax-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:72px;align-items:center;}
.ueber-tisax-copy{max-width:760px;}
.ueber-tisax-copy h2{font-family:var(--serif);font-size:clamp(36px,4.2vw,52px);line-height:1.08;letter-spacing:-.018em;margin:14px 0 18px;color:var(--navy);}
.ueber-tisax-copy>p{margin:0;max-width:700px;color:var(--text-soft);font-size:17px;line-height:1.68;}
.ueber-tisax-copy .ueber-tisax-detail{margin-top:14px;font-size:15px;color:var(--steel);}
.ueber-tisax-link{display:inline-flex;align-items:center;gap:8px;margin-top:24px;color:var(--navy);font-weight:800;text-decoration:none;border-bottom:1.5px solid var(--amber);padding-bottom:3px;}
.ueber-tisax-link .ic{width:17px;height:17px;transition:transform .18s ease;}
.ueber-tisax-link:hover .ic,.ueber-tisax-link:focus-visible .ic{transform:translateX(3px);}
.ueber-tisax-proof{min-height:260px;border-radius:20px;background:#fff;border:1px solid rgba(0,44,70,.09);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px;}
.ueber-tisax-icon{width:70px;height:70px;border-radius:999px;border:1.5px solid var(--amber);display:grid;place-items:center;color:var(--navy);margin-bottom:24px;}
.ueber-tisax-icon .ic{width:34px;height:34px;}
.ueber-tisax-badge{height:120px;display:grid;place-items:center;margin-bottom:22px;}
.ueber-tisax-badge img{display:block;max-width:230px;max-height:118px;width:auto;height:auto;object-fit:contain;}
.ueber-tisax-proof strong{font-family:var(--serif);font-size:30px;line-height:1.05;color:var(--navy);}
.ueber-tisax-proof>span:last-child{margin-top:8px;color:var(--steel);font-size:13px;font-weight:750;letter-spacing:.03em;}
@media(max-width:920px){.ueber-tisax-grid{grid-template-columns:1fr;gap:40px}.ueber-tisax-proof{min-height:220px;max-width:620px}}
@media(max-width:620px){.ueber-tisax-section{padding:72px 0}.ueber-tisax-grid{gap:32px}.ueber-tisax-proof{min-height:200px;padding:28px 24px;border-radius:16px}.ueber-tisax-copy>p{font-size:16px}}
/* ============================================================
STARTSEITE 1.5.2 — Konsistenz & ruhige Interaktion
Gleiche UI-Sprache wie Kompetenz-/Branchenseiten, ohne springende Elemente.
============================================================ */
/* Branchenwechsel: Inhalt weich einblenden, aber nicht vertikal "hoppeln". */
@keyframes homeBranchFade{from{opacity:0}to{opacity:1}}
body.home .br-panel{animation:homeBranchFade .32s ease both}
/* Die Branchenseiten sind die Quelle der Logo-Auswahl; visuell bleiben die
Teaser bewusst ruhig und ohne zusätzliche Schattentiefe. */
body.home .br-logos .chip-logo{
border:1px solid rgba(0,44,70,.10);
border-radius:var(--lbc-radius-ui);
box-shadow:none;
background:#fff;
}
/* Homepage-Radien auf die bestehenden Design-Tokens zurückführen. */
body.home .home-service-list,
body.home .home-open-branch,
body.home .quiz-card{border-radius:var(--lbc-radius-feature)!important}
body.home .home-platform-card,
body.home .home-praxis-card,
body.home .home-quote{border-radius:var(--lbc-radius-card)!important}
body.home .home-praxis-media{border-radius:var(--lbc-radius-card) var(--lbc-radius-card) 0 0!important}
body.home .br-vis{border-radius:var(--lbc-radius-feature);box-shadow:none}
/* Ruhige Motion: Inhalt kommt weiterhin sichtbar herein, aber mit derselben
Distanz wie die redaktionellen LBC-Blöcke. */
body.home .reveal{
transform:translateY(18px);
transition:opacity .7s ease,transform .7s ease;
}
body.home .reveal.in{transform:none}
body.home .home-service-list .reveal:nth-child(2),
body.home .home-platform-grid .reveal:nth-child(2),
body.home .home-praxis-grid .reveal:nth-child(2){transition-delay:.06s}
body.home .home-service-list .reveal:nth-child(3),
body.home .home-platform-grid .reveal:nth-child(3),
body.home .home-praxis-grid .reveal:nth-child(3){transition-delay:.12s}
body.home .home-service-list .reveal:nth-child(n+4),
body.home .home-platform-grid .reveal:nth-child(n+4){transition-delay:.12s}
/* Hover ohne Layout-Verschiebung: nur Farbe/Bild/Pfeil reagieren. */
body.home .home-service-row,
body.home .home-service-row:hover{
transform:none;
padding-left:24px;
padding-right:24px;
}
body.home .home-platform-card,
body.home .home-platform-card.in:hover{
transform:none;
box-shadow:none;
}
body.home .home-platform-card:hover .home-platform-logo img{transform:none}
body.home .home-praxis-card,
body.home .home-praxis-card.in:hover{
transform:none;
box-shadow:none;
}
body.home .home-praxis-card:hover .home-praxis-media img{transform:scale(1.025)}
@media(max-width:1040px){
body.home .home-open-branch-link{justify-self:start}
}
@media(max-width:760px){
body.home .home-service-row,
body.home .home-service-row:hover{padding-left:18px;padding-right:18px}
}
@media(prefers-reduced-motion:reduce){
body.home .br-panel{animation:none!important}
}
/* ============================================================
STARTSEITE 1.5.4 — Branchenbild als Navigation + ruhiger Cross-Industry-Abschluss
============================================================ */
body.home .home-branch-visual{
display:block;
position:relative;
height:440px;
color:#fff;
text-decoration:none;
overflow:hidden;
border-radius:var(--lbc-radius-feature);
box-shadow:none;
isolation:isolate;
}
body.home .home-branch-visual::before{
content:"";
position:absolute;
inset:0;
z-index:3;
pointer-events:none;
background:linear-gradient(180deg,rgba(0,20,34,.58) 0%,rgba(0,20,34,.12) 34%,rgba(0,20,34,.08) 58%,rgba(0,20,34,.56) 100%);
transition:background .28s ease;
}
body.home .home-branch-visual .branch-hero-sync,
body.home .home-branch-visual .branch-hero-sync .pic{
width:100%;
height:100%;
}
body.home .home-branch-visual .branch-hero-sync .pic{
object-fit:cover;
object-position:center;
transition:transform .45s ease;
}
body.home .home-branch-visual .lab{
position:absolute;
top:26px;
left:28px;
right:28px;
bottom:auto;
z-index:4;
margin:0;
font-family:var(--sans);
font-size:12.5px;
line-height:1.2;
font-weight:800;
letter-spacing:.16em;
text-transform:uppercase;
color:#fff;
text-shadow:0 2px 14px rgba(0,18,30,.42);
}
body.home .home-branch-hover-cta{
position:absolute;
left:28px;
bottom:26px;
z-index:4;
display:inline-flex;
align-items:center;
gap:9px;
width:max-content;
max-width:calc(100% - 56px);
padding:7px 1px 5px;
border-bottom:2px solid var(--amber);
color:#fff;
font-size:14.5px;
line-height:1.2;
font-weight:800;
opacity:0;
transform:translateY(6px);
transition:opacity .24s ease,transform .24s ease,color .2s ease;
}
body.home .home-branch-hover-cta>span{transition:transform .2s ease}
body.home .home-branch-visual:hover::before,
body.home .home-branch-visual:focus-visible::before{
background:linear-gradient(180deg,rgba(0,20,34,.64) 0%,rgba(0,20,34,.22) 42%,rgba(0,20,34,.62) 100%);
}
body.home .home-branch-visual:hover .branch-hero-sync .pic,
body.home .home-branch-visual:focus-visible .branch-hero-sync .pic{transform:scale(1.025)}
body.home .home-branch-visual:hover .home-branch-hover-cta,
body.home .home-branch-visual:focus-visible .home-branch-hover-cta{opacity:1;transform:none}
body.home .home-branch-visual:hover .home-branch-hover-cta>span,
body.home .home-branch-visual:focus-visible .home-branch-hover-cta>span{transform:translateX(3px)}
body.home .home-branch-visual:focus-visible{outline:2px solid var(--amber);outline-offset:4px}
/* Der redundante Branchen-Kontext ist auf der Startseite bewusst entfernt. */
body.home .br-info>.pl:first-child{margin-top:0}
/* "Ihre Branche" bleibt Teil derselben Story, aber nicht als sechster Fokus-Tab. */
body.home .home-open-branch{
margin-top:72px;
padding:34px 38px;
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:48px;
align-items:end;
background:var(--mist);
color:var(--navy);
border:1px solid rgba(0,44,70,.08);
border-radius:var(--lbc-radius-feature)!important;
box-shadow:none;
}
body.home .home-open-branch .eyebrow{color:var(--steel)}
body.home .home-open-branch .eyebrow::before{background:var(--amber)}
body.home .home-open-branch h3{
color:var(--navy);
max-width:840px;
margin-top:14px;
font-size:clamp(27px,3vw,39px);
}
body.home .home-open-branch p{
color:var(--text-soft);
max-width:860px;
margin-top:14px;
font-size:16px;
line-height:1.65;
}
body.home .home-open-branch-link{
justify-self:end;
align-self:end;
color:var(--navy);
background:transparent!important;
border:0;
border-bottom:2px solid var(--amber);
border-radius:0!important;
box-shadow:none!important;
padding:9px 2px 7px;
}
body.home .home-open-branch-link:hover,
body.home .home-open-branch-link:focus-visible{color:var(--steel);background:transparent!important}
@media(max-width:1040px){
body.home .home-open-branch{grid-template-columns:1fr;gap:24px;align-items:start}
body.home .home-open-branch-link{justify-self:start}
}
@media(max-width:760px){
body.home .home-branch-visual{height:320px}
body.home .home-branch-visual .lab{top:20px;left:20px;right:20px}
body.home .home-branch-hover-cta{left:20px;bottom:20px;max-width:calc(100% - 40px);opacity:1;transform:none}
body.home .home-open-branch{margin-top:48px;padding:28px 24px}
}
@media(hover:none){
body.home .home-branch-hover-cta{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){
body.home .home-branch-visual .branch-hero-sync .pic,
body.home .home-branch-hover-cta,
body.home .home-branch-hover-cta>span{transition:none!important;transform:none!important}
}
/* ============================================================
1.5.5 – Blockbrain-Logo zentral + TISAX als kompakter Trust-Baustein
============================================================ */
/* Das offizielle Blockbrain-Wordmark ist sehr breit; auf der Startseite etwas
großzügiger skalieren, damit es neben den übrigen Partnerlogos lesbar bleibt. */
body.home .home-platform-logo img[alt="Blockbrain"]{
max-width:200px;
max-height:64px;
}
@media(max-width:760px){
body.home .home-platform-logo img[alt="Blockbrain"]{max-width:165px;max-height:52px}
}
/* Auszeichnungen und TISAX dürfen auf derselben weißen Editorial-Fläche liegen.
Der Nachweis selbst wird als kompakter Mist-Trust-Baustein abgesetzt; der
folgende Referenzblock kann dadurch wieder bewusst auf Mist wechseln. */
.ueber-tisax-section{
padding:84px 0;
background:#fff;
border-top:1px solid rgba(0,44,70,.07);
}
.ueber-tisax-grid{
grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
gap:64px;
}
.ueber-tisax-proof{
min-height:170px;
border-radius:20px;
background:var(--mist);
border:1px solid rgba(0,44,70,.08);
display:grid;
grid-template-columns:auto minmax(0,1fr);
grid-template-rows:auto auto;
column-gap:22px;
row-gap:5px;
align-content:center;
align-items:center;
justify-content:stretch;
text-align:left;
padding:28px 32px;
}
.ueber-tisax-icon,
.ueber-tisax-badge{
grid-column:1;
grid-row:1 / 3;
margin:0;
}
.ueber-tisax-icon{width:64px;height:64px}
.ueber-tisax-icon .ic{width:30px;height:30px}
.ueber-tisax-badge{height:92px}
.ueber-tisax-badge img{max-width:170px;max-height:90px}
.ueber-tisax-proof strong{
grid-column:2;
grid-row:1;
align-self:end;
font-size:28px;
}
.ueber-tisax-proof>span:last-child{
grid-column:2;
grid-row:2;
align-self:start;
margin-top:0;
}
@media(max-width:920px){
.ueber-tisax-grid{grid-template-columns:1fr;gap:36px}
.ueber-tisax-proof{max-width:620px;min-height:160px}
}
@media(max-width:620px){
.ueber-tisax-section{padding:72px 0}
.ueber-tisax-proof{grid-template-columns:auto 1fr;min-height:150px;padding:24px;border-radius:16px}
.ueber-tisax-proof strong{font-size:25px}
}
/* ============================================================
STARTSEITE 1.5.6 — Technologiepartner: optische Logo-Normalisierung
============================================================ */
body.home .home-platform-logo{
min-height:108px;
height:108px;
padding:0 10px;
display:flex;
align-items:center;
justify-content:center;
overflow:visible;
}
body.home .home-platform-logo img{
display:block;
width:auto;
height:auto;
max-width:100%;
max-height:56px;
object-fit:contain;
object-position:center;
}
body.home .home-platform--planisware-enterprise .home-platform-logo img{width:168px;max-width:100%}
body.home .home-platform--cplace .home-platform-logo img{width:170px;max-width:100%}
body.home .home-platform--meisterplan .home-platform-logo img{width:148px;max-width:100%}
body.home .home-platform--asana .home-platform-logo img{width:166px;max-width:100%}
body.home .home-platform--blockbrain .home-platform-logo img{width:174px;max-width:100%}
@media(max-width:760px){
body.home .home-platform-logo{height:86px;min-height:86px;padding:0 8px}
body.home .home-platform-logo img{max-height:48px}
body.home .home-platform--planisware-enterprise .home-platform-logo img{width:146px}
body.home .home-platform--cplace .home-platform-logo img{width:148px}
body.home .home-platform--meisterplan .home-platform-logo img{width:130px}
body.home .home-platform--asana .home-platform-logo img{width:146px}
body.home .home-platform--blockbrain .home-platform-logo img{width:150px}
}
/* ============================================================
1.5.7 — Über uns: ruhigere Führungslinien + klare Flächenwechsel
============================================================ */
/* Kennzahlen sind auf Unterseiten eine weiße Editorial-Fläche; auf der
Startseite bleibt der bestehende Mist-Rhythmus durch die spezifischere
body.home-Regel erhalten. */
.impact{background:#fff}
body.home .impact{background:var(--mist)}
/* Vollbreite Trenner auf der Über-uns-Seite werden entfernt. Stattdessen
sitzt die Hairline innerhalb der normalen Contentführung und endet in der
Seitenmitte. */
.ueber-hero-2026{border-bottom:0!important;position:relative}
.ueber-hero-2026>.wrap{position:relative}
.ueber-hero-2026>.wrap::after{
content:"";
position:absolute;
left:0;
bottom:calc(var(--lbc-corporate-hero-bottom) * -1);
width:50%;
height:1px;
background:rgba(0,44,70,.09);
pointer-events:none;
}
.ueber-tisax-section{border-top:0!important;position:relative}
.ueber-tisax-section>.wrap{position:relative}
.ueber-tisax-section>.wrap::before{
content:"";
position:absolute;
left:0;
top:-84px;
width:50%;
height:1px;
background:rgba(0,44,70,.09);
pointer-events:none;
}
@media(max-width:620px){
.ueber-hero-2026>.wrap::after,
.ueber-tisax-section>.wrap::before{width:56%}
.ueber-tisax-section>.wrap::before{top:-72px}
}
/* ============================================================
1.5.8 — Go-live polish: Ansprechpartner, Mega-CTA, Führungslinie, Awards
============================================================ */
/* Mega-Menü: Primär-CTA folgt dem zentralen UI-Radius statt Legacy-Pill. */
#navlinks .mega-foot a.mf-primary{
border-radius:var(--lbc-radius-ui)!important;
box-shadow:none!important;
transform:none;
}
#navlinks .mega-foot a.mf-primary:hover,
#navlinks .mega-foot a.mf-primary:focus-visible{
transform:none;
box-shadow:none!important;
}
/* Über uns: Führungslinie exakt von der Contentkante bis zur Hälfte der
nutzbaren Contentbreite. Die .wrap-Paddings werden explizit berücksichtigt. */
.ueber-tisax-section>.wrap::before{
left:40px;
width:calc((100% - 80px) / 2);
}
@media(min-width:1121px) and (max-width:1380px){
.ueber-tisax-section>.wrap::before{
left:24px;
width:calc((100% - 48px) / 2);
}
}
@media(max-width:680px){
.ueber-tisax-section>.wrap::before{
left:22px;
width:calc((100% - 44px) / 2);
}
}
/* Auszeichnungen: Zeitreihe statt Logo-Wand. Neueste Auszeichnung wird nach
Jahr automatisch zuerst gerendert und visuell hervorgehoben. */
.ueber-awards-showcase{
display:grid;
grid-template-columns:1fr;
gap:22px;
min-height:0;
}
.ueber-award-wall{
min-height:0;
padding:22px 24px;
display:grid;
grid-template-columns:minmax(0,1.35fr) repeat(4,minmax(0,1fr));
gap:12px;
align-items:stretch;
background:var(--mist);
border:1px solid rgba(0,44,70,.09);
border-radius:var(--lbc-radius-feature);
}
.ueber-award-logo,
.ueber-award-logo:nth-child(5):last-child{
grid-column:auto;
min-width:0;
min-height:154px;
padding:20px 14px;
display:grid;
place-items:center;
border-radius:var(--lbc-radius-card);
background:transparent;
}
.ueber-award-logo img{
display:block;
width:auto;
height:auto;
max-width:min(100%,118px);
max-height:102px;
object-fit:contain;
}
.ueber-award-logo.is-featured{
background:#fff;
border:1px solid rgba(0,44,70,.08);
}
.ueber-award-logo.is-featured img{
max-width:min(100%,155px);
max-height:126px;
}
.ueber-award-wall--count-6{
grid-template-columns:minmax(0,1.22fr) repeat(5,minmax(0,1fr));
}
.ueber-award-wall--count-6 .ueber-award-logo img{max-width:min(100%,104px);max-height:94px}
.ueber-award-wall--count-6 .ueber-award-logo.is-featured img{max-width:min(100%,138px);max-height:116px}
/* Fotos bleiben als echte Belege, jetzt unterhalb der Zeitreihe über die volle
Contentbreite. Das Hauptmotiv erhält bewusst mehr Fläche. */
.ueber-awards-photos{
min-height:470px;
height:470px;
display:grid;
grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);
grid-template-rows:1fr 1fr;
gap:14px;
}
.ueber-awards-photo{border-radius:var(--lbc-radius-card)}
.ueber-awards-photo-1{grid-column:1;grid-row:1 / 3}
.ueber-awards-photo-2{grid-column:2;grid-row:1}
.ueber-awards-photo-3{grid-column:2;grid-row:2}
@media(max-width:980px){
.ueber-award-wall,
.ueber-award-wall--count-6{
grid-template-columns:repeat(3,minmax(0,1fr));
padding:20px;
}
.ueber-award-logo{min-height:140px}
.ueber-award-logo.is-featured{grid-column:auto}
.ueber-awards-photos{height:440px;min-height:440px}
}
@media(max-width:620px){
.ueber-award-wall,
.ueber-award-wall--count-6{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
padding:16px;
}
.ueber-award-logo{min-height:124px;padding:16px 10px}
.ueber-award-logo img,
.ueber-award-wall--count-6 .ueber-award-logo img{max-width:min(100%,96px);max-height:86px}
.ueber-award-logo.is-featured img,
.ueber-award-wall--count-6 .ueber-award-logo.is-featured img{max-width:min(100%,116px);max-height:98px}
.ueber-award-logo:last-child:nth-child(odd){grid-column:1 / -1}
.ueber-awards-photos{
height:auto;
min-height:0;
grid-template-columns:1fr 1fr;
grid-template-rows:230px 150px;
gap:10px;
}
.ueber-awards-photo-1{grid-column:1 / 3;grid-row:1}
.ueber-awards-photo-2{grid-column:1;grid-row:2}
.ueber-awards-photo-3{grid-column:2;grid-row:2}
}
/* ============================================================
1.5.9 — Awards: echte 5er-Reihe, neueste Auszeichnung zuerst
============================================================ */
/* Desktop: fünf Awards bleiben garantiert in EINER Reihe. Flex statt Grid
verhindert, dass ältere nth-child-Regeln den fünften Eintrag umbrechen. */
.ueber-award-wall.ueber-award-wall--count-5{
display:flex!important;
grid-template-columns:none!important;
align-items:stretch;
min-height:0!important;
height:auto;
padding:20px 22px;
gap:10px;
}
.ueber-award-wall--count-5 .ueber-award-logo,
.ueber-award-wall--count-5 .ueber-award-logo:nth-child(5):last-child{
grid-column:auto!important;
flex:1 1 0;
min-width:0;
min-height:150px;
padding:18px 12px;
}
.ueber-award-wall--count-5 .ueber-award-logo.is-featured{
flex:1.3 1 0;
min-height:166px;
}
.ueber-award-wall--count-5 .ueber-award-logo img{
max-width:min(100%,116px);
max-height:100px;
}
.ueber-award-wall--count-5 .ueber-award-logo.is-featured img{
max-width:min(100%,154px);
max-height:128px;
}
@media(max-width:980px){
.ueber-award-wall.ueber-award-wall--count-5{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.ueber-award-wall--count-5 .ueber-award-logo,
.ueber-award-wall--count-5 .ueber-award-logo.is-featured{
min-height:138px;
}
}
@media(max-width:620px){
.ueber-award-wall.ueber-award-wall--count-5{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
padding:16px;
gap:10px;
}
.ueber-award-wall--count-5 .ueber-award-logo:last-child:nth-child(odd){
grid-column:1 / -1!important;
}
}
/* ============================================================
1.5.10 — TOP 100 editorial statt Logo-Wand
============================================================ */
.ueber-awards-story--top100{
display:grid;
grid-template-columns:180px minmax(0,1fr);
gap:32px;
align-items:center;
padding:30px 0 28px;
border-top:1px solid rgba(0,44,70,.15);
background:transparent;
}
.ueber-awards-summary{
min-height:150px;
padding-right:30px;
border-right:1px solid rgba(0,44,70,.16);
display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-start;
}
.ueber-awards-count{
display:flex;
align-items:flex-start;
gap:4px;
font-family:var(--serif);
font-size:clamp(64px,6vw,88px);
font-weight:500;
line-height:.84;
letter-spacing:-.045em;
color:var(--navy);
}
.ueber-awards-count span{font-size:.58em;line-height:1;margin-top:.06em;font-family:var(--sans);font-weight:400}
.ueber-awards-summary-label{
margin-top:20px;
font-family:var(--sans);
font-size:12px;
font-weight:800;
letter-spacing:.16em;
color:var(--navy);
}
.ueber-awards-summary-range{
margin-top:5px;
font-family:var(--sans);
font-size:13px;
font-weight:700;
letter-spacing:.08em;
color:var(--steel);
}
.ueber-awards-history{
display:grid;
grid-template-columns:minmax(150px,1.3fr) repeat(4,minmax(110px,1fr));
gap:18px;
align-items:end;
min-width:0;
}
.ueber-award-badge{
margin:0;
min-width:0;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-end;
gap:12px;
}
.ueber-award-badge-media{
width:100%;
height:126px;
display:flex;
align-items:center;
justify-content:center;
}
.ueber-award-badge-media img{
display:block;
width:auto;
height:auto;
max-width:112px;
max-height:116px;
object-fit:contain;
}
.ueber-award-badge.is-featured .ueber-award-badge-media{height:156px}
.ueber-award-badge.is-featured .ueber-award-badge-media img{max-width:148px;max-height:148px}
.ueber-award-badge figcaption{
min-height:38px;
text-align:center;
display:flex;
flex-direction:column;
align-items:center;
gap:2px;
font-family:var(--sans);
}
.ueber-award-badge figcaption strong{font-size:14px;color:var(--navy);font-weight:800}
.ueber-award-badge figcaption span{font-size:11px;color:var(--steel);font-weight:700}
.ueber-awards-story--top100 + .ueber-awards-photos{margin-top:2px}
/* Die Fotocollage bleibt der emotionale Beleg, rückt aber deutlich näher an
die Award-Historie heran. */
.ueber-awards-showcase{gap:26px}
@media(max-width:980px){
.ueber-awards-story--top100{grid-template-columns:150px minmax(0,1fr);gap:24px}
.ueber-awards-summary{padding-right:22px}
.ueber-awards-history{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 14px}
.ueber-award-badge.is-featured{grid-column:auto}
}
@media(max-width:680px){
.ueber-awards-story--top100{grid-template-columns:1fr;gap:22px;padding:24px 0 20px}
.ueber-awards-summary{
min-height:0;
padding:0 0 22px;
border-right:0;
border-bottom:1px solid rgba(0,44,70,.14);
}
.ueber-awards-count{font-size:64px}
.ueber-awards-summary-label{margin-top:14px}
.ueber-awards-history{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
.ueber-award-badge.is-featured{grid-column:1 / -1}
.ueber-award-badge-media{height:112px}
.ueber-award-badge.is-featured .ueber-award-badge-media{height:136px}
.ueber-award-badge.is-featured .ueber-award-badge-media img{max-width:132px;max-height:132px}
}
/* 1.5.10 — hochauflösendes Meisterplan-Wortlogo in den bestehenden Slots
nicht durch zu niedrige Max-Height künstlich verkleinern. */
.lbp-editorial-hero .pslot-img[alt="Meisterplan"]{max-width:220px;max-height:56px}
.lbx .branch-partner-logo img[alt="Meisterplan"]{max-width:170px;max-height:46px}
.lbp-bento-brand__partner[alt="Meisterplan"]{max-width:220px;max-height:60px;padding:10px 14px}
body.home .home-platform--meisterplan .home-platform-logo img{width:162px;max-width:100%;max-height:58px}
@media(max-width:760px){body.home .home-platform--meisterplan .home-platform-logo img{width:142px;max-height:50px}}
/* ============================================================
1.5.11 — visuelle Konsistenz: CTAs, News, "Ihre Branche", Footer Trust
============================================================ */
/* Primäre CTAs folgen überall derselben flachen LBC-Logik:
Amber, 12px Radius, keine Glow-/Shadow-Effekte. */
.btn-primary,
.btn.btn-primary,
.nav-cta,
.lbx .btn-primary,
.komp-page .btn-primary,
.lbcx .btn-primary,
#navlinks .mega-foot a.mf-primary{
background:var(--amber)!important;
background-image:none!important;
color:var(--navy)!important;
border-radius:var(--lbc-radius-ui)!important;
box-shadow:none!important;
text-shadow:none!important;
}
.btn-primary:hover,
.btn.btn-primary:hover,
.nav-cta:hover,
.lbx .btn-primary:hover,
.komp-page .btn-primary:hover,
.lbcx .btn-primary:hover,
#navlinks .mega-foot a.mf-primary:hover,
#navlinks .mega-foot a.mf-primary:focus-visible{
background:var(--amber-soft)!important;
box-shadow:none!important;
transform:translateY(-1px)!important;
}
/* News und redaktionelle Teaser: dieselbe kräftige Lubalin-Hierarchie wie auf
Start- und Branchenseiten; Karten bleiben flach. */
.lbco-news-featured-copy h3,
.lbco-news-card h3,
.home-praxis-body h3{
font-family:var(--serif)!important;
font-weight:600!important;
letter-spacing:-.012em;
}
.lbco-news-featured,
.lbco-news-card,
.news-card,
.lbco-news-card:hover,
.news-card:hover{
box-shadow:none!important;
}
.lbco-news-card:hover,
.news-card:hover{transform:none!important}
/* Startseite / Ihre Branche: Eyebrow und Headline folgen derselben ruhigen
Editorial-Sprache wie die übrigen Sections. Amber bleibt beim Link-Akzent. */
body.home .home-open-branch .eyebrow{color:var(--steel)!important}
body.home .home-open-branch .eyebrow::before{background:var(--steel)!important}
body.home .home-open-branch h3{
font-family:var(--serif)!important;
font-weight:600!important;
letter-spacing:-.012em;
}
/* Footer: Trust-Signatur als freie, halbtransparente Marken im Navy-Footer.
Keine Karten, keine weißen Hintergründe, keine zusätzlichen Radien. */
.foot-bottom-right{
margin-left:auto;
display:flex;
align-items:center;
justify-content:flex-end;
gap:30px;
min-width:0;
}
.foot-legal{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:0}
.foot-trust{
display:flex;
align-items:center;
justify-content:flex-end;
gap:28px;
flex:0 0 auto;
}
.foot-trust-mark{
display:flex;
align-items:center;
justify-content:center;
padding:0;
min-width:0;
min-height:0;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
color:rgba(255,255,255,.50)!important;
text-decoration:none!important;
opacity:.52;
transition:opacity .18s ease;
}
.foot-trust-mark img{
display:block;
width:auto;
height:auto;
max-height:52px;
max-width:118px;
object-fit:contain;
filter:grayscale(1);
}
.foot-trust-mark--top100 img{max-height:56px;max-width:82px}
.foot-trust-mark--tisax{
gap:8px;
color:rgba(255,255,255,.50)!important;
font-family:var(--serif);
font-size:18px;
font-weight:600;
letter-spacing:.02em;
}
.foot-trust-mark--tisax .ic{
width:21px;
height:21px;
stroke:currentColor;
fill:none;
stroke-width:1.8;
}
.foot-trust-mark:hover,.foot-trust-mark:focus-visible{
opacity:.90;
background:transparent!important;
color:rgba(255,255,255,.90)!important;
transform:none!important;
outline:none;
}
.foot-trust-mark:focus-visible{outline:1px solid rgba(255,255,255,.35);outline-offset:6px}
@media(max-width:980px){
.foot-bottom{align-items:flex-start}
.foot-bottom-right{width:100%;justify-content:space-between;margin-left:0;gap:22px}
}
@media(max-width:620px){
.foot-bottom-right{align-items:flex-start;flex-direction:column-reverse;gap:20px}
.foot-legal{justify-content:flex-start}
.foot-bottom a{margin-left:0;margin-right:18px}
.foot-trust{justify-content:flex-start;gap:24px}
.foot-trust-mark img{max-height:46px;max-width:108px}
.foot-trust-mark--top100 img{max-height:50px;max-width:76px}
}
/* News-Headline-Familie konsequent kräftig führen. */
.news-h1,
.article-title,
.lbco-news-hero-copy h1,
.lbco-news-hero-current-title{
font-family:var(--serif)!important;
font-weight:600!important;
}
/* ============================================================
1.5.12 – Partner-Praxis: zentrale Success-Story-Grammatik
============================================================ */
/* Partnerseiten verwenden für echte Success Stories exakt dieselbe visuelle
Grammatik wie die zentrale Success-Story-Übersicht. Keine Light-Amber-
Sonderkarte, keine Logo-only-Case-Kachel. */
.lbp-practice .pa-cases-grid{
grid-template-columns:minmax(300px,1.08fr) repeat(2,minmax(0,.96fr));
gap:24px;
align-items:stretch;
}
.lbp-practice .lbp-practice-story-card{
height:100%;
background:#fff;
border:1px solid var(--line);
border-radius:var(--lbc-radius-card);
box-shadow:none;
}
.lbp-practice .lbp-practice-story-card:hover,
.lbp-practice .lbp-practice-story-card:focus-within{
border-color:rgba(0,44,70,.18);
box-shadow:none;
}
.lbp-practice .lbp-practice-story-card .ss-thumb{
aspect-ratio:8/5;
height:auto!important;
background:var(--lbc-surface-strong);
}
.lbp-practice .lbp-practice-logo-media{
display:grid;
place-items:center;
padding:32px;
background:#fff;
}
.lbp-practice .lbp-practice-logo-media::after{display:none}
.lbp-practice .lbp-practice-story-logo{
width:auto!important;
height:auto!important;
max-width:68%!important;
max-height:74px!important;
object-fit:contain!important;
transform:none!important;
}
.lbp-practice .lbp-practice-story-card:hover .lbp-practice-story-logo{transform:none!important}
.lbp-practice .pa-case-quote footer{
color:rgba(255,255,255,.72);
}
@media(max-width:1080px){
.lbp-practice .pa-cases-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.lbp-practice .pa-case-quote{grid-column:1/-1}
}
@media(max-width:680px){
.lbp-practice .pa-cases-grid{grid-template-columns:1fr}
.lbp-practice .pa-case-quote{grid-column:auto}
}
/* ============================================================
1.5.13 – Partner-Praxis: echte Story-Bilder + saubere Zitat-Credits
============================================================ */
.lbp-practice .pa-case-quote-credit{
margin-top:24px;
padding:0;
background:transparent;
color:rgba(255,255,255,.76);
font-family:var(--body);
font-size:12.5px;
font-weight:750;
line-height:1.5;
font-style:normal;
}
.partner-quote .partner-quote-credit{
margin-top:27px;
padding:0;
background:transparent;
color:#fff;
font-family:var(--body);
font-size:14px;
font-weight:800;
line-height:1.45;
font-style:normal;
}
.partner-quote .partner-quote-credit span{
display:block;
margin-top:3px;
color:rgba(255,255,255,.64);
font-size:13px;
font-weight:500;
}
/* Defensive reset for older cached markup: generic site-footer styles must
never turn quote credits into black bars. */
.lbp-practice .pa-case-quote footer,
.partner-quote footer{
background:transparent!important;
padding:0!important;
min-height:0!important;
}
/* ==========================================================================\n 1.5.16 – TISAX-Logo: ungecroppt und sauber im Footer / Über-uns-Nachweis\n ========================================================================== */
.foot-trust-mark--tisax{
overflow:visible!important;
}
.foot-trust-mark--tisax img{
display:block!important;
width:auto!important;
height:auto!important;
max-width:132px!important;
max-height:48px!important;
object-fit:contain!important;
object-position:center!important;
overflow:visible!important;
/* Auf Navy etwas heller und ruhiger, ohne eine Box hinter das Logo zu legen. */
filter:grayscale(1) brightness(2.15)!important;
}
.foot-trust-mark--tisax:hover img,
.foot-trust-mark--tisax:focus-visible img{
filter:grayscale(1) brightness(2.55)!important;
}
.ueber-tisax-badge{
overflow:visible!important;
}
.ueber-tisax-badge img{
width:auto!important;
height:auto!important;
max-width:min(260px,100%)!important;
max-height:96px!important;
object-fit:contain!important;
object-position:center!important;
overflow:visible!important;
}
@media(max-width:620px){
.foot-trust-mark--tisax img{max-width:118px!important;max-height:42px!important}
}
/* ==========================================================================
1.5.17 – Partner-Vergleich: LBC-Amber + geometrisch zentriertes Plus
========================================================================== */
.plh-solution .plh-compare-column--lebihan .plh-compare-item > span{
color:var(--amber);
}
.plh-solution .plh-compare-bridge span{
position:relative;
color:transparent;
font-size:0;
line-height:0;
}
.plh-solution .plh-compare-bridge span::before,
.plh-solution .plh-compare-bridge span::after{
content:"";
position:absolute;
left:50%;
top:50%;
width:12px;
height:1.5px;
border-radius:1px;
background:var(--amber);
transform:translate(-50%,-50%);
}
.plh-solution .plh-compare-bridge span::after{
transform:translate(-50%,-50%) rotate(90deg);
}
/* ============================================================
1.5.18 – Präzisierung: TISAX, Zahnräder, Referenz-Zitat-Slider
============================================================ */
/* TISAX: nur die Wortmarke im Nachweis-Panel; keine doppelte Bezeichnung rechts. */
.ueber-tisax-proof--logo-only{
display:grid;
place-items:center;
min-height:170px;
padding:28px 32px;
text-align:center;
}
.ueber-tisax-proof--logo-only .ueber-tisax-badge{
grid-column:auto;
grid-row:auto;
width:100%;
height:auto;
margin:0;
display:grid;
place-items:center;
}
.ueber-tisax-proof--logo-only .ueber-tisax-badge img{
max-width:min(100%,290px);
max-height:116px;
width:auto;
height:auto;
object-fit:contain;
}
/* Ganzheitliches Lösungsmodell: der Icon-Hover nutzt exakt das LBC-Amber. */
.plh-gear:is(:hover,:focus-visible,.is-active) .plh-gear-icon{
color:#F59F1E;
}
/* Referenzen: ruhiger Slider mit einer Stimme pro Ansicht. */
.reference-quotes-slider{
background:var(--steel);
color:#fff;
padding:96px 0 72px;
overflow:hidden;
}
.reference-quotes-head{max-width:860px;margin-bottom:38px}
.reference-quotes-eyebrow{
color:#fff;
}
.reference-quotes-slider .reference-quotes-eyebrow::before{
background:rgba(255,255,255,.86)!important;
}
.reference-quotes-head h2{
margin-top:16px;
color:#fff;
font-size:clamp(34px,4vw,52px);
}
.reference-quotes-stage{
display:grid;
grid-template-columns:1fr;
border-bottom:1px solid rgba(255,255,255,.22);
}
.reference-quote-slide{
grid-area:1 / 1;
margin:0;
min-width:0;
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:clamp(34px,7vw,92px);
align-items:center;
padding:10px 0 48px;
opacity:0;
visibility:hidden;
pointer-events:none;
transform:translateX(10px);
transition:opacity .24s ease,transform .24s ease,visibility 0s linear .24s;
}
.reference-quote-slide.is-active{
opacity:1;
visibility:visible;
pointer-events:auto;
transform:none;
transition-delay:0s;
}
.reference-quote-main{max-width:1030px}
.reference-quote-slide blockquote{
margin:0;
padding:0;
border:0;
color:#fff;
font-family:var(--head);
font-size:clamp(30px,3.6vw,48px);
font-weight:600;
line-height:1.18;
letter-spacing:-.018em;
}
.reference-quote-slide figcaption{margin-top:34px;display:grid;gap:4px}
.reference-quote-slide figcaption strong{
color:#fff;
font-size:15px;
line-height:1.35;
font-weight:800;
}
.reference-quote-slide figcaption span{
color:rgba(255,255,255,.78);
font-size:13px;
line-height:1.5;
}
.reference-quote-logo{
width:170px;
min-height:90px;
display:grid;
place-items:center;
}
.reference-quote-logo img{
display:block;
max-width:160px;
max-height:72px;
width:auto;
height:auto;
object-fit:contain;
filter:grayscale(1) brightness(0) invert(1);
opacity:.88;
}
.reference-quotes-nav{
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
padding-top:24px;
}
.reference-quotes-counter{
color:#fff;
font-size:12px;
line-height:1;
letter-spacing:.14em;
font-weight:800;
}
.reference-quotes-buttons{display:flex;gap:10px}
.reference-quotes-button{
appearance:none;
width:46px;
height:46px;
display:grid;
place-items:center;
border:1px solid rgba(255,255,255,.46);
border-radius:12px;
background:transparent;
color:#fff;
cursor:pointer;
transition:border-color .18s ease,background-color .18s ease,color .18s ease;
}
.reference-quotes-button .ic{width:18px;height:18px}
.reference-quotes-button:hover,
.reference-quotes-button:focus-visible{
border-color:#fff;
background:rgba(255,255,255,.10);
outline:none;
}
.reference-quotes-button:disabled{opacity:.35;cursor:default}
@media(max-width:760px){
.reference-quotes-slider{padding:76px 0 58px}
.reference-quotes-head{margin-bottom:28px}
.reference-quote-slide{grid-template-columns:1fr;gap:24px;padding-bottom:36px}
.reference-quote-slide blockquote{font-size:clamp(27px,8vw,36px)}
.reference-quote-slide figcaption{margin-top:26px}
.reference-quote-logo{width:auto;min-height:0;justify-items:start}
.reference-quote-logo img{max-width:130px;max-height:54px}
}
@media(prefers-reduced-motion:reduce){
.reference-quote-slide{transition:none!important;transform:none!important}
}
.reference-quotes-button[data-rq-prev] .ic{transform:rotate(180deg)}
/* ============================================================
1.5.19 – Referenzen-Zitat-Slider: Standardpfeile + mehr Einträge
============================================================ */
.reference-quotes-button{
width:46px;
height:46px;
border-radius:12px;
border:1px solid rgba(255,255,255,.52);
background:transparent;
color:#fff;
}
.reference-quotes-button .ic{
width:19px;
height:19px;
display:block;
stroke:currentColor;
fill:none;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}
.reference-quotes-button.is-prev .ic{transform:rotate(180deg)}
.reference-quotes-button.is-next .ic{transform:none}
.reference-quotes-button:hover:not(:disabled),
.reference-quotes-button:focus-visible:not(:disabled){
background:#fff;
border-color:#fff;
color:var(--navy);
}
.reference-quotes-button:disabled{opacity:.32}
/* ============================================================
1.5.21 – Typografie & Hero-Konsistenz vor Dev
Kräftige Lubalin-Hierarchie für echte Headlines; Proxima bleibt Erklärtext.
============================================================ */
/* Über uns / Menschen: auf großen Viewports genügend Breite für eine ruhige
einzeilige Headline; auf kleineren Viewports darf sie natürlich umbrechen. */
.ueber-team-2026 .ueber-team-head{
max-width:1120px;
}
.ueber-team-2026 .ueber-team-head h2{
font-weight:var(--lbc-h2-weight,600)!important;
text-wrap:balance;
}
.ueber-team-2026 .ueber-team-head .ueber-p{
max-width:760px;
}
@media(min-width:1080px){
.ueber-team-2026 .ueber-team-head h2{white-space:nowrap;text-wrap:nowrap}
}
@media(max-width:1079px){
.ueber-team-2026 .ueber-team-head h2{white-space:normal}
}
/* TOP 100: die große Zahl ist ebenfalls echte Lubalin und nutzt denselben
kräftigen CI-Schnitt wie Überschriften. Label/Jahresbereich bleiben Proxima. */
.ueber-awards-count{
font-family:var(--serif)!important;
font-weight:var(--lbc-h2-weight,600)!important;
font-synthesis:none;
}
/* Dienstleistungen: der Stationsname ist jetzt semantisch ein H3. Die H3-Hülle
übernimmt keine Browserabstände; das bestehende Accordion-Layout bleibt 1:1. */
.lbc-service-trigger-heading{
margin:0;
padding:0;
font:inherit;
}
.lbc-service-trigger-heading .lbc-service-trigger{font-family:var(--sans)}
.lbc-service-heading>.lbc-service-title{
display:block;
font-family:var(--serif);
font-size:clamp(25px,2.45vw,34px);
line-height:1.08;
letter-spacing:-.025em;
font-weight:var(--lbc-h3-weight,600);
font-synthesis:none;
color:var(--navy);
}
.lbc-service-heading>.lbc-service-claim{
display:block;
font-family:var(--sans);
font-size:15.5px;
line-height:1.45;
font-weight:400;
letter-spacing:normal;
color:var(--text-soft);
}
.lbc-service-lead{
font-weight:var(--lbc-h3-weight,600);
font-synthesis:none;
}
@media(max-width:620px){
.lbc-service-heading>.lbc-service-title{font-size:24px}
.lbc-service-heading>.lbc-service-claim{font-size:14px}
}
/* Alt-Selektoren aus früheren Service-Versionen nicht mehr als Gewichtsquelle
verwenden. Sie bleiben nur für rückwärtskompatible Inhalte ungefähr gleich. */
.lbc-service-heading strong{font-weight:var(--lbc-h3-weight,600)}
/* Success Stories: Detailseiten folgen derselben Hero-Grammatik wie Hub und
Referenzen – Icon + Label, kein Breadcrumb. */
.ss-single .wp-s-crumb{display:none!important}
.ss-single .wp-s-success-label{
margin:0 0 16px;
color:var(--amber)!important;
}
.ss-single .wp-s-success-label::before{display:none!important}
.ss-single .wp-s-success-label .ic{
width:19px;
height:19px;
flex:0 0 19px;
color:var(--amber);
stroke:currentColor;
fill:none;
stroke-width:1.7;
stroke-linecap:round;
stroke-linejoin:round;
}
/* Weitere titelartige Lubalin-Elemente, die semantisch nicht als H3/H4
ausgezeichnet sind, folgen ebenfalls dem kräftigen CI-Schnitt. */
.lbco-benefit-front-copy strong,
.lbco-benefit-back strong{
font-weight:var(--lbc-h3-weight,600)!important;
font-synthesis:none;
}
/* Defensive Kompatibilität für ältere gespeicherte Proof-Hero-Markups:
Referenzen/Success Stories zeigen nie einen Breadcrumb über dem Icon-Label. */
.lbco-hero--proof .lbco-crumb{display:none!important}