/* Match the supplier-registration hero background on inner pages. */
body .ltx-services-intro,
body .sqd-page .sqd-hero,
body .ltx-industries-hero,
body .expertise-page .page-hero,
body .ltx-how-we-work-page .ltx-engage-hero,
body .ltx-contact-v3__hero,
body .ltx-page-hero,
body #ltx-privacy .hero,
body #ltx-legal .hero {
  background: radial-gradient(circle at 88% 10%, rgba(41, 216, 255, .18), transparent 31%),
              linear-gradient(115deg, #071f4d 4%, #103a7c 100%) !important;
}

/* Contact has a diagonal overlay that would mask the shared background. */
body .ltx-contact-v3__hero::before {
  display: none !important;
}

/* Repeat the supplier hero's lower-right circular arc as well as its colour. */
body .ltx-services-intro,
body .sqd-page .sqd-hero:not(.registration-hero),
body .ltx-industries-hero,
body .expertise-page .page-hero,
body .ltx-how-we-work-page .ltx-engage-hero,
body .ltx-contact-v3__hero,
body .ltx-page-hero,
body #ltx-privacy .hero,
body #ltx-legal .hero {
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
}

body .ltx-services-intro::after,
body .sqd-page .sqd-hero:not(.registration-hero)::after,
body .ltx-industries-hero::after,
body .expertise-page .page-hero::after,
body .ltx-how-we-work-page .ltx-engage-hero::after,
body .ltx-contact-v3__hero::after,
body .ltx-page-hero::after,
body #ltx-privacy .hero::after,
body #ltx-legal .hero::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: -1 !important;
  width: 430px !important;
  height: 430px !important;
  top: auto !important;
  left: auto !important;
  right: -145px !important;
  bottom: -270px !important;
  border: 1px solid rgba(143, 228, 255, .25) !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: 0 0 0 65px rgba(143, 228, 255, .035),
              0 0 0 130px rgba(143, 228, 255, .025) !important;
  pointer-events: none;
}

/* Keep India Operations on one line in the desktop footer. */
@media (min-width: 1121px) {
  .ltx-footer-v2 .ltx-footer-location-card + .ltx-footer-location-card { padding-right: 8px !important; }
  .ltx-footer-v2 .ltx-footer-location-card + .ltx-footer-location-card h4 { white-space: nowrap !important; }
}


/* Increase desktop header menu labels by one typographic point. */
@media (min-width: 1241px) {
  .site-header .site-nav > a,
  .site-header .site-nav > .ltx-nav-dropdown > a { font-size: calc(.76rem + 1pt) !important; }
}
@media (min-width: 1081px) and (max-width: 1240px) {
  .site-header .site-nav > a,
  .site-header .site-nav > .ltx-nav-dropdown > a { font-size: calc(.7rem + 1pt) !important; }
}

/* Match the direct links to the dropdown headings. */
@media (min-width: 1241px) {
  body .site-header .site-nav > a { font-size: calc(.76rem + 1pt) !important; }
}
@media (min-width: 1081px) and (max-width: 1240px) {
  body .site-header .site-nav > a { font-size: calc(.7rem + 1pt) !important; }
}


/* Align the header menu with the enlarged Liefertex wordmark. */
.site-header .site-brand img { width: 164px !important; height: auto !important; }
@media (min-width: 1081px) {
  .site-header .site-nav,
  .site-header .ltx-language-top,
  .site-header .ltx-drawer-toggle { transform: translateY(4px) !important; }
}

body .site-header .site-brand img { width: 164px !important; height: auto !important; }

/* Keep the symbol at its original size while enlarging only the wordmark. */
.site-header .site-brand { position: relative !important; }
body .site-header .site-brand img { clip-path: inset(0 0 0 50px) !important; }
.site-header .site-brand::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 51px;
  background: url("/wp-content/themes/liefertex-final/site/liefertex-optimized/assets/liefertex-header-logo.png") left center / 154px auto no-repeat;
  pointer-events: none;
}

/* Make the lettering visibly larger; preserve the symbol at 154px. */
body .site-header .site-brand img { width: 178px !important; clip-path: inset(0 0 0 53px) !important; }

/* A further two-point increase for the wordmark only. */
body .site-header .site-brand img { width: 201px !important; margin-left: -16px !important; clip-path: inset(0 0 0 60px) !important; }
body .site-header .site-brand img { flex-shrink: 0 !important; }
body .site-header .site-brand img { max-width: none !important; }

/* Center the symbol against the wordmark and restore breathing room. */
body .site-header .site-brand img { margin-left: -8px !important; }
.site-header .site-brand::before { top: calc(50% + 3px) !important; }
@media (min-width: 1081px) and (max-width: 1240px) {
  body .site-header .site-nav { gap: 10px !important; }
}

/* Wrap the English home hero before “and supply chains”. */
@media (min-width: 851px) {
  .ltx-reel-copy h1 { max-width: 21.5em !important; white-space: normal !important; }
  .ltx-reel-copy h1 .ltx-hero-line { white-space: normal !important; }
}

/* Keep the German hero at its previous desktop width. */
@media (min-width: 851px) {
  html[lang="de-CH"] .ltx-reel-copy h1 { max-width: none !important; white-space: nowrap !important; }
}

