@font-face{font-family:"Montserrat";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/montserrat-700.woff2") format("woff2")}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;font-display:swap;src:url("fonts/open-sans-300.woff2") format("woff2")}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/open-sans-400.woff2") format("woff2")}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/open-sans-600.woff2") format("woff2")}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/open-sans-700.woff2") format("woff2")}
:root{--c-blue: #007dbd;--c-blue-dark: #143f6f;--c-green: #589f48;--c-gold: #007dbd;--c-ink: #282f3c;--c-body: #4a5160;--nav-rest: #007dbd;--nav-active: #46802f;--nav-w: 60px}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{max-width:100%;overflow-x:clip;margin:0;font-family:"Open Sans",system-ui,sans-serif;font-weight:400;font-size:17px;line-height:1.7;color:#4a5160;background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:8 6 4;overflow-wrap:normal;word-break:normal}.page{margin-left:60px;transition:margin-left .35s cubic-bezier(0.4, 0, 0.2, 1)}@media(max-width: 992px){.page{margin-left:0}}h1,h2,h3,h4{font-family:"Montserrat",system-ui,sans-serif;font-weight:700;color:#282f3c;line-height:1.15;margin:0 0 .4em;letter-spacing:0.01em}h1{font-size:clamp(1.85rem,4.2vw,4.1rem)}h2{font-size:clamp(1.42rem,2.8vw,2.25rem)}h3{font-size:clamp(1.02rem,1.35vw,1.55rem);padding-top:1rem}p{margin:0 0 1.1rem}a{color:#007dbd;text-decoration:none}img,svg,video{max-width:100%;display:block}ul{margin:0;padding:0;list-style:none}.section{padding:clamp(64px,9vw,120px) clamp(22px,5vw,64px)}@media(max-width: 992px){.section{padding-top:clamp(72px,9vw,120px)}}.section--alt{background:#dfdfdf}.section--dark{background:radial-gradient(120% 120% at 0% 0%, rgb(24.6717557252, 77.7160305344, 136.9282442748) 0%, #0f2747 55%, rgb(11.4418604651, 29.7488372093, 54.1581395349) 100%);color:hsla(0,0%,100%,.82)}.section--dark h1,.section--dark h2,.section--dark h3,.section--dark h4{color:#fff}.wrap{max-width:1180px;margin:0 auto}.eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-family:"Montserrat",system-ui,sans-serif;font-weight:700;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#007dbd;margin-bottom:1rem}.eyebrow::before{content:"";width:26px;height:2px;background:#007dbd}.section--dark .eyebrow{color:#007dbd}.lead{font-size:clamp(1.05rem,1.5vw,1.22rem);color:#4a5160;max-width:65ch;line-height: 1.5;font-weight:600}.section--dark .lead{color:hsla(0,0%,100%,.78)}.section__head{max-width:720px;margin-bottom:clamp(38px,5vw,60px)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}[data-lang-only]{display:none}.nav{position:fixed;inset:0 auto 0 0;z-index:100;width:var(--nav-w);display:flex;flex-direction:column;background:#fff;color:#4a5160;border-right:1px solid #e6e9ee;overflow:hidden;transition:width .35s cubic-bezier(0.4,0,0.2,1),box-shadow .35s cubic-bezier(0.4,0,0.2,1)}.nav:hover,.nav:focus-within,.nav.is-expanded{width:280px;box-shadow:22px 0 60px rgba(20,63,111,.12)}.nav__brand{display:flex;align-items:center;justify-content:center;height:104px;flex:0 0 auto}.nav__list{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:14px 0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.nav__list::-webkit-scrollbar{display:none}.nav__link{position:relative;display:flex;align-items:center;height:46px;width:100%;color:var(--nav-rest);background:none;border:0;margin:0;padding:0;cursor:pointer;font:inherit;text-align:left;white-space:nowrap;text-decoration:none;transition:color .2s cubic-bezier(0.4,0,0.2,1)}.nav__icon{flex:0 0 var(--nav-w);display:grid;place-items:center;color:inherit}.nav__icon svg{width:22px;height:22px}.nav__label{font-family:"Montserrat",system-ui,sans-serif;font-weight:700;font-size:.8rem;letter-spacing:.03em;text-transform:uppercase;padding-right:16px;opacity:0;transform:translateX(-6px);transition:opacity .25s cubic-bezier(0.4,0,0.2,1),transform .25s cubic-bezier(0.4,0,0.2,1)}.nav:hover .nav__label,.nav:focus-within .nav__label,.nav.is-expanded .nav__label{opacity:1;transform:none}.nav__link::before{content:"";position:absolute;left:0;top:50%;width:3px;height:24px;background:linear-gradient(180deg,var(--c-green),var(--c-blue));border-radius:0 3px 3px 0;transform:translateY(-50%) scaleY(0);transition:transform .22s cubic-bezier(0.4,0,0.2,1)}.nav__link:hover,.nav__link:focus-visible{color:var(--nav-active)}.nav__link:hover::before,.nav__link.is-active::before{transform:translateY(-50%) scaleY(1)}.nav__link.is-active{color:var(--nav-active)}.nav__link:hover .nav__icon svg,.nav__link:focus-visible .nav__icon svg,.nav__link.is-active .nav__icon svg{stroke:url(#navGrad)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.nav__link:hover .nav__label,.nav__link:focus-visible .nav__label,.nav__link.is-active .nav__label{background:linear-gradient(120deg,#46802f,#0c6aa0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}}.nav__caret{margin-left:auto;margin-right:18px;display:grid;place-items:center;color:#79818f;opacity:0;transition:opacity .25s cubic-bezier(0.4,0,0.2,1),transform .25s cubic-bezier(0.4,0,0.2,1)}.nav:hover .nav__caret,.nav:focus-within .nav__caret,.nav.is-expanded .nav__caret{opacity:1}.nav__caret svg{width:16px;height:16px}.nav__group.is-open .nav__caret{transform:rotate(180deg)}.nav__sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(0.4,0,0.2,1)}.nav__group.is-open .nav__sub{grid-template-rows:1fr}.nav__sub-inner{min-height:0;overflow:hidden}.nav__sublink{position:relative;display:flex;align-items:center;height:40px;padding-left:var(--nav-w);color:#5f6675;white-space:nowrap;text-decoration:none;transition:color .2s cubic-bezier(0.4,0,0.2,1)}.nav__sublink .nav__label{opacity:0;font-family:"Open Sans",system-ui,sans-serif;font-weight:400;font-size:.92rem;letter-spacing:.01em;text-transform:none}.nav:hover .nav__sublink .nav__label,.nav:focus-within .nav__sublink .nav__label,.nav.is-expanded .nav__sublink .nav__label{opacity:1;transform:none}.nav__sublink::before{content:"";position:absolute;left:calc(var(--nav-w) - 16px);top:50%;width:5px;height:5px;border-radius:50%;background:#c4cad3;transform:translateY(-50%);transition:background .2s cubic-bezier(0.4,0,0.2,1)}.nav__sublink:hover,.nav__sublink.is-active{color:#007dbd}.nav__sublink:hover::before,.nav__sublink.is-active::before{background:#007dbd}.nav__foot{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 0 22px}.nav__social{display:flex;align-items:center;gap:16px}.nav__social a{display:inline-flex;color:#79818f;transition:color .2s cubic-bezier(0.4,0,0.2,1)}.nav__social a svg{width:20px;height:20px}.nav__social a:hover{color:var(--nav-active)}.nav__social a:not(:first-child){display:none}.nav:hover .nav__social a,.nav:focus-within .nav__social a,.nav.is-expanded .nav__social a{display:inline-flex}.nav__copy{font-family:"Open Sans",system-ui,sans-serif;font-size:.72rem;color:#79818f;white-space:nowrap;opacity:0;transition:opacity .3s cubic-bezier(0.4,0,0.2,1)}.nav:hover .nav__copy,.nav:focus-within .nav__copy,.nav.is-expanded .nav__copy{opacity:1}.nav__toggle{display:none}@media(max-width: 992px){.nav{inset:0 0 auto 0;width:100%;height:64px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid #e6e9ee;overflow:visible;transition:height .35s cubic-bezier(0.4,0,0.2,1)}.nav:hover,.nav:focus-within,.nav.is-expanded{width:100%;box-shadow:none}.nav__brand{height:64px;justify-content:flex-start;padding-left:18px;flex:1 1 auto}.nav__toggle{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;flex:0 0 64px;background:none;border:0;color:#143f6f;cursor:pointer}.nav__toggle span{position:relative;width:24px;height:2px;background:currentColor;transition:background .2s cubic-bezier(0.4,0,0.2,1)}.nav__toggle span::before,.nav__toggle span::after{content:"";position:absolute;left:0;width:24px;height:2px;background:currentColor;transition:transform .25s cubic-bezier(0.4,0,0.2,1)}.nav__toggle span::before{top:-7px}.nav__toggle span::after{top:7px}.nav__list{position:absolute;top:64px;left:0;right:0;flex:none;justify-content:flex-start;padding:0;background:#fff;max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(0.4,0,0.2,1),padding .4s cubic-bezier(0.4,0,0.2,1)}.nav__link{height:52px}.nav__icon{flex:0 0 60px}.nav__label{opacity:1;transform:none}.nav__caret{opacity:1;margin-right:22px}.nav__sublink{height:46px;padding-left:60px}.nav__sublink::before{left:44px}.nav__foot{position:absolute;top:64px;right:0;flex-direction:row;border:0;padding:0;transform:translateY(-200%);transition:transform .3s cubic-bezier(0.4,0,0.2,1)}.nav__social,.nav__copy{display:none}.nav.is-open .nav__list{max-height:calc(100vh - 64px);overflow-y:auto;padding:8px 0 16px;border-bottom:1px solid #e6e9ee;box-shadow:0 24px 40px rgba(20,63,111,.12)}.nav.is-open .nav__foot{transform:none;top:auto;bottom:-56px;right:18px}.nav.is-open .nav__toggle span{background:rgba(0,0,0,0)}.nav.is-open .nav__toggle span::before{transform:translateY(7px) rotate(45deg)}.nav.is-open .nav__toggle span::after{transform:translateY(-7px) rotate(-45deg)}}.logo{position:relative;display:flex;align-items:center;justify-content:center;height:44px}.logo__short{width:40px;height:40px;flex:0 0 40px;animation:logo-rotate 2s linear infinite;transition:opacity .25s cubic-bezier(0.4, 0, 0.2, 1)}.logo__long{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);height:50px;width:auto;max-width:218px;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(0.4, 0, 0.2, 1) .05s}.nav:hover .logo__short,.nav:focus-within .logo__short,.nav.is-expanded .logo__short{opacity:0}.nav:hover .logo__long,.nav:focus-within .logo__long,.nav.is-expanded .logo__long{opacity:1}@keyframes logo-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media(max-width: 992px){.logo{justify-content:flex-start}.logo__short{display:none}.logo__long{position:static;transform:none;opacity:1;height:30px}}.lang{display:flex;align-items:center;gap:4px}.lang__btn{font-family:"Montserrat",system-ui,sans-serif;font-weight:700;font-size:.78rem;letter-spacing:.04em;color:#79818f;background:none;border:0;padding:4px 6px;border-radius:8px;cursor:pointer;transition:color .2s cubic-bezier(0.4, 0, 0.2, 1)}.lang__btn:hover{color:var(--nav-active)}.lang__btn.is-active{color:var(--nav-rest)}.lang__sep,.lang__btn:not(.is-active){display:none;white-space:nowrap}.lang__sep{color:#e6e9ee}.nav:hover .lang__sep,.nav:hover .lang__btn:not(.is-active),.nav:focus-within .lang__sep,.nav:focus-within .lang__btn:not(.is-active),.nav.is-expanded .lang__sep,.nav.is-expanded .lang__btn:not(.is-active){display:inline-block}@media(max-width: 992px){.lang{padding:0;height:64px;align-items:center}.lang__sep,.lang__btn:not(.is-active){display:inline-block}}{display:inline-flex;align-items:center;gap:.6.btnrem;font-family:"Montserrat",system-ui,sans-serif;font-weight:700;font-size:.95rem;letter-spacing:.01em;padding:.95rem 1.7rem;border-radius:999px;border:2px solid rgba(0,0,0,0);cursor:pointer;transition:transform .2s cubic-bezier(0.4, 0, 0.2, 1),box-shadow .2s cubic-bezier(0.4, 0, 0.2, 1),background .2s cubic-bezier(0.4, 0, 0.2, 1),color .2s cubic-bezier(0.4, 0, 0.2, 1)}.card{position:relative;background:#fff;border:1px solid #e6e9ee;padding:34px 30px;transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1),box-shadow .3s cubic-bezier(0.4, 0, 0.2, 1),border-color .3s cubic-bezier(0.4, 0, 0.2, 1)}.card:hover{transform:translateY(-6px);box-shadow:0 18px 50px rgba(20,63,111,.1);border-color:rgba(0,0,0,0)}.card__icon{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:16px;margin-bottom:22px;color:#007dbd;background:rgba(0,125,189,.1);transition:background .3s cubic-bezier(0.4, 0, 0.2, 1),color .3s cubic-bezier(0.4, 0, 0.2, 1)}.card__icon svg{width:28px;height:28px}.card:hover .card__icon{background:#007dbd;color:#fff}.card h3{margin-bottom:.55rem;font-size:1rem}.card p{margin:0;font-size:.97rem;color:#4a5160;font-weight: 600;line-height:1.5}.grid{display:grid;gap:clamp(18px,2.4vw,28px)}.grid--3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid--2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid--4{grid-template-columns:repeat(4, minmax(0, 1fr))}@media(max-width: 992px){.grid--3,.grid--4{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(max-width: 576px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}.js-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(0.4, 0, 0.2, 1),transform .6s cubic-bezier(0.4, 0, 0.2, 1)}.js-ready .reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion: reduce){.js-ready .reveal{opacity:1;transform:none;transition:none}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:120px clamp(22px,5vw,64px) 80px;color:#fff;overflow:hidden;background:radial-gradient(110% 90% at 85% 10%, rgba(0, 75, 120, 0.38) 0%, transparent 55%), radial-gradient(90% 80% at 0% 100%, rgba(45, 95, 45, 0.22) 0%, transparent 50%), linear-gradient(140deg, #0b2748 0%, #010308 60%, #051323 100%)}@media(max-width: 992px){.hero{min-height:auto;padding-top:130px}}.hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255, 255, 255, 0.08) 1.4px, transparent 1.4px);background-size:34px 34px;mask-image:linear-gradient(90deg, transparent, #000 40%);pointer-events:none}.hero__inner{position:relative;z-index:1;max-width:800px}.hero__eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-family:"Montserrat",system-ui,sans-serif;font-weight:700;font-size:1rem;letter-spacing:.2em;text-transform:uppercase;color:#007dbd;margin-bottom:1.4rem}.hero h1{color:#fff;margin-bottom:1.2rem}.hero h1 span{color:#007dbd}.hero__lead{font-size:clamp(1.05rem,1.6vw,1.28rem);color:hsla(0,0%,100%,.82);max-width:60ch;margin-bottom:2.2rem}.hero__cta{display:flex;flex-wrap:wrap;gap:14px}.hero__stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4, auto);gap:clamp(24px,5vw,64px);margin-top:clamp(48px,7vw,80px);padding-top:36px;border-top:1px solid hsla(0,0%,100%,.14)}@media(max-width: 768px){.hero__stats{grid-template-columns:repeat(2, 1fr);gap:28px}}.hero__stat strong{display:block;font-family:"Montserrat",system-ui,sans-serif;font-weight:700;font-size:clamp(1.8rem,3vw,2.5rem);color:#fff;line-height:1}.hero__stat span{font-size:.85rem;color:hsla(0,0%,100%,.6);letter-spacing:.04em}.hero__scroll{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:1;color:hsla(0,0%,100%,.5);animation:hero-bob 2.4s cubic-bezier(0.4, 0, 0.2, 1) infinite}@media(max-width: 992px){.hero__scroll{display:none}}@keyframes hero-bob{0%,100%{transform:translate(-50%, 0)}50%{transform:translate(-50%, 8px)}}.services__intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-bottom:clamp(38px,5vw,56px)}.services__intro .section__head{margin-bottom:0}.services .card p{line-height:1.65}.quality__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(36px,6vw,80px);align-items:center}@media(max-width: 992px){.quality__grid{grid-template-columns:1fr}}.quality__points{display:grid;gap:18px;margin-top:28px}.quality__point{display:flex;gap:16px;align-items:flex-start}.quality__point .quality__check{flex:0 0 28px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(88,159,72,.16);color:#589f48;margin-top:2px}.quality__point .quality__check svg{width:16px;height:16px}.quality__point h4{margin:0 0 .2rem;font-size:1.02rem}.quality__point p{margin:0;font-size:.95rem}.certs{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px}@media(max-width: 576px){.certs{grid-template-columns:1fr}}.cert{background:#fff;border:1px solid #e6e9ee;border-radius:14px;padding:26px 24px;text-align:center;transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1),box-shadow .3s cubic-bezier(0.4, 0, 0.2, 1)}.cert:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgba(20,63,111,.08)}.cert .cert__mark{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:14px;border-radius:14px;background:linear-gradient(135deg, #007dbd 0%, #143f6f 100%);color:#fff}.cert .cert__mark svg{width:26px;height:26px}.cert strong{display:block;font-family:"Montserrat",system-ui,sans-serif;color:#282f3c;font-size:1rem}.cert span{font-size:.82rem;color:#79818f}.telematik__grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(36px,6vw,72px);align-items:center}@media(max-width: 992px){.telematik__grid{grid-template-columns:1fr}}.telematik__features{display:grid;gap:14px;margin-top:26px}.telematik__feature{display:flex;gap:14px;align-items:center;padding:16px 20px;border-radius:10px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08)}.telematik__feature svg{width:22px;height:22px;color:#007dbd;flex:0 0 22px}.telematik__feature span{color:hsla(0,0%,100%,.85);font-size:1rem;font-weight: 600;}.tracker{position:relative;border-radius:14px;padding:28px;background:linear-gradient(160deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02));border:1px solid hsla(0,0%,100%,.12);box-shadow:0 30px 60px rgba(0,0,0,.35)}.tracker__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;font-family:"Montserrat",system-ui,sans-serif;font-size:.85rem;color:hsla(0,0%,100%,.7)}.tracker__live{display:inline-flex;align-items:center;gap:8px;color:#589f48;font-weight:700}.tracker__live::before{content:"";width:9px;height:9px;border-radius:50%;background:#589f48;box-shadow:0 0 0 0 rgba(88,159,72,.7);animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(88,159,72,.6)}70%{box-shadow:0 0 0 12px rgba(88,159,72,0)}100%{box-shadow:0 0 0 0 rgba(88,159,72,0)}}.tracker__route{position:relative;height:150px;border-radius:10px;background:linear-gradient(0deg, rgba(0, 125, 189, 0.18), rgba(0, 125, 189, 0.04)),repeating-linear-gradient(0deg, transparent 0 23px, rgba(255, 255, 255, 0.05) 23px 24px),repeating-linear-gradient(90deg, transparent 0 23px, rgba(255, 255, 255, 0.05) 23px 24px);overflow:hidden}.tracker__route svg{position:absolute;inset:0;width:100%;height:100%}.tracker__metrics{display:grid;grid-template-columns:repeat(3, 1fr);gap:14px;margin-top:22px}.tracker__metric{text-align:center}.tracker__metric strong{display:block;font-family:"Montserrat",system-ui,sans-serif;font-size:1.3rem;color:#fff}.tracker__metric span{font-size:.72rem;color:hsla(0,0%,100%,.55);letter-spacing:.04em}.warehouse__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,72px);align-items:center}@media(max-width: 992px){.warehouse__grid{grid-template-columns:1fr}}.warehouse__features{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}@media(max-width: 576px){.warehouse__features{grid-template-columns:1fr}}.warehouse__feature{display:flex;gap:14px;align-items:flex-start}.warehouse__feature svg{width:26px;height:26px;color:#007dbd;flex:0 0 26px;margin-top:2px}.warehouse__feature strong{display:block;font-family:"Montserrat",system-ui,sans-serif;color:#282f3c;font-size:.98rem}.warehouse__feature span{font-size:.9rem;color:#79818f}.warehouse__visual{position:relative;border-radius:14px;overflow:hidden;min-height:360px;background:linear-gradient(150deg, #143f6f, #007dbd);box-shadow:0 18px 50px rgba(20,63,111,.1);display:grid;place-items:center;color:hsla(0,0%,100%,.9);padding:30px}.warehouse__badge{position:absolute;top:22px;left:22px;background:#007dbd;color:#143f6f;font-family:"Montserrat",system-ui,sans-serif;font-weight:700;font-size:.78rem;letter-spacing:.06em;padding:8px 14px;border-radius:999px}.warehouse__shelves{display:grid;grid-template-columns:repeat(4, 1fr);gap:10px;width:100%;max-width:320px}.warehouse__box{height:46px;border-radius:6px;background:hsla(0,0%,100%,.14);border:1px solid hsla(0,0%,100%,.22);animation:box-fade 3s cubic-bezier(0.4, 0, 0.2, 1) infinite}.warehouse__box:nth-child(3n){background:rgba(239,198,110,.4)}.warehouse__box:nth-child(2n){animation-delay:.4s}.warehouse__box:nth-child(5n){animation-delay:.8s}@keyframes box-fade{0%,100%{opacity:.5}50%{opacity:1}}@media(prefers-reduced-motion: reduce){.warehouse__box{animation:none;opacity:.8}}.team__cards{margin-top:clamp(36px,5vw,52px)}.team-card{text-align:center;padding:36px 26px}.team-card__avatar{width:84px;height:84px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;font-family:"Montserrat",system-ui,sans-serif;font-weight:700;font-size:1.5rem;color:#fff;background:linear-gradient(135deg, #007dbd, #143f6f)}.team-card:nth-child(2n) .team-card__avatar{background:linear-gradient(135deg, #589f48, #335223)}.team-card:nth-child(3n) .team-card__avatar{background:linear-gradient(135deg, #007dbd, rgb(213.2670807453, 152.9639751553, 23.5329192547))}.team-card h3{margin-bottom:.2rem;font-size:1.15rem}.team-card__role{font-family:"Montserrat",system-ui,sans-serif;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;color:#007dbd;margin-bottom:14px}.team-card__contact{display:flex;flex-direction:column;gap:4px;font-size:.9rem}.team-card__contact a{color:#79818f}.team-card__contact a:hover{color:#007dbd}.news-card{display:flex;flex-direction:column;padding:0;overflow:hidden}.news-card__media{height:150px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg, #007dbd, #143f6f)}.news-card__media svg{width:46px;height:46px;opacity:.92}.news-card:nth-child(2) .news-card__media{background:linear-gradient(135deg, #589f48, #335223)}.news-card:nth-child(3) .news-card__media{background:linear-gradient(135deg, #143f6f, #0a2240)}.news-card__body{padding:26px 28px 30px}.news-card__date{font-family:"Montserrat",system-ui,sans-serif;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;color:#007dbd;color:hsl(40.9302325581,80.1242236025%,52.431372549%);margin-bottom:10px}.news-card h3{font-size:1.12rem;margin-bottom:.5rem}.news-card p{font-size:.93rem}.news-card__link{margin-top:14px;font-family:"Montserrat",system-ui,sans-serif;font-weight:700;font-size:.88rem;color:#007dbd;display:inline-flex;align-items:center;gap:6px}.news-card__link svg{width:16px;height:16px;transition:transform .2s cubic-bezier(0.4, 0, 0.2, 1)}.news-card__link:hover svg{transform:translateX(4px)}.partners{overflow:hidden}.partners__head{margin-bottom:clamp(28px,4vw,48px)}.marquee{display:flex;flex-direction:column;gap:clamp(18px,2.4vw,30px);-webkit-mask-image:linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);mask-image:linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent)}.marquee__row{display:flex;overflow:hidden}.marquee__track{display:flex;flex:0 0 auto;align-items:center;width:max-content;will-change:transform;animation:marquee-left var(--speed, 40s) linear infinite}.marquee__row--reverse .marquee__track{animation-name:marquee-right}.marquee:hover .marquee__track,.marquee__track:focus-within{animation-play-state:paused}.marquee__logo{display:inline-flex;align-items:center;justify-content:center;height:48px;margin-right:clamp(40px,6vw,84px)}.marquee__logo img{height:100%;width:auto;max-width:none;object-fit:contain;filter:grayscale(1);opacity:.55;transition:filter .25s cubic-bezier(0.4, 0, 0.2, 1),opacity .25s cubic-bezier(0.4, 0, 0.2, 1)}.marquee__logo:hover img{filter:none;opacity:1}@keyframes marquee-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes marquee-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}@media(prefers-reduced-motion: reduce){.marquee__track{animation:none}.marquee__row{overflow-x:auto;scrollbar-width:none}.marquee__row::-webkit-scrollbar{display:none}}.contact__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(36px,6vw,72px)}@media(max-width: 992px){.contact__grid{grid-template-columns:1fr}}.contact__items{display:grid;gap:8px;margin-top:28px}.contact__item{display:flex;gap:16px;align-items:flex-start;padding:18px 0;border-bottom:1px solid hsla(0,0%,100%,.12)}.contact__item .contact__icon{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:hsla(0,0%,100%,.08);color:#fff}.contact__item .contact__icon svg{width:20px;height:20px}.contact__item .contact__label{font-size:1rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:hsla(0,0%,100%,.5)}.contact__item .contact__value{color:#fff;font-size:1.02rem;font-family:"Montserrat",system-ui,sans-serif}.contact__item a.contact__value:hover{color:#2583b3}.contact__form{background:transparent;border-radius:14px;padding:clamp(28px,4vw,44px);box-shadow:0 18px 50px rgba(20,63,111,.1)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width: 576px){.form-row{grid-template-columns:1fr}}.field{margin-bottom:18px}.field label{display:block;font-family:"Montserrat",system-ui,sans-serif;font-weight:700;font-size:.82rem;color:#fff;margin-bottom:7px}.field input,.field textarea{width:100%;font-family:"Open Sans",system-ui,sans-serif;font-size:1rem;color:#282f3c;padding:13px 15px;border:1px solid #e6e9ee;border-radius:10px;background:#f4f7fa;transition:border-color .2s cubic-bezier(0.4, 0, 0.2, 1),background .2s cubic-bezier(0.4, 0, 0.2, 1)}.field input:focus,.field textarea:focus{outline:none;border-color:#007dbd;background:#fff;box-shadow:0 0 0 4px rgba(0,125,189,.12)}.field textarea{resize:vertical;min-height:130px}.contact__form .form-note{font-size:.8rem;color:#79818f;margin:14px 0 0;text-align:center}.footer{background:#fff;color:#4a5160;padding:clamp(56px,7vw,80px) clamp(22px,5vw,64px) clamp(40px,5vw,56px)}.footer__top{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:clamp(30px,5vw,60px);padding-bottom:20px;}@media(max-width: 992px){.footer__top{grid-template-columns:1fr 1fr}}@media(max-width: 576px){.footer__top{grid-template-columns:1fr}}.footer-meta {width: 20px;height: 20px;display: inline-flex;}.footer__brand .logo__short{width:190px;height:auto;animation:none}.footer__brand p{margin-top:12px;max-width:38ch;font-size:1rem;font-weight:600;letter-spacing: 0.3px;line-height: 1.6}.footer__col h4{color:#0c213d;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px}.footer__col ul{display:grid;gap:2px}.footer__col a{font-weight:600;color: #4f545a; font-size: 0.82rem;letter-spacing: .12em; text-transform: uppercase;font-family: 'Montserrat'}.footer__col a:hover{color:#007dbd}

/* ---- Nav-Icon Mikroanimationen ---- */
/* bewegliche Teile vorbereiten */
.nav__icon svg .ic-truck,.nav__icon svg .ic-plane,.nav__icon svg .ic-ship,.nav__icon svg .ic-door,.nav__icon svg .ic-flap,.nav__icon svg .ic-seal,.nav__icon svg .ic-cross,.nav__icon svg .ic-front,.nav__icon svg .ic-line{transform-box:fill-box;transition:transform .4s cubic-bezier(0.4,0,0.2,1)}
.nav__icon svg .ic-door,.nav__icon svg .ic-flap{transform-origin:top}
.nav__icon svg .ic-plane,.nav__icon svg .ic-cross,.nav__icon svg .ic-seal,.nav__icon svg .ic-truck{transform-origin:center}
.nav__icon svg .ic-ship,.nav__icon svg .ic-front{transform-origin:bottom}

/* Desktop: nur auf Geraeten mit echtem Hover (verhindert klebrige Zustaende auf Touch) */
@media(hover:hover){
.nav__link:hover .ic-door,.nav__link:focus-visible .ic-door{transform:scaleY(.12)}
.nav__link:hover .ic-flap,.nav__link:focus-visible .ic-flap{transform:scaleY(-.6)}
.nav__link:hover .ic-plane,.nav__link:focus-visible .ic-plane{transform:rotate(22deg)}
.nav__link:hover .ic-seal,.nav__link:focus-visible .ic-seal{transform:scale(1.13)}
.nav__link:hover .ic-front,.nav__link:focus-visible .ic-front{transform:translateY(-1px) scale(1.06)}
.nav__link:hover .ic-truck,.nav__link:focus-visible .ic-truck{transform:translateX(2px)}
.nav__link:hover .ic-ship,.nav__link:focus-visible .ic-ship{transform:rotate(5deg)}
.nav__link:hover .ic-cross,.nav__link:focus-visible .ic-cross{animation:ic-spin .8s ease}
.nav__link:hover .ic-line,.nav__link:focus-visible .ic-line{animation:ic-bob .9s ease}
.nav__link:hover .ic-line2,.nav__link:focus-visible .ic-line2{animation-delay:.1s}
.nav__link:hover .ic-line3,.nav__link:focus-visible .ic-line3{animation-delay:.2s}
}

/* Mobil: einmaliges, versetztes Abspielen beim Oeffnen des Menues */
@media(max-width: 992px){
.nav.is-open .ic-door{animation:ic-door-demo .9s ease both}
.nav.is-open .ic-flap{animation:ic-flap-demo .9s ease both}
.nav.is-open .ic-plane{animation:ic-plane-demo .9s ease both}
.nav.is-open .ic-seal{animation:ic-seal-demo .9s ease both}
.nav.is-open .ic-front{animation:ic-front-demo .9s ease both}
.nav.is-open .ic-truck{animation:ic-truck-demo .9s ease both}
.nav.is-open .ic-ship{animation:ic-ship-demo .9s ease both}
.nav.is-open .ic-cross{animation:ic-spin .9s ease both}
.nav.is-open .ic-line{animation:ic-bob .9s ease both}
.nav.is-open .nav__link:nth-of-type(2) [class*="ic-"]{animation-delay:.05s}
.nav.is-open .nav__link:nth-of-type(3) [class*="ic-"]{animation-delay:.1s}
.nav.is-open .nav__link:nth-of-type(4) [class*="ic-"]{animation-delay:.15s}
.nav.is-open .nav__link:nth-of-type(5) [class*="ic-"]{animation-delay:.2s}
.nav.is-open .nav__link:nth-of-type(6) [class*="ic-"]{animation-delay:.25s}
.nav.is-open .nav__link:nth-of-type(7) [class*="ic-"]{animation-delay:.3s}
.nav.is-open .nav__link:nth-of-type(8) [class*="ic-"]{animation-delay:.35s}
.nav.is-open .nav__link:nth-of-type(9) [class*="ic-"]{animation-delay:.4s}
}

@keyframes ic-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes ic-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.6px)}}
@keyframes ic-door-demo{0%,10%{transform:scaleY(1)}45%,60%{transform:scaleY(.12)}100%{transform:scaleY(1)}}
@keyframes ic-flap-demo{0%,10%{transform:scaleY(1)}45%,60%{transform:scaleY(-.6)}100%{transform:scaleY(1)}}
@keyframes ic-plane-demo{0%,10%{transform:rotate(0)}50%{transform:rotate(22deg)}100%{transform:rotate(0)}}
@keyframes ic-seal-demo{0%,100%{transform:scale(1)}50%{transform:scale(1.13)}}
@keyframes ic-front-demo{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.06)}}
@keyframes ic-truck-demo{0%,100%{transform:translateX(0)}50%{transform:translateX(2px)}}
@keyframes ic-ship-demo{0%,100%{transform:rotate(0)}30%{transform:rotate(5deg)}65%{transform:rotate(-3deg)}}

