:root{--hk-orange: #F28C28;--hk-dark: #0E151A;--hk-steel: #24343D;--hk-muted: #687984;--hk-surface: #F3F6F7;--hk-white: #FFFFFF;--hk-steel-bg:
    radial-gradient(ellipse 28% 170% at 18% 0%, rgba(255,255,255,.15), transparent 70%),
    radial-gradient(ellipse 28% 170% at 88% 0%, rgba(255,255,255,.10), transparent 72%),
    linear-gradient(100deg, var(--hk-dark) 0%, var(--hk-steel) 42%, var(--hk-dark) 100%);--hk-dark-steel-bg:
    radial-gradient(ellipse 26% 170% at 18% 0%, rgba(255,255,255,.07), transparent 70%),
    radial-gradient(ellipse 26% 170% at 88% 0%, rgba(255,255,255,.05), transparent 72%),
    linear-gradient(100deg, #0A1116 0%, #172229 42%, #0A1116 100%);--hk-blueprint-line: #8FAFDB;--hk-blueprint-line-soft: rgba(143,175,219,.30);--hk-blueprint-grid: rgba(143,175,219,.12);--hk-surface-bg: linear-gradient(135deg, var(--hk-white) 0%, var(--hk-surface) 52%, var(--hk-white) 100%);--hk-energy-gradient: linear-gradient(90deg, transparent 0%, rgba(242,140,40,.60) 16%, var(--hk-orange) 38%, rgba(255,255,255,.96) 50%, var(--hk-orange) 62%, rgba(242,140,40,.60) 84%, transparent 100%);--hk-image-overlay-soft: linear-gradient(180deg, rgba(14,21,26,.04) 0%, rgba(14,21,26,.16) 48%, rgba(14,21,26,.84) 100%);--hk-image-overlay-deep: linear-gradient(180deg, rgba(14,21,26,.10) 0%, rgba(14,21,26,.42) 52%, rgba(14,21,26,.94) 100%);--text-display: clamp(42px, 5vw, 88px);--text-h2: clamp(34px, 4vw, 70px);--text-h3: clamp(22px, 2.2vw, 42px);--text-lead: clamp(17px, 1.35vw, 23px);--text-body: clamp(15px, 1vw, 19px);--text-small: clamp(13px, .86vw, 16px);--text-label: clamp(11px, .72vw, 14px);--text-nav: clamp(15px, 1vw, 19px);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--section-space: clamp(64px, 8vw, 128px);--grid-gap: clamp(20px, 2vw, 32px);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--line-dark: rgba(36,52,61,.12);--line-light: rgba(255,255,255,.12);--shadow-soft: 0 16px 38px rgba(14,21,26,.08);--shadow-card: 0 24px 56px rgba(14,21,26,.12);--shadow-dark: 0 24px 60px rgba(14,21,26,.24);--shadow-hover: 0 24px 58px rgba(14,21,26,.18), 0 0 22px rgba(242,140,40,.12);}
*,*::before,*::after{box-sizing: border-box;}
html{scroll-padding-top: var(--nav-height);}
body{margin: 0;overflow-x: hidden;background: var(--hk-white);color: var(--hk-steel);text-rendering: optimizeLegibility;}
img{display: block;max-width: 100%;}
a{color: inherit;text-decoration: none;}
button,a{-webkit-tap-highlight-color: transparent;}
button{font: inherit;}
p,h1,h2,h3,dl,dd{margin: 0;}
h1,h2,h3{text-wrap: balance;}
.sr-only{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;}
.skip-link{position: fixed;top: var(--space-3);left: var(--space-3);z-index: 9999;padding: var(--space-3) var(--space-5);border-radius: 999px;background: var(--hk-white);color: var(--hk-dark);font-weight: 700;transform: translateY(-160%);}
.skip-link:focus{transform: none;}
.site-header{position: sticky;top: 0;z-index: 1000;display: grid;align-items: center;padding-inline: var(--page-gutter);overflow: hidden;background: var(--hk-steel-bg);border-bottom: 1px solid var(--line-light);box-shadow: var(--shadow-dark);}
.site-header::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 2px;background: var(--hk-energy-gradient);background-size: 240% 100%;animation: energy-flow 5s linear infinite;opacity: .78;}
.brand{display: inline-flex;width: fit-content;align-items: center;}
.main-nav{display: flex;align-items: center;justify-content: center;}
.main-nav a,.language-link{position: relative;color: var(--hk-white);font-weight: 500;line-height: 1;white-space: nowrap;}
.main-nav a::after,.language-link::after{content: "";position: absolute;bottom: -14px;}
.language-link{justify-self: end;}
.menu-toggle{display: none;width: 46px;height: 46px;padding: 10px;border-radius: 0;background: transparent;}
.menu-toggle span:not(.sr-only){display: block;height: 2px;margin: 5px 0;background: var(--hk-white);}
.eyebrow,.card-number{color: var(--hk-orange);font-size: var(--text-label);font-weight: 800;line-height: 1.1;text-transform: uppercase;}
h1{font-size: var(--text-display);font-weight: 700;line-height: .98;letter-spacing: -.02em;}
h2{font-size: var(--text-h2);font-weight: 700;line-height: 1.02;letter-spacing: -.025em;}
h3{font-size: var(--text-h3);font-weight: 700;line-height: 1.08;}
.lead,.section-intro{max-width: 70ch;color: rgba(104,121,132,.92);font-size: var(--text-lead);line-height: 1.58;}
.meta{color: rgba(104,121,132,.82);font-size: var(--text-small);}
.button{position: relative;display: inline-flex;align-items: center;justify-content: center;align-self: flex-start;gap: var(--space-3);min-height: 50px;padding: var(--space-3) var(--space-6);overflow: hidden;border: 1px solid transparent;border-radius: 999px;background: var(--hk-steel);color: var(--hk-white);font-size: var(--text-small);font-weight: 700;line-height: 1.1;isolation: isolate;transition: border-color 240ms ease, background-color 240ms ease, box-shadow 240ms ease;}
.button::before{content: "";position: absolute;inset: auto 0 0;}
.button:hover,.button:focus-visible{outline: none;}
.button__arrow{color: var(--hk-white);}
.button--outline{border-color: var(--line-light);background: rgba(14,21,26,.48);backdrop-filter: blur(12px);}
.text-link{display: inline-flex;align-items: center;gap: var(--space-3);margin-top: auto;color: var(--hk-white);font-size: var(--text-small);font-weight: 700;}
.text-link b{color: var(--hk-orange);font-size: 1.2em;}
.text-link--dark{color: var(--hk-steel);}
.hero__panel,.surface-card,.branch-tile,.split-stage__media,.split-stage__panel{position: relative;min-width: 0;overflow: hidden;border: 1px solid var(--line-dark);border-radius: var(--radius-md);box-shadow: var(--shadow-card);transition: box-shadow 560ms cubic-bezier(.22,1,.36,1), border-color 560ms cubic-bezier(.22,1,.36,1), filter 560ms cubic-bezier(.22,1,.36,1);}
.hero__panel:hover,.surface-card:hover,.branch-tile:hover,.split-stage__media:hover,.split-stage__panel:hover,.hero__panel:focus-within,.surface-card:focus-within,.branch-tile:focus-within,.split-stage__media:focus-within,.split-stage__panel:focus-within{border-color: rgba(242,140,40,.22);box-shadow: var(--shadow-hover);}
.hero__panel::after,.surface-card::after,.branch-tile::after,.split-stage__media::after,.split-stage__panel::after{content: "";position: absolute;inset: 0;z-index: 12;padding: 2px;border-radius: inherit;background: var(--hk-energy-gradient);background-size: 320% 100%;opacity: 0;pointer-events: none;-webkit-mask: linear-gradient(var(--hk-white) 0 0) content-box, linear-gradient(var(--hk-white) 0 0);-webkit-mask-composite: xor;mask: linear-gradient(var(--hk-white) 0 0) content-box, linear-gradient(var(--hk-white) 0 0);mask-composite: exclude;filter: drop-shadow(0 0 6px rgba(242,140,40,.28)) drop-shadow(0 0 18px rgba(242,140,40,.12));transition: opacity 720ms cubic-bezier(.22,1,.36,1), filter 720ms cubic-bezier(.22,1,.36,1);}
.hero__panel:hover::after,.surface-card:hover::after,.branch-tile:hover::after,.split-stage__media:hover::after,.split-stage__panel:hover::after,.hero__panel:focus-within::after,.surface-card:focus-within::after,.branch-tile:focus-within::after,.split-stage__media:focus-within::after,.split-stage__panel:focus-within::after{opacity: 1;animation: energy-flow 5.4s linear infinite;}
@keyframes energy-flow{to { background-position: -320% 0; }}
.hero{display: grid;gap: var(--grid-gap);padding: var(--page-gutter);background: var(--hk-white);}
.hero__media{background: url("../Bilder/hero-pleuel-original.webp") center / cover no-repeat;}
.hero__panel{container: hero-copy / inline-size;align-self: stretch;display: flex;flex-direction: column;padding: clamp(var(--space-6), 5cqi, var(--space-8));background: var(--hk-surface-bg);}
.hero__panel::before{content: "";position: absolute;top: 0;left: clamp(var(--space-6), 5cqi, var(--space-8));width: clamp(52px, 8cqi, 92px);height: 3px;background: var(--hk-orange);}
.hero__panel h1{max-width: 10ch;}
.hero__panel .lead{font-size: clamp(16px, 2.6cqi, 22px);}
.hero__panel .button{margin-top: auto;}
.feature-list{display: grid;gap: clamp(var(--space-3), 2.2cqi, var(--space-5));margin: 0;padding: 0;list-style: none;}
.feature-list li{display: grid;align-items: start;color: var(--hk-steel);font-size: clamp(14px, 2.1cqi, 18px);line-height: 1.45;}
.feature-list li strong{display: block;line-height: 1.12;}
.feature-list__copy{display: block;color: var(--hk-muted);}
.feature-list__icon,.panel-icon,.card-icon,.check-list__icon{display: inline-flex;align-items: center;justify-content: center;color: var(--hk-steel);}
.feature-list__icon{width: clamp(42px, 7cqi, 58px);height: clamp(42px, 7cqi, 58px);border: 1px solid var(--line-dark);border-radius: 50%;background: rgba(255,255,255,.55);}
.feature-list__icon svg,.panel-icon svg,.card-icon svg,.check-list__icon svg{width: 58%;height: 58%;fill: none;stroke: currentColor;stroke-width: 1.7;stroke-linecap: round;stroke-linejoin: round;}
@keyframes reference-scroll{to { transform: translate3d(-50%,0,0); }}
.section{position: relative;isolation: isolate;padding: var(--section-space) var(--page-gutter);overflow: hidden;}
.section--light{background: var(--hk-white);}
.section--silver{background: var(--hk-surface-bg);}
.section--dark{background: var(--hk-steel-bg);}
.hk-dark-steel-bg{background: var(--hk-dark-steel-bg);}
.section-heading{display: grid;gap: var(--space-3);width: min(100%, 980px);margin-bottom: clamp(var(--space-7), 5vw, var(--space-9));}
.section-heading h2{max-width: 18ch;}
.section-heading--light h2,.section--dark h2{color: var(--hk-white);}
.section-heading--light .section-intro,.section--dark .section-intro{color: rgba(255,255,255,.72);}
.grid{display: grid;align-items: stretch;gap: var(--grid-gap);width: 100%;}
.image-card__content p:not(.eyebrow){color: rgba(255,255,255,.78);font-size: var(--text-small);line-height: 1.54;}
.branches-stage__intro > p:not(.eyebrow){color: rgba(255,255,255,.74);font-size: var(--text-body);line-height: 1.58;}
.branches-grid{display: grid;}
.branch-tile{color: var(--hk-white);background-size: cover;border-color: var(--line-light);border-radius: var(--radius-sm);box-shadow: var(--shadow-dark);}
.branch-tile::before{content: "";position: absolute;inset: 0;z-index: 0;}
.branch-tile > *{position: relative;z-index: 1;}
.branch-tile__title{grid-column: 1;grid-row: 2;}
@keyframes product-scroll{to { transform: translate3d(-50%,0,0); }}
.process-layout__intro > p:not(.eyebrow){max-width: 31ch;color: rgba(255,255,255,.72);font-size: var(--text-body);line-height: 1.56;}
.process-highlight p:not(.card-number){max-width: 30ch;color: var(--hk-muted);font-size: var(--text-body);line-height: 1.5;}
.process-highlight__media{background-size: cover;}
.process-highlight__media--fraesen{background-image: url("../Bilder/process/01_präzisionsfräsen_eines_kurbelwellenkomponenten.webp");}
.process-highlight__media--haerten{background-image: url("../Bilder/process/10_industrielle_präzision_im_fokus.webp");}
.process-highlight__media--schleifen{background-image: url("../Bilder/prozess-04-schleifen-wuchten.webp");}
.process-highlight__media--bandfinish{background-image: url("../Bilder/prozess-07-superfinish-bandfinish.webp");}
.process-highlight__media--galvanisieren{background-image: url("../Bilder/process/03_industriekomponente_in_präziser_handhabung.webp");}
.process-highlight__media--laser{background-image: url("../Bilder/process/12_pr%C3%A4zise_metallbearbeitung_bei_hoher_geschwindigkei.webp");}
.process-highlight__media--nadeln{background-image: url("../Bilder/prozess-08-kennzeichnung-qualitaet.webp");}
.process-highlight__media--oelloch{background-image: url("../Bilder/process/12_pr%C3%A4zise_metallbearbeitung_bei_hoher_geschwindigkei.webp");}
.process-highlight__media--zahnrad{background-image: url("../Bilder/process/15_metallzahnräder_in_perfekter_ordnung.webp");}
.process-highlight__media--qualitaet{background-image: url("../Bilder/prozess-08-kennzeichnung-qualitaet.webp");}
.split-stage{display: grid;grid-template-columns: minmax(0,3fr) minmax(0,2fr);align-items: stretch;gap: var(--grid-gap);width: 100%;}
.split-stage--reverse{grid-template-columns: minmax(0,2fr) minmax(0,3fr);}
.split-stage__media,.split-stage__panel{min-height: clamp(540px, 66vh, 760px);}
.split-stage__media{background-position: center;background-size: cover;}
.split-stage__media--technology{background-image: url("../Bilder/process/01_präzisionsfräsen_eines_kurbelwellenkomponenten.webp");}
.split-stage__media--news{background-image: url("../Bilder/ma/logistics-team.webp");}
.split-stage__media--career{background-image: url("../Bilder/teaser-karriere-realistic-v3.webp");}
.split-stage__panel,.surface-card{container-type: inline-size;display: flex;flex-direction: column;gap: var(--space-4);padding: clamp(var(--space-5), 3vw, var(--space-8));background: var(--hk-surface-bg);}
.split-stage__panel > p:not(.eyebrow):not(.meta),.surface-card > p:not(.eyebrow):not(.card-number),.contact-card p:not(.eyebrow){color: var(--hk-muted);font-size: clamp(14px, 2.7cqi, 19px);line-height: 1.56;}
.split-stage__panel h3,.surface-card h3{font-size: clamp(22px, 6cqi, 42px);}
.split-stage__panel .button{margin-top: auto;}
.panel-icon,.card-icon{width: 54px;height: 54px;border: 1px solid var(--line-dark);border-radius: 50%;background: rgba(255,255,255,.55);}
.surface-card{min-height: 360px;}
.surface-card .text-link{margin-top: auto;}
.check-list{display: grid;gap: var(--space-3);margin: 0;padding: 0;list-style: none;color: var(--hk-steel);font-size: var(--text-small);line-height: 1.48;}
.check-list--iconic li{display: grid;}
.check-list__icon{width: 34px;height: 34px;border: 1px solid var(--line-dark);border-radius: 50%;color: var(--hk-orange);}
.contact-card p:not(.eyebrow){color: rgba(255,255,255,.76);}
.site-footer{padding: var(--section-space) var(--page-gutter) var(--space-6);background: var(--hk-steel-bg);color: rgba(255,255,255,.70);border-top: 3px solid var(--hk-orange);}
.site-footer__grid{display: grid;grid-template-columns: 1.4fr repeat(3,1fr);gap: var(--grid-gap);}
.site-footer__grid > div{display: flex;flex-direction: column;gap: var(--space-3);}
.site-footer__logo{width: clamp(130px, 12vw, 190px);margin-bottom: var(--space-3);}
.site-footer h3{color: var(--hk-white);font-size: var(--text-body);}
.site-footer a{width: fit-content;font-size: var(--text-small);}
.site-footer a:hover{color: var(--hk-orange);}
.site-footer__bottom{display: flex;justify-content: space-between;gap: var(--space-5);margin-top: var(--space-8);padding-top: var(--space-5);border-top: 1px solid var(--line-light);font-size: var(--text-small);}
@media (max-width: 1280px){.branches-grid{grid-template-columns: repeat(2,minmax(0,1fr));}}
@media (max-width: 1040px){.site-header{grid-template-columns: 1fr auto auto;overflow: visible;}
.menu-toggle{display: block;}
.main-nav{position: absolute;top: 100%;left: 0;right: 0;display: none;flex-direction: column;align-items: stretch;padding: var(--space-5) var(--page-gutter);background: var(--hk-dark-steel-bg);box-shadow: var(--shadow-dark);}
.main-nav.is-open{display: flex;}
.main-nav a{padding-block: var(--space-3);}
.language-link{justify-self: center;}
.hero,.split-stage,.split-stage--reverse{grid-template-columns: 1fr;}
.hero__media{min-height: 58vh;}
.hero__panel{min-height: 520px;}}
@media (max-width: 720px){:root{--page-gutter: 20px;--section-space: 64px;}
.site-header{grid-template-columns: 1fr auto;}
.language-link{display: none;}
.hero{padding: var(--space-5) var(--page-gutter);}
.hero__media{min-height: 48vh;}
.hero__panel{min-height: 440px;}
.branches-grid{grid-template-columns: 1fr;}
.branch-tile{min-height: 250px;}
.branch-tile__title{font-size: clamp(22px, 7vw, 34px);}
.branch-tile__copy{font-size: 12px;}
.process-highlight__media{min-height: 260px;}
.site-footer__grid{grid-template-columns: 1fr 1fr;}
.site-footer__bottom{flex-direction: column;}}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{scroll-behavior: auto !important;animation-duration: .01ms !important;animation-iteration-count: 1 !important;transition-duration: .01ms !important;}}
.branch-tile{flex-direction: column;justify-content: space-between;}
.branch-tile__header{position: relative;z-index: 1;}
.branch-tile__title::after{content: "";display: block;width: clamp(44px, 4vw, 72px);height: 3px;margin-top: var(--space-3);background: var(--hk-orange);}
.branch-tile__copy{margin-top: auto;padding-right: 0;}
@media (max-width: 760px){.branch-tile__header{align-items: flex-start;}
.branch-tile__copy{max-width: 100%;}}
.process-specs-block__intro p:not(.eyebrow){color: rgba(255,255,255,.72);font-size: var(--text-body);line-height: 1.6;}
.button::before{height: 2px;background: var(--hk-orange);transform: scaleX(0);transform-origin: left;transition: transform 300ms cubic-bezier(.22,1,.36,1);}
.button:hover,.button:focus-visible{background: var(--hk-dark);border-color: var(--line-light);box-shadow: none;}
.button:hover::before,.button:focus-visible::before{transform: scaleX(1);}
:root{--nav-height: clamp(114px, 11vh, 136px);}
.site-header{min-height: var(--nav-height);}
.site-header::after{left: -1px;right: -1px;background-size: 220% 100%;}
.menu-toggle{border: 0 !important;box-shadow: none !important;outline: none;}
.hero{min-height: calc(84svh - 8px);align-items: stretch;}
.hero__media{min-height: clamp(470px, 62vh, 740px);}
.hero__panel{min-height: clamp(470px, 62vh, 740px);}
.hero__panel::before{display: none !important;}
.hero__panel,.split-stage__panel{justify-content: space-between;gap: clamp(var(--space-5), 3.2cqi, var(--space-7));}
.hero__panel .lead,.split-stage__panel > p:not(.eyebrow):not(.meta){font-size: clamp(16px, 2.95cqi, 22px);}
.feature-list,.check-list--iconic{gap: clamp(var(--space-4), 2.4cqi, var(--space-5));}
.feature-list li{grid-template-columns: clamp(48px, 7.8cqi, 64px) 1fr;gap: clamp(var(--space-4), 2.4cqi, var(--space-5));}
.feature-list li strong{margin-bottom: 6px;font-size: clamp(19px, 3.35cqi, 27px);}
.feature-list__icon,.panel-icon,.check-list__icon{width: clamp(48px, 7.8cqi, 64px);height: clamp(48px, 7.8cqi, 64px);}
.check-list--iconic li{grid-template-columns: clamp(38px, 2.8vw, 44px) 1fr;align-items: start;gap: var(--space-4);}
@keyframes branches-stage-fade{0%, 28% { opacity: 1; }
  33%, 95% { opacity: 0; }
  100% { opacity: 1; }}
.branch-tile{gap: var(--space-4);}
.branch-tile__header{display: flex;align-items: flex-start;gap: var(--space-4);}
.branch-tile__title,.branch-tile__copy{grid-column: auto;grid-row: auto;}
.branch-tile__title{font-weight: 500;}
.branch-tile__copy{padding-left: 0;}
#prozesse{background: var(--hk-dark-steel-bg);}
.quality-grid{grid-template-columns: repeat(4, minmax(0, 1fr));}
.surface-card--quality{gap: var(--space-3);padding-top: 0;overflow: hidden;}
.surface-card--quality > p:not(.eyebrow):not(.card-number){font-size: clamp(13px, 2.2cqi, 17px);}
.quality-card__media{margin-bottom: var(--space-4);background-size: cover;background-position: center;border-bottom: 1px solid rgba(36,52,61,.10);}
.stats-panel p:not(.card-number){color: var(--hk-muted);line-height: 1.56;}
@media (max-width: 1280px){.quality-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}}
@media (max-width: 1040px){.hero{min-height: auto;}
.hero__media,.hero__panel{min-height: 52vh;}
.branches-grid{padding-top: var(--space-7);}
.quality-grid{grid-template-columns: 1fr;}}
@media (max-width: 720px){.branch-tile__copy{max-width: 100%;}}
:root{--energy-speed: 9.6s;}
.site-header::after,.hero__panel:hover::after,.surface-card:hover::after,.branch-tile:hover::after,.split-stage__media:hover::after,.split-stage__panel:hover::after,.hero__panel:focus-within::after,.surface-card:focus-within::after,.branch-tile:focus-within::after,.split-stage__media:focus-within::after,.split-stage__panel:focus-within::after{animation-duration: var(--energy-speed) !important;}
.content-panel,.hero__panel,.split-stage__panel{container-type: inline-size;display: flex;flex-direction: column;justify-content: flex-start;gap: clamp(20px, 2.65cqi, 34px);padding: clamp(44px, 6.4cqi, 72px);background: var(--hk-surface-bg);}
.content-panel h1,.content-panel h3,.hero__panel h1,.split-stage__panel h3{margin: 0;max-width: 10.5ch;color: var(--hk-steel);line-height: .96;letter-spacing: -.03em;}
.content-panel h3,.split-stage__panel h3{font-size: clamp(34px, 6.25cqi, 64px);}
.content-panel .eyebrow,.hero__panel .eyebrow,.split-stage__panel .eyebrow{margin-bottom: clamp(2px, .55cqi, 10px);}
.content-panel .lead,.content-panel > p:not(.eyebrow):not(.meta),.hero__panel .lead,.split-stage__panel > p:not(.eyebrow):not(.meta){max-width: 38ch;color: rgba(104,121,132,.92);font-size: clamp(15px, 2.45cqi, 21px);line-height: 1.6;}
.content-panel .meta,.split-stage__panel .meta{color: rgba(104,121,132,.78);font-size: clamp(12px, 1.55cqi, 15px);}
.content-panel .button,.hero__panel .button,.split-stage__panel .button{min-width: clamp(248px, 24cqi, 420px);margin-top: auto;}
.content-panel .feature-list,.content-panel .check-list--iconic,.hero__panel .feature-list,.split-stage__panel .check-list--iconic{gap: clamp(18px, 2.3cqi, 30px);}
.content-panel .feature-list li,.hero__panel .feature-list li{grid-template-columns: clamp(48px, 7.2cqi, 62px) 1fr;gap: clamp(16px, 2.2cqi, 28px);font-size: clamp(15px, 2.18cqi, 18px);}
.content-panel .feature-list li strong,.hero__panel .feature-list li strong{margin-bottom: 4px;font-size: clamp(21px, 3.3cqi, 27px);line-height: 1.12;}
.content-panel .feature-list__icon,.content-panel .panel-icon,.content-panel .check-list__icon,.hero__panel .feature-list__icon,.split-stage__panel .panel-icon,.split-stage__panel .check-list__icon{border-color: var(--line-dark);background: rgba(255,255,255,.55);}
.content-panel .feature-list__icon,.content-panel .panel-icon,.hero__panel .feature-list__icon,.split-stage__panel .panel-icon{width: clamp(50px, 7.6cqi, 64px);height: clamp(50px, 7.6cqi, 64px);}
.content-panel .check-list--iconic li,.split-stage__panel .check-list--iconic li{grid-template-columns: clamp(34px, 3.1cqi, 42px) 1fr;align-items: start;gap: clamp(12px, 1.6cqi, 18px);}
.content-panel .check-list__icon,.split-stage__panel .check-list__icon{width: clamp(34px, 3.1cqi, 42px);height: clamp(34px, 3.1cqi, 42px);}
.branches-grid{width: 100%;}
.branches-grid{padding-inline: var(--page-gutter);}
.split-stage__media{background-position: center;}
.split-stage__media::before{content: "";position: absolute;inset: 0;background: linear-gradient(180deg, rgba(14,21,26,0) 0%, rgba(14,21,26,0) 58%, rgba(14,21,26,.12) 74%, rgba(14,21,26,.42) 100%);pointer-events: none;}
@media (max-width: 1040px){.branches-grid{padding-inline: var(--page-gutter);}}
@media (max-width: 720px){.content-panel,.hero__panel,.split-stage__panel{padding: clamp(34px, 7vw, 48px);gap: 18px;}
.content-panel h3,.split-stage__panel h3{font-size: clamp(30px, 8.8vw, 42px);}
.branches-grid{padding-inline: var(--page-gutter);}}
.site-header{grid-template-columns: minmax(148px, 13vw) minmax(0, 1fr) minmax(72px, 6vw);gap: clamp(14px, 1.5vw, 26px);}
.main-nav{gap: clamp(13px, 1.28vw, 26px);}
.main-nav a,.language-link{font-size: clamp(16px, 1.05vw, 20px);}
.main-nav .nav-cta{display: inline-flex;align-items: center;justify-content: center;min-height: 42px;padding: 10px 18px;margin-left: 2px;border: 1px solid rgba(255,255,255,.22);border-radius: 999px;background: rgba(255,255,255,.07);font-size: clamp(13px, .86vw, 16px);font-weight: 700;letter-spacing: .01em;transition: background-color 240ms ease, border-color 240ms ease;}
.main-nav .nav-cta::after{bottom: 6px;height: 2px;background: var(--hk-orange);}
.main-nav .nav-cta:hover,.main-nav .nav-cta:focus-visible{border-color: rgba(242,140,40,.56);background: rgba(255,255,255,.11);}
.main-nav .nav-cta:hover::after,.main-nav .nav-cta:focus-visible::after{right: 18px;}
#anfrage-formular{scroll-margin-top: calc(var(--nav-height) + var(--space-5));}
.social-channels{grid-template-columns: minmax(240px, .85fr) minmax(0, 1.8fr);}
.social-channels__list{grid-template-columns: repeat(5, minmax(0, 1fr));}
.social-channels__list a{display: flex;align-items: center;justify-content: space-between;gap: var(--space-3);min-height: 58px;padding: 14px 16px;border: 1px solid var(--line-dark);border-radius: var(--radius-sm);background: rgba(255,255,255,.64);color: var(--hk-steel);font-size: clamp(13px, .86vw, 16px);font-weight: 700;transition: border-color 220ms ease, background-color 220ms ease;}
.social-channels__list a b{color: var(--hk-orange);font-size: 1.15em;}
.social-channels__list a:hover,.social-channels__list a:focus-visible{border-color: rgba(242,140,40,.46);background: var(--hk-white);outline: none;}
@media (max-width: 1280px){.main-nav{gap: 12px;}
.main-nav a,.language-link{font-size: 15px;}
.main-nav .nav-cta{padding-inline: 14px;font-size: 13px;}}
@media (max-width: 1040px){.main-nav .nav-cta{margin-left: 0;}
.social-channels{grid-template-columns: 1fr;}
.social-channels__list{grid-template-columns: repeat(3, minmax(0, 1fr));}}
@media (max-width: 720px){.social-channels__list{grid-template-columns: 1fr;}}
.brand{min-width: clamp(132px, 10vw, 178px);flex: 0 0 auto;}
.brand img{display: block;height: auto !important;max-height: clamp(44px, 5vh, 64px);object-position: left center;aspect-ratio: auto;}
.main-nav a::after,.language-link::after{left: 0;right: auto;width: 100%;height: 2px;background: var(--hk-orange);transform: scaleX(0);transform-origin: left center;transition: transform 300ms cubic-bezier(.22,1,.36,1);}
.main-nav a:hover::after,.main-nav a:focus-visible::after,.language-link:hover::after,.language-link:focus-visible::after{right: auto;transform: scaleX(1);}
.main-nav .nav-cta::after{left: 18px;right: 18px;width: auto;}
.content-panel,.hero__panel,.split-stage__panel,.surface-card,.counter-tile{position: relative;}
.content-panel > .panel-icon,.hero__panel > .panel-icon,.split-stage__panel > .panel-icon,.surface-card > .card-icon,.counter-tile > .panel-icon{position: absolute;top: clamp(20px, 2vw, 32px);right: clamp(20px, 2vw, 32px);z-index: 5;display: grid;place-items: center;width: clamp(46px, 4.2vw, 58px);height: clamp(46px, 4.2vw, 58px);border: 1px solid rgba(36,52,61,.12);border-radius: 50%;color: var(--hk-steel);background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(235,241,244,.94));box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 8px 22px rgba(14,21,26,.07);transition: color 260ms ease, border-color 260ms ease, box-shadow 420ms ease, transform 520ms cubic-bezier(.22,1,.36,1);}
.content-panel > .panel-icon svg,.hero__panel > .panel-icon svg,.split-stage__panel > .panel-icon svg,.surface-card > .card-icon svg,.counter-tile > .panel-icon svg,.social-icon svg{width: 62%;height: 62%;fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round;}
.content-panel:hover > .panel-icon,.hero__panel:hover > .panel-icon,.split-stage__panel:hover > .panel-icon,.surface-card:hover > .card-icon,.counter-tile:hover > .panel-icon,.content-panel:focus-within > .panel-icon,.hero__panel:focus-within > .panel-icon,.split-stage__panel:focus-within > .panel-icon,.surface-card:focus-within > .card-icon,.counter-tile:focus-within > .panel-icon{color: var(--hk-orange);border-color: rgba(242,140,40,.30);box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 0 0 1px rgba(242,140,40,.10), 0 12px 28px rgba(242,140,40,.13);transform: rotate(6deg) scale(1.055);}
.counter-tile{flex-direction: column;justify-content: flex-end;padding-top: 82px;}
.counter-tile strong{font-weight: 800;}
.counter-tile > .panel-icon{color: var(--hk-white);border-color: rgba(255,255,255,.16);background: rgba(255,255,255,.06);}
.branch-tile{grid-template-columns: 1fr;grid-template-rows: auto 1fr auto;}
.branch-tile__header{justify-content: flex-start;}
.branch-tile__copy{grid-column: 1;grid-row: 3;padding: 0;}
#technologie .content-panel,#karriere .content-panel,#aktuelles .content-panel{justify-content: flex-start;}
#technologie .content-panel .button,#karriere .content-panel .button,#aktuelles .content-panel .button{margin-top: auto;}
.quality-card__media{aspect-ratio: 1 / 1;flex: 0 0 auto;}
.social-channels{display: flex;align-items: center;justify-content: flex-start;gap: clamp(20px, 2vw, 34px);margin-top: clamp(var(--space-7), 5vw, var(--space-9));padding-top: clamp(var(--space-5), 2.5vw, var(--space-7));border-top: 1px solid var(--line-dark);}
.social-channels > p{color: var(--hk-steel);font-size: clamp(16px, 1.05vw, 20px);font-weight: 700;white-space: nowrap;}
.social-channels__list{display: flex;align-items: center;gap: 12px;}
.social-channels__list .social-icon{position: relative;inset: auto;min-height: 0;border: 1px solid rgba(36,52,61,.12);border-radius: 50%;color: var(--hk-steel);background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(235,241,244,.94));box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 8px 22px rgba(14,21,26,.07);transition: color 260ms ease, border-color 260ms ease, box-shadow 420ms ease, transform 520ms cubic-bezier(.22,1,.36,1);}
.social-channels__list .social-icon:hover,.social-channels__list .social-icon:focus-visible{color: var(--hk-orange);border-color: rgba(242,140,40,.30);background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(235,241,244,.96));box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 0 0 1px rgba(242,140,40,.10), 0 12px 28px rgba(242,140,40,.13);transform: rotate(6deg) scale(1.055);outline: none;}
@media (max-width: 1040px){.quality-card__media{aspect-ratio: 4 / 3;}}
@media (max-width: 720px){.counter-tile{min-height: 150px;}
.social-channels{align-items: flex-start;flex-direction: column;}
.social-channels__list{flex-wrap: wrap;}}
.quality-card__media{width: auto;}
html{scroll-behavior: auto;}
.brand img{width: auto;max-width: 100%;object-fit: contain;}
.site-header::after{animation-duration: 7.2s;}
.hero__panel:hover::after,.surface-card:hover::after,.branch-tile:hover::after,.split-stage__media:hover::after,.split-stage__panel:hover::after,.hero__panel:focus-within::after,.surface-card:focus-within::after,.branch-tile:focus-within::after,.split-stage__media:focus-within::after,.split-stage__panel:focus-within::after{animation-duration: 7.2s;}
.panel-icon svg,.card-icon svg,.check-list__icon svg,.feature-list__icon svg,.social-icon svg{stroke-width: 2.2;filter: drop-shadow(0 1px 1px rgba(14,21,26,.08));}
.hero{grid-template-columns: minmax(0, 2.9fr) minmax(470px, 2.25fr);}
.hero__panel{padding-inline: clamp(var(--space-7), 6cqi, var(--space-9));}
.hero__panel h1,.hero__panel .lead{max-width: 12ch;}
.hero__panel .lead{max-width: 42ch;}
.insight-slide{flex: 0 0 100%;min-height: clamp(420px, 43vw, 620px);}
.image-card__content p:not(.eyebrow){max-width: 34ch;}
.branches-grid{position: relative;z-index: 2;padding-top: clamp(120px, 10vw, 176px);}
.branch-tile{display: flex;background-position: 66% center;}
.branch-tile__header{width: 100%;}
.branch-tile__text{display: grid;}
.branch-tile__title{max-width: none;}
.branch-tile__copy{margin: 0;}
#technologie .split-stage__panel,#aktuelles .split-stage__panel,#karriere .split-stage__panel{display: flex;flex-direction: column;}
#aktuelles .split-stage__panel{background: var(--hk-surface-bg);}
#technologie .split-stage__panel > .eyebrow:not(:first-child),#aktuelles .split-stage__panel > .eyebrow:not(:first-child),#karriere .split-stage__panel > .eyebrow:not(:first-child){margin-top: clamp(var(--space-2), 1.5cqi, var(--space-4));}
.quality-grid .card-number{opacity: .42;}
@media (max-width: 1180px){.hero{grid-template-columns: 1.25fr 1fr;}
.branch-tile__text{max-width: 78%;}}
@media (max-width: 1040px){.hero{grid-template-columns: 1fr;}
.hero__panel h1,.hero__panel .lead{max-width: none;}}
@media (max-width: 860px){.counter-tile{min-width: 180px;}
.branch-tile__text{max-width: 84%;}}
@media (max-width: 640px){.branch-tile__text{max-width: 100%;}}
#technologie > .section-heading,#aktuelles > .section-heading,#karriere > .section-heading{gap: var(--space-4);margin-bottom: clamp(var(--space-7), 5vw, var(--space-9));}
#technologie > .section-heading h2,#aktuelles > .section-heading h2,#karriere > .section-heading h2{max-width: 18ch;}
.split-stage--seamless{gap: 0;overflow: hidden;border: 1px solid var(--line-dark);border-radius: var(--radius-lg);box-shadow: var(--shadow-card);}
.split-stage--seamless > .split-stage__media,.split-stage--seamless > .split-stage__panel{border: 0;border-radius: 0;box-shadow: none;}
.insight-slider--compact .image-card__content p:not(.eyebrow){font-size: clamp(14px, 1vw, 17px);}
.branches-stage__intro > p:not(.eyebrow){max-width: 42ch;}
@keyframes hk-soft-fade{0% { opacity: 0; }
  6% { opacity: 1; }
  29% { opacity: 1; }
  41% { opacity: 0; }
  100% { opacity: 0; }}
