1<!DOCTYPE html> 2<html lang="de-DE"> 3<head> 4 <meta charset="utf-8"> 5 6<!-- 7 This website is powered by TYPO3 - inspiring people to share! 8 TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL. 9 TYPO3 is copyright 1998-2026 of Kasper Skaarhoj. Extensions are copyright of their respective owners. 10 Information and contribution at https://typo3.org/ 11--> 12 13 14 15<meta http-equiv="x-ua-compatible" content="ie=edge"> 16<meta name="generator" content="TYPO3 CMS"> 17<meta name="description" content="Vollblut Blog â Der Blog für alle Vollbluttrucker & Vollblutschrauber. Im EUROPART Blog findest du News, Trends und Expertenwissen rund um Nutzfahrzeuge, Werkstatt und Logistik. Jetzt entdecken und informiert bleiben!"> 18<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, maximum-scale=1, shrink-to-fit=no"> 19<meta property="og:title" content="Vollblut Blog | Für Vollbluttrucker & Vollblutschrauber | EUROPART"> 20<meta property="og:description" content="Vollblut Blog â Der Blog für alle Vollbluttrucker & Vollblutschrauber. Wissen, das dich weiterbringt. Aktuelle Themen, Trends und Insights aus der Nutzfahrzeugbranche. Entdecke den EUROPART Blog und bleib immer auf dem neuesten Stand."> 21<meta property="og:image" content="https://europart.de/fileadmin/_processed_/c/2/csm_Foto-Video-Set_585285d854.jpg"> 22<meta property="og:image:url" content="https://europart.de/fileadmin/_processed_/c/2/csm_Foto-Video-Set_585285d854.jpg"> 23<meta property="og:image:width" content="2000"> 24<meta property="og:image:height" content="1050"> 25<meta name="twitter:card" content="summary"> 26 27 28<link href="/_assets/f6ef6adaf5c92bf687a31a3adbcb0f7b/Css/news-basic.css?1788955490" rel="stylesheet" > 29<link href="/_assets/0ea5b3e1c657cbbe4973f9ac2fc64fdb/Build/css/main.css?1788955493" rel="stylesheet" > 30 31 32 33 34 35 36<title>Vollblut Blog | Für Vollbluttrucker & Vollblutschrauber | EUROPART</title>
36<script id="usercentrics-cmp" src="https://app.usercentrics.eu/browser-ui/latest/loader.js" data-settings-id="CPsiH_WkpZ6-Fn" async></script>
36<script type="text/plain" data-usercentrics="Google Tag Manager">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s);j.async=true;j.src="https://data.europart.net/6ifbjhkjas.js?"+i;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','ed3te4g0=GgVXLDwnTyhEIj4xP14yQAVcWEVZTAYITgQfGQcaAxQHTwQOHA%3D%3D');</script>
36 <meta name="google-site-verification" content="arh5Lt9AwMEFhVMgOZnyPsdPe7j_wrTTkH2y9d6dghc" /> 37 <meta name="google-site-verification" content="ie9xuoNg_tzfOFCu5zK5BzAPq-_VWg28WGqugbYCDxU" /> 38 <meta name="google-site-verification" content="wT3OfWNJiB5wNu6a5wNqJC4IL0GwqyszHlg30XCPRaw" /> 39 <meta name="google-site-verification" content="ie9xuoNg_tzfOFCu5zK5BzAPq-_VWg28WGqugbYCDxU" /> 40 <meta name="google-site-verification" content="0YN4T2VkA-Mo1sqSNctZmfGsrvze3I5pQKF_yDiv5nQ" /> 41 <meta name="google-site-verification" content="HHxA3yaVC3C-BTrAPNxqXHNcjfc7Q0e3iZPv9tNd6Vg" /><link rel="preconnect" href="//privacy-proxy.usercentrics.eu"><link rel="preload" href="//privacy-proxy.usercentrics.eu/latest/uc-block.bundle.js" as="script">
41<script type="application/javascript" src="https://privacy-proxy.usercentrics.eu/latest/uc-block.bundle.js"></script>
41 42<meta name="svg" data-svg-sprite-path="/_assets/0ea5b3e1c657cbbe4973f9ac2fc64fdb/Build/sprites/sprite.svg" /> 43<link rel="apple-touch-icon" sizes="57x57" href="/_assets/0ea5b3e1c657cbbe4973f9ac2fc64fdb/Build/favicons/apple-icon-57x57.png"> 44<link rel="apple-touch-icon" sizes="60x60" href="/_assets/0ea5b3e1c657cbbe4973f9ac2fc64fdb/Build/favicons/apple-icon-60x60.png"> 45<link rel="apple-touch-icon" sizes="72x72" href="/_assets/0ea5b3e1c657cbbe4973f9ac2fc64fdb/Build/favicons/apple-icon-72x72.png"> 46<link rel="apple-touch-icon" sizes="76x76" href="/_assets/0ea5b3e1c657cbbe4973f9ac2fc64fdb/Build/favicons/apple-icon-76x76.png"> 47<link rel="apple-touch-icon" sizes="114x114" href="/_assets/0ea5b3e1c657cbbe4973f9ac2fc64fdb/Build/favicons/apple-icon-114x114.png"> 48<link rel="apple-touch-icon" sizes="120x120" href="/_assets/0ea5b3e1c657cbbe4973f9ac2fc64fdb/Build/favicons/apple-icon-120x120.png"> 49<link rel="apple-touch-icon" sizes="144x144" href="/_assets/0ea5b3e1c657cbbe4973f9ac2fc64fdb/Build/favicons/apple-icon-144x144.png"> 50<link rel="apple-touch-icon" sizes="152x152" href="/_assets/0ea5b3e1c657cbbe4973f9ac2fc64fdb/Build/favicons/apple-icon-152x152.png"> 51<link rel="apple-touch-icon" sizes="180x180" href="/_assets/0ea5b3e1c657cbbe4973f9ac2fc64fdb/Build/favicons/apple-icon-180x180.png"> 52<link rel="icon" type="image/png" sizes="36x36" href="/_assets/0ea5b3e1c657cbbe4973f9ac2fc64fdb/Build/favicons/android-icon-36x36.png"> 53<link rel="icon" type="image/png" sizes="48x48" href="/_assets/0ea5b3e1c657cbbe4973f9ac2fc64fdb/Build/favicons/android-icon-48x48.png"> 54<link rel="icon" type="image/png" sizes="72x72" href="/_assets/0ea5b3e1c657cbbe4973f9ac2fc64fdb/Build/favicons/android-icon-72x72.png"> 55<link rel="icon" type="image/png" sizes="96x96" href="/_assets/0ea5b3e1c657cbbe4973f9ac2fc64fdb/Build/favicons/android-icon-96x96.png"> 56<link rel="icon" type="image/png" sizes="144x144" href="/_assets/0ea5b3e1c657cbbe4973f9ac2fc64fdb/Build/favicons/android-icon-144x144.png"> 57<link rel="icon" type="image/png" sizes="192x192" href="/_assets/0ea5b3e1c657cbbe4973f9ac2fc64fdb/Build/favicons/android-icon-192x192.png"> 58<link rel="icon" type="image/png" sizes="512x512" href="/_assets/0ea5b3e1c657cbbe4973f9ac2fc64fdb/Build/favicons/android-icon-512x512.png"> 59<link rel="icon" type="image/png" sizes="32x32" href="/_assets/0ea5b3e1c657cbbe4973f9ac2fc64fdb/Build/favicons/favicon-32x32.png"> 60<link rel="icon" type="image/png" sizes="96x96" href="/_assets/0ea5b3e1c657cbbe4973f9ac2fc64fdb/Build/favicons/favicon-96x96.png"> 61<link rel="icon" type="image/png" sizes="16x16" href="/_assets/0ea5b3e1c657cbbe4973f9ac2fc64fdb/Build/favicons/favicon-16x16.png"> 62<link rel="manifest" href="/_assets/0ea5b3e1c657cbbe4973f9ac2fc64fdb/Build/favicons/manifest.json" crossorigin="use-credentials"> 63<meta name="msapplication-TileColor" content="#ffffff"> 64<meta name="msapplication-TileImage" content="/_assets/0ea5b3e1c657cbbe4973f9ac2fc64fdb/Build/favicons/ms-icon-144x144.png"> 65<meta name="theme-color" content="#ffffff"> 66<link rel="modulepreload" href="/_assets/0ea5b3e1c657cbbe4973f9ac2fc64fdb/Build/js/modules/modulepreload-polyfill.js"> 67<link rel="modulepreload" href="/_assets/0ea5b3e1c657cbbe4973f9ac2fc64fdb/Build/js/modules/alpinejs.js"> 68<link rel="modulepreload" href="/_assets/0ea5b3e1c657cbbe4973f9ac2fc64fdb/Build/js/modules/@alpinejs.js"> 69<link rel="modulepreload" href="/_assets/0ea5b3e1c657cbbe4973f9ac2fc64fdb/Build/js/modules/svg-icon-sprite.js"> 70<link rel="canonical" href="https://europart.de/blog"> 71 72<link rel="alternate" hreflang="de-DE" href="https://europart.de/blog"> 73<link rel="alternate" hreflang="en-us" href="https://europart.net/blog"> 74<link rel="alternate" hreflang="pl-pl" href="https://europart.net/pl/blog"> 75<link rel="alternate" hreflang="sv-se" href="https://europart.net/se/blogg"> 76<link rel="alternate" hreflang="da-dk" href="https://europart.net/dk/blog"> 77<link rel="alternate" hreflang="hu-hu" href="https://europart.net/hu/blog"> 78<link rel="alternate" hreflang="es-es" href="https://europart.net/es/blog"> 79<link rel="alternate" hreflang="fr-fr" href="https://europart.net/fr/blog"> 80<link rel="alternate" hreflang="cs-cz" href="https://europart.net/cz/blog"> 81<link rel="alternate" hreflang="sr-RS" href="https://europart.net/rs/blog"> 82<link rel="alternate" hreflang="et-ee" href="https://europart.net/ee/blog"> 83<link rel="alternate" hreflang="lt-LT" href="https://europart.net/lt/blog"> 84<link rel="alternate" hreflang="lv-LV" href="https://europart.net/lv/blog"> 85<link rel="alternate" hreflang="fi-FI" href="https://europart.net/fi/blog"> 86<link rel="alternate" hreflang="pt-PT" href="https://europart.net/pt/blog"> 87<link rel="alternate" hreflang="it-IT" href="https://europart.net/it/blog"> 88<link rel="alternate" hreflang="nl-NL" href="https://europart.net/nl/blog"> 89<link rel="alternate" hreflang="bg-BG" href="https://europart.net/bg/blog"> 90<link rel="alternate" hreflang="ro-RO" href="https://europart.net/ro/blog"> 91<link rel="alternate" hreflang="sl-SI" href="https://europart.net/si/blog"> 92<link rel="alternate" hreflang="no-NO" href="https://europart.net/no/blog"> 93<link rel="alternate" hreflang="sk-SK" href="https://europart.net/sk/blog"> 94<link rel="alternate" hreflang="hr-HR" href="https://europart.net/hr/blog"> 95<link rel="alternate" hreflang="bs-BA" href="https://europart.net/ba/blog"> 96<link rel="alternate" hreflang="el-GR" href="https://europart.net/gr/blog"> 97<link rel="alternate" hreflang="tr-TR" href="https://europart.net/tr/blog"> 98<link rel="alternate" hreflang="uk-UA" href="https://europart.net/ua/blog"> 99<link rel="alternate" hreflang="x-default" href="https://europart.net/blog"> 100<link rel="alternate" hreflang="en" href="https://europart.net/blog"> 101</head> 102<body> 103 104 105 106 <header class="sticky top-0 z-100" 107 :class="{'transition-all duration-1000': sticky, 'transform -translate-y-full transition-all duration-1000 opacity-0 pointer-events-none': !sticky}" 108 x-data="scrollToReveal()" 109 @scroll.window="scroll()" 110 x-ref="header"> 111 112 <!-- Desktop Header --> 113 <div class="hidden md:block bg-white min-h-186"> 114 <section class="container flex justify-between py-s-30 min-h-140"> 115 <!-- Logo --> 116 <a href="/"> 117 <svg-icon classes="w-[6.875rem] h-[2.75rem] md:w-[12.5rem] md:h-[5rem]" src="europart-logo" /> 118</a> 119 <!-- Logo --> 120 121 <!-- Action links --> 122 <nav x-data="{ serviceMenu: false }" 123 class="w-full md:w-fit py-5"> 124 125 <ul class="flex flex-col list-none gap-2.5 md:gap-0 md:flex-row md:items-center md:h-11"> 126 127 <!-- Servicehotlines --> 128 129 <!-- Servicehotlines --> 130 131 <!-- Action links --> 132 133 <li class="h-full"> 134 <a href="https://ewos.net/" class="btn-link hover:text-blue font-text-small !font-light md:!font-normal flex gap-2.5 md:gap-s-5 items-center md:px-s-1
1345 h-full navigation hover:translate-y-[2px] hover:shadow-light-box"> 135 <svg-icon src="shopping-cart"></svg-icon> 136 Shop 137 </a> 138 </li> 139 140 141 142 143 <li class="h-full"> 144 <a href="/service/fillial-werkstattfinder" class="btn-link hover:text-blue font-text-small !font-light md:!font-normal flex gap-2.5 md:gap-s-5 items-center md:px-s-15 h-full navigation hover:translate-y-[2px] hover:shadow-light-box"> 145 <svg-icon src="location-dot-regular"></svg-icon> 146 Fillial- & Werkstattfinder 147 </a> 148 </li> 149 150 151 <li class="h-full"> 152 <a href="/kontakt" class="btn-link hover:text-blue font-text-small !font-light md:!font-normal flex gap-2.5 md:gap-s-5 items-center md:px-s-15 h-full navigation hover:translate-y-[2px] hover:shadow-light-box"> 153 <svg-icon src="address-book"></svg-icon> 154 Kontakt 155 </a> 156 </li> 157 158 <!-- Action links --> 159 160 <!-- Language menu --> 161 <li class="h-full md:ml-s-15"> 162 163 164<div 165 x-data="{ showMenu: false }" 166 class="relative w-full h-full z-100" 167 @keydown.escape="showMenu = false"> 168 169 170 <!-- Active language --> 171 <button 172 @click="showMenu = !showMenu" 173 :aria-expanded="showMenu" 174 aria-label="Sprache auswählen" 175 aria-haspopup="true" 176 aria-controls="language-menu-list" 177 class="flex items-center md:justify-center cursor-pointer gap-2.5 md:gap-0 h-full w-full md:w-11 md:h-full bg-white md:bg-light-grey after:content-[''] after:absolute after:top-0 md:after:top-auto md:after:bottom-0 after:w-full after:h-0 after:bg-blue hover:bg-white md:hover:shadow-light-box md:hover:transform md:hover:translate-y-[2px] md:hover:after:h-0.5" 178 :class="{'!bg-white md:shadow-light-box after:h-1 md:after:h-0.5 pt-s-15 md:pt-0 md:hover:transform-none': showMenu}" 179 id="language-menu-button"> 180 <svg-icon classes="md:hidden" src="globe" aria-hidden="true"></svg-icon> 181 182 183 <p aria-hidden="true" class="font-text-small !font-light md:!font-bold md:text-[1.125rem]"> 184 <span class="uppercase"> 185 de 186 </span> 187 <span class="md:hidden"> | 188 Sprache auswählen 189 </span> 190 </p> 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 </button> 246 <!-- Active language --> 247 248 <!-- Languages List --> 249 <ul 250 id="language-menu-list" 251 role="menu" 252 aria-labelledby="language-menu-button" 253 @click.away="showMenu = false" 254 x-show="showMenu" 255 x-collapse.duration.300ms 256 x-cloak 257 class="{f:if(condition: !settings.general.onepager, f:then: 'bottom-full')} language-menu !overflow-scroll absolute w-full md:bottom-auto md:w-auto md:right-0 list-none bg-white md:before:content-[''] md:before:absolute before:top-0 before:w-full before:border-t-4 before:border-t-blue before:transition-all before:duration-300 shadow-light-box"> 258 259 260 <li x-ignore role="none"> 261 <a role="menuitem" href="https://www.europart.net/cz" class="hover:bg-light-grey transition-colors duration-300 flex gap-2.5 items-center px-4 pt-2.5 pb-1.5 border-b border-b-mid-grey min-w-[12.5rem]">
262 <span>ð¨ð¿</span>Äeská republica 263 </a> 264 </li> 265 <li x-ignore role="none"> 266 <a role="menuitem" href="https://www.europart.net/dk" class="hover:bg-light-grey transition-colors duration-300 flex gap-2.5 items-center px-4 pt-2.5 pb-1.5 border-b border-b-mid-grey min-w-[12.5rem]"> 267 <span>ð©ð°</span>Danmark 268 </a> 269 </li> 270 <li x-ignore role="none"> 271 <a role="menuitem" href="https://europart.de/" class="hover:bg-light-grey transition-colors duration-300 flex gap-2.5 items-center px-4 pt-2.5 pb-1.5 border-b border-b-mid-grey min-w-[12.5rem]"> 272 <span>ð©ðª</span>Deutschland 273 </a> 274 </li> 275 <li x-ignore role="none"> 276 <a role="menuitem" href="https://www.europart.net/ee/" class="hover:bg-light-grey transition-colors duration-300 flex gap-2.5 items-center px-4 pt-2.5 pb-1.5 border-b border-b-mid-grey min-w-[12.5rem]"> 277 <span>ðªðª</span>Eesti 278 </a> 279 </li> 280 <li x-ignore role="none"> 281 <a role="menuitem" href="https://www.europart.net/fi/" class="hover:bg-light-grey transition-colors duration-300 flex gap-2.5 items-center px-4 pt-2.5 pb-1.5 border-b border-b-mid-grey min-w-[12.5rem]"> 282 <span>ð«ð®</span>Suomessa 283 </a> 284 </li> 285 <li x-ignore role="none"> 286 <a role="menuitem" href="https://www.europart.net/es" class="hover:bg-light-grey transition-colors duration-300 flex gap-2.5 items-center px-4 pt-2.5 pb-1.5 border-b border-b-mid-grey min-w-[12.5rem]"> 287 <span>ðªð¸</span>España 288 </a> 289 </li> 290 <li x-ignore role="none"> 291 <a role="menuitem" href="https://www.europart.net/fr" class="hover:bg-light-grey transition-colors duration-300 flex gap-2.5 items-center px-4 pt-2.5 pb-1.5 border-b border-b-mid-grey min-w-[12.5rem]"> 292 <span>ð«ð·</span>France 293 </a> 294 </li> 295 <li x-ignore role="none"> 296 <a role="menuitem" href="https://www.europart.net/lt/" class="hover:bg-light-grey transition-colors duration-300 flex gap-2.5 items-center px-4 pt-2.5 pb-1.5 border-b border-b-mid-grey min-w-[12.5rem]"> 297 <span>ð±ð¹</span>Lietuva 298 </a> 299 </li> 300 <li x-ignore role="none"> 301 <a role="menuitem" href="https://www.europart.net/lv/" class="hover:bg-light-grey transition-colors duration-300 flex gap-2.5 items-center px-4 pt-2.5 pb-1.5 border-b border-b-mid-grey min-w-[12.5rem]"> 302 <span>ð±ð»</span>Latvija 303 </a> 304 </li> 305 <li x-ignore role="none"> 306 <a role="menuitem" href="https://www.europart.net/it" class="hover:bg-light-grey transition-colors duration-300 flex gap-2.5 items-center px-4 pt-2.5 pb-1.5 border-b border-b-mid-grey min-w-[12.5rem]"> 307 <span>ð®ð¹</span>Italia 308 </a> 309 </li> 310 311 312 313 <li x-ignore role="none"> 314 <a role="menuitem" href="https://www.europart.net/hu" class="hover:bg-light-grey transition-colors duration-300 flex gap-2.5 items-center px-4 pt-2.5 pb-1.5 border-b border-b-mid-grey min-w-[12.5rem]"> 315 <span>ððº</span>Magyarország 316 </a> 317 </li> 318 <li x-ignore role="none"> 319 <a role="menuitem" href="https://www.europart.net/pl" class="hover:bg-light-grey transition-colors duration-300 flex gap-2.5 items-center px-4 pt-2.5 pb-1.5 border-b border-b-mid-grey min-w-[12.5rem]"> 320 <span>ðµð±</span>Polska 321 </a> 322 </li> 323 <li x-ignore role="none"> 324 <a role="menuitem" href="https://www.europart.net/pt/" class="hover:bg-light-grey transition-colors duration-300 flex gap-2.5 items-center px-4 pt-2.5 pb-1.5 border-b border-b-mid-grey min-w-[12.5rem]">
325 <span>ðµð¹</span>Portugal 326 </a> 327 </li> 328 329 330 331 <li x-ignore role="none"> 332 <a role="menuitem" href="https://www.europart.net/se" class="hover:bg-light-grey transition-colors duration-300 flex gap-2.5 items-center px-4 pt-2.5 pb-1.5 border-b border-b-mid-grey min-w-[12.5rem]"> 333 <span>ð¸ðª</span>Sverige 334 </a> 335 </li> 336 337 338 339 <li x-ignore role="none"> 340 <a role="menuitem" href="https://www.europart.net/rs" class="hover:bg-light-grey transition-colors duration-300 flex gap-2.5 items-center px-4 pt-2.5 pb-1.5 border-b border-b-mid-grey min-w-[12.5rem]"> 341 <span>ð·ð¸</span>Srbija 342 </a> 343 </li> 344 <li x-ignore role="none"> 345 <a role="menuitem" href="https://www.europart.net/" class="hover:bg-light-grey transition-colors duration-300 flex gap-2.5 items-center px-4 pt-2.5 pb-1.5 border-b border-b-mid-grey min-w-[12.5rem]"> 346 <span>ð¬ð§</span>United Kingdom 347 </a> 348 </li> 349 </menu> 350 351 <!-- Languages List --> 352 353</div> 354 355 </li> 356 <!-- Language menu --> 357 358 </ul> 359</nav> 360 <!-- Action links --> 361 </section> 362 <div class="bg-black text-white"> 363 <section class="container flex justify-between"> 364 365 <!-- Navigation --> 366 367 368 369 370 371 372 373 <nav x-data="{activeMenu: ''}"> 374 <!-- First level --> 375 <menu class="relative list-none flex items-center h-full"> 376 <li> 377 <a class="btn-link before:h-0.5 relative flex items-center justify-center mr-s-15 px-s-15 py-[0.875rem] " href="/"> 378 <svg-icon src="home"></svg-icon> 379 </a> 380 </li> 381 382 383 384 385 <li class="lg:relative h-full"> 386 <a 387 href="/service" 388 @click.stop.prevent="activeMenu = 13" 389 :class="activeMenu == 13 ? 'bg-blue': 'group'" 390 class="btn-link hover:bg-blue transition-all duration-300 hover:before:hidden before:h-0.5 h-full py-2 px-s-15 " 391 > 392 <h4 class="hover:bg-blue transition-all duration-300 hover:before:hidden !bg-transparent group-hover:transform group-hover:translate-y-[2px] text-[1.25rem]" style="color: white"> 393 Service 394 </h4> 395 </a> 396 <div @click.away = "activeMenu = ''" 397 x-show="activeMenu === 13" 398 x-collapse.duration.500ms 399 x-cloak 400 class="absolute bg-white -mt-0.5 left-0 text-black min-w-[25.625rem] before:content-[''] before:absolute before:top-0 before:left-0 before:w-full before:border-t-4 before:border-t-blue shadow-light-box z-100" 401 > 402 <div 403 x-data="{activeSubMenu: ''}" 404 class="p-s-30 max-h-[calc(100vh-200px)] overflow-scroll" 405 > 406 <a class="btn-link w-full hover:text-blue justify-between pb-s-15 border-b" href="/service"> 407 <h4 class="text-[1.25rem]"> 408 zur Ãbersicht 409 </h4> 410 <svg-icon src="circle-arrow-right"></svg-icon> 411 </a> 412 <div class="pt-s-15 w-full flex"> 413 <!-- Second level --> 414 415 <menu class="w-[21.875rem]"> 416 417 418 <li x-ignore> 419 <a class="font-text-small !font-light p-s-15 border-b border-b-mid-grey flex items-center justify-between hover:bg-light-grey transition-color duration-500" href="/service/kundenservice"> 420 Kundenservice 421 </a> 422 </li> 423 424 425 426 <li x-ignore> 427 <a class="font-text-small !font-light p-s-15 border-b border-b-mid-grey flex items-center justify-between hover:bg-light-grey transition-color duration-500" href="/service/werkstatt"> 428 Werkstatt 429 </a> 430 </li> 431 432 433 434 <li x-ignore> 435 <a class="font-text-small !font-light p-s-15 border-b border-b-mid-grey flex items-center justify-between hover:bg-light-grey transition-color duration-500" href="/service/expertenwissen"> 436 Expertenwissen 437 </a> 438 </li> 439 440 441 442 <li x-ignore> 443 <a class="font-text-small !font-light p-s-15 border-b border-b-mid-grey flex items-center justify-between hover:bg-light-grey transition-color duration-500" href="/service/ewos-werkstatt-online-system"> 444 EWOS (Werkstatt-Online-System) 445 </a> 446 </li> 447 448 449 450 <li x-ignore> 451 <a class="font-text-small !font-light p-s-15 border-b border-b-mid-grey flex items-center justify-between hover:bg-light-grey transition-color duration-500" href="/service/logistik"> 452 Logistik 453 </a> 454 </li> 455 456 457 458 <li> 459 <a href="/service/green-energy" 460 @click.stop.prevent = "activeSubMenu = 1064" 461 class="font-text-small !font-light p-s-15 border-b border-b-mid-grey flex items-center justify-between hover:bg-light-grey transition-color duration-500" 462 :class="activeSubMenu === 1064 ? 'bg-light-grey': ''" 463 > 464 Solarsysteme 465 <sp
465an :class="activeSubMenu === 1064 ? 'opacity-0 transition-all duration-300': ''"> 466 <svg-icon classes="text-mid-grey" src="add-button"></svg-icon> 467 </span> 468 </a> 469 </li> 470 471 472 473 <li x-ignore> 474 <a class="font-text-small !font-light p-s-15 border-b border-b-mid-grey flex items-center justify-between hover:bg-light-grey transition-color duration-500" href="/service/downloads"> 475 Downloads 476 </a> 477 </li> 478 479 480 </menu> 481 <div class="bg-light-grey w-0 transition-all duration-500" 482 :class="activeSubMenu ? '!w-[21.875rem] !h-full': 'overflow-hidden'"> 483 484 485 <!-- Third level --> 486 487 488 489 <!-- Third level --> 490 491 492 493 <!-- Third level --> 494 495 496 497 <!-- Third level --> 498 499 500 501 <!-- Third level --> 502 503 504 505 <!-- Third level --> 506 507 <menu 508 @click.away="activeSubMenu = ''" 509 :class="activeSubMenu === 1064 ? 'block': 'hidden pointer-events-none z-0'"> 510 <a class="font-text-small !font-light flex p-s-15 border-b border-b-mid-grey hover:bg-mid-grey transition-color duration-500" href="/service/green-energy"> 511 zur Ãbersicht 512 </a> 513 514 <li x-ignore> 515 <a class="font-text-small !font-light flex p-s-15 border-b border-b-mid-grey hover:bg-mid-grey transition-color duration-500" href="/service/green-energy/anlagenkonfigurator"> 516 Solarsysteme Anlagenkonfigurator 517 </a> 518 </li> 519 520 <li x-ignore> 521 <a class="font-text-small !font-light flex p-s-15 border-b border-b-mid-grey hover:bg-mid-grey transition-color duration-500" href="/service/green-energy/anwendungsbeispiele"> 522 Solarsysteme Anwendungsbeispiele 523 </a> 524 </li> 525 526 </menu> 527 528 529 530 <!-- Third level --> 531 532 533 </div> 534 535 </div> 536 </div> 537 </div> 538 </li> 539 540 541 542 543 544 <li class="lg:relative h-full"> 545 <a 546 href="/sortiment" 547 @click.stop.prevent="activeMenu = 14" 548 :class="activeMenu == 14 ? 'bg-blue': 'group'" 549 class="btn-link hover:bg-blue transition-all duration-300 hover:before:hidden before:h-0.5 h-full py-2 px-s-15 " 550 > 551 <h4 class="hover:bg-blue transition-all duration-300 hover:before:hidden !bg
551-transparent group-hover:transform group-hover:translate-y-[2px] text-[1.25rem]" style="color: white"> 552 Sortiment 553 </h4> 554 </a> 555 <div @click.away = "activeMenu = ''" 556 x-show="activeMenu === 14" 557 x-collapse.duration.500ms 558 x-cloak 559 class="absolute bg-white -mt-0.5 left-0 text-black min-w-[25.625rem] before:content-[''] before:absolute before:top-0 before:left-0 before:w-full before:border-t-4 before:border-t-blue shadow-light-box z-100" 560 > 561 <div 562 x-data="{activeSubMenu: ''}" 563 class="p-s-30 max-h-[calc(100vh-200px)] overflow-scroll" 564 > 565 <a class="btn-link w-full hover:text-blue justify-between pb-s-15 border-b" href="/sortiment"> 566 <h4 class="text-[1.25rem]"> 567 zur Ãbersicht 568 </h4> 569 <svg-icon src="circle-arrow-right"></svg-icon> 570 </a> 571 <div class="pt-s-15 w-full flex"> 572 <!-- Second level --> 573 574 <menu class="w-[21.875rem]"> 575 576 577 <li x-ignore> 578 <a class="font-text-small !font-light p-s-15 border-b border-b-mid-grey flex items-center justify-between hover:bg-light-grey transition-color duration-500" href="/sortiment/produktsuche/-filter"> 579 Produktsuche/-filter 580 </a> 581 </li> 582 583 584 585 <li> 586 <a href="/sortiment/ersatzteile" 587 @click.stop.prevent = "activeSubMenu = 24" 588 class="font-text-small !font-light p-s-15 border-b border-b-mid-grey flex items-center justify-between hover:bg-light-grey transition-color duration-500" 589 :class="activeSubMenu === 24 ? 'bg-light-grey': ''" 590 > 591 Ersatzteile 592 <span :class="activeSubMenu === 24 ? 'opacity-0 transition-all duration-300': ''"> 593 <svg-icon classes="text-mid-grey" src="add-button"></svg-icon> 594 </span> 595 </a> 596 </li> 597 598 599 600 <li> 601 <a href="/sortiment/werkstatt" 602 @click.stop.prevent = "activeSubMenu = 23" 603 class="font-text-small !font-light p-s-15 border-b border-b-mid-grey flex items-center justify-between hover:bg-light-grey transition-color duration-500" 604 :class="activeSubMenu === 23 ? 'bg-light-grey': ''" 605 > 606 Werkstatt 607 <sp
607an :class="activeSubMenu === 23 ? 'opacity-0 transition-all duration-300': ''"> 608 <svg-icon classes="text-mid-grey" src="add-button"></svg-icon> 609 </span> 610 </a> 611 </li> 612 613 614 615 <li> 616 <a href="/sortiment/europart-premiumparts" 617 @click.stop.prevent = "activeSubMenu = 22" 618 class="font-text-small !font-light p-s-15 border-b border-b-mid-grey flex items-center justify-between hover:bg-light-grey transition-color duration-500" 619 :class="activeSubMenu === 22 ? 'bg-light-grey': ''" 620 > 621 EUROPART Premium Parts 622 <span :class="activeSubMenu === 22 ? 'opacity-0 transition-all duration-300': ''"> 623 <svg-icon classes="text-mid-grey" src="add-button"></svg-icon> 624 </span> 625 </a> 626 </li> 627 628 629 630 <li> 631 <a href="/sortiment/eu-richtlinien-und-gesetze" 632 @click.stop.prevent = "activeSubMenu = 1394" 633 class="font-text-small !font-light p-s-15 border-b border-b-mid-grey flex items-center justify-between hover:bg-light-grey transition-color duration-500" 634 :class="activeSubMenu === 1394 ? 'bg-light-grey': ''" 635 > 636 EU-Richtlinien und Gesetze 637 <span :class="activeSubMenu === 1394 ? 'opacity-0 transition-all duration-300': ''"> 638 <svg-icon classes="text-mid-grey" src="add-button"></svg-icon> 639 </span> 640 </a> 641 </li> 642 643 644 645 <li x-ignore> 646 <a class="font-text-small !font-light p-s-15 border-b border-b-mid-grey flex items-center justify-between hover:bg-light-grey transition-color duration-500" href="/sortiment/lieferanten"> 647 Lieferanten 648 </a> 649 </li> 650 651 652 </menu> 653 <div class="bg-light-grey w-0 transition-all duration-500" 654 :class="activeSubMenu ? '!w-[21.875rem] !h-full': 'overflow-hidden'"> 655 656 657 <!-- Third level --> 658 659 660 661 <!-- Third level --> 662 663 <menu 664 @click.away="activeSubMenu = ''" 665 :class="activeSubMenu === 24 ? 'block': 'hidden pointer-events-none z-0'"> 666 <a class="font-text-small !font-light flex p-s-15 border-b border-b-mid-grey hover:bg-mid-grey transition-color duration-500" href="/sortiment/ersatzteile"> 667 zur Ãbersicht 668 </a> 669 670 <li x-ignore> 671 <a class="font-text-small !font-light flex p-s-15 border-b border-b-mid-grey hover:bg-mid-grey transition-color duration-500" href="/sortiment/ersatzteile/fahrwerk"> 672 Fahrwerk 673 </a> 674 </li> 675 676 <li x-ignore> 677 <a class="font-text-small !font-light flex p-s-15 border-b border-b-mid-grey hover:bg-mid-grey transition-color duration-500" href="/sortiment/ersatzteile/bremsanlage"> 678 Bremsanlage 679 </a> 680 </li> 681 682 <li x-ignore> 683 <a class="font-text-small !font-light flex p-s-15 border-b border-b-mid-grey hover:bg-mid-grey transition-color duration-500" href="/sortiment/ersatzteile/druckluft"> 684 Druckluft 685 </a> 686 </li> 687 688 <li x-ignore> 689 <a class="font-text-small !font-light flex p-s-15 border-b border-b-mid-grey hover:bg-mid-grey transition-color duration-500" href="/sortiment/ersatzteile/motoren-und-antriebsteile"> 690 Motoren- und Antriebsteile 691 </a> 692 </li> 693 694 <li x-ignore> 695 <a class="font-text-small !font-light flex p-s-15 border-b border-b-mid-grey hover:bg-mid-grey transition-color duration-500" href="/sortiment/ersatzteile/motorenanbau"> 696 Motorenanbau 697 </a> 698 </li> 699 700 <li x-ignore> 701 <a class="font-text-small !font-light flex p-s-15 border-b border-b-mid-grey hover:bg-mid-grey transition-color duration-500" href="/sortiment/ersatzteile/fahrzeugbauteile"> 702 Fahrzeugbauteile 703 </a> 704 </li> 705 706 <li x-ignore> 707 <a class="font-text-small !font-light flex p-s-15 border-b border-b-mid-grey hover:bg-mid-grey transition-color duration-500" href="/sortiment/ersatzteile/fahrzeugausstattung"> 708 Fahrzeugausstattung 709 </a> 710 </li> 711 712 <li x-ignore> 713 <a class="font-text-small !font-light flex p-s-15 border-b border-b-mid-grey hover:bg-mid-grey transition-color duration-500" href="/sortiment/ersatzteile/beleuchtung-und-elektrik"> 714 Beleuchtung und Elektrik 715 </a> 716 </li> 717 718 </menu> 719 720 721 722 <!-- Third level --> 723 724 <menu 725 @click.away="activeSubMenu = ''" 726 :class="activeSubMenu === 23 ? 'block': 'hidden pointer-events-none z-0'"> 727 <a class="font-text-small !font-light flex p-s-15 border-b border-b-mid-grey hover:bg-mid-grey transition-color duration-500" href="/sortiment/werkstatt"> 728 zur Ãbersicht 729 </a> 730 731 <li x-ignore> 732 <a class="font-text-small !font-light flex p-s-15 border-b border-b-mid-grey hover:bg-mid-grey transition-color duration-500" href="/sortiment/werkstatt/werkstattausruestung"> 733 Werkstattausrüstung 734 </a> 735 </li> 736 737 <li x-ignore> 738 <a class="font-text-small !font-light flex p-s-15 border-b border-b-mid-grey hover:bg-mid-grey transition-color duration-500" href="/sortiment/werkstatt/werkzeug"> 739 Werkzeug 740 </a> 741 </li> 742 743 <li x-ignore> 744 <a class="font-text-small !font-light flex p-s-15 border-b border-b-mid-grey hover:bg-mid-grey transition-color duration-500" href="/sortiment/werkstatt/befestigungstechnik"> 745 Befestigungstechnik 746 </a> 747 </li> 748 749 <li x-ignore> 750 <a class="font-text-small !font-light flex p-s-15 border-b border-b-mid-grey hover:bg-mid-grey transition-color duration-500" href="/sortiment/werkstatt/arbeitsschutz"> 751 Arbeitsschutz 752 </a> 753 </li> 754 755 <li x-ignore> 756 <a class="font-text-small !font-light flex p-s-15 border-b border-b-mid-grey hover:bg-mid-grey transition-color duration-500" href="/sortiment/werkstatt/chemie"> 757 Chemie 758 </a> 759 </li> 760 761 </menu> 762 763 764 765 <!-- Third level --> 766 767 <menu 768 @click.away="activeSubMenu = ''" 769 :class="activeSubMenu === 22 ? 'block': 'hidden pointer-events-none z-0'"> 770 <a class="font-text-small !font-light flex p-s-15 border-b border-b-mid-grey hover:bg-mid-grey transition-color duration-500" href="/sortiment/europart-premiumparts"> 771 zur Ãbersicht 772 </a> 773 774 <li x-ignore> 775 <a class="font-text-small !font-light flex p-s-15 border-b border-b-mid-grey hover:bg-mid-grey transition-color duration-500" href="/sortiment/europart-premiumparts/fahrzeugteile"> 776 Fahrzeugteile 777 </a> 778 </li> 779 780 <li x-ignore> 781 <a class="font-text-small !font-light flex p-s-15 border-b border-b-mid-grey hover:bg-mid-grey transition-color duration-500" href="/sortiment/europart-premiumparts/werkstattausruestung"> 782
782 Werkstattausrüstung 783 </a> 784 </li> 785 786 <li x-ignore> 787 <a class="font-text-small !font-light flex p-s-15 border-b border-b-mid-grey hover:bg-mid-grey transition-color duration-500" href="/sortiment/europart-premiumparts/werkzeug"> 788 Werkzeug 789 </a> 790 </li> 791 792 <li x-ignore> 793 <a class="font-text-small !font-light flex p-s-15 border-b border-b-mid-grey hover:bg-mid-grey transition-color duration-500" href="/sortiment/europart-premiumparts/arbeitsschutz"> 794 Arbeitsschutz 795 </a> 796 </li> 797 798 <li x-ignore> 799 <a class="font-text-small !font-light flex p-s-15 border-b border-b-mid-grey hover:bg-mid-grey transition-color duration-500" href="/sortiment/europart-premiumparts/chemie"> 800 Chemie 801 </a> 802 </li> 803 804 <li x-ignore> 805 <a class="font-text-small !font-light flex p-s-15 border-b border-b-mid-grey hover:bg-mid-grey transition-color duration-500" href="/sortiment/europart-premiumparts/norm-und-din-teile"> 806 Norm - und DIN Teile 807 </a> 808 </li> 809 810 </menu> 811 812 813 814 <!-- Third level --> 815 816 <menu 817 @click.away="activeSubMenu = ''" 818 :class="activeSubMenu === 1394 ? 'block': 'hidden pointer-events-none z-0'"> 819 <a class="font-text-small !font-light flex p-s-15 border-b border-b-mid-grey hover:bg-mid-grey transition-color duration-500" href="/sortiment/eu-richtlinien-und-gesetze"> 820 zur Ãbersicht 821 </a> 822 823 <li x-ignore> 824 <a class="font-text-small !font-light flex p-s-15 border-b border-b-mid-grey hover:bg-mid-grey transition-color duration-500" href="/sortiment/eu-richtlinien-und-gesetze/altoelentsorgung"> 825 Altölentsorgung 826 </a> 827 </li> 828 829 <li x-ignore> 830 <a class="font-text-small !font-light flex p-s-15 border-b border-b-mid-grey hover:bg-mid-grey transition-color duration-500" href="/sortiment/eu-richtlinien-und-gesetze/batterieverordnung"> 831 Batterien 832 </a> 833 </li> 834 835 <li x-ignore> 836 <a class="font-text-small !font-light flex p-s-15 border-b border-b-mid-grey hover:bg-mid-grey transition-color duration-500" href="/sortiment/eu-richtlinien-und-gesetze/elektro-und-elektronikgeraete"> 837 Elektro- und Elektronikgeräte 838 </a> 839 </li> 840 841 </menu> 842 843 844 845 <!-- Third level --> 846 847 848 </div> 849 850 </div> 851 </div> 852 </div> 853 </li> 854 855 856 857 858 859 <li class="h-full"> 860 <a class="btn-link group hover:bg-blue transition-all duration-300 hover:before:hidden before:h-0.5 h-full py-2 px-s-15 " href="/angebote"> 861 <h4 class="hover:bg-blue transition-all duration-300 hover:before:hidden !bg
861-transparent group-hover:transform group-hover:translate-y-[2px] text-[1.25rem]" style="color: white"> 862 Angebote 863 </h4> 864 </a> 865 </li> 866 867 868 869 870 871 <li class="h-full"> 872 <a class="btn-link group font-light navigation before:h-0.5 h-full py-2 px-s-15 " href="/kataloge"> 873 <h4 class="font-light navigation !bg-transparent group-hover:transform group-hover:translate-y-[2px] text-[1.25rem]" style="color: white"> 874 Kataloge 875 </h4> 876 </a> 877 </li> 878 879 880 881 882 883 <li class="lg:relative h-full"> 884 <a 885 href="/ep-karriere" 886 @click.stop.prevent="activeMenu = 16" 887 :class="activeMenu == 16 ? 'bg-blue': 'group'" 888 class="btn-link font-light navigation before:h-0.5 h-full py-2 px-s-15 " 889 > 890 <h4 class="font-light navigation !bg-transparent group-hover:transform group-hover:translate-y-[2px] text-[1.25rem]" style="color: white"> 891 Karriere 892 </h4> 893 </a> 894 <div @click.away = "activeMenu = ''" 895 x-show="activeMenu === 16" 896 x-collapse.duration.500ms 897 x-cloak 898 class="absolute bg-white -mt-0.5 left-0 text-black min-w-[25.625rem] before:content-[''] before:absolute before:top-0 before:left-0 before:w-full before:border-t-4 before:border-t-blue shadow-light-box z-100" 899 > 900 <div 901 x-data="{activeSubMenu: ''}" 902 class="p-s-30 max-h-[calc(100vh-200px)] overflow-scroll" 903 > 904 <a class="btn-link w-full hover:text-blue justify-between pb-s-15 border-b" href="/ep-karriere"> 905 <h4 class="text-[1.25rem]"> 906 zur Ãbersicht 907 </h4> 908 <svg-icon src="circle-arrow-right"></svg-icon> 909 </a> 910 <div class="pt-s-15 w-full flex"> 911 <!-- Second level --> 912 913 <menu class="w-[21.875rem]"> 914 915 916 <li x-ignore> 917 <a class="font-text-small !font-light p-s-15 border-b border-b-mid-grey flex items-center justify-between hover:bg-light-grey transition-color duration-500" href="/ausbildung-und-studium"> 918 Ausbildung & Studium 919 </a> 920 </li> 921 922 923 924 <li x-ignore> 925 <a class="font-text-small !font-light p-s-15 border-b border-b-mid-grey flex items-center justify-between hover:bg-light-grey transition-color duration-500" href="/ep-karriere/berufserfahrene-und-berufseinsteiger"> 926 Berufserfahrene & Berufseinsteiger 927 </a> 928 </li> 929 930 931 932 <li x-ignore> 933 <a class="font-text-small !font-light p-s-15 border-b border-b-mid-grey flex items-center justify-between hover:bg-light-grey transition-color duration-500" href="/ep-karriere/warum-europart"> 934 Warum EUROPART? 935 </a> 936 </li> 937 938 939 940 <li x-ignore> 941 <a class="font-text-small !font-light p-s-15 border-b border-b-mid-grey flex items-center justify-between hover:bg-light-grey transition-color duration-500" href="/ep-karriere/bewerbungsprozess"> 942 Bewerbungsprozess 943 </a> 944 </li> 945 946 947 948 <li x-ignore> 949 <a class="font-text-small !font-light p-s-15 border-b border-b-mid-grey flex items-center justify-between hover:bg-light-grey transition-color duration-500" href="/ep-karriere/stellenangebote"> 950 Stellenangebote 951 </a> 952 </li> 953 954 955 </menu> 956 <div class="bg-light-grey w-0 transition-all duration-500" 957 :class="activeSubMenu ? '!w-[21.875rem] !h-full': 'overflow-hidden'"> 958 959 960 <!-- Third level --> 961 962 963 964 <!-- Third level --> 965 966 967 968 <!-- Third level --> 969 970 971 972 <!-- Third level --> 973 974 975 976 <!-- Third level --> 977 978 979 </div> 980 981 </div> 982 </div> 983 </div> 984 </li> 985 986 987 988 989 990 <li class="lg:relative h-full"> 991 <a 992 href="/unternehmen" 993 @click.stop.prevent="activeMenu = 17" 994 :class="activeMenu == 17 ? 'bg-blue': 'group'" 995 class="btn-link font-light navigation before:h-0.5 h-full py-2 px-s-15 " 996 > 997 <h4 class="font-light navigation !bg-transparent group-hover:transform group-hover:translate-y-[2px] text-[1.25rem]" style="color: white"> 998 Unternehmen 999 </h4> 1000 </a> 1001 <div @click.away = "activeMenu = ''" 1002 x-show="activeMenu === 17" 1003 x-collapse.duration.500ms 1004 x-cloak 1005 class="absolute bg-white -mt-0.5 left-0 text-black min-w-[25.625rem] before:content-[''] before:absolute before:top-0 before:left-0 before:w-full before:border-t-4 before:border-t-blue shadow-light-box z-100" 1006 > 1007 <div 1008 x-data="{activeSubMenu: ''}" 1009 class="p-s-30 max-h-[calc(100vh-200px)] overflow-scroll" 1010 > 1011 <a class="btn-link w-full hover:text-blue justify-between pb-s-15 border-b" href="/unternehmen"> 1012 <h4 class="text-[1.25rem]"> 1013 zur Ãbersicht 1014 </h4> 1015 <svg-icon src="circle-arrow-right"></svg-icon> 1016 </a> 1017 <div class="pt-s-15 w-full flex"> 1018 <!-- Second level --> 1019 1020 <menu class="w-[21.875rem]"> 1021 1022 1023 <li x-ignore> 1024 <a class="font-text-small !font-light p-s-15 border-b border-b-mid-grey flex items-center justify-between hover:bg-light-grey transition-color duration-500" href="/unternehmen/vision"> 1025 Werte & Vision 1026 </a> 1027 </li> 1028 1029 1030 1031 <li x-ignore> 1032 <a class="font-text-small !font-light p-s-15 border-b border-b-mid-grey flex items-center justify-between hover:bg-light-grey transition-color duration-500" href="/unternehmen/management"> 1033 Management 1034 </a> 1035 </li> 1036 1037 1038 1039 <li x-ignore> 1040 <a class="font-text-small !font-light p-s-15 border-b border-b-mid-grey flex items-center justify-between hover:bg-light-grey transition-color duration-500" href="/unternehmen/presse"> 1041 Presse & News 1042 </a> 1043 </li> 1044 1045 1046 1047 <li x-ignore> 1048 <a class="font-text-small !font-light p-s-15 border-b border-b-mid-grey flex items-center justify-between hover:bg-light-grey transition-color duration-500" href="/unternehmen/nachhaltigkeit"> 1049 Nachhaltigkeit 1050 </a> 1051 </li> 1052 1053 1054 1055 <li x-ignore> 1056 <a class="font-text-small !font-light p-s-15 border-b border-b-mid-grey flex items-center justify-between hover:bg-light-grey transition-color duration-500" href="/unternehmen/compliance"> 1057 Compliance 1058 </a> 1059 </li> 1060 1061 1062 </menu> 1063 <div class="bg-light-grey w-0 transition-all duration-500" 1064 :class="activeSubMenu ? '!w-[21.875rem] !h-full': 'overflow-hidden'"> 1065 1066 1067 <!-- Third level --> 1068 1069 1070 1071 <!-- Third level --> 1072 1073 1074 1075 <!-- Third level --> 1076 1077 1078 1079 <!-- Third level --> 1080 1081 1082 1083 <!-- Third level --> 1084 1085 1086 </div> 1087 1088 </div> 1089 </div> 1090 </div> 1091 </li> 1092 1093 1094 </menu> 1095 </nav> 1096 1097 1098 <!-- Navigation --> 1099 1100 <!-- Search --> 1101 <section class="relative max-w-[26.875rem] lg:w-full"> 1102 1103 <button @click.stop="$store.page.showSearch()" class="h-full px-3.5 lg:hidden"> 1104 <svg-icon src="search-icon"/> 1105 </button> 1106 1107 <div class="absolute w-[26.875rem] top-full right-0 lg:w-full lg:top-full lg:static lg:!block lg:!h-full lg:!overflow-visible" 1108 x-show="$store.page.searchBar" 1109 x-collapse.duration.500ms 1110 x-cloak 1111 @click.away="$store.page.hideSearch()"> 1112 1113
1113 1114 1115 1116 1117 1118 1119 1120 1121 1122 1123 1124 1125 1126 1127 1128 1129 1130 1131 1132 1133 1134 1135 1136 1137 1138 1139 1140 1141 1142 1143 1144 1145 1146 1147 1148 1149 1150 1151 1152 1153 1154 1155 1156 1157 1158 1159 1160 1161 1162 1163 1164 1165 1166 1167 1168 1169 1170 1171 1172 1173<div class="w-full h-11 lg:h-full relative text-white" 1174 x-data="headerSearch()" 1175 data-search-page-url = "https://europart.de/suche" 1176 > 1177 <input 1178 class="headerSearchInput w-full pl-[2.75rem] pr-4 md:px-4 h-full outline-none bg-black placeholder-mid-grey placeholder:text-base md:border-b-2 border-dark-grey" 1179 type="text" 1180 placeholder="Suchbegriff" 1181 x-model="searchTerm" 1182 @keydown.enter="showResultsPage()" 1183 > 1184 <button class="md:hidden lg:block absolute left-0 md:left-auto md:right-0 top-1/2 transform -translate-y-1/2 h-full px-3.5" type="submit"> 1185 <svg-icon src="search-icon"/> 1186 </button> 1187 1188 <template x-if="isValidTerm()"> 1189 <div class="absolute top-full left-0 right-0 bg-white text-black h-screen -mx-s-15 sm:-mx-s-30 px-s-15 md:h-auto md:m-0 md:p-0 z-110"> 1190 <div class="max-h-[calc(100vh-130px)] md:max-h-[calc(100vh-250px)] lg:max-h-[calc(100vh-200px)] overflow-y-scroll"> 1191 1192 <template x-if="productsResults.length"> 1193 <!-- Productss --> 1194 <ul class="list-none truncate"> 1195 <h3 class="font-caption !font-bold text-blue uppercase px-s-15 py-2.5 border-b border-blue tracking-[0.05em]"> 1196 Produkte 1197 </h3> 1198 <template x-for="product in productsResults"> 1199 <li> 1200 <a :href="product.link" class="flex px-s-15 py-2.5 border-b border-b-mid-grey hover:text-blue"> 1201 <span class="text-ellipsis overflow-hidden" x-html="product.title"></span> 1202 </a> 1203 </li> 1204 </template> 1205 </ul> 1206 </template> 1207 1208 <template x-if="pagesResults.length"> 1209 <!-- Pages --> 1210 <ul class="list-none truncate"> 1211 <h3 class="font-caption !font-bold text-blue uppercase px-s-15 py-2.5 border-b border-blue tracking-[0.05em]"> 1212 Inhalt 1213 </h3> 1214 <template x-for="page in pagesResults"> 1215 <li> 1216 <a :href="page.link" class="flex px-s-15 py-2.5 border-b border-b-mid-grey hover:text-blue"> 1217 <span class="text-ellipsis overflow-hidden" x-html="page.title"></span> 1218 </a> 1219 </li> 1220 </template> 1221 </ul> 1222 </template> 1223 1224 <template x-if="pagesResults.length || productsResults.length"> 1225 <!-- Button --> 1226 <div class="border-b-2 border-blue py-s-15"> 1227 <a :href="searchResultsPage" class="mx-auto btn-secondary md:btn-link md:bg-transparent md:hover:bg-none md:hover:text-blue"> 1228 Alle Ergebnisse anzeigen 1229 <svg-icon src="circle-arrow-right"/> 1230 </a> 1231 </div> 1232 </template> 1233 1234 <template x-if="!productsResults.length && !pagesResults.length"> 1235 <!-- No Results --> 1236 <h4 class="font-text-small p-s-15 border-b-2 border-blue text-center"> 1237 Die Suche lieferte kein Ergebnis. 1238 </h4> 1239 </template> 1240 1241 </div> 1242 </div> 1243 </template> 1244</div> 1245 1246 1247 </div> 1248 </section> 1249 <!-- Search --> 1250 1251 </section> 1252 </div> 1253 </div> 1254 <!-- Desktop Header --> 1255 1256 <!-- Mobile Header --> 1257 <div x-data="{activeMenu: ''}" class="md:hidden bg-white min-h-118"> 1258 1259 <section class="container flex justify-between items-center py-s-15 min-h-74"> 1260 <!-- Logo --> 1261 <a href="/"> 1262 <svg-icon classes="w-[6.875rem] h-[2.75rem] md:w-[12.5rem] md:h-[5rem]" src="europart-logo" /> 1263</a> 1264 <!-- Logo --> 1265 1266 <!-- Action buttons --> 1267 <section x-cloak class="flex"> 1268 <div> 1269 <div 1270 x-show="!$store.page.navMenu || !$store.page.searchBar" 1271 class="flex justify-center items-center cursor-pointer h-fit p-s-15" 1272 :class="{'transition-all duration-300 transform rotate-180': $store.page.searchBar}"> 1273 <svg-icon 1274 src="search-icon" 1275 @click="$store.page.showSearch(), 1276 $store.page.hideScroll(), 1277 activeMenu = '', 1278 $store.page.navMenu=false" 1279 classes="w-6 h-6" 1280 x-show="!$store.page.searchBar"> 1281 </svg-icon> 1282 <svg-icon 1283 src="cross" 1284 @click="$store.page.hideSearch(), 1285 $store.page.addScroll()" 1286 classes="w-6 h-6" 1287 x-show="$store.page.searchBar"> 1288 </svg-icon> 1289 </div> 1290 </div> 1291 1292 <div class="flex justify-center items-center cursor-pointer h-fit p-s-15" 1293 :class="{'transition-all duration-300 transform rotate-180': $store.page.navMenu}"> 1294 <svg-icon 1295 src="menu" 1296 @click="$store.page.navMenu = true, 1297 $store.page.showSearch(), 1298 $store.page.hideScroll()" 1299 classes="w-6 h-6" 1300 x-show="!$store.page.navMenu"> 1301 </svg-icon> 1302 <svg-icon 1303 src="cross" 1304 @click="$store.page.navMenu = false, 1305 $store.page.hideSearch(), 1306 $store.page.addScroll(), 1307 activeMenu = ''" 1308 classes="w-6 h-6" 1309 x-show="$store.page.navMenu"> 1310 </svg-icon> 1311 </div> 1312 </section> 1313 <!-- Action buttons --> 1314 </section> 1315 1316 <section class="bg-black"> 1317 <div class="container"> 1318 1319 <!-- Search --> 1320 <div class="w-0 h-0 opacity-0" :class="$store.page.searchBar && '!w-full !h-full opacity-100'"> 1321 1322 1323 1324 1325 1326 1327 1328 1329 1330 1331 1332 1333 1334 1335 1336 1337 1338 1339 1340 1341 1342 1343 1344 1345 1346 1347 1348 1349 1350 1351 1352 1353 1354 1355 1356 1357 1358 1359 1360 1361 1362 1363 1364 1365 1366 1367 1368 1369 1370 1371 1372 1373 1374 1375 1376 1377 1378 1379 1380 1381<div class="w-full h-11 lg:h-full relative text-white" 1382 x-data="headerSearch()" 1383 data-search-page-url = "https://europart.de/suche" 1384 > 1385 <input 1386 class="headerSearchInput w-full pl-[2.75rem] pr-4 md:px-4 h-full outline-none bg-black placeholder-mid-grey placeholder:text-base md:border-b-2 border-dark-grey" 1387 type="text" 1388 placeholder="Suchbegriff" 1389 x-model="searchTerm" 1390 @keydown.enter="showResultsPage()" 1391 > 1392 <button class="md:hidden lg:block absolute left-0 md:left-auto md:right-0 top-1/2 transform -translate-y-1/2 h-full px-3.5" type="submit"> 1393 <svg-icon src="search-icon"/> 1394 </button> 1395 1396 <template x-if="isValidTerm()"> 1397 <div class="absolute top-full left-0 right-0 bg-white text-black h-screen -mx-s-15 sm:-mx-s-30 px-s-15 md:h-auto md:m-0 md:p-0 z-110">
1398 <div class="max-h-[calc(100vh-130px)] md:max-h-[calc(100vh-250px)] lg:max-h-[calc(100vh-200px)] overflow-y-scroll"> 1399 1400 <template x-if="productsResults.length"> 1401 <!-- Productss --> 1402 <ul class="list-none truncate"> 1403 <h3 class="font-caption !font-bold text-blue uppercase px-s-15 py-2.5 border-b border-blue tracking-[0.05em]"> 1404 Produkte 1405 </h3> 1406 <template x-for="product in productsResults"> 1407 <li> 1408 <a :href="product.link" class="flex px-s-15 py-2.5 border-b border-b-mid-grey hover:text-blue"> 1409 <span class="text-ellipsis overflow-hidden" x-html="product.title"></span> 1410 </a> 1411 </li> 1412 </template> 1413 </ul> 1414 </template> 1415 1416 <template x-if="pagesResults.length"> 1417 <!-- Pages --> 1418 <ul class="list-none truncate"> 1419 <h3 class="font-caption !font-bold text-blue uppercase px-s-15 py-2.5 border-b border-blue tracking-[0.05em]"> 1420 Inhalt 1421 </h3> 1422 <template x-for="page in pagesResults"> 1423 <li> 1424 <a :href="page.link" class="flex px-s-15 py-2.5 border-b border-b-mid-grey hover:text-blue"> 1425 <span class="text-ellipsis overflow-hidden" x-html="page.title"></span> 1426 </a> 1427 </li> 1428 </template> 1429 </ul> 1430 </template> 1431 1432 <template x-if="pagesResults.length || productsResults.length"> 1433 <!-- Button --> 1434 <div class="border-b-2 border-blue py-s-15"> 1435 <a :href="searchResultsPage" class="mx-auto btn-secondary md:btn-link md:bg-transparent md:hover:bg-none md:hover:text-blue"> 1436 Alle Ergebnisse anzeigen 1437 <svg-icon src="circle-arrow-right"/> 1438 </a> 1439 </div> 1440 </template> 1441 1442 <template x-if="!productsResults.length && !pagesResults.length"> 1443 <!-- No Results --> 1444 <h4 class="font-text-small p-s-15 border-b-2 border-blue text-center"> 1445 Die Suche lieferte kein Ergebnis. 1446 </h4> 1447 </template> 1448 1449 </div> 1450 </div> 1451 </template> 1452</div> 1453 1454 </div> 1455 <!-- Search --> 1456 1457 1458 <!-- Navigation Links (3-first) --> 1459 1460 1461 1462 1463 1464 1465 <menu 1466 x-show="!$store.page.searchBar && !$store.page.navMenu" 1467 x-cloak 1468 class="text-white flex justify-between xs:gap-10 xs:justify-start items-center h-11 pr-s-15"> 1469 <li> 1470 <a class="btn-link relative flex items-center justify-center px-s-15 py-[0.75rem] " href="/"> 1471 <svg-icon src="home"></svg-icon> 1472 </a> 1473 </li> 1474 1475 1476 1477 <a @click.prevent="activeMenu = 13, $store.page.navMenu = true, $store.page.hideScroll()" href="/service" class="btn-link py-2.5 "> 1478 <h4 class="text-[1.125rem]"> 1479 Service 1480 </h4> 1481 </a> 1482 1483 1484 1485 1486 1487 <a @click.prevent="activeMenu = 14, $store.page.navMenu = true, $store.page.hideScroll()" href="/sortiment" class="btn-link py-2.5 "> 1488 <h4 class="text-[1.125rem]"> 1489 Sortiment 1490 </h4> 1491 </a> 1492 1493 1494 1495 1496 1497 <li> 1498 <a class="btn-link py-2.5 " href="/angebote"> 1499 <h4 class="text-[1.125rem]"> 1500 Angebote 1501 </h4> 1502 </a> 1503 </li> 1504 1505 1506 1507 1508 1509 1510 1511 1512 1513 </menu> 1514 1515 1516 <!-- Navigation Links (3-first) --> 1517 1518 1519 </div> 1520 </section> 1521 1522 <section 1523 class="bg-white" 1524 x-show="$store.page.navMenu" 1525 x-collapse.duration.500ms 1526 x-cloak> 1527 <!-- Navigation --> 1528 1529 1530 1531 1532 1533 1534 1535 <nav :class="$store.page.searchBar ? 'mobile-navigation with-search' : 'mobile-navigation'" class="container overflow-scroll flex flex-col justify-between"> 1536 1537 1538 <!-- First Level --> 1539 <menu 1540 class="relative" 1541 x-show="!activeMenu" 1542 > 1543 1544 1545 <li class="border-b border-b-mid-grey"> 1546 <a href="/service" @click.prevent="activeMenu = 13" class="flex px-s-15 py-2.5 items-center justify-between font-normal"> 1547 Service 1548 <svg-icon classes="transform -rotate-90 text-mid-grey" src="arrow"></svg-icon> 1549 </a> 1550 </li> 1551 1552 1553 1554 <li class="border-b border-b-mid-grey"> 1555 <a href="/sortiment" @click.prevent="activeMenu = 14" class="flex px-s-15 py-2.5 items-center justify-between font-normal"> 1556 Sortiment 1557 <svg-icon classes="transform -rotate-90 text-mid-grey" src="arrow"></svg-icon> 1558 </a> 1559 </li> 1560 1561 1562 1563 <li class="border-b border-b-mid-grey"> 1564 <a class="flex px-s-15 py-2.5 font-normal" href="/angebote"> 1565 Angebote 1566 </a> 1567 </li> 1568 1569 1570 1571 <li class="border-b border-b-mid-grey"> 1572 <a class="flex px-s-15 py-2.5 font-text-small !font-light" href="/kataloge"> 1573 Kataloge 1574 </a> 1575 </li> 1576 1577 1578 1579 <li class="border-b border-b-mid-grey"> 1580 <a href="/ep-karriere" @click.prevent="activeMenu = 16" class="flex px-s-15 py-2.5 items-center justify-between font-text-small !font-light"> 1581 Karriere 1582 <svg-icon classes="transform -rotate-90 text-mid-grey" src="arrow"></svg-icon> 1583 </a> 1584 </li> 1585 1586 1587 1588 <li class="border-b border-b-mid-grey"> 1589 <a href="/unternehmen" @click.prevent="activeMenu = 17" class="flex px-s-15 py-2.5 items-center justify-between font-text-small !font-light"> 1590 Unternehmen 1591 <svg-icon classes="transform -rotate-90 text-mid-grey" src="arrow"></svg-icon> 1592 </a> 1593 </li> 1594 1595 1596 </menu> 1597 <!-- First Level --> 1598 <!-- Second Level --> 1599 1600 1601 1602 <menu x-show="activeMenu === 13"> 1603 <li class="flex border-b border-t">
1604 <span @click="activeMenu = ''" class="flex items-center justify-center min-w-[2.5rem] cursor-pointer border-r"> 1605 <svg-icon classes="transform rotate-90" src="arrow"></svg-icon> 1606 </span> 1607 <a class="btn-link w-full justify-between px-s-15 hover:text-blue font-normal" href="/service"> 1608 <span class="border-b-2 py-1"> 1609 Service 1610 </span> 1611 <svg-icon src="circle-arrow-right"></svg-icon> 1612 </a> 1613 </li> 1614 1615 1616 <li x-ignore class="border-b border-b-mid-grey"> 1617 <a class="font-text-small !font-light flex px-s-15 py-3" href="/service/kundenservice"> 1618 Kundenservice 1619 </a> 1620 </li> 1621 1622 1623 1624 <li x-ignore class="border-b border-b-mid-grey"> 1625 <a class="font-text-small !font-light flex px-s-15 py-3" href="/service/werkstatt"> 1626 Werkstatt 1627 </a> 1628 </li> 1629 1630 1631 1632 <li x-ignore class="border-b border-b-mid-grey"> 1633 <a class="font-text-small !font-light flex px-s-15 py-3" href="/service/expertenwissen"> 1634 Expertenwissen 1635 </a> 1636 </li> 1637 1638 1639 1640 <li x-ignore class="border-b border-b-mid-grey"> 1641 <a class="font-text-small !font-light flex px-s-15 py-3" href="/service/ewos-werkstatt-online-system"> 1642 EWOS (Werkstatt-Online-System) 1643 </a> 1644 </li> 1645 1646 1647 1648 <li x-ignore class="border-b border-b-mid-grey"> 1649 <a class="font-text-small !font-light flex px-s-15 py-3" href="/service/logistik"> 1650 Logistik 1651 </a> 1652 </li> 1653 1654 1655 1656 <li class="border-b border-b-mid-grey"> 1657 <a @click.prevent="activeMenu = 1064" href="/service/green-energy" class="font-text-small !font-light flex px-s-15 py-3 items-center justify-between"> 1658 Solarsysteme 1659 <svg-icon classes="transform -rotate-90 text-mid-grey" src="arrow"></svg-icon> 1660 </a> 1661 </li> 1662 1663 1664 1665 <li x-ignore class="border-b border-b-mid-grey"> 1666 <a class="font-text-small !font-light flex px-s-15 py-3" href="/service/downloads"> 1667 Downloads 1668 </a> 1669 </li> 1670 1671 1672 </menu> 1673 1674 1675 1676 1677 1678 <menu x-show="activeMenu === 14"> 1679 <li class="flex border-b border-t">
1680 <span @click="activeMenu = ''" class="flex items-center justify-center min-w-[2.5rem] cursor-pointer border-r"> 1681 <svg-icon classes="transform rotate-90" src="arrow"></svg-icon> 1682 </span> 1683 <a class="btn-link w-full justify-between px-s-15 hover:text-blue font-normal" href="/sortiment"> 1684 <span class="border-b-2 py-1"> 1685 Sortiment 1686 </span> 1687 <svg-icon src="circle-arrow-right"></svg-icon> 1688 </a> 1689 </li> 1690 1691 1692 <li x-ignore class="border-b border-b-mid-grey"> 1693 <a class="font-text-small !font-light flex px-s-15 py-3" href="/sortiment/produktsuche/-filter"> 1694 Produktsuche/-filter 1695 </a> 1696 </li> 1697 1698 1699 1700 <li class="border-b border-b-mid-grey"> 1701 <a @click.prevent="activeMenu = 24" href="/sortiment/ersatzteile" class="font-text-small !font-light flex px-s-15 py-3 items-center justify-between"> 1702 Ersatzteile 1703 <svg-icon classes="transform -rotate-90 text-mid-grey" src="arrow"></svg-icon> 1704 </a> 1705 </li> 1706 1707 1708 1709 <li class="border-b border-b-mid-grey"> 1710 <a @click.prevent="activeMenu = 23" href="/sortiment/werkstatt" class="font-text-small !font-light flex px-s-15 py-3 items-center justify-between"> 1711 Werkstatt 1712 <svg-icon classes="transform -rotate-90 text-mid-grey" src="arrow"></svg-icon> 1713 </a> 1714 </li> 1715 1716 1717 1718 <li class="border-b border-b-mid-grey"> 1719 <a @click.prevent="activeMenu = 22" href="/sortiment/europart-premiumparts" class="font-text-small !font-light flex px-s-15 py-3 items-center justify-between"> 1720 EUROPART Premium Parts 1721 <svg-icon classes="transform -rotate-90 text-mid-grey" src="arrow"></svg-icon> 1722 </a> 1723 </li> 1724 1725 1726 1727 <li class="border-b border-b-mid-grey"> 1728 <a @click.prevent="activeMenu = 1394" href="/sortiment/eu-richtlinien-und-gesetze" class="font-text-small !font-light flex px-s-15 py-3 items-center justify-between"> 1729 EU-Richtlinien und Gesetze 1730 <svg-icon classes="transform -rotate-90 text-mid-grey" src="arrow"></svg-icon> 1731 </a> 1732 </li> 1733 1734 1735 1736 <li x-ignore class="border-b border-b-mid-grey"> 1737 <a class="font-text-small !font-light flex px-s-15 py-3" href="/sortiment/lieferanten"> 1738 Lieferanten 1739 </a> 1740 </li> 1741 1742 1743 </menu> 1744 1745 1746 1747 1748 1749 1750 1751 1752 1753 <menu x-show="activeMenu === 16"> 1754 <li class="flex border-b border-t">
1755 <span @click="activeMenu = ''" class="flex items-center justify-center min-w-[2.5rem] cursor-pointer border-r"> 1756 <svg-icon classes="transform rotate-90" src="arrow"></svg-icon> 1757 </span> 1758 <a class="btn-link w-full justify-between px-s-15 hover:text-blue font-normal" href="/ep-karriere"> 1759 <span class="border-b-2 py-1"> 1760 Karriere 1761 </span> 1762 <svg-icon src="circle-arrow-right"></svg-icon> 1763 </a> 1764 </li> 1765 1766 1767 <li x-ignore class="border-b border-b-mid-grey"> 1768 <a class="font-text-small !font-light flex px-s-15 py-3" href="/ausbildung-und-studium"> 1769 Ausbildung & Studium 1770 </a> 1771 </li> 1772 1773 1774 1775 <li x-ignore class="border-b border-b-mid-grey"> 1776 <a class="font-text-small !font-light flex px-s-15 py-3" href="/ep-karriere/berufserfahrene-und-berufseinsteiger"> 1777 Berufserfahrene & Berufseinsteiger 1778 </a> 1779 </li> 1780 1781 1782 1783 <li x-ignore class="border-b border-b-mid-grey"> 1784 <a class="font-text-small !font-light flex px-s-15 py-3" href="/ep-karriere/warum-europart"> 1785 Warum EUROPART? 1786 </a> 1787 </li> 1788 1789 1790 1791 <li x-ignore class="border-b border-b-mid-grey"> 1792 <a class="font-text-small !font-light flex px-s-15 py-3" href="/ep-karriere/bewerbungsprozess"> 1793 Bewerbungsprozess 1794 </a> 1795 </li> 1796 1797 1798 1799 <li x-ignore class="border-b border-b-mid-grey"> 1800 <a class="font-text-small !font-light flex px-s-15 py-3" href="/ep-karriere/stellenangebote"> 1801 Stellenangebote 1802 </a> 1803 </li> 1804 1805 1806 </menu> 1807 1808 1809 1810 1811 1812 <menu x-show="activeMenu === 17"> 1813 <li class="flex border-b border-t">
1814 <span @click="activeMenu = ''" class="flex items-center justify-center min-w-[2.5rem] cursor-pointer border-r"> 1815 <svg-icon classes="transform rotate-90" src="arrow"></svg-icon> 1816 </span> 1817 <a class="btn-link w-full justify-between px-s-15 hover:text-blue font-normal" href="/unternehmen"> 1818 <span class="border-b-2 py-1"> 1819 Unternehmen 1820 </span> 1821 <svg-icon src="circle-arrow-right"></svg-icon> 1822 </a> 1823 </li> 1824 1825 1826 <li x-ignore class="border-b border-b-mid-grey"> 1827 <a class="font-text-small !font-light flex px-s-15 py-3" href="/unternehmen/vision"> 1828 Werte & Vision 1829 </a> 1830 </li> 1831 1832 1833 1834 <li x-ignore class="border-b border-b-mid-grey"> 1835 <a class="font-text-small !font-light flex px-s-15 py-3" href="/unternehmen/management"> 1836 Management 1837 </a> 1838 </li> 1839 1840 1841 1842 <li x-ignore class="border-b border-b-mid-grey"> 1843 <a class="font-text-small !font-light flex px-s-15 py-3" href="/unternehmen/presse"> 1844 Presse & News 1845 </a> 1846 </li> 1847 1848 1849 1850 <li x-ignore class="border-b border-b-mid-grey"> 1851 <a class="font-text-small !font-light flex px-s-15 py-3" href="/unternehmen/nachhaltigkeit"> 1852 Nachhaltigkeit 1853 </a> 1854 </li> 1855 1856 1857 1858 <li x-ignore class="border-b border-b-mid-grey"> 1859 <a class="font-text-small !font-light flex px-s-15 py-3" href="/unternehmen/compliance"> 1860 Compliance 1861 </a> 1862 </li> 1863 1864 1865 </menu> 1866 1867 1868 1869 <!-- Second Level --> 1870 <!-- Third Level --> 1871 1872 1873 1874 1875 1876 <menu 1877 x-show="activeMenu === 25"> 1878 <li class="flex border-b border-t">
1879 <span @click="activeMenu = 13" class="flex items-center justify-center min-w-[2.5rem] cursor-pointer border-r"> 1880 <svg-icon classes="transform rotate-90" src="arrow"></svg-icon> 1881 </span> 1882 <a class="btn-link w-full justify-between px-s-15 hover:text-blue font-normal" href="/service/kundenservice"> 1883 <span class="border-b-2 py-1"> 1884 Kundenservice 1885 </span> 1886 <svg-icon src="circle-arrow-right"></svg-icon> 1887 </a> 1888 </li> 1889 1890 </menu> 1891 1892 <menu 1893 x-show="activeMenu === 44"> 1894 <li class="flex border-b border-t"> 1895 <span @click="activeMenu = 13" class="flex items-center justify-center min-w-[2.5rem] cursor-pointer border-r"> 1896 <svg-icon classes="transform rotate-90" src="arrow"></svg-icon> 1897 </span> 1898 <a class="btn-link w-full justify-between px-s-15 hover:text-blue font-normal" href="/service/werkstatt"> 1899 <span class="border-b-2 py-1"> 1900 Werkstatt 1901 </span> 1902 <svg-icon src="circle-arrow-right"></svg-icon> 1903 </a> 1904 </li> 1905 1906 </menu> 1907 1908 <menu 1909 x-show="activeMenu === 51"> 1910 <li class="flex border-b border-t"> 1911 <span @click="activeMenu = 13" class="flex items-center justify-center min-w-[2.5rem] cursor-pointer border-r"> 1912 <svg-icon classes="transform rotate-90" src="arrow"></svg-icon> 1913 </span> 1914 <a class="btn-link w-full justify-between px-s-15 hover:text-blue font-normal" href="/service/expertenwissen"> 1915 <span class="border-b-2 py-1"> 1916 Expertenwissen 1917 </span> 1918 <svg-icon src="circle-arrow-right"></svg-icon> 1919 </a> 1920 </li> 1921 1922 </menu> 1923 1924 <menu 1925 x-show="activeMenu === 52"> 1926 <li class="flex border-b border-t"> 1927 <span @click="activeMenu = 13" class="flex items-center justify-center min-w-[2.5rem] cursor-pointer border-r"> 1928 <svg-icon classes="transform rotate-90" src="arrow"></svg-icon> 1929 </span> 1930 <a class="btn-link w-full justify-between px-s-15 hover:text-blue font-normal" href="/service/ewos-werkstatt-online-system"> 1931 <span class="border-b-2 py-1"> 1932 EWOS (Werkstatt-Online-System) 1933 </span> 1934 <svg-icon src="circle-arrow-right"></svg-icon> 1935 </a> 1936 </li> 1937 1938 </menu> 1939 1940 <menu 1941 x-show="activeMenu === 49"> 1942 <li class="flex border-b border-t">
1943 <span @click="activeMenu = 13" class="flex items-center justify-center min-w-[2.5rem] cursor-pointer border-r"> 1944 <svg-icon classes="transform rotate-90" src="arrow"></svg-icon> 1945 </span> 1946 <a class="btn-link w-full justify-between px-s-15 hover:text-blue font-normal" href="/service/logistik"> 1947 <span class="border-b-2 py-1"> 1948 Logistik 1949 </span> 1950 <svg-icon src="circle-arrow-right"></svg-icon> 1951 </a> 1952 </li> 1953 1954 </menu> 1955 1956 <menu 1957 x-show="activeMenu === 1064"> 1958 <li class="flex border-b border-t"> 1959 <span @click="activeMenu = 13" class="flex items-center justify-center min-w-[2.5rem] cursor-pointer border-r"> 1960 <svg-icon classes="transform rotate-90" src="arrow"></svg-icon> 1961 </span> 1962 <a class="btn-link w-full justify-between px-s-15 hover:text-blue font-normal" href="/service/green-energy"> 1963 <span class="border-b-2 py-1"> 1964 Solarsysteme 1965 </span> 1966 <svg-icon src="circle-arrow-right"></svg-icon> 1967 </a> 1968 </li> 1969 1970 1971 <li x-ignore class="border-b border-b-mid-grey"> 1972 <a class="font-text-small !font-light flex px-s-15 py-3" href="/service/green-energy/anlagenkonfigurator"> 1973 Solarsysteme Anlagenkonfigurator 1974 </a> 1975 </li> 1976 1977 <li x-ignore class="border-b border-b-mid-grey"> 1978 <a class="font-text-small !font-light flex px-s-15 py-3" href="/service/green-energy/anwendungsbeispiele"> 1979 Solarsysteme Anwendungsbeispiele 1980 </a> 1981 </li> 1982 1983 1984 </menu> 1985 1986 <menu 1987 x-show="activeMenu === 45"> 1988 <li class="flex border-b border-t"> 1989 <span @click="activeMenu = 13" class="flex items-center justify-center min-w-[2.5rem] cursor-pointer border-r"> 1990 <svg-icon classes="transform rotate-90" src="arrow"></svg-icon> 1991 </span> 1992 <a class="btn-link w-full justify-between px-s-15 hover:text-blue font-normal" href="/service/downloads"> 1993 <span class="border-b-2 py-1"> 1994 Downloads 1995 </span> 1996 <svg-icon src="circle-arrow-right"></svg-icon> 1997 </a> 1998 </li> 1999 2000 </menu> 2001 2002 2003 2004 2005 2006 2007 2008 2009 <menu 2010 x-show="activeMenu === 116"> 2011 <li class="flex border-b border-t">
2012 <span @click="activeMenu = 14" class="flex items-center justify-center min-w-[2.5rem] cursor-pointer border-r"> 2013 <svg-icon classes="transform rotate-90" src="arrow"></svg-icon> 2014 </span> 2015 <a class="btn-link w-full justify-between px-s-15 hover:text-blue font-normal" href="/sortiment/produktsuche/-filter"> 2016 <span class="border-b-2 py-1"> 2017 Produktsuche/-filter 2018 </span> 2019 <svg-icon src="circle-arrow-right"></svg-icon> 2020 </a> 2021 </li> 2022 2023 </menu> 2024 2025 <menu 2026 x-show="activeMenu === 24"> 2027 <li class="flex border-b border-t"> 2028 <span @click="activeMenu = 14" class="flex items-center justify-center min-w-[2.5rem] cursor-pointer border-r"> 2029 <svg-icon classes="transform rotate-90" src="arrow"></svg-icon> 2030 </span> 2031 <a class="btn-link w-full justify-between px-s-15 hover:text-blue font-normal" href="/sortiment/ersatzteile"> 2032 <span class="border-b-2 py-1"> 2033 Ersatzteile 2034 </span> 2035 <svg-icon src="circle-arrow-right"></svg-icon> 2036 </a> 2037 </li> 2038 2039 2040 <li x-ignore class="border-b border-b-mid-grey"> 2041 <a class="font-text-small !font-light flex px-s-15 py-3" href="/sortiment/ersatzteile/fahrwerk"> 2042 Fahrwerk 2043 </a> 2044 </li> 2045 2046 <li x-ignore class="border-b border-b-mid-grey"> 2047 <a class="font-text-small !font-light flex px-s-15 py-3" href="/sortiment/ersatzteile/bremsanlage"> 2048 Bremsanlage 2049 </a> 2050 </li> 2051 2052 <li x-ignore class="border-b border-b-mid-grey"> 2053 <a class="font-text-small !font-light flex px-s-15 py-3" href="/sortiment/ersatzteile/druckluft"> 2054 Druckluft 2055 </a> 2056 </li> 2057 2058 <li x-ignore class="border-b border-b-mid-grey"> 2059 <a class="font-text-small !font-light flex px-s-15 py-3" href="/sortiment/ersatzteile/motoren-und-antriebsteile"> 2060 Motoren- und Antriebsteile 2061 </a> 2062 </li> 2063 2064 <li x-ignore class="border-b border-b-mid-grey"> 2065 <a class="font-text-small !font-light flex px-s-15 py-3" href="/sortiment/ersatzteile/motorenanbau"> 2066 Motorenanbau 2067 </a> 2068 </li> 2069 2070 <li x-ignore class="border-b border-b-mid-grey"> 2071 <a class="font-text-small !font-light flex px-s-15 py-3" href="/sortiment/ersatzteile/fahrzeugbauteile"> 2072 Fahrzeugbauteile 2073 </a> 2074 </li> 2075 2076 <li x-ignore class="border-b border-b-mid-grey"> 2077 <a class="font-text-small !font-light flex px-s-15 py-3" href="/sortiment/ersatzteile/fahrzeugausstattung"> 2078 Fahrzeugausstattung 2079 </a> 2080 </li> 2081 2082 <li x-ignore class="border-b border-b-mid-grey"> 2083 <a class="font-text-small !font-light flex px-s-15 py-3" href="/sortiment/ersatzteile/beleuchtung-und-elektrik"> 2084 Beleuchtung und Elektrik 2085 </a> 2086 </li> 2087 2088 2089 </menu> 2090 2091 <menu 2092 x-show="activeMenu === 23"> 2093 <li class="flex border-b border-t">
2094 <span @click="activeMenu = 14" class="flex items-center justify-center min-w-[2.5rem] cursor-pointer border-r"> 2095 <svg-icon classes="transform rotate-90" src="arrow"></svg-icon> 2096 </span> 2097 <a class="btn-link w-full justify-between px-s-15 hover:text-blue font-normal" href="/sortiment/werkstatt"> 2098 <span class="border-b-2 py-1"> 2099 Werkstatt 2100 </span> 2101 <svg-icon src="circle-arrow-right"></svg-icon> 2102 </a> 2103 </li> 2104 2105 2106 <li x-ignore class="border-b border-b-mid-grey"> 2107 <a class="font-text-small !font-light flex px-s-15 py-3" href="/sortiment/werkstatt/werkstattausruestung"> 2108 Werkstattausrüstung 2109 </a> 2110 </li> 2111 2112 <li x-ignore class="border-b border-b-mid-grey"> 2113 <a class="font-text-small !font-light flex px-s-15 py-3" href="/sortiment/werkstatt/werkzeug"> 2114 Werkzeug 2115 </a> 2116 </li> 2117 2118 <li x-ignore class="border-b border-b-mid-grey"> 2119 <a class="font-text-small !font-light flex px-s-15 py-3" href="/sortiment/werkstatt/befestigungstechnik"> 2120 Befestigungstechnik 2121 </a> 2122 </li> 2123 2124 <li x-ignore class="border-b border-b-mid-grey"> 2125 <a class="font-text-small !font-light flex px-s-15 py-3" href="/sortiment/werkstatt/arbeitsschutz"> 2126 Arbeitsschutz 2127 </a> 2128 </li> 2129 2130 <li x-ignore class="border-b border-b-mid-grey"> 2131 <a class="font-text-small !font-light flex px-s-15 py-3" href="/sortiment/werkstatt/chemie"> 2132 Chemie 2133 </a> 2134 </li> 2135 2136 2137 </menu> 2138 2139 <menu 2140 x-show="activeMenu === 22"> 2141 <li class="flex border-b border-t"> 2142 <span @click="activeMenu = 14" class="flex items-center justify-center min-w-[2.5rem] cursor-pointer border-r"> 2143 <svg-icon classes="transform rotate-90" src="arrow"></svg-icon> 2144 </span> 2145 <a class="btn-link w-full justify-between px-s-15 hover:text-blue font-normal" href="/sortiment/europart-premiumparts">
2146 <span class="border-b-2 py-1"> 2147 EUROPART Premium Parts 2148 </span> 2149 <svg-icon src="circle-arrow-right"></svg-icon> 2150 </a> 2151 </li> 2152 2153 2154 <li x-ignore class="border-b border-b-mid-grey"> 2155 <a class="font-text-small !font-light flex px-s-15 py-3" href="/sortiment/europart-premiumparts/fahrzeugteile"> 2156 Fahrzeugteile 2157 </a> 2158 </li> 2159 2160 <li x-ignore class="border-b border-b-mid-grey"> 2161 <a class="font-text-small !font-light flex px-s-15 py-3" href="/sortiment/europart-premiumparts/werkstattausruestung"> 2162 Werkstattausrüstung 2163 </a> 2164 </li> 2165 2166 <li x-ignore class="border-b border-b-mid-grey"> 2167 <a class="font-text-small !font-light flex px-s-15 py-3" href="/sortiment/europart-premiumparts/werkzeug"> 2168 Werkzeug 2169 </a> 2170 </li> 2171 2172 <li x-ignore class="border-b border-b-mid-grey"> 2173 <a class="font-text-small !font-light flex px-s-15 py-3" href="/sortiment/europart-premiumparts/arbeitsschutz"> 2174 Arbeitsschutz 2175 </a> 2176 </li> 2177 2178 <li x-ignore class="border-b border-b-mid-grey"> 2179 <a class="font-text-small !font-light flex px-s-15 py-3" href="/sortiment/europart-premiumparts/chemie"> 2180 Chemie 2181 </a> 2182 </li> 2183 2184 <li x-ignore class="border-b border-b-mid-grey"> 2185 <a class="font-text-small !font-light flex px-s-15 py-3" href="/sortiment/europart-premiumparts/norm-und-din-teile"> 2186 Norm - und DIN Teile 2187 </a> 2188 </li> 2189 2190 2191 </menu> 2192 2193 <menu 2194 x-show="activeMenu === 1394"> 2195 <li class="flex border-b border-t"> 2196 <span @click="activeMenu = 14" class="flex items-center justify-center min-w-[2.5rem] cursor-pointer border-r"> 2197 <svg-icon classes="transform rotate-90" src="arrow"></svg-icon> 2198 </span> 2199 <a class="btn-link w-full justify-between px-s-15 hover:text-blue font-normal" href="/sortiment/eu-richtlinien-und-gesetze">
2200 <span class="border-b-2 py-1"> 2201 EU-Richtlinien und Gesetze 2202 </span> 2203 <svg-icon src="circle-arrow-right"></svg-icon> 2204 </a> 2205 </li> 2206 2207 2208 <li x-ignore class="border-b border-b-mid-grey"> 2209 <a class="font-text-small !font-light flex px-s-15 py-3" href="/sortiment/eu-richtlinien-und-gesetze/altoelentsorgung"> 2210 Altölentsorgung 2211 </a> 2212 </li> 2213 2214 <li x-ignore class="border-b border-b-mid-grey"> 2215 <a class="font-text-small !font-light flex px-s-15 py-3" href="/sortiment/eu-richtlinien-und-gesetze/batterieverordnung"> 2216 Batterien 2217 </a> 2218 </li> 2219 2220 <li x-ignore class="border-b border-b-mid-grey"> 2221 <a class="font-text-small !font-light flex px-s-15 py-3" href="/sortiment/eu-richtlinien-und-gesetze/elektro-und-elektronikgeraete"> 2222 Elektro- und Elektronikgeräte 2223 </a> 2224 </li> 2225 2226 2227 </menu> 2228 2229 <menu 2230 x-show="activeMenu === 42"> 2231 <li class="flex border-b border-t"> 2232 <span @click="activeMenu = 14" class="flex items-center justify-center min-w-[2.5rem] cursor-pointer border-r"> 2233 <svg-icon classes="transform rotate-90" src="arrow"></svg-icon> 2234 </span> 2235 <a class="btn-link w-full justify-between px-s-15 hover:text-blue font-normal" href="/sortiment/lieferanten"> 2236 <span class="border-b-2 py-1"> 2237 Lieferanten 2238 </span> 2239 <svg-icon src="circle-arrow-right"></svg-icon> 2240 </a> 2241 </li> 2242 2243 </menu> 2244 2245 2246 2247 2248 2249 2250 2251 2252 2253 2254 2255 2256 2257 2258 <menu 2259 x-show="activeMenu === 1563"> 2260 <li class="flex border-b border-t"> 2261 <span @click="activeMenu = 16" class="flex items-center justify-center min-w-[2.5rem] cursor-pointer border-r"> 2262 <svg-icon classes="transform rotate-90" src="arrow"></svg-icon> 2263 </span> 2264 <a class="btn-link w-full justify-between px-s-15 hover:text-blue font-normal" href="/ausbildung-und-studium">
2265 <span class="border-b-2 py-1"> 2266 Ausbildung & Studium 2267 </span> 2268 <svg-icon src="circle-arrow-right"></svg-icon> 2269 </a> 2270 </li> 2271 2272 </menu> 2273 2274 <menu 2275 x-show="activeMenu === 36"> 2276 <li class="flex border-b border-t"> 2277 <span @click="activeMenu = 16" class="flex items-center justify-center min-w-[2.5rem] cursor-pointer border-r"> 2278 <svg-icon classes="transform rotate-90" src="arrow"></svg-icon> 2279 </span> 2280 <a class="btn-link w-full justify-between px-s-15 hover:text-blue font-normal" href="/ep-karriere/berufserfahrene-und-berufseinsteiger"> 2281 <span class="border-b-2 py-1"> 2282 Berufserfahrene & Berufseinsteiger 2283 </span> 2284 <svg-icon src="circle-arrow-right"></svg-icon> 2285 </a> 2286 </li> 2287 2288 </menu> 2289 2290 <menu 2291 x-show="activeMenu === 39"> 2292 <li class="flex border-b border-t"> 2293 <span @click="activeMenu = 16" class="flex items-center justify-center min-w-[2.5rem] cursor-pointer border-r"> 2294 <svg-icon classes="transform rotate-90" src="arrow"></svg-icon> 2295 </span> 2296 <a class="btn-link w-full justify-between px-s-15 hover:text-blue font-normal" href="/ep-karriere/warum-europart"> 2297 <span class="border-b-2 py-1"> 2298 Warum EUROPART? 2299 </span> 2300 <svg-icon src="circle-arrow-right"></svg-icon> 2301 </a> 2302 </li> 2303 2304 </menu> 2305 2306 <menu 2307 x-show="activeMenu === 40"> 2308 <li class="flex border-b border-t"> 2309 <span @click="activeMenu = 16" class="flex items-center justify-center min-w-[2.5rem] cursor-pointer border-r"> 2310 <svg-icon classes="transform rotate-90" src="arrow"></svg-icon> 2311 </span> 2312 <a class="btn-link w-full justify-between px-s-15 hover:text-blue font-normal" href="/ep-karriere/bewerbungsprozess"> 2313 <span class="border-b-2 py-1"> 2314 Bewerbungsprozess 2315 </span> 2316 <svg-icon src="circle-arrow-right"></svg-icon> 2317 </a> 2318 </li> 2319 2320 </menu> 2321 2322 <menu 2323 x-show="activeMenu === 140"> 2324 <li class="flex border-b border-t">
2325 <span @click="activeMenu = 16" class="flex items-center justify-center min-w-[2.5rem] cursor-pointer border-r"> 2326 <svg-icon classes="transform rotate-90" src="arrow"></svg-icon> 2327 </span> 2328 <a class="btn-link w-full justify-between px-s-15 hover:text-blue font-normal" href="/ep-karriere/stellenangebote"> 2329 <span class="border-b-2 py-1"> 2330 Stellenangebote 2331 </span> 2332 <svg-icon src="circle-arrow-right"></svg-icon> 2333 </a> 2334 </li> 2335 2336 </menu> 2337 2338 2339 2340 2341 2342 2343 2344 2345 <menu 2346 x-show="activeMenu === 33"> 2347 <li class="flex border-b border-t"> 2348 <span @click="activeMenu = 17" class="flex items-center justify-center min-w-[2.5rem] cursor-pointer border-r"> 2349 <svg-icon classes="transform rotate-90" src="arrow"></svg-icon> 2350 </span> 2351 <a class="btn-link w-full justify-between px-s-15 hover:text-blue font-normal" href="/unternehmen/vision"> 2352 <span class="border-b-2 py-1"> 2353 Werte & Vision 2354 </span> 2355 <svg-icon src="circle-arrow-right"></svg-icon> 2356 </a> 2357 </li> 2358 2359 </menu> 2360 2361 <menu 2362 x-show="activeMenu === 190"> 2363 <li class="flex border-b border-t"> 2364 <span @click="activeMenu = 17" class="flex items-center justify-center min-w-[2.5rem] cursor-pointer border-r"> 2365 <svg-icon classes="transform rotate-90" src="arrow"></svg-icon> 2366 </span> 2367 <a class="btn-link w-full justify-between px-s-15 hover:text-blue font-normal" href="/unternehmen/management"> 2368 <span class="border-b-2 py-1"> 2369 Management 2370 </span> 2371 <svg-icon src="circle-arrow-right"></svg-icon> 2372 </a> 2373 </li> 2374 2375 </menu> 2376 2377 <menu 2378 x-show="activeMenu === 35"> 2379 <li class="flex border-b border-t"> 2380 <span @click="activeMenu = 17" class="flex items-center justify-center min-w-[2.5rem] cursor-pointer border-r"> 2381 <svg-icon classes="transform rotate-90" src="arrow"></svg-icon> 2382 </span> 2383 <a class="btn-link w-full justify-between px-s-15 hover:text-blue font-normal" href="/unternehmen/presse">
2384 <span class="border-b-2 py-1"> 2385 Presse & News 2386 </span> 2387 <svg-icon src="circle-arrow-right"></svg-icon> 2388 </a> 2389 </li> 2390 2391 </menu> 2392 2393 <menu 2394 x-show="activeMenu === 34"> 2395 <li class="flex border-b border-t"> 2396 <span @click="activeMenu = 17" class="flex items-center justify-center min-w-[2.5rem] cursor-pointer border-r"> 2397 <svg-icon classes="transform rotate-90" src="arrow"></svg-icon> 2398 </span> 2399 <a class="btn-link w-full justify-between px-s-15 hover:text-blue font-normal" href="/unternehmen/nachhaltigkeit"> 2400 <span class="border-b-2 py-1"> 2401 Nachhaltigkeit 2402 </span> 2403 <svg-icon src="circle-arrow-right"></svg-icon> 2404 </a> 2405 </li> 2406 2407 </menu> 2408 2409 <menu 2410 x-show="activeMenu === 376"> 2411 <li class="flex border-b border-t"> 2412 <span @click="activeMenu = 17" class="flex items-center justify-center min-w-[2.5rem] cursor-pointer border-r"> 2413 <svg-icon classes="transform rotate-90" src="arrow"></svg-icon> 2414 </span> 2415 <a class="btn-link w-full justify-between px-s-15 hover:text-blue font-normal" href="/unternehmen/compliance"> 2416 <span class="border-b-2 py-1"> 2417 Compliance 2418 </span> 2419 <svg-icon src="circle-arrow-right"></svg-icon> 2420 </a> 2421 </li> 2422 2423 </menu> 2424 2425 2426 2427 2428 <!-- Third Level --> 2429 2430 2431 <!-- Action links --> 2432 <nav x-data="{ serviceMenu: false }" 2433 class="w-full md:w-fit py-5"> 2434 2435 <ul class="flex flex-col list-none gap-2.5 md:gap-0 md:flex-row md:items-center md:h-11"> 2436 2437 <!-- Servicehotlines --> 2438 2439 <!-- Servicehotlines --> 2440 2441 <!-- Action links --> 2442 2443 <li class="h-full"> 2444 <a href="https://ewos.net/" class="btn-link hover:text-blue font-text-small !font-light md:!font-normal flex gap-2.5 md:gap-s-5 items-center md:px-s-15 h-full navigation hover:translate-y-[2px] hover:shadow-light-box"> 2445 <svg-icon src="shopping-cart"></svg-icon> 2446 Shop 2447 </a> 2448 </li> 2449 2450 2451 2452 2453 <li class="h-full"> 2454 <a href="/service/fillial-werkstattfinder" class="btn-link hover:text-blue font-text-small !font-light md:!font-normal flex gap-2.5 md:gap-s-5 items-center md:px-s-15 h-full navigation hover:translate-y-[2px] hover:shadow-light-box"> 2455 <svg-icon src="location-dot-regular"></svg-icon> 2456 Fillial- & Werkstattfinder 2457 </a> 2458 </li> 2459 2460 2461 <li class="h-full"> 2462 <a href="/kontakt" class="btn-link hover:text-blue font-text-small !font-light md:!font-normal flex gap-2.5 md:gap-s-5 items-center md:px-s-1
24625 h-full navigation hover:translate-y-[2px] hover:shadow-light-box"> 2463 <svg-icon src="address-book"></svg-icon> 2464 Kontakt 2465 </a> 2466 </li> 2467 2468 <!-- Action links --> 2469 2470 <!-- Language menu --> 2471 <li class="h-full md:ml-s-15"> 2472 2473 2474<div 2475 x-data="{ showMenu: false }" 2476 class="relative w-full h-full z-100" 2477 @keydown.escape="showMenu = false"> 2478 2479 2480 <!-- Active language --> 2481 <button 2482 @click="showMenu = !showMenu" 2483 :aria-expanded="showMenu" 2484 aria-label="Sprache auswählen" 2485 aria-haspopup="true" 2486 aria-controls="language-menu-list" 2487 class="flex items-center md:justify-center cursor-pointer gap-2.5 md:gap-0 h-full w-full md:w-11 md:h-full bg-white md:bg-light-grey after:content-[''] after:absolute after:top-0 md:after:top-auto md:after:bottom-0 after:w-full after:h-0 after:bg-blue hover:bg-white md:hover:shadow-light-box md:hover:transform md:hover:translate-y-[2px] md:hover:after:h-0.5" 2488 :class="{'!bg-white md:shadow-light-box after:h-1 md:after:h-0.5 pt-s-15 md:pt-0 md:hover:transform-none': showMenu}" 2489 id="language-menu-button"> 2490 <svg-icon classes="md:hidden" src="globe" aria-hidden="true"></svg-icon> 2491 2492 2493 <p aria-hidden="true" class="font-text-small !font-light md:!font-bold md:text-[1.125rem]"> 2494 <span class="uppercase"> 2495 de 2496 </span> 2497 <span class="md:hidden"> | 2498 Sprache auswählen 2499 </span> 2500 </p> 2501 2502 2503 2504 2505 2506 2507 2508 2509 2510 2511 2512 2513 2514 2515 2516 2517 2518 2519 2520 2521 2522 2523 2524 2525 2526 2527 2528 2529 2530 2531 2532 2533 2534 2535 2536 2537 2538 2539 2540 2541 2542 2543 2544 2545 2546 2547 2548 2549 2550 2551 2552 2553 2554 2555 </button> 2556 <!-- Active language --> 2557 2558 <!-- Languages List --> 2559 <ul 2560 id="language-menu-list" 2561 role="menu" 2562 aria-labelledby="language-menu-button" 2563 @click.away="showMenu = false" 2564 x-show="showMenu" 2565 x-collapse.duration.300ms 2566 x-cloak 2567 class="{f:if(condition: !settings.general.onepager, f:then: 'bottom-full')} language-menu !overflow-scroll absolute w-full md:bottom-auto md:w-auto md:right-0 list-none bg-white md:before:content-[''] md:before:absolute before:top-0 before:w-full before:border-t-4 before:border-t-blue before:transition-all before:duration-300 shadow-light-box"> 2568 2569 2570 <li x-ignore role="none"> 2571 <a role="menuitem" href="https://www.europart.net/cz" class="hover:bg-light-grey transition-colors duration-300 flex gap-2.5 items-center px-4 pt-2.5 pb-1.5 border-b border-b-mid-grey min-w-[12.5rem]"> 2572 <span>ð¨ð¿</span>Äeská republica 2573 </a> 2574 </li> 2575 <li x-ignore role="none"> 2576 <a role="menuitem" href="https://www.europart.net/dk" class="hover:bg-light-grey transition-colors duration-300 flex gap-2.5 items-center px-4 pt-2.5 pb-1.5 border-b border-b-mid-grey min-w-[12.5rem]"> 2577 <span>ð©ð°</span>Danmark 2578 </a> 2579 </li> 2580 <li x-ignore role="none"> 2581 <a role="menuitem" href="https://europart.de/" class="hover:bg-light-grey transition-colors duration-300 flex gap-2.5 items-center px-4 pt-2.5 pb-1.5 border-b border-b-mid-grey min-w-[12.5rem]">
2582 <span>ð©ðª</span>Deutschland 2583 </a> 2584 </li> 2585 <li x-ignore role="none"> 2586 <a role="menuitem" href="https://www.europart.net/ee/" class="hover:bg-light-grey transition-colors duration-300 flex gap-2.5 items-center px-4 pt-2.5 pb-1.5 border-b border-b-mid-grey min-w-[12.5rem]"> 2587 <span>ðªðª</span>Eesti 2588 </a> 2589 </li> 2590 <li x-ignore role="none"> 2591 <a role="menuitem" href="https://www.europart.net/fi/" class="hover:bg-light-grey transition-colors duration-300 flex gap-2.5 items-center px-4 pt-2.5 pb-1.5 border-b border-b-mid-grey min-w-[12.5rem]"> 2592 <span>ð«ð®</span>Suomessa 2593 </a> 2594 </li> 2595 <li x-ignore role="none"> 2596 <a role="menuitem" href="https://www.europart.net/es" class="hover:bg-light-grey transition-colors duration-300 flex gap-2.5 items-center px-4 pt-2.5 pb-1.5 border-b border-b-mid-grey min-w-[12.5rem]"> 2597 <span>ðªð¸</span>España 2598 </a> 2599 </li> 2600 <li x-ignore role="none"> 2601 <a role="menuitem" href="https://www.europart.net/fr" class="hover:bg-light-grey transition-colors duration-300 flex gap-2.5 items-center px-4 pt-2.5 pb-1.5 border-b border-b-mid-grey min-w-[12.5rem]"> 2602 <span>ð«ð·</span>France 2603 </a> 2604 </li> 2605 <li x-ignore role="none"> 2606 <a role="menuitem" href="https://www.europart.net/lt/" class="hover:bg-light-grey transition-colors duration-300 flex gap-2.5 items-center px-4 pt-2.5 pb-1.5 border-b border-b-mid-grey min-w-[12.5rem]"> 2607 <span>ð±ð¹</span>Lietuva 2608 </a> 2609 </li> 2610 <li x-ignore role="none"> 2611 <a role="menuitem" href="https://www.europart.net/lv/" class="hover:bg-light-grey transition-colors duration-300 flex gap-2.5 items-center px-4 pt-2.5 pb-1.5 border-b border-b-mid-grey min-w-[12.5rem]"> 2612 <span>ð±ð»</span>Latvija 2613 </a> 2614 </li> 2615 <li x-ignore role="none"> 2616 <a role="menuitem" href="https://www.europart.net/it" class="hover:bg-light-grey transition-colors duration-300 flex gap-2.5 items-center px-4 pt-2.5 pb-1.5 border-b border-b-mid-grey min-w-[12.5rem]"> 2617 <span>ð®ð¹</span>Italia 2618 </a> 2619 </li> 2620 2621 2622 2623 <li x-ignore role="none"> 2624 <a role="menuitem" href="https://www.europart.net/hu" class="hover:bg-light-grey transition-colors duration-300 flex gap-2.5 items-center px-4 pt-2.5 pb-1.5 border-b border-b-mid-grey min-w-[12.5rem]"> 2625 <span>ððº</span>Magyarország 2626 </a> 2627 </li> 2628 <li x-ignore role="none"> 2629 <a role="menuitem" href="https://www.europart.net/pl" class="hover:bg-light-grey transition-colors duration-300 flex gap-2.5 items-center px-4 pt-2.5 pb-1.5 border-b border-b-mid-grey min-w-[12.5rem]"> 2630 <span>ðµð±</span>Polska 2631 </a> 2632 </li> 2633 <li x-ignore role="none"> 2634 <a role="menuitem" href="https://www.europart.net/pt/" class="hover:bg-light-grey transition-colors duration-300 flex gap-2.5 items-center px-4 pt-2.5 pb-1.5 border-b border-b-mid-grey min-w-[12.5rem]"> 2635 <span>ðµð¹</span>Portugal 2636 </a> 2637 </li> 2638 2639 2640 2641 <li x-ignore role="none"> 2642 <a role="menuitem" href="https://www.europart.net/se" class="hover:bg-light-grey transition-colors duration-300 flex gap-2.5 items-center px-4 pt-2.5 pb-1.5 border-b border-b-mid-grey min-w-[12.5rem]">
2643 <span>ð¸ðª</span>Sverige 2644 </a> 2645 </li> 2646 2647 2648 2649 <li x-ignore role="none"> 2650 <a role="menuitem" href="https://www.europart.net/rs" class="hover:bg-light-grey transition-colors duration-300 flex gap-2.5 items-center px-4 pt-2.5 pb-1.5 border-b border-b-mid-grey min-w-[12.5rem]"> 2651 <span>ð·ð¸</span>Srbija 2652 </a> 2653 </li> 2654 <li x-ignore role="none"> 2655 <a role="menuitem" href="https://www.europart.net/" class="hover:bg-light-grey transition-colors duration-300 flex gap-2.5 items-center px-4 pt-2.5 pb-1.5 border-b border-b-mid-grey min-w-[12.5rem]"> 2656 <span>ð¬ð§</span>United Kingdom 2657 </a> 2658 </li> 2659 </menu> 2660 2661 <!-- Languages List --> 2662 2663</div> 2664 2665 </li> 2666 <!-- Language menu --> 2667 2668 </ul> 2669</nav> 2670 <!-- Action links --> 2671 2672 </nav> 2673 2674 2675 2676 <!-- Navigation --> 2677 </section> 2678 </div> 2679 <!-- Mobile Header --> 2680 2681</header> 2682 2683 2684 2685 <section id="Breadcrumbs"> 2686 2687 2688 2689 2690 2691 <ul class="container list-none flex flex-wrap items-center py-3 text-[0.875rem] text-mid-grey border-b border-b-mid-grey"> 2692 2693 2694 2695 <li> 2696 <a class="relative p-2.5 transition-color duration-500 hover:text-blue before:text-mid-grey before:absolute before:left-0 before:content-['/'] mr-2.5 font-bold border border-light-grey uppercase before:!hidden" href="/"> 2697 EUROPART 2698 </a> 2699 </li> 2700 2701 2702 2703 2704 </ul> 2705 2706 2707 2708 </section> 2709 2710 2711 2712 2713 <main> 2714 <!-- TYPO3SEARCH_begin --> 2715 2716 2717 2718 2719 2720 2721 2722 2723 2724 2725 2726 2727 2728 2729 <section id="c931" class="hero relative frame frame-default frame-layout-0 "> 2730 2731 2732 2733 2734 2735 2736 <section x-data="hero()"> 2737 2738 2739 <div class="relative flex flex-col-reverse"> 2740 <div class="hidden lg:flex bg-blue-gradient text-white py-s-30 absolute top-0 bottom-0 min-w-[45%]"></div> 2741 <div class="bg-blue-gradient text-white py-s-30 md:py-20 lg:py-0 w-full"> 2742 <div class="container"> 2743 <div x-ref="textContainer" class="lg:absolute lg:top-1/2 lg:transform lg:-translate-y-1/2 lg:py-s-30"> 2744 <div class="lg:max-w-[30.25rem] xl:max-w-[36.25rem] xxl:max-w-[42rem] border-l border-l-white pl-s-15 lg:px-s-15 py-5 lg:py-[3.75rem]"> 2745 <h1 class="uppercase font-head-hero"> 2746 Vollblut Blog 2747 </h1> 2748 2749 <div class="rte"> 2750 <h3>Der Blog für alle Vollbluttrucker & Vollblutschrauber</h3> 2751 </div> 2752 2753 2754 </div> 2755 </div> 2756 </div> 2757 </div> 2758 2759 <picture> 2760 2761 2762 <source media="(min-width: 1280px)" 2763 srcset="/fileadmin/_processed_/3/8/csm_Video-Foto-Set_c84c1dda37.webp" 2764 type="image/webp"> 2765 <source media="(max-width: 1280px) and (min-width:768px)" 2766 srcset="/fileadmin/_processed_/3/8/csm_Video-Foto-Set_85b411b27a.webp" 2767 type="image/webp"> 2768 <source media="(max-width: 768px)" 2769 srcset="/fileadmin/_processed_/3/8/csm_Video-Foto-Set_c00c7db96b.webp" 2770 type="image/webp"> 2771 2772 2773 <img :style="'min-height:' + heroHeight" class="ml-auto object-cover w-full lg:w-[55%] h-auto lg:h-full" src="/fileadmin/_processed_/3/8/csm_Video-Foto-Set_c84c1dda37.webp" width="1198" height="798" alt="" /> 2774 </picture> 2775 2776 </div> 2777 2778 2779 2780 <!-- Breadcrumbs --> 2781 2782 2783 2784 2785 2786 2787 2788 <ul class="container list-none flex flex-wrap items-center py-3 text-[0.875rem] text-mid-grey border-b border-b-mid-grey"> 2789 2790 2791 2792 <li> 2793 <a class="relative p-2.5 transition-color duration-500 hover:text-blue before:text-mid-grey before:absolute before:left-0 before:content-['/'] mr-2.5 font-bold border border-light-grey uppercase before:!hidden" href="/"> 2794 EUROPART 2795 </a> 2796 </li> 2797 2798 2799 2800 2801 </ul> 2802 2803 2804 2805 2806 <!-- Breadcrumbs --> 2807 </section> 2808 2809 2810 2811 2812 </section> 2813 2814 2815 2816 2817 2818 2819 2820 2821 2822 2823 2824 2825 2826 2827 2828 2829 2830 2831 2832 <section id="c113" class="news relative frame frame-default frame-layout-0 pt-medium pb-medium "> 2833 2834 2835 2836 2837 <div class="container relative"> 2838 <div class="flex flex-col md:flex-row gap-s-30"> 2839 <section class="w-full flex flex-col gap-s-30 md:w-1/4"> 2840 2841 2842 2843 2844 2845 2846 2847 2848 2849 2850 2851 2852 2853 2854<div class="news"> 2855 2856 <div> 2857 <form method="get" name="search" action="/blog/suche?tx_news_pi1%5Bcontroller%5D=News&cHash=e82797d87399b804c2c792dfe98b21ce"> 2858 <fieldset> 2859 <div class="relative border-b-2 border-mid-grey"> 2860 <input id="news-subject" placeholder="Blog durchsuchen" class="w-full px-4 h-11 outline-none bg-off-white placeholder-mid-grey placeholder:text-base" type="text" name="tx_news_pi1[search][subject]" value="" /> 2861 <button class="absolute right-0 top-1/2 transform -translate-y-1/2 h-full bg-off-white px-3.5" type="submit"> 2862 <svg-icon src="search-icon"/> 2863 </button> 2864 </div> 2865 </fieldset> 2866 </form> 2867 </div> 2868 2869</div> 2870 2871 2872 2873 2874 2875 2876 2877 2878 2879 2880 2881 2882 2883 2884 2885 2886 2887 2888 2889<div class="news"> 2890 2891 2892 2893 2894 2895 2896 2897 2898<section x-data="{activeTags: true, loadMore: false}"> 2899 2900 <div @click="activeTags = !activeTags" 2901 class="px-4 pb-s-5 w-full flex items-center justify-between border-b border-b-mid-grey curs
2901or-pointer md:cursor-default md:pointer-events-none"> 2902 <h4> 2903 Tags 2904 </h4> 2905 <svg-icon 2906 class="transition-all duration-300 transform rotate-180 md:hidden" 2907 :class="{'transform rotate-0' : !activeTags}" 2908 src="carre"> 2909 </svg-icon> 2910 </div> 2911 2912 <section x-show="activeTags" x-collapse> 2913 <ul class="list-none flex flex-wrap px-4 gap-2.5 mt-s-30 md:mt-5" itemprop="keywords"> 2914 2915 2916 2917 2918 2919 2920 2921 2922 2923 2924 2925 2926 <li :class="(1 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 2927 2928 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Mehrkreisschutzventil" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=1&cHash=23a82482aae18ea68603dcfc92c47a6e"> 2929 Mehrkreisschutzventil 2930 </a> 2931 2932 </li> 2933 2934 2935 2936 2937 2938 <li :class="(2 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 2939 2940 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Produkte" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=2&cHash=cf9c7519f12b09a261c5629106a4babd"> 2941 Produkte 2942 </a> 2943 2944 </li> 2945 2946 2947 2948 2949 2950 <li :class="(3 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 2951 2952 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Vierkreisschutzventil" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=3&cHash=fd0bb87c67715ae22108faaee37774f8"> 2953 Vierkreisschutzventil 2954 </a> 2955 2956 </li> 2957 2958 2959 2960 2961 2962 <li :class="(4 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 2963 2964 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Technik" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=5&cHash=3e8d70c7c7de2528a03eac5ba46be286"> 2965 Technik 2966 </a> 2967 2968 </li> 2969 2970 2971 2972 2973 2974 <li :class="(5 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 2975 2976 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Zurrgurt" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=6&cHash=a1ea364bc538b4db1322faf9db21f245"> 2977 Zurrgurt 2978 </a> 2979 2980 </li> 2981 2982 2983 2984 2985 2986 <li :class="(6 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 2987 2988 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Ladungssicherung" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=7&cHash=4f3b8eb52d916fcd0ce2decbe607bb3b"> 2989 Ladungssicherung 2990 </a> 2991 2992 </li> 2993 2994 2995 2996 2997 2998 <li :class="(7 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 2999 3000 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Sicherheit" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=8&cHash=f7032b9b0a5cb62b9843fd5bd452c204"> 3001 Sicherheit 3002 </a> 3003 3004 </li> 3005 3006 3007 3008 3009 3010 <li :class="(8 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3011 3012 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Tipps" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=9&cHash=331f0063b81bd19310dc83a7e5c14e81"> 3013 Tipps 3014 </a> 3015 3016 </li> 3017 3018 3019 3020 3021 3022 <li :class="(9 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3023 3024 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Interview" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=10&cHash=13b8f045108683f85bc2124eff72f7db"> 3025 Interview 3026 </a> 3027 3028 </li> 3029 3030 3031 3032 3033 3034 <li :class="(10 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3035 3036 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Nachhaltigkeit" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=11&cHash=e98bcd225d8335c58181efbba035536d"> 3037 Nachhaltigkeit 3038 </a> 3039 3040 </li> 3041 3042 3043 3044 3045 3046 <li :class="(11 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3047 3048 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Remanufacturing" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=13&cHash=d1f18cc060d4f86380410cca8c71a831"> 3049 Remanufacturing 3050 </a> 3051 3052 </li> 3053 3054 3055 3056 3057 3058 <li :class="(12 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3059 3060 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Wabco" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=15&cHash=2de2d004cbdfe454e6f0184d62de3d9e"> 3061 Wabco 3062 </a> 3063 3064 </li> 3065 3066 3067 3068 3069 3070 <li :class="(13 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3071 3072 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Umwelt" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=16&cHash=8b4bb094b5677a18185f3d3c1e421305"> 3073 Umwelt 3074 </a> 3075 3076 </li> 3077 3078 3079 3080 3081 3082 <li :class="(14 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3083 3084 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Busse" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=17&cHash=e2fbbf90336af674019e46d3a015a52f"> 3085 Busse 3086 </a> 3087 3088 </li> 3089 3090 3091 3092 3093 3094 <li :class="(15 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3095 3096 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Green Energy" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=18&cHash=2136b4b973ccc7767be9064df6d22802"> 3097 Green Energy 3098 </a> 3099 3100 </li> 3101 3102 3103 3104 3105 3106 <li :class="(16 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3107 3108 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Klimaanlage" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=19&cHash=3dd1386b8439517366b53f3e17cc2c9b"> 3109 Klimaanlage 3110 </a> 3111 3112 </li> 3113 3114 3115 3116 3117 3118 <li :class="(17 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3119 3120 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Klimatechnik" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=20&cHash=d84754edb8077abdbd37bd8b146c4773"> 3121 Klimatechnik 3122 </a> 3123 3124 </li> 3125 3126 3127 3128 3129 3130 <li :class="(18 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3131 3132 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Solarzellen" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=21&cHash=fc6f5497a38598565c6fa4e83977d09f"> 3133 Solarzellen 3134 </a> 3135 3136 </li> 3137 3138 3139 3140 3141 3142 <li :class="(19 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3143 3144 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Camping" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=22&cHash=9fd47207c8abdb9a7bf9a15c325fcfeb"> 3145 Camping 3146 </a> 3147 3148 </li> 3149 3150 3151 3152 3153 3154 <li :class="(20 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3155 3156 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Photovoltaik" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=23&cHash=6ef76b563e54708903c26b66c9bf4e6e"> 3157 Photovoltaik 3158 </a> 3159 3160 </li> 3161 3162 3163 3164 3165 3166 <li :class="(21 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3167 3168 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Solarenergie" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=24&cHash=886c6de000a243a93f8a4952bd51a988"> 3169 Solarenergie 3170 </a> 3171 3172 </li> 3173 3174 3175 3176 3177 3178 <li :class="(22 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3179 3180 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Ãle" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=26&cHash=4c7d35368a64a8d8ffc5ab66a751792b"> 3181 Ãle 3182 </a> 3183 3184 </li> 3185 3186 3187 3188 3189 3190 <li :class="(23 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3191 3192 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Biofunktionale Filter" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=27&cHash=f6c5609ce45eb24bbd1623fa5ec6a18e"> 3193 Biofunktionale Filter 3194 </a> 3195 3196 </li> 3197 3198 3199 3200 3201 3202 <li :class="(24 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3203 3204 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Fahrzeugfilter" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=28&cHash=2e4346299b69e67f415a07bf9225f08f"> 3205 Fahrzeugfilter 3206 </a> 3207 3208 </li> 3209 3210 3211 3212 3213 3214 <li :class="(25 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3215 3216 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Filter" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=29&cHash=4ba6aca8beda2534c7995556ca954c06"> 3217 Filter 3218 </a> 3219 3220 </li> 3221 3222 3223 3224 3225 3226 <li :class="(26 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3227 3228 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Filterwechsel" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=30&cHash=87027ae81bad26a957fac978e7ab31df"> 3229 Filterwechsel 3230 </a> 3231 3232 </li> 3233 3234 3235
3235 3236 3237 3238 <li :class="(27 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3239 3240 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Gesundheit" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=31&cHash=c151f05001fd15f0ab9e6e6d5bed2a1d"> 3241 Gesundheit 3242 </a> 3243 3244 </li> 3245 3246 3247 3248 3249 3250 <li :class="(28 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3251 3252 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Innenraumfilter" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=32&cHash=672006b247be2e80d151633a103ff788"> 3253 Innenraumfilter 3254 </a> 3255 3256 </li> 3257 3258 3259 3260 3261 3262 <li :class="(29 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3263 3264 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Kraftstofffilter" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=33&cHash=6179e175b4363ec81de9882d539f03f7"> 3265 Kraftstofffilter 3266 </a> 3267 3268 </li> 3269 3270 3271 3272 3273 3274 <li :class="(30 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3275 3276 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Luftfilter" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=34&cHash=59bb6e91df7ba8637a68f96523c0c705"> 3277 Luftfilter 3278 </a> 3279 3280 </li> 3281 3282 3283 3284 3285 3286 <li :class="(31 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3287 3288 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Ãlfilter" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=35&cHash=3b3b4c3f93318d48574021f3ebaf191c"> 3289 Ãlfilter 3290 </a> 3291 3292 </li> 3293 3294 3295 3296 3297 3298 <li :class="(32 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3299 3300 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Diagnosegerät" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=36&cHash=a44d95a6ce0aa532887064f4b3f2ac6d"> 3301 Diagnosegerät 3302 </a> 3303 3304 </li> 3305 3306 3307 3308 3309 3310 <li :class="(33 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3311 3312 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Neu" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=37&cHash=e8b87c0d2551d964beed1f5cf235f1fb"> 3313 Neu 3314 </a> 3315 3316 </li> 3317 3318 3319 3320 3321 3322 <li :class="(34 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3323 3324 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Werkstatt" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=38&cHash=f65240078d3990edf11399292d5e1199"> 3325 Werkstatt 3326 </a> 3327 3328 </li> 3329 3330 3331 3332 3333 3334 <li :class="(35 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3335 3336 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Fahrsicherheit" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=39&cHash=077dacddaa72f977af46eae17b5b7d53"> 3337 Fahrsicherheit 3338 </a> 3339 3340 </li> 3341 3342 3343 3344 3345 3346 <li :class="(36 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3347 3348 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Menschen" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=40&cHash=30c246abac57748be4d2adcf37a6b26e"> 3349 Menschen 3350 </a> 3351 3352 </li> 3353 3354 3355 3356 3357 3358 <li :class="(37 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3359 3360 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Energie" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=41&cHash=3ee156610d12394e06024ed8a49eefdf"> 3361 Energie 3362 </a> 3363 3364 </li> 3365 3366 3367 3368 3369 3370 <li :class="(38 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3371 3372 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Arbeitsschutz" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=42&cHash=bfd1e32ead9758bd8dbad64899b13bf5"> 3373 Arbeitsschutz 3374 </a> 3375 3376 </li> 3377 3378 3379 3380 3381 3382 <li :class="(39 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3383 3384 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Wissenswertes" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=43&cHash=9208324517cfae2fd233b1ccb31d414f"> 3385 Wissenswertes 3386 </a> 3387 3388 </li> 3389 3390 3391 3392 3393 3394 <li :class="(40 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3395 3396 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Dometic" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=44&cHash=ab0c4c5188736080d6b91f22a4d03861"> 3397 Dometic 3398 </a> 3399 3400 </li> 3401 3402 3403 3404 3405 3406 <li :class="(41 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3407 3408 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Einbau" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=45&cHash=6f53336b2eecc3a26f321dfe4db26712"> 3409 Einbau 3410 </a> 3411 3412 </li> 3413 3414 3415 3416 3417 3418 <li :class="(42 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3419 3420 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Kompetenz" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=46&cHash=675ecb7d604d67de0107c3a943fc867e"> 3421 Kompetenz 3422 </a> 3423 3424 </li> 3425 3426 3427 3428 3429 3430 <li :class="(43 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3431 3432 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Starter" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=47&cHash=e0a14609c62e03cc358364feffb80e98"> 3433 Starter 3434 </a> 3435 3436 </li> 3437 3438 3439 3440 3441 3442 <li :class="(44 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3443 3444 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Startermotor" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=48&cHash=2019f6c88118e90c62d80f26711ccec0"> 3445 Startermotor 3446 </a> 3447 3448 </li> 3449 3450 3451 3452 3453 3454 <li :class="(45 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3455 3456 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Batterie" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=49&cHash=a5ba9311a8497d7a07b5dcf50a22f46d"> 3457 Batterie 3458 </a> 3459 3460 </li> 3461 3462 3463 3464 3465 3466 <li :class="(46 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3467 3468 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Fahrzeugbatterie" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=50&cHash=303d483c277639d5ff1d19585ac04a85"> 3469 Fahrzeugbatterie 3470 </a> 3471 3472 </li> 3473 3474 3475 3476 3477 3478 <li :class="(47 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3479 3480 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Starterbatterie" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=51&cHash=bf7fa3e99529a6f4497256afb89f68bf"> 3481 Starterbatterie 3482 </a> 3483 3484 </li> 3485 3486 3487 3488 3489 3490 <li :class="(48 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3491 3492 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Max Hunt" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=55&cHash=505c3e7de15bf55fd57df6aeddc9a108"> 3493 Max Hunt 3494 </a> 3495 3496 </li> 3497 3498 3499 3500 3501 3502 <li :class="(49 > 10) && !loadMore ? 'hidden' : 'flex'" x-cloak> 3503 3504 <a class="transition-colors duration-300 flex font-text-small text-blue !font-light p-s-15 bg-light-grey rounded-[2.5rem] hover:text-white hover:bg-blue" title="Schmierstoff" href="/blog?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=622&cHash=ec2b1fbbe0541d34d91d333d8f568b70"> 3505 Schmierstoff 3506 </a> 3507 3508 </li> 3509 3510 </ul> 3511 3512 <div class="mt-small flex w-full mx-auto justify-center border-b-2 border-b-blue lg:w-8/12">
3513 <button @click="loadMore = !loadMore" class="px-s-15 flex gap-s-5 items-center hover:text-blue"> 3514 <span x-text="loadMore ? 'weniger anzeigen' : 'mehr anzeigen'">mehr anzeigen</span> 3515 <svg-icon src="arrow" :class="{'transform rotate-180' : loadMore}"></svg-icon> 3516 </button> 3517 </div> 3518 3519 </section> 3520 3521</section> 3522 3523 3524 3525 3526</div> 3527 3528 3529 3530 3531 3532 3533 </section> 3534 <section class="w-full md:w-3/4"> 3535 3536 3537 3538 3539 3540 3541 3542 3543 3544 3545 3546 3547 3548 3549 <section id="c118" class="news_newsliststicky relative frame frame-default frame-layout-0 "> 3550 3551 3552 3553 3554 <!--TYPO3SEARCH_end--> 3555 3556 3557 3558 <div class="grid gap-5 md:grid-cols-3 lg:gap-s-30 pb-medium border-b border-b-mid-grey" id="news-container-118"> 3559 3560 3561 <!-- Items --> 3562 3563 3564 3565 3566 3567 3568 3569 3570 3571<!-- 3572 ===================== 3573 Partials/List/Item.html 3574--> 3575 3576 <article 3577 class="flex flex-col-reverse articletype-0 md:col-span-3 md:grid md:grid-cols-3 md:gap-5 lg:gap-s-30" 3578 itemscope="itemscope" itemtype="https://schema.org/Article"> 3579 3580 3581 3582 3583 <section class="bg-light-grey px-s-15 flex flex-col h-full md:col-span-1"> 3584 <div class="py-s-15 flex flex-col h-full hyphens-auto"> 3585 <h4 itemprop="headline"> 3586 Spotlight on ⦠EUROPART Premium Parts Bremsbeläge 3587 </h4> 3588 3589 3590 <div class="rte line-clamp-3 mt-s-5 mb-s-15" itemprop="description"> 3591 <p>Im Arbeitsalltag von Werkstätten, Fuhrparks und Fahrern zählt beim Thema Bremsen vor allem eines: Verlässlichkeit.â¦</p> 3592 </div> 3593 3594 3595 <a itemprop="url" class="flex btn-primary {f:if(condition: !isFirstTopNew, then: 'mt-auto')}" title="Spotlight on ⦠EUROPART Premium Parts Bremsbeläge" href="/blog/detail/spotlight-on-europart-premium-parts-bremsbelaege"> 3596 Mehr lesen 3597 <svg-icon src="circle-arrow-right"></svg-icon> 3598 </a> 3599 </div> 3600 <div class="mt-auto py-2.5 border-t border-t-mid-grey font-text-small text-mid-grey flex flex-wrap justify-between items-center"> 3601 <div class="flex gap-s-5 items-center"> 3602 <svg-icon classes="mb-1" src="calendar"></svg-icon> 3603 <time itemprop="datePublished" datetime="2026-07-10"> 3604 10.07.2026 3605 </time> 3606 </div> 3607 3608 <div class="flex gap-s-5 items-center"> 3609 <svg-icon classes="mb-1" src="read-time"></svg-icon> 3610 <span>8</span> 3611 </div> 3612 3613 </div> 3614 </section> 3615 3616 3617 <a class="md:col-span-2 md:-ml-5 lg:-ml-s-30 md:pointer-events-none" title="Spotlight on ⦠EUROPART Premium Parts Bremsbeläge" href="/blog/detail/spotlight-on-europart-premium-parts-bremsbelaege"> 3618 3619 3620 <img class="w-full h-full aspect-video object-cover" loading="lazy" src="/fileadmin/_processed_/0/3/csm_Spotlight_Bremsbelege_722d4226fb.webp" width="760" height="600" alt="" /> 3621 3622 3623 3624 </a> 3625 3626 3627 3628 </article> 3629 3630 3631 3632 3633 3634 3635 3636 3637 3638 3639 3640<!-- 3641 ===================== 3642 Partials/List/Item.html 3643--> 3644 3645 <article 3646 class="flex flex-col-reverse articletype-0 " 3647 itemscope="itemscope" itemtype="https://schema.org/Article"> 3648 3649 3650 3651 3652 <section class="bg-light-grey px-s-15 flex flex-col h-full "> 3653 <div class="py-s-15 flex flex-col h-full hyphens-auto"> 3654 <h4 itemprop="headline"> 3655 Cool bleiben mit der Waeco WCC32 Kühlbox 3656 </h4> 3657 3658 3659 <div class="rte line-clamp-3 mt-s-5 mb-s-15" itemprop="description"> 3660 <p>Ob auf der Baustelle, im Servicefahrzeug oder bei langen Einsätzen unterwegs, gerade an warmen Tagen ist eineâ¦</p> 3661 </div> 3662 3663 3664 <a itemprop="url" class="flex btn-primary {f:if(condition: !isFirstTopNew, then: 'mt-auto')}" title="Cool bleiben mit der Waeco WCC32 Kühlbox " href="/blog/detail/cool-bleiben-mit-der-waeco-wcc32-kuehlbox"> 3665 Mehr lesen 3666 <svg-icon src="circle-arrow-right"></svg-icon> 3667 </a> 3668 </div> 3669 <div class="mt-auto py-2.5 border-t border-t-mid-grey font-text-small text-mid-grey flex flex-wrap justify-between items-center"> 3670 <div class="flex gap-s-5 items-center"> 3671 <svg-icon classes="mb-1" src="calendar"></svg-icon> 3672 <time itemprop="datePublished" datetime="2026-07-03"> 3673 03.07.2026 3674 </time> 3675 </div> 3676 3677 <div class="flex gap-s-5 items-center"> 3678 <svg-icon classes="mb-1" src="read-time"></svg-icon> 3679 <span>6</span> 3680 </div> 3681 3682 </div> 3683 </section> 3684 3685 3686 <a class=" md:pointer-events-none" title="Cool bleiben mit der Waeco WCC32 Kühlbox " href="/blog/detail/cool-bleiben-mit-der-waeco-wcc32-kuehlbox"> 3687 3688 3689 <img class="w-full h-full aspect-video object-cover" loading="lazy" src="/fileadmin/_processed_/6/5/csm_Waeco_front_c9be350e99.webp" width="1000" height="563" alt="" /> 3690 3691 3692 3693 </a> 3694 3695 3696 3697 </article> 3698 3699 3700 3701 3702 3703 3704 3705 3706 3707 3708 3709<!-- 3710 ===================== 3711 Partials/List/Item.html 3712--> 3713 3714 <article 3715 class="flex flex-col-reverse articletype-0 " 3716 itemscope="itemscope" itemtype="https://schema.org/Article"> 3717 3718 3719 3720 3721 <section class="bg-light-grey px-s-15 flex flex-col h-full "> 3722 <div class="py-s-15 flex flex-col h-full hyphens-auto"> 3723 <h4 itemprop="headline"> 3724 Spotlight on ... Premium Parts Bremsscheiben 3725 </h4> 3726 3727 3728 <div class="rte line-clamp-3 mt-s-5 mb-s-15" itemprop="description"> 3729 <p>
3729Im täglichen Einsatz von Nutzfahrzeugen gehören Bremsscheiben zu den am stärksten belasteten Komponenten überhaupt. Obâ¦</p> 3730 </div> 3731 3732 3733 <a itemprop="url" class="flex btn-primary {f:if(condition: !isFirstTopNew, then: 'mt-auto')}" title="Spotlight on ... Premium Parts Bremsscheiben" href="/blog/detail/spotlight-on-premium-parts-bremsscheiben"> 3734 Mehr lesen 3735 <svg-icon src="circle-arrow-right"></svg-icon> 3736 </a> 3737 </div> 3738 <div class="mt-auto py-2.5 border-t border-t-mid-grey font-text-small text-mid-grey flex flex-wrap justify-between items-center"> 3739 <div class="flex gap-s-5 items-center"> 3740 <svg-icon classes="mb-1" src="calendar"></svg-icon> 3741 <time itemprop="datePublished" datetime="2026-06-03"> 3742 03.06.2026 3743 </time> 3744 </div> 3745 3746 <div class="flex gap-s-5 items-center"> 3747 <svg-icon classes="mb-1" src="read-time"></svg-icon> 3748 <span>8</span> 3749 </div> 3750 3751 </div> 3752 </section> 3753 3754 3755 <a class=" md:pointer-events-none" title="Spotlight on ... Premium Parts Bremsscheiben" href="/blog/detail/spotlight-on-premium-parts-bremsscheiben"> 3756 3757 3758 <img class="w-full h-full aspect-video object-cover" loading="lazy" src="/fileadmin/_processed_/d/7/csm_Spotlight_Bremsscheibe_und_Belag_41fe5c058c.webp" width="900" height="600" alt="" /> 3759 3760 3761 3762 </a> 3763 3764 3765 3766 </article> 3767 3768 3769 3770 3771 3772 3773 3774 3775 3776 3777 3778<!-- 3779 ===================== 3780 Partials/List/Item.html 3781--> 3782 3783 <article 3784 class="flex flex-col-reverse articletype-0 " 3785 itemscope="itemscope" itemtype="https://schema.org/Article"> 3786 3787 3788 3789 3790 <section class="bg-light-grey px-s-15 flex flex-col h-full "> 3791 <div class="py-s-15 flex flex-col h-full hyphens-auto"> 3792 <h4 itemprop="headline"> 3793 Back to Cool - mit HELLA Motorkühlung auf höchstem Niveau 3794 </h4> 3795 3796 3797 <div class="rte line-clamp-3 mt-s-5 mb-s-15" itemprop="description"> 3798 <p>Wenn es um zuverlässige Motorkühlung geht, setzt HELLA seit Jahrzehnten MaÃstäbe. Unter dem Motto âBack to Coolâ bringtâ¦</p> 3799 </div> 3800 3801 3802 <a itemprop="url" class="flex btn-primary {f:if(condition: !isFirstTopNew, then: 'mt-auto')}" title="Back to Cool - mit HELLA Motorkühlung auf höchstem Niveau" href="/blog/detail/hella-motorkuehlung-back-to-cool"> 3803 Mehr lesen 3804 <svg-icon src="circle-arrow-right"></svg-icon> 3805 </a> 3806 </div> 3807 <div class="mt-auto py-2.5 border-t border-t-mid-grey font-text-small text-mid-grey flex flex-wrap justify-between items-center"> 3808 <div class="flex gap-s-5 items-center"> 3809 <svg-icon classes="mb-1" src="calendar"></svg-icon> 3810 <time itemprop="datePublished" datetime="2026-05-01"> 3811 01.05.2026 3812 </time> 3813 </div> 3814 3815 <div class="flex gap-s-5 items-center"> 3816 <svg-icon classes="mb-1" src="read-time"></svg-icon> 3817 <span>6</span> 3818 </div> 3819 3820 </div> 3821 </section> 3822 3823 3824 <a class=" md:pointer-events-none" title="Back to Cool - mit HELLA Motorkühlung auf höchstem Niveau" href="/blog/detail/hella-motorkuehlung-back-to-cool"> 3825 3826 3827 <img class="w-full h-full aspect-video object-cover" loading="lazy" src="/fileadmin/_processed_/5/a/csm_Hella_Back_to_Cool_Pinguin_7f6a8f0fd1.webp" width="900" height="600" alt="" /> 3828 3829 3830 3831 </a> 3832 3833 3834 3835 </article> 3836 3837 3838 3839 3840 3841 3842 3843 3844 3845 3846 3847<!-- 3848 ===================== 3849 Partials/List/Item.html 3850--> 3851 3852 <article 3853 class="flex flex-col-reverse articletype-0 " 3854 itemscope="itemscope" itemtype="https://schema.org/Article"> 3855 3856 3857 3858 3859 <section class="bg-light-grey px-s-15 flex flex-col h-full "> 3860 <div class="py-s-15 flex flex-col h-full hyphens-auto"> 3861 <h4 itemprop="headline"> 3862 Hengst - Wenn Filtration den Unterschied macht 3863 </h4> 3864 3865 3866 <div class="rte line-clamp-3 mt-s-5 mb-s-15" itemprop="description"> 3867 <p>Im internationalen Transportgeschäft zählt vor allem eines: Zuverlässigkeit. Fahrzeuge sind täglich im Einsatz, legenâ¦</p> 3868 </div> 3869 3870 3871 <a itemprop="url" class="flex btn-primary {f:if(condition: !isFirstTopNew, then: 'mt-auto')}" title="Hengst - Wenn Filtration den Unterschied macht" href="/blog/detail/wenn-filtration-den-unterschied-macht"> 3872 Mehr lesen 3873 <svg-icon src="circle-arrow-right"></svg-icon> 3874 </a> 3875 </div> 3876 <div class="mt-auto py-2.5 border-t border-t-mid-grey font-text-small text-mid-grey flex flex-wrap justify-between items-center"> 3877 <div class="flex gap-s-5 items-center"> 3878 <svg-icon classes="mb-1" src="calendar"></svg-icon> 3879 <time itemprop="datePublished" datetime="2026-04-24"> 3880 24.04.2026 3881 </time> 3882 </div> 3883 3884 <div class="flex gap-s-5 items-center"> 3885 <svg-icon classes="mb-1" src="read-time"></svg-icon> 3886 <span>6</span> 3887 </div> 3888 3889 </div> 3890 </section> 3891 3892 3893 3894 3895 </article> 3896 3897 3898 3899 3900 3901 3902 3903 3904 3905 3906 3907<!-- 3908 ===================== 3909 Partials/List/Item.html 3910--> 3911 3912 <article 3913 class="flex flex-col-reverse articletype-0 " 3914 itemscope="itemscope" itemtype="https://schema.org/Article"> 3915 3916 3917 3918 3919 <section class="bg-light-grey px-s-15 flex flex-col h-full "> 3920 <div class="py-s-15 flex flex-col h-full hyphens-auto"> 3921 <h4 itemprop="headline"> 3922 COâ und Kosten senken. Wie SKF-Radlager zur Effizienz beitragen 3923 </h4> 3924 3925 3926 <div class="rte line-clamp-3 mt-s-5 mb-s-15" itemprop="description"> 3927 <p>Steigende Kraftstoffpreise, zunehmender Wettbewerbsdruck und strengere CO2-Vorgaben stellen Flottenbetreiber undâ¦</p> 3928 </div> 3929 3930 3931 <a itemprop="url" class="flex btn-primary {f:if(condition: !isFirstTopNew, then: 'mt-auto')}" title="COâ und Kosten senken. Wie SKF-Radlager zur Effizienz beitragen" href="/blog/detail/co2-und-kosten-senken-skf-radlager"> 3932 Mehr lesen 3933 <svg-icon src="circle-arrow-right"></svg-icon> 3934 </a> 3935 </div> 3936 <div class="mt-auto py-2.5 border-t border-t-mid-grey font-text-small text-mid-grey flex flex-wrap justify-between items-center"> 3937 <div class="flex gap-s-5 items-center"> 3938 <svg-icon classes="mb-1" src="calendar"></svg-icon> 3939 <time itemprop="datePublished" datetime="2026-04-10"> 3940 10.04.2026 3941 </time> 3942 </div> 3943 3944 <div class="flex gap-s-5 items-center"> 3945 <svg-icon classes="mb-1" src="read-time"></svg-icon> 3946 <span>5</span> 3947 </div> 3948 3949 </div> 3950 </section> 3951 3952 3953 3954 3955 </article> 3956 3957 3958 3959 3960 3961 3962 3963 3964 3965 3966 3967<!-- 3968 ===================== 3969 Partials/List/Item.html 3970--> 3971 3972 <article 3973 class="flex flex-col-reverse articletype-0 " 3974 itemscope="itemscope" itemtype="https://schema.org/Article"> 3975 3976 3977 3978 3979 <section class="bg-light-grey px-s-15 flex flex-col h-full "> 3980 <div class="py-s-15 flex flex-col h-full hyphens-auto"> 3981 <h4 itemprop="headline"> 3982 Spotlight on ... Premium Parts Felge 3983 </h4> 3984 3985 3986 <div class="rte line-clamp-3 mt-s-5 mb-s-15" itemprop="description"> 3987 <p>
3987Im Werkstattalltag und im Kundenkontakt fällt häufig der Begriff âFelgeâ, wenn es um das Rad eines Fahrzeugs geht.â¦</p> 3988 </div> 3989 3990 3991 <a itemprop="url" class="flex btn-primary {f:if(condition: !isFirstTopNew, then: 'mt-auto')}" title="Spotlight on ... Premium Parts Felge" href="/blog/detail/spotlight-on-premium-parts-felge"> 3992 Mehr lesen 3993 <svg-icon src="circle-arrow-right"></svg-icon> 3994 </a> 3995 </div> 3996 <div class="mt-auto py-2.5 border-t border-t-mid-grey font-text-small text-mid-grey flex flex-wrap justify-between items-center"> 3997 <div class="flex gap-s-5 items-center"> 3998 <svg-icon classes="mb-1" src="calendar"></svg-icon> 3999 <time itemprop="datePublished" datetime="2026-04-01"> 4000 01.04.2026 4001 </time> 4002 </div> 4003 4004 <div class="flex gap-s-5 items-center"> 4005 <svg-icon classes="mb-1" src="read-time"></svg-icon> 4006 <span>8</span> 4007 </div> 4008 4009 </div> 4010 </section> 4011 4012 4013 4014 4015 </article> 4016 4017 4018 4019 4020 4021 4022 4023 4024 4025 4026 4027<!-- 4028 ===================== 4029 Partials/List/Item.html 4030--> 4031 4032 <article 4033 class="flex flex-col-reverse articletype-0 " 4034 itemscope="itemscope" itemtype="https://schema.org/Article"> 4035 4036 4037 4038 4039 <section class="bg-light-grey px-s-15 flex flex-col h-full "> 4040 <div class="py-s-15 flex flex-col h-full hyphens-auto"> 4041 <h4 itemprop="headline"> 4042 Schmierstoffe im Werkstattalltag 4043 </h4> 4044 4045 4046 <div class="rte line-clamp-3 mt-s-5 mb-s-15" itemprop="description"> 4047 <p>Schmierstoffe gehören zum täglichen Arbeitsumfeld in Werkstätten und Industriebetrieben. Ob Motorenöl, Getriebeöl oderâ¦</p> 4048 </div> 4049 4050 4051 <a itemprop="url" class="flex btn-primary {f:if(condition: !isFirstTopNew, then: 'mt-auto')}" title="Schmierstoffe im Werkstattalltag" href="/blog/detail/schmierstoffe-werkstattalltag"> 4052 Mehr lesen 4053 <svg-icon src="circle-arrow-right"></svg-icon> 4054 </a> 4055 </div> 4056 <div class="mt-auto py-2.5 border-t border-t-mid-grey font-text-small text-mid-grey flex flex-wrap justify-between items-center"> 4057 <div class="flex gap-s-5 items-center"> 4058 <svg-icon classes="mb-1" src="calendar"></svg-icon> 4059 <time itemprop="datePublished" datetime="2026-03-16"> 4060 16.03.2026 4061 </time> 4062 </div> 4063 4064 <div class="flex gap-s-5 items-center"> 4065 <svg-icon classes="mb-1" src="read-time"></svg-icon> 4066 <span>5</span> 4067 </div> 4068 4069 </div> 4070 </section> 4071 4072 4073 4074 4075 </article> 4076 4077 4078 4079 4080 4081 4082 4083 4084 4085 4086 4087<!-- 4088 ===================== 4089 Partials/List/Item.html 4090--> 4091 4092 <article 4093 class="flex flex-col-reverse articletype-0 " 4094 itemscope="itemscope" itemtype="https://schema.org/Article"> 4095 4096 4097 4098 4099 <section class="bg-light-grey px-s-15 flex flex-col h-full "> 4100 <div class="py-s-15 flex flex-col h-full hyphens-auto"> 4101 <h4 itemprop="headline"> 4102 Spotlight on ... Premium Parts Ladungssicherung 4103 </h4> 4104 4105 4106 <div class="rte line-clamp-3 mt-s-5 mb-s-15" itemprop="description"> 4107 <p>Ladungssicherung gehört zu den zentralen Aufgaben im Transportalltag. Ob Stückgut, Maschinenbauteile oder palettierteâ¦</p> 4108 </div> 4109 4110 4111 <a itemprop="url" class="flex btn-primary {f:if(condition: !isFirstTopNew, then: 'mt-auto')}" title="Spotlight on ... Premium Parts Ladungssicherung" href="/blog/detail/spotlight-on-premium-parts-ladungssicherung"> 4112 Mehr lesen 4113 <svg-icon src="circle-arrow-right"></svg-icon> 4114 </a> 4115 </div> 4116 <div class="mt-auto py-2.5 border-t border-t-mid-grey font-text-small text-mid-grey flex flex-wrap justify-between items-center"> 4117 <div class="flex gap-s-5 items-center"> 4118 <svg-icon classes="mb-1" src="calendar"></svg-icon> 4119 <time itemprop="datePublished" datetime="2026-03-01"> 4120 01.03.2026 4121 </time> 4122 </div> 4123 4124 <div class="flex gap-s-5 items-center"> 4125 <svg-icon classes="mb-1" src="read-time"></svg-icon> 4126 <span>5</span> 4127 </div> 4128 4129 </div> 4130 </section> 4131 4132 4133 4134 4135 </article> 4136 4137 4138 4139 4140 4141 4142 4143 4144 4145 4146 4147<!-- 4148 ===================== 4149 Partials/List/Item.html 4150--> 4151 4152 <article 4153 class="flex flex-col-reverse articletype-0 " 4154 itemscope="itemscope" itemtype="https://schema.org/Article"> 4155 4156 4157 4158 4159 <section class="bg-light-grey px-s-15 flex flex-col h-full "> 4160 <div class="py-s-15 flex flex-col h-full hyphens-auto"> 4161 <h4 itemprop="headline"> 4162 Gemeinsam stark mit ROWE 4163 </h4> 4164 4165 4166 <div class="rte line-clamp-3 mt-s-5 mb-s-15" itemprop="description"> 4167 <p>Was auf der Rennstrecke besteht, bringt jetzt auch Eure Werkstatt nach vorn. EUROPART und ROWE starten eineâ¦</p> 4168 </div> 4169 4170 4171 <a itemprop="url" class="flex btn-primary {f:if(condition: !isFirstTopNew, then: 'mt-auto')}" title="Gemeinsam stark mit ROWE" href="/blog/detail/gemeinsam-stark-mit-rowe"> 4172 Mehr lesen 4173 <svg-icon src="circle-arrow-right"></svg-icon> 4174 </a> 4175 </div> 4176 <div class="mt-auto py-2.5 border-t border-t-mid-grey font-text-small text-mid-grey flex flex-wrap justify-between items-center"> 4177 <div class="flex gap-s-5 items-center"> 4178 <svg-icon classes="mb-1" src="calendar"></svg-icon> 4179 <time itemprop="datePublished" datetime="2025-10-01"> 4180 01.10.2025 4181 </time> 4182 </div> 4183 4184 </div> 4185 </section> 4186 4187 4188 4189 4190 </article> 4191 4192 4193 4194 4195 <!-- Items --> 4196 </div> 4197 4198 4199 <!-- Pagination --> 4200 4201 4202 <ul class="list-none flex gap-s-15 justify-center font-text-small pt-s-15"> 4203 4204 4205 4206 4207 <li class="text-blue">1</li> 4208 4209 4210 4211 <li> 4212 <a class="hover:text-blue" href="/blog?tx_news_pi1%5Bcontroller%5D=News&tx_news_pi1%5BcurrentPage%5D=2&cHash=41e061920f6206d7381280b49064e30e">2</a> 4213 </li> 4214 4215 4216 4217 <li> 4218 <a class="hover:text-blue" href="/blog?tx_news_pi1%5Bcontroller%5D=News&tx_news_pi1%5BcurrentPage%5D=3&cHash=9222c3735f1ad36176602c496429f528">3</a> 4219 </li> 4220 4221 4222 4223 <li> 4224 <a class="hover:text-blue" href="/blog?tx_news_pi1%5Bcontroller%5D=News&tx_news_pi1%5BcurrentPage%5D=4&cHash=941fd939728ffcff5d3de5b64f6653b3">4</a> 4225 </li> 4226 4227 4228 4229 <li> 4230 <a class="hover:text-blue" href="/blog?tx_news_pi1%5Bcontroller%5D=News&tx_news_pi1%5BcurrentPage%5D=5&cHash=51042d508eecbba4370622fb4a52c7d5">5</a> 4231 </li> 4232 4233 4234 4235 <li> 4236 <a class="hover:text-blue" href="/blog?tx_news_pi1%5Bcontroller%5D=News&tx_news_pi1%5BcurrentPage%5D=6&cHash=27348103dc3141be8f4b391beda9a48e">6</a> 4237 </li> 4238 4239 4240 4241 4242 <li class="pl-s-15"> 4243 <a class="hover:text-blue" href="/blog?tx_news_pi1%5Bcontroller%5D=News&tx_news_pi1%5BcurrentPage%5D=2&cHash=41e061920f6206d7381280b49064e30e" title=""> 4244 <svg-icon classes="transform rotate-180" src="pagination-arrow"/> 4245 </a> 4246 </li> 4247 4248 </ul> 4249 4250 4251 4252 <!-- Pagination --> 4253 4254 <!--TYPO3SEARCH_begin--> 4255 4256 4257 4258 </section> 4259 4260 4261 4262 4263 4264 </section> 4265 </div> 4266 </div> 4267 4268 4269 </section> 4270 4271 4272 4273 4274 4275 <!-- TYPO3SEARCH_end --> 4276 </main> 4277 4278 <section x-data> 4279 4280<a href="/ihre-merkliste" x-show="$store.watchList.getLength()" x-transition:enter="transition ease-out duration-500" x-transition:enter-start="opacity-0 scale-90 translate-x-full" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-90 translate-x-full" x-cloak=" " class="fixed right-0 bottom-0 md:bottom-[3.75rem] flex gap-s-15 bg-yellow p-s-15 font-text-small z-50 transform items-center"> 4281 4282 <p x-text="'Merkliste (%s) anzeigen'.replace('%s', $store.watchList.getLength())"></p> 4283 <svg-icon src="circle-arrow-right"/> 4284 4285</a> 4286 4287 </section> 4288 4289 4290 4291<footer> 4292 <div class="bg-blue text-white"> 4293 <section class="border-b-2 border-white"> 4294 <div class="container grid md:grid-cols-3 gap-11 md:gap-28 py-10 lg:py-[3.75rem] lg:px-10"> 4295 4296 4297 4298 <div class="md:order-3"> 4299 4300 4301 4302 <style> 4303.footer-contact__button { 4304 display: inline-block; 4305 margin-top: 16px; 4306} 4307</style> 4308 4309<section class="footer-contact"> 4310 <h2>So erreicht Ihr uns</h2> 4311 4312 <p>⦠einfach immer.</p> 4313 4314 <br> 4315 4316 <p>
4317 Ihr braucht unseren Support? Füllt einfach das Kontaktformular aus und wir melden uns bei Euch. 4318 </p> 4319 4320 4321 <a 4322 href="https://europart.de/kontaktformular" 4323 class="btn-secondary footer-contact__button" 4324 > 4325 Zum Kontaktformular 4326 </a> 4327</section> 4328 4329 4330 4331 </div> 4332 4333 4334 4335 4336 4337 <div class="flex flex-col gap-4 md:order-1"> 4338 4339 <ul class="list-none flex flex-col gap-1.5"> 4340 4341 <p class="border-b-2 border-dark-blue mb-2.5">Downloads</p> 4342 4343 4344 <li> 4345 <a class="btn-link" href="/dokumente"> 4346 <h4>Dokumente</h4> 4347 </a> 4348 </li> 4349 4350 <li> 4351 <a class="btn-link" href="/zertifikate"> 4352 <h4>Zertifikate</h4> 4353 </a> 4354 </li> 4355 4356 <li> 4357 <a class="btn-link" href="/promotions"> 4358 <h4>Angebote</h4> 4359 </a> 4360 </li> 4361 4362 4363 4364 </ul> 4365 4366 <ul class="list-none flex flex-col gap-1.5"> 4367 4368 <p class="border-b-2 border-dark-blue mb-2.5">Presse & News</p> 4369 4370 4371 <li> 4372 <a class="btn-link" href="/pressemitteilungen"> 4373 <h4>Pressemitteilungen & News</h4> 4374 </a> 4375 </li> 4376 4377 <li> 4378 <a class="btn-link" href="/blog"> 4379 <h4>Blog</h4> 4380 </a> 4381 </li> 4382 4383 4384 4385 </ul> 4386 4387 </div> 4388 4389 4390 4391 4392 <ul class="list-none w-full flex justify-around md:justify-start md:gap-s-15 md:order-2 md:flex-col py-3 md:py-0"> 4393 4394 <p class="hidden md:flex border-b-2 border-dark-blue">Social Media</p> 4395 4396 4397 4398 4399 <li> 4400 <a href="https://www.instagram.com/europart_group/" class="md:btn-link flex gap-1.5 items-center" target="_blank"> 4401 <svg-icon classes="w-7 h-7 md:w-[1.125rem] md:h-[1.125rem]" src="instagram"></svg-icon>
4402 <span class="hidden md:block">Instagram</span> 4403 </a> 4404 </li> 4405 4406 4407 4408 <li> 4409 <a href="https://www.facebook.com/europartgroup/" class="md:btn-link flex gap-1.5 items-center" target="_blank"> 4410 <svg-icon classes="w-7 h-7 md:w-[1.125rem] md:h-[1.125rem]" src="facebook"></svg-icon> 4411 <span class="hidden md:block">Facebook</span> 4412 </a> 4413 </li> 4414 4415 4416 4417 <li> 4418 <a href="https://www.youtube.com/user/EUROPARTTradingGmbH" class="md:btn-link flex gap-1.5 items-center" target="_blank"> 4419 <svg-icon classes="w-7 h-7 md:w-[1.125rem] md:h-[1.125rem]" src="youtube"></svg-icon> 4420 <span class="hidden md:block">YouTube</span> 4421 </a> 4422 </li> 4423 4424 4425 4426 <li> 4427 <a href="https://de.linkedin.com/company/europart-group" class="md:btn-link flex gap-1.5 items-center" target="_blank"> 4428 <svg-icon classes="w-7 h-7 md:w-[1.125rem] md:h-[1.125rem]" src="linkedin"></svg-icon> 4429 <span class="hidden md:block">Linkedin</span> 4430 </a> 4431 </li> 4432 4433 4434 4435 <li> 4436 <a href="https://www.xing.com/pages/europartholdinggmbh" class="md:btn-link flex gap-1.5 items-center" target="_blank"> 4437 <svg-icon classes="w-7 h-7 md:w-[1.125rem] md:h-[1.125rem]" src="xing"></svg-icon> 4438 <span class="hidden md:block">Xing</span> 4439 </a> 4440 </li> 4441 4442 4443 4444 </ul> 4445 4446 4447 </div> 4448 </section> 4449 4450 4451 <section> 4452 <div class="container flex flex-col gap-10 pt-s-30 pb-14 md:flex-row-reverse md:justify-between md:pb-5"> 4453 <ul class="list-none flex flex-wrap gap-s-15 justify-around lg:gap-s-30"> 4454 4455 4456 4457 <li> 4458 <a class="btn-link" href="/agb"> 4459 AGB 4460 </a> 4461 </li> 4462 4463 <li> 4464 <a class="btn-link" href="/impressum"> 4465 Impressum 4466 </a> 4467 </li> 4468 4469 <li> 4470 <a class="btn-link" href="/datenschutz"> 4471 Datenschutz 4472 </a> 4473 </li> 4474 4475 4476 4477 <li> 4478 <a href="#uc" class="btn-link" onClick="UC_UI.showSecondLayer();"> 4479 Privatsphäre-Einstellungen 4480 </a> 4481 </li> 4482 </ul> 4483 <p> 4484 4485 Copyright © 2026. EUROPART. Alle Rechte vorbehalten. 4486 </p> 4487 </div> 4488 </section> 4489 4490 </div> 4491</footer> 4492
4493<script type="module" crossorigin="crossorigin" src="/_assets/0ea5b3e1c657cbbe4973f9ac2fc64fdb/Build/js/hero.js?1788955493"></script>
vendor: 1 bytes, line 4493
4493
4494<script type="module" crossorigin="crossorigin" src="/_assets/0ea5b3e1c657cbbe4973f9ac2fc64fdb/Build/js/main.js?1788955493"></script>
4494 4495 4496
4496<script type="text/javascript" data-usercentrics="YouTube Video"> 4497 if (typeof uc !== 'undefined') uc.blockOnly(['BJz7qNsdj-7']); 4498 </script>
4498 4499 4500
4501<script type="application/ld+json">{"@context":"https://schema.org/","@type":"WebPage"}</script>
4501 4502</body> 4503</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.