/* ---- Hamburger (Inline-SVG, robust) ---- */
.nav__burger{width:26px;height:26px;display:block}
.nav__burger path{transform-box:fill-box;transform-origin:center;transition:transform .3s cubic-bezier(0.4,0,0.2,1),opacity .2s cubic-bezier(0.4,0,0.2,1)}
.nav.is-open .nav__burger-top{transform:translateY(5px) rotate(45deg)}
.nav.is-open .nav__burger-mid{opacity:0}
.nav.is-open .nav__burger-bot{transform:translateY(-5px) rotate(-45deg)}

/* ---- Hero: Text + drehender Punkte-Globus ---- */
.hero__grid{position:relative;z-index:1;width:100%;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(28px,5vw,64px)}
.hero__text{max-width:620px}
.hero__text h1{line-height:1.3}
.hero__modes{list-style:none;display:flex;flex-wrap:wrap;gap:12px;margin:2rem 0 0;padding:0}
.hero__modes a{display:inline-flex;align-items:center;font-family:"Montserrat",system-ui,sans-serif;font-weight:700;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#fff;padding:10px 20px;border:1px solid hsla(0,0%,100%,.25);border-radius:999px;text-decoration:none;transition:border-color .2s cubic-bezier(0.4,0,0.2,1),color .2s cubic-bezier(0.4,0,0.2,1),background .2s cubic-bezier(0.4,0,0.2,1)}
.hero__modes a:hover{border-color:#007dbd;color:#007dbd;background:hsla(0,0%,100%,.05)}
.hero__globe{justify-self:center;width:100%;max-width:520px;aspect-ratio:1}
.hero__globe canvas{width:100%;height:100%;display:block}
@media(min-width: 993px){.hero__grid,.hero>.hero__inner,.hero--sky .hero__inner,.hero--road .hero__inner{transform:translateX(-24px)}}
@media(max-width: 992px){.hero__grid{grid-template-columns:1fr}.hero__globe{max-width:360px}}
@media(max-width: 576px){.hero__globe{max-width:280px}}

.page > .hero#home:not(.hero--road):not(.hero--sky):not(.hero--sea):not(.hero--contact){
  padding-left:350px!important;
  padding-right:clamp(22px,5vw,64px)!important;
}
.page > .hero#home:not(.hero--road):not(.hero--sky):not(.hero--sea):not(.hero--contact)::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:0;
  height:260px;
  background:linear-gradient(180deg,rgba(1,7,14,0) 0%,rgba(1,7,14,.58) 48%,rgba(1,7,14,.92) 76%,rgba(1,7,14,1) 100%);
  pointer-events:none;
}
.page > .hero#home:not(.hero--road):not(.hero--sky):not(.hero--sea):not(.hero--contact) .hero__grid{
  max-width:1180px;
  margin:0;
  transform:none;
}
.page > .hero#home:not(.hero--road):not(.hero--sky):not(.hero--sea):not(.hero--contact) .hero__globe{
  transform:translateX(clamp(-4rem,-3vw,-2rem));
}
@media(max-width:1299px){
  .page > .hero#home:not(.hero--road):not(.hero--sky):not(.hero--sea):not(.hero--contact) .hero__grid{
    grid-template-columns:1fr;
  }
  .page > .hero#home:not(.hero--road):not(.hero--sky):not(.hero--sea):not(.hero--contact) .hero__globe{
    order:1;
    justify-self:start;
    transform:none;
  }
  .page > .hero#home:not(.hero--road):not(.hero--sky):not(.hero--sea):not(.hero--contact) .hero__text{
    order:2;
  }
  .page > .hero#home:not(.hero--road):not(.hero--sky):not(.hero--sea):not(.hero--contact) .hero__text h1{
    line-height:1.62;
  }
}
@media(max-width:992px){
  .page > .hero#home:not(.hero--road):not(.hero--sky):not(.hero--sea):not(.hero--contact){
    padding-left:clamp(22px,5vw,64px)!important;
  }
  .page > .hero#home:not(.hero--road):not(.hero--sky):not(.hero--sea):not(.hero--contact) .hero__globe{
    justify-self:center;
  }
}
@media(max-width:576px){
  .page > .hero#home:not(.hero--road):not(.hero--sky):not(.hero--sea):not(.hero--contact) .hero__text h1{
    line-height:1.72;
  }
}

