/* TEC-Experts 2.0: approved technology section standard, 6 October 2026. */
body #technologien{background:#fff!important;text-align:center!important}
body #technologien h2{width:100%!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;padding-top:0!important}
body #technologien h2::before,body #technologien h3::after{display:none!important}
body #technologien .specialist-intro,body #technologien .specialist-closing{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
body #technologien :is(.specialist-groups,.lkw-tech){display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:1fr!important;gap:20px!important;align-items:stretch!important;max-width:960px!important;margin:28px auto 0!important;border:0!important}
body #technologien :is(.specialist-groups,.lkw-tech)>:is(article,a){grid-column:span 2!important;width:100%!important;max-width:none!important;height:100%!important;min-width:0!important;min-height:0!important;box-sizing:border-box!important;padding:24px 26px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:6px!important;background:#f3f5f8!important;border:0!important;border-left:2px solid #db6a1c!important;position:relative;color:#15273f!important;text-decoration:none!important;transition:background-color .18s ease,border-color .18s ease}
body #technologien :is(.specialist-groups,.lkw-tech)>:is(article,a):nth-child(even){border-left:0!important;border-right:2px solid #db6a1c!important}
body #technologien :is(.specialist-groups,.lkw-tech)>:last-child:nth-child(odd){grid-column:2 / 4!important;border-right:2px solid #db6a1c!important}
body #technologien :is(.technology-card-link,.trailer-tech-content){display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;box-sizing:border-box!important;color:inherit!important;text-decoration:none!important}
body #technologien .technology-card-link::after{content:"";position:absolute;inset:0}
body #technologien :is(h3,.lkw-tech-title){display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:100%!important;min-height:0!important;margin:0!important;padding:0!important;text-align:center!important;color:#15273f!important;font-size:18px!important;font-weight:500!important;line-height:1.4!important;letter-spacing:normal!important}
body #technologien .technology-icon{display:block!important;width:34px!important;height:34px!important;flex:none!important;margin:0!important;color:#db6a1c!important}
body #technologien :is(ul,article p,.trailer-tech-content p){display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;text-align:center!important;color:#274e6c!important;font-size:16px!important;line-height:1.7!important;list-style:none!important}
body #technologien li{display:inline!important;margin:0!important;padding:0!important;color:inherit!important;white-space:normal!important}
body #technologien li::before{display:none!important}
body #technologien li::after{content:' · '!important;white-space:pre;color:inherit!important}
body #technologien li:last-child::after{content:none!important}
body #technologien :is(.specialist-groups,.lkw-tech)>:is(article,a):is(:hover,:focus-within){background:#db6a1c!important;border-color:#db6a1c!important;color:#fff!important}
body #technologien :is(.specialist-groups,.lkw-tech)>:is(article,a):is(:hover,:focus-within) *{color:#fff!important}
body #technologien a:focus-visible{outline:2px solid #15273f!important;outline-offset:5px}
@media(max-width:639px){body #technologien :is(.specialist-groups,.lkw-tech){grid-template-columns:minmax(0,1fr)!important}body #technologien :is(.specialist-groups,.lkw-tech)>:is(article,a){grid-column:auto!important}body #technologien :is(.specialist-groups,.lkw-tech)>:last-child:nth-child(odd){grid-column:auto!important}}
@media(prefers-reduced-motion:reduce){body #technologien :is(.specialist-groups,.lkw-tech)>:is(article,a){transition:none!important}}
body #technologien>.container-te>.specialist-intro{width:100%!important;max-width:960px!important;margin-left:auto!important;margin-right:auto!important}
/* Complete typography and spacing from approved Baumaschinen mockup. */
body #technologien{font-family:Barlow,ui-sans-serif,system-ui,sans-serif!important;font-weight:300!important;color:#15273f!important;padding:64px 0!important}
body #technologien h2{font-size:30px!important;font-weight:500!important;line-height:1.25!important}
body #technologien>.container-te>.specialist-intro{font-size:17px!important;font-weight:300!important;line-height:1.7!important;width:100%!important;max-width:none!important;margin:24px 0 0!important;color:#15273f!important}
body #technologien :is(.specialist-groups,.lkw-tech){max-width:none!important;width:100%!important;margin:32px 0 0!important}
body #technologien :is(h3,.lkw-tech-title){font-family:Barlow,ui-sans-serif,system-ui,sans-serif!important;text-transform:uppercase!important}
body #technologien :is(ul,article p,.trailer-tech-content p){font-family:Barlow,ui-sans-serif,system-ui,sans-serif!important;font-size:16px!important;font-weight:300!important;line-height:1.75!important;white-space:normal!important;overflow-wrap:anywhere!important}
body #technologien li{position:static!important;font-size:16px!important;font-weight:300!important;line-height:1.75!important;white-space:normal!important;overflow-wrap:anywhere!important}
body #technologien :is(.specialist-closing,.sonder-crosslinks){width:100%!important;max-width:none!important;background:transparent!important;border:0!important;border-top:1px solid #ccd5de!important;padding:22px 0 0!important;margin:28px 0 0!important;font-size:17px!important;font-weight:300!important;line-height:1.7!important;color:#15273f!important;text-align:center!important}
@media(max-width:767px){body #technologien{padding:40px 0!important}body #technologien h2{font-size:26px!important}body #technologien>.container-te>.specialist-intro,body #technologien :is(.specialist-closing,.sonder-crosslinks){font-size:16px!important}}

/* Linked content shares the parent card hover rather than painting a second panel. */
body #technologien :is(.specialist-groups,.lkw-tech)>article>a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;box-sizing:border-box!important;background:transparent!important;color:inherit!important;text-decoration:none!important}
body #technologien :is(.specialist-groups,.lkw-tech)>article>a::after{content:"";position:absolute;inset:0;background:transparent!important;pointer-events:auto}
body #technologien :is(.specialist-groups,.lkw-tech)>a::before,body #technologien :is(.specialist-groups,.lkw-tech)>a::after{background:transparent!important}
/* Approved technology card interaction and equal-size grid, 8 October 2026. */
body #technologien .technology-standard-grid>article{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease!important;min-height:0!important}
body #technologien .technology-standard-grid>article.technology-haptic-card{cursor:pointer;box-shadow:0 2px 5px rgba(21,39,63,.04)}
body #technologien .technology-standard-grid>article:is(:hover,:focus-within){background:#f3f5f8!important;color:#15273f!important}
body #technologien .technology-standard-grid>article:is(:hover,:focus-within) *{color:#15273f!important}
body #technologien .technology-standard-grid>article.technology-haptic-card:is(:hover,:focus-within){background:#f8fafc!important;transform:translateY(-10px) scale(1.045);z-index:2;box-shadow:0 24px 38px rgba(21,39,63,.28),0 8px 14px rgba(21,39,63,.13),inset 4px 0 #db6a1c!important}
body #technologien .technology-standard-grid>article .technology-icon,body #technologien .technology-standard-grid>article:is(:hover,:focus-within) .technology-icon{color:#db6a1c!important}
body #technologien .technology-standard-grid>article p,body #technologien .technology-standard-grid>article:is(:hover,:focus-within) p{color:#274e6c!important;text-wrap:balance}
body #technologien .technology-standard-grid>article.technology-haptic-card:active{transform:translateY(-1px);box-shadow:0 3px 8px rgba(21,39,63,.12)!important}
body #technologien .technology-standard-grid>article.technology-info-card{cursor:default;box-shadow:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){body #technologien .technology-standard-grid>article{transition:none!important;transform:none!important}}
/* Customer correction: copper hover surface retains the approved lift and shadow. */
body #technologien .technology-standard-grid>article.technology-haptic-card:is(:hover,:focus-within){background:#db6a1c!important;color:#fff!important}
body #technologien .technology-standard-grid>article.technology-haptic-card:is(:hover,:focus-within) :is(h3,p,.technology-icon){color:#fff!important}
body #technologien .technology-standard-grid>article.technology-haptic-card:is(:hover,:focus-within) svg.technology-icon,body #technologien .technology-standard-grid>article.technology-haptic-card:is(:hover,:focus-within) svg.technology-icon *{color:#fff!important;stroke:#fff!important}