/* Keep the outgoing page visible while the next page paints. */
@keyframes ltx-page-fade-out { to { opacity: 0; } }
@keyframes ltx-page-fade-in { from { opacity: 0; } }
@media (prefers-reduced-motion: no-preference) {
  ::view-transition-old(root) { animation: 220ms ease-out both ltx-page-fade-out !important; }
  ::view-transition-new(root) { animation: 220ms ease-in both ltx-page-fade-in !important; }
}

/* Align the India marker with southern Tamil Nadu on the About map. */
body .about-map-point--in { left: calc(71.7% - 4mm + 4px) !important; top: calc(50% - 13mm - 9px) !important; }
body .about-map-point--in::after { display: none !important; }

/* The map image uses cover: anchor the India point to the image at each layout. */
@media (max-width: 620px) {
  body .about-map-point--in { left: calc(50% + 129px) !important; top: calc(50% - 5px) !important; }
}
@media (min-width: 621px) and (max-width: 900px) {
  body .about-map-point--in { left: calc(50% + 169px) !important; top: calc(50% - 7px) !important; }
}
@media (min-width: 901px) {
  body .about-map-point--in { left: 71.3% !important; top: 47.5% !important; }
}

/* Align the footer contact heading with the contact details. */
.ltx-footer-v2 #footer-contact-title { transform: translateX(-5mm) !important; }