.branches-grid{grid-template-columns: repeat(5, minmax(0, 1fr));gap: clamp(18px, 1.65vw, 30px);}
.branch-tile{aspect-ratio: 4 / 3;min-height: 0;padding: clamp(18px, 1.45vw, 26px);align-items: flex-end;}
.branch-tile__text{max-width: 88%;gap: 9px;}
.branch-tile__title{font-size: clamp(20px, 1.45vw, 30px);line-height: 1.05;}
.branch-tile__copy{position: static;align-self: auto;justify-self: auto;max-width: 100%;color: rgba(255,255,255,.88);font-size: clamp(13px, .82vw, 16px);line-height: 1.48;text-align: left;}
.branch-tile::before{background:
    linear-gradient(90deg, rgba(10,17,22,.91) 0%, rgba(10,17,22,.68) 27%, rgba(10,17,22,.26) 53%, transparent 79%),
    linear-gradient(180deg, rgba(10,17,22,.18) 0%, rgba(10,17,22,.05) 26%, transparent 44%, rgba(10,17,22,.16) 74%, rgba(10,17,22,.38) 100%);}
.branch-tile--automotive{background-image: url("../Bilder/branchen-automotive-v2.webp");background-position: 68% center;}
.branch-tile--funvehicle{background-image: url("../Bilder/branchen-funvehicle-quad.webp");background-position: 70% center;}
.branch-tile--electromotive{background-image: url("../Bilder/branchen-electromotive-rotor.webp");background-position: 70% center;}
.branch-tile--bahn{background-image: url("../Bilder/branchen-bahn-v2.webp");background-position: 66% center;}
.branch-tile--luftfahrt{background-image: url("../Bilder/branchen-hero.webp");background-position: 72% center;}
.branch-tile--robotik{background-image: url("../Bilder/branchen-robotic-v2.webp");background-position: 72% center;}
.branch-tile--maschinenbau{background-image: url("../Bilder/branchen-industrie-v2.webp");background-position: 68% center;}
.branch-tile--erneuerbare{background-image: url("../Bilder/branchen-electromotive-v2.webp");background-position: 72% center;}
.branch-tile--marine{background-image: url("../Bilder/branchen-funvehicle-jetski-v3.webp");background-position: 76% center;}
.process-highlight__content p:not(.card-number){color: rgba(255,255,255,.72);}
.process-highlight__media{position: absolute;inset: 0;z-index: 1;min-height: 100%;opacity: 0;background-position: right center;}
.process-highlight__media.is-active{opacity: 1;}
@media (max-width: 1380px){.branches-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
.branch-tile{aspect-ratio: 3 / 2;}
.branch-tile__text{max-width: 72%;}}
@media (max-width: 760px){.branches-grid{grid-template-columns: 1fr;}
.branch-tile{aspect-ratio: 3 / 2;}
.branch-tile__text{max-width: 88%;}}
#technologie,#aktuelles,#karriere{padding-top: var(--section-space);}
#technologie > .section-heading,#aktuelles > .section-heading,#karriere > .section-heading{display: none !important;}
#technologie .split-stage--seamless,#aktuelles .split-stage--seamless,#karriere .split-stage--seamless{margin-top: 0;}
#technologie .split-stage__panel,#aktuelles .split-stage__panel,#karriere .split-stage__panel{container: lower-panel / inline-size;justify-content: flex-start;gap: clamp(var(--space-4), 2.35cqi, var(--space-6));}
#technologie .split-stage__panel > .eyebrow,#aktuelles .split-stage__panel > .eyebrow,#karriere .split-stage__panel > .eyebrow{margin-right: clamp(68px, 9cqi, 96px);}
#technologie .split-stage__panel > h3,#aktuelles .split-stage__panel > h3,#karriere .split-stage__panel > h3{color: var(--hk-steel);font-weight: 700;line-height: .98;letter-spacing: -.035em;}
#technologie .split-stage__panel > h3::after,#aktuelles .split-stage__panel > h3::after,#karriere .split-stage__panel > h3::after{content: "";display: block;width: clamp(42px, 6cqi, 64px);height: 3px;margin-top: clamp(14px, 2cqi, 22px);background: var(--hk-orange);}
#technologie .split-stage__panel > p:not(.eyebrow):not(.meta):not(.content-subtitle),#aktuelles .split-stage__panel > p:not(.eyebrow):not(.meta):not(.content-subtitle),#karriere .split-stage__panel > p:not(.eyebrow):not(.meta):not(.content-subtitle){color: var(--hk-muted);}
.content-subtitle{max-width: 28ch;color: var(--hk-steel);font-size: clamp(20px, 3cqi, 30px);font-weight: 700;line-height: 1.18;}
#technologie .split-stage__panel .button,#aktuelles .split-stage__panel .button,#karriere .split-stage__panel .button{min-width: clamp(240px, 26cqi, 390px);margin-top: auto;}
.counter-tile{min-width: 0;min-height: 0;display: grid;grid-template-columns: clamp(34px, 4.2vw, 72px) minmax(0, 1fr);grid-template-areas:
    "icon value"
    "icon label";align-items: center;gap: 2px clamp(6px, .9vw, 16px);padding: clamp(6px, .8vw, 14px) 0;color: var(--hk-steel);background: transparent;border: 0;border-radius: 0;box-shadow: none;}
.counter-tile > .panel-icon{grid-area: icon;position: static !important;width: clamp(34px, 4.2vw, 72px) !important;height: clamp(34px, 4.2vw, 72px) !important;color: var(--hk-steel);border-color: rgba(36,52,61,.14);background: rgba(255,255,255,.74);box-shadow: 0 7px 16px rgba(14,21,26,.06);}
.counter-tile strong{grid-area: value;min-width: 0;color: var(--hk-steel);font-size: clamp(15px, 2.15vw, 42px);line-height: 1;white-space: nowrap;}
.counter-tile > span:not(.panel-icon){grid-area: label;min-width: 0;color: var(--hk-muted);font-size: clamp(8px, .82vw, 15px);font-weight: 700;line-height: 1.18;}
.counter-tile:hover > .panel-icon,.counter-tile:focus-within > .panel-icon{color: var(--hk-orange);border-color: rgba(242,140,40,.34);background: rgba(255,255,255,.90);}
@keyframes hk-soft-fade-v2{0% { opacity: 0; }
  9% { opacity: 1; }
  36% { opacity: 1; }
  49% { opacity: 0; }
  100% { opacity: 0; }}
.process-highlight__media{transition: opacity 1800ms cubic-bezier(.4,0,.2,1);}
@media (max-width: 1040px){#technologie .split-stage__panel > h3,#aktuelles .split-stage__panel > h3,#karriere .split-stage__panel > h3{font-size: clamp(38px, 7vw, 58px);}
.counter-tile{grid-template-columns: clamp(30px, 4vw, 48px) minmax(0, 1fr);}
.counter-tile > .panel-icon{width: clamp(30px, 4vw, 48px) !important;height: clamp(30px, 4vw, 48px) !important;}}
@media (max-width: 720px){.insight-slider--compact .image-card__content p:not(.eyebrow){display: none;}
.counter-tile{grid-template-columns: 1fr;grid-template-areas:
      "icon"
      "value"
      "label";justify-items: center;text-align: center;gap: 4px;}
.counter-tile > .panel-icon{width: clamp(28px, 7vw, 38px) !important;height: clamp(28px, 7vw, 38px) !important;}
.counter-tile strong{font-size: clamp(12px, 3.5vw, 18px);}
.counter-tile > span:not(.panel-icon){font-size: clamp(7px, 2vw, 10px);}}
@media (max-width: 1180px){.counter-strip[data-compound="HK-S04"] .counter-strip__grid{gap: 10px;}
.counter-strip[data-compound="HK-S04"] .counter-tile{padding: 10px 12px;gap: 10px;}
.counter-strip[data-compound="HK-S04"] .counter-tile__image{width: clamp(46px, 4.6vw, 62px);height: clamp(46px, 4.6vw, 62px);flex-basis: clamp(46px, 4.6vw, 62px);}
.counter-strip[data-compound="HK-S04"] .counter-tile strong{font-size: clamp(1.05rem, 1.8vw, 1.45rem);}
.counter-strip[data-compound="HK-S04"] .counter-tile__body > span{font-size: clamp(0.68rem, 0.92vw, 0.82rem);}}
@media (max-width: 840px){.counter-strip[data-compound="HK-S04"]{overflow-x: auto;padding-bottom: 4px;}
.counter-strip[data-compound="HK-S04"] .counter-strip__grid{min-width: 760px;}}
.counter-strip[data-compound="HK-S04"]{position: relative;padding-inline: clamp(30px, 3.2vw, 54px);}
.counter-strip[data-compound="HK-S04"]::before,.counter-strip[data-compound="HK-S04"]::after{content: "";position: absolute;left: clamp(30px, 3.2vw, 54px);right: clamp(30px, 3.2vw, 54px);height: 1px;background: linear-gradient(90deg, rgba(24,49,73,0), rgba(24,49,73,0.10) 10%, rgba(24,49,73,0.20) 50%, rgba(24,49,73,0.10) 90%, rgba(24,49,73,0));pointer-events: none;}
.counter-strip[data-compound="HK-S04"]::before{top: 0;}
.counter-strip[data-compound="HK-S04"]::after{bottom: 0;}
.counter-strip[data-compound="HK-S04"] .counter-strip__grid{display: grid;align-items: stretch;}
.counter-strip[data-compound="HK-S04"] .counter-tile{min-width: 0;grid-template-columns: clamp(48px, 4.2vw, 70px) minmax(0, 1fr);transition: transform .35s ease, opacity .35s ease;}
.counter-strip[data-compound="HK-S04"] .counter-tile + .counter-tile::before{bottom: 18%;}
.counter-strip[data-compound="HK-S04"] .counter-tile__image{object-position: center;opacity: 0.96;}
.counter-strip[data-compound="HK-S04"] .counter-tile__body{min-width: 0;justify-content: center;}
.counter-strip[data-compound="HK-S04"] .counter-tile strong{margin: 0;font-weight: 700;letter-spacing: -0.04em;text-wrap: nowrap;}
.counter-strip[data-compound="HK-S04"] .counter-tile > span:not(.panel-icon),.counter-strip[data-compound="HK-S04"] .counter-tile__body > span{display: block;max-width: 14ch;font-size: clamp(0.78rem, 0.9vw, 0.96rem);line-height: 1.35;letter-spacing: -0.01em;color: rgba(24, 49, 73, 0.72);text-wrap: balance;}
.counter-strip[data-compound="HK-S04"] .counter-tile:hover,.counter-strip[data-compound="HK-S04"] .counter-tile:focus-within{transform: translateY(-1px);}
.counter-strip[data-compound="HK-S04"] .counter-tile:hover strong,.counter-strip[data-compound="HK-S04"] .counter-tile:focus-within strong{color: #10283d;}
.counter-strip[data-compound="HK-S04"] .counter-tile > .panel-icon{display: none !important;}
@media (max-width: 1280px){.counter-strip[data-compound="HK-S04"]{padding-inline: 24px;}
.counter-strip[data-compound="HK-S04"]::before,.counter-strip[data-compound="HK-S04"]::after{left: 24px;right: 24px;}
.counter-strip[data-compound="HK-S04"] .counter-tile{grid-template-columns: clamp(40px, 3.8vw, 54px) minmax(0, 1fr);gap: 10px;min-height: 88px;padding: 14px 10px;}
.counter-strip[data-compound="HK-S04"] .counter-tile__image{width: clamp(38px, 3.2vw, 48px);height: clamp(38px, 3.2vw, 48px);}
.counter-strip[data-compound="HK-S04"] .counter-tile strong{font-size: clamp(1.18rem, 1.7vw, 1.65rem);}
.counter-strip[data-compound="HK-S04"] .counter-tile__body > span{font-size: clamp(0.7rem, 0.82vw, 0.82rem);}}
@media (max-width: 860px){.counter-strip[data-compound="HK-S04"]{overflow-x: auto;padding-bottom: 6px;}
.counter-strip[data-compound="HK-S04"] .counter-strip__grid{min-width: 760px;}}
#technologie .split-stage[data-compound="HK-T01"],#aktuelles .split-stage[data-compound="HK-T01"],#karriere .split-stage[data-compound="HK-T01"]{grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.38fr);align-items: stretch;gap: 0;max-width: min(1680px, calc(100vw - (2 * var(--page-gutter))));margin-inline: auto;border-radius: clamp(26px, 2.1vw, 34px);overflow: hidden;background: rgba(255,255,255,0.92);box-shadow: 0 24px 50px rgba(13, 28, 41, 0.08), 0 1px 0 rgba(255,255,255,0.8) inset;}
#technologie .split-stage__panel,#aktuelles .split-stage__panel,#karriere .split-stage__panel{position: relative;min-height: clamp(560px, 50vw, 700px);padding: clamp(42px, 4.5vw, 78px) clamp(36px, 4vw, 60px);background:
    linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.96) 100%),
    radial-gradient(circle at 100% 0%, rgba(24,49,73,0.06), transparent 36%);border-right: 1px solid rgba(24,49,73,0.08);}
#technologie .split-stage__panel > .panel-icon,#aktuelles .split-stage__panel > .panel-icon,#karriere .split-stage__panel > .panel-icon{position: absolute;top: clamp(24px, 2vw, 32px);right: clamp(24px, 2vw, 32px);width: 44px;height: 44px;border: 1px solid rgba(24,49,73,0.10);background: rgba(255,255,255,0.72);box-shadow: 0 10px 22px rgba(16, 40, 61, 0.05);}
#technologie .split-stage__panel > h3,#aktuelles .split-stage__panel > h3,#karriere .split-stage__panel > h3{max-width: 9.6ch;font-size: clamp(50px, 4.1vw, 74px);}
#technologie .split-stage__panel > p:not(.eyebrow):not(.meta):not(.content-subtitle),#aktuelles .split-stage__panel > p:not(.eyebrow):not(.meta):not(.content-subtitle),#karriere .split-stage__panel > p:not(.eyebrow):not(.meta):not(.content-subtitle){max-width: 38ch;font-size: clamp(18px, 1.12vw, 20px);line-height: 1.62;}
#aktuelles .split-stage__panel .meta{padding-top: 8px;color: rgba(24,49,73,0.52);letter-spacing: -0.01em;}
#aktuelles .split-stage__panel .social-channels--inline{margin-top: 0;padding-top: 18px;}
#aktuelles .split-stage__media,#technologie .split-stage__media,#karriere .split-stage__media{min-height: clamp(560px, 50vw, 700px);}
#technologie .split-stage__media--technology{background-position: 60% center;}
.hk-stage-context--branches .hk-stage-showcase__slider{-webkit-mask-image:
    radial-gradient(
      ellipse 64% 125% at 2% 42%,
      transparent 0%,
      transparent 26%,
      rgba(0,0,0,.06) 36%,
      rgba(0,0,0,.24) 46%,
      rgba(0,0,0,.52) 56%,
      rgba(0,0,0,.82) 68%,
      #000 78%,
      #000 100%
    ),
    linear-gradient(
      to bottom,
      #000 0%,
      #000 54%,
      rgba(0,0,0,.94) 66%,
      rgba(0,0,0,.68) 78%,
      rgba(0,0,0,.34) 90%,
      transparent 100%
    );mask-image:
    radial-gradient(
      ellipse 64% 125% at 2% 42%,
      transparent 0%,
      transparent 26%,
      rgba(0,0,0,.06) 36%,
      rgba(0,0,0,.24) 46%,
      rgba(0,0,0,.52) 56%,
      rgba(0,0,0,.82) 68%,
      #000 78%,
      #000 100%
    ),
    linear-gradient(
      to bottom,
      #000 0%,
      #000 54%,
      rgba(0,0,0,.94) 66%,
      rgba(0,0,0,.68) 78%,
      rgba(0,0,0,.34) 90%,
      transparent 100%
    );}
