PageSourceSearch

https://europart.de/blog

html europart.de collected 2026-10-05 01:06:27 UTC 235,951 bytes, 4,503 lines download raw bytes

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 &amp; 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 &amp; Vollblutschrauber | EUROPART">
20<meta property="og:description" content="Vollblut Blog – Der Blog für alle Vollbluttrucker &amp; 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- &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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- &amp; 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-[&#039;/&#039;] 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 &amp; 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="&#039;min-height:&#039; + 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-[&#039;/&#039;] 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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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: &#039;mt-auto&#039;)}" 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: &#039;mt-auto&#039;)}" 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: &#039;mt-auto&#039;)}" 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: &#039;mt-auto&#039;)}" 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: &#039;mt-auto&#039;)}" 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: &#039;mt-auto&#039;)}" 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: &#039;mt-auto&#039;)}" 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: &#039;mt-auto&#039;)}" 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: &#039;mt-auto&#039;)}" 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: &#039;mt-auto&#039;)}" 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&amp;tx_news_pi1%5BcurrentPage%5D=2&amp;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&amp;tx_news_pi1%5BcurrentPage%5D=3&amp;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&amp;tx_news_pi1%5BcurrentPage%5D=4&amp;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&amp;tx_news_pi1%5BcurrentPage%5D=5&amp;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&amp;tx_news_pi1%5BcurrentPage%5D=6&amp;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&amp;tx_news_pi1%5BcurrentPage%5D=2&amp;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 &amp; News</p>
4369                                        
4370                                            
4371                                                <li>
4372                                                    <a class="btn-link" href="/pressemitteilungen">
4373                                                        <h4>Pressemitteilungen &amp; 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.