/* ── Flaggen-Laufband ("weltweit") ────────────────────────────────────
   Kompaktes, endlos laufendes Band kleiner Länderflaggen direkt unter dem
   Globus-Hero. Hintergrund = gleicher Navy-Verlauf wie .hero, damit es
   nahtlos anschließt. Kacheln erzeugt flagband() in scripts.js. */
.flagband{position:relative;overflow:visible;margin-top:clamp(10px,1.4vw,22px);padding:clamp(8px,1.2vw,18px) 0 clamp(24px,3vw,44px);}
.flagband::after{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.07) 1.4px, transparent 1.4px);
  background-size:34px 34px}
.flagband__inner{position:relative;z-index:1;display:flex;flex-direction:column;
  gap:clamp(18px,2.4vw,34px);
  transform:perspective(900px) rotateY(-8deg) rotate(4deg) scale(1.05);
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);
          mask-image:linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent)}
.flagband__row{display:flex;overflow:hidden}
.flagband__track{display:flex;flex:0 0 auto;width:max-content;align-items:center;
  gap:clamp(12px,1.6vw,22px);will-change:transform;
  animation:flagband-left var(--speed,20s) linear infinite}
.flagband__row--reverse .flagband__track{animation-name:flagband-right}
.flagband__flag{flex:none;width:clamp(50px,4.8vw,68px);aspect-ratio:3/2;
  background-size:cover;background-position:50% 50%;
  box-shadow:0 4px 14px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.14);
  transition:transform .3s cubic-bezier(.4,0,.2,1)}
.flagband__flag:hover{transform:scale(1.12)}
@keyframes flagband-left{to{transform:translateX(-33.3333%)}}
@keyframes flagband-right{from{transform:translateX(-33.3333%)}to{transform:translateX(0)}}