.branches-grid--3x3{display: grid;margin: 0 auto;}
.branches-grid--3x3 .branch-tile{padding: clamp(28px, 2.25vw, 40px);}
.branches-grid--3x3 .branch-tile::before{content: "";position: absolute;inset: 0;background: linear-gradient(180deg, rgba(7,14,19,0.16) 0%, rgba(7,14,19,0.10) 18%, rgba(7,14,19,0.55) 100%);z-index: 0;}
.branches-grid--3x3 .branch-tile > *{position: relative;z-index: 2;}
.branches-grid--3x3 .branch-tile__header,.branches-grid--3x3 .branch-tile__text{display: flex;flex-direction: column;min-height: 100%;}
.branches-grid--3x3 .branch-tile__title{max-width: 16ch;letter-spacing: -0.03em;}
.branches-grid--3x3 .branch-tile__title::after{content: "";width: 52px;height: 3px;margin-top: 12px;background: var(--hk-orange);}
.branches-grid--3x3 .branch-tile__copy{margin-top: auto;}
#prozesse-grid{padding-inline: clamp(28px, 4vw, 78px);padding-top: clamp(20px, 2vw, 34px) !important;margin-top: calc(-1 * clamp(18px, 2.1vw, 36px));}
#prozesse-grid .process-competence-grid{max-width: 1680px;margin: 0 auto;grid-template-columns: repeat(3, minmax(0, 1fr));gap: clamp(24px, 2vw, 34px);}
#prozesse-grid .process-competence-card{border-radius: clamp(22px, 1.8vw, 28px);overflow: hidden;box-shadow: 0 18px 30px rgba(16,40,61,0.06), 0 1px 0 rgba(255,255,255,0.88) inset;}
#prozesse-grid .process-competence-card__media{aspect-ratio: 1.45 / 1;}
#prozesse-grid .process-competence-card__body{padding: clamp(20px, 1.6vw, 28px);}
#prozesse-grid .process-competence-card h3{font-size: clamp(24px, 1.45vw, 31px);line-height: 1.08;}
#prozesse-grid .process-competence-card p{font-size: clamp(15px, 0.95vw, 17px);}
@media (max-width: 1180px){#technologie .split-stage[data-compound="HK-T01"],#aktuelles .split-stage[data-compound="HK-T01"],#karriere .split-stage[data-compound="HK-T01"]{grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);}
#prozesse-grid .process-competence-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}}
@media (max-width: 760px){#technologie .split-stage[data-compound="HK-T01"],#aktuelles .split-stage[data-compound="HK-T01"],#karriere .split-stage[data-compound="HK-T01"]{grid-template-columns: 1fr;}
.branches-grid--3x3,#prozesse-grid .process-competence-grid{grid-template-columns: 1fr;}}
:root{--compound-media-ratio: 3 / 2;--compound-grid-gap: clamp(12px, 1.15vw, 22px);--compound-stage-fade: 1200ms;}
[data-compound]{position: relative;}
.counter-strip[data-compound="HK-S04"]{border-block: 1px solid rgba(255,255,255,.07);}
.counter-strip__grid{margin-inline: auto;}
.hk-stage-showcase[data-compound="HK-S01"]{color: var(--hk-white);}
.hk-stage-showcase__slider,.hk-stage-showcase__slide,.hk-stage-showcase__shade{position: absolute;inset: 0;}
.hk-stage-showcase__shade{z-index: 1;pointer-events: none;}
.hk-stage-showcase__content{margin-left: clamp(0px, 1.5vw, 26px);}
.hk-stage-showcase__content h2{color: #fff;}
.hk-stage-showcase__copy{color: rgba(255,255,255,.76);}
.hk-card-matrix-section{position: relative;isolation: isolate;padding: clamp(22px, 2.5vw, 42px) var(--page-gutter) var(--section-space);overflow: hidden;}
.hk-stage-showcase + .hk-card-matrix-section{padding-top: clamp(18px, 1.8vw, 30px);}
.compound-section-heading > p:not(.eyebrow){color: var(--hk-muted);font-size: var(--text-body);line-height: 1.58;}
.process-competence-grid{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));max-width: 1800px;margin-inline: auto;}
.process-competence-card{min-width: 0;}
.process-competence-card__media{position: relative;background: #162127;}
.process-competence-card__media::after{content: "";position: absolute;inset: 0;pointer-events: none;box-shadow: inset 0 -72px 64px -56px rgba(6,12,16,.58);}
.process-competence-card__body{flex-direction: column;gap: 10px;min-height: 235px;padding: clamp(18px, 1.5vw, 28px);}
.process-competence-card__number{color: var(--hk-orange);font-size: var(--text-label);font-weight: 800;letter-spacing: .14em;}
.process-competence-card h3{font-size: clamp(20px, 1.55vw, 30px);line-height: 1.08;}
.process-competence-card p{color: var(--hk-muted);font-size: clamp(13px, .88vw, 16px);line-height: 1.52;}
.process-competence-card__tags{margin-top: auto;padding-top: 12px;color: var(--hk-steel);border-top: 1px solid rgba(30,50,62,.1);font-size: clamp(11px, .73vw, 13px);line-height: 1.4;}
@media (max-width: 1280px){.process-competence-grid{grid-template-columns: repeat(3, minmax(0, 1fr));}
.counter-strip__grid{grid-template-columns: repeat(3, minmax(0, 1fr));}}
@media (max-width: 900px){.hk-stage-showcase__shade{background:
      linear-gradient(180deg, rgba(7,14,19,.08) 0%, rgba(7,14,19,.22) 36%, rgba(7,14,19,.94) 76%, rgba(7,14,19,.98) 100%),
      linear-gradient(90deg, rgba(7,14,19,.5), rgba(7,14,19,.08));}
.hk-stage-showcase__content{width: min(100%, 620px);margin-left: 0;}
.hk-stage-showcase__content h2{font-size: clamp(40px, 8vw, 64px);}
.process-competence-grid,.counter-strip__grid{grid-template-columns: repeat(2, minmax(0, 1fr));}}
@media (max-width: 620px){.process-competence-grid,.counter-strip__grid{grid-template-columns: 1fr;}}
@media (prefers-reduced-motion: reduce){.hk-stage-showcase__slide{transition: none;}}
.button--outline{border-color: rgba(255,255,255,.24);background: rgba(10,18,23,.38);backdrop-filter: blur(10px);}
.main-nav .nav-cta.button{min-height: 46px;margin-left: clamp(2px,.5vw,10px);padding: 10px 18px;border-color: rgba(255,255,255,.24);background: rgba(10,18,23,.38);font-size: clamp(13px,.82vw,15px);}
.main-nav .nav-cta.button::after{display: none;}
.main-nav .nav-cta.button::before{display: block;}
.hk-reference-marquee{--ref-height: clamp(102px, 7.8vw, 126px);height: var(--ref-height);overflow: hidden;background: var(--hk-steel-bg);border-block: 1px solid rgba(255,255,255,.08);}
.hk-reference-marquee::before{content: "";position: absolute;inset: 0;z-index: 2;pointer-events: none;background: linear-gradient(90deg, var(--hk-steel-bg) 0, transparent 6%, transparent 94%, var(--hk-steel-bg) 100%);}
.hk-reference-marquee::after{content: "";position: absolute;inset: auto 0 0;z-index: 3;height: 2px;background: var(--hk-orange);opacity: .8;}
.hk-reference-marquee__track{display: flex;width: max-content;height: 100%;animation: hk-reference-scroll-v615 52s linear infinite;will-change: transform;}
.hk-reference-marquee__group{display: flex;flex: 0 0 auto;align-items: center;height: 100%;padding-inline: clamp(24px, 2.6vw, 54px);}
.hk-reference-marquee__slot{flex: 0 0 clamp(138px, 10.5vw, 190px);width: clamp(138px, 10.5vw, 190px);height: calc(var(--ref-height) - 22px);display: grid;place-items: center;}
.hk-reference-marquee__slot[data-logo="volkswagen"],.hk-reference-marquee__slot[data-logo="bmw"],.hk-reference-marquee__slot[data-logo="porsche"]{flex-basis: clamp(92px, 7vw, 124px);width: clamp(92px, 7vw, 124px);}
@keyframes hk-reference-scroll-v615{to { transform: translate3d(-50%,0,0); }}
.hk-stage-context--branches{background: var(--hk-dark-steel-bg);}
.hk-stage-context--products,.hk-stage-context--processes{background: var(--hk-surface-bg);}
.hk-stage-showcase__shade{background:
    linear-gradient(90deg, rgba(7,14,19,.96) 0%, rgba(7,14,19,.86) 19%, rgba(7,14,19,.46) 43%, rgba(7,14,19,.07) 70%, rgba(7,14,19,.03) 100%),
    linear-gradient(180deg, rgba(7,14,19,.08) 0%, rgba(7,14,19,.02) 62%, rgba(7,14,19,.24) 82%, transparent 100%);}
.hk-stage-showcase__content{transform: translateY(clamp(-18px,-1.4vw,-8px));}
.hk-stage-showcase + .hk-card-matrix-section,.hk-stage-context .hk-card-matrix-section{padding-top: clamp(6px,.8vw,16px);}
#aktuelles .split-stage__panel .social-channels--inline{width: 100%;display: flex;align-items: center;justify-content: space-between;gap: 18px;margin: clamp(8px,1vw,16px) 0 0;padding: clamp(14px,1.15vw,20px) 0 0;border-top: 1px solid rgba(30,50,62,.12);background: transparent;box-shadow: none;}
#aktuelles .social-channels--inline > p{margin: 0;color: var(--hk-muted);font-size: var(--text-small);font-weight: 700;}
#aktuelles .social-channels--inline .social-channels__list{display: flex;gap: 8px;}
#aktuelles .social-channels--inline .social-icon{width: 38px;height: 38px;min-width: 38px;}
#aktuelles .social-channels--inline .social-icon{color: var(--hk-steel);border-color: rgba(30,50,62,.14);background: rgba(255,255,255,.58);}
#aktuelles .social-channels--inline .social-icon:hover,#aktuelles .social-channels--inline .social-icon:focus-visible{color: var(--hk-orange);border-color: rgba(242,140,40,.38);}
@media (max-width: 900px){.hk-stage-showcase[data-compound="HK-S01"]{min-height: clamp(680px,105vw,860px);}}
@media (max-width: 680px){.hk-reference-marquee{--ref-height: 94px;}
.hk-reference-marquee__group{gap: 18px;padding-inline: 20px;}
.hk-reference-marquee__slot{flex-basis: 132px;width: 132px;}
.hk-reference-marquee__slot[data-logo="volkswagen"],.hk-reference-marquee__slot[data-logo="bmw"],.hk-reference-marquee__slot[data-logo="porsche"]{flex-basis: 86px;width: 86px;}
#aktuelles .split-stage__panel .social-channels--inline{align-items: flex-start;flex-direction: column;}}
@media (prefers-reduced-motion: reduce){.hk-reference-marquee__track{animation: none;transform: none;}
.hk-reference-marquee__group[aria-hidden="true"]{display: none;}}
:root{--compound-stage-height: clamp(864px, 78vw, 1320px);--compound-stage-overlap: clamp(130px, 11.7vw, 198px);}
.site-header[data-compound="HK-G01"]{position: sticky !important;top: 0 !important;z-index: 5000 !important;align-self: start;}
.hk-stage-showcase[data-compound="HK-S01"]{padding-top: clamp(86px, 8vw, 146px);padding-bottom: calc(var(--compound-stage-overlap) + clamp(92px, 8vw, 150px));}
.hk-stage-showcase__slider,.hk-stage-showcase__shade{inset: 0;overflow: visible;background-color: transparent !important;-webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 75%, rgba(0,0,0,.88) 82%, rgba(0,0,0,.42) 91%, transparent 100%);mask-image: linear-gradient(to bottom, #000 0%, #000 75%, rgba(0,0,0,.88) 82%, rgba(0,0,0,.42) 91%, transparent 100%);}
.hk-stage-showcase--on-dark .hk-stage-showcase__shade{background:
    linear-gradient(90deg, rgba(7,14,19,.98) 0%, rgba(7,14,19,.90) 22%, rgba(7,14,19,.52) 43%, rgba(7,14,19,.10) 67%, transparent 82%),
    linear-gradient(180deg, rgba(7,14,19,.04) 0%, rgba(7,14,19,.02) 70%, transparent 100%);}
.hk-stage-showcase--on-light .hk-stage-showcase__shade{background:
    linear-gradient(90deg, rgba(247,249,250,.99) 0%, rgba(247,249,250,.94) 23%, rgba(247,249,250,.68) 43%, rgba(247,249,250,.18) 67%, transparent 84%),
    linear-gradient(180deg, rgba(247,249,250,.02) 0%, rgba(247,249,250,.01) 72%, transparent 100%);}
.hk-stage-showcase__slide--branches-01,.hk-stage-showcase__slide--branches-02,.hk-stage-showcase__slide--branches-03{background-position: 85% 42%;}



.hk-stage-context .hk-card-matrix-section{z-index: 1;margin-top: 0;padding-top: clamp(30px, 3vw, 54px);}
.counter-strip[data-compound="HK-S04"]{border: 0;}
.counter-strip__grid{display: grid !important;grid-template-columns: repeat(5, minmax(0,1fr)) !important;gap: clamp(6px, 1.1vw, 20px);width: 100%;max-width: none;}
.counter-strip .counter-tile{min-width: 0;min-height: 0;display: grid;grid-template-columns: clamp(34px, 4.2vw, 72px) minmax(0,1fr);grid-template-areas: "icon value" "icon label";align-items: center;gap: 2px clamp(6px, .9vw, 16px);padding: clamp(6px, .8vw, 14px) 0;color: var(--hk-steel);background: transparent;border: 0;border-radius: 0;box-shadow: none;}
.counter-strip .counter-tile > .panel-icon{grid-area: icon;position: static !important;width: clamp(34px, 4.2vw, 72px) !important;height: clamp(34px, 4.2vw, 72px) !important;color: var(--hk-steel);border-color: rgba(36,52,61,.14);background: rgba(255,255,255,.78);box-shadow: 0 7px 16px rgba(14,21,26,.06);}
.counter-strip .counter-tile strong{grid-area: value;color: var(--hk-steel);font-size: clamp(15px, 2.15vw, 42px);line-height: 1;white-space: nowrap;}
.counter-strip .counter-tile > span:not(.panel-icon){grid-area: label;color: var(--hk-muted);font-size: clamp(8px, .82vw, 15px);font-weight: 700;line-height: 1.18;}
.split-stage[data-compound="HK-T01"],.split-stage--seamless[data-compound="HK-T01"]{overflow: hidden !important;border-radius: var(--radius) !important;clip-path: inset(0 round var(--radius));}
@media (max-width: 900px){:root{--compound-stage-height: clamp(760px, 126vw, 980px);--compound-stage-overlap: clamp(112px, 18vw, 160px);}
.hk-stage-showcase[data-compound="HK-S01"]{align-items: end;padding-bottom: calc(var(--compound-stage-overlap) + 72px);}
.hk-stage-showcase__slide{background-size: auto 72%;background-position: 78% 18%;}
.hk-stage-showcase--on-light .hk-stage-showcase__shade,.hk-stage-showcase--on-dark .hk-stage-showcase__shade{background:
      linear-gradient(180deg, transparent 0%, transparent 28%, rgba(7,14,19,.45) 55%, rgba(7,14,19,.94) 82%, transparent 100%);}
.hk-stage-showcase--on-light .hk-stage-showcase__content h2,.hk-stage-showcase--on-light .hk-stage-showcase__copy{color: #fff;}
.hk-stage-showcase--on-light .button--outline{color: #fff;border-color: rgba(255,255,255,.28);background: rgba(7,14,19,.38);}
.counter-strip__grid{grid-template-columns: repeat(5, minmax(150px,1fr)) !important;overflow-x: auto;padding-bottom: 8px;}}
@media (max-width: 680px){.counter-strip{overflow-x: auto;}}
:root{--hk-stage-height: clamp(640px, 76vh, 920px);--hk-stage-overlap: clamp(76px, 8vh, 118px);--hk-stage-media-start: 0%;}
.hk-stage-context{position: relative;isolation: isolate;overflow: visible;background: transparent !important;}
.hk-stage-context::before{content: "";position: absolute;inset: 0;z-index: -3;pointer-events: none;}
.hk-stage-context--branches::before{background: var(--hk-dark-steel-bg);}
.hk-stage-context--products::before,.hk-stage-context--processes::before{background: var(--hk-surface-bg);}
.hk-stage-showcase[data-compound="HK-S01"]{position: relative;isolation: isolate;z-index: 0;min-height: var(--hk-stage-height);margin-bottom: calc(0px - var(--hk-stage-overlap));padding:
    clamp(66px, 7vh, 104px)
    var(--page-gutter)
    calc(var(--hk-stage-overlap) + clamp(48px, 5.6vh, 84px));display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);align-items: center;overflow: visible;background: transparent !important;}
.hk-stage-showcase__slider{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;overflow: hidden;background: transparent !important;-webkit-mask-image:
    radial-gradient(
      ellipse 56% 118% at 4% 44%,
      transparent 0%,
      transparent 33%,
      rgba(0, 0, 0, .08) 43%,
      rgba(0, 0, 0, .32) 52%,
      rgba(0, 0, 0, .64) 61%,
      rgba(0, 0, 0, .88) 69%,
      #000 77%,
      #000 100%
    ),
    linear-gradient(
      to bottom,
      #000 0%,
      #000 56%,
      rgba(0, 0, 0, .94) 66%,
      rgba(0, 0, 0, .72) 76%,
      rgba(0, 0, 0, .44) 86%,
      rgba(0, 0, 0, .18) 94%,
      transparent 100%
    );-webkit-mask-composite: source-in;mask-image:
    radial-gradient(
      ellipse 56% 118% at 4% 44%,
      transparent 0%,
      transparent 33%,
      rgba(0, 0, 0, .08) 43%,
      rgba(0, 0, 0, .32) 52%,
      rgba(0, 0, 0, .64) 61%,
      rgba(0, 0, 0, .88) 69%,
      #000 77%,
      #000 100%
    ),
    linear-gradient(
      to bottom,
      #000 0%,
      #000 56%,
      rgba(0, 0, 0, .94) 66%,
      rgba(0, 0, 0, .72) 76%,
      rgba(0, 0, 0, .44) 86%,
      rgba(0, 0, 0, .18) 94%,
      transparent 100%
    );mask-composite: intersect;}
.hk-stage-showcase__slide{position: absolute;inset: 0;opacity: 0;transform: none !important;background-repeat: no-repeat;background-size: cover;background-position: 75% 50%;transition: opacity var(--compound-stage-fade, 1400ms) ease;will-change: opacity;}
.hk-stage-showcase__slide.is-active{opacity: 1;transform: none !important;}
.hk-stage-showcase__shade{display: none !important;}
.hk-stage-showcase__content{position: relative;z-index: 2;grid-column: 1;display: flex;flex-direction: column;align-items: flex-start;gap: clamp(14px, 1.45vw, 24px);width: min(100%, 520px);max-width: calc(33.333vw - var(--page-gutter) - clamp(10px, 1.4vw, 24px));margin: 0;padding-right: clamp(16px, 2.2vw, 40px);background: transparent !important;}
.hk-stage-showcase__content h2{max-width: 10.5ch;font-size: clamp(44px, 4.25vw, 76px);line-height: 1.01;letter-spacing: -.035em;}
.hk-stage-showcase__copy{max-width: 34ch;font-size: clamp(16px, 1.12vw, 20px);line-height: 1.58;}
.hk-stage-showcase .button{margin-top: clamp(5px, .8vw, 13px);}
.hk-stage-showcase--on-dark{color: var(--hk-white);}
.hk-stage-showcase--on-dark .hk-stage-showcase__content h2{color: #fff;}
.hk-stage-showcase--on-dark .hk-stage-showcase__copy{color: rgba(255, 255, 255, .76);}
.hk-stage-showcase--on-light{color: var(--hk-steel);}
.hk-stage-showcase--on-light .hk-stage-showcase__content h2{color: var(--hk-steel);}
.hk-stage-showcase--on-light .hk-stage-showcase__copy{color: var(--hk-muted);}
.hk-stage-showcase--on-light .button--outline{color: var(--hk-steel);border-color: rgba(30, 50, 62, .24);background: rgba(255, 255, 255, .46);}
.hk-stage-showcase--on-light .button--outline:hover,.hk-stage-showcase--on-light .button--outline:focus-visible{border-color: rgba(242, 140, 40, .48);background: rgba(255, 255, 255, .78);}
.hk-stage-showcase__slide--branches-01,.hk-stage-showcase__slide--branches-02,.hk-stage-showcase__slide--branches-03{background-position: 75% 50%;}
.hk-stage-context > .hk-card-matrix-section{position: relative;z-index: 2;margin-top: 0;padding-top: calc(var(--hk-stage-overlap) + clamp(22px, 2.4vw, 42px));background: transparent !important;box-shadow: none !important;}
@media (max-width: 1100px){:root{--hk-stage-height: clamp(660px, 80vh, 880px);--hk-stage-media-start: 0%;}
.hk-stage-showcase[data-compound="HK-S01"]{grid-template-columns: minmax(0, 38%) minmax(0, 62%);}
.hk-stage-showcase__content{max-width: calc(38vw - var(--page-gutter) - 18px);}
.hk-stage-showcase__content h2{font-size: clamp(40px, 5.2vw, 64px);}}
@media (max-width: 760px){:root{--hk-stage-height: clamp(700px, 108vh, 880px);--hk-stage-overlap: clamp(62px, 9vh, 92px);--hk-stage-media-start: 0%;}
.hk-stage-showcase[data-compound="HK-S01"]{grid-template-columns: 1fr;align-items: end;padding-top: 54px;padding-bottom: calc(var(--hk-stage-overlap) + 52px);}
.hk-stage-showcase__slider{top: 0;right: 0;bottom: 0;left: 0;-webkit-mask-image:
      radial-gradient(
        ellipse 120% 92% at -8% 58%,
        transparent 0%,
        transparent 28%,
        rgba(0,0,0,.20) 42%,
        rgba(0,0,0,.66) 58%,
        #000 74%,
        #000 100%
      ),
      linear-gradient(
        to bottom,
        #000 0%,
        #000 58%,
        rgba(0,0,0,.82) 76%,
        rgba(0,0,0,.34) 90%,
        transparent 100%
      );-webkit-mask-composite: source-in;mask-image:
      radial-gradient(
        ellipse 120% 92% at -8% 58%,
        transparent 0%,
        transparent 28%,
        rgba(0,0,0,.20) 42%,
        rgba(0,0,0,.66) 58%,
        #000 74%,
        #000 100%
      ),
      linear-gradient(
        to bottom,
        #000 0%,
        #000 58%,
        rgba(0,0,0,.82) 76%,
        rgba(0,0,0,.34) 90%,
        transparent 100%
      );mask-composite: intersect;}
.hk-stage-showcase__slide{background-size: cover;background-position: 72% 35%;}
.hk-stage-showcase__content{grid-column: 1;width: min(100%, 620px);max-width: none;padding-right: 0;}
.hk-stage-showcase__content h2{max-width: 12ch;font-size: clamp(38px, 10vw, 58px);}
.hk-stage-showcase--on-light .hk-stage-showcase__content h2,.hk-stage-showcase--on-light .hk-stage-showcase__copy{color: #fff;text-shadow: 0 2px 18px rgba(5, 10, 14, .46);}
.hk-stage-showcase--on-light .button--outline{color: #fff;border-color: rgba(255,255,255,.34);background: rgba(7,14,19,.30);}}
.hk-stage-context > .hk-card-matrix-section.hk-dark-steel-bg{background: transparent !important;}
.hk-stage-context--branches > #branchen{min-height: var(--hk-stage-height);height: auto;margin-bottom: calc(0px - var(--hk-stage-overlap));overflow: visible;}
.hk-stage-context--branches #branchen .hk-stage-showcase__slider{position: absolute;inset: 0;width: auto;height: auto;overflow: hidden;-webkit-mask-image:
    radial-gradient(
      ellipse 56% 118% at 4% 44%,
      transparent 0%,
      transparent 33%,
      rgba(0, 0, 0, .08) 43%,
      rgba(0, 0, 0, .32) 52%,
      rgba(0, 0, 0, .64) 61%,
      rgba(0, 0, 0, .88) 69%,
      #000 77%,
      #000 100%
    ),
    linear-gradient(
      to bottom,
      #000 0%,
      #000 56%,
      rgba(0, 0, 0, .94) 66%,
      rgba(0, 0, 0, .72) 76%,
      rgba(0, 0, 0, .44) 86%,
      rgba(0, 0, 0, .18) 94%,
      transparent 100%
    );-webkit-mask-composite: source-in;mask-image:
    radial-gradient(
      ellipse 56% 118% at 4% 44%,
      transparent 0%,
      transparent 33%,
      rgba(0, 0, 0, .08) 43%,
      rgba(0, 0, 0, .32) 52%,
      rgba(0, 0, 0, .64) 61%,
      rgba(0, 0, 0, .88) 69%,
      #000 77%,
      #000 100%
    ),
    linear-gradient(
      to bottom,
      #000 0%,
      #000 56%,
      rgba(0, 0, 0, .94) 66%,
      rgba(0, 0, 0, .72) 76%,
      rgba(0, 0, 0, .44) 86%,
      rgba(0, 0, 0, .18) 94%,
      transparent 100%
    );mask-composite: intersect;}
.hk-stage-context--branches #branchen .hk-stage-showcase__slide,.hk-stage-context--branches #branchen .hk-stage-showcase__slide--branches-01,.hk-stage-context--branches #branchen .hk-stage-showcase__slide--branches-02,.hk-stage-context--branches #branchen .hk-stage-showcase__slide--branches-03{inset: 0;background-size: cover !important;background-position: 75% 50% !important;background-repeat: no-repeat !important;transform: none !important;}
.hk-stage-context--branches > #branchen-grid{position: relative;z-index: 2;width: 100%;margin-top: calc(-1 * clamp(18px, 2.1vw, 36px));padding: clamp(20px, 2vw, 34px) clamp(24px, 3vw, 60px) clamp(54px, 5vw, 92px) !important;overflow: visible;background: transparent !important;box-shadow: none !important;}
#branchen-grid .branches-grid,#branchen-grid .branches-grid--3x3{display: grid;width: 100%;max-width: 1780px;margin: 0 auto;padding: 0;grid-template-columns: repeat(3, minmax(0, 1fr));gap: clamp(24px, 2vw, 34px);align-items: stretch;}
#branchen-grid .branches-grid--3x3 .branch-tile{width: 100%;min-width: 0;aspect-ratio: 3 / 2;border-radius: clamp(22px, 1.8vw, 28px);background-size: cover;background-position: center;}
@media (max-width: 1180px){#branchen-grid .branches-grid,#branchen-grid .branches-grid--3x3{grid-template-columns: repeat(2, minmax(0, 1fr));}}
@media (max-width: 760px){.hk-stage-context--branches #branchen .hk-stage-showcase__slider{-webkit-mask-image:
      radial-gradient(
        ellipse 120% 92% at -8% 58%,
        transparent 0%,
        transparent 28%,
        rgba(0,0,0,.20) 42%,
        rgba(0,0,0,.66) 58%,
        #000 74%,
        #000 100%
      ),
      linear-gradient(
        to bottom,
        #000 0%,
        #000 58%,
        rgba(0,0,0,.82) 76%,
        rgba(0,0,0,.34) 90%,
        transparent 100%
      );-webkit-mask-composite: source-in;mask-image:
      radial-gradient(
        ellipse 120% 92% at -8% 58%,
        transparent 0%,
        transparent 28%,
        rgba(0,0,0,.20) 42%,
        rgba(0,0,0,.66) 58%,
        #000 74%,
        #000 100%
      ),
      linear-gradient(
        to bottom,
        #000 0%,
        #000 58%,
        rgba(0,0,0,.82) 76%,
        rgba(0,0,0,.34) 90%,
        transparent 100%
      );mask-composite: intersect;}
.hk-stage-context--branches #branchen .hk-stage-showcase__slide,.hk-stage-context--branches #branchen .hk-stage-showcase__slide--branches-01,.hk-stage-context--branches #branchen .hk-stage-showcase__slide--branches-02,.hk-stage-context--branches #branchen .hk-stage-showcase__slide--branches-03{background-size: cover !important;background-position: 72% 35% !important;}
.hk-stage-context--branches > #branchen-grid{padding-inline: 20px !important;}
#branchen-grid .branches-grid,#branchen-grid .branches-grid--3x3{grid-template-columns: 1fr;gap: 20px;}}
@media (min-width: 1181px){#branchen-grid .branches-grid,#branchen-grid .branches-grid--3x3{position: relative;left: 50%;width: min(120%, calc(100vw - clamp(40px, 4vw, 80px)));max-width: 2136px;margin-inline: 0;transform: translateX(-50%);}}
:root{--v633-radius: clamp(22px, 1.8vw, 32px);--v633-shell: min(1680px, calc(100vw - (2 * var(--page-gutter))));}
.split-stage[data-compound="HK-T01"]{width: var(--v633-shell);max-width: var(--v633-shell);margin-inline: auto;gap: 0 !important;}
.split-stage[data-compound="HK-T01"]:not(.split-stage--reverse){grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr) !important;}
.split-stage[data-compound="HK-T01"].split-stage--reverse{grid-template-columns: minmax(300px, 1fr) minmax(0, 2fr) !important;}
.split-stage[data-compound="HK-T01"] > .split-stage__media,.split-stage[data-compound="HK-T01"] > .split-stage__panel{min-width: 0;border-radius: 0 !important;box-shadow: none !important;}
.split-stage[data-compound="HK-T01"] > .split-stage__media{min-height: clamp(480px, 42vw, 680px);background-size: cover;background-position: center;}
.split-stage[data-compound="HK-T01"] > .split-stage__panel{padding: clamp(36px, 3.6vw, 64px);}
.insights-stage-v633__copy > p:not(.eyebrow){max-width: 36ch;color: var(--hk-muted);font-size: clamp(16px, 1.05vw, 20px);line-height: 1.6;}
.insight-split-v633__copy > p:not(.eyebrow){color: var(--hk-muted);line-height: 1.55;}
@media (max-width: 900px){.split-stage[data-compound="HK-T01"],.split-stage[data-compound="HK-T01"].split-stage--reverse,.split-stage[data-compound="HK-T01"]:not(.split-stage--reverse){grid-template-columns: 1fr !important;}
.split-stage[data-compound="HK-T01"] > .split-stage__media{min-height: 360px;}}
:root{--v634-card-radius: clamp(22px, 1.6vw, 30px);--v634-card-shell: min(1680px, calc(100vw - (2 * var(--page-gutter))));--v634-blueprint-line: #123f67;--v634-steel: #17344f;--v634-muted: #637b91;--v634-rule: rgba(23, 52, 79, .13);}
.hk-card-matrix-section--products{background: transparent !important;}
.product-master-card{position: relative;display: grid;grid-template-columns: minmax(360px, 40%) minmax(0, 60%);min-height: clamp(650px, 52vw, 880px);overflow: hidden;border: 1px solid rgba(23, 52, 79, .10);border-radius: var(--v634-card-radius);background:
    radial-gradient(circle at 84% 0%, rgba(213, 224, 234, .18), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #fbfcfd 100%);box-shadow:
    0 26px 64px rgba(15, 36, 54, .09),
    inset 0 1px 0 rgba(255,255,255,.94);}
.product-master-card__visual{position: relative;min-width: 0;overflow: hidden;border-right: 1px solid rgba(23, 52, 79, .10);background: #f7f9fb;}
.product-master-card__visual::after{content: "";position: absolute;inset: 0;pointer-events: none;background:
    linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.14) 72%, rgba(255,255,255,.48) 100%);}
.product-master-card__blueprint{width: 100%;height: 100%;display: block;object-fit: cover;object-position: center;filter: saturate(.88) contrast(1.04);}
.product-master-card__content{min-width: 0;display: flex;flex-direction: column;padding: clamp(42px, 4vw, 72px) clamp(40px, 4.2vw, 76px) clamp(30px, 3.2vw, 54px);}
.product-master-card__header{display: grid;justify-items: start;gap: clamp(14px, 1.15vw, 20px);margin-bottom: clamp(22px, 2vw, 32px);}
.product-master-card__header h2{margin: 0;max-width: 12ch;color: var(--v634-steel);font-size: clamp(44px, 4.1vw, 72px);line-height: .98;letter-spacing: -.038em;}
.product-master-card__accent{width: clamp(56px, 4.8vw, 82px);height: 4px;border-radius: 999px;background: var(--hk-orange);}
.product-master-card__specs{display: grid;margin: 0;}
.product-master-card__spec-row{display: grid;grid-template-columns: minmax(170px, 30%) minmax(0, 70%);gap: clamp(18px, 2vw, 34px);align-items: start;padding: clamp(14px, 1.35vw, 20px) 0;border-bottom: 1px solid var(--v634-rule);}
.product-master-card__spec-row dt,.product-master-card__spec-row dd{margin: 0;line-height: 1.42;}
.product-master-card__spec-row dt{color: var(--v634-muted);font-size: clamp(16px, 1.12vw, 21px);font-weight: 400;}
.product-master-card__spec-row dd{color: var(--v634-steel);font-size: clamp(15px, 1.05vw, 20px);font-weight: 700;}
.product-master-card__processes{display: grid;grid-template-columns: auto minmax(0, 1fr);align-items: center;gap: clamp(16px, 1.4vw, 24px);margin-top: auto;padding-top: clamp(22px, 2vw, 32px);}
.product-master-card__process-icon{display: grid;place-items: center;width: clamp(52px, 4vw, 68px);height: clamp(52px, 4vw, 68px);color: var(--v634-steel);border: 1px solid rgba(23, 52, 79, .09);border-radius: 50%;background: linear-gradient(180deg, #f7f9fb, #eef3f6);box-shadow: inset 0 1px 0 rgba(255,255,255,.92);}
.product-master-card__process-icon svg{width: 58%;height: 58%;fill: none;stroke: currentColor;stroke-width: 1.7;stroke-linecap: round;stroke-linejoin: round;}
.product-master-card__process-label{display: block;margin-bottom: 5px;color: var(--v634-muted);font-size: clamp(14px, .95vw, 18px);}
.product-master-card__processes p{margin: 0;color: var(--v634-muted);font-size: clamp(15px, 1vw, 19px);line-height: 1.45;}
@media (max-width: 1120px){.product-master-card{grid-template-columns: minmax(300px, 42%) minmax(0, 58%);}
.product-master-card__spec-row{grid-template-columns: minmax(140px, 32%) minmax(0, 68%);}}
@media (max-width: 820px){.product-master-card{grid-template-columns: 1fr;}
.product-master-card__visual{min-height: clamp(520px, 112vw, 760px);border-right: 0;border-bottom: 1px solid rgba(23, 52, 79, .10);}
.product-master-card__blueprint{object-fit: contain;background: #f7f9fb;}
.product-master-card__content{padding: 34px 28px 30px;}}
@media (max-width: 560px){.product-master-card__spec-row{grid-template-columns: 1fr;gap: 7px;}
.product-master-card__header h2{font-size: clamp(38px, 12vw, 52px);}}
@media (prefers-reduced-motion: reduce){.product-master-card{transition: none;}}
:root{--v635-product-edge: clamp(14px, 1.25vw, 26px);--v635-grid-gap: clamp(12px, .9vw, 20px);--v635-card-radius: clamp(18px, 1.25vw, 24px);}
.hk-card-matrix-section--products{padding-bottom: clamp(70px, 7vw, 124px);}
.product-master-grid{width: 100%;margin-inline: auto;display: grid;align-items: stretch;}
.product-master-card--grid{min-width: 0;box-shadow:
    0 18px 42px rgba(15, 36, 54, .08),
    inset 0 1px 0 rgba(255,255,255,.96);}
.product-master-card--grid .product-master-card__visual{min-width: 0;border-right-color: rgba(23,52,79,.09);}
.product-master-card--grid .product-master-card__blueprint{object-fit: cover;object-position: center;filter: saturate(.88) contrast(1.025);}
.product-master-card--grid .product-master-card__content{min-width: 0;}
.product-master-card--grid .product-master-card__header h2{letter-spacing: -.035em;overflow-wrap: anywhere;hyphens: auto;}
.product-master-card--grid .product-master-card__spec-row{grid-template-columns: 1fr;}
.product-master-card--grid .product-master-card__spec-row dt{line-height: 1.2;}
.product-master-card--grid .product-master-card__spec-row dd{overflow-wrap: anywhere;}
.product-master-card--grid .product-master-card__processes{grid-template-columns: auto minmax(0,1fr);}
.product-master-card--grid .product-master-card__process-label{margin-bottom: 3px;font-size: clamp(9.5px, .65vw, 12px);}
.product-master-card--grid .product-master-card__processes p{font-size: clamp(9.5px, .67vw, 12.5px);line-height: 1.32;overflow-wrap: anywhere;}
@media (min-width: 2100px){.product-master-grid{max-width: 2480px;}
.product-master-card--grid{min-height: 790px;}}
@media (max-width: 1540px){.product-master-grid{grid-template-columns: repeat(3, minmax(0, 1fr));}
.product-master-card--grid{min-height: 720px;grid-template-columns: minmax(150px, 40%) minmax(0,60%);}
.product-master-card--grid .product-master-card__header h2{font-size: clamp(30px, 2.4vw, 42px);}
.product-master-card--grid .product-master-card__spec-row dt,.product-master-card--grid .product-master-card__spec-row dd,.product-master-card--grid .product-master-card__processes p,.product-master-card--grid .product-master-card__process-label{font-size: clamp(11px, .9vw, 14px);}}
@media (max-width: 980px){.product-master-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
.product-master-card--grid{grid-template-columns: minmax(130px, 40%) minmax(0,60%);}}
@media (max-width: 660px){.product-master-grid{grid-template-columns: 1fr;}
.product-master-card--grid{grid-template-columns: minmax(120px, 38%) minmax(0,62%);min-height: 650px;}}
@media (prefers-reduced-motion: reduce){.product-master-card--grid{transition: none;}}
:root{--v636-dark-steel: #102331;--v636-dark-steel-deep: #0a1822;--v636-counter-width: min(1260px, calc(100vw - (2 * var(--page-gutter))));--v636-product-edge: clamp(18px, 1.6vw, 34px);}
.hk-card-matrix-section--products{padding-inline: var(--v636-product-edge) !important;}
.product-master-grid{max-width: 2200px !important;}
.product-master-card--grid{min-height: clamp(450px, 30vw, 540px) !important;border-radius: clamp(16px, 1vw, 21px) !important;}
.product-master-card--grid .product-master-card__content{padding: clamp(14px, 1vw, 20px) clamp(12px, .9vw, 18px) !important;}
.product-master-card--grid .product-master-card__header{gap: 7px !important;margin-bottom: 7px !important;}
.product-master-card--grid .product-master-card__accent{width: clamp(30px, 2.1vw, 46px) !important;height: 3px !important;}
.product-master-card--grid .product-master-card__spec-row{gap: 2px !important;padding: clamp(5px, .42vw, 7px) 0 !important;}
.product-master-card--grid .product-master-card__spec-row dt{font-size: clamp(9.5px, .56vw, 11.5px) !important;}
.product-master-card--grid .product-master-card__spec-row dd{font-size: clamp(9.7px, .59vw, 12px) !important;line-height: 1.24 !important;}
.product-master-card--grid .product-master-card__processes{gap: 8px !important;padding-top: 9px !important;}
.product-master-card--grid .product-master-card__process-icon{width: clamp(30px, 2vw, 38px) !important;height: clamp(30px, 2vw, 38px) !important;}
.product-master-card--grid .product-master-card__process-label,.product-master-card--grid .product-master-card__processes p{font-size: clamp(9px, .55vw, 11px) !important;line-height: 1.25 !important;}
@media (max-width: 1700px){.product-master-grid{grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}
.product-master-card--grid{min-height: 520px !important;}}
@media (max-width: 1180px){.product-master-grid{grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}}
@media (max-width: 700px){.product-master-grid{grid-template-columns: 1fr !important;}
.product-master-card--grid{min-height: 0 !important;grid-template-columns: 1fr !important;}}
#unternehmen .insight-split-v633__copy > p:not(.eyebrow){color: rgba(255,255,255,.74) !important;}
.counter-strip[data-compound="HK-S04"]{padding: clamp(24px, 2.4vw, 40px) var(--page-gutter) clamp(34px, 3.3vw, 52px) !important;margin-block: 0 !important;}
.counter-strip[data-compound="HK-S04"]::before,.counter-strip[data-compound="HK-S04"]::after{display: none !important;}
.counter-strip[data-compound="HK-S04"] .counter-strip__grid{margin-inline: auto !important;grid-template-columns: repeat(5, minmax(0, 1fr)) !important;overflow: visible !important;}
.counter-strip[data-compound="HK-S04"] .counter-tile{display: flex !important;flex-direction: column !important;align-items: center !important;justify-content: center !important;gap: 10px !important;text-align: center !important;}
.counter-strip[data-compound="HK-S04"] .counter-tile__image{flex: 0 0 auto !important;margin: 0 0 4px !important;object-fit: contain !important;}
.counter-strip[data-compound="HK-S04"] .counter-tile__body{display: flex !important;flex-direction: column !important;align-items: center !important;gap: 7px !important;}
.counter-strip[data-compound="HK-S04"] .counter-tile__body::before{content: "";display: block;width: 42px;height: 2px;margin-bottom: 7px;}
.counter-strip[data-compound="HK-S04"] .counter-tile strong{line-height: .95 !important;text-align: center !important;}
.counter-strip[data-compound="HK-S04"] .counter-tile__body > span{max-width: 15ch !important;font-size: clamp(.76rem, .88vw, .94rem) !important;text-align: center !important;}
@media (max-width: 1050px){.counter-strip[data-compound="HK-S04"]{overflow-x: auto !important;}
.counter-strip[data-compound="HK-S04"] .counter-strip__grid{width: 850px !important;max-width: none !important;}}
@media (prefers-reduced-motion: no-preference){.counter-strip[data-compound="HK-S04"] .counter-tile:nth-child(odd){animation: v636-counter-float 5.8s ease-in-out infinite;}
.counter-strip[data-compound="HK-S04"] .counter-tile:nth-child(even){animation: v636-counter-float 5.8s ease-in-out -2.9s infinite;}}
@keyframes v636-counter-float{0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-4px); }}
.product-master-grid{grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}
.product-master-card__inquiry{justify-content: center;}
@media (max-width: 1260px){.product-master-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media (max-width: 760px){.product-master-grid{grid-template-columns:1fr!important;}}
#unternehmen{padding-top: 0 !important;padding-inline: 0 !important;}
.hk-reference-marquee__group{gap: clamp(26px,2.2vw,42px);}
.hk-reference-marquee__slot,.hk-reference-marquee__slot[data-logo]{width:clamp(150px,10vw,188px)!important;flex-basis:clamp(150px,10vw,188px)!important;}
.branch-tile__text{align-self:auto!important;}
.branches-grid--3x3 .branch-tile::after{inset:0;background-size:300% 300%;pointer-events:none;transform:none!important;-webkit-mask-composite:xor;mask-composite:exclude;}
@keyframes hk-branch-metal-border{to { background-position:300% 50%; }}
.counter-strip[data-compound="HK-S04"]{background:#07131e!important;color:#fff!important;border-block-color:rgba(255,255,255,.08)!important;}
.counter-strip[data-compound="HK-S04"] .counter-strip__grid{border-color:rgba(255,255,255,.09)!important;}
.counter-strip[data-compound="HK-S04"] .counter-tile__body>span{color:rgba(255,255,255,.66)!important;}
.contact-stage-v637{position:relative;}
.contact-stage-v637__copy p:last-child{color:rgba(255,255,255,.72);font-size:clamp(16px,1.1vw,20px);line-height:1.62;}
.contact-stage-v637__slide{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease;}
.contact-stage-v637__slide.is-active{opacity:1;}
.sales-flow-v637__steps{list-style:none;margin:0 auto;padding:0;}
.sales-flow-v637__steps li{border-right:1px solid rgba(255,255,255,.10);}
.sales-flow-v637__steps li:last-child{border-right:0;}
.sales-flow-v637__number{display:block;font-weight:700;}
.request-layout-v637{margin:0 auto;display:grid;grid-template-columns:minmax(0,2.2fr) minmax(280px,.8fr);}
.request-form-v637,.request-contact-v637{border:1px solid rgba(255,255,255,.10);border-radius:28px;background:rgba(255,255,255,.035);padding:clamp(28px,3vw,48px);}
.request-form-v637__heading h2,.request-contact-v637 h3{color:#fff;}
.request-form-v637__heading p,.request-contact-v637 p{color:rgba(255,255,255,.66);}
.request-form-v637__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:30px 0;}
.form-field-v637{display:grid;gap:8px;font-size:14px;margin-bottom:16px;}
.form-field-v637 input,.form-field-v637 select,.form-field-v637 textarea{width:100%;padding:14px 16px;border:1px solid rgba(255,255,255,.14);border-radius:14px;color:#fff;background:rgba(255,255,255,.055);outline:none;}
.form-field-v637 select option{color:#0d1b27;background:#fff;}
.form-field-v637 input:focus,.form-field-v637 select:focus,.form-field-v637 textarea:focus{border-color:rgba(242,140,40,.62);box-shadow:0 0 0 3px rgba(242,140,40,.10);}
.request-form-v637__choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px;margin:24px 0 28px;padding:22px;border:1px solid rgba(255,255,255,.10);}
.request-form-v637__choices legend{padding:0 10px;font-weight:700;}
.request-form-v637__choices label,.request-form-v637__consent{display:flex;align-items:flex-start;gap:10px;color:rgba(255,255,255,.74);font-size:14px;}
.request-form-v637__choices input,.request-form-v637__consent input{accent-color:var(--hk-orange);margin-top:2px;}
.request-form-v637__consent{margin:10px 0 22px;}
.request-contact-v637 ul{padding-left:20px;color:rgba(255,255,255,.72);line-height:1.8;}
@media(max-width:1100px){.sales-flow-v637__steps{grid-template-columns:repeat(2,1fr);}
.sales-flow-v637__steps li{border-bottom:1px solid rgba(255,255,255,.1);}
.request-layout-v637{grid-template-columns:1fr;}
.request-form-v637__choices{grid-template-columns:repeat(2,1fr);}}
@media(max-width:720px){.contact-stage-v637{grid-template-columns:1fr;align-items:end;}
.contact-stage-v637__copy{padding-bottom:72px;}
.sales-flow-v637__steps{grid-template-columns:1fr;}
.request-form-v637__grid,.request-form-v637__choices{grid-template-columns:1fr;}}
.company-section-v640{padding: 0;overflow: hidden;background:
    linear-gradient(180deg, #f6f8fa 0%, #eef2f5 58%, #e8edf1 100%);}
.company-intro-v640{position: relative;min-height: clamp(620px, 66vw, 900px);display: grid;align-items: end;overflow: hidden;background: #0a141c;}
.company-intro-v640__media,.company-intro-v640__shade{position: absolute;inset: 0;}
.company-intro-v640__media{background-size: cover;background-position: 68% center;transform: scale(1.01);}
.company-intro-v640__shade{background:
    linear-gradient(90deg, rgba(6,15,22,.94) 0%, rgba(6,15,22,.78) 34%, rgba(6,15,22,.28) 62%, rgba(6,15,22,.12) 100%),
    linear-gradient(180deg, rgba(6,15,22,.04) 0%, rgba(6,15,22,.18) 52%, rgba(6,15,22,.88) 100%);}
.company-intro-v640__content{position: relative;z-index: 2;width: min(100%, 1820px);margin-inline: auto;padding: clamp(64px, 8vw, 126px) var(--page-gutter) clamp(70px, 8vw, 118px);color: #fff;}
.company-intro-v640__content .eyebrow{color: var(--hk-orange);}
.company-intro-v640__content h2{max-width: 12ch;margin: .35rem 0 1.4rem;font-size: clamp(58px, 7vw, 118px);line-height: .91;letter-spacing: -.055em;color: #fff;}
.company-intro-v640__lead{max-width: 50ch;margin: 0 0 1.15rem;font-size: clamp(22px, 2vw, 34px);line-height: 1.3;color: rgba(255,255,255,.92);}
.company-intro-v640__copy{max-width: 66ch;margin: 0;font-size: clamp(16px, 1.2vw, 20px);line-height: 1.65;color: rgba(255,255,255,.72);}
.company-principles-v640{margin-inline: auto;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: clamp(20px, 2vw, 32px);padding: clamp(72px, 8vw, 126px) var(--page-gutter) clamp(90px, 10vw, 156px);}
.company-principles-v640 article{border-radius: 28px;background: rgba(255,255,255,.72);border: 1px solid rgba(24,49,73,.10);}
.company-principles-v640 h3{margin: .45rem 0 1.2rem;font-size: clamp(28px, 2.1vw, 40px);line-height: 1.08;letter-spacing: -.035em;}
.company-principles-v640 article > p:last-child{margin: 0;font-size: 17px;line-height: 1.65;}
@media (max-width: 980px){.company-principles-v640{grid-template-columns: 1fr;}}
@media (max-width: 680px){.company-intro-v640{min-height: 720px;}
.company-intro-v640__media{background-position: 73% center;}
.company-intro-v640__shade{background:
      linear-gradient(180deg, rgba(6,15,22,.30) 0%, rgba(6,15,22,.60) 48%, rgba(6,15,22,.96) 100%);}
.company-intro-v640__content h2{font-size: clamp(48px, 14vw, 72px);}}
.company-history-v641{margin-inline: auto;}
.company-history-v641__heading{display: grid;grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);gap: clamp(30px, 6vw, 110px);align-items: end;margin-bottom: clamp(46px, 6vw, 86px);}
.company-history-v641__heading .eyebrow{grid-column: 1 / -1;margin-bottom: -1.2rem;}
.company-history-v641__heading h3{margin: 0;color: var(--hk-steel);font-size: clamp(44px, 5vw, 82px);line-height: .98;letter-spacing: -.05em;}
.company-history-v641__heading > p:last-child{margin: 0;color: rgba(24,49,73,.68);font-size: clamp(17px, 1.25vw, 21px);line-height: 1.65;}
.company-history-v641__summary{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: clamp(20px, 2vw, 32px);}
.company-history-v641__summary article{position: relative;padding: clamp(26px, 2.5vw, 40px);border: 1px solid rgba(24,49,73,.10);border-radius: 28px;}
.company-history-v641__summary article::after{content: "";position: absolute;right: -46px;bottom: -62px;width: 180px;height: 180px;border-radius: 50%;background: radial-gradient(circle, rgba(73,106,132,.10), transparent 68%);}
.company-history-v641__summary span{display: inline-flex;align-items: center;justify-content: center;width: 42px;height: 42px;border-radius: 50%;color: var(--hk-orange);border: 1px solid rgba(242,140,40,.30);font-size: 13px;font-weight: 700;}
.company-history-v641__summary h4{margin: 0 0 18px;color: var(--hk-steel);font-size: clamp(26px, 1.8vw, 36px);line-height: 1.08;letter-spacing: -.035em;}
.company-history-v641__summary p{margin: 0;font-size: 16px;line-height: 1.68;}
.company-story-v641{position: relative;color: #fff;}
.company-story-v641__header{display: grid;grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);gap: clamp(36px, 7vw, 120px);}
.company-story-v641__header h3{max-width: 13ch;margin: .4rem 0 0;color: #fff;font-size: clamp(50px, 5.8vw, 96px);line-height: .94;letter-spacing: -.055em;}
.company-story-v641__header > p{margin: 0;color: rgba(255,255,255,.64);font-size: clamp(16px, 1.25vw, 20px);line-height: 1.7;}
.company-story-v641__timeline{margin-inline: auto;display: grid;gap: clamp(58px, 7vw, 110px);}
.company-story-v641__timeline::before{content: "";position: absolute;top: 0;bottom: 0;left: 50%;width: 1px;transform: translateX(-50%);background: linear-gradient(180deg, transparent, rgba(255,255,255,.28) 4%, rgba(255,255,255,.28) 96%, transparent);}
.company-story-v641__item{position: relative;display: grid;grid-template-columns: minmax(0, 1fr) 132px minmax(0, 1fr);gap: clamp(22px, 3vw, 52px);align-items: center;min-height: 420px;}
.company-story-v641__media{position: relative;min-height: clamp(320px, 29vw, 490px);overflow: hidden;border-radius: 30px;background-size: cover;background-position: center;box-shadow: 0 28px 70px rgba(0,0,0,.28);}
.company-story-v641__media::after{content: "";position: absolute;inset: 0;border: 1px solid rgba(255,255,255,.10);border-radius: inherit;box-shadow: inset 0 0 60px rgba(4,11,17,.12);pointer-events: none;}
.company-story-v641__media.is-archive{background-position: center;}
.company-story-v641__media.is-archive::before{content: "";position: absolute;inset: 0;z-index: 1;background: linear-gradient(135deg, rgba(235,235,225,.04), rgba(0,0,0,.24));}
.company-story-v641__media > span{position: absolute;left: 22px;bottom: 18px;z-index: 2;padding: 7px 10px;color: rgba(255,255,255,.70);border: 1px solid rgba(255,255,255,.16);border-radius: 999px;background: rgba(6,15,22,.48);backdrop-filter: blur(8px);font-size: 11px;letter-spacing: .08em;text-transform: uppercase;}
.company-story-v641__content{max-width: 610px;}
.company-story-v641__content .eyebrow{margin-bottom: 16px;}
.company-story-v641__content h4{margin: 0 0 18px;color: #fff;font-size: clamp(34px, 3.1vw, 58px);line-height: 1;letter-spacing: -.045em;}
.company-story-v641__content p:last-child{margin: 0;color: rgba(255,255,255,.64);font-size: clamp(16px, 1.15vw, 19px);line-height: 1.68;}
.company-story-v641__item.is-left .company-story-v641__content{grid-column: 3;}
.company-story-v641__item.is-right .company-story-v641__content{grid-column: 1;grid-row: 1;justify-self: end;text-align: right;}
.company-story-v641__item.is-right .company-story-v641__media{grid-column: 3;}
.company-story-v641__node{position: relative;z-index: 2;grid-column: 2;grid-row: 1;align-self: center;display: grid;justify-items: center;gap: 16px;}
.company-story-v641__node time{padding: 10px 14px;color: rgba(255,255,255,.94);border: 1px solid rgba(255,255,255,.15);border-radius: 999px;background: #0b1d29;box-shadow: 0 12px 30px rgba(0,0,0,.26);font-size: clamp(16px, 1.25vw, 20px);font-weight: 700;white-space: nowrap;}
.company-story-v641__node i{display: block;width: 17px;height: 17px;border-radius: 50%;background: #25435a;border: 2px solid rgba(255,255,255,.88);box-shadow: 0 0 0 9px rgba(255,255,255,.05);}
.company-story-v641__item.is-key .company-story-v641__node i,.company-story-v641__item.is-future .company-story-v641__node i{background: var(--hk-orange);border-color: #ffe5cc;box-shadow: 0 0 0 9px rgba(242,140,40,.10), 0 0 28px rgba(242,140,40,.34);}
.request-contact-v641__image{margin: calc(-1 * clamp(28px,3vw,48px)) calc(-1 * clamp(28px,3vw,48px)) 30px;overflow: hidden;aspect-ratio: 4 / 3;}
.request-contact-v641__image img{width: 100%;height: 100%;display: block;object-fit: cover;}
.request-contact-v637{overflow: hidden;}
@media (max-width: 1100px){.company-history-v641__heading,.company-story-v641__header{grid-template-columns: 1fr;}
.company-history-v641__heading .eyebrow{margin-bottom: 0;}
.company-history-v641__summary{grid-template-columns: 1fr;}
.company-story-v641__timeline::before{left: 30px;}
.company-story-v641__item{grid-template-columns: 62px minmax(0, 1fr);gap: 24px;min-height: 0;}
.company-story-v641__node,.company-story-v641__item.is-left .company-story-v641__node,.company-story-v641__item.is-right .company-story-v641__node{grid-column: 1;grid-row: 1;align-self: start;padding-top: 22px;}
.company-story-v641__media,.company-story-v641__item.is-right .company-story-v641__media{grid-column: 2;grid-row: 1;min-height: 360px;}
.company-story-v641__content,.company-story-v641__item.is-left .company-story-v641__content,.company-story-v641__item.is-right .company-story-v641__content{grid-column: 2;grid-row: 2;justify-self: stretch;text-align: left;max-width: none;}}
@media (max-width: 680px){.company-story-v641{padding-inline: 20px;}
.company-story-v641__timeline::before{left: 17px;}
.company-story-v641__item{grid-template-columns: 34px minmax(0, 1fr);gap: 14px;}
.company-story-v641__node time{writing-mode: vertical-rl;transform: rotate(180deg);padding: 10px 7px;}
.company-story-v641__media{min-height: 270px;border-radius: 22px;}}
@media (prefers-reduced-motion: reduce){.company-story-v641__media,.company-story-v641__content{transition: none;}}
:root{--hk-content-max: 1680px;--hk-content-gutter: clamp(24px, 4vw, 72px);--page-gutter: var(--hk-content-gutter);--hk-font: "Segoe UI Variable Text", "Aptos", "Segoe UI", Arial, sans-serif;--hk-font-display: "Segoe UI Variable Display", "Aptos Display", "Segoe UI", Arial, sans-serif;--hk-type-hero: 4rem;--hk-type-stage: 3.75rem;--hk-type-section: 3rem;--hk-type-card: 1.85rem;--hero-reference-height: clamp(104px, 11svh, 126px);}
body{font-family: var(--hk-font);font-size: 17px;line-height: 1.62;}
.eyebrow,.card-number{letter-spacing: .12em;}
h1,h2,h3,h4{font-family: var(--hk-font-display);font-weight: 650;letter-spacing: 0;}
.branches-grid,.product-master-grid,.process-competence-grid,.company-history-v641,.company-principles-v640,.company-story-v641__header,.company-story-v641__timeline,.sales-flow-v637__steps,.request-layout-v637{max-width: var(--hk-content-max);margin-inline: auto;}
.company-history-v641{padding-inline: 0;}
.split-stage[data-compound="HK-T01"]{--v633-shell: min(var(--hk-content-max), calc(100vw - (2 * var(--page-gutter))));}
.hero__panel h1{font-size: var(--hk-type-hero);line-height: 1.05;}
.hk-stage-showcase__content h2,.company-intro-v640__content h2,.contact-stage-v637__copy h2{font-size: var(--hk-type-stage);line-height: 1.08;}
.section-heading h2,.request-form-v637__heading h2,.company-history-v641__heading h3,.company-story-v641__header h3{font-size: var(--hk-type-section);line-height: 1.1;}
.company-history-v641__summary h4,.company-story-v641__content h4{font-size: var(--hk-type-card);line-height: 1.08;}
@media (min-width: 1041px){.hero-viewport{height: calc(100svh - var(--nav-height));min-height: 0;display: grid;grid-template-rows: minmax(0, 1fr) var(--hero-reference-height);overflow: hidden;background: #fff;}
.hero{position: relative;isolation: isolate;height: 100%;min-height: 0;grid-template-columns: minmax(0, 2fr) minmax(390px, 1fr);gap: 0;padding: 0;overflow: hidden;background: #fff;}
.hero__panel{min-height: 0;}
.hero__media{background-color: var(--hk-dark);}
.hero__slide{position: absolute;inset: 0;opacity: 0;background-repeat: no-repeat;background-size: auto clamp(100%, 52vw, 142.857%);background-position: left top;transition: opacity 1.5s ease;will-change: opacity;}
.hero__slide.is-active{opacity: 1;}
.hero__slide--product{background-image: url("../Bilder/hero-pleuel-original.webp");}
.hero__slide--crankshafts{background-image: url("../Bilder/media-3x2/hero-stage-crankshafts.webp");}
.hero__slide--production{background-image: url("../Bilder/media-3x2/hero-stage-production.webp");}
.hero__media::after{display: none;}
.hero__panel{position: relative;z-index: 1;height: 100%;justify-content: center;gap: clamp(14px, 2vh, 24px);padding: clamp(34px, 4vw, 64px) var(--page-gutter) clamp(34px, 4vw, 64px) clamp(34px, 3.5vw, 58px);background: #fff !important;border: 0 !important;border-radius: 0 !important;box-shadow: none !important;transform: none !important;}
.hero__panel::before{content: "";position: absolute;top: 0;bottom: 0;left: clamp(-320px, -16vw, -190px);width: clamp(190px, 16vw, 320px);height: auto;display: block !important;pointer-events: none;background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.62) 58%, #fff 100%);}
.hero__panel::after{display: none !important;}
.hero__panel > *{position: relative;z-index: 1;}
.hero__panel h1{max-width: 11ch;}
.hero__panel .lead{max-width: 45ch;font-size: 1rem;line-height: 1.62;}
.hero__panel .feature-list{gap: 14px;}
.hero__panel .feature-list li{grid-template-columns: 44px minmax(0, 1fr);gap: 14px;font-size: .93rem;line-height: 1.42;}
.hero__panel .feature-list li strong{margin-bottom: 2px;font-size: 1.04rem;line-height: 1.25;}
.hero__panel .feature-list__icon{width: 44px;height: 44px;}
.hero__panel .button{min-width: 0;width: fit-content;margin-top: 6px;}
.hero-viewport > .hk-reference-marquee{--ref-height: var(--hero-reference-height);height: var(--hero-reference-height);min-height: var(--hero-reference-height);align-self: end;}}
@media (min-width: 1041px) and (max-height: 820px){:root{--hero-reference-height: 96px;}
.hero__panel{gap: 10px;padding-block: 24px;}
.hero__panel h1{font-size: 3.35rem;}
.hero__panel .lead{font-size: .93rem;line-height: 1.5;}
.hero__panel .feature-list{gap: 8px;}
.hero__panel .feature-list li{grid-template-columns: 38px minmax(0, 1fr);}
.hero__panel .feature-list__icon{width: 38px;height: 38px;}}
@media (min-width: 1101px){:root{--hk-stage-height: max(720px, calc(100svh - var(--nav-height)));}
.hk-stage-showcase__slide{background-size: auto clamp(100%, 52vw, 142.857%) !important;background-position: right top !important;}
.hk-stage-showcase__slide--branches-01,.hk-stage-showcase__slide--branches-02,.hk-stage-showcase__slide--branches-03{background-size: auto clamp(100%, 48vw, 130%) !important;}
.hk-stage-showcase__content{align-self: center;width: min(100%, 620px);max-width: min(32vw, 620px);padding-right: clamp(20px, 2vw, 36px);}
.hk-stage-showcase__content h2{max-width: 14ch;}
.company-intro-v640{min-height: var(--hk-stage-height);align-items: center;}
.company-intro-v640__media{background-color: #0a141c;background-size: auto clamp(100%, 52vw, 142.857%);background-position: right top;background-repeat: no-repeat;transform: none;-webkit-mask-image: linear-gradient(
      90deg,
      transparent 0%,
      transparent 8%,
      rgba(0,0,0,.05) 14%,
      rgba(0,0,0,.18) 20%,
      rgba(0,0,0,.38) 27%,
      rgba(0,0,0,.62) 34%,
      rgba(0,0,0,.84) 40%,
      #000 47%,
      #000 100%
    );mask-image: linear-gradient(
      90deg,
      transparent 0%,
      transparent 8%,
      rgba(0,0,0,.05) 14%,
      rgba(0,0,0,.18) 20%,
      rgba(0,0,0,.38) 27%,
      rgba(0,0,0,.62) 34%,
      rgba(0,0,0,.84) 40%,
      #000 47%,
      #000 100%
    );}
.company-intro-v640__shade{background:
      linear-gradient(
        90deg,
        #0a141c 0%,
        #0a141c 16%,
        rgba(10,20,28,.96) 22%,
        rgba(10,20,28,.82) 29%,
        rgba(10,20,28,.58) 36%,
        rgba(10,20,28,.32) 44%,
        rgba(10,20,28,.12) 52%,
        rgba(10,20,28,0) 61%
      ),
      linear-gradient(
        180deg,
        rgba(6,15,22,.02) 0%,
        rgba(6,15,22,.10) 62%,
        rgba(6,15,22,.78) 100%
      );}
.company-intro-v640__content{width: 100%;max-width: none;margin-inline: 0;padding-inline: var(--page-gutter);padding-block: clamp(48px, 7vh, 84px);}
.company-intro-v640__content h2{max-width: 15ch;}
.company-intro-v640__lead{max-width: 56ch;font-size: 1.35rem;line-height: 1.5;}
.company-intro-v640__copy{max-width: 68ch;font-size: 1rem;line-height: 1.65;}
.hero__panel,.contact-stage-v637__copy{justify-content: center;}}
.request-contact-v641__image img{object-position: center 24%;}
@media (max-width: 1400px){:root{--hk-type-hero: 4rem;--hk-type-stage: 3.5rem;--hk-type-section: 3rem;--hk-type-card: 1.8rem;}}
@media (max-width: 1040px){:root{--hk-type-hero: 3.5rem;--hk-type-stage: 3.25rem;--hk-type-section: 2.75rem;--hk-type-card: 1.7rem;}
.hero__media{position: relative;overflow: hidden;background: var(--hk-dark);}
.hero__slide{position: absolute;inset: 0;opacity: 0;background-repeat: no-repeat;background-size: cover;background-position: center;transition: opacity 1.2s ease;}
.hero__slide.is-active{opacity: 1;}
.hero__slide--product{background-image: url("../Bilder/hero-pleuel-original.webp");}
.hero__slide--crankshafts{background-image: url("../Bilder/media-3x2/hero-stage-crankshafts.webp");}
.hero__slide--production{background-image: url("../Bilder/media-3x2/hero-stage-production.webp");}}
@media (max-width: 680px){:root{--hk-content-gutter: 20px;--hk-type-hero: 3rem;--hk-type-stage: 2.75rem;--hk-type-section: 2.35rem;--hk-type-card: 1.6rem;}}
.company-intro-v640__media{background-image: none;}
.company-intro-v640__slide{position: absolute;inset: 0;opacity: 0;background-repeat: no-repeat;background-size: auto clamp(100%, 52vw, 142.857%);background-position: right top;transition: opacity 1.5s ease;}
.company-intro-v640__slide.is-active{opacity: 1;}
.company-intro-v640__slide--production{background-image: url("../Bilder/media-3x2/hero-stage-production.webp");}
.hero__slide--product{background-image: url("../Bilder/hero/hero-product.webp") !important;}
.hero__slide--crankshafts{background-image: url("../Bilder/hero/hero-components.webp") !important;}
.hero__slide--production{background-image: url("../Bilder/hero/hero-engine.webp") !important;}
.hk-stage-showcase__slide--branches-02{background-image: url("../Bilder/branches/branch-motorcycle.webp") !important;}
.hk-stage-showcase__slide--branches-03{background-image: url("../Bilder/branches/branch-jetski.webp") !important;}
.branches-grid--3x3 .branch-tile--automotive{background-image: url("../Bilder/branches/branch-automotive.webp") !important;}
.branches-grid--3x3 .branch-tile--funvehicle{background-image: url("../Bilder/branches/branch-atv.webp") !important;}
.branches-grid--3x3 .branch-tile--luftfahrt{background-image: url("../Bilder/branches/branch-aerospace.webp") !important;}
.branches-grid--3x3 .branch-tile--erneuerbare{background-image: url("../Bilder/branches/branch-renewable.webp") !important;}
.branches-grid--3x3 .branch-tile--marine{background-image: url("../Bilder/branches/branch-marine.webp") !important;}
.hk-stage-showcase__slide--branches-01{background-position: 76% top !important;}
.hk-stage-showcase__slide--branches-03{background-position: 70% top !important;}






.company-history-v641__summary,.company-principles-v640{gap: clamp(26px, 2.4vw, 42px);}
.company-history-v641__summary article,.company-principles-v640 article{padding: clamp(24px, 2vw, 34px);}
.company-history-v641__summary span{margin-bottom: 24px;}
.management-profile-v643__content > p:not(.eyebrow):not(.management-profile-v643__role){max-width: 56ch;color: rgba(255,255,255,.7);}
.company-location-v643__stage{position: relative;min-height: var(--hk-stage-height);display: grid;align-items: center;overflow: hidden;}
.company-location-v643__stage > img{position: absolute;inset: 0 0 0 auto;max-width: none;}
.company-location-v643__stage::after{content: "";position: absolute;inset: 0;}
.company-location-v643__stage-copy{position: relative;z-index: 1;width: min(620px, 34vw);margin-left: var(--page-gutter);color: #fff;}
.company-location-v643__stage-copy h2{margin: 12px 0 22px;font-size: var(--hk-type-stage);line-height: 1.08;}
.company-location-v643__stage-copy > p:last-child{max-width: 48ch;color: rgba(255,255,255,.72);}
.company-location-v643__body{margin-inline: auto;padding-block: clamp(72px, 8vw, 126px);display: grid;}
.company-location-v643__body article h3{margin: 10px 0 18px;color: var(--hk-steel);font-size: 2.4rem;}
.company-location-v643__body article p{max-width: 48ch;color: var(--hk-muted);}
.company-location-v643__body article .button{margin-top: 26px;}
.location-map-v643{position: relative;background-size: 56px 56px, 56px 56px, auto;}
.location-map-v643 iframe{display: block;filter: grayscale(1) sepia(.1) hue-rotate(165deg) saturate(.7) contrast(1.08) brightness(.9);}
.location-map-v643__accent{position: absolute;inset: 0;pointer-events: none;border: 1px solid rgba(242,140,40,.34);box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);}
.counter-strip[data-compound="HK-S04"] .counter-tile{border: 0 !important;border-radius: 0 !important;background: transparent !important;box-shadow: none !important;animation: none !important;}
.counter-strip[data-compound="HK-S04"] .counter-tile__body::before{background: rgba(255,255,255,.18) !important;}
.counter-strip[data-compound="HK-S04"] .counter-tile strong,.counter-strip[data-compound="HK-S04"] .counter-tile__body > span{color: #fff !important;}
.counter-strip[data-compound="HK-S04"] .counter-tile__body > span{opacity: .72;}
.branches-grid--3x3 .branch-tile__header{justify-content: flex-end;}
.branches-grid--3x3 .branch-tile__title::after{display: none !important;}
.branches-grid--3x3 .branch-tile__copy{max-width: none;}
.product-master-card__inquiry{width: fit-content !important;min-width: 0 !important;margin: 12px 0 8px !important;}
.product-master-card__inquiry:hover,.product-master-card__inquiry:focus-visible{border-color: var(--hk-orange) !important;background: #172229 !important;}
.quality-grid{width: min(1400px, 100%);margin-inline: auto;gap: clamp(28px, 2.4vw, 42px) !important;}
.surface-card--quality{padding: 24px !important;border-radius: 8px !important;}
.quality-card__media{height: 128px;margin-inline: -24px;margin-top: -24px;}
.surface-card--quality .card-icon{width: 44px;height: 44px;}
.surface-card--quality h3{font-size: 1.5rem;}
.split-stage[data-compound="HK-T01"]{border-color: rgba(24,49,73,.13) !important;}
.split-stage__media,.split-stage__panel,.split-stage__media:hover,.split-stage__panel:hover{transform: none !important;transition: none !important;}
.split-stage__media::after,.split-stage__panel::after,.split-stage__media:hover::after,.split-stage__panel:hover::after{display: none !important;animation: none !important;}
.split-stage__panel:hover > .panel-icon{transform: none !important;}
.request-layout-v637{gap: clamp(26px, 2.4vw, 42px);}
.request-form-v637{color: var(--hk-steel);border-color: rgba(24,49,73,.12);border-radius: 8px;box-shadow: 0 28px 68px rgba(0,0,0,.25);}
.request-form-v637__heading h2{color: var(--hk-steel);}
.request-form-v637__heading p{color: var(--hk-muted);}
.form-field-v637{color: var(--hk-steel);}
.form-field-v637 input,.form-field-v637 select,.form-field-v637 textarea{color: var(--hk-steel);border-color: rgba(24,49,73,.16);border-radius: 6px;background: #fff;}
.form-field-v637 input:focus,.form-field-v637 select:focus,.form-field-v637 textarea:focus{border-color: var(--hk-orange);box-shadow: 0 0 0 3px rgba(242,140,40,.12);}
.request-form-v637__choices{border-color: rgba(24,49,73,.12);border-radius: 8px;background: #fff;}
.request-form-v637__choices legend{color: var(--hk-steel);}
.request-form-v637__choices label,.request-form-v637__consent{color: var(--hk-muted);}
.request-contact-v637{border-radius: 8px;box-shadow: 0 24px 58px rgba(0,0,0,.22);}
.request-contact-v641__image{border-radius: 8px 8px 0 0;}
@media (max-width: 1100px){.company-location-v643__body{grid-template-columns: 1fr;}
.company-location-v643__stage-copy{width: min(620px, calc(100% - (2 * var(--page-gutter))));}
.location-map-v643{min-height: 400px;}}
@media (max-width: 760px){.company-intro-v640__slide{background-size: cover;background-position: 68% center;}
.company-location-v643__stage{min-height: 720px;align-items: end;}
.company-location-v643__stage > img{width: 100%;height: 100%;object-fit: cover;object-position: 68% center;}
.company-location-v643__stage::after{background: linear-gradient(180deg, rgba(10,20,28,.12), rgba(10,20,28,.96) 76%);}
.company-location-v643__stage-copy{margin: 0 var(--page-gutter) 58px;}
.branches-grid--3x3 .branch-tile__text{grid-template-columns: 1fr;gap: 9px;}
.branches-grid--3x3 .branch-tile__text::before{grid-column: 1;grid-row: 2;width: 52px;height: 3px;}
.branches-grid--3x3 .branch-tile__title{grid-column: 1;grid-row: 1;text-align: left;}
.branches-grid--3x3 .branch-tile__copy{grid-column: 1;grid-row: 3;}}
@media (prefers-reduced-motion: reduce){.company-intro-v640__slide{transition: none;}}
.section--light,.section--silver,.company-section-v640,.company-location-v643,.hk-stage-context--products::before,.hk-stage-context--processes::before{background: var(--hk-surface-bg) !important;}
.section--dark,.section--quality-showcase,.hk-stage-context--branches::before,#kontakt,.counter-strip[data-compound="HK-S04"]{background: var(--hk-dark-steel-bg) !important;}
.hero__panel .button,.section--light .button,.section--silver .button,.hk-stage-showcase--on-light .button,.company-location-v643 .button,.request-form-v637 .button{color: #fff !important;border-color: #183149 !important;background: #183149 !important;box-shadow: none !important;}
.hero__panel .button:hover,.section--light .button:hover,.section--silver .button:hover,.hk-stage-showcase--on-light .button:hover,.company-location-v643 .button:hover,.request-form-v637 .button:hover{border-color: var(--hk-orange) !important;background: #102331 !important;}
.counter-strip[data-compound="HK-S04"] .counter-strip__grid{border: 0 !important;background: transparent !important;}
.product-master-card--grid .product-master-card__header h2{max-width: none !important;font-size: 1.15rem !important;line-height: 1.15 !important;}
@media (min-width: 1101px){.hk-stage-showcase--processes .hk-stage-showcase__slider{right: 0 !important;}}
@media (max-width: 1180px){.product-master-card--grid .product-master-card__header h2{font-size: 1rem !important;}}
:root{--v644-blue: #183149;--v644-blue-deep: #102331;--v644-silver: linear-gradient(135deg, #dce3e7 0%, #f3f6f7 48%, #d8e0e5 100%);--v644-panel: linear-gradient(135deg, #cfd8de 0%, #e8edf0 56%, #d7dfe4 100%);--v644-shadow: 0 28px 70px rgba(12,24,36,.18);}
.section--light,.section--silver,.company-section-v640,.company-location-v643,.company-insights-v644,.hk-stage-context--products::before,.hk-stage-context--processes::before{background: var(--v644-silver) !important;}
.section--dark,.section--quality-showcase,.company-story-v641,.counter-strip[data-compound="HK-S04"],.hk-stage-context--branches::before,#kontakt,.site-footer{background: var(--hk-dark-steel-bg) !important;}
.button,.nav-cta.button{min-height: 42px;}
.button:hover,.button:focus-visible,.nav-cta.button:hover,.nav-cta.button:focus-visible{transform: none !important;}
.company-insights-v644{padding: clamp(70px, 7vw, 116px) var(--page-gutter);}
.company-insights-v644__header{width: min(100%, var(--hk-content-max));margin: 0 auto clamp(38px, 4vw, 62px);}
.company-insights-v644__header h2{max-width: 18ch;margin-top: 10px;color: var(--hk-steel);font-size: var(--hk-type-section);line-height: 1.08;}
.company-insights-v644__grid{width: min(100%, var(--hk-content-max));margin-inline: auto;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: clamp(20px, 2vw, 34px);}
.company-insight-card-v644{position: relative;min-height: clamp(430px, 34vw, 610px);overflow: hidden;border: 1px solid rgba(24,49,73,.18);border-radius: 8px;background: #07131e;box-shadow: 0 24px 58px rgba(12,24,36,.18);}
.company-insight-card-v644 > img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;transition: transform .8s cubic-bezier(.22,1,.36,1);}
.company-insight-card-v644__shade{position: absolute;inset: 0;background: linear-gradient(180deg, rgba(5,12,18,.02) 12%, rgba(5,12,18,.32) 48%, rgba(5,12,18,.97) 88%);}
.company-insight-card-v644__content{position: absolute;inset: auto 0 0;z-index: 1;display: grid;gap: 10px;padding: clamp(24px, 2.4vw, 38px);color: #fff;}
.company-insight-card-v644__content small{color: var(--hk-orange);font-size: .72rem;font-weight: 750;text-transform: uppercase;letter-spacing: .12em;}
.company-insight-card-v644__content strong{max-width: 18ch;font-size: 1.85rem;line-height: 1.08;}
.company-insight-card-v644__content > span{max-width: 38ch;color: rgba(255,255,255,.7);font-size: .92rem;line-height: 1.5;}

.company-insight-card-v644:hover > img{transform: scale(1.025);}
.hero__slide--product,.company-intro-v640__slide--production{background-image: url("../Bilder/hero/hero-product.webp") !important;}
.hero__slide--crankshafts,.company-intro-v640__slide--team{background-image: url("../Bilder/hero/hero-components.webp") !important;}
.hero__slide--production,.company-intro-v640__slide--engine{background-image: url("../Bilder/hero/hero-engine.webp") !important;}
.company-intro-v640__slide--location{background-image: url("../Bilder/milestones/hoeckle-langenegg-building-v681.webp") !important;}
.hk-stage-showcase__slide--branches-01{background-image: url("../Bilder/branches/branch-stage-snowmobile.webp") !important;}
@media (min-width: 1101px){.company-intro-v640__slide{background-size: auto clamp(108%, 56vw, 152%) !important;background-position: right top !important;}
.hk-stage-showcase--products .hk-stage-showcase__slider{-webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.08) 18%, rgba(0,0,0,.52) 31%, #000 45%), linear-gradient(180deg, #000 0%, #000 72%, rgba(0,0,0,.5) 90%, transparent 100%) !important;-webkit-mask-composite: source-in;mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.08) 18%, rgba(0,0,0,.52) 31%, #000 45%), linear-gradient(180deg, #000 0%, #000 72%, rgba(0,0,0,.5) 90%, transparent 100%) !important;mask-composite: intersect;}
.hk-stage-showcase--processes .hk-stage-showcase__slider{inset: 0 !important;width: 100% !important;max-width: none !important;-webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.06) 22%, rgba(0,0,0,.48) 35%, #000 49%), linear-gradient(180deg, #000 0%, #000 70%, rgba(0,0,0,.46) 88%, transparent 100%) !important;-webkit-mask-composite: source-in;mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.06) 22%, rgba(0,0,0,.48) 35%, #000 49%), linear-gradient(180deg, #000 0%, #000 70%, rgba(0,0,0,.46) 88%, transparent 100%) !important;mask-composite: intersect;}}
.split-stage[data-compound="HK-T01"] > .split-stage__panel{color: var(--hk-steel) !important;}
.split-stage[data-compound="HK-T01"] .panel-icon svg,.split-stage[data-compound="HK-T01"] .check-list__icon svg{stroke: currentColor !important;}
.split-stage[data-compound="HK-T01"] > .split-stage__media::after{content: "" !important;position: absolute !important;inset: 0 !important;display: block !important;pointer-events: none;}
.split-stage[data-compound="HK-T01"],.split-stage[data-compound="HK-T01"] *{transition-property: color, border-color, background-color, opacity !important;}
.split-stage[data-compound="HK-T01"]:hover,.split-stage[data-compound="HK-T01"] > *:hover{transform: none !important;}
.counter-strip[data-compound="HK-S04"]{padding-block: 12px 20px !important;}
.counter-strip[data-compound="HK-S04"] .counter-strip__grid{width: min(1420px, calc(100vw - (2 * var(--page-gutter)))) !important;max-width: 1420px !important;gap: clamp(18px, 2.4vw, 42px) !important;}
.counter-strip[data-compound="HK-S04"] .counter-tile{position: relative;min-height: 154px !important;padding: 12px 18px !important;}
.counter-strip[data-compound="HK-S04"] .counter-tile + .counter-tile::before{content: "";position: absolute;left: calc(-1 * clamp(9px, 1.2vw, 21px));top: 24%;width: 1px;height: 52%;display: block !important;background: rgba(255,255,255,.16);}
.counter-strip[data-compound="HK-S04"] .counter-tile__image{width: 62px !important;height: 62px !important;filter: brightness(0) saturate(100%) invert(63%) sepia(84%) saturate(1440%) hue-rotate(340deg) brightness(101%) contrast(91%) !important;}
.counter-strip[data-compound="HK-S04"] .counter-tile strong{color: #fff !important;font-size: 2rem !important;}
.counter-strip[data-compound="HK-S04"] .counter-tile__body > span{color: rgba(255,255,255,.68) !important;}
.branches-grid--3x3 .branch-tile--electromotive{background-image: url("../Bilder/media-3x2/branch-electromotive.webp") !important;}
.branches-grid--3x3 .branch-tile--bahn{background-image: url("../Bilder/media-3x2/branch-bahn.webp") !important;}
.branches-grid--3x3 .branch-tile--robotik{background-image: url("../Bilder/media-3x2/branch-robotik.webp") !important;}
.branches-grid--3x3 .branch-tile--maschinenbau{background-image: url("../Bilder/media-3x2/branch-maschinenbau.webp") !important;}
.product-master-grid{gap: clamp(30px, 2.4vw, 46px) !important;}
.product-master-card__inquiry{height: auto !important;padding-block: 5px !important;padding-inline: 11px !important;font-size: .7rem !important;}
.product-master-card--grid{grid-template-columns: minmax(0, 2fr) minmax(0, 3fr) !important;}
.product-master-card--grid .product-master-card__header h2{white-space: nowrap !important;text-wrap: nowrap !important;}
.process-competence-card__media img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.company-story-v641__media{background-image: var(--story-image) !important;}
.company-story-v641__item{opacity: .3;transition: opacity .7s ease;}
.company-story-v641__item .company-story-v641__media,.company-story-v641__item .company-story-v641__content{opacity: 0;transition: opacity .75s ease, transform .75s cubic-bezier(.22,1,.36,1);}
.company-story-v641__item.is-left .company-story-v641__media,.company-story-v641__item.is-right .company-story-v641__content{transform: translateX(-48px);}
.company-story-v641__item.is-right .company-story-v641__media,.company-story-v641__item.is-left .company-story-v641__content{transform: translateX(48px);}
.company-story-v641__item.is-visible{opacity: .72;}
.company-story-v641__item.is-visible .company-story-v641__media,.company-story-v641__item.is-visible .company-story-v641__content{opacity: 1;transform: none;}
.company-story-v641__item.is-current{opacity: 1;}
.company-story-v641__item.is-current .company-story-v641__node i{background: var(--hk-orange) !important;border-color: #ffe5cc !important;box-shadow: 0 0 0 9px rgba(242,140,40,.12), 0 0 30px rgba(242,140,40,.38) !important;}
.company-story-v641__item.is-current .company-story-v641__node time{color: var(--hk-orange);border-color: rgba(242,140,40,.42);}
@media (max-width: 1100px){.company-insights-v644__grid{grid-template-columns: 1fr;}
.company-insight-card-v644{min-height: 520px;}}
@media (max-width: 760px){.company-insight-card-v644{min-height: 450px;}
.branches-grid--3x3 .branch-tile__title,.branches-grid--3x3 .branch-tile__copy{height: auto;}}
@media (prefers-reduced-motion: reduce){.company-story-v641__item,.company-story-v641__media,.company-story-v641__content,.company-insight-card-v644 > img{opacity: 1 !important;transform: none !important;transition: none !important;}}
.button,.nav-cta.button{color: var(--hk-steel) !important;border: 1px solid rgba(24,49,73,.28) !important;background: rgba(255,255,255,.34) !important;box-shadow: none !important;}
.section--dark .button,.hk-stage-showcase--on-dark .button,#kontakt .button,.site-header .button{color: #fff !important;border-color: rgba(255,255,255,.24) !important;background: rgba(7,19,30,.18) !important;}
.button:hover,.button:focus-visible,.nav-cta.button:hover,.nav-cta.button:focus-visible{color: inherit !important;border-color: var(--hk-orange) !important;background: rgba(242,140,40,.06) !important;box-shadow: 0 0 18px rgba(242,140,40,.14) !important;}
.hero__panel{gap: clamp(18px, 2.6vh, 30px) !important;}
.hero__panel .feature-list{gap: 16px !important;}
.hk-reference-marquee{position: relative;z-index: 4;box-shadow: 0 -18px 38px rgba(4,10,15,.3), 0 14px 30px rgba(4,10,15,.16) !important;}
@media (min-width: 1101px){.hk-stage-showcase__slider{-webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.08) 16%, rgba(0,0,0,.52) 31%, #000 44%, #000 85%, transparent 100%), linear-gradient(180deg, #000 0%, #000 72%, rgba(0,0,0,.55) 88%, transparent 100%) !important;-webkit-mask-composite: source-in;mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.08) 16%, rgba(0,0,0,.52) 31%, #000 44%, #000 85%, transparent 100%), linear-gradient(180deg, #000 0%, #000 72%, rgba(0,0,0,.55) 88%, transparent 100%) !important;mask-composite: intersect;}
.hk-stage-showcase--branches .hk-stage-showcase__slide{background-size: auto clamp(100%, 50vw, 135%) !important;background-position: right top !important;}

}




.hk-stage-context--branches,.hk-stage-context--branches::before,.hk-stage-context--branches .hk-card-matrix-section{background: var(--hk-dark-steel-bg) !important;}
.section:has(> .split-stage[data-compound="HK-T01"]){background: linear-gradient(135deg, #c8d3da 0%, #e6ecef 48%, #cbd6dc 100%) !important;}
.split-stage[data-compound="HK-T01"]{border: 1px solid rgba(24,49,73,.18) !important;border-radius: 18px !important;clip-path: inset(0 round 18px) !important;background: #fff !important;box-shadow: 0 34px 82px rgba(12,24,36,.24), 0 10px 28px rgba(12,24,36,.12) !important;}
.split-stage[data-compound="HK-T01"] > .split-stage__panel{border-radius: 0 !important;}
.split-stage[data-compound="HK-T01"] > .split-stage__media::after{background: linear-gradient(90deg, transparent 68%, rgba(255,255,255,.62) 87%, #fff 100%) !important;}
.split-stage[data-compound="HK-T01"].split-stage--reverse > .split-stage__media::after{background: linear-gradient(270deg, transparent 68%, rgba(255,255,255,.62) 87%, #fff 100%) !important;}
.split-stage[data-compound="HK-T01"] .panel-icon,.split-stage[data-compound="HK-T01"] .check-list__icon{color: var(--hk-steel) !important;border-color: rgba(24,49,73,.18) !important;background: rgba(36,52,61,.06) !important;}
.sales-flow-v637 > .section-heading{display: none !important;}
.sales-flow-v637{padding-top: clamp(42px, 5vw, 72px) !important;}
.sales-flow-v637__steps li::before{display: block;color: var(--hk-orange);font-family: "Font Awesome 6 Free";font-weight: 900;line-height: 1;}
.sales-flow-v637__steps li:nth-child(1)::before{content: "\f2b5";}
.sales-flow-v637__steps li:nth-child(2)::before{content: "\f15c";}
.sales-flow-v637__steps li:nth-child(3)::before{content: "\f013";}
.sales-flow-v637__steps li:nth-child(4)::before{content: "\f086";}
.sales-flow-v637__steps li:nth-child(5)::before{content: "\f058";}
.branches-grid--3x3 .branch-tile__title,.branches-grid--3x3 .branch-tile__copy{height: auto !important;}
.branches-grid--3x3 .branch-tile__copy{justify-content: flex-start;}
.company-location-v643__body{overflow: visible;}
.location-map-v643 iframe{overflow: hidden;}
.location-map-v643__airport{font-size: .78rem;}
.company-history-v641__summary article,.company-principles-v640 article{position: relative;isolation: isolate;min-height: 390px;display: flex;flex-direction: column;justify-content: flex-end;overflow: hidden;color: #fff;border: 1px solid rgba(24,49,73,.18);border-radius: 8px;background-repeat: no-repeat;background-position: center;background-size: cover;box-shadow: 0 24px 58px rgba(12,24,36,.18);}
.company-history-v641__summary article::before,.company-principles-v640 article::before{content: "";position: absolute;inset: 0;z-index: -1;background: linear-gradient(180deg, rgba(5,12,18,.04), rgba(5,12,18,.94) 86%);}
.company-history-v641__summary article::after{display: none !important;}
.company-history-v641__summary h4,.company-history-v641__summary p,.company-principles-v640 h3,.company-principles-v640 article > p:last-child{position: relative;z-index: 1;color: #fff !important;}
.company-history-v641__summary p,.company-principles-v640 article > p:last-child{color: rgba(255,255,255,.7) !important;}
.company-story-v641__media[style]{background-size: cover !important;background-position: center !important;}
@media (max-width: 760px){.location-map-v643__airport--zurich{left: 8px;bottom: 12px;}
.location-map-v643__airport--memmingen{left: 8px;top: 12px;}
.location-map-v643__airport--munich{right: 8px;top: 12px;}}
.hk-card-matrix-section--branches{padding-inline: clamp(12px, 1.2vw, 24px) !important;padding-bottom: clamp(64px, 6vw, 112px) !important;}
.branches-grid--3x3{width: 100% !important;max-width: none !important;margin-inline: auto !important;grid-template-columns: repeat(3, minmax(0, 1fr)) !important;gap: clamp(18px, 1.5vw, 30px) !important;}
.branches-grid--3x3 .branch-tile{position: relative;min-height: 0 !important;aspect-ratio: 1.3 / 1;overflow: hidden;border: 2px solid #122b3d !important;border-radius: 8px !important;background-size: cover;background-position: center;box-shadow: 0 26px 62px rgba(3,9,14,.46) !important;transform: none !important;transition: border-color .4s ease, box-shadow .4s ease !important;}
.branches-grid--3x3 .branch-tile::after{content: attr(data-card-index) !important;position: absolute !important;top: 20px !important;right: 20px !important;bottom: auto !important;left: auto !important;z-index: 3;width: auto !important;height: auto !important;display: block !important;padding: 7px 9px !important;color: rgba(255,255,255,.78);border: 1px solid rgba(255,255,255,.2);border-radius: 999px;background: rgba(7,19,30,.5) !important;opacity: 1 !important;animation: none !important;font-size: .7rem;font-weight: 700;line-height: 1;-webkit-mask: none !important;mask: none !important;}
.branches-grid--3x3 .branch-tile:hover,.branches-grid--3x3 .branch-tile:focus-visible{border-color: var(--hk-orange) !important;box-shadow: 0 30px 70px rgba(3,9,14,.52), 0 0 0 1px rgba(242,140,40,.48), 0 0 34px rgba(242,140,40,.3) !important;transform: none !important;}
.branches-grid--3x3 .branch-tile__header{position: absolute !important;inset: auto 0 0 !important;z-index: 2;width: 100%;padding: 24px 28px !important;display: flex !important;align-items: flex-end !important;overflow: hidden;transition: height .55s cubic-bezier(.22,1,.36,1), background .4s ease !important;}
.branches-grid--3x3 .branch-tile__text{width: 100%;height: auto !important;max-width: none !important;display: grid !important;}
.branches-grid--3x3 .branch-tile__title{grid-column: 1;grid-row: 1;height: auto !important;display: flex !important;text-align: right !important;}
.branches-grid--3x3 .branch-tile__text::before{content: "";grid-column: 2;grid-row: 1;width: 3px;background: var(--hk-orange);opacity: .52;transform: scaleY(.42);transform-origin: bottom;transition: transform .5s cubic-bezier(.22,1,.36,1), opacity .4s ease;}
.branches-grid--3x3 .branch-tile__copy{grid-column: 3;grid-row: 1;height: auto !important;display: flex !important;color: rgba(255,255,255,.72);font-size: .86rem !important;line-height: 1.48;text-align: left !important;}
.branches-grid--3x3 .branch-tile:hover .branch-tile__text::before,.branches-grid--3x3 .branch-tile:focus-visible .branch-tile__text::before{opacity: 1;transform: scaleY(1);}
@media (max-width: 1180px){.branches-grid--3x3{grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}}
@media (max-width: 720px){.hk-card-matrix-section--branches{padding-inline: 14px !important;}
.branches-grid--3x3{grid-template-columns: 1fr !important;gap: 20px !important;}
.branches-grid--3x3 .branch-tile{aspect-ratio: 1.08 / 1;}
.branches-grid--3x3 .branch-tile__header{height: 210px !important;}
.branches-grid--3x3 .branch-tile__text{gap: 8px !important;}
.branches-grid--3x3 .branch-tile__title{grid-column: 1;grid-row: 1;justify-content: flex-start !important;text-align: left !important;min-height: 0 !important;}
.branches-grid--3x3 .branch-tile__text::before{grid-column: 1;grid-row: 2;width: 54px;height: 3px !important;transform: none;}
.branches-grid--3x3 .branch-tile__copy{grid-column: 1;grid-row: 3;min-height: 0 !important;opacity: 1;}}
@media (hover: none){.branches-grid--3x3 .branch-tile__header{height: 218px !important;}
.branches-grid--3x3 .branch-tile__copy{opacity: 1;clip-path: none;transform: none;}
.branches-grid--3x3 .branch-tile__text::before{opacity: 1;transform: scaleY(1);}}
@media (prefers-reduced-motion: reduce){.branches-grid--3x3 .branch-tile,.branches-grid--3x3 .branch-tile__header,.branches-grid--3x3 .branch-tile__copy,.branches-grid--3x3 .branch-tile__text::before{transition: none !important;}}
#kontakt{padding: clamp(52px, 5vw, 86px) var(--page-gutter) clamp(82px, 8vw, 132px) !important;color: var(--hk-steel);background: var(--v644-silver) !important;}
.contact-stage-v637{width: min(100%, var(--hk-content-max));min-height: clamp(500px, 36vw, 620px);margin-inline: auto;display: grid;grid-template-columns: minmax(360px, 38.2fr) minmax(0, 61.8fr);align-items: stretch;overflow: hidden;border: 1px solid rgba(24,49,73,.18);border-radius: 18px;background: var(--v644-blue-deep);box-shadow: 0 38px 90px rgba(12,24,36,.24), 0 12px 32px rgba(12,24,36,.12);}
.contact-stage-v637__copy{position: relative;z-index: 3;grid-column: 1;max-width: none;min-width: 0;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: 18px;padding: clamp(38px, 4vw, 68px);color: #fff;background: var(--v644-blue-deep);}
.contact-stage-v637__copy h2{max-width: 13ch;margin: 0;color: #fff;font-size: 3.35rem;line-height: 1.04;}
.contact-stage-v637__copy p:last-of-type{max-width: 42ch;margin: 0;color: rgba(255,255,255,.68);font-size: 1rem;line-height: 1.62;}
.contact-stage-v637__cta{width: fit-content;margin-top: 8px;color: #fff !important;border-color: rgba(255,255,255,.28) !important;background: transparent !important;}
.contact-stage-v637__media{position: relative;inset: auto;z-index: 1;grid-column: 2;min-width: 0;min-height: 100%;overflow: hidden;}
.contact-stage-v637__media::after{content: "";position: absolute;inset: 0;z-index: 2;pointer-events: none;background:
    linear-gradient(90deg, var(--v644-blue-deep) 0%, rgba(16,35,49,.72) 10%, rgba(16,35,49,.18) 24%, transparent 38%),
    linear-gradient(180deg, transparent 66%, rgba(7,19,30,.42) 100%);}
.contact-stage-v637__slide{background-position: center;background-size: cover;}
.sales-flow-v637{width: min(100%, 1540px);margin: clamp(46px, 5vw, 78px) auto 0;padding: 0 !important;}
.sales-flow-v637__steps{width: 100%;max-width: none;display: grid;grid-template-columns: repeat(5, minmax(0, 1fr));gap: clamp(14px, 1.4vw, 24px);overflow: visible;border: 0;border-radius: 0;background: transparent;}
.sales-flow-v637__steps li{position: relative;min-height: 250px;padding: 26px 24px;color: var(--hk-steel);border: 1px solid rgba(24,49,73,.13) !important;border-radius: 14px;background: #fff !important;box-shadow: 0 20px 46px rgba(12,24,36,.13);}
.sales-flow-v637__steps li:nth-child(even){transform: translateY(14px);}
.sales-flow-v637__steps li::after{content: "";position: absolute;right: 18px;bottom: 18px;width: 28px;height: 2px;background: var(--hk-orange);opacity: .65;}
.sales-flow-v637__steps h3{margin: 0 0 12px;color: var(--hk-steel);font-size: 1.14rem;line-height: 1.22;}
.sales-flow-v637__steps p{margin: 0;color: var(--hk-muted);font-size: .86rem;line-height: 1.55;}
.sales-flow-v637__number{margin-bottom: 14px;color: var(--hk-orange);font-size: .76rem;}
.sales-flow-v637__steps li::before{margin-bottom: 16px;font-size: 1.5rem;}
.request-layout-v637{width: min(100%, 1540px);margin-top: clamp(64px, 7vw, 112px);}
.request-form-v637{background: #fff;}
.request-contact-v637{background: var(--v644-blue-deep);}
.split-stage[data-compound="HK-T01"] > .split-stage__panel{background: #fff !important;}
@media (max-width: 1180px){.contact-stage-v637{grid-template-columns: minmax(320px, 42%) minmax(0, 58%);}
.contact-stage-v637__copy h2{font-size: 2.8rem;}
.sales-flow-v637__steps{grid-template-columns: repeat(2, minmax(0, 1fr));}
.sales-flow-v637__steps li:nth-child(even){transform: none;}}
@media (max-width: 760px){#kontakt{padding-inline: 16px !important;}
.contact-stage-v637{grid-template-columns: 1fr;min-height: 0;}
.contact-stage-v637__copy{grid-column: 1;grid-row: 2;padding: 34px 26px;}
.contact-stage-v637__media{grid-column: 1;grid-row: 1;min-height: 360px;}
.contact-stage-v637__media::after{background: linear-gradient(180deg, transparent 58%, var(--v644-blue-deep) 100%);}
.contact-stage-v637__copy h2{font-size: 2.5rem;}
.sales-flow-v637__steps{grid-template-columns: 1fr;}}
@media (prefers-reduced-motion: reduce){.sales-flow-v637__steps li:nth-child(even){transform: none;}}
:root{--v648-dark: var(--v644-blue-deep, #07131e);--v648-steel: var(--v644-blue, #183149);--v648-silver: var(--v644-silver, linear-gradient(135deg, #dce3e7 0%, #f3f6f7 48%, #d8e0e5 100%));--v648-orange: var(--hk-orange, #f28c28);}
.button,.process-competence-card__cta{min-height: 40px;padding: 9px 16px !important;display: inline-flex;align-items: center;justify-content: center;gap: 14px;color: var(--hk-steel) !important;border: 1px solid rgba(24, 49, 73, .28) !important;border-radius: 999px;background: rgba(255, 255, 255, .34) !important;box-shadow: none !important;font-size: .78rem;font-weight: 700;line-height: 1.1;text-decoration: none;transition: color .3s ease, border-color .3s ease, background .3s ease, box-shadow .3s ease;}
.section--dark .button,.section--career-dark-v648 .button,.process-bridge-v648 .button,#kontakt .button,.nav-cta.button{color: #fff !important;border-color: rgba(255, 255, 255, .24) !important;background: rgba(7, 19, 30, .2) !important;}
.button:hover,.button:focus-visible,.process-competence-card__cta:hover,.process-competence-card__cta:focus-visible{color: inherit !important;border-color: var(--v648-orange) !important;background: rgba(242, 140, 40, .07) !important;box-shadow: 0 0 0 1px rgba(242, 140, 40, .18), 0 0 20px rgba(242, 140, 40, .16) !important;}
.button--compact{min-height: 38px;padding: 8px 14px !important;}
.button:hover .button__arrow,.button:focus-visible .button__arrow{color: var(--v648-orange) !important;}
.section--career-dark-v648{padding-block: clamp(72px, 8vw, 132px) !important;background: var(--v648-dark) !important;}
.section--career-dark-v648 .split-stage[data-compound="HK-T01"]{border-color: rgba(255, 255, 255, .1) !important;background: #fff !important;box-shadow: 0 34px 84px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .035) !important;}
.section--career-dark-v648 .split-stage__panel{background: #fff !important;}
.company-principles-v640 article{background-color: #fff !important;background-image: url("../Bilder/bg-process-hall-blueprint.webp") !important;border-color: rgba(24, 49, 73, .12) !important;box-shadow: 0 24px 60px rgba(12, 28, 42, .14) !important;}
.company-principles-v640 h3{color: var(--hk-steel) !important;}
.company-principles-v640 article > p:last-child{color: var(--hk-muted) !important;}
.company-location-v643__body{padding-bottom: clamp(118px, 10vw, 168px);}
.location-map-v643{width: min(100%, 680px);min-height: 0 !important;aspect-ratio: 1 / 1;overflow: visible !important;border: 0 !important;border-radius: 0 !important;background: var(--v648-steel) !important;}
.location-map-v643 iframe{width: 100%;height: 100%;min-height: 0 !important;border: 0 !important;border-radius: 0 !important;}
.location-map-v643__accent{display: none !important;}
.location-map-v643__airport{position: absolute;z-index: 3;min-width: 158px;padding: 10px 13px !important;display: flex !important;align-items: center;gap: 10px !important;color: #fff;border: 0 !important;border-radius: 6px !important;background: var(--v648-dark) !important;box-shadow: 0 16px 38px rgba(4, 13, 21, .3) !important;opacity: 0;transform: translateY(22px) scale(.96);transition: opacity .6s ease, transform .7s cubic-bezier(.22, 1, .36, 1);}
.location-map-v643__airport::after{content: "";position: absolute;inset: 0 0 auto;height: 2px;background: var(--v648-orange);}
.location-map-v643__airport i{width: 30px;height: 30px;display: grid;place-items: center;flex: 0 0 auto;color: var(--v648-orange);border-radius: 50%;background: rgba(242, 140, 40, .1);}
.location-map-v643__airport > span{display: grid;gap: 2px;}
.location-map-v643__airport b{font-size: .8rem;letter-spacing: 0;}
.location-map-v643__airport small{color: rgba(255, 255, 255, .6);font-size: .68rem;}
.location-map-v643__airport--zurich{left: -52px !important;bottom: 18% !important;}
.location-map-v643__airport--memmingen{left: 38% !important;top: -30px !important;transition-delay: .1s;}
.location-map-v643__airport--munich{right: -54px !important;top: 26% !important;transition-delay: .2s;}
.location-map-v643.is-visible .location-map-v643__airport{opacity: 1;transform: none;}
.location-map-v643__nearest{position: absolute;left: 0;bottom: -70px;display: flex;align-items: center;gap: 14px;color: var(--hk-steel);font-size: .72rem;font-weight: 750;letter-spacing: 0;text-transform: uppercase;}
.location-map-v643__nearest > small{color: var(--hk-muted);}
.location-map-v643__nearest b{display: inline-flex;align-items: center;gap: 6px;}
.location-map-v643__nearest b span{padding: 5px 6px;color: #fff;border-radius: 3px;background: var(--v648-steel);}
.process-bridge-v648{padding: clamp(68px, 7vw, 120px) var(--page-gutter);display: grid;grid-template-columns: minmax(0, 3fr) minmax(320px, 2fr);color: #fff;}
.process-bridge-v648__media,.process-bridge-v648__copy{min-height: clamp(430px, 38vw, 620px);}
.process-bridge-v648__media{border-radius: 8px 0 0 8px;box-shadow: -22px 30px 76px rgba(0, 0, 0, .28);}
.process-bridge-v648__copy{padding: clamp(40px, 5vw, 78px);display: flex;flex-direction: column;justify-content: center;align-items: flex-start;border-radius: 0 8px 8px 0;box-shadow: 24px 30px 76px rgba(0, 0, 0, .28);}
.process-bridge-v648__copy h2{margin: 10px 0 20px;color: #fff;letter-spacing: 0;}
.process-bridge-v648__copy > p:not(.eyebrow){max-width: 48ch;color: rgba(255, 255, 255, .7);}
.process-bridge-v648__copy .button{margin-top: 22px;}
.process-competence-grid{gap: clamp(28px, 2.2vw, 42px) !important;}
.process-competence-card{overflow: hidden;border: 1px solid rgba(24, 49, 73, .13) !important;border-radius: 8px !important;background: #fff !important;box-shadow: 0 22px 54px rgba(12, 28, 42, .18), 0 4px 12px rgba(12, 28, 42, .08) !important;transform: none !important;transition: border-color .38s ease, box-shadow .38s ease !important;}
.process-competence-card:hover,.process-competence-card:focus-within{border-color: rgba(242, 140, 40, .78) !important;box-shadow: 0 28px 68px rgba(12, 28, 42, .22), 0 0 0 1px rgba(242, 140, 40, .38), 0 0 30px rgba(242, 140, 40, .2) !important;}
.process-competence-card__media{aspect-ratio: 16 / 10;overflow: hidden;}
.process-competence-card__media img{transition: transform .7s cubic-bezier(.22, 1, .36, 1);}
.process-competence-card:hover .process-competence-card__media img{transform: scale(1.035);}
.process-competence-card__body{display: grid !important;grid-template-columns: minmax(0, 1fr) auto;column-gap: 12px;align-items: center;}
.process-competence-card__number,.process-competence-card__body h3,.process-competence-card__body > p{grid-column: 1 / -1;}
.process-competence-card__tags{grid-column: 1;margin: 12px 0 0;align-self: center;}
.process-competence-card__cta{grid-column: 2;min-height: 34px;margin-top: 12px;padding: 7px 10px !important;gap: 9px;white-space: nowrap;font-size: .66rem;}
.process-competence-card:hover .process-competence-card__cta,.process-competence-card:focus-within .process-competence-card__cta,.product-master-card:hover .product-master-card__inquiry,.product-master-card:focus-within .product-master-card__inquiry{border-color: var(--v648-orange) !important;background: rgba(242, 140, 40, .07) !important;box-shadow: 0 0 18px rgba(242, 140, 40, .16) !important;}
.product-master-card:hover,.product-master-card:focus-within{border-color: rgba(242, 140, 40, .72) !important;box-shadow: 0 28px 68px rgba(12, 28, 42, .2), 0 0 28px rgba(242, 140, 40, .17) !important;}
.product-master-card__inquiry{min-height: 34px !important;padding: 7px 11px !important;color: var(--hk-steel) !important;border-color: rgba(24, 49, 73, .25) !important;background: rgba(255, 255, 255, .36) !important;}
@media (min-width: 901px){.hk-stage-showcase--products .hk-stage-showcase__slider,.hk-stage-showcase--processes .hk-stage-showcase__slider{inset: 0 !important;width: 100% !important;max-width: none !important;-webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .08) 18%, rgba(0, 0, 0, .62) 34%, #000 48%) !important;mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .08) 18%, rgba(0, 0, 0, .62) 34%, #000 48%) !important;}
.hk-stage-showcase--products .hk-stage-showcase__slide,.hk-stage-showcase--processes .hk-stage-showcase__slide{background-size: cover !important;background-position: right center !important;}}
.branches-grid--3x3 .branch-tile__title,.branches-grid--3x3 .branch-tile__copy{min-height: 76px !important;display: flex !important;align-items: center !important;}
.branches-grid--3x3 .branch-tile__title{justify-content: flex-end !important;}
.project-assistant-card{padding: 24px;display: grid;grid-template-columns: 46px minmax(0, 1fr);gap: 16px;align-items: start;border-radius: 8px;background: var(--v648-dark);box-shadow: 0 22px 54px rgba(12, 28, 42, .2);opacity: 0;transform: translateY(24px);transition: opacity .65s ease, transform .75s cubic-bezier(.22, 1, .36, 1);}
.project-assistant-card.is-visible{opacity: 1;transform: none;}
.project-assistant-card__icon{width: 46px;height: 46px;display: grid;place-items: center;color: var(--v648-orange);border-radius: 50%;background: rgba(242, 140, 40, .1);}
.project-assistant-card h3{margin: 5px 0 8px;font-size: 1.2rem;}
.project-assistant-card p:not(.eyebrow){margin: 0;color: rgba(255, 255, 255, .65);font-size: .84rem;}
.project-assistant-card__status{grid-column: 2;width: fit-content;padding-top: 12px;color: rgba(255, 255, 255, .58);border-top: 1px solid rgba(255, 255, 255, .1);font-size: .7rem;text-transform: uppercase;}
.project-assistant-card__status i{margin-right: 6px;color: var(--v648-orange);font-size: .45rem;}
@media (max-width: 1180px){.process-bridge-v648{grid-template-columns: 1fr 1fr;}
.location-map-v643__airport--zurich{left: 10px !important;}
.location-map-v643__airport--munich{right: 10px !important;}
.process-competence-card__body{grid-template-columns: 1fr;}
.process-competence-card__tags,.process-competence-card__cta{grid-column: 1;}
.process-competence-card__cta{width: fit-content;}}
@media (max-width: 900px){.process-bridge-v648{grid-template-columns: 1fr;}
.process-bridge-v648__media{min-height: 360px;border-radius: 8px 8px 0 0;}
.process-bridge-v648__copy{min-height: 0;border-radius: 0 0 8px 8px;}
.location-map-v643{justify-self: center;}}
@media (max-width: 720px){.location-map-v643__airport{min-width: 138px;padding: 8px 10px !important;}
.location-map-v643__airport--zurich{left: 8px !important;bottom: 10px !important;}
.location-map-v643__airport--memmingen{left: 8px !important;top: 10px !important;}
.location-map-v643__airport--munich{right: 8px !important;top: 88px !important;}
.location-map-v643__nearest{position: static;margin-top: 18px;flex-wrap: wrap;}
.company-location-v643__body{padding-bottom: 86px;}
.company-principles-v640 article{background-size: auto 100% !important;}
.branches-grid--3x3 .branch-tile__text{grid-template-columns: 1fr !important;}
.branches-grid--3x3 .branch-tile__title,.branches-grid--3x3 .branch-tile__copy{min-height: 0 !important;align-items: flex-end !important;}
.process-bridge-v648{padding-inline: 14px;}}
@media (prefers-reduced-motion: reduce){.location-map-v643__airport,.project-assistant-card,.process-competence-card__media img{transition: none !important;}}
.hero__slide{transform: scale(1);transform-origin: 62% 48%;will-change: transform;}
.hero__slide.is-active{animation: v649-hero-ken-burns 8.2s ease-out both;}
@keyframes v649-hero-ken-burns{from { transform: scale(1); }
  to { transform: scale(1.035); }}
.social-channels__list .social-icon{width: 64px !important;height: 64px !important;display: grid !important;place-items: center !important;padding: 0 !important;}
.social-channels__list .social-icon svg{width: 82% !important;height: 82% !important;margin: auto !important;}
#aktuelles .social-channels{align-items: flex-start !important;flex-direction: column !important;gap: 12px !important;}
#aktuelles .social-channels__list{flex-wrap: wrap !important;}
#technologie .split-stage__panel{color: #fff !important;background: var(--v648-steel, #183149) !important;}
#technologie .split-stage__panel h3,#technologie .split-stage__panel > p,#technologie .split-stage__panel .check-list li{color: #fff !important;}
#technologie .split-stage__panel > p{color: rgba(255, 255, 255, .7) !important;}
#technologie .check-list__icon{color: #fff !important;border-color: rgba(255, 255, 255, .16) !important;}
.split-stage[data-compound="HK-T01"]{overflow: hidden !important;}
.split-stage[data-compound="HK-T01"] > .split-stage__media{transform: scale(1) !important;transform-origin: center;transition: transform 5.8s ease-in-out !important;}
.split-stage[data-compound="HK-T01"]:hover > .split-stage__media,.split-stage[data-compound="HK-T01"]:focus-within > .split-stage__media{transform: scale(1.035) !important;}
.process-bridge-v648__copy{background: var(--v648-dark, #07131e) !important;}
.product-master-card{transform: scale(1) !important;transform-origin: center;transition: transform .85s ease-in-out, border-color .55s ease, box-shadow .65s ease !important;}
.product-master-card:hover,.product-master-card:focus-within{transform: scale(1.018) !important;}
.hk-stage-showcase--processes{overflow: visible !important;z-index: 1;}
.hk-stage-showcase--processes .hk-stage-showcase__slider{bottom: -170px !important;height: calc(100% + 170px) !important;-webkit-mask-image:
    linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .08) 18%, rgba(0, 0, 0, .62) 34%, #000 48%),
    linear-gradient(180deg, #000 0%, #000 76%, rgba(0, 0, 0, .52) 88%, transparent 100%) !important;-webkit-mask-composite: source-in;mask-image:
    linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .08) 18%, rgba(0, 0, 0, .62) 34%, #000 48%),
    linear-gradient(180deg, #000 0%, #000 76%, rgba(0, 0, 0, .52) 88%, transparent 100%) !important;mask-composite: intersect;}
.hk-card-matrix-section--processes{position: relative;z-index: 2;margin-top: -150px;padding-top: clamp(250px, 19vw, 340px) !important;background: linear-gradient(180deg, transparent 0, rgba(243, 246, 247, .7) 120px, #eef2f4 250px) !important;}
.hk-stage-showcase__slide--branches-02{background-position: 72% 22% !important;}
.hk-card-matrix-section--branches{padding-top: clamp(100px, 9vw, 158px) !important;}
.branches-grid--3x3 .branch-tile__header{height: 166px !important;min-height: 166px !important;background: linear-gradient(180deg, transparent 0%, rgba(5, 12, 18, .62) 24%, rgba(5, 12, 18, .98) 100%) !important;}
.branches-grid--3x3 .branch-tile__header::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 3px;background: var(--v648-orange, #f28c28);transform: scaleX(0);transform-origin: left;transition: transform .75s cubic-bezier(.22, 1, .36, 1);}
.branches-grid--3x3 .branch-tile:hover .branch-tile__header,.branches-grid--3x3 .branch-tile:focus-visible .branch-tile__header{height: 226px !important;background: linear-gradient(180deg, transparent 0%, rgba(5, 12, 18, .82) 18%, var(--v648-dark, #07131e) 100%) !important;}
.branches-grid--3x3 .branch-tile:hover .branch-tile__header::after,.branches-grid--3x3 .branch-tile:focus-visible .branch-tile__header::after{transform: scaleX(1);}
.branches-grid--3x3 .branch-tile__text{grid-template-columns: minmax(0, 1fr) 3px minmax(0, 1fr) !important;gap: clamp(18px, 1.35vw, 28px) !important;align-items: center !important;}
.branches-grid--3x3 .branch-tile__title{min-height: 78px !important;align-items: center !important;color: #fff !important;font-size: clamp(1.25rem, 1.35vw, 1.7rem) !important;font-weight: 680 !important;line-height: 1.08 !important;transition: color .4s ease, transform .65s cubic-bezier(.22, 1, .36, 1) !important;}
.branches-grid--3x3 .branch-tile:hover .branch-tile__title,.branches-grid--3x3 .branch-tile:focus-visible .branch-tile__title{color: var(--v648-orange, #f28c28) !important;transform: translateX(-5px);}
.branches-grid--3x3 .branch-tile__text::before{height: 78px !important;align-self: center !important;box-shadow: 0 0 18px rgba(242, 140, 40, .32);}
.branches-grid--3x3 .branch-tile__copy{min-height: 78px !important;align-items: center !important;transition: opacity .38s ease .08s, clip-path .7s cubic-bezier(.22, 1, .36, 1), transform .7s cubic-bezier(.22, 1, .36, 1) !important;}
.company-principles-v640 article:nth-child(1){background-image: url("../Bilder/bg-process-hall-blueprint.webp") !important;}
.company-principles-v640 article:nth-child(3){background-image: url("../Bilder/bg-product-crankshaft-blueprint.webp") !important;}
.company-location-v643::before{left: 0;right: 0;}
.company-location-v643__stage,.company-location-v643__body{position: relative;z-index: 1;}
.company-story-v641__header{position: relative;align-items: end !important;isolation: isolate;}
.company-story-v641__header::before{content: "";position: absolute;z-index: -2;}
.company-story-v641__header::after{content: "";position: absolute;z-index: -1;pointer-events: none;}
.company-story-v641__header > div,.company-story-v641__header > p{text-shadow: 0 2px 18px rgba(0, 0, 0, .45);}
.company-story-v641__header > p{max-width: 42ch;}
@media (max-width: 1100px){.company-story-v641__header::before{width: calc(100% + (2 * var(--page-gutter)));}
.company-story-v641__header::after{inset: 0 calc(0px - var(--page-gutter)) 0;}
.hk-card-matrix-section--processes{margin-top: -90px;padding-top: 210px !important;}}
@media (max-width: 720px){.social-channels__list .social-icon{width: 56px !important;height: 56px !important;}
.company-principles-v640 article{min-height: 420px !important;}
.branches-grid--3x3 .branch-tile__title{color: #fff !important;transform: none !important;}
.branches-grid--3x3 .branch-tile__copy{clip-path: none;transform: none;}
.hk-card-matrix-section--processes{margin-top: 0;padding-top: 100px !important;background: var(--v648-silver) !important;}
.hk-stage-showcase--processes .hk-stage-showcase__slider{bottom: 0 !important;height: 100% !important;}}
@media (prefers-reduced-motion: reduce){.hero__slide.is-active{animation: none !important;}
.split-stage[data-compound="HK-T01"] > .split-stage__media,.product-master-card,.branches-grid--3x3 .branch-tile__title,.branches-grid--3x3 .branch-tile__copy,.branches-grid--3x3 .branch-tile__header::after{transition: none !important;}}
.hero__video{position: absolute;inset: 0;z-index: 0;width: 100%;height: 100%;object-fit: cover;object-position: 52% 50%;opacity: 0;transform: scale(1.01);transition: opacity 1.2s ease;background: var(--hk-dark, #07131e);}
.hero__media.has-video .hero__video{opacity: 1;}
.hero__media.has-video .hero__slide{opacity: 0 !important;animation: none !important;}
.hero__slide{z-index: 1;}
.hero__media.has-video .hero__video{z-index: 2;}
@media (min-width: 1041px){.hero .hero__panel{background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, .72) 12%,
      rgba(255, 255, 255, .96) 24%,
      #fff 34%
    ) !important;}}
@media (max-width: 1040px){.hero__video{object-position: 50% 50%;transform: none;}}
@media (prefers-reduced-motion: reduce){.hero__video{transition: none;}}
.hero,.hero__media,.hero__panel,.hero__video,.hero__slide{transition-property: opacity, transform, background-color, border-color, box-shadow;transition-duration: 1.15s;transition-timing-function: ease-in-out;}
.hero.is-video-mode .hero__media{-webkit-mask-image: none !important;mask-image: none !important;}
.hero.is-video-mode .hero__video{width: 100%;height: 100%;object-fit: cover;object-position: center;transform: scale(1.002);}
.hero.is-video-mode .hero__panel{opacity: 0;visibility: hidden;pointer-events: none;transform: translateX(22px);}
.hero:not(.is-video-mode) .hero__panel{opacity: 1;visibility: visible;transform: none;}
.button,.nav-cta.button,.process-competence-card__cta,.product-master-card__inquiry{position: relative;overflow: hidden;color: #fff !important;border-color: rgba(255, 255, 255, .2) !important;background: var(--v648-steel, #183149) !important;box-shadow: none !important;}
.button:hover,.button:focus-visible,.nav-cta.button:hover,.nav-cta.button:focus-visible,.process-competence-card__cta:hover,.process-competence-card__cta:focus-visible,.product-master-card__inquiry:hover,.product-master-card__inquiry:focus-visible,.process-competence-card:hover .process-competence-card__cta,.process-competence-card:focus-within .process-competence-card__cta,.product-master-card:hover .product-master-card__inquiry,.product-master-card:focus-within .product-master-card__inquiry{color: #fff !important;border-color: rgba(255, 255, 255, .2) !important;background: var(--v648-steel, #183149) !important;box-shadow: inset 0 -2px 0 var(--v648-orange, #f28c28) !important;}
.button__arrow,.process-competence-card__cta > span:last-child,.product-master-card__inquiry > span:last-child{color: currentColor;transition: color .35s ease, transform .35s ease;}
.button:hover .button__arrow,.button:focus-visible .button__arrow,.process-competence-card__cta:hover > span:last-child,.process-competence-card__cta:focus-visible > span:last-child,.product-master-card__inquiry:hover > span:last-child,.product-master-card__inquiry:focus-visible > span:last-child,.process-competence-card:hover .process-competence-card__cta > span:last-child,.product-master-card:hover .product-master-card__inquiry > span:last-child{color: var(--v648-orange, #f28c28) !important;transform: translateX(3px);}
@media (prefers-reduced-motion: reduce){.hero,.hero__media,.hero__panel,.hero__video,.hero__slide{transition: none !important;}}
@media (min-width: 1041px){.hero:not(.is-video-mode) .hero__media{-webkit-mask-image: none !important;mask-image: none !important;}
.hero:not(.is-video-mode) .hero__panel{background: #fff !important;}}
.company-story-v641__header::before{left: 50% !important;right: auto !important;top: calc(0px - clamp(82px, 9vw, 142px)) !important;background-image: url("../Bilder/milestones/history-stage-v681.webp") !important;background-position: center 42% !important;background-size: cover !important;background-repeat: no-repeat !important;}
.company-story-v641__header::after{left: 50% !important;right: auto !important;top: calc(0px - clamp(82px, 9vw, 142px)) !important;bottom: 0 !important;width: 100vw !important;}
.company-story-v641__header > div,.company-story-v641__header > p{align-self: end;padding-bottom: clamp(22px, 3vw, 48px);}
@media (max-width: 1100px){.company-story-v641__header{min-height: clamp(620px, 92vw, 760px) !important;padding-top: clamp(260px, 42vw, 360px) !important;}
.company-story-v641__header::before{height: calc(100% + clamp(82px, 9vw, 142px)) !important;background-position: 58% center !important;}
.company-story-v641__header::after{background:
      linear-gradient(180deg, rgba(7, 19, 30, .02) 0%, rgba(7, 19, 30, .18) 42%, rgba(7, 19, 30, .9) 72%, var(--v648-dark, #07131e) 100%) !important;}}
@media (max-width: 680px){.company-story-v641__header{min-height: 680px !important;padding-top: 300px !important;}
.company-story-v641__header::before{background-position: 56% center !important;}
.company-story-v641__header > div,.company-story-v641__header > p{padding-bottom: 0;}}
@media (min-width: 1041px){.hero.is-video-mode,.hero{grid-template-columns: minmax(0, 3fr) minmax(380px, 2fr);}
.hero.is-video-mode .hero__media,.hero__media.has-video{position: relative !important;inset: auto !important;z-index: auto !important;grid-column: 1 !important;width: auto !important;height: auto !important;overflow: hidden !important;-webkit-mask-image: none !important;mask-image: none !important;}
.hero__media{position: relative !important;inset: auto !important;z-index: auto !important;grid-column: 1 !important;width: auto !important;height: auto !important;overflow: hidden !important;-webkit-mask-image: none !important;mask-image: none !important;}
.hero__panel{grid-column: 2 !important;}
.hero.is-video-mode .hero__panel,.hero__media.has-video + .hero__panel{opacity: 1 !important;visibility: visible !important;pointer-events: auto !important;transform: none !important;background: #fff !important;}}
.hero__media.has-video .hero__video{object-position: center center;animation: v654-video-breathe 16s ease-out both;}
@keyframes v654-video-breathe{from { transform: scale(1.01); }
  to { transform: scale(1.035); }}
.branches-grid--3x3 .branch-tile,.branches-grid--3x3 .branch-tile:hover,.branches-grid--3x3 .branch-tile:focus-visible{border-color: #122b3d !important;box-shadow: 0 26px 62px rgba(3, 9, 14, .46) !important;transform: none !important;filter: none !important;}
.branches-grid--3x3 .branch-tile__header,.branches-grid--3x3 .branch-tile:hover .branch-tile__header,.branches-grid--3x3 .branch-tile:focus-visible .branch-tile__header{height: 176px !important;min-height: 176px !important;background: linear-gradient(180deg, transparent 0%, rgba(5, 12, 18, .62) 24%, rgba(5, 12, 18, .98) 100%) !important;transition: none !important;}
.branches-grid--3x3 .branch-tile__header::after,.branches-grid--3x3 .branch-tile:hover .branch-tile__header::after,.branches-grid--3x3 .branch-tile:focus-visible .branch-tile__header::after{transform: scaleX(0) !important;}
.branches-grid--3x3 .branch-tile__title,.branches-grid--3x3 .branch-tile:hover .branch-tile__title,.branches-grid--3x3 .branch-tile:focus-visible .branch-tile__title{color: #fff !important;transform: none !important;}
.branches-grid--3x3 .branch-tile__text::before,.branches-grid--3x3 .branch-tile:hover .branch-tile__text::before,.branches-grid--3x3 .branch-tile:focus-visible .branch-tile__text::before{opacity: .78 !important;transform: scaleY(1) !important;}
.branches-grid--3x3 .branch-tile__copy{opacity: 0 !important;clip-path: inset(0 0 100% 0) !important;transform: translateY(12px) !important;}
.branches-grid--3x3 .branch-tile:hover .branch-tile__copy,.branches-grid--3x3 .branch-tile:focus-visible .branch-tile__copy{opacity: 1 !important;clip-path: inset(0) !important;transform: none !important;}
@media (min-width: 901px){.company-location-v643__stage > img{max-width: none !important;}}
.company-story-v641__media.is-archive{filter: grayscale(.08) sepia(.04) contrast(1.04);}
.section--quality-showcase::before{aspect-ratio: 1.8 / 1;}
@media (max-width: 900px){.branches-grid--3x3 .branch-tile__copy{opacity: 1 !important;clip-path: none !important;transform: none !important;}}
@media (prefers-reduced-motion: reduce){.hero__media.has-video .hero__video{animation: none !important;}}
:root{--v656-dark: var(--hk-dark-steel-bg, #07131e);--v656-steel: #10283b;--v656-orange: var(--hk-orange, #f28c28);--v656-silver: var(--v648-silver, linear-gradient(135deg, #dce3e7 0%, #f3f6f7 48%, #d8e0e5 100%));}
.main-nav .nav-cta.button,.site-header .nav-cta.button{color: #fff !important;border-color: rgba(255, 255, 255, .28) !important;background: transparent !important;box-shadow: none !important;}
.main-nav .nav-cta.button::before,.site-header .nav-cta.button::before{background: linear-gradient(90deg, var(--v656-orange), var(--v656-orange)) !important;}
.main-nav .nav-cta.button:hover,.main-nav .nav-cta.button:focus-visible,.site-header .nav-cta.button:hover,.site-header .nav-cta.button:focus-visible{color: #fff !important;border-color: rgba(242, 140, 40, .7) !important;background: transparent !important;box-shadow: 0 0 0 1px rgba(242, 140, 40, .12) !important;}
.button,.button--outline,.process-competence-card__cta,.product-master-card__inquiry{color: #fff !important;border-color: rgba(255, 255, 255, .22) !important;background: var(--v656-steel) !important;box-shadow: none !important;}
.button:hover,.button:focus-visible,.button--outline:hover,.button--outline:focus-visible,.process-competence-card__cta:hover,.process-competence-card__cta:focus-visible,.product-master-card__inquiry:hover,.product-master-card__inquiry:focus-visible{color: #fff !important;border-color: rgba(242, 140, 40, .58) !important;background: var(--v656-steel) !important;box-shadow: inset 0 -2px 0 var(--v656-orange), 0 14px 32px rgba(7, 19, 30, .16) !important;}
.button:hover .button__arrow,.button:focus-visible .button__arrow,.button--outline:hover .button__arrow,.button--outline:focus-visible .button__arrow{color: var(--v656-orange) !important;}
.hk-stage-context--products{position: relative;isolation: isolate;background: var(--v656-silver) !important;overflow: hidden;}
@media (min-width: 901px){.hk-stage-context--products .hk-stage-showcase--products{overflow: visible !important;}
.hk-stage-showcase--products .hk-stage-showcase__slider{bottom: clamp(-220px, -13vw, -120px) !important;height: calc(100% + clamp(170px, 12vw, 240px)) !important;-webkit-mask-image:
      linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .08) 18%, rgba(0, 0, 0, .64) 34%, #000 50%),
      linear-gradient(180deg, #000 0%, #000 78%, transparent 100%) !important;mask-image:
      linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .08) 18%, rgba(0, 0, 0, .64) 34%, #000 50%),
      linear-gradient(180deg, #000 0%, #000 78%, transparent 100%) !important;-webkit-mask-composite: source-in !important;mask-composite: intersect !important;}
.hk-card-matrix-section--products{position: relative;z-index: 2;margin-top: clamp(-150px, -8vw, -82px) !important;padding-top: clamp(118px, 8vw, 178px) !important;background: transparent !important;}}
.product-master-card,.process-competence-card{box-shadow: 0 22px 52px rgba(12, 28, 42, .15), 0 4px 14px rgba(12, 28, 42, .08) !important;transform: translateY(0) scale(1) !important;transition:
    transform .78s cubic-bezier(.22, 1, .36, 1),
    box-shadow .78s cubic-bezier(.22, 1, .36, 1),
    border-color .55s ease !important;}
.product-master-card:hover,.product-master-card:focus-within,.process-competence-card:hover,.process-competence-card:focus-within{border-color: rgba(24, 49, 73, .22) !important;box-shadow: 0 34px 76px rgba(12, 28, 42, .22), 0 8px 24px rgba(12, 28, 42, .1) !important;transform: translateY(-7px) scale(1.012) !important;}
.product-master-card:hover .product-master-card__blueprint,.product-master-card:focus-within .product-master-card__blueprint,.process-competence-card:hover .process-competence-card__media img,.process-competence-card:focus-within .process-competence-card__media img{transform: scale(1.025) !important;}
.product-master-card:hover .product-master-card__inquiry,.product-master-card:focus-within .product-master-card__inquiry,.process-competence-card:hover .process-competence-card__cta,.process-competence-card:focus-within .process-competence-card__cta{border-color: rgba(242, 140, 40, .58) !important;background: var(--v656-steel) !important;box-shadow: inset 0 -2px 0 var(--v656-orange) !important;}
.process-bridge-v648{background: transparent !important;}
@media (min-width: 901px){.hk-stage-context--processes{position: relative;isolation: isolate;background: var(--v656-silver) !important;overflow: hidden;}
.hk-stage-showcase--processes{overflow: visible !important;}
.hk-stage-showcase--processes .hk-stage-showcase__slider{bottom: clamp(-190px, -11vw, -96px) !important;height: calc(100% + clamp(150px, 10vw, 210px)) !important;-webkit-mask-image:
      linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .08) 18%, rgba(0, 0, 0, .64) 34%, #000 50%),
      linear-gradient(180deg, #000 0%, #000 78%, transparent 100%) !important;mask-image:
      linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .08) 18%, rgba(0, 0, 0, .64) 34%, #000 50%),
      linear-gradient(180deg, #000 0%, #000 78%, transparent 100%) !important;-webkit-mask-composite: source-in !important;mask-composite: intersect !important;}
.hk-card-matrix-section--processes{position: relative;z-index: 2;background: transparent !important;}}
.surface-card--quality{min-height: clamp(470px, 36vw, 620px) !important;display: flex !important;flex-direction: column !important;}
.surface-card--quality .quality-card__media{min-height: clamp(210px, 17vw, 300px) !important;flex: 0 0 auto !important;}
.request-layout-v637{align-items: start !important;}
.request-contact-v637,.project-assistant-card{border: 1px solid rgba(255, 255, 255, .12) !important;border-radius: 8px !important;background: rgba(255, 255, 255, .045) !important;box-shadow: 0 24px 62px rgba(0, 0, 0, .28) !important;}
.project-assistant-card{grid-column: 2 !important;margin-top: 24px;color: #fff;}
.project-assistant-card h3{color: #fff !important;}
.project-assistant-card p:not(.eyebrow),.project-assistant-card__status{color: rgba(255, 255, 255, .66) !important;}
#branchen-grid .branches-grid--3x3{width: min(100%, calc(100vw - 2 * var(--page-gutter))) !important;}
#branchen-grid .branches-grid--3x3 .branch-tile{min-height: clamp(360px, 31vw, 560px) !important;border: 2px solid #10283b !important;box-shadow: 0 36px 86px rgba(2, 8, 14, .48), 0 0 0 1px rgba(255, 255, 255, .025) !important;transform: none !important;overflow: hidden !important;}
#branchen-grid .branches-grid--3x3 .branch-tile:hover,#branchen-grid .branches-grid--3x3 .branch-tile:focus-visible{border-color: rgba(242, 140, 40, .88) !important;box-shadow: 0 42px 96px rgba(2, 8, 14, .52), 0 0 0 1px rgba(242, 140, 40, .44), 0 0 42px rgba(242, 140, 40, .18) !important;transform: none !important;}
#branchen-grid .branches-grid--3x3 .branch-tile::before{background:
    linear-gradient(180deg, rgba(4, 11, 17, .08) 0%, rgba(4, 11, 17, .28) 44%, rgba(4, 11, 17, .95) 100%) !important;transform: none !important;}
#branchen-grid .branches-grid--3x3 .branch-tile__header{position: absolute !important;inset: auto 0 0 !important;height: auto !important;min-height: 0 !important;padding: clamp(18px, 1.8vw, 30px) !important;background: linear-gradient(180deg, transparent 0%, rgba(5, 12, 18, .78) 34%, rgba(5, 12, 18, .98) 100%) !important;}
#branchen-grid .branches-grid--3x3 .branch-tile__text{position: relative !important;display: grid !important;gap: clamp(16px, 1.5vw, 26px) !important;align-items: center !important;padding: 0 !important;}
#branchen-grid .branches-grid--3x3 .branch-tile__title{min-height: 0 !important;justify-content: flex-end !important;text-align: right !important;color: #fff !important;line-height: 1.02 !important;transform: none !important;}
#branchen-grid .branches-grid--3x3 .branch-tile__text::before{width: 3px !important;height: clamp(44px, 4vw, 72px) !important;align-self: center !important;background: var(--v656-orange) !important;opacity: 1 !important;transform: scaleY(.52) !important;transform-origin: bottom center !important;transition: transform .62s cubic-bezier(.22, 1, .36, 1), box-shadow .62s ease !important;}
#branchen-grid .branches-grid--3x3 .branch-tile__copy{min-height: 0 !important;max-width: 34ch !important;display: flex !important;align-items: center !important;color: rgba(255, 255, 255, .84) !important;font-size: clamp(.82rem, .92vw, .98rem) !important;line-height: 1.45 !important;opacity: 0 !important;clip-path: inset(0 0 0 100%) !important;transform: translateX(-12px) !important;transition: opacity .52s ease, clip-path .62s cubic-bezier(.22, 1, .36, 1), transform .62s cubic-bezier(.22, 1, .36, 1) !important;}
#branchen-grid .branches-grid--3x3 .branch-tile:hover .branch-tile__text::before,#branchen-grid .branches-grid--3x3 .branch-tile:focus-visible .branch-tile__text::before{transform: scaleY(1) !important;box-shadow: 0 0 26px rgba(242, 140, 40, .42) !important;}
#branchen-grid .branches-grid--3x3 .branch-tile:hover .branch-tile__copy,#branchen-grid .branches-grid--3x3 .branch-tile:focus-visible .branch-tile__copy{opacity: 1 !important;clip-path: inset(0) !important;transform: none !important;}
.location-map-v643{box-shadow: 0 38px 98px rgba(12, 28, 42, .3), 0 10px 28px rgba(12, 28, 42, .16) !important;}
@media (min-width: 901px){.company-location-v643__stage > img{top: 0 !important;right: 0 !important;bottom: 0 !important;left: 38% !important;width: 62% !important;height: 100% !important;object-fit: cover !important;object-position: right center !important;transform: none !important;}
.company-location-v643__stage::after{background:
      linear-gradient(90deg, rgba(7, 19, 30, .98) 0%, rgba(7, 19, 30, .88) 36%, rgba(7, 19, 30, .22) 66%, rgba(7, 19, 30, .03) 100%),
      linear-gradient(180deg, rgba(7, 19, 30, .04) 0%, rgba(7, 19, 30, .5) 100%) !important;}}
.company-story-v641__header{overflow: visible !important;}
.company-story-v641__timeline{position: relative !important;z-index: 2 !important;background: transparent !important;}
.company-story-v641__media.is-archive{background-size: cover !important;background-repeat: no-repeat !important;}
@media (max-width: 900px){.project-assistant-card{grid-column: 1 !important;}
#branchen-grid .branches-grid--3x3 .branch-tile__copy{opacity: 1 !important;clip-path: none !important;transform: none !important;}
.company-story-v641__header::before{background-position: right center !important;background-size: auto 96% !important;}}
@media (prefers-reduced-motion: reduce){.product-master-card,.process-competence-card,#branchen-grid .branches-grid--3x3 .branch-tile__copy,#branchen-grid .branches-grid--3x3 .branch-tile__text::before{transition: none !important;}}
.hero__media{position: relative;}
.hero__sound-toggle{position: absolute;right: clamp(16px, 2vw, 30px);bottom: clamp(16px, 2vw, 30px);z-index: 8;min-height: 42px;padding: 0 16px;display: inline-flex;align-items: center;gap: 10px;color: #fff;border: 1px solid rgba(255, 255, 255, .3);border-radius: 999px;background: rgba(7, 19, 30, .48);backdrop-filter: blur(14px);box-shadow: 0 14px 34px rgba(0, 0, 0, .28);font: inherit;font-size: .78rem;font-weight: 760;cursor: pointer;transition: border-color .25s ease, box-shadow .25s ease, background .25s ease;}
.hero__sound-toggle:hover,.hero__sound-toggle:focus-visible,.hero__sound-toggle[aria-pressed="true"]{border-color: rgba(242, 140, 40, .72);background: rgba(7, 19, 30, .62);box-shadow: inset 0 -2px 0 var(--v656-orange, #f28c28), 0 16px 38px rgba(0, 0, 0, .32);outline: none;}
.hero__sound-toggle i{color: var(--v656-orange, #f28c28);}
.company-intro-v640__slide--team{background-image: url("../Bilder/ma/logistics-team.webp") !important;}
.quality-card--iatf .quality-card__media{background-color: #edf2f5 !important;background-size: contain !important;background-repeat: no-repeat !important;background-position: center !important;}
.quality-card--iatf .quality-card__media{background-image: url("../Bilder/certificates/iatf-16949-certificate.webp") !important;}
#kontakt.section--dark,section#kontakt{padding: 0 var(--page-gutter) clamp(82px, 8vw, 132px) !important;color: var(--hk-steel) !important;background: var(--v656-silver) !important;}
#kontakt .contact-stage-v637{width: calc(100% + (2 * var(--page-gutter))) !important;margin-inline: calc(0px - var(--page-gutter)) !important;display: grid !important;align-items: center !important;border: 0 !important;border-radius: 0 !important;box-shadow: none !important;overflow: hidden !important;}
#kontakt .contact-stage-v637__copy{max-width: 680px !important;padding: clamp(82px, 8vw, 140px) var(--page-gutter) clamp(92px, 9vw, 150px) !important;background: transparent !important;}
#kontakt .contact-stage-v637__copy h2{max-width: 13ch !important;}
#kontakt .contact-stage-v637__copy p:last-of-type{color: rgba(255, 255, 255, .78) !important;}
#kontakt .contact-stage-v637__media{grid-column: 1 / -1 !important;min-height: 100% !important;}
#kontakt .contact-stage-v637__slide{background-size: cover !important;}
#kontakt .sales-flow-v637{margin-top: clamp(62px, 6vw, 100px) !important;}
#kontakt .section-heading--light h2,#kontakt .section-heading--light .section-intro,#kontakt .request-form-v637__heading h2,#kontakt .request-form-v637__heading p{color: var(--hk-steel) !important;}
#kontakt .request-form-v637{background: #fff !important;box-shadow: 0 28px 72px rgba(12, 28, 42, .16) !important;}
#kontakt .request-contact-v637,#kontakt .project-assistant-card{color: #fff !important;background: var(--v656-steel) !important;}
#kontakt .request-contact-v637 h3,#kontakt .project-assistant-card h3{color: #fff !important;}
#kontakt .request-contact-v637 p,#kontakt .request-contact-v637 li,#kontakt .project-assistant-card p:not(.eyebrow),#kontakt .project-assistant-card__status{color: rgba(255, 255, 255, .68) !important;}
.company-story-v641__header{padding-bottom: clamp(190px, 15vw, 290px) !important;}
.company-story-v641__header::before{inset: 0 calc(0px - var(--page-gutter)) clamp(-220px, -14vw, -130px) !important;width: auto !important;height: auto !important;transform: none !important;opacity: .92 !important;background:
    url("../Bilder/milestones/history-stage-v681.webp") center 42% / cover no-repeat !important;-webkit-mask-image: linear-gradient(180deg, #000 0%, #000 62%, rgba(0, 0, 0, .42) 82%, transparent 100%) !important;mask-image: linear-gradient(180deg, #000 0%, #000 62%, rgba(0, 0, 0, .42) 82%, transparent 100%) !important;}
.company-story-v641__header::after{inset: 0 calc(0px - var(--page-gutter)) clamp(-240px, -16vw, -150px) !important;transform: none !important;background:
    linear-gradient(90deg, rgba(7, 19, 30, .94) 0%, rgba(7, 19, 30, .78) 34%, rgba(7, 19, 30, .24) 66%, rgba(7, 19, 30, .58) 100%),
    linear-gradient(180deg, rgba(7, 19, 30, .02) 0%, rgba(7, 19, 30, .14) 58%, rgba(7, 19, 30, .7) 86%, var(--v656-dark) 100%) !important;}
.company-story-v641__timeline{margin-top: clamp(-180px, -11vw, -96px) !important;}
#branchen-grid .branches-grid--3x3 .branch-tile__text{grid-template-columns: minmax(0, 1.1fr) 3px minmax(0, .9fr) !important;}
#branchen-grid .branches-grid--3x3 .branch-tile__title{font-size: clamp(1.18rem, 1.55vw, 2.15rem) !important;overflow: visible !important;white-space: normal !important;text-wrap: balance;}
@media (max-width: 900px){.hero__sound-toggle{right: 14px;bottom: 14px;}
#kontakt .contact-stage-v637__copy{padding-top: 120px !important;}}
.contact-stage-v637__slide--team-real{background-image: url("../Bilder/media-3x2/vertrieb-team.webp") !important;background-position: center 34% !important;}
.contact-stage-v637__slide--cad{background-image: url("../Bilder/media-3x2/contact-cad.webp") !important;background-position: center center !important;}
.company-insight-card-v644[href="#karriere"] > img{object-position: center 28% !important;}
.company-intro-v640__slide--team{background-position: center 30% !important;}
.company-story-v641__media[style*="Bilder/ma/benjamin-management.webp"]{background-position: center 22% !important;}
@media (max-width: 900px){.company-insight-card-v644[href="#karriere"] > img{object-position: center 24% !important;}
.company-intro-v640__slide--team{background-position: center 24% !important;}
.company-principles-v640 article:nth-child(2){background-position: 52% 24% !important;}}
:root{--v659-silver: var(--v644-silver, var(--v656-silver, linear-gradient(135deg, #dce3e7 0%, #f3f6f7 48%, #d8e0e5 100%)));--v659-dark: var(--hk-dark-steel-bg, #07131e);--v659-steel: var(--v656-steel, #10283b);--v659-orange: var(--hk-orange, #f28c28);}
.company-history-v641{width: 100% !important;max-width: none !important;margin: 0 !important;padding: clamp(84px, 9vw, 150px) var(--page-gutter) clamp(72px, 8vw, 124px) !important;}
.company-history-v641::before,.company-history-v641::after{content: none !important;display: none !important;background: none !important;}
.company-history-v641__heading,.company-history-v641__summary{width: min(100%, 1820px) !important;margin-inline: auto !important;}
.company-history-v641__summary article{background-image: none !important;background: rgba(255, 255, 255, .68) !important;}
.company-history-v641__summary article:nth-child(1),.company-history-v641__summary article:nth-child(2),.company-history-v641__summary article:nth-child(3){background-image: none !important;background: rgba(255, 255, 255, .68) !important;}
.company-history-v641__summary article::before,.company-history-v641__summary article::after{background: none !important;}
.company-story-v641{padding: 0 0 clamp(100px, 11vw, 170px) !important;background: #07131e !important;overflow: hidden !important;}
.company-story-v641__header{width: 100% !important;max-width: none !important;min-height: clamp(620px, 60vw, 900px) !important;margin: 0 0 clamp(72px, 8vw, 118px) !important;padding: clamp(82px, 8vw, 140px) var(--page-gutter) clamp(190px, 15vw, 290px) !important;box-sizing: border-box;}
.company-story-v641__header::before,.company-story-v641__header::after{inset: 0 !important;width: auto !important;height: auto !important;transform: none !important;}
.company-story-v641__header > div,.company-story-v641__header > p{position: relative;z-index: 2;}
.company-story-v641__timeline{width: min(calc(100% - (2 * var(--page-gutter))), 1720px) !important;}
.company-story-v641__media[style*="milestone-2025-owner"]{background-image: url("../Bilder/milestones/milestone-2025-independence.webp") !important;background-position: center !important;}
.company-story-v641__media[style*="milestone-1964-curated"]{background-image: url("../Bilder/milestones/history-specialization-workroom-v682.webp") !important;background-position: center 45% !important;}
.company-principles-v640 article:nth-child(2){color: var(--hk-steel) !important;background-color: #fff !important;background-image: url("../Bilder/bg-product-pleuel-blueprint.webp") !important;}
.company-principles-v640 article:nth-child(2) h3,.company-principles-v640 article:nth-child(2) p{color: var(--hk-steel) !important;}
#karriere{background: var(--v659-dark) !important;}
#karriere .split-stage__media--career{background-image: url("../Bilder/ma/02_besprechung_auf_dem_fabrikboden.webp") !important;}
#karriere .split-stage__panel .button{color: #fff !important;border-color: #183149 !important;background: #183149 !important;box-shadow: none !important;}
#karriere .split-stage__panel .button:hover,#karriere .split-stage__panel .button:focus-visible{border-color: var(--v659-orange) !important;background: #102331 !important;box-shadow: inset 0 -2px 0 var(--v659-orange) !important;}
@media (min-width: 901px){.hk-stage-showcase[data-stage-root] .hk-stage-showcase__slider{top: 0 !important;right: calc(0px - var(--page-gutter)) !important;width: calc(100% + var(--page-gutter)) !important;}
.hk-stage-showcase--products .hk-stage-showcase__slider{right: calc(0px - var(--page-gutter)) !important;width: calc(100% + var(--page-gutter)) !important;}
.hk-stage-showcase--products .hk-stage-showcase__slide{background-position: right -32px top -120px !important;background-size: auto clamp(140%, 72vw, 196%) !important;}}
.company-location-v643{position: relative;isolation: isolate;overflow: hidden;}
.company-location-v643::before{top: auto !important;bottom: 0 !important;}
.company-location-v643__stage{background: var(--v659-dark) !important;}
.company-location-v643__stage > img{top: 0 !important;right: 0 !important;bottom: 0 !important;left: auto !important;width: min(72%, 1380px) !important;height: 100% !important;object-fit: cover !important;object-position: right center !important;transform: none !important;}
.company-location-v643__stage::after{background:
    linear-gradient(90deg, rgba(7, 19, 30, 1) 0%, rgba(7, 19, 30, .92) 31%, rgba(7, 19, 30, .38) 62%, rgba(7, 19, 30, .03) 100%),
    linear-gradient(180deg, rgba(7, 19, 30, .02) 0%, rgba(7, 19, 30, .22) 65%, rgba(7, 19, 30, .74) 100%) !important;}
.company-location-v643__body{position: relative;z-index: 1;}
.company-location-v643__body::before{content: "";position: absolute;z-index: -1;top: 0;bottom: 0;pointer-events: none;}
.company-location-v643__body article{position: relative;}
@media (min-width: 1181px){.process-bridge-v648{grid-template-columns: minmax(520px, 900px) minmax(340px, 560px) !important;justify-content: center !important;align-items: stretch !important;}
.process-bridge-v648__media{width: 100% !important;max-width: 900px !important;justify-self: stretch !important;}}
.process-bridge-v648__media{display: block !important;width: 100% !important;min-height: clamp(430px, 38vw, 620px) !important;background-image:
    linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(7, 19, 30, .08) 58%, #07131e 100%),
    url("../Bilder/process/02_präzisionsbearbeitung_in_der_metallindustrie.webp") !important;background-position: center !important;background-size: cover !important;background-repeat: no-repeat !important;background-color: #102331 !important;}
.process-competence-card,.process-competence-card__media{border-radius: var(--v634-card-radius, 24px) !important;}
.process-competence-card__media{border-bottom-left-radius: 0 !important;border-bottom-right-radius: 0 !important;}
.section--quality-showcase{position: relative;isolation: isolate;overflow: hidden;background: var(--v659-dark) !important;}
.section--quality-showcase::before{content: "" !important;display: block !important;position: absolute !important;z-index: 0 !important;top: 0 !important;opacity: 1 !important;filter: saturate(1.05) contrast(1.04);mix-blend-mode: normal !important;pointer-events: none;}
.section--quality-showcase > *{position: relative;z-index: 1;}
#kontakt .contact-stage-v637__slide--team-real{background-color: var(--v659-dark) !important;}
@media (max-width: 900px){.company-story-v641__timeline{width: min(calc(100% - 32px), 1720px) !important;}
.company-location-v643::before{background-size: auto 100% !important;}
.company-location-v643__stage > img{width: 100% !important;}
.company-location-v643__body::before,.company-location-v643__body article{background: transparent !important;}
#kontakt .contact-stage-v637__slide--team-real{background-size: cover !important;}}
.company-location-v643{background: #f4f7f9 !important;}
.company-location-v643::before{content: "" !important;display: block !important;position: absolute !important;z-index: 0 !important;inset: 0 !important;width: auto !important;height: auto !important;background:
    linear-gradient(90deg, rgba(244, 247, 249, .98) 0%, rgba(244, 247, 249, .9) 26%, rgba(244, 247, 249, .28) 58%, rgba(244, 247, 249, .05) 100%),
    linear-gradient(180deg, rgba(244, 247, 249, .18) 0%, rgba(244, 247, 249, .02) 42%, rgba(244, 247, 249, .12) 100%),
    url("../Bilder/location/panorama-langenegg.webp") right top / cover no-repeat !important;opacity: 1 !important;}
.company-location-v643__body{width: 100% !important;max-width: none !important;margin: 0 !important;padding: clamp(72px, 7vw, 112px) var(--page-gutter) clamp(92px, 9vw, 144px) 0 !important;grid-template-columns: minmax(480px, 46vw) minmax(560px, 1fr) !important;gap: clamp(28px, 4vw, 72px) !important;align-items: center !important;background: transparent !important;}
.company-location-v643__body::before{left: 0 !important;width: min(820px, 58vw) !important;background: linear-gradient(90deg, rgba(244, 247, 249, 1) 0%, rgba(244, 247, 249, .96) 64%, rgba(244, 247, 249, 0) 100%) !important;}
.company-location-v643__body article{min-height: clamp(360px, 28vw, 520px);padding: clamp(30px, 4vw, 58px) clamp(34px, 4vw, 72px) clamp(30px, 4vw, 58px) var(--page-gutter) !important;display: flex;flex-direction: column;justify-content: center;background: linear-gradient(90deg, rgba(244, 247, 249, 1) 0%, rgba(244, 247, 249, .94) 70%, rgba(244, 247, 249, 0) 100%) !important;}
.location-map-v643{justify-self: stretch !important;}
@media (max-width: 1100px){.company-location-v643__body{padding-inline: 0 !important;grid-template-columns: 1fr !important;}
.company-location-v643__body article{padding-inline: var(--page-gutter) !important;}}
.process-bridge-v648__copy h2{max-width: 100% !important;font-size: clamp(2.15rem, 2.4vw, 3.25rem) !important;line-height: 1.08 !important;overflow-wrap: break-word;hyphens: auto;}
.process-bridge-v648__copy{overflow: hidden;}
.section--quality-showcase::before{left: 0 !important;right: 0 !important;width: auto !important;height: clamp(600px, 56vw, 900px) !important;background:
    linear-gradient(90deg, #07131e 0%, rgba(7, 19, 30, .94) 26%, rgba(7, 19, 30, .46) 52%, rgba(7, 19, 30, .08) 76%, rgba(7, 19, 30, .32) 100%),
    linear-gradient(180deg, rgba(7, 19, 30, 0) 0%, rgba(7, 19, 30, .12) 60%, #07131e 100%),
    url("../Bilder/process/12_pr%C3%A4zise_metallbearbeitung_bei_hoher_geschwindigkei.webp") right top / cover no-repeat !important;}
#aktuelles .split-stage[data-compound="HK-T01"],#karriere .split-stage[data-compound="HK-T01"]{margin-inline: auto !important;grid-template-columns: minmax(360px, .72fr) minmax(560px, 1.28fr) !important;}
#aktuelles .split-stage__panel > p:not(.eyebrow):not(.meta),#karriere .split-stage__panel > p:not(.eyebrow):not(.meta){max-width: 42ch !important;font-size: clamp(1rem, 1.05vw, 1.2rem) !important;line-height: 1.58 !important;}
#kontakt .request-contact-v637{grid-area: aside !important;}
#kontakt .project-assistant-card{grid-area: assistant !important;grid-column: auto !important;margin-top: 0 !important;}
.hk-stage-context--processes{background: linear-gradient(180deg, #eef3f5 0%, #e3ebef 62%, #dce6ea 100%) !important;}
.hk-card-matrix-section--processes{padding-bottom: clamp(76px, 8vw, 132px) !important;}
#technologie.section--silver{margin-top: -1px !important;padding-block: clamp(42px, 4.6vw, 74px) clamp(64px, 6.8vw, 108px) !important;background: #dce6ea !important;}
#technologie.section--silver::before,#technologie.section--silver::after{display: none !important;}
#technologie .split-stage[data-compound="HK-T01"]{background: transparent !important;}
#technologie .split-stage__media--technology{position: relative !important;isolation: isolate;overflow: hidden !important;background: #07131e url("../Bilder/process/12_pr%C3%A4zise_metallbearbeitung_bei_hoher_geschwindigkei.webp") center / cover no-repeat !important;}
#technologie .split-stage__media--technology::before{content: "" !important;position: absolute;inset: 0;z-index: 2;pointer-events: none;background:
    linear-gradient(90deg, rgba(7, 19, 30, .08) 0%, rgba(7, 19, 30, .02) 46%, rgba(16, 35, 49, .82) 100%),
    linear-gradient(180deg, rgba(7, 19, 30, .08) 0%, rgba(7, 19, 30, 0) 48%, rgba(7, 19, 30, .12) 100%) !important;}
#technologie .split-stage__media--technology::after{content: "" !important;position: absolute;inset: 0;z-index: 3;pointer-events: none;background: linear-gradient(90deg, rgba(16, 35, 49, 0) 0%, rgba(16, 35, 49, 0) 72%, #102331 100%) !important;}
#kontakt .request-layout-v637{grid-template-areas: "form side" !important;grid-template-columns: minmax(0, 2.15fr) minmax(320px, .85fr) !important;grid-template-rows: auto !important;align-items: start !important;column-gap: clamp(24px, 4vw, 56px) !important;row-gap: 16px !important;}
#kontakt .request-side-v660{grid-area: side;display: grid;gap: 16px;align-content: start;align-self: start;min-width: 0;}
#kontakt .request-form-v637{grid-area: form !important;min-width: 0;}
#kontakt .request-side-v660 > .request-contact-v637,#kontakt .request-side-v660 > .project-assistant-card{grid-area: auto !important;grid-column: auto !important;width: 100%;margin: 0 !important;}
#kontakt .project-assistant-card{opacity: 1 !important;transform: none !important;}
@media (max-width: 1100px){#kontakt .request-layout-v637{grid-template-areas:
      "form"
      "side" !important;grid-template-columns: 1fr !important;}}
.company-principles-v640{width: min(100%, 1680px) !important;align-items: start;}
.company-principles-v640 article{aspect-ratio: 2 / 3;min-height: clamp(520px, 40vw, 720px) !important;max-height: 760px;padding: clamp(30px, 3vw, 48px) !important;background-size: auto 126% !important;background-position-y: 18% !important;}
.company-principles-v640 article::before{background:
    linear-gradient(180deg, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, .18) 38%, rgba(255, 255, 255, .82) 68%, #fff 100%) !important;}
.company-principles-v640 article:nth-child(2){background-size: auto 122% !important;}
.company-principles-v640 article:nth-child(2)::before{background:
    linear-gradient(180deg, rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, .16) 40%, rgba(255, 255, 255, .82) 68%, #fff 100%) !important;}
@media (max-width: 1100px){.company-principles-v640 article{aspect-ratio: auto;min-height: clamp(460px, 62vw, 620px) !important;}}
.company-history-v641{position: relative !important;isolation: isolate;overflow: hidden !important;background: var(--v659-silver) !important;}
.company-history-v641::before{content: "" !important;display: block !important;position: absolute !important;z-index: 0 !important;inset: 0 0 auto auto !important;width: min(72vw, 1180px) !important;height: clamp(440px, 46vw, 760px) !important;pointer-events: none;opacity: .72 !important;background:
    linear-gradient(90deg, rgba(238, 244, 247, 1) 0%, rgba(238, 244, 247, .9) 28%, rgba(238, 244, 247, .36) 62%, rgba(238, 244, 247, .08) 100%),
    linear-gradient(180deg, rgba(238, 244, 247, .05) 0%, rgba(238, 244, 247, .28) 48%, rgba(238, 244, 247, .95) 100%),
    url("../Bilder/milestones/history-engine-repair.webp") right top / cover no-repeat !important;}
.company-history-v641::after{content: "" !important;display: block !important;position: absolute !important;z-index: 0 !important;inset: auto 0 0 0 !important;height: 32% !important;pointer-events: none;background: linear-gradient(180deg, rgba(238, 244, 247, 0) 0%, rgba(238, 244, 247, 1) 100%) !important;}
.company-history-v641 > *{position: relative;z-index: 1;}
.company-history-v641__summary article{min-height: clamp(390px, 24vw, 480px) !important;justify-content: flex-end !important;overflow: hidden !important;color: #fff !important;background-color: #07131e !important;background-repeat: no-repeat !important;background-size: cover !important;border-color: rgba(24, 49, 73, .16) !important;box-shadow: 0 28px 68px rgba(12, 28, 42, .18) !important;}
.company-history-v641__summary article:nth-child(1){background-image:
    linear-gradient(180deg, rgba(7, 19, 30, .02) 0%, rgba(7, 19, 30, .18) 44%, rgba(7, 19, 30, .9) 100%),
    url("../Bilder/milestones/milestone-1928.webp") !important;background-position: center 42% !important;}
.company-history-v641__summary article:nth-child(2){background-image:
    linear-gradient(180deg, rgba(7, 19, 30, .02) 0%, rgba(7, 19, 30, .16) 42%, rgba(7, 19, 30, .9) 100%),
    url("../Bilder/milestones/history-specialization-workroom-v682.webp") !important;background-position: center 46% !important;}
.company-history-v641__summary article:nth-child(3){background-image:
    linear-gradient(180deg, rgba(7, 19, 30, .02) 0%, rgba(7, 19, 30, .12) 42%, rgba(7, 19, 30, .88) 100%),
    url("../Bilder/milestones/hoeckle-langenegg-building-v681.webp") !important;background-position: center 40% !important;}
.company-history-v641__summary article::before,.company-history-v641__summary article::after{content: none !important;display: none !important;}
.company-history-v641__summary article > *{position: relative;z-index: 1;}
.company-history-v641__summary article > span{display: inline-flex !important;background: rgba(255, 255, 255, .92) !important;color: var(--hk-orange) !important;border-color: rgba(242, 140, 40, .32) !important;}
.company-history-v641__summary h4,.company-history-v641__summary p{color: #fff !important;text-shadow: 0 2px 18px rgba(0, 0, 0, .28);}
.company-history-v641__summary p{color: rgba(255, 255, 255, .78) !important;}
.company-principles-v640 article,.company-principles-v640 article:nth-child(2){background-size: auto 100% !important;}
.company-principles-v640 article:nth-child(1){background-position: 18% center !important;}
.company-principles-v640 article:nth-child(2){background-position: center center !important;}
.company-principles-v640 article:nth-child(3){background-position: 78% center !important;}
.company-story-v641__item,.company-story-v641__item .company-story-v641__media,.company-story-v641__item .company-story-v641__content{transition-duration: 1.35s !important;transition-timing-function: cubic-bezier(.16, 1, .3, 1) !important;}
#kontakt .contact-stage-v637{min-height: clamp(640px, 50vw, 820px) !important;grid-template-columns: minmax(360px, 40%) minmax(0, 60%) !important;background:
    linear-gradient(180deg, #f2f6f8 0%, #e8eef2 100%) !important;}
#kontakt .contact-stage-v637__copy{color: var(--hk-steel) !important;text-shadow: none !important;}
#kontakt .contact-stage-v637__copy h2{color: var(--hk-steel) !important;}
#kontakt .contact-stage-v637__copy > p:not(.eyebrow){color: rgba(24, 49, 73, .72) !important;}
#kontakt .contact-stage-v637__cta{color: #fff !important;background: var(--hk-steel) !important;border-color: var(--hk-steel) !important;}
#kontakt .contact-stage-v637__media{position: absolute !important;inset: 0 !important;z-index: 0 !important;overflow: hidden !important;background: transparent !important;pointer-events: none;}
#kontakt .contact-stage-v637__slide--team-real{display: block !important;inset: 0 0 auto auto !important;width: min(64vw, 1320px) !important;height: clamp(590px, 48vw, 840px) !important;opacity: 1 !important;visibility: visible !important;transform: none !important;background-image: url("../Bilder/media-3x2/vertrieb-team.webp") !important;background-size: contain !important;background-position: right top !important;background-repeat: no-repeat !important;}
#kontakt .contact-stage-v637__slide--cad{opacity: 0 !important;visibility: hidden !important;}
#kontakt .contact-stage-v637__media::before{content: "" !important;position: absolute !important;inset: 0 !important;z-index: 2 !important;pointer-events: none;background:
    linear-gradient(90deg, #f2f6f8 0%, rgba(242, 246, 248, .98) 38%, rgba(242, 246, 248, .78) 52%, rgba(242, 246, 248, .18) 70%, rgba(242, 246, 248, 0) 100%),
    linear-gradient(180deg, rgba(242, 246, 248, 0) 0%, rgba(238, 244, 247, .24) 64%, #e8eef2 100%) !important;}
#kontakt .contact-stage-v637__media::after{content: "" !important;position: absolute !important;inset: 0 !important;z-index: 3 !important;pointer-events: none;background:
    radial-gradient(ellipse at 80% 72%, rgba(238, 244, 247, .2) 0%, rgba(238, 244, 247, .54) 34%, rgba(238, 244, 247, 0) 60%),
    linear-gradient(180deg, rgba(238, 244, 247, 0) 0%, rgba(238, 244, 247, .16) 58%, #e8eef2 100%) !important;}
#aktuelles.section,#karriere.section{padding-block: clamp(42px, 4.8vw, 72px) !important;}
#aktuelles .split-stage[data-compound="HK-T01"],#karriere .split-stage[data-compound="HK-T01"]{width: min(calc(100% - (2 * var(--page-gutter))), 1280px) !important;min-height: clamp(360px, 30vw, 460px) !important;border-radius: 8px !important;overflow: hidden !important;}
#aktuelles .split-stage--reverse[data-compound="HK-T01"]{grid-template-columns: minmax(300px, .82fr) minmax(460px, 1.18fr) !important;}
#karriere .split-stage[data-compound="HK-T01"]{grid-template-columns: minmax(460px, 1.18fr) minmax(300px, .82fr) !important;}
#aktuelles .split-stage__panel,#karriere .split-stage__panel,#aktuelles .split-stage__media,#karriere .split-stage__media{min-height: clamp(360px, 30vw, 460px) !important;}
#aktuelles .split-stage__panel,#karriere .split-stage__panel{gap: clamp(12px, 1.4vw, 18px) !important;padding: clamp(28px, 3vw, 44px) clamp(30px, 3vw, 48px) !important;}
#aktuelles .split-stage__panel > .panel-icon,#karriere .split-stage__panel > .panel-icon{width: 46px !important;height: 46px !important;box-shadow: 0 14px 34px rgba(12, 28, 42, .12) !important;}
#aktuelles .split-stage__panel h3,#karriere .split-stage__panel h3{max-width: 11ch !important;font-size: clamp(2rem, 2.25vw, 3rem) !important;line-height: 1.04 !important;}
#aktuelles .split-stage__panel > p:not(.eyebrow):not(.meta):not(.content-subtitle),#karriere .split-stage__panel > p:not(.eyebrow):not(.meta):not(.content-subtitle){max-width: 38ch !important;font-size: clamp(.96rem, .94vw, 1.08rem) !important;line-height: 1.52 !important;}
#aktuelles .content-subtitle{max-width: 34ch !important;font-size: clamp(.92rem, .9vw, 1.02rem) !important;}
#aktuelles .split-stage__panel .meta{margin-top: 0 !important;font-size: .9rem !important;}
#aktuelles .social-channels--inline{gap: 10px !important;margin-block: 0 !important;}
#aktuelles .social-channels__list{gap: 8px !important;}
#aktuelles .social-icon{width: 44px !important;height: 44px !important;}
#aktuelles .split-stage__media--news{background-image:
    linear-gradient(90deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .42) 18%, rgba(7, 19, 30, .04) 46%, rgba(7, 19, 30, .16) 100%),
    url("../Bilder/ma/production-team.webp") !important;background-position: center 36% !important;background-size: cover !important;}
#karriere .split-stage__media--career{background-size: cover !important;background-position: center 42% !important;}
@media (max-width: 1100px){#aktuelles .split-stage[data-compound="HK-T01"],#karriere .split-stage[data-compound="HK-T01"],#aktuelles .split-stage--reverse[data-compound="HK-T01"]{width: min(calc(100% - (2 * var(--page-gutter))), 760px) !important;grid-template-columns: 1fr !important;min-height: 0 !important;}
#aktuelles .split-stage__panel,#karriere .split-stage__panel,#aktuelles .split-stage__media,#karriere .split-stage__media{min-height: 320px !important;}}
@media (max-width: 900px){#kontakt .contact-stage-v637{grid-template-columns: 1fr !important;min-height: 0 !important;padding-top: clamp(260px, 68vw, 420px) !important;}
#kontakt .contact-stage-v637__copy{padding-block: clamp(30px, 8vw, 48px) clamp(50px, 10vw, 72px) !important;}
#kontakt .contact-stage-v637__copy h2{font-size: clamp(2.3rem, 10vw, 3.6rem) !important;}
#kontakt .contact-stage-v637__media{inset: 0 0 auto 0 !important;height: clamp(260px, 68vw, 420px) !important;}
#kontakt .contact-stage-v637__slide--team-real{width: min(100%, 640px) !important;height: 100% !important;background-position: center top !important;}
#kontakt .contact-stage-v637__media::before{background:
      linear-gradient(90deg, rgba(242, 246, 248, .42) 0%, rgba(242, 246, 248, .14) 58%, rgba(242, 246, 248, 0) 100%),
      linear-gradient(180deg, rgba(242, 246, 248, 0) 0%, rgba(238, 244, 247, .18) 58%, #e8eef2 100%) !important;}}
#kontakt .contact-stage-v637__slide--team-real{width: min(74vw, 1518px) !important;height: clamp(680px, 55vw, 966px) !important;background-position: right top !important;}
#kontakt .contact-stage-v637__media::before{background:
    linear-gradient(90deg, #f2f6f8 0, rgba(242, 246, 248, .94) 32px, rgba(242, 246, 248, 0) 200px),
    linear-gradient(180deg, rgba(232, 238, 242, 0) calc(100% - 200px), rgba(232, 238, 242, .92) 100%) !important;}
#kontakt .contact-stage-v637__media::after{content: none !important;display: none !important;}
#branchen-grid .branch-tile::before{background:
    linear-gradient(90deg, rgba(10, 17, 22, .68) 0%, rgba(10, 17, 22, .38) 28%, rgba(10, 17, 22, .12) 56%, rgba(10, 17, 22, 0) 84%),
    linear-gradient(180deg, rgba(10, 17, 22, .04) 0%, rgba(10, 17, 22, 0) 46%, rgba(10, 17, 22, .2) 100%) !important;}
#branchen-grid .branch-tile{filter: saturate(1.04) brightness(1.08);transition: filter .28s ease, transform .28s ease, box-shadow .28s ease !important;}
#branchen-grid .branch-tile:hover,#branchen-grid .branch-tile:focus-visible{filter: saturate(1.08) brightness(1.16);}
#aktuelles.section,#karriere.section{min-height: 100svh !important;display: grid !important;align-items: center !important;padding-block: clamp(86px, 9vh, 148px) !important;}
#aktuelles .split-stage[data-compound="HK-T01"],#karriere .split-stage[data-compound="HK-T01"]{align-self: center !important;}
#karriere .split-stage[data-compound="HK-T01"]{border: 0 !important;box-shadow: none !important;clip-path: none !important;}
#karriere .split-stage__panel{border-right: 0 !important;}
#karriere .split-stage__panel::after,#karriere .split-stage__media::after{content: none !important;display: none !important;}
#kontakt .request-form-v637 button[type="submit"],#kontakt .request-form-v637 .button[type="submit"]{color: #fff !important;border-color: var(--hk-steel) !important;background: var(--hk-steel) !important;box-shadow: 0 14px 32px rgba(24, 49, 73, .18) !important;}
#kontakt .request-form-v637 button[type="submit"] .button__arrow,#kontakt .request-form-v637 .button[type="submit"] .button__arrow{color: #fff !important;}
#kontakt .request-form-v637 button[type="submit"]:hover,#kontakt .request-form-v637 button[type="submit"]:focus-visible{border-color: var(--hk-orange) !important;background: #102331 !important;box-shadow: inset 0 -2px 0 var(--hk-orange), 0 16px 36px rgba(24, 49, 73, .2) !important;}
@media (max-width: 900px){#kontakt .contact-stage-v637__slide--team-real{width: min(112%, 720px) !important;height: 100% !important;background-position: center top !important;}
#kontakt .contact-stage-v637__media::before{background:
      linear-gradient(90deg, rgba(242, 246, 248, .44) 0, rgba(242, 246, 248, 0) 180px),
      linear-gradient(180deg, rgba(232, 238, 242, 0) calc(100% - 170px), rgba(232, 238, 242, .94) 100%) !important;}}
.hero__slide--people{background-image: url("../Bilder/hero/hero-people.webp") !important;background-position: center 38% !important;background-size: cover !important;}
@media (min-width: 901px){#kontakt .contact-stage-v637__slide--team-real{width: min(82vw, 1700px) !important;height: clamp(740px, 62vw, 1080px) !important;background-size: contain !important;background-position: right top !important;}
#kontakt .contact-stage-v637__media::before{background:
      linear-gradient(90deg, #f2f6f8 0%, #f2f6f8 38%, rgba(242, 246, 248, .86) 42%, rgba(242, 246, 248, .34) 47%, rgba(242, 246, 248, 0) 52%),
      linear-gradient(180deg, rgba(232, 238, 242, 0) 0%, rgba(232, 238, 242, 0) calc(100% - 230px), rgba(232, 238, 242, .68) calc(100% - 86px), #e8eef2 100%) !important;}}
#branchen-grid .branches-grid--3x3 .branch-tile::before,#branchen-grid .branch-tile::before{background: linear-gradient(180deg, rgba(7, 14, 19, 0) 0%, rgba(7, 14, 19, 0) 48%, rgba(7, 14, 19, .16) 68%, rgba(7, 14, 19, .74) 100%) !important;}
#branchen-grid .branches-grid--3x3 .branch-tile,#branchen-grid .branch-tile{filter: none !important;background-blend-mode: normal !important;}
#branchen-grid .branches-grid--3x3 .branch-tile:hover,#branchen-grid .branches-grid--3x3 .branch-tile:focus-visible,#branchen-grid .branch-tile:hover,#branchen-grid .branch-tile:focus-visible{filter: saturate(1.04) brightness(1.08) !important;}
#branchen-grid .branches-grid--3x3 .branch-tile:hover::before,#branchen-grid .branch-tile:hover::before{background: linear-gradient(180deg, rgba(7, 14, 19, 0) 0%, rgba(7, 14, 19, 0) 54%, rgba(7, 14, 19, .1) 72%, rgba(7, 14, 19, .62) 100%) !important;}
.counter-strip[data-compound="HK-S04"] .counter-strip__grid{grid-template-columns: repeat(6, minmax(0, 1fr)) !important;width: min(1580px, max(1080px, calc(100vw - (2 * var(--page-gutter))))) !important;max-width: 1580px !important;gap: clamp(14px, 1.8vw, 34px) !important;}
.counter-strip[data-compound="HK-S04"] .counter-tile{min-height: 150px !important;padding-inline: clamp(10px, 1vw, 16px) !important;}
.counter-strip[data-compound="HK-S04"] .counter-tile--energy .counter-tile__body > span{max-width: 23ch !important;}
.counter-strip[data-compound="HK-S04"] .counter-tile--energy strong{font-size: clamp(1.38rem, 1.42vw, 1.78rem) !important;letter-spacing: -.035em !important;}
#qualitaet .quality-card__media{background-color: #fff !important;background-repeat: no-repeat !important;background-position: center !important;background-size: contain !important;}
#qualitaet .quality-card--iatf .quality-card__media{background-image: url("../Bilder/certificates/iatf-16949-certificate.webp") !important;}
#qualitaet .quality-card--iso14001 .quality-card__media{background-image: url("../Bilder/certificates/iso-14001-certificate.webp") !important;}
#qualitaet .quality-card--vkw .quality-card__media{background-image: url("../Bilder/certificates/vkw-oekostrombestaetigung.webp") !important;}
#qualitaet .quality-card--oekostrom .quality-card__media{background-image: url("../Bilder/certificates/oesterreich-oekostrom-zertifikat.webp") !important;}
.company-history-v641__summary article{aspect-ratio: 2 / 3 !important;min-height: 0 !important;}
.company-history-v641__summary article:nth-child(1){background-image:
    linear-gradient(180deg, rgba(7, 19, 30, .01) 0%, rgba(7, 19, 30, .15) 48%, rgba(7, 19, 30, .9) 100%),
    url("../Bilder/milestones/history-engine-repair.webp") !important;background-position: center 48% !important;background-size: cover !important;}
.company-history-v641__summary article:nth-child(3){background-color: #07131e !important;background-position: center, center 42% !important;background-size: 100% 100%, cover !important;background-repeat: no-repeat !important;}


.hk-reference-marquee[data-variant="premium-statement-marquee"]{
  isolation: isolate;
}
.hk-reference-marquee[data-variant="premium-statement-marquee"] .hk-reference-marquee__group{
  gap: clamp(22px, 1.9vw, 32px);
}
.hk-reference-marquee[data-variant="premium-statement-marquee"] .hk-reference-marquee__slot{
  position: relative;
  flex: 0 0 auto !important;
  width: max-content !important;
  min-width: 182px;
  max-width: 268px;
  height: calc(var(--ref-height) - 30px);
  display: block;
  padding: 0;
}
.hk-reference-marquee__card{
  position: relative;
  width: auto;
  min-width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 7px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.055) 0%, rgba(255,255,255,.018) 52%, rgba(2,11,18,.2) 100%),
    #0c1e2a;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 -1px 0 rgba(0,0,0,.2),
    0 8px 20px rgba(0,0,0,.1);
}
.hk-reference-marquee__card::before{
  content: "";
  position: absolute;
  left: 0;
  top: 23%;
  bottom: 23%;
  width: 2px;
  border-radius: 0 2px 2px 0;
  background: rgba(242,140,40,.78);
  box-shadow: 0 0 10px rgba(242,140,40,.2);
}
.hk-reference-marquee__icon{
  position: relative;
  z-index: 1;
  flex: 0 0 clamp(56px, 4.5vw, 66px);
  height: 100%;
  display: grid;
  place-items: center;
  color: rgba(255,255,255,.68);
  font-size: clamp(25px, 1.9vw, 30px);
}
.hk-reference-marquee__statement{
  position: relative;
  z-index: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  padding-right: clamp(18px, 1.6vw, 24px);
  line-height: 1.14;
  text-align: left;
}
.hk-reference-marquee__statement strong{
  color: rgba(242,140,40,.82);
  font-size: clamp(11px, .72vw, 13px);
  font-weight: 500;
  letter-spacing: .05em;
  white-space: nowrap;
}
.hk-reference-marquee__statement > span{
  color: rgba(255,255,255,.84);
  font-size: clamp(14px, .98vw, 17px);
  font-weight: 520;
  letter-spacing: .012em;
  white-space: nowrap;
}
@media (max-width: 680px){.hk-reference-marquee[data-variant="premium-statement-marquee"] .hk-reference-marquee__group{
    gap: 18px;
  }
.hk-reference-marquee[data-variant="premium-statement-marquee"] .hk-reference-marquee__slot{
    width: max-content !important;
    min-width: 178px;
    max-width: 246px;
    height: calc(var(--ref-height) - 24px);
  }
.hk-reference-marquee__icon{
    flex-basis: 54px;
    font-size: 24px;
  }
.hk-reference-marquee__statement{
    gap: 5px;
    padding-right: 16px;
  }
.hk-reference-marquee__statement strong{
    font-size: 10.5px;
  }
.hk-reference-marquee__statement > span{
    font-size: 14px;
  }}
.header-utility{
  justify-self: end;
  display: flex;
  align-items: center;
  gap: clamp(10px, .85vw, 16px);
  min-width: max-content;
  height: 100%;
}
.header-utility .language-link{
  justify-self: auto;
}
.header-faq-link{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 8px 11px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 999px;
  color: rgba(255, 255, 255, .82);
  background: rgba(255, 255, 255, .025);
  font-size: clamp(13px, .82vw, 15px);
  font-weight: 650;
  line-height: 1;
  letter-spacing: .03em;
  white-space: nowrap;
  transition: color 240ms ease, border-color 240ms ease, background-color 240ms ease, transform 240ms cubic-bezier(.22, 1, .36, 1), box-shadow 240ms ease;
}
.header-faq-link::before{
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  background: linear-gradient(112deg, transparent 12%, rgba(242, 140, 40, .14) 48%, transparent 82%);
  transform: translateX(-80%);
  transition: opacity 240ms ease, transform .62s cubic-bezier(.22, 1, .36, 1);
}
.header-faq-link:hover,.header-faq-link:focus-visible,.header-faq-link[aria-current="page"]{
  color: #fff;
  border-color: rgba(242, 140, 40, .48);
  background: rgba(255, 255, 255, .055);
  box-shadow: 0 0 18px rgba(242, 140, 40, .1);
  outline: none;
}
.header-faq-link:hover,.header-faq-link:focus-visible{
  transform: translateY(-1px);
}
.header-faq-link:hover::before,.header-faq-link:focus-visible::before,.header-faq-link[aria-current="page"]::before{
  opacity: 1;
  transform: translateX(80%);
}
.header-faq-link__signal{
  position: relative;
  z-index: 1;
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: #f28c28;
  box-shadow: 0 0 0 4px rgba(242, 140, 40, .09), 0 0 10px rgba(242, 140, 40, .4);
}
.header-faq-link__label,.header-faq-link__arrow{
  position: relative;
  z-index: 1;
}
.header-faq-link__arrow{
  color: rgba(255, 255, 255, .44);
  font-size: 12px;
  transform: translateY(-1px);
  transition: color 240ms ease, transform 240ms cubic-bezier(.22, 1, .36, 1);
}
.header-faq-link:hover .header-faq-link__arrow,.header-faq-link:focus-visible .header-faq-link__arrow,.header-faq-link[aria-current="page"] .header-faq-link__arrow{
  color: #f28c28;
  transform: translate(2px, -3px);
}
.header-utility__divider{
  width: 1px;
  height: 24px;
  background: linear-gradient(180deg, transparent, rgba(255, 255, 255, .2), transparent);
}
.main-nav .nav-faq-mobile{
  display: none;
}
@media (max-width: 1280px){.header-utility{
    gap: 9px;
  }
.header-faq-link{
    min-height: 34px;
    padding: 7px 9px;
    font-size: 13px;
  }}
@media (max-width: 1040px){.header-utility{
    grid-column: 3;
  }
.header-faq-link,.header-utility__divider{
    display: none;
  }
.main-nav .nav-faq-mobile{
    display: block;
  }}
@media (max-width: 720px){.header-utility{
    display: none;
  }}
@media (prefers-reduced-motion: reduce){.header-faq-link,.header-faq-link::before,.header-faq-link__arrow{
    transition: none;
  }}
.site-header{
  grid-template-columns: minmax(148px, 13vw) minmax(0, 1fr) auto;
}
@media (max-width: 1040px){.site-header{
    grid-template-columns: 1fr auto auto;
  }}
@media (max-width: 720px){.site-header{
    grid-template-columns: 1fr auto;
  }}
/* v682 refinement */
.company-intro-v640__slide--location{
  background-image: url("../Bilder/milestones/hoeckle-langenegg-building-v681.webp") !important;
  background-position: center 48% !important;
  background-size: cover !important;
}
.company-history-v641::before{
  opacity: .86 !important;
  background:
    linear-gradient(90deg, rgba(238, 244, 247, 1) 0%, rgba(238, 244, 247, .9) 24%, rgba(238, 244, 247, .28) 64%, rgba(238, 244, 247, .04) 100%),
    linear-gradient(180deg, rgba(238, 244, 247, .02) 0%, rgba(238, 244, 247, .2) 54%, rgba(238, 244, 247, .95) 100%),
    url("../Bilder/milestones/history-engine-repair.webp") right 42% / cover no-repeat !important;
}
.company-history-v641__summary article:nth-child(1){
  background-color: #07131e !important;
  background-image:
    linear-gradient(180deg, rgba(7, 19, 30, .02) 0%, rgba(7, 19, 30, .16) 48%, rgba(7, 19, 30, .92) 100%),
    url("../Bilder/milestones/history-engine-repair.webp") !important;
  background-position: center, center 12% !important;
  background-size: 100% 100%, 94% auto !important;
  background-repeat: no-repeat !important;
}
.company-history-v641__summary article:nth-child(2){
  background-color: #07131e !important;
  background-image:
    linear-gradient(180deg, rgba(7, 19, 30, .01) 0%, rgba(7, 19, 30, .14) 46%, rgba(7, 19, 30, .91) 100%),
    url("../Bilder/milestones/history-specialization-workroom-v682.webp") !important;
  background-position: center, center 12% !important;
  background-size: 100% 100%, 104% auto !important;
  background-repeat: no-repeat !important;
}
.company-history-v641__summary article:nth-child(3){
  background-image:
    linear-gradient(180deg, rgba(7, 19, 30, .01) 0%, rgba(7, 19, 30, .12) 44%, rgba(7, 19, 30, .9) 100%),
    url("../Bilder/milestones/hoeckle-langenegg-building-v681.webp") !important;
  background-position: center, center 48% !important;
  background-size: 100% 100%, cover !important;
}
.company-principles-v640 article:nth-child(1){
  background-color: #fff !important;
  background-image: url("../Bilder/blueprints-v681/production-hall.webp") !important;
  background-position: center 18% !important;
  background-size: 112% auto !important;
  background-repeat: no-repeat !important;
}
.company-principles-v640 article:nth-child(2){
  background-color: #fff !important;
  background-image: url("../Bilder/blueprints-v681/automated-machine-cell.webp") !important;
  background-position: center 18% !important;
  background-size: 112% auto !important;
  background-repeat: no-repeat !important;
}
.company-principles-v640 article:nth-child(3){
  background-color: #fff !important;
  background-image: url("../Bilder/milestones/hoeckle-langenegg-building-v681.webp") !important;
  background-position: center 36% !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.company-principles-v640 article:nth-child(3)::before{
  background: linear-gradient(180deg, rgba(255, 255, 255, .02) 0%, rgba(255, 255, 255, .12) 42%, rgba(255, 255, 255, .86) 70%, #fff 100%) !important;
}
.company-story-v641__media.is-archive[style*="milestone-one-million-crankshafts-v681.webp"]{
  background-size: cover !important;
  background-position: center 50% !important;
}
.company-story-v641__media.is-archive[style*="history-international-markets-v681.webp"]{
  background-size: cover !important;
  background-position: center 48% !important;
}
.company-story-v641__media.is-archive[style*="history-moessingen-v681.webp"]{
  background-size: cover !important;
  background-position: center 52% !important;
}
.company-story-v641__media[style*="milestone-electromotive-pilot-v681.webp"]{
  background-size: cover !important;
  background-position: center 50% !important;
}
.company-story-v641__media[style*="hoeckle-langenegg-building-v681.webp"]{
  background-size: cover !important;
  background-position: center 48% !important;
}
@media (max-width: 900px){
  .company-history-v641::before{background-position: 68% 42% !important;}
  .company-history-v641__summary article:nth-child(1),
  .company-history-v641__summary article:nth-child(2){background-size: 100% 100%, 100% auto !important;}
}
/* v683 visual refinement */
.hero__slide--production,
.company-intro-v640__slide--engine{
  background-image:url("../Bilder/hero/hero-engine-real-v683.webp") !important;
  background-position:center 46% !important;
  background-size:cover !important;
}

.company-history-v641::before{
  opacity:.98 !important;
  background:
    linear-gradient(90deg,rgba(238,244,247,.96) 0%,rgba(238,244,247,.74) 25%,rgba(238,244,247,.12) 61%,rgba(238,244,247,0) 100%),
    linear-gradient(180deg,rgba(238,244,247,0) 0%,rgba(238,244,247,.08) 56%,rgba(238,244,247,.78) 100%),
    url("../Bilder/milestones/history-engine-repair.webp") right 42% / cover no-repeat !important;
}
.company-history-v641__summary article:nth-child(1){
  background-image:
    linear-gradient(180deg,rgba(7,19,30,.01) 0%,rgba(7,19,30,.13) 48%,rgba(7,19,30,.91) 100%),
    url("../Bilder/milestones/history-engine-repair.webp") !important;
  background-position:center,center 12% !important;
  background-size:100% 100%,94% auto !important;
}
.company-history-v641__summary article:nth-child(3){
  background-image:
    linear-gradient(180deg,rgba(7,19,30,.01) 0%,rgba(7,19,30,.12) 44%,rgba(7,19,30,.9) 100%),
    url("../Bilder/location/panorama-langenegg.webp") !important;
  background-position:center,center 48% !important;
  background-size:100% 100%,cover !important;
}

.company-principles-v640 article,
.company-principles-v640 article:nth-child(2){
  color:#fff !important;
  background-color:#07131e !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
}
.company-principles-v640 article:nth-child(1){
  background-image:url("../Bilder/process/22_pr%C3%A4zision_in_der_metallbearbeitung.webp") !important;
  background-position:center 48% !important;
}
.company-principles-v640 article:nth-child(2){
  background-image:url("../Bilder/ma/management-close-to-technology-v683.webp") !important;
  background-position:center 30% !important;
}
.company-principles-v640 article:nth-child(3){
  background-image:url("../Bilder/process/20_pr%C3%A4zisionsmessung_in_der_fertigung.webp") !important;
  background-position:center 50% !important;
}
.company-principles-v640 article::before,
.company-principles-v640 article:nth-child(2)::before,
.company-principles-v640 article:nth-child(3)::before{
  background:linear-gradient(180deg,rgba(5,12,18,.02) 0%,rgba(5,12,18,.12) 38%,rgba(5,12,18,.92) 82%,#07131e 100%) !important;
}
.company-principles-v640 article h3,
.company-principles-v640 article > p:last-child,
.company-principles-v640 article:nth-child(2) h3,
.company-principles-v640 article:nth-child(2) p{
  color:#fff !important;
  text-shadow:0 2px 18px rgba(0,0,0,.34);
}
.company-principles-v640 article .eyebrow,
.company-principles-v640 article:nth-child(2) .eyebrow{
  color:var(--hk-orange) !important;
  text-shadow:0 2px 16px rgba(0,0,0,.38);
}

.company-story-v641__media.is-anniversary-poster{
  background-color:#07131e !important;
  background-size:contain !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}

#technologie .split-stage__media--technology .split-stage__slide,
#technologie .split-stage__media--technology .split-stage__slide--tech-04,
#technologie .split-stage__media--technology .split-stage__slide--tech-05,
#technologie .split-stage__media--technology .split-stage__slide--tech-06,
#technologie .split-stage__media--technology .split-stage__slide--tech-07{
  background-size:cover !important;
  background-position:center !important;
}
#technologie .split-stage__media--technology::before{
  background:
    linear-gradient(90deg,rgba(7,19,30,.025) 0%,rgba(7,19,30,.01) 67%,rgba(16,35,49,.24) 100%),
    linear-gradient(180deg,rgba(7,19,30,.025) 0%,transparent 54%,rgba(7,19,30,.07) 100%) !important;
}
#technologie .split-stage__media--technology::after{
  background:linear-gradient(90deg,transparent 0%,transparent 88%,rgba(16,35,49,.16) 100%) !important;
}

.company-story-v641__item{
  transition-duration:1.85s !important;
  transition-timing-function:cubic-bezier(.16,1,.3,1) !important;
}
.company-story-v641__item .company-story-v641__media{
  filter:blur(8px);
  transition:opacity 1.55s ease,transform 1.9s cubic-bezier(.16,1,.3,1),filter 1.55s ease !important;
  will-change:transform,opacity,filter;
}
.company-story-v641__item .company-story-v641__content{
  filter:blur(7px);
  transition:opacity 1.45s .12s ease,transform 1.75s .12s cubic-bezier(.16,1,.3,1),filter 1.45s .12s ease !important;
  will-change:transform,opacity,filter;
}
.company-story-v641__item.is-left .company-story-v641__media,
.company-story-v641__item.is-right .company-story-v641__content{
  transform:translate3d(-46vw,90px,0) scale(.88) rotateY(5deg) !important;
}
.company-story-v641__item.is-right .company-story-v641__media,
.company-story-v641__item.is-left .company-story-v641__content{
  transform:translate3d(46vw,90px,0) scale(.88) rotateY(-5deg) !important;
}
.company-story-v641__item.is-visible .company-story-v641__media,
.company-story-v641__item.is-visible .company-story-v641__content{
  opacity:1 !important;
  filter:none !important;
  transform:translate3d(0,0,0) scale(1) rotateY(0) !important;
}
@media (max-width:760px){
  .company-story-v641__item.is-left .company-story-v641__media,
  .company-story-v641__item.is-right .company-story-v641__content{transform:translate3d(-86vw,60px,0) scale(.9) !important;}
  .company-story-v641__item.is-right .company-story-v641__media,
  .company-story-v641__item.is-left .company-story-v641__content{transform:translate3d(86vw,60px,0) scale(.9) !important;}
  .company-story-v641__item.is-visible .company-story-v641__media,
  .company-story-v641__item.is-visible .company-story-v641__content{transform:none !important;}
}
@media (prefers-reduced-motion:reduce){
  .company-story-v641__item,
  .company-story-v641__item .company-story-v641__media,
  .company-story-v641__item .company-story-v641__content{filter:none !important;transition:none !important;transform:none !important;}
}