/* Spacious, Bain-inspired header panels; keep Liefertex colours and labels. */
@media (min-width: 1081px) {
  .site-header .site-nav { transform: none !important; position: relative !important; top: 4px !important; }
  .site-header .ltx-nav-dropdown::before { content: ""; position: absolute; top: 100%; left: 0; width: 100%; height: 40px; }
  .site-header .ltx-nav-mega-menu { left: 0 !important; right: 0 !important; width: 100% !important; box-sizing: border-box !important; top: calc(81px + var(--wp-admin--admin-bar--height, 0px)) !important; padding: 28px max(38px, calc((100vw - 1120px) / 2)) 34px !important; }
  .site-header .ltx-nav-menu-grid { width: 100% !important; max-width: 1120px !important; gap: 52px !important; }
  .site-header .ltx-nav-menu-grid.ltx-cols-1 .ltx-nav-menu-group { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; column-gap: 42px !important; row-gap: 0 !important; }
  .site-header .ltx-nav-menu-group { gap: 0 !important; min-width: 0 !important; }
  .site-header .ltx-nav-menu-group strong { margin-bottom: 8px !important; padding-bottom: 12px !important; letter-spacing: .06em !important; text-transform: uppercase !important; }
  .site-header .site-nav .ltx-nav-menu-group a { min-width: 0 !important; min-height: 45px !important; align-items: center !important; padding: 11px 0 !important; border-bottom: 1px solid #e5eaf3 !important; font-size: 15px !important; line-height: 1.4 !important; }
  .site-header .site-nav .ltx-nav-menu-group a::after { flex: 0 0 auto !important; }
}

/* Override later theme rules that compressed the dropdown grid. */
@media (min-width: 1081px) {
  html body .site-header .ltx-nav-mega-menu { top: calc(81px + var(--wp-admin--admin-bar--height, 0px)) !important; left: 0 !important; right: 0 !important; width: 100% !important; padding: 28px max(38px, calc((100vw - 1120px) / 2)) 34px !important; }
  html body .site-header .ltx-nav-menu-grid { width: 100% !important; max-width: 1120px !important; gap: 52px !important; }
  html body .site-header .ltx-nav-menu-grid.ltx-cols-1 .ltx-nav-menu-group { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; column-gap: 42px !important; row-gap: 0 !important; }
  html body .site-header .ltx-nav-menu-group { gap: 0 !important; min-width: 0 !important; }
  html body .site-header .ltx-nav-menu-group strong { margin-bottom: 8px !important; padding-bottom: 12px !important; letter-spacing: .06em !important; text-transform: uppercase !important; }
  html body .site-header .site-nav .ltx-nav-menu-group a { min-width: 0 !important; min-height: 45px !important; align-items: center !important; padding: 11px 0 !important; border-bottom: 1px solid #e5eaf3 !important; font-size: 15px !important; line-height: 1.4 !important; }
}

/* Shorten the three Source / Develop / Execute cards by 7 mm. */
html body .ltx-conversation-assurances > div { width: calc(100% - 7mm) !important; justify-self: start !important; box-sizing: border-box !important; }

/* Match the German homepage support selector on the English homepage. */
html[lang^="en"] .ltx-conversation-assurances:not(.ltx-english-selector){display:none!important}
html:not([lang^="en"]) .ltx-english-selector{display:none!important}
html[lang^="en"] .ltx-conversation-assurances.ltx-english-selector{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:90px minmax(0,1fr);gap:16px;align-content:stretch;box-sizing:border-box;min-height:376px}
html[lang^="en"] .ltx-english-selector>input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html[lang^="en"] .ltx-english-selector .ltx-support-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
html[lang^="en"] .ltx-english-selector .ltx-support-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:6px 2px;border:0;border-bottom:2px solid rgba(143,228,255,.22);border-radius:6px 6px 0 0;background:transparent;color:#8fe4ff;cursor:pointer}
html[lang^="en"] .ltx-english-selector .ltx-support-tab span{width:38px;height:38px;margin:0}
html[lang^="en"] .ltx-english-selector .ltx-support-tab b{font-size:10px!important;letter-spacing:.04em;text-transform:uppercase;color:#8fe4ff;line-height:1.3}
html[lang^="en"] .ltx-english-selector #ltx-en-support-1:checked~.ltx-support-steps label[for="ltx-en-support-1"],html[lang^="en"] .ltx-english-selector #ltx-en-support-2:checked~.ltx-support-steps label[for="ltx-en-support-2"],html[lang^="en"] .ltx-english-selector #ltx-en-support-3:checked~.ltx-support-steps label[for="ltx-en-support-3"]{background:rgba(92,174,255,.14);border-bottom-color:#69d9ff}
html[lang^="en"] .ltx-english-selector #ltx-en-support-1:focus-visible~.ltx-support-steps label[for="ltx-en-support-1"],html[lang^="en"] .ltx-english-selector #ltx-en-support-2:focus-visible~.ltx-support-steps label[for="ltx-en-support-2"],html[lang^="en"] .ltx-english-selector #ltx-en-support-3:focus-visible~.ltx-support-steps label[for="ltx-en-support-3"]{outline:2px solid #8fe4ff;outline-offset:2px}
html[lang^="en"] .ltx-english-selector .ltx-support-detail{padding:14px 16px;border:1px solid rgba(143,228,255,.2);border-radius:8px;background:rgba(4,20,48,.22);min-height:0;overflow:auto}
html[lang^="en"] .ltx-english-selector .ltx-support-view{display:none}
html[lang^="en"] .ltx-english-selector #ltx-en-support-1:checked~.ltx-support-detail .ltx-support-view-1,html[lang^="en"] .ltx-english-selector #ltx-en-support-2:checked~.ltx-support-detail .ltx-support-view-2,html[lang^="en"] .ltx-english-selector #ltx-en-support-3:checked~.ltx-support-detail .ltx-support-view-3{display:block}
html[lang^="en"] .ltx-english-selector .ltx-support-count{font-size:11px!important;letter-spacing:.08em;color:#8fe4ff!important;font-weight:800;margin:0 0 10px;line-height:1.3}
html[lang^="en"] .ltx-english-selector .ltx-support-detail h3{font-size:17px!important;line-height:1.3!important;color:#fff!important;margin:0 0 10px;font-weight:750}
html[lang^="en"] .ltx-english-selector .ltx-support-description{font-size:15px!important;line-height:1.55!important;color:#e0edff!important;margin:0;text-align:left}

/* Responsive hover feedback for English home support choices. */
html[lang^="en"] .ltx-english-selector .ltx-support-tab{transition:background-color .18s ease,border-color .18s ease,color .18s ease}
html[lang^="en"] .ltx-english-selector .ltx-support-view{animation:ltx-en-support-reveal .18s ease-out both}
@keyframes ltx-en-support-reveal{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html[lang^="en"] .ltx-english-selector .ltx-support-tab{transition:none}html[lang^="en"] .ltx-english-selector .ltx-support-view{animation:none}}

/* Align desktop language and drawer controls with the navigation text. */
@media (min-width:1081px){.site-header .ltx-language-top,.site-header .ltx-drawer-toggle{transform:none!important}}

/* Raise the header brand by 1 mm on desktop. */
@media (min-width:1081px){.site-header .site-brand{transform:translateY(-1mm)!important}}

/* About hero: crop the exact soft-edged flag artwork from the header logo. */
body .liefertex-hero--name-reveal .lf-name-reveal__logo{background:url("/wp-content/themes/liefertex-final/site/liefertex-optimized/assets/liefertex-header-logo.png") 3.57% 48% / 382.83% 125.25% no-repeat!important}
body .liefertex-hero--name-reveal .lf-name-reveal__logo img{visibility:hidden!important}

/* Lift both About hero animations 5 mm and protect slogan descenders. */
body .liefertex-hero--name-reveal .lf-name-reveal{top:-5mm!important}
body .liefertex-hero--name-reveal .liefertex-hero__motto-box{padding-bottom:8px!important}

/* High-quality vector flag mark for both About hero animations. */
body .liefertex-hero--name-reveal .lf-name-reveal__logo{background:url("/wp-content/themes/liefertex-final/site/liefertex-optimized/assets/liefertex-mark-color.svg?rev=3") center / contain no-repeat!important}

/* Language dropdown directly beneath EN/DE, centered on desktop. */
body .site-header .ltx-language-top details .ltx-language-menu{top:100%!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important}
@media(max-width:600px){body .site-header .ltx-language-top details .ltx-language-menu{left:auto!important;right:0!important;transform:none!important}}

/* Place the India Operations marker over Virudhunagar on the stylized map. */
.about-locations__map .about-map-point--in{left:71.8%!important;top:49.4%!important;transform:translate(-50%,-50%)!important;color:#ffb547!important;background:#ffb547!important;box-shadow:0 0 0 5px rgba(255,181,71,.36),0 0 16px rgba(255,181,71,.65),0 6px 16px rgba(3,18,44,.48)!important}
.about-locations__map .about-map-point--in::after{display:none!important}
.about-locations__map .about-map-label--in{top:calc(43% - 11mm)!important}
@media(min-width:621px) and (max-width:900px){.about-locations__map .about-map-point--in{left:calc(50% + max(21.8%, 170px))!important}}
@media(max-width:620px){.about-locations__map .about-map-point--in{left:calc(50% + 130px)!important;transform:translate(-50%,-50%) scale(.78)!important}}

/* Final southern Tamil Nadu alignment on the source map. */
.about-locations__map .about-map-point--in{left:71.55%!important;top:48.1%!important}
.about-locations__map .about-map-label--in{top:calc(43% - 5.25mm)!important}
@media(min-width:621px) and (max-width:900px){.about-locations__map .about-map-point--in{left:calc(50% + max(21.55%, 170px))!important}}

/* Keep the India Operations marker tail visible below the amber pin. */
.about-locations__map .about-map-point--in::after{display:block!important;width:3px!important;background:#ffb547!important;box-shadow:0 0 0 1px rgba(3,18,44,.65),0 0 8px rgba(255,181,71,.7)!important}

/* Align the tail endpoint with Virudhunagar in southern Tamil Nadu. */
.about-locations__map .about-map-point--in{top:42.7%!important}
.about-locations__map .about-map-label--in{top:calc(43% - 11mm)!important}

/* Keep the tail endpoint on Virudhunagar at every map width. */
.about-locations__map .about-map-point--in{top:calc(50% - 31px)!important}
@media(max-width:620px){.about-locations__map .about-map-point--in{top:calc(50% - 24px)!important}}

/* Match India to the St. Gallen marker: one connected pin, positioned as a unit. */
.about-locations__map .about-map-point--in{left:calc(71.55% - 9px)!important;top:calc(50% - 40px)!important;transform:none!important;color:#ffb547!important;background:#ffb547!important;box-shadow:0 0 0 5px rgba(143,228,255,.28),0 6px 16px rgba(3,18,44,.35)!important}
.about-locations__map .about-map-point--in::after{display:block!important;left:50%!important;top:13px!important;width:2px!important;height:26px!important;background:currentColor!important;box-shadow:none!important;transform:translateX(-50%)!important}
@media(min-width:621px) and (max-width:900px){.about-locations__map .about-map-point--in{left:calc(50% + max(21.55%, 170px) - 9px)!important}}
@media(max-width:620px){.about-locations__map .about-map-point--in{left:calc(50% + 121px)!important;top:calc(50% - 32px)!important;transform:scale(.78)!important}}

/* One-piece India location pin; its tip marks Virudhunagar. */
.about-locations__map .about-map-point--in{left:calc(71.55% - 12px)!important;top:calc(50% - 42px)!important;width:24px!important;height:42px!important;border:0!important;border-radius:0!important;transform:none!important;background:transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2242%22%20viewBox%3D%220%200%2024%2042%22%3E%3Cpath%20d%3D%22M12%2012V40%22%20stroke%3D%22%23ffb547%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2211%22%20r%3D%228.5%22%20fill%3D%22%23ffb547%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;box-shadow:none!important;filter:drop-shadow(0 2px 5px rgba(3,18,44,.5))!important}
.about-locations__map .about-map-point--in::after{content:none!important;display:none!important}
@media(min-width:621px) and (max-width:900px){.about-locations__map .about-map-point--in{left:calc(50% + max(21.55%, 170px) - 12px)!important}}
@media(max-width:620px){.about-locations__map .about-map-point--in{left:calc(50% + 118px)!important;top:calc(50% - 37px)!important;transform:scale(.78)!important}}

/* Fine-position the complete Virudhunagar pin. */
.about-locations__map .about-map-point--in{margin:-1mm 0 0 3.5mm!important}


/* Original high-resolution Liefertex artwork, 28 September 2026. */
img[src$="liefertex-header-logo.png"] { content: url("https://liefertex.com/wp-content/uploads/2026/09/liefertex-header-original-hq-20260928.png") !important; }
img[src$="liefertex-footer-logo.png"] { content: url("https://liefertex.com/wp-content/uploads/2026/09/liefertex-footer-original-hq-20260928.png") !important; }
img[src$="liefertex-mark-color.svg"] { content: url("https://liefertex.com/wp-content/uploads/2026/09/liefertex-mark-original-hq-20260928.png") !important; }


/* Restore homepage hero to the earlier plain blue gradient. */
body .ltx-reel-frame{background:linear-gradient(110deg,#081e4d 0%,#174b9c 54%,#2878c5 100%)!important;overflow:hidden!important}
body .ltx-reel-frame::before{content:none!important;background:none!important;filter:none!important}
body .ltx-reel-frame img{visibility:hidden!important;filter:none!important}
body .ltx-reel::after{background:none!important}


/* Keep the German Strategic Sourcing title on one line when space allows. */
@media (min-width: 820px) {
  html[lang^="de"] .sqd-page .sqd-hero h1 { max-width: none !important; }
}


/* Match the desktop page scale to the approved 90% browser view. */
@media (min-width: 1081px) {
  html { zoom: 90%; }
}


/* J1 bright blue heading bands across service detail pages, EN and DE. */
.svc-capability-stage,.qual-capability-stage,.pm-focus-stage,.sales-core-stage{display:flex!important;align-items:center!important;gap:23px!important;width:100%!important;min-height:108px!important;margin:0 0 24px!important;padding:23px 29px!important;border-radius:9px!important;box-sizing:border-box!important;background:#3d5be6!important;color:#fff!important;font:800 23px/1.3 "Mulish",Arial,sans-serif!important;letter-spacing:-.025em!important;text-transform:none!important}
.service-title-badge{display:grid!important;place-items:center!important;align-self:stretch!important;width:auto!important;height:auto!important;flex:none!important;padding-right:22px!important;border-right:1px solid rgba(255,255,255,.55)!important;border-radius:0!important;background:transparent!important;color:#caf5ff!important;font:800 37px/1 "Mulish",Arial,sans-serif!important;letter-spacing:0!important;box-shadow:none!important}
.service-title-text{min-width:0!important;overflow-wrap:anywhere!important}
@media(max-width:640px){.svc-capability-stage,.qual-capability-stage,.pm-focus-stage,.sales-core-stage{gap:12px!important;min-height:82px!important;padding:16px 14px!important;font-size:17px!important}.service-title-badge{padding-right:12px!important;font-size:27px!important}}

/* Theme title styles load after Additional CSS; increase selector priority. */
body .svc-capability-stage,body .qual-capability-stage,body .pm-focus-stage,body .sales-core-stage{gap:23px!important;color:#fff!important;font:800 23px/1.3 "Mulish",Arial,sans-serif!important;letter-spacing:-.025em!important}
@media(max-width:640px){body .svc-capability-stage,body .qual-capability-stage,body .pm-focus-stage,body .sales-core-stage{gap:12px!important;font-size:17px!important}}


/* Compact J1 bands: single-line titles at desktop widths. */
body .svc-capability-stage,body .qual-capability-stage,body .pm-focus-stage,body .sales-core-stage{gap:12px!important;min-height:0!important;padding:9px 16px!important;font:800 18px/1.2 "Mulish",Arial,sans-serif!important;white-space:nowrap!important}
.service-title-badge{padding-right:12px!important;font-size:28px!important}
.service-title-text{white-space:nowrap!important;overflow-wrap:normal!important}
@media(min-width:641px) and (max-width:700px){body .svc-capability-stage,body .qual-capability-stage,body .pm-focus-stage,body .sales-core-stage{gap:9px!important;padding:9px 11px!important;font-size:16px!important}.service-title-badge{padding-right:9px!important;font-size:24px!important}}
@media(max-width:640px){body .svc-capability-stage,body .qual-capability-stage,body .pm-focus-stage,body .sales-core-stage{gap:9px!important;padding:9px 11px!important;font-size:16px!important;white-space:normal!important}.service-title-badge{padding-right:9px!important;font-size:24px!important}.service-title-text{white-space:normal!important;overflow-wrap:anywhere!important}}


/* Keep header and footer content edges aligned on wide screens (EN and DE). */
@media (min-width: 1401px) {
  body .site-footer .ltx-wrap { width: min(1320px, calc(100% - 48px)) !important; }
}


/* Shared EN/DE homepage hero: longer text lines and quiet bottom slide markers. */
@media (min-width: 901px) { .ltx-home-carousel__copy { width: min(1080px, 100%) !important; max-width: none !important; } .ltx-home-carousel__copy p { max-width: 1080px !important; } }
@media (min-width: 601px) and (max-width: 900px) { .ltx-home-carousel__copy { width: 100% !important; max-width: none !important; } .ltx-home-carousel__copy p { max-width: 100% !important; } }
.ltx-home-carousel__slide[data-slide="0"] { --ltx-active-dot: 6px; }
.ltx-home-carousel__slide[data-slide="1"] { --ltx-active-dot: 34px; }
.ltx-home-carousel__slide[data-slide="2"] { --ltx-active-dot: 62px; }
.ltx-home-carousel__slide[data-slide="3"] { --ltx-active-dot: 90px; }
.ltx-home-carousel__slide[data-slide="4"] { --ltx-active-dot: 118px; }
.ltx-home-carousel__slide::after { content: ""; position: absolute; z-index: 2; bottom: 22px; left: 50%; width: 124px; height: 12px; transform: translateX(-50%); pointer-events: none; background: radial-gradient(circle at var(--ltx-active-dot) 50%, #fff 0 4px, transparent 4.5px), radial-gradient(circle at 6px 50%, rgba(255,255,255,.5) 0 3px, transparent 3.5px), radial-gradient(circle at 34px 50%, rgba(255,255,255,.5) 0 3px, transparent 3.5px), radial-gradient(circle at 62px 50%, rgba(255,255,255,.5) 0 3px, transparent 3.5px), radial-gradient(circle at 90px 50%, rgba(255,255,255,.5) 0 3px, transparent 3.5px), radial-gradient(circle at 118px 50%, rgba(255,255,255,.5) 0 3px, transparent 3.5px); filter: drop-shadow(0 1px 3px rgba(0,0,0,.6)); }
@media (max-width: 600px) { .ltx-home-carousel__slide::after { bottom: 16px; } }


/* Shared 1180px content grid: header, homepage sections and footer. */
@media (min-width: 1401px) {
  html body .site-header .ltx-wrap { width: min(1180px, calc(100% - 40px)) !important; }
  html body .site-header .site-brand { margin-right: 0 !important; }
  html body .site-header nav#site-nav.site-nav { gap: 16px !important; }
  html body .site-footer.ltx-footer-v2 .ltx-wrap { width: min(1180px, calc(100% - 40px)) !important; }
}

/* About name reveal: approved brand mark and spacing at assembly. */
.liefertex-hero--name-reveal .lf-name-reveal__logo { background: none !important; }
.liefertex-hero--name-reveal .lf-name-reveal__logo img { visibility: visible !important; content: url("https://liefertex.com/wp-content/uploads/2026/09/liefertex-mark-original-hq-20260928.png") !important; display: block; width: 100%; height: 100%; object-fit: contain; }
.liefertex-hero--name-reveal .lf-name-reveal__word .lf-name-reveal__fragment { padding-right: .12em; }
.liefertex-hero--name-reveal .lf-name-reveal__word + .lf-name-reveal__word + .lf-name-reveal__word .lf-name-reveal__fragment { padding-right: 0; }

/* Supersede the older About logo override. */
html body .liefertex-hero--name-reveal .lf-name-reveal__logo { background: none !important; }
html body .liefertex-hero--name-reveal .lf-name-reveal__logo img { visibility: visible !important; content: url("https://liefertex.com/wp-content/uploads/2026/09/liefertex-mark-original-hq-20260928.png") !important; }

/* Keep a visible gap as Lie, fer and tex assemble. */
.liefertex-hero--name-reveal .lf-name-reveal { --lf-assembled-gap: clamp(5px, .18em, 8px); }
.liefertex-hero--name-reveal .lf-name-reveal__logo { left: calc(var(--lf-logo-left, 0px) - var(--lf-assembled-gap)) !important; }
.liefertex-hero--name-reveal .lf-name-reveal__word { --lf-final-offset: calc(-1 * var(--lf-assembled-gap)); animation-name: lf-name-travel-spaced, lf-name-cycle !important; }
.liefertex-hero--name-reveal .lf-name-reveal__word + .lf-name-reveal__word { --lf-final-offset: 0px; animation-name: lf-name-travel-spaced, lf-name-cycle-second !important; }
.liefertex-hero--name-reveal .lf-name-reveal__word + .lf-name-reveal__word + .lf-name-reveal__word { --lf-final-offset: var(--lf-assembled-gap); animation-name: lf-name-travel-spaced, lf-name-cycle-third !important; }
@keyframes lf-name-travel-spaced { 0%,40.333334%,98.266667%,100% { transform: translateX(var(--lf-start)); } 50.6%,55% { transform: translateX(var(--lf-join)); } 63.8%,97.4% { transform: translateX(calc(var(--lf-end) + var(--lf-final-offset))); } }

/* Final optical kerning keeps the three parts reading as one word. */
.liefertex-hero--name-reveal .lf-name-reveal { --lf-assembled-gap: 5px; }

/* DE home: let the services introduction use the same width as its title. */
html[lang^="de"] #services .ltx-what-heading > p.ltx-readable-body { max-width: none !important; }

/* Keep footer geometry consistent across EN, DE and page templates. */
html .site-footer.ltx-footer-v2 .ltx-wrap { width: min(1180px, calc(100% - 76px)) !important; padding-inline: 0 !important; }
@media (min-width: 1121px) {
  html .site-footer.ltx-footer-v2 .ltx-wrap .ltx-footer-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, 1.55fr) minmax(0, .7fr) !important; gap: clamp(34px, 4vw, 74px) !important; }
}
@media (min-width: 681px) and (max-width: 1120px) {
  html .site-footer.ltx-footer-v2 .ltx-wrap .ltx-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: clamp(34px, 4vw, 74px) !important; }
}
@media (max-width: 680px) {
  html .site-footer.ltx-footer-v2 .ltx-wrap { width: min(100% - 34px, 1420px) !important; }
  html .site-footer.ltx-footer-v2 .ltx-wrap .ltx-footer-grid { grid-template-columns: 1fr !important; gap: 42px !important; }
}

/* Keep the legal row the same height in both languages on tablets. */
@media (min-width: 681px) and (max-width: 1120px) {
  html .site-footer.ltx-footer-v2 .ltx-wrap .ltx-footer-bottom { flex-direction: column !important; align-items: flex-start !important; gap: 16px !important; }
}

/* DE Strategic Sourcing: size numbered title bars to their text. */
html[lang^="de"] .svc-capability-list .svc-capability-stage { width: max-content !important; max-width: 100% !important; align-self: flex-start !important; }
@media (max-width: 700px) {
  html[lang^="de"] .svc-capability-list .svc-capability-stage,
  html[lang^="de"] .svc-capability-list .service-title-text { white-space: normal !important; }
}

/* Keep long DE title bars inside the mobile column. */
@media (max-width: 700px) {
  html[lang^="de"] .svc-capability-list .svc-capability-stage { width: 100% !important; max-width: 100% !important; min-width: 0 !important; }
  html[lang^="de"] .svc-capability-list .service-title-text { min-width: 0 !important; overflow-wrap: anywhere !important; }
}

/* DE How We Work: compensate for the site's 90% desktop root zoom so the hero reaches both viewport edges. */
@media (min-width: 1081px) {
  html[lang^="de"] .ltx-how-we-work-page > .ltx-engage-hero {
    width: 111.111111vw !important;
    margin-left: calc(50% - 55.555556vw) !important;
    margin-right: calc(50% - 55.555556vw) !important;
  }
}

/* DE Insights: use the heading hierarchy shared by Services, Industries and Expertise. */
html[lang^="de"] .ltx-insights .ltx-insights-card h2 { font-family: Mulish, Arial, sans-serif !important; font-weight: 700 !important; letter-spacing: -.025em !important; line-height: 1.2 !important; }
html[lang^="de"] .ltx-insights .ltx-insights-positioning h2 { font-family: Mulish, Arial, sans-serif !important; font-size: clamp(1.55rem, 2vw, 1.75rem) !important; font-weight: 600 !important; line-height: 1.08 !important; letter-spacing: -.025em !important; }
html[lang^="de"] .ltx-insights .ltx-engage-cta h2 { margin: 0 0 17px !important; font-family: Mulish, Arial, sans-serif !important; font-size: clamp(1.4rem, 2.08vw, 2.12rem) !important; font-weight: 600 !important; line-height: 1.08 !important; letter-spacing: -.04em !important; }
html[lang^="de"] .ltx-insights .ltx-engage-cta p { margin: 0 !important; font-size: .92rem !important; line-height: 1.65 !important; }

/* DE bottom callouts: carry the rounded Insights box design across service slogans. */
html[lang^="de"] .ltx-insights .ltx-engage-cta { border-radius: 28px !important; }
html[lang^="de"] :is(.svc-responsibility, .sqd-responsibility, .svc-quote-band) > .sqd-wrap {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
  border-left: 0 !important;
  border-radius: 28px !important;
  background: radial-gradient(circle at 88% 12%, rgba(49, 91, 214, .42), transparent 38%), #061a3d !important;
}
html[lang^="de"] :is(.svc-responsibility, .sqd-responsibility, .svc-quote-band) > .sqd-wrap::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 480px;
  height: 480px;
  right: -190px;
  top: -260px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 50%;
  box-shadow: 0 0 0 44px rgba(255, 255, 255, .04), 0 0 0 85px rgba(255, 255, 255, .035);
  pointer-events: none;
}
@media (max-width: 800px) {
  html[lang^="de"] .ltx-insights .ltx-engage-cta,
  html[lang^="de"] :is(.svc-responsibility, .sqd-responsibility, .svc-quote-band) > .sqd-wrap { border-radius: 22px !important; }
}

/* Compact the homepage contact panel in both languages without changing its content or tabs. */
html .ltx-conversation-assurances:is(.ltx-support-selector, .ltx-english-selector) {
  height: auto !important;
  min-height: 0 !important;
  grid-template-rows: 76px auto !important;
  align-content: start !important;
  gap: 12px !important;
}
html .ltx-conversation-assurances:is(.ltx-support-selector, .ltx-english-selector) .ltx-support-steps { height: 76px !important; }
html .ltx-conversation-assurances:is(.ltx-support-selector, .ltx-english-selector) .ltx-support-detail {
  height: auto !important;
  min-height: 160px !important;
  overflow: visible !important;
}
@media (min-width: 951px) {
  html .ltx-conversation-main { gap: 32px !important; padding: 30px 44px !important; }
  html .ltx-conversation-copy h3 { margin-bottom: 14px !important; }
  html .ltx-conversation-actions { margin-top: 24px !important; }
  html .ltx-conversation-confidential { margin-top: 22px !important; }
  html .ltx-conversation-assurances:is(.ltx-support-selector, .ltx-english-selector) { align-self: center !important; }
}

/* EN supplier registration: full-width hero without the preparation sidebar. */
html[lang^="en"] .sqd-hero.registration-hero .registration-hero-card { display: none !important; }
html[lang^="en"] .sqd-hero.registration-hero .sqd-hero-content { grid-template-columns: minmax(0, 1fr) !important; }
html[lang^="en"] .sqd-hero.registration-hero .registration-hero-copy,
html[lang^="en"] .sqd-hero.registration-hero h1#supplier-registration-title { width: 100% !important; max-width: none !important; }
@media (min-width: 1081px) {
  html[lang^="en"] .sqd-hero.registration-hero {
    width: 111.111111vw !important;
    margin-left: calc(50% - 55.555556vw) !important;
    margin-right: calc(50% - 55.555556vw) !important;
  }
  html[lang^="en"] .sqd-hero.registration-hero h1#supplier-registration-title { white-space: nowrap !important; }
}
@media (max-width: 1080px) {
  html[lang^="en"] .sqd-hero.registration-hero { width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; }
  html[lang^="en"] .sqd-hero.registration-hero h1#supplier-registration-title { white-space: normal !important; }
}

/* DE contact: full-bleed hero and single-line desktop heading. */
html[lang^="de"] .ltx-contact-v3 .ltx-contact-v3__hero h1 { max-width: none !important; }
@media (min-width: 1081px) {
  html[lang^="de"] .ltx-contact-v3 .ltx-contact-v3__hero {
    width: 111.111111vw !important;
    margin-left: calc(50% - 55.555556vw) !important;
    margin-right: calc(50% - 55.555556vw) !important;
  }
  html[lang^="de"] .ltx-contact-v3 .ltx-contact-v3__hero h1 { white-space: nowrap !important; }
}
@media (max-width: 1080px) {
  html[lang^="de"] .ltx-contact-v3 .ltx-contact-v3__hero {
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
  }
  html[lang^="de"] .ltx-contact-v3 .ltx-contact-v3__hero h1 { white-space: normal !important; }
}

/* DE contact: make the supplier registration link a rounded outline button. */
html[lang^="de"] .ltx-contact-v3__supplier > a[href="/de/supplier-registration/"] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 12px 20px !important;
  border: 1.5px solid #315bd6 !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #315bd6 !important;
  text-decoration: none !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
html[lang^="de"] .ltx-contact-v3__supplier > a[href="/de/supplier-registration/"]:hover,
html[lang^="de"] .ltx-contact-v3__supplier > a[href="/de/supplier-registration/"]:focus-visible {
  background: #315bd6 !important;
  color: #fff !important;
}

/* DE service slogans: use sharp corners on the bottom statement boxes. */
html[lang^="de"] :is(.svc-responsibility, .sqd-responsibility, .svc-quote-band) > .sqd-wrap { border-radius: 0 !important; }
@media (max-width: 800px) {
  html[lang^="de"] :is(.svc-responsibility, .sqd-responsibility, .svc-quote-band) > .sqd-wrap { border-radius: 0 !important; }
}

/* DE home carousel: anchor all five headings and descriptions to shared positions. */
@media (min-width: 1101px) {
  html[lang^="de"] .ltx-home-carousel__slide { align-items: flex-start !important; padding-top: 238px !important; }
  html[lang^="de"] .ltx-home-carousel__copy h1 { min-height: 2.16em !important; }
}
@media (min-width: 901px) and (max-width: 1100px) {
  html[lang^="de"] .ltx-home-carousel__slide { align-items: flex-start !important; padding-top: 200px !important; }
  html[lang^="de"] .ltx-home-carousel__copy h1 { min-height: 3.24em !important; }
}
@media (min-width: 601px) and (max-width: 900px) {
  html[lang^="de"] .ltx-home-carousel__slide { align-items: flex-start !important; padding-top: 140px !important; }
  html[lang^="de"] .ltx-home-carousel__copy h1 { min-height: 4.32em !important; }
}
@media (max-width: 600px) {
  html[lang^="de"] .ltx-home-carousel__copy h1 { min-height: 5.6em !important; }
}

/* Service section number bars: fit the label in both languages. */
html :is(.svc-capability-stage, .qual-capability-stage, .pm-focus-stage, .sales-core-stage)[data-badge-ready] {
  width: max-content !important;
  max-width: 100% !important;
  min-width: 0 !important;
  align-self: flex-start !important;
}
@media (max-width: 700px) {
  html :is(.svc-capability-stage, .qual-capability-stage, .pm-focus-stage, .sales-core-stage)[data-badge-ready],
  html[lang^="de"] .svc-capability-list .svc-capability-stage[data-badge-ready] {
    width: fit-content !important;
    max-width: 100% !important;
  }
  html :is(.svc-capability-stage, .qual-capability-stage, .pm-focus-stage, .sales-core-stage) .service-title-text {
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }
}
/* Service slogan boxes: matching square navy treatment in EN and DE. */
html :is(.svc-responsibility, .sqd-responsibility, .svc-quote-band) > .sqd-wrap {
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  background: radial-gradient(circle at 88% 12%, rgba(49, 91, 214, .42), transparent 38%), #061a3d !important;
}
html :is(.svc-responsibility, .sqd-responsibility, .svc-quote-band) > .sqd-wrap::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 480px;
  height: 480px;
  right: -190px;
  top: -260px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 50%;
  box-shadow: 0 0 0 44px rgba(255, 255, 255, .04), 0 0 0 85px rgba(255, 255, 255, .035);
  pointer-events: none;
}

/* Style A: large technical outline icons on the original project rail. */
html .pm-project-grid .pm-project-card > span {
  display: block !important;
  width: 64px !important;
  height: 64px !important;
  margin: 0 auto 8px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 60px 60px !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
html .pm-project-grid .pm-project-card:nth-child(1) > span { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%20stroke%3D%22%233157d5%22%20stroke-width%3D%223.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2012h20v37H4zM9%2019h10M9%2025h6%22%2F%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2236%22%20r%3D%225%22%2F%3E%3Cpath%20d%3D%22M14%2031v10m-5-5h10M27%2030h11m-5-5%205%205-5%205M40%2049V30l7-6v6l7-6v6h6v19H40Z%22%2F%3E%3C%2Fsvg%3E") !important; }
html .pm-project-grid .pm-project-card:nth-child(2) > span { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%20stroke%3D%22%233157d5%22%20stroke-width%3D%223.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2053V28l12%208v-8l12%208V16h23v37H6Z%22%2F%3E%3Cpath%20d%3D%22M40%2023h7M12%2047h5m9%200h5m9%200h5%22%2F%3E%3Cpath%20d%3D%22m22%2040%209-5-9-5v10Z%22%2F%3E%3C%2Fsvg%3E") !important; }
html .pm-project-grid .pm-project-card:nth-child(3) > span { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%20stroke%3D%22%233157d5%22%20stroke-width%3D%223.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2053V31l9%206v-6l9%206v16H5Zm36%200V31l9%206v-6l9%206v16H41Z%22%2F%3E%3Cpath%20d%3D%22M21%2019h24m-7-7%207%207-7%207M12%2047h4m34%200h4%22%2F%3E%3C%2Fsvg%3E") !important; }
html .pm-project-grid .pm-project-card:nth-child(4) > span { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%20stroke%3D%22%233157d5%22%20stroke-width%3D%223.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m30%2015%2020%2011v21L30%2058%2010%2047V26l20-11Zm-20%2011%2020%2011%2020-11M30%2037v21%22%2F%3E%3Cpath%20d%3D%22M47%205v9m-5-4h10%22%2F%3E%3C%2Fsvg%3E") !important; }

/* About page: align only the two leadership biographies. */
html .about-people .about-person__bio {
  text-align: justify !important;
}

/* Keep both founder biographies justified with language-appropriate spacing. */
html .about-people .about-person:first-child .about-person__bio {
  text-align: justify !important;
}
html[lang^="en"] .about-people .about-person:first-child .about-person__bio {
  text-justify: inter-word;
  hyphens: auto;
}
html[lang^="de"] .about-people .about-person:first-child .about-person__bio {
  text-justify: inter-character;
}