/* ===== Allgemeine Anpassungen ===== */
body{font-weight:600}
.eyebrow{font-family:"Montserrat",system-ui,sans-serif;font-weight:700;font-size:1rem;letter-spacing:.14em;text-transform:uppercase;color:#a9a4a4;margin-bottom:0.7rem}
.eyebrow::before{display:none}
.section--dark .eyebrow{color:#cccccc}
.hero h1 span{color:#fff}
.hero__eyebrow{color:#cccccc}
.hero__modes a:hover{border-color:#fff;color:#fff;background:hsla(0,0%,100%,.06)}

/* ===== Hero: durchlaufendes Foto-Marquee ===== */
.tm-hero{padding:0;margin-bottom:6px}
.tm-marquee{width:100vw;margin-left:calc(-28px - var(--nav-w));overflow:hidden;cursor:grab;background:#fff;padding:12px 0;touch-action:pan-y}
.tm-marquee.is-grab{cursor:grabbing}
.tm-mtrack{display:flex;gap:0;width:max-content;will-change:transform;user-select:none}
.tm-shot{position:relative;flex:0 0 auto;width:150px;margin:0 0 0 -2.5rem}
.tm-shot img{width:150px;height:auto;display:block;pointer-events:none;-webkit-user-drag:none}
.tm-shot .tm-tag{position:absolute;top:auto;left:auto;right:8px;bottom:8px;border-radius:0;box-shadow:none;background:#3a4250;color:#fff;font-family:"Montserrat",system-ui,sans-serif;font-weight:700;font-size:.66rem;letter-spacing:.03em;text-transform:uppercase;padding:4px 9px}
.tm-shot--alik{width:150px;margin-left:-5.3rem;margin-right:1rem;z-index:43}
.tm-shot--alik img{width:150px}
.tm-shot--alik .tm-tag{right:8px;left:auto}
@media(max-width: 992px){.tm-marquee{margin-left:-28px}.tm-hero{padding-top:64px}}
.tm-hero--globe-bg{position:relative;overflow:hidden;padding:120px 0 40px;color:#fff;background:radial-gradient(110% 90% at 85% 10%, rgba(0, 75, 120, 0.38) 0%, transparent 55%), radial-gradient(90% 80% at 0% 100%, rgba(45, 95, 45, 0.22) 0%, transparent 50%), linear-gradient(140deg, #0b2748 0%, #010308 60%, #051323 100%)}
.tm-hero--globe-bg::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255, 255, 255, 0.08) 1.4px, transparent 1.4px);background-size:34px 34px;mask-image:linear-gradient(90deg, transparent, #000 40%);pointer-events:none}
.tm-hero--globe-bg .section__head,.tm-hero--globe-bg .tm-marquee{position:relative;z-index:1}
.tm-hero--globe-bg .section__head{margin-top:0!important}
.tm-hero--globe-bg h1,.tm-hero--globe-bg .lead{color:#fff}
.tm-hero--globe-bg .tm-marquee{background:transparent}

/* ===== Filter-Buttons ===== */
.tm-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 26px}
.tm-filter{cursor:pointer;border:0;border-radius:0;padding:11px 20px;font-family:"Montserrat",system-ui,sans-serif;font-weight:700;font-size:.92rem;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:#3a4250}
.tm-filter:hover{opacity:.82}
.tm-filter.is-active{opacity:1;box-shadow:inset 0 -3px 0 rgba(0,0,0,.3)}

/* ===== Personen-Grid (3 / 2 Spalten) ===== */
.tm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pc{display:flex;align-items:stretch;gap:14px;background:#fff;border:1px solid #e6e9ee;border-radius:4px;padding:16px}
.pc__text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.pc__name{font-family:"Montserrat",system-ui,sans-serif;font-weight:700;font-size:1.02rem;letter-spacing:.4px;color:#143f6f;margin:0 0 3px;line-height:1.2}
.pc__name a{color:inherit;text-decoration:none}
.pc__name a:hover{color:#0f3258}
.pc__role{font-family:"Montserrat",system-ui,sans-serif;font-weight:700;font-size:.92rem;letter-spacing:.4px;text-transform:uppercase;color:#cccccc;margin:0 0 10px}
.pc__tel{font-size:.98rem;font-weight:600;color:#2c333f;text-decoration:none;margin-bottom:5px}
.pc__tel:hover{color:#143f6f}
.pc__links{margin-top:auto;display:flex;align-items:center;gap:10px}
.pc__mail{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:#5b6470;border:1px solid #e6e9ee}
.pc__mail svg{width:19px;height:19px}
.pc__mail:hover{color:#fff;background:#143f6f;border-color:#143f6f}
.pc__li{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:#5b6470;border:1px solid #e6e9ee}
.pc__li svg{width:18px;height:18px}
.pc__li:hover{color:#fff;background:#143f6f;border-color:#143f6f}
.pc__more{display:inline-flex;align-items:center;height:34px;font-family:"Montserrat",system-ui,sans-serif;font-weight:700;font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:#143f6f;background:#fff;border:1px solid #e6e9ee;padding:0 12px;text-decoration:none}
.pc__more:hover{background:#143f6f;color:#fff;border-color:#143f6f}
.pc__photo{flex:0 0 auto;width:78px;display:block}
.pc__photo img{width:78px;height:auto;display:block}
.team-globe-page .team-directory .wrap{max-width:none}
.team-globe-page .tm-grid{grid-template-columns:repeat(3,1fr)}
.team-globe-page .pc{gap:14px}
.team-globe-page .pc__text{justify-content:center}
.team-globe-page .pc__email{display:inline-flex;width:max-content;max-width:100%;font-size:.92rem;font-weight:700;color:#007dbd;text-decoration:none;margin:0 0 5px;overflow-wrap:anywhere}
.team-globe-page .pc__email:hover{color:#143f6f}
.team-globe-page .pc__vcard-link{display:inline-flex;align-items:center;height:34px;font-family:"Montserrat",system-ui,sans-serif;font-weight:700;font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:#143f6f;background:#fff;border:1px solid #e6e9ee;padding:0 12px;text-decoration:none}
.team-globe-page .pc__vcard-link:hover{background:#143f6f;color:#fff;border-color:#143f6f}
.team-globe-page .vcard-modal{position:fixed;inset:0;z-index:300;display:none;place-items:center;padding:28px;background:rgba(1,3,8,.72)}
.team-globe-page .vcard-modal:target{display:grid}
.team-globe-page .vcard-modal__backdrop{position:absolute;inset:0}
.team-globe-page .vcard-modal__panel{position:relative;z-index:1;width:min(90vw,380px);background:#fff;border:1px solid #e6e9ee;padding:30px;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.team-globe-page .vcard-modal__panel .eyebrow{margin-bottom:.6rem}
.team-globe-page .vcard-modal__panel h2{font-size:1.35rem;margin-bottom:18px}
.team-globe-page .vcard-modal__panel img{width:min(72vw,260px);height:auto;margin:0 auto}
.team-globe-page .vcard-modal__close{position:absolute;top:10px;right:12px;width:32px;height:32px;display:grid;place-items:center;color:#143f6f;font-size:1.6rem;line-height:1;text-decoration:none}
@media(max-width: 700px){.team-globe-page .pc__vcard-link,.team-globe-page .vcard-modal{display:none}}
@media(max-width: 992px){.team-globe-page .tm-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width: 600px){.team-globe-page .tm-grid{grid-template-columns:1fr}.team-globe-page .pc{padding:14px;gap:12px}.team-globe-page .pc__photo,.team-globe-page .pc__photo img{width:68px}.team-globe-page .pc__email{width:100%;font-size:.84rem}}
@media(max-width: 992px){.tm-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width: 600px){.tm-grid{grid-template-columns:1fr}}
@media(max-width: 480px){.pc{padding:12px;gap:10px}.pc__photo,.pc__photo img{width:64px}}

/* ===== Auszeichnung ===== */
.tm-award-sec{padding-top:clamp(40px,6vw,76px);padding-bottom:clamp(40px,6vw,76px)}
.tm-award{display:flex;align-items:center;gap:clamp(24px,5vw,56px);justify-content:center;flex-wrap:wrap}
.tm-award__logo img{width:150px;height:auto;display:block}
.tm-award__quote{font-size:clamp(1.12rem,1.8vw,1.45rem);font-weight:600;color:#3a414e;max-width:580px;line-height:1.5;margin:0;font-family: Montserrat;}
.tm-award-hero{--parallax-image:url("../media/greatplacetowork.webp");--parallax-position:center center;--parallax-mobile-position:22% calc(50% + var(--award-y,0px));position:relative;min-height:clamp(520px,72vh,760px);display:grid;align-items:center;justify-items:end;padding:clamp(70px,8vw,120px) clamp(78px,12vw,220px);overflow:hidden;background-image:linear-gradient(90deg,rgba(1,3,8,.06) 0%,rgba(1,3,8,.12) 42%,rgba(1,3,8,.72) 68%,rgba(1,3,8,.88) 100%),var(--parallax-image);background-position:center center,var(--parallax-position);background-size:cover,cover;background-repeat:no-repeat,no-repeat;background-attachment:scroll,fixed}
.tm-award-hero--kerndestinationen{--parallax-image:url("../media/kerndestinationen.webp");--parallax-position:center center;--parallax-mobile-position:center calc(50% + var(--award-y,0px))}
.tm-award-hero--luftfracht-karte{--parallax-image:url("../media/luftfracht-karte.webp");--parallax-position:center center;--parallax-mobile-position:center calc(50% + var(--award-y,0px))}
.tm-award-hero--luftfracht-karte{justify-items:start;padding-left:350px!important;padding-right:clamp(22px,5vw,64px)!important;background-image:linear-gradient(90deg,rgba(1,3,8,.78) 0%,rgba(1,3,8,.66) 38%,rgba(1,3,8,.24) 72%,rgba(1,3,8,.08) 100%),var(--parallax-image)}
.tm-award-hero--kerndestinationen{justify-items:start;padding-left:350px!important;padding-right:clamp(22px,5vw,64px)!important;background-image:
  linear-gradient(90deg,rgba(1,7,14,.58) 0%,rgba(1,7,14,.42) 36%,rgba(1,7,14,.14) 70%,rgba(1,7,14,0) 100%),
  var(--parallax-image);background-position:center center,var(--parallax-position);background-size:cover,cover;background-repeat:no-repeat,no-repeat;background-attachment:scroll,fixed}
.tm-award-hero--luftfracht-karte .tm-award-hero__text{width:min(730px,100%)}
.tm-award-hero__text{position:relative;z-index:1;width:min(520px,100%);color:#fff}
.tm-award-hero__text .eyebrow,.tm-award-hero__text h2{color:#fff}
.tm-award-hero__text h2{font-size:clamp(1.1rem,2.25vw,2.25rem)}
.tm-award-hero__text p:not(.eyebrow){font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.65;color:rgba(255,255,255,.86);font-weight:600}
.map-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.map-legend__item{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(1,3,8,.54);color:#fff;font-family:"Montserrat",system-ui,sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;box-shadow:0 12px 30px rgba(0,0,0,.22)}
.map-legend__item svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.map-legend__item--ceiv{color:#5fd36a}
.map-legend__item--gdp{color:#ff6b6b}
@media(max-width: 900px){.tm-award-hero{justify-items:start;padding:clamp(70px,8vw,120px) clamp(24px,7vw,110px);background-image:linear-gradient(180deg,rgba(1,3,8,.08) 0%,rgba(1,3,8,.24) 46%,rgba(1,3,8,.84) 100%),var(--parallax-image);background-position:center center,var(--parallax-mobile-position);background-size:cover,cover;background-repeat:no-repeat,no-repeat;background-attachment:scroll,scroll;align-items:end}.tm-award-hero__text{width:min(620px,100%)}}
.img-wobble {
  display: inline-block;
  position: relative;
  animation: badge-glow 1.8s ease-in-out infinite;
}

.cert-badge img {
  display: block;
  max-width: 180px;
  height: auto;
}

@keyframes badge-glow {
  0%, 100% {
    transform: scale(1);
    filter: drop-shadow(0 8px 18px rgba(20, 63, 111, .10));
  }

  50% {
    transform: scale(1.025);
    filter: drop-shadow(0 12px 26px rgba(0, 125, 189, .28));
  }
}
/* ===== Werte ===== */
.tm-values{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px}
.tm-value{background:#fff;border:1px solid #e6e9ee;border-radius:4px;padding:22px}
.tm-value .tm-vbar{width:34px;height:3px;background:#143f6f;margin-bottom:14px}
.tm-value h3{margin:0 0 8px}
.tm-value p{margin:0;color:#4a5160;font-size:.92rem}
@media(max-width: 992px){.tm-values{grid-template-columns:repeat(2,1fr)}}
@media(max-width: 560px){.tm-values{grid-template-columns:1fr}}
.team-globe-page .tm-story{background:linear-gradient(180deg,#fff 0%,#f5f8fb 48%,#fff 100%)}
.team-globe-page .tm-story .section__head{position:relative;z-index:0;padding:0 0 24px}
.team-globe-page .tm-story .section__head .lead{margin-left:auto;margin-right:auto}
.team-globe-page .tm-story .tm-values{display:block;max-width:820px;margin:clamp(36px,7vw,86px) auto 0;counter-reset:story}
.team-globe-page .tm-story .tm-value{counter-increment:story;position:sticky;z-index:2;top:118px;min-height:clamp(280px,36vh,430px);display:flex;flex-direction:column;justify-content:flex-end;margin:0 0 22vh;padding:clamp(28px,5vw,54px);overflow:hidden;border:0;background:linear-gradient(140deg,#fff 0%,#f7fbff 62%,#edf6fb 100%);box-shadow:0 22px 58px rgba(20,63,111,.13);transform-origin:center top}
.team-globe-page .tm-story .tm-value::before{content:"0" counter(story);position:absolute;top:22px;right:clamp(22px,4vw,46px);font-family:"Montserrat",system-ui,sans-serif;font-weight:700;font-size:clamp(3.6rem,9vw,7rem);line-height:1;color:rgba(0,125,189,.08)}
.team-globe-page .tm-story .tm-value::after{content:"";position:absolute;inset:auto 0 0;height:5px;background:linear-gradient(90deg,#589f48,#007dbd)}
.team-globe-page .tm-story .tm-value:nth-child(1){z-index:2}
.team-globe-page .tm-story .tm-value:nth-child(2){z-index:3;top:134px}
.team-globe-page .tm-story .tm-value:nth-child(3){z-index:4;top:150px}
.team-globe-page .tm-story .tm-value:nth-child(4){z-index:5;top:166px;margin-bottom:4vh}
.team-globe-page .tm-story .tm-vbar{width:54px;background:linear-gradient(90deg,#589f48,#007dbd)}
.team-globe-page .tm-story .tm-value h3{max-width:560px;font-size:clamp(1.08rem,1.85vw,1.58rem);color:#143f6f}
.team-globe-page .tm-story .tm-value p{max-width:620px;font-size:clamp(1rem,1.35vw,1.14rem);line-height:1.65}
@supports (animation-timeline:view()){
  .team-globe-page .tm-story .tm-value{animation:story-card linear both;animation-timeline:view();animation-range:entry 8% exit 76%}
  @keyframes story-card{0%{opacity:.35;transform:scale(.94) translateY(28px)}24%,62%{opacity:1;transform:scale(1) translateY(0)}100%{opacity:.22;transform:scale(.92) translateY(-24px)}}
}
@media(max-width: 992px){.team-globe-page .tm-story .section__head{position:static;background:none;backdrop-filter:none}.team-globe-page .tm-story .tm-values{display:block;max-width:none;margin-top:30px}.team-globe-page .tm-story .tm-value{position:sticky;top:82px!important;min-height:clamp(220px,34vh,320px);justify-content:flex-start;margin:0 0 14vh;padding:76px 24px 24px}.team-globe-page .tm-story .tm-value::before{top:14px;right:22px;font-size:clamp(2.55rem,14vw,4.4rem)}.team-globe-page .tm-story .tm-value:nth-child(2){top:96px!important}.team-globe-page .tm-story .tm-value:nth-child(3){top:110px!important}.team-globe-page .tm-story .tm-value:nth-child(4){top:124px!important;margin-bottom:4vh}.team-globe-page .tm-story .tm-value h3{font-size:1.05rem}.team-globe-page .tm-story .tm-value p{font-size:.9rem;line-height:1.55}}
@media(max-width: 560px){.team-globe-page .tm-story .tm-value{min-height:clamp(210px,36vh,310px);padding:70px 20px 22px}.team-globe-page .tm-story .tm-value::before{font-size:clamp(2.4rem,18vw,4rem)}}
@media(max-width: 992px){.js-ready .tm-award-hero__text.reveal,.js-ready .team-globe-page .tm-story .tm-value.reveal{opacity:0;transform:translateY(34px) scale(.96);transition:opacity .72s cubic-bezier(0.4,0,0.2,1),transform .72s cubic-bezier(0.4,0,0.2,1)}.js-ready .tm-award-hero__text.reveal.is-visible,.js-ready .team-globe-page .tm-story .tm-value.reveal.is-visible{opacity:1;transform:none}}

/* ===== Detailseite ===== */
.tm-back{display:inline-block;margin-bottom:24px;color:#5a6270;text-decoration:none;font-weight:700;font-size:.85rem}
.tm-back:hover{color:#143f6f}
.tm-profile__grid{display:grid;grid-template-columns:200px 1fr;gap:36px;align-items:start}
.tm-profile__photo img{width:200px;height:auto;display:block}
.tm-profile__info .tm-tag{display:inline-block;background:var(--tag,#143f6f);font-family:"Montserrat",system-ui,sans-serif;font-weight:700;font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;color:#fff;padding:4px 10px;margin-bottom:14px}
.tm-profile__role{font-family:"Montserrat",system-ui,sans-serif;font-weight:700;font-size:.9rem;letter-spacing:.4px;text-transform:uppercase;color:#3a414e;margin:0 0 16px}
.tm-profile__contact{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.tm-profile__contact a{display:inline-flex;align-items:center;gap:10px;color:#4a5160;text-decoration:none;font-size:.95rem}
.tm-profile__contact a:hover{color:#143f6f}
.tm-pic{display:inline-flex;color:#9aa4b2}
@media(max-width: 560px){.tm-profile__grid{grid-template-columns:1fr}}
.profile-dark-page{background:#010308}
.tm-profile-dark{min-height:100vh;display:flex;align-items:center;background:radial-gradient(110% 90% at 88% 8%,rgba(0,125,189,.28) 0%,transparent 54%),radial-gradient(80% 70% at 0% 100%,rgba(88,159,72,.16) 0%,transparent 50%),linear-gradient(140deg,#0b2748 0%,#010308 62%,#051323 100%);color:rgba(255,255,255,.78);overflow:hidden}
.tm-profile-dark .tm-back{color:rgba(255,255,255,.68)}
.tm-profile-dark .tm-back:hover{color:#fff}
.tm-profile-dark .tm-profile__grid{grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:clamp(42px,7vw,96px);align-items:center}
.tm-profile-dark .tm-profile__photo{position:relative;isolation:isolate;width:min(300px,52vw)}
.tm-profile-dark .tm-profile__photo>img:not(.tm-profile__mark){position:relative;z-index:2;width:min(260px,46vw);height:auto;filter:drop-shadow(0 28px 40px rgba(0,0,0,.42))}
.tm-profile__mark{position:absolute;z-index:1;right:-20%;top:50%;width:min(300px,58vw);height:auto;opacity:.18;filter:drop-shadow(0 0 28px rgba(0,125,189,.5));transform:translateY(-50%);pointer-events:none}
.tm-profile__mark .logo__short{display:block;width:100%;height:auto;flex:none;opacity:1}
.tm-profile-dark .tm-profile__info h1,.tm-profile-dark .tm-profile__role{color:#fff}
.tm-profile-dark .tm-profile__info .lead{color:rgba(255,255,255,.78)}
.tm-profile-dark .tm-profile__contact a{color:rgba(255,255,255,.82)}
.tm-profile-dark .tm-profile__contact a:hover{color:#77c9f6}
.tm-profile-dark .tm-pic{color:#77c9f6}
.tm-profile__actions{display:flex;align-items:center;gap:12px;margin-top:24px;flex-wrap:wrap}
.tm-profile__action{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.18);font-family:"Montserrat",system-ui,sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#fff;text-decoration:none;background:rgba(255,255,255,.07)}
.tm-profile__action:hover{background:#77c9f6;color:#071528;border-color:#77c9f6}
.tm-profile__action--icon{width:38px;padding:0}
.tm-profile__action svg{width:18px;height:18px}
.profile-dark-page .vcard-modal{position:fixed;inset:0;z-index:300;display:none;place-items:center;padding:28px;background:rgba(1,3,8,.72)}
.profile-dark-page .vcard-modal:target{display:grid}
.profile-dark-page .vcard-modal__backdrop{position:absolute;inset:0}
.profile-dark-page .vcard-modal__panel{position:relative;z-index:1;width:min(90vw,380px);background:#fff;border:1px solid #e6e9ee;padding:30px;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.profile-dark-page .vcard-modal__panel .eyebrow{margin-bottom:.6rem}
.profile-dark-page .vcard-modal__panel h2{font-size:1.35rem;margin-bottom:18px}
.profile-dark-page .vcard-modal__panel img{width:min(72vw,260px);height:auto;margin:0 auto}
.profile-dark-page .vcard-modal__close{position:absolute;top:10px;right:12px;width:32px;height:32px;display:grid;place-items:center;color:#143f6f;font-size:1.6rem;line-height:1;text-decoration:none}
@media(max-width: 700px){.tm-profile-dark{align-items:flex-start}.tm-profile-dark .tm-profile__grid{grid-template-columns:1fr;gap:26px}.tm-profile-dark .tm-profile__photo{justify-self:center;width:220px;margin-inline:auto}.tm-profile-dark .tm-profile__photo>img:not(.tm-profile__mark){width:190px;margin-inline:auto}.tm-profile__mark{left:56%;right:auto;top:50%;width:250px;transform:translate(-50%,-50%)}}
.profile-white-page{background:#fff}
.tm-profile-white{min-height:100vh;display:flex;align-items:center;background:#fff;color:#4a5160;overflow:hidden}
.tm-profile-white .tm-profile__grid{grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:clamp(42px,7vw,96px);align-items:center}
.tm-profile-white .tm-profile__photo{position:relative;isolation:isolate;width:min(300px,52vw)}
.tm-profile-white .tm-profile__photo>img:not(.tm-profile__mark){position:relative;z-index:2;width:min(260px,46vw);height:auto;filter:drop-shadow(0 22px 34px rgba(20,63,111,.18))}
.tm-profile-white .tm-profile__mark{opacity:1;filter:drop-shadow(0 0 24px rgba(0,125,189,.18))}
.tm-profile-white .tm-profile__action{border-color:#e6e9ee;color:#143f6f;background:#fff}
.tm-profile-white .tm-profile__action:hover{background:#143f6f;color:#fff;border-color:#143f6f}
.profile-white-page .vcard-modal{position:fixed;inset:0;z-index:300;display:none;place-items:center;padding:28px;background:rgba(1,3,8,.42)}
.profile-white-page .vcard-modal:target{display:grid}
.profile-white-page .vcard-modal__backdrop{position:absolute;inset:0}
.profile-white-page .vcard-modal__panel{position:relative;z-index:1;width:min(90vw,380px);background:#fff;border:1px solid #e6e9ee;padding:30px;text-align:center;box-shadow:0 24px 70px rgba(20,63,111,.18)}
.profile-white-page .vcard-modal__panel .eyebrow{margin-bottom:.6rem}
.profile-white-page .vcard-modal__panel h2{font-size:1.35rem;margin-bottom:18px}
.profile-white-page .vcard-modal__panel img{width:min(72vw,260px);height:auto;margin:0 auto}
.profile-white-page .vcard-modal__close{position:absolute;top:10px;right:12px;width:32px;height:32px;display:grid;place-items:center;color:#143f6f;font-size:1.6rem;line-height:1;text-decoration:none}
@media(max-width: 700px){.tm-profile-white{align-items:flex-start}.tm-profile-white .tm-profile__grid{grid-template-columns:1fr;gap:26px}.tm-profile-white .tm-profile__photo{justify-self:center;width:220px;margin-inline:auto}.tm-profile-white .tm-profile__photo>img:not(.tm-profile__mark){width:190px;margin-inline:auto}}

/* Logo: gesamte Breite klickbar */
.logo__long{pointer-events:auto}

/* maps */
.map-wrap {width: 100%;height: 400px;overflow: hidden;}
.map-wrap iframe {width: 100%;height: 100%;border: 0;display: block;}
@media (max-width: 768px) {.map-wrap {height: 320px;}}

/* Hero title */
.hero--contact {min-height: 62vh;background:linear-gradient(90deg, rgba(10,28,51,.88),rgba(10,28,51,.42)),
    url("../media/kontakt.webp") center / cover no-repeat;}
.hero--contact h1 {font-size: clamp(3.2rem, 8vw, 4rem);line-height: .95;}
.hero--landverkehr {min-height: 62vh;background:linear-gradient(90deg, rgba(10,28,51,.88),rgba(10,28,51,.42)),
    url("../media/landverkehr.webp") center / cover no-repeat;}
.hero--landverkehr h1 {font-size: clamp(3.2rem, 8vw, 4rem);line-height: .95;}
.hero--luftfracht {min-height: 62vh;background:linear-gradient(90deg, rgba(10,28,51,.88),rgba(10,28,51,.42)),
    url("../media/luftfracht.webp") center / cover no-repeat;}
.hero--luftfracht h1 {font-size: clamp(3.2rem, 8vw, 4rem);line-height: .95;}
/* Kontakt form */
.form-check {display: flex;gap: 10px;align-items: flex-start;margin: 0 0 22px;font-size: .9rem;color: #fff;line-height: 1.5;}
.form-check input {margin-top: .28rem;flex: 0 0 auto;}
.form-check a {color: #007dbd;text-decoration: underline;}
/* head animation. */
  .fan {position: relative;
    display: inline-block;
    white-space: nowrap;         
  }
  .fan::before {
    content: attr(data-text);
    position: absolute;
    left: 0; top: 0;
    opacity: 0.16;
    pointer-events: none;
  }
  .fan span {
    display: inline-block;
    vertical-align: baseline;
    will-change: transform;
    animation: fan 2.4s ease-in-out infinite;
  }

  @keyframes fan {
    0%   { transform: translateY(0); }
    35%  { transform: translateY(var(--y)); }
    65%  { transform: translateY(var(--y)); }
    100% { transform: translateY(0); }
  }

  /* ==== SIGNATURE: locker aufgehängte Zertifikate ==== */
  .certwall{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,2.6vw,34px);padding-top:14px}
  @media(max-width:992px){.certwall{grid-template-columns:repeat(2,1fr);gap:30px}}
  @media(max-width:560px){.certwall{grid-template-columns:1fr;max-width:330px;margin-inline:auto}}
  .certdoc{
    position:relative;display:block;text-decoration:none;color:inherit;
    transform:rotate(var(--rot,0deg));
    transition:transform .45s cubic-bezier(.34,1.3,.4,1), filter .4s ease;
    outline-offset:6px;
  }
  .certdoc__card{
    background:#fff;border:1px solid var(--c-line);border-radius:16px;
    padding:34px 22px 24px;display:flex;flex-direction:column;align-items:center;
    text-align:center;gap:13px;
    box-shadow:0 12px 30px rgba(20,63,111,.07);
    transition:box-shadow .45s ease,border-color .45s ease;
    animation:doc-float 6.5s ease-in-out infinite;animation-delay:var(--d,0s);
    will-change:transform;
  }
  /* leichte „Aufhängung" oben */	.certdoc__pin{position:absolute;top:-7px;left:50%;transform:translateX(-50%);width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fbe7ad,var(--c-gold) 60%,#c79a2e 100%);box-shadow:0 3px 6px rgba(20,63,111,.35);z-index:2}
  .certdoc__seal{position:relative;overflow:hidden;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--c-blue) 0%,var(--c-blue-dark) 100%);box-shadow:0 0 0 4px rgba(239,198,110,.38),0 10px 22px rgba(20,63,111,.28);}
  .certdoc--green .certdoc__seal{background:linear-gradient(135deg,var(--c-green) 0%,#335223 100%)}
  .certdoc__seal svg{width:34px;height:34px}
  .certdoc__seal::after{
    content:"";position:absolute;inset:0;
    background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.6) 50%,transparent 62%);
    transform:translateX(-130%);
    animation:seal-shine 5s ease-in-out infinite;animation-delay:var(--d,0s);  }
  .certdoc strong{display:block;font-family:"Montserrat",system-ui,sans-serif;color:var(--c-ink);font-size:1.08rem;letter-spacing:.01em}
  .certdoc__sub{font-size:.82rem;color:#79818f;line-height:1.4}
  .certdoc__open{margin-top:4px;display:inline-flex;align-items:center;gap:6px;font-family:"Montserrat",system-ui,sans-serif;font-weight:700;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--c-blue);opacity:.65;transition:opacity .3s ease,gap .3s ease;  }
  .certdoc__open svg{width:14px;height:14px}
  /* Hover: geraderücken, anheben, Siegel-Glanz */
  .certdoc:hover,.certdoc:focus-visible{transform:rotate(0deg) translateY(-12px) scale(1.03)}
  .certdoc:hover .certdoc__card,.certdoc:focus-visible .certdoc__card{box-shadow:0 26px 56px rgba(20,63,111,.2);border-color:transparent}
  .certdoc:hover .certdoc__open,.certdoc:focus-visible .certdoc__open{opacity:1;gap:10px}
  @keyframes doc-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
  @keyframes seal-shine{0%,55%{transform:translateX(-130%)}78%,100%{transform:translateX(130%)}}
  /* ==== Qualitäts-Säulen (eure .card-Optik) ==== */
  .qgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.4vw,26px)}
  @media(max-width:680px){.qgrid{grid-template-columns:1fr}}
  .qcard{position:relative;background:#fff;border:1px solid var(--c-line);border-radius:14px;padding:30px 28px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
  .qcard:hover{transform:translateY(-6px);box-shadow:0 18px 50px rgba(20,63,111,.1);border-color:transparent}
  .qcard__icon{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:14px;margin-bottom:18px;color:var(--c-blue);background:rgba(0,125,189,.1);transition:background .3s ease,color .3s ease}
  .qcard__icon svg{width:26px;height:26px}
  .qcard:hover .qcard__icon{background:var(--c-blue);color:#fff}
  .qcard h3{margin-bottom:.4rem}
  .qcard p{margin:0;font-size:.97rem;line-height:1.6}

  /* ==== Sicherheitsversprechen (eure Feature-Pills) ==== */
  .promise__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:8px}
  @media(max-width:680px){.promise__grid{grid-template-columns:1fr}}
  .promise__item{display:flex;gap:14px;align-items:center;padding:18px 22px;border-radius:12px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1)}
  .promise__item svg{width:24px;height:24px;color:var(--c-gold);flex:0 0 24px}
  .promise__item span{color:hsla(0,0%,100%,.88);font-size:.98rem;line-height:1.4}
.mitte {text-align: center}
.btn{
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  font-family:"Montserrat",system-ui,sans-serif;
  font-weight:600;
  font-size:.95rem;
  letter-spacing:.08em;
  line-height:1;
  padding:.95rem 2rem;
  background:transparent;
  color:#067ebe;
  border:1px solid #067ebe;
  border-radius:0;                 /* eckig */
  cursor:pointer;
  text-decoration:none;
  transition:color .25s ease, border-color .25s ease;
}
.btn svg{ width:18px; height:18px; transition:transform .25s ease; }

.btn:hover,
.btn:focus-visible{ color:#569f47; border-color:#569f47; }
.btn:hover svg,
.btn:focus-visible svg{ transform:translateX(3px); }

/* sichtbarer Tastatur-Fokus */
.btn:focus-visible{ outline:2px solid #569f47; outline-offset:3px; }

/* auf dunklen Flächen automatisch weiß statt blau */
.section--dark .btn,
.hero .btn,
.hero--contact .btn{ color:#fff; border-color:#fff; }
.section--dark .btn:hover,  .section--dark .btn:focus-visible,
.hero .btn:hover,           .hero .btn:focus-visible,
.hero--contact .btn:hover,  .hero--contact .btn:focus-visible{ color:#569f47; border-color:#569f47; }

/* Kontaktformular-Button bleibt volle Breite (war schon bei dir) */
.contact__form .btn{ width:100%; justify-content:center; }

/* Icon-Größe in den Kästchen (.img-wobble existiert schon) */
.card .img-wobble{width:64px;height:64px;margin-bottom:18px}

/* Medien-Rahmen: zeigt Video/Bild in NATIVER Größe, zentriert,
   schrumpft nur auf kleinen Screens (kein Hochskalieren auf 100%). */
.media-frame{position:relative;display:block;width:fit-content;max-width:100%;margin:0 auto;overflow:hidden;background:#0b1d36;
  border:1px solid hsla(0,0%,100%,.12);box-shadow:0 30px 60px rgba(0,0,0,.35)}
.media-frame video,.media-frame img{display:block;max-width:100%;height:auto}
.media-frame--light{background:#f4f7fa;border-color:#e6e9ee;box-shadow:0 18px 50px rgba(20,63,111,.1)}

/* ===== Pharma Luftfracht Hero ===== */
.hero--sky{position:relative;min-height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:150px clamp(22px,5vw,64px) 0;color:#fff;background:radial-gradient(120% 90% at 50% 0%,rgba(0,95,155,.34) 0%,transparent 55%),radial-gradient(90% 80% at 100% 100%,rgba(0,70,110,.16) 0%,transparent 50%),linear-gradient(160deg,#0b2748 0%,#010308 62%,#051323 100%)}
.hero--sky::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.07) 1.4px,transparent 1.4px);background-size:34px 34px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%);mask-image:linear-gradient(90deg,transparent,#000 40%)}
.hero--sky .hero__inner{position:relative;z-index:5;max-width:760px;margin:auto 0}
.sky-scene{position:absolute;left:0;right:0;top:0;height:54%;z-index:2;overflow:hidden}
.rs-plane{position:absolute;top:15%;left:0;width:min(540px,58vw);will-change:transform;animation:rs-fly 14s linear -7s infinite;filter:drop-shadow(0 0 16px rgba(70,160,225,.28)) drop-shadow(0 14px 16px rgba(0,0,0,.4))}
.rs-plane__aircraft{display:block;width:100%;height:auto}
@keyframes rs-fly{from{transform:translateX(-100%)}to{transform:translateX(100vw)}}
.contrail{position:absolute;height:6px;border-radius:6px;pointer-events:none;transform-origin:right center;background:linear-gradient(90deg,rgba(205,228,255,0) 0%,rgba(205,228,255,.32) 55%,rgba(220,236,255,.68) 100%);filter:blur(2.4px);animation:rs-trail 3.2s ease-in-out infinite}
.contrail--1{top:55%;left:-70%;width:152%;transform:rotate(-13deg)}
.contrail--2{top:76%;left:-44%;width:56%;transform:rotate(-13deg)}
@keyframes rs-trail{0%,100%{opacity:.45}50%{opacity:.8}}
.rs-plane__logo{position:absolute;left:57%;top:47%;width:30%;height:auto;transform:translate(-50%,-50%) rotate(-19deg);transform-origin:center;pointer-events:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}
@media(prefers-reduced-motion:reduce){.contrail{animation-duration:5s}}
@media(max-width:992px){.hero--sky{min-height:auto;padding:30vh 22px 6vh;justify-content:flex-start}.hero--sky .hero__inner{margin:0}.sky-scene{height:40vh;top:0}.rs-plane{width:74vw;top:12vh}}
@media(max-width:992px) and (max-height:700px){.hero--sky{padding-top:26vh}.sky-scene{height:34vh}.rs-plane{width:56vw;top:11vh}}

/* ===== Produktpalette Carousel ===== */
.product-carousel{position:relative;min-height:92vh;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#02070d 0%,#071b33 62%,#030812 100%);touch-action:pan-y}
.product-carousel>.eyebrow{position:absolute;top:28px;left:50%;z-index:3;transform:translateX(-50%);margin:0;color:rgba(255,255,255,.58)}
.product-carousel__stage{position:relative;width:min(100%,1180px);height:min(78vh,720px);min-height:540px}
.product-carousel__item{--x:0%;--y:0%;--r:0deg;--s:1;--w:clamp(150px,30vw,300px);--h:clamp(200px,40vw,400px);position:absolute;left:50%;top:50%;width:var(--w);height:var(--h);margin:calc(var(--h)*-.5) 0 0 calc(var(--w)*-.5);overflow:hidden;background:#02070d;box-shadow:0 18px 58px rgba(0,0,0,.48);transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(var(--s));transform-origin:0% 100%;will-change:transform,opacity;cursor:pointer}
.product-carousel__item img{width:100%;height:100%;object-fit:cover;object-position:center;background:#edf3f8;pointer-events:none;user-select:none}
.product-carousel__item figcaption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:92px 22px 22px;background:linear-gradient(180deg,transparent,rgba(8,20,38,.92));color:#fff}
.product-carousel__item h2{position:relative;z-index:2;margin:0 0 8px;font-size:clamp(1.05rem,1.65vw,1.45rem);line-height:1.05;color:#fff}
.product-carousel__item p{position:relative;z-index:2;margin:0 0 14px;font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.5;color:rgba(255,255,255,.84)}
.product-carousel__item a{position:relative;z-index:3;display:inline-flex;align-items:center;height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.42);color:#fff;text-decoration:none;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.product-carousel__item a:hover{background:#fff;color:#10233c}
.product-carousel__item.is-active{box-shadow:0 24px 76px rgba(0,0,0,.58)}
.product-carousel__ui{position:absolute;right:clamp(18px,6vw,72px);top:50%;z-index:4;display:grid;gap:12px;transform:translateY(-50%)}
.product-carousel__ui button{width:42px;height:42px;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:22px;line-height:1;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.22)}
.product-carousel__ui button:hover{background:#fff;color:#071b33}
.product-carousel__ui span{writing-mode:vertical-rl;text-align:center;font-weight:800;font-size:.82rem;letter-spacing:.12em;color:rgba(255,255,255,.72)}
.product-carousel--index{--carousel-x:460;--carousel-y:163}
.product-carousel--air-pharma{--carousel-x:120;--carousel-y:0}
.product-carousel--air-pharma .product-carousel__stage{height:min(54vh,460px);min-height:380px;margin-top:-24px}
.product-carousel--air-pharma .product-carousel__item{--w:clamp(320px,54vw,620px);--h:clamp(210px,28vw,340px)}
@media(max-width:700px){.product-carousel{min-height:82vh;padding-inline:22px}.product-carousel__stage{height:620px;min-height:460px}.product-carousel__item{--w:clamp(180px,64vw,280px);--h:clamp(240px,85vw,374px)}.product-carousel__ui{right:12px}.product-carousel>.eyebrow{display:none}}
.urgent-air{position:relative;overflow:visible;background:linear-gradient(180deg,#fff 0%,#f4f7fa 100%);color:#4a5160}
.urgent-air::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 70% at 92% 14%,rgba(0,125,189,.12),transparent 58%),radial-gradient(60% 60% at 6% 95%,rgba(88,159,72,.1),transparent 58%);pointer-events:none}
.urgent-air__grid{position:relative;z-index:1;display:grid;gap:clamp(28px,4vw,46px);align-items:start}
.urgent-air__copy{width:min(730px,100%);margin:0 auto}
.urgent-air h2,.urgent-air h3{color:#282f3c}
.urgent-air h3{padding-top:0;font-size:clamp(1rem,1.3vw,1.28rem)}
.urgent-air .lead{color:#4a5160}
.urgent-air__cards{display:block;width:min(730px,100%);margin:0 auto}
.urgent-air__card{position:sticky;top:112px;z-index:2;min-height:clamp(175px,24vh,260px);display:flex;flex-direction:column;justify-content:flex-end;margin:0 0 12vh;padding:clamp(22px,2.6vw,32px);overflow:hidden;background:#fff;box-shadow:0 18px 50px rgba(20,63,111,.1),inset 0 0 0 1px rgba(20,63,111,.08);transform-origin:center top}
.urgent-air__card:nth-child(2){top:126px;z-index:3;margin-bottom:4vh}
.urgent-air__card::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:#007dbd}
.urgent-air__card:nth-child(2)::before{background:#589f48}
.urgent-air__card h3,.urgent-air__card p{position:relative;z-index:1}
.urgent-air__card p{margin:0;color:#4a5160;font-weight:600;line-height:1.6}
.js-ready .urgent-air__card.reveal{opacity:0;transform:translateY(76px) scale(.94);filter:brightness(.96) saturate(.92);transition:opacity .78s cubic-bezier(0.4,0,0.2,1),transform .78s cubic-bezier(0.4,0,0.2,1),filter .78s cubic-bezier(0.4,0,0.2,1)}
.js-ready .urgent-air__card.reveal:nth-child(2){transition-delay:.12s}
.js-ready .urgent-air__card.reveal.is-visible{opacity:1;transform:none;filter:none}
@supports (animation-timeline:view()){
  .js-ready .urgent-air__card.reveal{opacity:1;transition:none}
  .urgent-air__card{animation:urgent-story-card linear both;animation-timeline:view();animation-range:entry 8% exit 74%}
  @keyframes urgent-story-card{0%{opacity:.35;transform:scale(.88) translateY(96px);filter:brightness(.92) saturate(.86)}24%,64%{opacity:1;transform:scale(1) translateY(0);filter:brightness(1.02) saturate(1.04)}100%{opacity:.92;transform:scale(.9) translateY(-42px);filter:brightness(.9) saturate(.86)}}
}
@media(max-width:900px){.urgent-air__copy{max-width:730px}.urgent-air__card{top:82px!important;min-height:clamp(170px,25vh,240px);justify-content:flex-start;margin:0 0 10vh;padding:24px 22px}.urgent-air__card:nth-child(2){top:94px!important;margin-bottom:4vh}}
@media(max-width:560px){.urgent-air__card{min-height:160px}}
.air-contact{background:#fff}
.air-contact__intro{width:min(730px,100%);margin:0 auto;text-align:left}
.air-contact__intro .eyebrow{display:inline-flex;justify-content:flex-start}
.air-contact__intro .lead{margin-left:0;margin-right:0;margin-bottom:1.8rem}
.air-contact__intro .btn{display:flex;width:max-content;margin-left:auto;margin-right:auto}
.air-contact__people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:min(730px,100%);margin:clamp(28px,5vw,54px) auto 0}
.air-contact .pc__email{display:inline-flex;width:max-content;max-width:100%;font-size:.92rem;font-weight:700;color:#007dbd;text-decoration:none;margin:0 0 5px;overflow-wrap:anywhere}
.air-contact .pc__email:hover{color:#143f6f}
@media(min-width:993px){.urgent-air--luftfracht{padding-left:350px!important;padding-right:clamp(22px,5vw,64px)!important}.urgent-air--luftfracht .wrap{max-width:1180px;margin:0}.urgent-air--luftfracht .urgent-air__copy,.urgent-air--luftfracht .urgent-air__cards{margin-left:0;margin-right:0}}
@media(min-width:993px){.air-contact--landverkehr{padding-left:350px!important;padding-right:clamp(22px,5vw,64px)!important}.air-contact--landverkehr .wrap{max-width:1180px;margin:0}.air-contact--landverkehr .air-contact__intro,.air-contact--landverkehr .air-contact__people{margin-left:0;margin-right:0}.air-contact--landverkehr .air-contact__intro .btn{margin-left:0;margin-right:0}}
@media(min-width:993px){.air-contact--luftfracht{padding-left:350px!important;padding-right:clamp(22px,5vw,64px)!important}.air-contact--luftfracht .wrap{max-width:1180px;margin:0}.air-contact--luftfracht .air-contact__intro,.air-contact--luftfracht .air-contact__people{margin-left:0;margin-right:0}.air-contact--luftfracht .air-contact__intro .btn{margin-left:0;margin-right:0}}
@media(min-width:993px){.air-contact--seefracht{padding-left:350px!important;padding-right:clamp(22px,5vw,64px)!important}.air-contact--seefracht .wrap{max-width:1180px;margin:0}.air-contact--seefracht .air-contact__intro,.air-contact--seefracht .air-contact__people{margin-left:0;margin-right:0}.air-contact--seefracht .air-contact__intro .btn{margin-left:0;margin-right:0}}
@media(max-width:700px){.air-contact__people{grid-template-columns:1fr}.air-contact .pc{padding:14px;gap:12px}.air-contact .pc__photo,.air-contact .pc__photo img{width:68px}.air-contact .pc__email{width:100%;font-size:.84rem}}
.media-badge{position:absolute;top:14px;left:14px;z-index:2;display:inline-flex;align-items:center;gap:8px;
  font-family:"Montserrat",system-ui,sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.06em;
  text-transform:uppercase;color:#fff;background:hsla(0,0%,0%,.45);padding:6px 12px;backdrop-filter:blur(6px)}
.media-badge::before{content:"";width:9px;height:9px;background:#589f48;
  box-shadow:0 0 0 0 rgba(88,159,72,.7);animation:pulse 1.8s infinite}
.btn-wrap{margin-top:clamp(28px,4vw,40px)}
.mitte .section__head{margin-left:auto;margin-right:auto}
.mitte .eyebrow{justify-content:center}
.mitte .lead{margin-left:auto;margin-right:auto}
.pharma-intro{
  position:relative;
  overflow:hidden;
  min-height:350px;
  display:grid;
  align-items:center;
  padding-left:350px!important;
  padding-right:clamp(22px,5vw,64px)!important;
  padding-top:0;
  padding-bottom:0;
  background:
    linear-gradient(180deg,rgba(11,39,72,.32) 0%,rgba(11,39,72,.16) 28%,rgba(11,39,72,0) 62%),
    linear-gradient(180deg,#edf2f6 0%,#f8fafb 42%,#fff 100%);
}
.pharma-intro::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:96px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.82) 62%,#fff 100%);
}
.pharma-intro .wrap{width:100%;max-width:1180px;margin:0;transform:none}
.pharma-intro .section__head{margin-bottom:0}
@media(max-width:700px){
  .pharma-intro{
    padding-left:clamp(22px,5vw,64px)!important;
    padding-right:clamp(22px,5vw,64px)!important;
    padding-top:clamp(42px,12vw,70px);
    padding-bottom:clamp(42px,12vw,70px);
  }
  .pharma-intro .wrap{transform:none}
}

hr.hr {
  border: 0 !important;
  border-top: 1px solid #e6e9ee !important;
}

/* ── Hero ── */
.kampf{position:relative;overflow:hidden;text-align:left;min-height:100vh;display:grid;align-items:center;padding-left:350px!important;padding-right:clamp(22px,5vw,64px)!important;
  background:linear-gradient(140deg,#0b2748 0%,#071a30 60%,#051323 100%)}
.kampf::before{content:"";position:absolute;top:0;bottom:0;left:-350px;right:0;background:url("../media/hero-index.webp") center top/cover no-repeat;pointer-events:none}
.kampf::after{content:"";position:absolute;inset:0;display:block;background:
  linear-gradient(180deg,rgba(1,7,14,1) 0%,rgba(1,7,14,.86) 24%,rgba(1,7,14,.52) 48%,rgba(1,7,14,.2) 72%,rgba(1,7,14,0) 100%),
  linear-gradient(90deg,rgba(1,7,14,1) 0%,rgba(1,7,14,.92) 24%,rgba(1,7,14,.58) 48%,rgba(1,7,14,.22) 72%,rgba(1,7,14,0) 100%);
  pointer-events:none}
.kampf__inner{position:relative;z-index:1;width:100%;max-width:760px;margin:0 0 auto}
.kampf__content{text-shadow:0 2px 18px rgba(0,0,0,.5)}
.kampf .hero__eyebrow{color:#ccc}
.kampf h1{margin-bottom:1rem}
.kampf h2 .ac{color:#fff}
.kampf .lead{margin-left:0;margin-right:0}
.kampf .copy{margin:0;color:hsla(0,0%,100%,.84);font-size: 1.2rem;line-height: 1.5}
.video-play{margin-top:clamp(28px,4vw,42px);text-shadow:none}
.video-play__icon{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid currentColor}
.video-modal{width:min(980px,calc(100vw - 36px));padding:0;border:0;background:transparent;color:#fff}
.video-modal::backdrop{background:rgba(1,3,8,.78);backdrop-filter:blur(5px)}
.video-modal__panel{position:relative;background:#02070d;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.video-modal video{display:block;width:100%;height:auto;max-height:82vh;background:#02070d}
.video-modal__close{position:absolute;top:10px;right:10px;z-index:2;width:42px;height:42px;border:1px solid rgba(255,255,255,.36);background:rgba(0,0,0,.5);color:#fff;font-size:2rem;line-height:1;cursor:pointer}
.video-modal__close:hover,.video-modal__close:focus-visible{background:#fff;color:#071b33}
@media(min-width:1700px){.kampf::before{background-size:cover;background-position:72% center}}
@media(max-width:992px){.kampf{padding-left:clamp(22px,5vw,64px)!important}}
@media(max-width:700px){.kampf{min-height:auto;margin-top:-2px;border-top:0!important;padding-top:clamp(340px,88vw,430px)!important;padding-bottom:clamp(82px,16vw,120px)!important;background:#01070e}.kampf::before{left:0;background:url("../media/hero-index-mobile.webp") center top/100% auto no-repeat}.kampf::after{background:linear-gradient(180deg,rgba(1,7,14,1) 0,rgba(1,7,14,.88) 72px,rgba(1,7,14,.46) 170px,rgba(1,7,14,0) 300px,rgba(1,7,14,.16) 60%,rgba(1,7,14,.42) 100%)}.video-modal{width:calc(100vw - 24px)}}

.tm-award-hero--kampf-parallax{--parallax-image:url("../media/hero-index.webp");--parallax-position:72% center;--parallax-mobile-position:center top;min-height:100vh;justify-items:start;padding-left:350px!important;padding-right:clamp(22px,5vw,64px)!important;background-image:
  linear-gradient(180deg,rgba(1,7,14,1) 0%,rgba(1,7,14,.86) 24%,rgba(1,7,14,.52) 48%,rgba(1,7,14,.2) 72%,rgba(1,7,14,0) 100%),
  linear-gradient(90deg,rgba(1,7,14,1) 0%,rgba(1,7,14,.92) 24%,rgba(1,7,14,.58) 48%,rgba(1,7,14,.22) 72%,rgba(1,7,14,0) 100%),
  var(--parallax-image);background-position:center center,center center,var(--parallax-position);background-size:cover,cover,cover;background-repeat:no-repeat,no-repeat,no-repeat;background-attachment:scroll,scroll,fixed}
.tm-award-hero--landverkehr-parallax{--parallax-image:url("../media/road.webp");--parallax-position:72% center;--parallax-mobile-position:center top;min-height:100vh;justify-items:start;padding-left:350px!important;padding-right:clamp(22px,5vw,64px)!important;background-image:
  linear-gradient(180deg,rgba(1,7,14,1) 0%,rgba(1,7,14,.86) 24%,rgba(1,7,14,.52) 48%,rgba(1,7,14,.2) 72%,rgba(1,7,14,0) 100%),
  linear-gradient(90deg,rgba(1,7,14,1) 0%,rgba(1,7,14,.92) 24%,rgba(1,7,14,.58) 48%,rgba(1,7,14,.22) 72%,rgba(1,7,14,0) 100%),
  var(--parallax-image),
  url("../media/landverkehr.webp");background-position:center center,center center,var(--parallax-position),var(--parallax-position);background-size:cover,cover,cover,cover;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-attachment:scroll,scroll,fixed,fixed}
.tm-award-hero--gdp-parallax{--parallax-image:url("../media/hero-index-gdp.webp");--parallax-position:72% center;--parallax-mobile-position:center top;min-height:100vh;justify-items:start;padding-left:350px!important;padding-right:clamp(22px,5vw,64px)!important;background-image:
  linear-gradient(90deg,rgba(1,7,14,.96) 0%,rgba(1,7,14,.92) 27%,rgba(5,18,32,.86) 50%,rgba(15,39,71,.8) 68%,rgba(15,39,71,.7) 75%,rgba(255,255,255,.24) 84%,rgba(255,255,255,.1) 100%),
  linear-gradient(180deg,rgba(238,243,247,.12) 0%,rgba(238,243,247,.24) 42%,rgba(238,243,247,.34) 100%),
  var(--parallax-image);background-position:center center,center center,var(--parallax-position);background-size:cover,cover,cover;background-repeat:no-repeat,no-repeat,no-repeat;background-attachment:scroll,scroll,fixed}
.tm-award-hero--kampf-parallax .tm-award-hero__text{width:min(760px,100%);text-shadow:0 2px 18px rgba(0,0,0,.5)}
.tm-award-hero--landverkehr-parallax .tm-award-hero__text{width:min(760px,100%);text-shadow:0 2px 18px rgba(0,0,0,.5)}
.tm-award-hero--kerndestinationen .tm-award-hero__text{width:min(760px,100%);text-shadow:0 2px 18px rgba(0,0,0,.5)}
.tm-award-hero--gdp-parallax .tm-award-hero__text{z-index:2;width:min(760px,100%);text-shadow:0 2px 18px rgba(0,0,0,.5)}
.tm-award-hero--gdp-parallax::after{content:"";position:absolute;left:0;right:0;bottom:-1px;z-index:1;height:clamp(90px,14vh,160px);pointer-events:none;background:linear-gradient(180deg,rgba(4,20,38,0) 0%,rgba(4,20,38,.04) 58%,rgba(4,20,38,.12) 100%)}
.tm-award-hero--kampf-parallax .eyebrow{color:#ccc}
.tm-award-hero--landverkehr-parallax .eyebrow{color:#ccc}
.tm-award-hero--gdp-parallax .eyebrow{color:#ccc}
.tm-award-hero--kampf-parallax h2 .ac{color:#fff}
.tm-award-hero--gdp-parallax h2 .ac{color:#fff}
.tm-award-hero--kampf-parallax .btn{color:#fff;border-color:#fff}
.tm-award-hero--kampf-parallax .btn:hover,.tm-award-hero--kampf-parallax .btn:focus-visible{color:#569f47;border-color:#569f47}
.tm-award-hero--gdp-parallax .btn{margin-top:clamp(22px,3vw,34px);color:#fff;border-color:#fff}
.tm-award-hero--gdp-parallax .btn:hover,.tm-award-hero--gdp-parallax .btn:focus-visible{color:#569f47;border-color:#569f47}
.gdp-cert-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(20px,3vw,32px)}
.gdp-cert-tags span{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.07);color:rgba(255,255,255,.84);font-family:"Montserrat",system-ui,sans-serif;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(4px)}
@media(max-width:992px){.tm-award-hero--kampf-parallax,.tm-award-hero--landverkehr-parallax,.tm-award-hero--luftfracht-karte,.tm-award-hero--kerndestinationen,.tm-award-hero--gdp-parallax{padding-left:clamp(22px,5vw,64px)!important}}
@media(max-width:700px){.tm-award-hero--kampf-parallax{--parallax-image:url("../media/hero-index-mobile.webp");min-height:auto;padding-top:clamp(340px,88vw,430px)!important;padding-bottom:clamp(82px,16vw,120px)!important;background-color:#01070e;background-image:linear-gradient(180deg,rgba(1,7,14,1) 0,rgba(1,7,14,.88) 72px,rgba(1,7,14,.46) 170px,rgba(1,7,14,0) 300px,rgba(1,7,14,.16) 60%,rgba(1,7,14,.42) 100%),var(--parallax-image);background-position:center center,center top;background-size:cover,100% auto;background-repeat:no-repeat,no-repeat;background-attachment:scroll,scroll}}
@media(max-width:700px){.tm-award-hero--landverkehr-parallax{min-height:auto;padding-top:clamp(340px,88vw,430px)!important;padding-bottom:clamp(82px,16vw,120px)!important;background-color:#01070e;background-image:linear-gradient(180deg,rgba(1,7,14,1) 0,rgba(1,7,14,.88) 72px,rgba(1,7,14,.46) 170px,rgba(1,7,14,0) 300px,rgba(1,7,14,.16) 60%,rgba(1,7,14,.42) 100%),url("../media/road-mobile.webp"),url("../media/road-mobile.wep"),var(--parallax-image),url("../media/landverkehr.webp");background-position:center center,center top,center top,center top,center top;background-size:cover,100% auto,100% auto,100% auto,100% auto;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-attachment:scroll,scroll,scroll,scroll,scroll}}
@media(max-width:700px){.tm-award-hero--gdp-parallax{min-height:auto;padding-top:clamp(340px,88vw,430px)!important;padding-bottom:clamp(110px,20vw,150px)!important;background-color:#eef3f7;background-image:linear-gradient(180deg,rgba(1,7,14,.96) 0,rgba(1,7,14,.78) 72px,rgba(1,7,14,.36) 170px,rgba(1,7,14,0) 300px,rgba(1,7,14,.38) 58%,rgba(1,7,14,.74) 82%,rgba(190,211,226,.24) 100%),url("../media/index-hero-gdp-mobile.webp"),url("../media/hero-index-gdp-mobile.webp"),var(--parallax-image);background-position:center center,center top,center top,center top;background-size:cover,100% auto,100% auto,100% auto;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-attachment:scroll,scroll,scroll,scroll}.tm-award-hero--gdp-parallax::after{height:clamp(90px,18vw,130px)}}

.pharma-strengths__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(22px, 4vw, 42px);
  align-items: stretch;
  width:100%;
  margin:clamp(24px, 3vw, 44px) 0 clamp(60px, 8vw, 104px);
}

.pharma-strengths__image {
  min-height: 100%;
  border-radius: 14px;
  overflow: hidden;
  background: #f4f7fa;
}

.pharma-strengths__image img {
  width: 100%;
  height: 100%;
  min-height: 520px;
  object-fit: cover;
  display: block;
}

.pharma-strengths__cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(14px, 1.6vw, 22px);
}

.strength-card {
  background: #fff;
  border: 0;
  border-radius: 14px;
  padding: clamp(26px, 3vw, 34px);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.strength-card:hover {
  transform: translateY(-5px);
  border-color: transparent;
  box-shadow: 0 18px 50px rgba(20, 63, 111, .10);
}

.strength-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  margin-bottom: 20px;
  color: #007dbd;
}

.strength-card__icon svg {
  width: 42px;
  height: 42px;
  stroke-width: 1.55;
  transform-origin: center;
  animation: icon-soft-spin 7s ease-in-out infinite;
}

.strength-card:nth-child(2) .strength-card__icon svg {
  animation-delay: .4s;
}

.strength-card:nth-child(3) .strength-card__icon svg {
  animation-delay: .8s;
}

.strength-card:nth-child(4) .strength-card__icon svg {
  animation-delay: 1.2s;
}

.strength-card:hover .strength-card__icon {
  color: #589f48;
}

.strength-card h3 {
  margin-bottom: .65rem;
}

.strength-card p {
  margin: 0;
  color: #4a5160;
  font-size: clamp(1.05rem, 1.5vw, 1.22rem);
  line-height: 1.5;
  font-weight: 600;
}

@keyframes icon-soft-spin {
  0%, 100% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(8deg);
  }
}

@media (max-width: 992px) {
  .pharma-strengths__grid {
    grid-template-columns: 1fr;
  }

  .pharma-strengths__image img {
    min-height: 360px;
  }
}

@media (max-width: 576px) {
  .strength-card__icon svg {
    animation: none;
  }
}

@media (max-width: 1100px) {
  .pharma-strengths__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 576px) {
  .pharma-strengths__cards {
    grid-template-columns: 1fr;
  }
}

.pharma-strengths__image,
.strength-card {
  border-radius: 0;
}

.strength-card__icon svg {
  width: 42px;
  height: 42px;
  stroke-width: 1.55;
  transform-origin: center;
  animation: icon-rotate 8s linear infinite;
}

.strength-card:nth-child(2) .strength-card__icon svg {
  animation-delay: .4s;
}

.strength-card:nth-child(3) .strength-card__icon svg {
  animation-delay: .8s;
}

.strength-card:nth-child(4) .strength-card__icon svg {
  animation-delay: 1.2s;
}

@keyframes icon-rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}


.road-story{
  background:
    radial-gradient(110% 90% at 85% 10%, rgba(0,125,189,.12) 0%, transparent 55%),
    radial-gradient(90% 80% at 0% 100%, rgba(88,159,72,.08) 0%, transparent 50%),
    linear-gradient(180deg,#dfe8ef 0%,#f2f6f9 48%,#dfe8ef 100%);
  color:rgba(255,255,255,.78);
}
.road-story .section__head{position:relative;z-index:1;text-align:center;margin-left:auto;margin-right:auto}
.road-story .eyebrow,.road-story h2,.road-story h3{color:#fff}
.road-story .lead{color:rgba(255,255,255,.72);margin-left:auto;margin-right:auto}
.road-steps{display:block;max-width:760px;margin:0 auto}
.road-step{position:sticky;top:112px;z-index:2;min-height:clamp(220px,30vh,330px);display:flex;flex-direction:column;justify-content:flex-end;margin:0 0 16vh;padding:clamp(24px,4vw,42px);overflow:hidden;border:0;background:linear-gradient(140deg,#0b2748 0%,#010308 62%,#051323 100%);box-shadow:0 24px 58px rgba(0,0,0,.34);transform-origin:center top}
.road-step:nth-child(2){z-index:3;top:126px}
.road-step:nth-child(3){z-index:4;top:140px}
.road-step:nth-child(4){z-index:5;top:154px}
.road-step:nth-child(5){z-index:6;top:168px}
.road-step:nth-child(6){z-index:7;top:182px;margin-bottom:4vh}
.road-step__icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;margin-bottom:18px;color:#77c9f6}
.road-step__icon svg{width:38px;height:38px;stroke-width:1.55;display:block;transform-box:fill-box;transform-origin:center;animation:road-icon-rotate 7s linear infinite!important}
.road-step h3{max-width:580px;font-size:clamp(1rem,1.55vw,1.34rem);padding-top:0}
.road-step p{max-width:640px;margin:0;font-size:clamp(.96rem,1.2vw,1.08rem);line-height:1.62;color:rgba(255,255,255,.78);font-weight:600}
@supports (animation-timeline:view()){
  .road-step{animation:road-story-card linear both;animation-timeline:view();animation-range:entry 8% exit 74%}
  @keyframes road-story-card{0%{transform:scale(.92) translateY(44px);filter:brightness(.72) saturate(.86)}24%,64%{transform:scale(1) translateY(0);filter:brightness(1.08) saturate(1.08)}100%{transform:scale(.9) translateY(-38px);filter:brightness(.62) saturate(.8)}}
}
@keyframes road-icon-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(min-width:993px){.road-story{padding-left:350px!important;padding-right:clamp(22px,5vw,64px)!important}.road-story .wrap{max-width:1180px;margin:0}.road-steps{margin-left:0;margin-right:0}}
@media(max-width: 992px){.road-steps{max-width:none}.road-step{top:82px!important;min-height:clamp(205px,32vh,300px);justify-content:flex-start;margin:0 0 12vh;padding:70px 22px 24px}.road-step:nth-child(2){top:94px!important}.road-step:nth-child(3){top:106px!important}.road-step:nth-child(4){top:118px!important}.road-step:nth-child(5){top:130px!important}.road-step:nth-child(6){top:142px!important;margin-bottom:4vh}.road-step__icon{width:38px;height:38px;margin-bottom:14px}.road-step__icon svg{width:32px;height:32px}.road-step h3{font-size:.98rem}.road-step p{font-size:.9rem;line-height:1.52}}
@media(prefers-reduced-motion:reduce){.road-step{animation:none!important;transform:none!important;filter:none!important}}

.news.section--dark {
  background: #041426;
}

.footer {
  background:
    radial-gradient(110% 90% at 85% 10%, rgba(0,75,120,.38) 0%, transparent 55%),
    radial-gradient(90% 80% at 0% 100%, rgba(45,95,45,.18) 0%, transparent 50%),
    linear-gradient(140deg, #0b2748 0%, #010308 60%, #051323 100%);
  color: rgba(255,255,255,.78);
  border-top: 1px solid rgba(255,255,255,.08);
}

.footer--simple {
  padding: clamp(28px,4vw,44px) 0;
}

.footer--simple .wrap {
  max-width: none;
  width: 100%;
  padding: 0 25px;
  text-align: center;
}

.footer__contact {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: .35rem .85rem;
  margin: 0;
  color: rgba(255,255,255,.82);
  font-size: .95rem;
  font-weight: 600;
}

.footer__links,
.footer__menus {
  display: flex;
  align-items: center;
  gap: .85rem;
}

.footer__menus {
  margin-left: auto;
}

.footer__sep {
  color: rgba(255,255,255,.28);
  font-family: "Open Sans",system-ui,sans-serif;
  font-weight: 400;
  letter-spacing: 0;
}

.footer__logo img {
  width: 170px;
  height: auto;
}

.footer__social {
  display: inline-flex;
  align-items: center;
}

.footer__social svg {
  width: 20px;
  height: 20px;
}

.footer__contact a,
.footer-accordion a {
  color: rgba(255,255,255,.82);
}

.footer__contact a:hover,
.footer-accordion a:hover {
  color: #fff;
}

.footer-accordion {
  position: relative;
  display: inline-grid;
  justify-items: start;
  text-align: left;
}

.footer-accordion h4 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  cursor: pointer;
  margin: 0;
  padding: 0;
  font-family: "Montserrat",system-ui,sans-serif;
  font-weight: 700;
  font-size: .82rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #fff;
}

.footer-accordion h4::after {
  content: "";
  width: .45rem;
  height: .45rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
  transition: transform .2s ease;
  color: rgba(255,255,255,.62);
}

.footer-accordion:hover h4::after,
.footer-accordion:focus-within h4::after {
  transform: translateY(2px) rotate(225deg);
}

.footer-accordion ul {
  display: grid;
  justify-items: start;
  min-width: 230px;
  gap: 8px;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  padding: 0;
  transition: max-height .28s ease, opacity .2s ease, padding .2s ease;
}

.footer-accordion:hover ul,
.footer-accordion:focus-within ul {
  max-height: 360px;
  opacity: 1;
  padding: 8px 0 18px;
}

.footer-accordion a {
  font-family: "Montserrat",system-ui,sans-serif;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

@media(max-width: 700px) {
  .footer--simple .wrap {
    padding: 0;
  }

  .footer__contact {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    line-height: 1.8;
    text-align: center;
    font-size: clamp(.82rem,3.55vw,1rem);
  }

  .footer__logo {
    display: block;
    margin-bottom: 12px;
  }

  .footer__links,
  .footer__menus {
    justify-content: center;
    width: 100%;
  }

  .footer__links {
    display: grid;
    grid-template-columns: auto min-content minmax(0, 1fr) min-content auto;
    align-items: center;
    justify-content: stretch;
    gap: .26rem;
    padding: 0 5px 0 14px;
    white-space: nowrap;
  }

  .footer__links > a {
    min-width: 0;
  }

  .footer__menus {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.2rem;
    margin-left: 0;
    align-items: flex-start;
  }

  .footer__sep:first-of-type {
    margin-left: .18rem;
  }

  .footer__social svg {
    width: 24px;
    height: 24px;
  }

  .footer-accordion {
    display: contents;
  }

  .footer-accordion h4 {
    justify-self: center;
    outline: 0;
  }

  .footer-accordion:first-child h4 {
    grid-column: 1;
    grid-row: 1;
  }

  .footer-accordion:last-child h4 {
    grid-column: 2;
    grid-row: 1;
  }

  .footer-accordion:first-child ul {
    grid-column: 1;
  }

  .footer-accordion:last-child ul {
    grid-column: 2;
  }

  .footer-accordion ul {
    grid-row: 2;
    position: static;
    transform: none;
    width: 100%;
    min-width: 0;
    max-height: 0;
    opacity: 0;
    padding: 0;
  }

  .footer-accordion a {
    font-size: .72rem;
    line-height: 1.45;
    white-space: normal;
  }

  .footer-accordion:hover ul,
  .footer-accordion:focus-within ul {
    max-height: 360px;
    opacity: 1;
    padding: 8px 12px 18px;
  }

  .footer-accordion h4::after {
    display: block;
  }
}

 /*<!-- ═══════════════════════════════════════════════════════════════
       Hero · Kühl-LKW 
       ═══════════════════════════════════════════════════════════════ */
    .hero--road{
      position:relative; min-height:100vh; overflow:hidden;
      display:flex; flex-direction:column; justify-content:center;
      padding:130px clamp(22px,5vw,64px) 0; color:#fff;
      background:
        radial-gradient(110% 90% at 85% 10%, rgba(0,75,120,.38) 0%, transparent 55%),
        radial-gradient(90% 80% at 0% 100%, rgba(45,95,45,.16) 0%, transparent 50%),
        linear-gradient(140deg,#0b2748 0%,#010308 60%,#051323 100%);
    }
    .hero--road::after{
      content:""; position:absolute; inset:0; pointer-events:none;
      background-image:radial-gradient(rgba(255,255,255,.07) 1.4px,transparent 1.4px);
      background-size:34px 34px;
      -webkit-mask-image:linear-gradient(90deg,transparent,#000 40%);
              mask-image:linear-gradient(90deg,transparent,#000 40%);
    }
    .hero--road .hero__inner{position:relative; z-index:5; max-width:760px; margin:0 0 auto;}

    /* ── Szene ── */
    .road-scene{position:absolute; left:0; right:0; bottom:0; height:min(50vh,440px); z-index:2; overflow:hidden;}

    /* Sanfter Horizont-Glow */
    .rs-glow{position:absolute; left:0; right:0; bottom:0; height:65%;
      background:radial-gradient(120% 120% at 50% 100%, rgba(0,125,189,.22) 0%, transparent 60%);}

    /* Boden: perspektivisches Raster, das auf den Betrachter zuläuft = Tempo */
    .rs-road{position:absolute; left:0; right:0; bottom:0; height:28%; overflow:hidden;
      background:linear-gradient(180deg, rgba(8,30,56,0) 0%, #06182e 34%, #02080f 100%);
      border-top:1px solid rgba(255,255,255,.18);}
    /* seitliche Reflexionsstreifen auf dem Asphalt (ziehen waagrecht vorbei) */
    .rs-road i{position:absolute; left:0; height:2px; border-radius:2px; filter:blur(1.4px);
      background:linear-gradient(90deg, transparent, rgba(255,255,255,.8), transparent);
      animation:rs-reflect linear infinite;
      -webkit-mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);
              mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);}
    .rs-road i:nth-child(1){top:7px;  width:170px; opacity:.5;  animation-duration:.95s; animation-delay:-.2s}
    .rs-road i:nth-child(2){top:17px; width:90px;  opacity:.3;  animation-duration:1.35s;animation-delay:-.7s;
      background:linear-gradient(90deg,transparent,#7fd0ff,transparent)}
    .rs-road i:nth-child(3){top:30px; width:220px; opacity:.34; animation-duration:1.05s;animation-delay:-1.0s}
    .rs-road i:nth-child(4){top:46px; width:120px; opacity:.2;  animation-duration:1.6s; animation-delay:-.45s}
    @keyframes rs-reflect{from{transform:translateX(115%)} to{transform:translateX(-360%)}}

    /* Lichtspuren (Langzeitbelichtungs-Look) — sausen nach hinten */
    .rs-streaks{position:absolute; left:-25%; right:-25%; bottom:28%; height:150px;
      -webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);
              mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);}
    .rs-streaks i{position:absolute; left:0; height:2px; border-radius:3px; filter:blur(1px);
      background:linear-gradient(90deg, transparent, #fff, transparent);
      animation:rs-streak linear infinite;}
    .rs-streaks i:nth-child(1){top:14px;  width:210px; opacity:.26; animation-duration:1.9s; animation-delay:-.2s}
    .rs-streaks i:nth-child(2){top:48px;  width:290px; opacity:.38; animation-duration:1.5s; animation-delay:-.7s}
    .rs-streaks i:nth-child(3){top:80px;  width:170px; opacity:.24; animation-duration:2.2s; animation-delay:-1.1s;
      background:linear-gradient(90deg,transparent,#39b3ec,transparent)}
    .rs-streaks i:nth-child(4){top:112px; width:330px; opacity:.42; animation-duration:1.3s; animation-delay:-.4s}
    .rs-streaks i:nth-child(5){top:138px; width:220px; opacity:.28; animation-duration:1.8s; animation-delay:-.9s;
      background:linear-gradient(90deg,transparent,#39b3ec,transparent)}
    @keyframes rs-streak{from{transform:translateX(125%)}to{transform:translateX(-360%)}}

    /* Der LKW fährt real über die Szene und loopt */
    .rs-truck{position:absolute; bottom:28%; left:0; width:min(580px,84vw);
      will-change:transform;
      /* startet mittig (Delay = halbe Dauer) und loopt nahtlos:
         sobald er rechts raus ist, kommt er sofort links wieder rein */
      animation:rs-drive 7s linear -3.5s infinite;}
    .rs-truck>svg,.rs-truck__art{display:block; width:100%; height:auto;
      filter:drop-shadow(0 0 14px rgba(40,160,225,.3)) drop-shadow(0 14px 14px rgba(0,0,0,.5));}
    /* Scheinwerfer: weit reichender, weich auslaufender Lichtkegel */
    .rs-beam{position:absolute; top:82%; left:96.5%; width:62%; height:30%;
      transform:translateY(-50%); pointer-events:none; z-index:1;
      background:
        radial-gradient(ellipse 100% 30% at 0% 50%, rgba(255,239,192,.55) 0%, rgba(255,239,192,0) 60%),
        radial-gradient(ellipse 100% 62% at 0% 50%, rgba(255,236,180,.22) 0%, rgba(255,236,180,0) 72%);
      filter:blur(3px);
      animation:rs-beam 2.6s ease-in-out infinite;}
    .rs-lamp{position:absolute; top:82%; left:96%; width:18px; height:12px;
      transform:translate(-50%,-50%); border-radius:50%; pointer-events:none; z-index:1;
      background:radial-gradient(circle, rgba(255,246,214,.95) 0%, rgba(255,236,180,0) 70%);
      filter:blur(1px); animation:rs-beam 2.6s ease-in-out infinite;}
    @keyframes rs-beam{0%,100%{opacity:.7} 50%{opacity:1}}
    /* farbiges Logo mittig auf dem Koffer */
    .rs-truck__logo{position:absolute; left:37%; top:37%; width:38%; height:auto;
      transform:translate(-50%,-50%); pointer-events:none;
      filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));}
    /* nahtloser Loop, unabhängig von der Bildschirmbreite */
    @keyframes rs-drive{from{transform:translateX(-100%)} to{transform:translateX(100vw)}}

    /* Auch bei "Bewegung reduzieren" fährt der LKW weiter –
       nur das flackernde Umfeld wird ruhiger gestellt. */
    @media(prefers-reduced-motion:reduce){
      .rs-road i{animation-duration:3s}
      .rs-beam,.rs-lamp{animation:none; opacity:.85}
      .rs-streaks i{animation-duration:3s; opacity:.25}
    }
    @media(max-width:992px){
      .hero--road{min-height:auto; padding-top:120px; padding-bottom:300px;}
      .road-scene{height:300px;}
    }
	
      .white{color:#fff;}
      .light-grey{color:#cccccc;}

.untertext {
    display: inline-block;
    font-size: 2.55rem;
  }

@media(max-width: 700px) {
  .untertext {
    display: block;
    font-size: 1.2rem;
    line-height: 1.25;
    padding-top: .65rem;
  }
}

/* Pharma Seefracht Hero */
.hero--sea{position:relative; min-height:100vh; overflow:hidden;
      display:flex; flex-direction:column; justify-content:flex-start;
      padding:clamp(150px,20vh,230px) clamp(22px,5vw,64px) 0; color:#fff;
      background:
        radial-gradient(120% 95% at 50% 100%, rgba(0,90,150,.34) 0%, transparent 55%),
        radial-gradient(rgba(255,255,255,.05) 1.4px, transparent 1.4px) 0 0/34px 34px,
        linear-gradient(180deg,#0b2748 0%,#061a30 55%,#04101e 100%);}
    .hero--sea .hero__inner{position:relative; z-index:5; max-width:760px;}

    .sea-scene{position:absolute; left:0; right:0; bottom:0; height:min(52vh,460px); z-index:2; overflow:hidden;}

    /* Wasser: zwei bewegte Wellen-Ebenen, HINTER dem Schiff */
    .rs-water{position:absolute; left:0; right:0; bottom:0; height:34%; overflow:hidden; z-index:3;
      background:linear-gradient(180deg, rgba(6,22,42,0) 0%, rgba(5,18,36,.55) 32%, #03101f 100%);}
    .rs-waves{position:absolute; left:0; bottom:0; width:200%; height:100%;}
    .rs-waves svg{width:100%; height:100%; display:block;}
    .rs-waves--back{animation:rs-wave 20s linear infinite;}
    .rs-waves--front{animation:rs-wave 13s linear infinite;}
    @keyframes rs-wave{to{transform:translateX(-50%)}}
    .wv-fill-back{fill:rgba(8,30,55,.9);}
    .wv-fill-front{fill:rgba(13,44,78,.72);}
    .wv-crest{fill:none; stroke:rgba(120,190,240,.28); stroke-width:2; vector-effect:non-scaling-stroke;}
    .wv-crest--f{stroke:rgba(150,205,245,.35);}

    /* Schiff: ueber dem Wasser (Wellenlinie geht dahinter) */
    .rs-ship{position:absolute; left:0; width:min(720px,82vw); z-index:2; will-change:transform; bottom:17%;
      animation:rs-sail 26s linear -13s infinite;}
    .rs-ship__bob{position:relative; animation:rs-bob 6s ease-in-out infinite; transform-origin:50% 92%;
      filter:drop-shadow(0 7px 10px rgba(0,0,0,.5));}
    .rs-ship__art{display:block; width:100%; height:auto;}
    .rs-ship__logo{position:absolute; left:46%; top:76%; width:16%; height:auto;
      transform:translate(-50%,-50%); pointer-events:none;
      filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));}
    @keyframes rs-sail{from{transform:translateX(-100%)} to{transform:translateX(100vw)}}
    @keyframes rs-bob{0%,100%{transform:translateY(0) rotate(-0.4deg)} 50%{transform:translateY(-4px) rotate(0.4deg)}}

    @media(prefers-reduced-motion:reduce){ .rs-ship__bob{animation-duration:12s} }
    @media(max-width:992px){
      .hero--sea{min-height:auto; justify-content:flex-start;
        padding:clamp(96px,12vh,140px) clamp(22px,5vw,44px) 37vw;}
      .sea-scene{height:37vw;}
      .rs-ship{width:118vw; bottom:17%;}
      .hero--sea .hero__scroll{display:none;}
    }
.hero--sea .fan span:nth-child(1){--y:-26px}
.hero--sea .fan span:nth-child(2){--y:23px}
.hero--sea .fan span:nth-child(3){--y:-19px}
.hero--sea .fan span:nth-child(4){--y:16px}
.hero--sea .fan span:nth-child(5){--y:-13px}
.hero--sea .fan span:nth-child(6){--y:10px}
.hero--sea .fan span:nth-child(7){--y:-7px}
.hero--sea .fan span:nth-child(8){--y:-26px}
.hero--sea .fan span:nth-child(9){--y:23px}
.hero--sea .fan span:nth-child(10){--y:-19px}
.hero--sea .fan span:nth-child(11){--y:16px}
.hero--sea .fan span:nth-child(12){--y:-13px}
.hero--sea .fan span:nth-child(13){--y:10px}
.hero--sea .fan span:nth-child(14){--y:-7px}
.hero--sea .fan span:nth-child(15){--y:-26px}
.hero--sea .fan span:nth-child(16){--y:23px}
/* Ende Pharma Seefracht Hero */

@media(min-width:993px){
  .hero--road,
  .hero--sky,
  .hero--sea,
  .hero--lager{
    align-items:flex-start!important;
    padding-left:350px!important;
    padding-right:clamp(22px,5vw,64px)!important;
  }
  .hero--road .hero__inner,
  .hero--sky .hero__inner,
  .hero--sea .hero__inner,
  .hero--lager .hero__inner{
    margin-left:0!important;
    margin-right:0!important;
    transform:none!important;
  }
  .tm-award-hero--kampf-parallax,
  .tm-award-hero--landverkehr-parallax{
    padding-left:350px!important;
  }
}

@media(max-width:992px){
  .hero--road,
  .hero--sky,
  .hero--sea,
  .hero--lager,
  .tm-award-hero--kampf-parallax,
  .tm-award-hero--landverkehr-parallax{
    padding-left:clamp(22px,5vw,64px)!important;
    padding-right:clamp(22px,5vw,64px)!important;
  }
}

/* Globale H1-Feinjustierung */
h1{font-size:clamp(1.75rem,3.6vw,3.65rem)}

@media(min-width:993px){
  .hero--contact .hero__inner{max-width:760px;margin:0 auto;transform:none}
}

/* Index fine tuning */
.hero__scroll{
  z-index:8;
}

#pharmalogistik,
#landverkehr-intro,
#sea-pharma,
#lager,
#zertifikate{
  scroll-margin-top:0;
}

@media(min-width:993px){
  .product-carousel--index > .kampf__inner{
    justify-self:start;
    margin-left:calc(350px - clamp(22px,5vw,64px));
    margin-right:0;
    transform:none;
  }
  .product-carousel--sea-pharma > .kampf__inner{
    justify-self:start;
    margin-left:calc(350px - clamp(22px,5vw,64px));
    margin-right:0;
    transform:none;
  }
  .product-carousel--luftfracht > .kampf__inner{
    justify-self:start;
    margin-left:calc(350px - clamp(22px,5vw,64px));
    margin-right:0;
    transform:none;
  }
}

@media(max-width:992px){
  .hero__scroll,
  .hero--sea .hero__scroll{
    display:grid!important;
    place-items:center;
    bottom:18px;
  }

  #pharmalogistik,
  #landverkehr-intro,
  #sea-pharma,
  #lager,
  #zertifikate{
    scroll-margin-top:64px;
  }
}

.lang__btn {
  color: #1f2f2f;
}

.lang__btn.is-active {
  color: #0f3d36;
  font-weight: 700;
}