PageSourceSearch

https://www.original-laguiole.de/news.html

html original-laguiole.de collected 2026-10-08 19:41:52 UTC 146,008 bytes, 2,314 lines download raw bytes

1<!DOCTYPE html>
2<html lang="de">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0">
6<meta http-equiv="X-UA-Compatible" content="IE=edge">
7<meta name="theme-color" content="#0a0702">
8
9<!-- Tracking - Google Consent Mode v2, kategoriebasiert
10     Statistik = GA4 (G-XKTWW36JX6) | Marketing = Google Tag Manager (GTM-T2HWSXV)
11
12     Ablauf: Ganz oben steht die Voreinstellung "alles abgelehnt". Erst wenn der
13     Besucher im Banner zustimmt, geht ein consent-update raus. Cookies werden
14     also weiterhin ausschliesslich nach Einwilligung gesetzt.
15
16     Der Unterschied zur alten Fassung: Im Modus 'advanced' (siehe
17     OL_CONSENT_MODE in init.php) laedt das Google-Skript sofort und sendet
18     ohne Einwilligung cookielose Signale ohne Kennung. Daraus modelliert
19     Google die fehlenden Besucher. Vorher fehlten alle Ablehner vollstaendig,
20     weshalb Analytics und Search Console weit auseinanderlagen.
21     Im Modus 'basic' laedt nichts vor der Einwilligung, wie bisher. -->
22<script>
23(function(){
24    var MODUS = 'advanced';
25    window.dataLayer = window.dataLayer || [];
26    function gtag(){ dataLayer.push(arguments); }
27    window.gtag = window.gtag || gtag;
28
29    // ── 1. Voreinstellung, MUSS vor jedem Tag stehen ────────────────────
30    gtag('consent', 'default', {
31        ad_storage:             'denied',
32        ad_user_data:           'denied',
33        ad_personalization:     'denied',
34        analytics_storage:      'denied',
35        functionality_storage:  'denied',
36        personalization_storage:'denied',
37        security_storage:       'granted',
38        wait_for_update: 500
39    });
40    // Ohne Marketing-Einwilligung keine Werbe-Kennungen mitsenden, und die
41    // gclid nicht ueber ein Cookie, sondern ueber die Adresse weiterreichen.
42    gtag('set', 'ads_data_redaction', true);
43    gtag('set', 'url_passthrough', true);
44
45    var loaded = {};
46    // Statistik: Google Analytics 4
47    window.olLoadStatistics = function(){
48        if (loaded.statistics) return; loaded.statistics = true;
49        var g = document.createElement('script');
50        g.async = true;
51        g.src = 'https://www.googletagmanager.com/gtag/js?id=G-XKTWW36JX6';
52        document.head.appendChild(g);
53        gtag('js', new Date());
54        gtag('config', 'G-XKTWW36JX6');
55    };
56    // Marketing: Google Tag Manager (Ads / Conversion / Remarketing)
57    window.olLoadMarketing = function(){
58        if (loaded.marketing) return; loaded.marketing = true;
vendor: 385 bytes, lines 58-63
58
59        (function(w,d,s,l,i){ w[l]=w[l]||[]; w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});
60            var f=d.getElementsByTagName(s)[0], j=d.createElement(s), dl=l!='dataLayer'?'&l='+l:'';
61            j.async=true; j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;
62            f.parentNode.insertBefore(j,f);
63        })(window,document,'script','dataLayer','
63GTM-T2HWSXV
vendor: 8 bytes, lines 63-64
63');
64    
64};
65
66    // ── 2. Einwilligung melden ──────────────────────────────────────────
67    // Wird beim Seitenaufbau mit dem gespeicherten Stand aufgerufen und vom
68    // Cookie-Banner erneut, sobald der Besucher speichert.
69    window.olConsentUpdate = function(cats){
70        cats = cats || [];
71        var stat = cats.indexOf('statistics') > -1;
72        var mark = cats.indexOf('marketing')  > -1;
73        gtag('consent', 'update', {
74            analytics_storage:      stat ? 'granted' : 'denied',
75            ad_storage:             mark ? 'granted' : 'denied',
76            ad_user_data:           mark ? 'granted' : 'denied',
77            ad_personalization:     mark ? 'granted' : 'denied',
78            functionality_storage:  stat || mark ? 'granted' : 'denied',
79            personalization_storage:mark ? 'granted' : 'denied'
80        });
81        if (mark) gtag('set', 'ads_data_redaction', false);
82        // Im Modus 'basic' laden die Skripte erst jetzt.
83        if (stat) window.olLoadStatistics();
84        if (mark) window.olLoadMarketing();
85    };
86
87    // ── 3. Gespeicherten Stand anwenden ─────────────────────────────────
88    var cats = [];
89    try {
90        var m = document.cookie.match(/(?:^|;\s*)ol_cookie_consent=([^;]+)/);
91        var c = m ? decodeURIComponent(m[1]) : '';
92        if (c === 'all') { cats = ['statistics', 'marketing']; }
93        else {
94            if (c.indexOf('statistics') > -1) cats.push('statistics');
95            if (c.indexOf('marketing')  > -1) cats.push('marketing');
96        }
97        if (c !== '') window.olConsentUpdate(cats);
98    } catch(e){}
99
100    // Im Modus 'advanced' laufen die Tags auch ohne Einwilligung mit, dann
101    // aber cookielos: Das regelt die Voreinstellung oben, nicht das Laden.
102    if (MODUS === 'advanced') {
103        window.olLoadStatistics();
104        window.olLoadMarketing();
105    }
106})();
107</script>
107
108<!-- End Tracking -->
109
110<meta name="author" content="Justin Jernoiu - original-laguiole.de">
111
112
113<title>News &amp; Neuigkeiten | Original Laguiole</title>
114<meta name="description" content="Alle Änderungen und Neuerungen bei Original Laguiole finden Sie chronologisch aufgelistet in unserem News-Bereich.">
115<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
116<link rel="canonical" href="https://www.original-laguiole.de/news.html">
117
118<!-- Open Graph -->
119<meta property="og:type"        content="website">
120<meta property="og:url"         content="https://www.original-laguiole.de/news.html">
121<meta property="og:title"       content="News &amp; Neuigkeiten | Original Laguiole">
122<meta property="og:description" content="Alle Änderungen und Neuerungen bei Original Laguiole finden Sie chronologisch aufgelistet in unserem News-Bereich.">
123<meta property="og:image"       content="https://www.original-laguiole.de/img/justin-laguiole.webp">
124<meta property="og:image:width"  content="1200">
125<meta property="og:image:height" content="630">
126<meta property="og:locale"      content="de_DE">
127<meta property="og:site_name"   content="original-laguiole.de">
128
129<!-- Twitter Card -->
130<meta name="twitter:card"        content="summary_large_image">
131<meta name="twitter:title"       content="News &amp; Neuigkeiten | Original Laguiole">
132<meta name="twitter:description" content="Alle Änderungen und Neuerungen bei Original Laguiole finden Sie chronologisch aufgelistet in unserem News-Bereich.">
133<meta name="twitter:image"       content="https://www.original-laguiole.de/img/justin-laguiole.webp">
134
135<!-- Performance: Preconnect nur wenn Bilder von einer ANDEREN Domain kommen
136     (Staging: __IMGBASE = Live-Domain). Auf Live ist __IMGBASE leer (gleiche
137     Domain) - dann ist die Vorverbindung ueberfluessig und wird weggelassen. -->
138
139<link rel="icon" href="/favicon.ico" sizes="32x32">
140<link rel="icon" type="image/png" sizes="48x48" href="/icon-mobil/Icon-48.png">
141<link rel="icon" type="image/png" sizes="96x96" href="/icon-mobil/Icon-96.png">
142<link rel="icon" type="image/png" sizes="512x512" href="/icon-mobil/Icon-512.png">
143<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
144<link rel="apple-touch-icon" sizes="120x120" href="/icon-mobil/Icon-120.png">
145<link rel="apple-touch-icon" sizes="72x72" href="/icon-mobil/Icon-72.png">
146<link rel="manifest" href="/site.webmanifest">
147<meta name="ol-css-bereich" content="rest">
148<link rel="stylesheet" href="/style/min/basis.1791060516-136867.css">
149<link rel="stylesheet" href="/style/min/bereich-rest.1791060537-83146.css">
150<script type="application/ld+json">{"@context":"https://schema.org","@type":"CollectionPage","name":"NEWS aus der Laguiole-Welt","description":"Aktuelle News von original-laguiole.de: neue Laguiole-Messer und Editionen, Aktionen, Community-Events und alle wichtigen Neuerungen im Shop - übersichtlich nach Jahren.","url":"https://www.original-laguiole.de/news.html","inLanguage":"de-DE","breadcrumb":{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https://www.original-laguiole.de"},{"@type":"ListItem","position":2,"name":"NEWS","item":"https://www.original-laguiole.de/news.html"}]},"publisher":{"@type":"Organization","name":"original-laguiole.de","url":"https://www.original-laguiole.de"},"image":"https://www.original-laguiole.de/media/static/logo.png","mainEntityOfPage":"https://www.original-laguiole.de/news.html"}</script>
vendor: 1 bytes, line 150
150
151<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Person","@id":"https://www.original-laguiole.de/#person-justin","name":"Justin Jernoiu","sameAs":["https://www.youtube.com/c/MrLaguioleVideo","https://www.instagram.com/original_laguiole_messer/","https://www.jernoiu.de/","https://about.me/jernoiu","https://www.facebook.com/jernoiu","https://www.original-laguiole.de/justin-jernoiu.html","https://www.justintalk.de/ueber-mich.html","https://www.hellki-hellsichtig.de/ueber-mich.html","https://www.youtube.com/@MrLaguiole","https://www.youtube.com/@hellsichtig-reiki","https://www.instagram.com/mr.laguiole"]}]}</script>
151
152<!-- TrustBox script -->
153<script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>
153
154<!-- End TrustBox script -->
155</head>
156<body class="ol-area-laguiothek">
157
158
159<!-- ── HEADER ── -->
160<header id="olHeader">
161<div class="wrap hd">
162
163    <!-- Logo -->
164    <div class="logo">
165        <a href="/" title="Original Laguiole - Startseite">
166            <img src="/media/static/logo.webp"
167                 alt="Original Laguiole - Europas Laguiole-Fachshop"
168                 title="Original Laguiole"
169                 width="220" height="33"
170                 class="logo-img">
171        </a>
172    </div>
173
174    <!-- Navigation -->
175    <nav aria-label="Hauptnavigation" data-track="menu">
176        <!-- Hamburger -->
177        <button class="hbg" id="olHbg" aria-label="Menu öffnen" aria-expanded="false" aria-controls="olNavList">
178            <span></span><span></span><span></span>
179        </button>
180
181        <ul class="nav-list" id="olNavList" role="menubar">
182
183            <!-- 1. AKTUELLES (ehem. Laguiole-Herz) -->
184            <li class="nav-item">
185                <a href="/laguiole-shop.html" class="nav-link">
186                    AKTUELLES
187                    <svg viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg>
188                </a>
189                <div class="mega">
190                    <div class="mega-intro">Alles Neue auf einen Blick: die frisch eingetroffenen Messer, aktuelle Angebote und Ihr persönlicher Kundenbereich - das, was sich gerade jetzt bei uns tut.</div>
191                    <div class="mega-col">
192                        <div class="mega-col-title">Aktuell</div>
193                        <a href="/laguiole-neuheiten.html">Neuheiten</a>
194                        <a href="/wochenangebote.html">Wochenangebote</a>
195                        <a href="/laguiole-wieder-da.html">WiederDa</a>
196                        <a href="/laguiole-daumies.html">Laguiole-DAUMIES</a>
197                        <a href="/typ_bestseller.html">Beliebte Messer</a>
198                    </div>
199                    <div class="mega-col">
200                        <div class="mega-col-title">Mein Bereich</div>
201                        <a href="/data.html">Login-Kundenkonto</a>
202                        <a href="/kontakt.html">Kontakt-Formular</a>
203                        <a href="/index.php?go=ol.wishlist">Wunschliste</a>
204                    </div>
205                </div>
206            </li>
207
208            <!-- LAGUIOTHEK -->
209            <li class="nav-item">
210                <a href="/alle-aktionen.html" class="nav-link">
211                    LAGUIOTHEK
212                    <svg viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg>
213                </a>
214                <div class="mega">
215                    <div class="mega-intro">Alles rund um unsere Webseite und unseren Service: Rabatt- und Treuekonzepte, Kundenvorteile, praktische Funktionen und Hilfeseiten. Die LAGUIOTHEK ist Ihr Nachschlagewerk zu original-laguiole.de selbst - hier verstehen Sie, wie unser Shop funktioniert und welche Vorteile er Ihnen bietet.</div>
216                    <div class="mega-col">
217                        <div class="mega-col-title">Vision</div>
218                        <a href="/welameras.html">WeLaMeRaS-Konzept</a>
219                        <a href="/ol-academy-start.html">OL-Academy</a>
220                    </div>
221                    <div class="mega-col">
222                        <div class="mega-col-title">Rabatte &amp; Sparen</div>
223                        <a href="/carmos-konzept.html">CARMOS-Treuepunkte</a>
224                        <a href="/wartebonus.html">5% Wartebonus</a>
225                        <a href="/sammlerrabatt.html">30% Familienrabatt</a>
226                        <a href="/ol-premium-kunde.html">OL-Premium-Gold</a>
227                        <a href="/plf.html">PLF-Konzept</a>
228                        <a href="/warenichtvorraetig.html">3+ Konzept</a>
229                        <a href="/ratenzahlungskonzept.html">Ratenzahlung</a>
230                    </div>
231                    <div class="mega-col">
232                        <div class="mega-col-title">Kundenbereiche</div>
233                        <a href="/aipcl.html">A.I.P.C.L.-Zertifikat</a>
234                        <a href="/status-kunde.html">
234Kundenstatus-Übersicht</a>
235                        <a href="/hilfe.html">FAQ &amp; Hilfe</a>
236                        <a href="/mychat.html">MyChat</a>
237                        <a href="/talk2me.html">talk2me</a>
238                                                <a href="/ol-bewertung.html">OL-Bewertung</a>
239                        <a href="/messersammlung.html">Messersammlung</a>
240                        <a href="/merkliste.html">Merkliste</a>
241                        <a href="/wunschliste-beschreibung.html">Wunschliste</a>
242                        <a href="/bildergalerie.html">Bildergalerie</a>
243                        <a href="/kundenbereich-daten.html">Kundenbereich</a>
244                        <a href="/laguiole-diashow.html">Premium DiaShow</a>
245                        <a href="/ol-live.html">OL-Live Chat</a>
246                    </div>
247                    <div class="mega-col">
248                        <div class="mega-col-title">Informationen</div>
249                        <a href="/news.html">NEWS</a>
250                        <a href="/faq.html">FAQ</a>
251                        <a href="/laguiole-suche.html">Erklärung Suchfunktion</a>
252                        <a href="/messer-griff-materialien.html">Griffmaterialien</a>
253                        <a href="/laguiole-begriffserklaerung-1mal1.html">Begriffserklärungen</a>
254                        <a href="https://de.trustpilot.com/review/www.original-laguiole.de" target="_blank" rel="noopener">Bewertungen bei TrustPilot</a>
255                        <a href="https://www.trustedshops.de/bewertung/info_XD695CBD8B5716E02E58E4C63615F99F9.html" target="_blank" rel="noopener">Bewertungen bei TrustedShops</a>
256                        <a href="/laguiole-taschenmesser-video.html">YouTube-Kanal</a>
257                    </div>
258                </div>
259            </li>
260
261            <!-- 3. Laguiole-Wissen (ehem. Wissenswertes) -->
262            <li class="nav-item">
263                <a href="/laguiole-messer.html" class="nav-link">
264                    Laguiole-Wissen
265                    <svg viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg>
266                </a>
267                <div class="mega">
268                    <div class="mega-intro">Wissen rund um das Messer selbst: Berichte über die Schmieden, die Geschichte, die Technik und die Materialien - alles, was ein echtes Laguiole ausmacht und was Sie als Kenner interessiert.</div>
269                    <div class="mega-col">
270                        <div class="mega-col-title">Laguiole-Schmieden</div>
271                        <a href="/chevalier-laguiole-taschenmesser.html">Chevalier Laguiole</a>
272                        <a href="/david-dauvillaire-taschenmesser-made-in-france.html">David Dauvillaire</a>
273                        <a href="/arbalete-g-david-taschenmesser-made-in-france.html">Arbalete G. David</a>
274                        <a href="/laguiole-claude-dozorme-taschenmesser-made-in-france.html">Claude Dozorme</a>
275                        <a href="/laguiole-du-barry-taschenmesser2.html">Laguiole du Barry</a>
276                        <a href="/laguiole-en-aubrac-taschenmesser-made-in-france.html">Laguiole en Aubrac</a>
277                        <a href="/laguiole-fontenille-pataud-taschenmesser.html">Fontenille Pataud</a>
278                        <a href="/laguiole-goyon-chazeau-taschenmesser.html">Goyon-Chazeau</a>
279                        <a href="/laguiole-honore-durand-taschenmesser-made-in-france.html">Honore Durand</a>
280                        <a href="/laguiole-le-fidele-taschenmesser.html">Le Fidele</a>
281                    </div>
282                    <div class="mega-col">
283                        <div class="mega-col-title">Laguiole-Technik</div>
284                        <a href="/haben-laguiole-eine-biene-oder-eine-fliege.html">Biene oder Fliege?</a>
285                        <a href="/laguiole-begriffserklaerung-1mal1.html">Begriffserklärung 1x1</a>
286                        <a href="/laguiole-in-spuelmaschine.html">Laguiole in der Spülmaschine?</a>
287                                                <a href="/laguiole-messer-pflegen.html">Messer richtig pflegen</a>
288                        <a href="/laguiole-messer-und-damast.html">Laguiole &amp; Damast</a>
289                        <a href="/mammutgriffe-laguiolemesser.html">Mammutgriffe</a>
290                        <a href="/laguiole-taschenmesser-echt-oder-unecht.html">Echt oder unecht?</a>
291                                                <a href="/laguiole-klinge-zeichen.html">Zeichen auf der Klinge</a>
292                                                <a href="/wie-unterscheiden-sich-die-laguiole-sommelier.html">Sommelier im Vergleich</a>
293                    </div>
294                    <div class="mega-col">
295                        <div class="mega-col-title">Grundsätzliches</div>
296                        <a href="/laguiole-messer.html">Laguiole-Geschichte</a>
297                        <a href="/welche-schmiede-ist-die-beste.html">Welche Schmiede ist die beste?</a>
298                        <a href="/warum-nicht-vorraetig.html">Warum nicht vorrätig?</a>
299                        <a href="/sammelleidenschaft-laguiole-messer.html">Sammelleidenschaft</a>
300                        <a href="/tipps-fuer-laguiole-einsteiger.html">Tipps für Einsteiger</a>
301                        <a href="/laguiole-messer-mitfuehren.html">Messer mitführen: was erlaubt ist</a>
302                    </div>
303                    <div class="mega-col">
304                        <div class="mega-col-title">Wissen &amp; Inspiration</div>
305                        <a href="/messer-griff-materialien.html">Übersicht aller Griffmaterialien</a>
306                        <a href="/uebersicht-arretierung.html">Übersicht Arretierungssysteme</a>
307                        <a href="/klingenstaehle.html">Übersicht Klingenstähle</a>
308                                                <a href="/justine-de-merges.html">Exklusive Lederetuis</a>
309                        <a href="/laguiole-gravur.html">Gravur auf dem Messer</a>
310                        <a href="/laguiole-gutscheine.html">Übersicht Gutscheine</a>
311                    </div>
312                    <div class="mega-col">
313                        <div class="mega-col-title">Online-Shop und Uns</div>
314                        <a href="/justin-jernoiu.html">
314Justin Jernoiu</a>
315                        <a href="/wie-erkenne-ich-ein-fake-shop.html">Fake-Shop erkennen</a>
316                                                <a href="/laguiole-messer-discounter.html">Laguiole vom Discounter</a>
317                        <a href="/laguiole-sonderanfertigung.html">Sonderanfertigungen</a>
318                        <a href="/laguiole-reparatur.html">Reparatur und Service</a>
319                    </div>
320                    <!-- Blog: ueber die volle Breite am Ende, im selben Muster wie der
321                         OLC-Banner unter LAGUIOLE-WELT (Freigabe Justin 2026-08-05).
322                         Bewusst HIER und nicht in der OLC: Die Wissensseiten und die
323                         Kundenbeitraege sind dieselbe Gattung - Artikel ueber Messer.
324                         Nur der Verfasser ist ein anderer. -->
325                    <div class="mega-full-row">
326                        <a href="/blog.html" class="mega-community-banner mega-community-banner--xl">
327                            <span class="mega-community-icon">
328                                <svg viewBox="0 0 24 24" width="26" height="26" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 19l7-7 3 3-7 7-3-3z"/><path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"/><path d="M2 2l7.586 7.586"/><circle cx="11" cy="11" r="2"/></svg>
329                            </span>
330                            <span class="mega-community-text">
331                                <span class="mega-community-label">Der Laguiole-Blog</span>
332                                <span class="mega-community-sub">Erfahrungen, Schärfen, Pflege - geschrieben von Menschen, die diese Messer täglich benutzen. Schreiben Sie mit!</span>
333                            </span>
334                            <span class="mega-community-arrow">›</span>
335                        </a>
336                    </div>
337                </div>
338            </li>
339
340            <!-- 4. Laguiole-WELT -->
341            <li class="nav-item">
342                <a href="/laguiole-welt.html" class="nav-link">
343                    Laguiole-WELT
344                    <svg viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg>
345                </a>
346                <div class="mega">
347                    <div class="mega-intro">Die Erlebniswelt zum Mitmachen: Community, Events, Spiele, Erklärvideos und gemeinsame Projekte. Für alle, die Laguiole-Taschenmesser nicht nur besitzen, sondern die Leidenschaft dahinter wirklich leben.</div>
348                    <div class="mega-col">
349                        <div class="mega-col-title">Community</div>
350                        <a href="/laguiole-community-projekte.html">OLC-Projekte</a>
351                        <a href="/messertalk.html">MesserTalk</a>
352                        <a href="/laguiole-stammtisch.html">Stammtische</a>
353                        <a href="/chat-uebersicht.html">LAGUIOLE-Zeit</a>
354                        <a href="/arco-vip.html">ARCO VIP</a>
355                        <a href="/orila.html">ORILA</a>
356                    </div>
357                    <div class="mega-col">
358                        <div class="mega-col-title">Allgemeines</div>
359                        <a href="/erklaervideos.html">Erklärvideos</a>
360                        <a href="/meisterwerke.html">Meisterwerke</a>
361                        <a href="/laguiole-begriffserklaerung-1mal1.html">Begriffserklärungen</a>
362                        <a href="/nela.html">NeLa</a>
363                    </div>
364                    <div class="mega-col">
365                        <div class="mega-col-title">Events &amp; Spiele</div>
366                        <a href="/the-laguiole-way-of-life.html">The Laguiole Way of Life</a>
367                        <a href="/laguiole-krone.html">Laguiole-Krone</a>
368                        <a href="/jahresaktionen.html">Jahresaktionen</a>
369                        <a href="/lts.html">LTS</a>
370                        <a href="/crazy-monday.html">Crazy-Monday</a>
371                        <a href="/suchspiel.html">OL-Suchspiel</a>
372                        <a href="/aktion-seraphin-tag.html">Seraphin-Tag</a>
373                        <a href="/chevalier-merko.html">Chevalier-MERKO</a>
374                        <a href="/koenigstag.html">Königstag</a>
375                        <a href="/unikato.html">UNIKATO</a>
376                        <a href="/the-game-changer.html">THE GAME CHANGER</a>
377                        <a href="/olc-spiel.html">OLC-Spiel</a>
378                    </div>
379                    <div class="mega-full-row">
380                        <a href="/forum.html" class="mega-community-banner mega-community-banner--xl">
381                            <span class="mega-community-icon">
382                                <svg viewBox="0 0 24 24" width="26" height="26" fill="none" stroke="currentColor" stroke-width="2"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
383                            </span>
384                            <span class="mega-community-text">
385                                <span class="mega-community-label">OLC - Original Laguiole COMMUNITY</span>
386                                <span class="mega-community-sub">Forum, Projekte, Events - das pulsierende Herzstück unserer Gemeinschaft. Jetzt beitreten!</span>
387                            </span>
388                            <span class="mega-community-arrow">›</span>
389                        </a>
390                    </div>
391                </div>
392            </li>
393
394            <!-- 5. SHOP (ehem. Schmieden; inkl. Sortiment, Laguiole nach, Thiers-Messer) -->
395            <li class="nav-item">
396                <a href="/laguiole-shop.html" class="nav-link nav-link--shop">
397                    SHOP
398                    <svg viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg>
399                </a>
400                <div class="mega">
401                    <div class="mega-intro">Direkt ins Sortiment: über 2.500 handgefertigte Laguiole-Produkte aus mehr als 20 Schmieden - stöbern, vergleichen und kaufen. Jedes Messer vorgestellt in fast 2.000 Videos von Mr. Laguiole, dem größten Laguiole-Shop Europas.</div>
402                    <div class="mega-col">
403                        <div class="mega-col-title">Sortiment</div>
404                        <a href="/laguiole_sondereditionen.html">Laguiole-Sondereditionen</a>
405                        <a href="/alle-schmieden.html">Alle Schmieden und Messermacherkünstler</a>
406                        <a href="/alle-editionen.html">Übersicht Laguiole-Editionen</a>
407                        <a href="/laguiole-shop.html">Übersicht aller Kategorien</a>
408                        <a href="/uebersicht-messerarten.html">Übersicht aller Messerarten</a>
409                        <a href="/laguiole-unikate.html">Unikate</a>
410                                                <a href="/laguiole-gutscheine.html">Gutscheine</a>
411                        <div class="mega-col-title" style="margin-top:14px">Laguiole nach ...</div>
412                        <a href="/laguiole-nach-art.html">Laguiole nach Art</a>
413                        <a href="/laguiole-nach-preis.html">Laguiole nach Preis</a>
414                        <a href="/laguiole-nach-thema.html">Laguiole nach Thema</a>
415                        <a href="/laguiole-nach-laenge.html">Laguiole nach Länge</a>
416                        <a href="/laguiole-tischkultur-steakmesser.html">Tischkultur</a>
417                    </div>
418                                        <div class="mega-col">
419                        <div class="mega-col-title">Messermacherkünstler</div>
420                                                <a href="/laguiole-philippe-voissiere.html">Philippe Voissiere</a>
421                        <a href="/laguiole-david-dauvillaire.html">David Dauvillaire</a>
422                        <a href="/jean-michel-cayron.html">Jean-Michel Cayron</a>
423                        <a href="/laguiole-virgilio-munoz.html">Virgilio Munoz</a>
424                        <a href="/laguiole-coutellerie-gm.html">Coutellerie GM</a>
425                        <a href="/ty-coutelier.html">Ty Coutelier</a>
426                        <a href="/coutellerie-brun.html">Coutellerie BRUN</a>
427                        <a href="/snard-taschenmesser.html">Snard Cutlery</a>
428                        <a href="/laguiole-armand-cayzac.html">Armand Cayzac</a>
429                    </div>
430                    <div class="mega-col">
431                        <div class="mega-col-title">Große Schmieden</div>
432                                                <a href="/laguiole-chevalier.html">Laguiole Chevalier</a>
433                        <a href="/laguiole-en-aubrac.html">Laguiole en Aubrac</a>
434                        <a href="/forge-de-laguiole.html">Forge de Laguiole</a>
435                        <a href="/laguiole-du-barry.html">Laguiole du Barry</a>
436                        <a href="/laguiole-le-fidele.html">Le Fidele</a>
437                        <a href="/laguiole-honore-durand.html">Honore Durand</a>
438                        <a href="/laguiole-goyon-chazeau.html">
438Goyon-Chazeau</a>
439                        <a href="/laguiole-dozorme.html">Claude Dozorme</a>
440                        <a href="/laguiole-arbalette.html">Arbalete G. David</a>
441                        <a href="/laguiole-fontenille-pataud.html">Fontenille Pataud</a>
442                        <a href="/laguiole-tradition.html">Laguiole Tradition</a>
443                        <a href="/taschenmesser-charles-canon.html">Charles Canon</a>
444                        <a href="/laguiole-aveyron.html">Laguiole Aveyron</a>
445                        <a href="/le-coq-francaise.html">Le Coq Francais</a>
446                    </div>
447                    <div class="mega-col">
448                        <div class="mega-col-title">Thiers-Messer</div>
449                        <a href="/typ_thiers.html">Thiers Taschenmesser</a>
450                        <a href="/typ_thiers-Sommelier.html">Thiers Sommelier</a>
451                        <a href="/typ_thiers-Kuechenmesser.html">Thiers Küchenmesser</a>
452                        <a href="/typ_thiers-Steakmesser.html">Thiers Steakmesser</a>
453                        <div class="mega-col-title" style="margin-top:14px">Laguiole-Zubehör</div>
454                        <a href="/laguiole-zubehoer.html">Laguiole-Zubehör</a>
455                    </div>
456                </div>
457            </li>
458
459            <!-- OLC-Community: nur in der mobilen Ansicht als eigener Button unter
460                 SHOP. Am Desktop bleibt die Navigation unveraendert (OLC ist dort
461                 ueber das Menue Laguiole-Welt erreichbar). -->
462            <li class="nav-item nav-olc-mobile">
463                <a href="/forum.html" class="nav-link nav-link--olc">OLC-Community</a>
464            </li>
465
466        </ul>
467    </nav>
468
469    <!-- Header-Icons -->
470    <div class="hd-utils" data-track="leiste">
471                        <a href="/data.html" id="olKontoBtn" class="hd-konto" title="Anmelden">
472            <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
473            Anmelden
474        </a>
475                <a href="/index.php?go=ol.cart" class="hd-icon" title="Warenkorb">
476            <img src="/img/icons/warenkorb.webp" alt="Warenkorb" width="48" height="48">
477            <span class="cart-badge" id="olCartBadge">0</span>
478        </a>
479    </div>
480
481</div>
482</header>
483
484<!-- ── SUCH- UND UTILITY-BAR ── -->
485<div id="olSearchBar" data-track="leiste">
486<div class="wrap">
487<div class="search-bar-inner">
488
489    <a href="/wochenangebote.html" class="util-btn" title="Wochen
489angebote">
490        <img src="/img/icons/wochenangebote.webp" alt="Wochenangebote" width="48" height="48">
491        Wochenangebote
492    </a>
493    <a href="/data.html?tab=mychat" class="util-btn" title="MyChat">
494        <img src="/img/icons/mychat.webp" alt="MyChat" width="48" height="48">
495                MyChat
496    </a>
497    <a href="/data.html?tab=carmos" class="util-btn util-carmos" title="CARMOS-Punkte">
498        <img src="/img/icons/carmos-punkte.webp" alt="CARMOS-Punkte" width="48" height="48">
499                Carmos-Punkte
500    </a>
501
502    <div class="search-field-wrap">
503        <form action="/laguiole-shop.html" method="get" role="search">
504            <input type="text" name="q" id="olSearchInput"
505                   placeholder="Laguiole suchen - Schmiede, Material, Preis ..."
506                   aria-label="Produktsuche"
507                   value="">
508            <button type="submit" aria-label="Suchen">
509                <svg viewBox="0 0 24 24"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
510                Suchen
511            </button>
512        </form>
513    </div>
514
515    <a href="/faq.html" class="util-btn" title="Häufig gestellte Fragen">
516        <img src="/img/icons/faq.webp" alt="FAQ" width="48" height="48">
517        FAQ
518    </a>
519    <a href="/news.html" class="util-btn" title="News">
520        <img src="/img/icons/news.webp" alt="News" width="48" height="48">
521        News
522    </a>
523
524</div>
525</div>
526</div>
527
528<!-- ── TRUST-LEISTE ── -->
529<div id="olTrustBar">
530<div class="wrap">
531<div class="trust-inner">
532    <div class="trust-item">
533        <svg viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
534        Echtheitszertifikat bei jedem Messer
535    </div>
536    <div class="trust-sep"></div>
537    <div class="trust-item">
538        <svg viewBox="0 0 24 24"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 1.28h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.84a16 16 0 0 0 6.29 6.29l1.12-.9a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7a2 2 0 0 1 1.72 2.03z"/></svg>
539        Persönliche Beratung Tel. +49-202-43046416
540    </div>
541    <div class="trust-sep"></div>
542    <div class="trust-item">
543        <svg viewBox="0 0 24 24"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"/><polyline points="17 6 23 6 23 12"/></svg>
544        Über 2.500 Produkte - 16 Schmieden
545    </div>
546    <div class="trust-sep"></div>
547    <div class="trust-item">
548        <svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
549        Trustpilot: 4,8 / 5,0
550    </div>
551</div>
552</div>
553</div>
554
555<!-- ── HAUPTINHALT ── -->
556<main id="olMain">
557
558<article class="art-page">
559
560    <div class="art-hero">
561        <picture><source media="(max-width:560px)" srcset="/img-mobil/news-header-mobil.webp"><img src="/img/news-header.webp"
562             alt="NEWS aus der Laguiole-Welt"
563             width="800" height="800" loading="eager" fetchpriority="high"></picture>
564        <div class="art-hero-overlay"></div>
565        <div class="art-hero-caption">
566            <span class="art-hero-eyebrow">Immer aktuell</span>
567            <div class="art-hero-title-wrap">
568                <h1 class="art-hero-h1">NEWS aus der<br>Laguiole-Welt</h1>
569            </div>
570        </div>
571    </div>
572
573    <nav class="art-breadcrumb" aria-label="Breadcrumb">
574        <a href="/">Startseite</a><span>›</span>
575        <span>NEWS</span>
576    </nav>
577
578    <div class="art-container">
579
580        <section class="begriff-sec begriff-sec--gold begriff-sec--textonly">
581            <div class="begriff-text">
582            <p>
583                Neue Messer und Editionen, Aktionen, <a href="/forum.html?wiki=145" class="wiki">Community</a>-Events, Neuerungen im Shop: Hier finden Sie
584                alle wichtigen Nachrichten aus der Laguiole-Welt von original-laguiole.de - übersichtlich
585                nach Jahren sortiert, die neuesten zuerst.
586            </p>
587        </div>
588        </section>
589
590        <!-- Jahres-Navigation -->
591        <nav class="news-years" aria-label="News nach Jahren">
592                        <a class="news-year news-year--active"
593               href="/news.html?year=2026">2026</a>
594                        <a class="news-year"
595               href="/news.html?year=2025">2025</a>
596                        <a class="news-year"
597               href="/news.html?year=2024">2024</a>
598                        <a class="news-year"
599               href="/news.html?year=2023">2023</a>
600                        <a class="news-year"
601               href="/news.html?year=2022">2022</a>
602                        <a class="news-year"
603               href="/news.html?year=2021">2021</a>
604                        <a class="news-year"
605               href="/news.html?year=2020">2020</a>
606                        <a class="news-year"
607               href="/news.html?year=2019">2019</a>
608                        <a class="news-year"
609               href="/news.html?year=2018">2018</a>
610                        <a class="news-year"
611               href="/news.html?year=2017">2017</a>
612                    </nav>
613
614        <!-- News-Timeline -->
615                <div class="news-timeline">
616                        <div class="news-month">September 2026</div>
617                        <article class="news-card" id="news-86">
618                <div class="news-card-date">13.09.2026</div>
619                <h2 class="news-card-title">
620                                        <a href="https://www.original-laguiole.de/talk2me.html">talk2me: Mitglieder der OLC lernen sich kennen</a>
621                                    </h2>
622                                <img class="news-card-img" src="/img/news-86.webp" alt="talk2me: Mitglieder der OLC lernen sich kennen" loading="lazy">
623                                <div class="news-card-content">
624                    Sie lesen in der <a href="/forum.html?wiki=144" class="wiki">OLC</a> - der Original-Laguiole-Community - einen Beitrag und denken sich: Mit diesem Menschen würde ich mich gern einmal unterhalten. Vielleicht sammelt er dieselbe Schmiede wie Sie, vielleicht wohnt er in Ihrer Nähe, vielleicht hat er einfach etwas geschrieben, das Sie berührt hat. Genau dafür gibt es talk2me. Sie schreiben dem Mitglied eine kurze Vorstellung, und das Mitglied entscheidet in aller Ruhe, ob daraus ein Gespräch wird.<div><span style="color: rgb(30, 138, 76);">Direkte Kommunikation mit einem anderen OLC-Mitglied ist nun möglich!</span></div>                </div>
625                                <a class="news-card-more" href="https://www.original-laguiole.de/talk2me.html">Mehr erfahren &rarr;</a>
626                            </article>
627                        <article class="news-card" id="news-85">
628                <div class="news-card-date">07.09.2026</div>
629                <h2 class="news-card-title">
630                                        <a href="https://aipcl.com">15 CARMOS: Zertifizierung der nicht bei OL gekauften Laguiole-Taschenmesser</a>
631                                    </h2>
632                                <img class="news-card-img" src="/img/news-85.webp" alt="15 CARMOS: Zertifizierung der nicht bei OL gekauften Laguiole-Taschenmesser" loading="lazy">
633                                <div class="news-card-content">
634                    <span style="font-weight: normal;">Ab sofort können auch Laguiole-Taschenmesser <a href="/laguiole-taschenmesser-echt-oder-unecht.html?wiki=258" class="wiki">made in France</a> über unsere Webseite zertifiziert werden, die nicht bei original-laguiole.de gekauft worden sind. Wichtige Voraussetzung ist, dass diese Messer in Frankreich hergestellt wurden. Wie das ganze funktioniert haben wir ausführlich auf aipcl.com erläutert.</span><div><span style="font-weight: normal;">Die Zertifizierung kostet 10 € oder 15 CARMOS, wobei man die 15 CARMOS nur einmal pro Monat einsetzen kann.</span></div>                </div>
635                                <a class="news-card-more" href="https://aipcl.com">Mehr erfahren &rarr;</a>
636                            </article>
637                        <div class="news-month">August 2026</div>
638                        <article class="news-card" id="news-84">
639                <div class="news-card-date">20.08.2026</div>
640                <h2 class="news-card-title">
641                                        <a href="https://www.original-laguiole.de/mein-verlauf.html">OLKI, Ihr persönlicher Messer-Finder</a>
642                                    </h2>
643                                <img class="news-card-img" src="/img/news-84.jpg" alt="OLKI, Ihr persönlicher Messer-Finder" loading="lazy">
644                                <div class="news-card-content">
645                    <span style="color: rgb(198, 40, 40);">OLKI</span> schaut sich an, welche Messer Sie besitzen, was auf Ihrer Merkliste steht und wofür Sie eine Benachrichtigung eingerichtet haben. Daraus sucht er zehn Messer aus unserem Sortiment heraus, die dazu passen. Bei jedem Vorschlag steht, warum er dabei ist. Was Sie schon haben, kommt nicht vor.<div>Schauen Sie gleich nach, ob OLKI bei den Vorschlägen ins schwarze getroffen hat!</div><div><span style="font-weight: normal;">Nachdem Sie sich angemeldet haben</span>, finden Sie OLKI direkt oben, wenn Sie auf Ihrem Namen klicken, praktisch unter "<span style="color: rgb(198, 40, 40);">Mein Verlauf</span>".<span style="font-weight: normal;">&nbsp;</span></div>                </div>
646                                <a class="news-card-more" href="https://www.original-laguiole.de/mein-verlauf.html">Mehr erfahren &rarr;</a>
647                            </article>
648                        <article class="news-card" id="news-83">
649                <div class="news-card-date">15.08.2026</div>
650                <h2 class="news-card-title">
651                                        <a href="https://www.original-laguiole.de/data.html">„MEIN VERLAUF" – Ihr persönliches Dashboard ist ab sofort online</a>
652                                    </h2>
653                                <img class="news-card-img" src="/img/news-83.webp" alt="„MEIN VERLAUF&quot; – Ihr persönliches Dashboard ist ab sofort online" loading="lazy">
654                                <div class="news-card-content">
655                    <p class="font-claude-response-body break-words whitespace-normal" dir="ltr" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0); font-weight: 400;">Ab sofort steht Ihnen in unserem Shop ein völlig neuer Bereich zur Verfügung: „MEIN VERLAUF". Er merkt sich für Sie, welche Laguiole-Messer und welche Kategorien Sie angesehen haben – und bringt Sie mit einem einzigen Klick wieder dorthin zurück.</p><p class="font-claude-response-body break-words whitespace-normal" dir="ltr" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0); font-weight: 400;">Der Hintergrund ist ein Luxusproblem, das viele von Ihnen kennen: Unsere Auswahl ist so groß, dass man nach wenigen Klicks kaum noch weiß, wo genau man dieses eine Messer entdeckt hat. Man erinnert sich an das Schimmern des Horns, an die Feilung der <a href="/haben-laguiole-eine-biene-oder-eine-fliege.html?wiki=294" class="wiki">Biene</a> – aber nicht mehr an den Weg dorthin. Genau dieses Problem löst „MEIN VERLAUF". Das Setzen auf die Merkliste wird damit in vielen Fällen überflüssig; Ihr Verlauf denkt für Sie mit.</p><p class="font-claude-response-body break-words whitespace-normal" dir="ltr" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0); font-weight: 400;">Doch der neue Bereich kann deutlich mehr als nur Ihre besuchten Seiten dokumentieren. Sie finden dort ebenfalls:</p><ul><li><i style="color: rgb(30, 138, 76);">
655Ihre bestellten Messer sowie Ihre letzten Bestellungen<br></i></li><li><i style="color: rgb(30, 138, 76);">Ihren CARMOS-Punktestand – inklusive Nachweis, wie Sie die Punkte gesammelt haben<br></i></li><li><i style="color: rgb(30, 138, 76);">Ihre Blog- und Forumsbeiträge<br></i></li><li><i style="color: rgb(30, 138, 76);">sämtliche Aktionen, an denen Sie teilgenommen haben</i><br></li></ul><p class="font-claude-response-body break-words whitespace-normal" dir="ltr" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0); font-weight: 400;">Damit wird „MEIN VERLAUF" zu Ihrem persönlichen DASHBOARD: Ihre Sammlung, Ihre Geschichte, Ihre Leidenschaft – gebündelt an einem Ort. In dieser Form einzigartig in der Messerwelt.</p><p class="font-claude-response-body break-words whitespace-normal" dir="ltr" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0); font-weight: 400;">Voraussetzung für die Nutzung: eine kostenlose Registrierung beziehungsweise Ihr Login. Anders lässt sich Ihre ganz persönliche Reise durch unsere Messerwelt nicht speichern.</p><p class="font-claude-response-body break-words whitespace-normal" dir="ltr" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0); font-weight: 400;">Probieren Sie es aus – ich bin sehr gespannt auf Ihre Rückmeldungen.</p>                </div>
656                                <a class="news-card-more" href="https://www.original-laguiole.de/data.html">Mehr erfahren &rarr;</a>
657                            </article>
658                        <article class="news-card" id="news-82">
659                <div class="news-card-date">11.08.2026</div>
660                <h2 class="news-card-title">
661                                        <a href="https://www.original-laguiole.de/blog.html">Ganz NEU: das Laguiole-BLOG</a>
662                                    </h2>
663                                <img class="news-card-img" src="/img/news-82.jpg" alt="Ganz NEU: das Laguiole-BLOG" loading="lazy">
664                                <div class="news-card-content">
665                    <h3>Teilen Sie Ihre Erfahrungen mit allen Laguiole-Fans</h3><h3><span style="font-weight: normal;">Ein Laguiole-Messer ist mehr als ein Werkzeug. Es ist ein Begleiter - am Esstisch, im Weinberg, auf der Wanderung oder über Jahrzehnte in der Hosentasche. Und jedes dieser Messer hat eine Geschichte. Genau diese Geschichten möchten wir hier sichtbar machen.</span></h3><h3><span style="font-weight: normal;">Dieser Blog ist keine Einbahnstraße - er lebt von Ihnen. Von Sammlern, die seit Jahren jedes Detail einer Biene studieren. Von Genießern, die ihr erstes Laguiole en Aubrac zur Hochzeit geschenkt bekommen haben. Von Praktikern, die genau wissen, wie eine Klinge nach zehn Jahren täglichem Gebrauch aussieht.</span></h3><h3><span style="color: rgb(30, 138, 76);">Wir freuen uns über Ihre Berichte, Kommentare zu den bestehenden Berichten oder einfach nur einen Daumen nach oben!</span></h3><h3><span style="font-weight: normal;">Viel Freude beim Lesen!</span>&nbsp;</h3>                </div>
666                                <a class="news-card-more" href="https://www.original-laguiole.de/blog.html">Mehr erfahren &rarr;</a>
667                            </article>
668                        <div class="news-month">Juli 2026</div>
669                        <article class="news-card" id="news-81">
670                <div class="news-card-date">29.07.2026</div>
671                <h2 class="news-card-title">
672                                        <a href="https://www.original-laguiole.de/chat.html">LaguioleZeit wieder Monatgs - wir freuen uns auf euch!</a>
673                                    </h2>
674                                <img class="news-card-img" src="/img/news-81.webp" alt="LaguioleZeit wieder Monatgs - wir freuen uns auf euch!" loading="lazy">
675                                <div class="news-card-content">
676                    <p class="p1" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0); font-weight: 400;">Entsprechend dem Wunsch der Teilnehmer findet die&nbsp;<span class="s1"><b>LaguioleZeit</b></span>&nbsp;ab sofort&nbsp;<span class="s1"><b>montags von 10:00 bis 23:00 Uhr</b></span>&nbsp;statt. Die gemeinsame&nbsp;<span class="s1"><b>Kernzeit ist von 20:00 bis 21:00 Uhr</b></span>.</p><p class="p2" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0); font-weight: 400;">Wir freuen uns auf euch! Nutzt die Zeit zum Chatten, Schnacken und für einen regen Austausch mit der Community.</p>                </div>
677                                <a class="news-card-more" href="https://www.original-laguiole.de/chat.html">Mehr erfahren &rarr;</a>
678                            </article>
679                        <article class="news-card" id="news-80">
680                <div class="news-card-date">26.07.2026</div>
681                <h2 class="news-card-title">
682                    Rabatte für OL-Premium-Gold Kunden im Shop sofort sichtbar                </h2>
683                                <img class="news-card-img" src="/img/news-80.jpg" alt="Rabatte für OL-Premium-Gold Kunden im Shop sofort sichtbar" loading="lazy">
684                                <div class="news-card-content">
685                    <p class="p1" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);">Sind Sie OL-Premium-GOLD Kunde?</p><p class="p1" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"><span style="font-weight: normal;">Dann melden Sie sich bitte immer zuerst in Ihrem Kundenkonto an, bevor Sie im Shop stöbern.</span></p><p class="p1" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"><span style="font-weight: normal;">Ihr Vorteil: Nach dem Login werden Ihnen die für OL-Premium-GOLD gültigen Preise sofort direkt bei den Produkten angezeigt – und nicht erst im Warenkorb, wie es im früheren Shop der Fall war.</span></p><p class="p1" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"><span style="font-weight: normal;">So sehen Sie auf einen Blick Ihre persönlichen Vorteile und können ganz entspannt einkaufen.</span></p><p class="p1" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);">Unser Tipp:</p><p class="p1" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"><span style="font-weight: normal;">Erst einloggen – dann surfen und sparen. Viel Freude beim Einkauf!</span></p>                </div>
686                            </article>
687                        <div class="news-month">Juni 2026</div>
688                        <article class="news-card" id="news-79">
689                <div class="news-card-date">24.06.2026</div>
690                <h2 class="news-card-title">
691                                        <a href="https://www.original-laguiole.de/item/aipcl_karte_zus_tzlich_zu_dem_kostenlosen_aipcl_zertifikat_30545">
691Änderung zu der AIPCL-Karte</a>
692                                    </h2>
693                                <img class="news-card-img" src="/img/aipcl-karte-2.jpg" alt="Änderung zu der AIPCL-Karte" loading="lazy">
694                                <div class="news-card-content">
695                    Vor einiger Zeit haben wir die AIPCL-Karte eingef&uuml;hrt. Nach vielen Gespr&auml;chen mit unseren Kunden haben wir festgestellt, dass die Meinungen hierzu unterschiedlich sind: W&auml;hrend einige Kunden die Karte als sch&ouml;ne Erg&auml;nzung ansehen und sie dauerhaft zusammen mit ihrem Laguiole-Messer aufbewahren, haben andere Kunden f&uuml;r die Karte keine Verwendung und entsorgen sie direkt nach Erhalt.<br /><br />Da die Herstellung der AIPCL-Karte nicht nur Kosten verursacht, sondern auch mit einem erheblichen Arbeitsaufwand verbunden ist, haben wir uns zu einer &Auml;nderung entschieden:<br /><br />Ab sofort wird die AIPCL-Karte nicht mehr automatisch jeder Bestellung beigelegt. Wer die Karte erhalten m&ouml;chte, kann sie ganz bewusst im Warenkorb zu seinem Laguiole-Messer hinzuf&uuml;gen.<br /><br />F&uuml;r OL-Premium-Gold-Kunden bleibt die AIPCL-Karte weiterhin kostenlos. F&uuml;r alle anderen Kunden betr&auml;gt der Preis 2 &euro; pro Karte.<br /><br />Wichtig: Auch OL-Premium-Gold-Kunden m&uuml;ssen die Karte aktiv im Warenkorb hinzuf&uuml;gen, wenn sie diese erhalten m&ouml;chten.<br /><br />Selbstverst&auml;ndlich bleibt das eigentliche AIPCL-Echtheitszertifikat unver&auml;ndert bestehen. Auch die individuelle AIPCL-Nummer wird weiterhin wie gewohnt auf der Rechnung vermerkt.<br /><br />Diese &Auml;nderung betrifft ausschlie&szlig;lich die zus&auml;tzliche AIPCL-Karte.<br /><br /> <img style="width: 100%; max-width: 600px;" src="https://original-laguiole.de/img/aipcl-karte-1.jpg" />                </div>
696                                <a class="news-card-more" href="https://www.original-laguiole.de/item/aipcl_karte_zus_tzlich_zu_dem_kostenlosen_aipcl_zertifikat_30545">Mehr erfahren &rarr;</a>
697                            </article>
698                        <article class="news-card" id="news-78">
699                <div class="news-card-date">07.06.2026</div>
700                <h2 class="news-card-title">
701                                        <a href="https://www.original-laguiole.de/chat.html">GruppenChat Laguiole-Zeit jetzt die ganze Woche OFFEN!</a>
702                                    </h2>
703                                <img class="news-card-img" src="/img/laguiole-zeit-neu.jpg" alt="GruppenChat Laguiole-Zeit jetzt die ganze Woche OFFEN!" loading="lazy">
704                                <div class="news-card-content">
705                    Ab sofort lassen wir das LaguiolZeit-Chat die ganze Woche offen. Du kannst jederzeit dich einloggen und die Beitr&auml;ge lesen und Kommentare schreiben. Jeden Sonntag Abend wird der Chat archiviert und am Montag beginnt der neue Chat. Wir freuen uns auf dich, scheue rein!                </div>
706                                <a class="news-card-more" href="https://www.original-laguiole.de/chat.html">Mehr erfahren &rarr;</a>
707                            </article>
708                        <div class="news-month">Mai 2026</div>
709                        <article class="news-card" id="news-77">
710                <div class="news-card-date">09.05.2026</div>
711                <h2 class="news-card-title">
712                                        <a href="/blog.html">Fake-Shops und Infos für Laguiole-Einsteiger</a>
713                                    </h2>
714                                <img class="news-card-img" src="/img/fake-shops.jpg" alt="Fake-Shops und Infos für Laguiole-Einsteiger" loading="lazy">
715                                <div class="news-card-content">
716                    Unter &bdquo;Laguiole-Wissenswertes&ldquo; haben wir zwei neue, besonders spannende Seiten f&uuml;r euch ver&ouml;ffentlicht: &bdquo;<strong><a href="https://www.original-laguiole.de/wie-erkenne-ich-ein-fake-shop.html">Wie erkennt man Fake-Shops?</a></strong>&ldquo; und &bdquo;<strong><a href="https://www.original-laguiole.de/tipps-fuer-laguiole-einsteiger.html">Tipps f&uuml;r Laguiole-Einsteiger</a></strong>&ldquo;.<br /><br />Dort erwarten euch wertvolle Insider-Infos, hilfreiche Tipps und die passenden Videos rund um die Welt der echten Laguiole-Messer. Ob Einsteiger oder Liebhaber &ndash; diese Beitr&auml;ge sind absolut lesenswert, informativ und helfen dabei, Qualit&auml;t und Originalit&auml;t besser zu erkennen. Viel Freude beim Entdecken!<br /><br />  <img style="width: 100%; max-width: 600px;" src="https://www.original-laguiole.de/img/laguiole-einsteiger.jpg" />                </div>
717                                <a class="news-card-more" href="/blog.html">Mehr erfahren &rarr;</a>
718                            </article>
719                        <article class="news-card" id="news-76">
720                <div class="news-card-date">02.05.2026</div>
721                <h2 class="news-card-title">
722                                        <a href="https://www.original-laguiole.de/forum.html">NEUHEITEN im ARCO VIP vor dem Erscheinen im Shop</a>
723                                    </h2>
724                                <div class="news-card-content">
725                    <span>Im ARCO VIP-Bereich pr&auml;sentieren wir ab sofort neue Messer bereits vor ihrer Ver&ouml;ffentlichung im Shop &ndash; vorausgesetzt, die Fotografie und Bildbearbeitung sind abgeschlossen. In der Regel stellen wir diese Neuheiten 1 bis 2 Tage vor dem offiziellen Shop-Release hier vor.<br /><br />Da neue Produkte meist sonntags im Shop erscheinen, haben Sie die M&ouml;glichkeit, diese bereits am Freitag oder Samstag im Voraus zu entdecken. Eine verbindliche Vorbestellung ist ebenfalls im ARCO VIP&nbsp;m&ouml;glich. <span style="color: #00ff00;"><strong>Die Neuheiten sind&nbsp;nur f&uuml;r die OL-Premium-Gold Kunden sichtbar!</strong></span><br /><br /> <img style="width: 100%; max-width: 600px;" src="https://www.original-laguiole.de/img/neuheiten-in-arcovip.jpg" /></span>                </div>
726                                <a class="news-card-more" href="https://www.original-laguiole.de/forum.html">Mehr erfahren &rarr;</a>
727                            </article>
728                        <div class="news-month">April 2026</div>
729                        <article class="news-card" id="news-75">
730                <div class="news-card-date">27.04.2026</div>
731                <h2 class="news-card-title">
732                                        <a href="forum.html">Verbesserte Sichbarkeit der&nbsp;neuen Beitr&auml;ge in der OLC</a>
733                                    </h2>
734                                <div class="news-card-content">
735                    <p><span>Gerade auf dem Handy ist die Kennzeichnung der neuen Beitr&auml;gen in der OLC nicht immer schnell zu erkennen. Das M&auml;nnchen ist zwar schon lange als Beleg f&uuml;r eine neue Nachricht zu sehen, aber unsere Seite ist bunt und wundersch&ouml;n, da f&auml;llt manchmal ein solches nettes M&auml;nnchen nicht genug auf.</span></p>
736<p class="text-build-content"><span>Aus diesem Grund haben wir durch eine Anregung von Schwufft uns was einfallen lassen, um die Lesbarkeit erheblich zu steigern, die auch mit unserem Design und Aufwand im Einklang steht.<br /><br /></span>Ab sofort werden gr&uuml;ne Balken auf neue Beitr&auml;ge in der entsprechenden Kategorie hinweisen!<br /><br /> <img style="width: 100%; max-width: 600px;" src="https://www.original-laguiole.de/img/lesbarkeit.jpg" /></p>                </div>
737                                <a class="news-card-more" href="forum.html">Mehr erfahren &rarr;</a>
738                            </article>
739                        <article class="news-card" id="news-74">
740                <div class="news-card-date">20.04.2026</div>
741                <h2 class="news-card-title">
742                                        <a href="https://www.original-laguiole.de/forum.html">Bearbeitung der Beitr&auml;ge in der OLC nach dem Posten</a>
743                                    </h2>
744                                <div class="news-card-content">
745                    <p>Ab sofort k&ouml;nnen die Beitr&auml;ge in der Original-Laguiole-Community nach dem Posten noch bearbeitet werden.<br />Auf dieser Weise k&ouml;nnen Sie die Formatierung f&uuml;r eine bessere Lesbarkeit &auml;ndern oder die Tippfehler noch verbessern :-)&nbsp;<br /><br /> <img style="width: 100%; max-width: 600px;" src="https://www.original-laguiole.de/media/chat/1_23628_20260420_132014_Bildschirmfoto-2026-04-18-um-12.03.48.jpg" /></p>                </div>
746                                <a class="news-card-more" href="https://www.original-laguiole.de/forum.html">Mehr erfahren &rarr;</a>
747                            </article>
748                        <article class="news-card" id="news-73">
749                <div class="news-card-date">10.04.2026</div>
750                <h2 class="news-card-title">
751                                        <a href="laguiole-neuheiten.html">Erweiterung der Suchfunktion in den OLC-Beitr&auml;gen</a>
752                                    </h2>
753                                <div class="news-card-content">
754                    Wir haben die Suchfunktion im Shop erweitert. Nun werden auch Beitr&auml;gen aus der OLC angezeigt, wenn Sie einen Begriff suchen. So z.B. wenn Sie VELION eingeben, werden die VELION-Produkte aus unserem Shop angezeigt, aber auch der Beitrag in der OLC original-laguiole-community.<br />Unsere Webseite r&uuml;ckt immer mehr zusammen, und die Suche wird DAS zentrales Element derselben.<br /><br /> <img style="width: 100%; max-width: 600px;" src="https://www.original-laguiole.de/img/suchfunktion2.jpg" />                </div>
755                                <a class="news-card-more" href="laguiole-neuheiten.html">Mehr erfahren &rarr;</a>
756                            </article>
757                        <article class="news-card" id="news-72">
758                <div class="news-card-date">10.04.2026</div>
759                <h2 class="news-card-title">
760                                        <a href="olc-forum-velion-produkte-389.html">VELION - einzigartige Unikate</a>
761                                    </h2>
762                                <div class="news-card-content">
763                    <span>Manche Schmieden produzieren eine Menge neue Messer, die wir nicht alle in unserem Sortiment aufnehmen k&ouml;nnen. Diese pr&auml;sentieren wir allerdings hier in dem </span><strong>VELION-Bereich</strong><span>. Gerne kannst du diese Messer &uuml;ber uns kaufen, sofern die Schmiede diese noch auf Lager hat und noch nicht an anderen H&auml;ndlern verkauft sind.<br /></span> <br /> <img style="width: 100%; max-width: 600px;" src="https://www.original-laguiole.de/media/forum/images/20260329_014613_whatsapp-image-2026-03-25-at-12.33.24-2-.jpeg" />                </div>
764                                <a class="news-card-more" href="olc-forum-velion-produkte-389.html">Mehr erfahren &rarr;</a>
765                            </article>
766                        <div class="news-month">Februar 2026</div>
767                        <article class="news-card" id="news-71">
768                <div class="news-card-date">20.02.2026</div>
769                <h2 class="news-card-title">
770                                        <a href="wunschliste-beschreibung.html">Wunsch- und Vergleichsliste</a>
771                                    </h2>
772                                <div class="news-card-content">
773                    <span><strong>Die Wunschliste Ihr pers&ouml;nlicher Begleiter durch die Welt der Laguiole-Messer</strong> <br />Stellen Sie sich vor, Sie entdecken mehrere wundersch&ouml;ne Messer vielleicht ein klassisches Laguiole mit Wacholderholzgriff, ein elegantes Modell mit <a href="/ebenholz.html?wiki=174" class="wiki">Ebenholz</a> oder ein besonders aufwendig gearbeitetes Messer aus der traditionsreichen Schmiedekunst von <a href="/laguiole-en-aubrac-taschenmesser-made-in-france.html?wiki=39" class="wiki">Laguiole en Aubrac</a>. Statt sich jedes Produkt einzeln merken zu m&uuml;ssen, k&ouml;nnen Sie Ihre Favoriten einfach mit einem Klick sammeln. Die Wunschliste dient dabei als tempor&auml;rer Merkzettel, der Ihnen hilft, Ihre Auswahl zu strukturieren und die Details jedes Messers in Ruhe zu vergleichen.</span><br /> <br /> <img style="width: 100%; max-width: 600px;" src="https://www.original-laguiole.de/img/wunschliste.jpg" />                </div>
774                                <a class="news-card-more" href="wunschliste-beschreibung.html">Mehr erfahren &rarr;</a>
775                            </article>
776                        <article class="news-card" id="news-70">
777                <div class="news-card-date">05.02.2026</div>
778                <h2 class="news-card-title">
779                                        <a href="https://www.original-laguiole.de/carmos-day.html">CARMOS-DAY: 30 CARMOS f&uuml;r 30% Rabatt</a>
780                                    </h2>
781                                <div class="news-card-content">
782                    <span>Der </span><strong>CARMOS-Day</strong><span> ist unser Dankesch&ouml;n an alle engagierten Sammler, Genie&szlig;er und Liebhaber echter Laguiole-Messer. </span><span style="color: #ff0000;"><strong>An jedem 10. eines Monats</strong></span><span> er&ouml;ffnen wir exklusiv f&uuml;r unsere OL-Kunden die M&ouml;glichkeit, </span><span style="color: #ff9900;"><strong>bis zu 30 CARMOS-Punkte</strong></span><span> gezielt einzusetzen.</span><br /><br /><span>&bull; </span><strong>30&nbsp;% Sofortrabatt auf ein vorr&auml;tiges Produkt</strong><br /><span>&bull; oder </span><strong>Teilnahme am CARMOS-Spiel mit der Chance auf 40&nbsp;% Rabatt<br /></strong><span>&bull;<span style="color: #00ff00;"><strong> OL-Premium-Gold Kunden&nbsp;erhalten einen Vorsprung von 10 Stunden und k&ouml;nnen somit schon am 09. eines jedes Monats ab 14:00 Uhr die vorr&auml;tigen Produkte mit 30 CARMOS einkaufen. &nbsp;</strong></span></span><br /><br /><span>Der CARMOS-Day ist Ausdruck unserer Philosophie:</span><br /><em>Treue wird gesehen. Leidenschaft wird belohnt.</em><br /> <br /> <img style="width: 100%; max-width: 600px;" src="https://www.original-laguiole.de/img/carmos-day-button.jpg" />                </div>
783                                <a class="news-card-more" href="https://www.original-laguiole.de/carmos-day.html">Mehr erfahren &rarr;</a>
784                            </article>
785                        <div class="news-month">Januar 2026</div>
786                        <article class="news-card" id="news-69">
787                <div class="news-card-date">05.01.2026</div>
788                <h2 class="news-card-title">
789                                        <a href="https://www.original-laguiole.de/carmos-konzept.html">Ab 01.01.2026: maximal 20% Rabatt</a>
790                                    </h2>
791                                <div class="news-card-content">
792                    <strong>Aus &Uuml;berzeugung. Aus Verantwortung. F&uuml;r echte Qualit&auml;t.</strong><br /> Ab Januar 2026 gilt bei original-laguiole.de ein klarer, fairer Rahmen:&nbsp;Der maximal m&ouml;gliche Gesamtrabatt aus allen Aktionen, Vorteilen und Konzepten betr&auml;gt k&uuml;nftig 20 %.<br /><br /> Diese Entscheidung ist Teil unserer langfristigen Vision. Deshalb werden alle bestehenden Konzepte &ndash; selbstverst&auml;ndlich auch unser bew&auml;hrtes CARMOS-Konzept &ndash; sorgf&auml;ltig angepasst und harmonisch auf diesen neuen Rahmen umgestellt.<br /><br /> <strong>Konkret bedeutet das:</strong><br /> Auch durch den Einsatz von CARMOS-Punkten, allein oder in Kombination mit OL-Premium-Gold-Rabatten, sind k&uuml;nftig maximal 20 % Rabatt m&ouml;glich.<br /><br /> <strong>Warum wir diesen Schritt gehen?</strong><br /> Weil echte Handwerkskunst, nachhaltige Partnerschaften und kompromisslose Qualit&auml;t einen stabilen, ehrlichen Rahmen brauchen. Und weil wir auch in Zukunft f&uuml;r das stehen wollen, was original-laguiole.de seit jeher ausmacht: Wertigkeit, Fairness und Verl&auml;sslichkeit.<br />
792 Von Herzen danken wir allen unseren treuen Kundinnen und Kunden f&uuml;r ihr Vertrauen, ihre Begeisterung und ihre langj&auml;hrige Verbundenheit. ❤️<br /><br /> <strong><u><a href="https://youtu.be/f4a8tLcraak" target="_blank">Hier erkl&auml;ren wir ausf&uuml;hrlich, warum wir diese Neuerung eingef&uuml;hrt haben:</a></u></strong><br /> <br /> <img style="width: 100%; max-width: 600px;" src="https://www.original-laguiole.de/img/news-66.jpg" />                </div>
793                                <a class="news-card-more" href="https://www.original-laguiole.de/carmos-konzept.html">Mehr erfahren &rarr;</a>
794                            </article>
795                    </div>
796        
797        <div class="news-cta">
798            <div class="art-shop-box">
799                <div class="art-shop-box-title">Nichts mehr verpassen</div>
800                <div class="art-shop-links">
801                    <a href="https://www.youtube.com/@MrLaguiole" target="_blank" rel="noopener" class="art-shop-link">YouTube-Kanal von Mr. Laguiole</a>
802                    <a href="/forum.html" class="art-shop-link">OLC - Community</a>
803                    <a href="/laguiole-neuheiten.html" class="art-shop-link">Aktuelle Neuheiten</a>
804                    <a href="/kontakt.html" class="art-shop-link">Anregungen? Zum Kontaktformular</a>
805                </div>
806            </div>
807        </div>
808
809    </div>
810
811    <div class="ol-notes"><a class="ol-note ol-note--olc" href="/forum.html"><span class="ol-note-icon"><svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg></span><span class="ol-note-body"><span class="ol-note-kicker">OLC - Original-Laguiole-Community</span><span class="ol-note-txt">Teilen Sie Ihre Leidenschaft mit Menschen, die sie verstehen. Die <strong>Original-Laguiole-Community (OLC)</strong> ist der lebendige Mittelpunkt von original-laguiole.de - treten Sie bei.</span></span><span class="ol-note-cta">Zur Community &rsaquo;</span></a><a class="ol-note ol-note--yt" href="https://www.youtube.com/@MrLaguiole" target="_blank" rel="noopener"><span class="ol-note-icon"><svg viewBox="0 0 24 24" width="24" height="24" fill="currentColor"><path d="M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.5 12 3.5 12 3.5s-7.5 0-9.4.6A3 3 0 0 0 .5 6.2 31 31 0 0 0 0 12a31 31 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.6 9.4.6 9.4.6s7.5 0 9.4-.6a3 3 0 0 0 2.1-2.1A31 31 0 0 0 24 12a31 31 0 0 0-.5-5.8zM9.5 15.5v-7l6.3 3.5-6.3 3.5z"/></svg></span><span class="ol-note-body"><span class="ol-note-kicker">Mr. Laguiole auf YouTube</span><span class="ol-note-txt">Ein Klick, und die Messer erwachen zum Leben: Mr. Laguiole präsentiert in <strong>über 2.000 Videos</strong> für über 14.000 Abonnenten die ganze Laguiole-Welt. Schauen Sie vorbei.</span></span><span class="ol-note-cta">Zum Kanal &rsaquo;</span></a></div>
812    <div class="art-about">
813        <div class="art-about-inner">
814            <p>Vermissen Sie etwas in unserem Shop oder haben Sie Änderungswünsche? Wir hören gerne zu und sind für neue Ideen dankbar!</p>
815            <a href="/kontakt.html" class="art-back">
816                <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2"><polyline points="15 18 9 12 15 6"/></svg>
817                Zum Kontaktformular
818            </a>
819        </div>
820    </div>
821
822</article>
823
824<style>
825/* ── NEWS-Seite ──────────────────────────────────────── */
826.news-years{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 26px}
827.news-year{display:inline-block;padding:9px 20px;border-radius:24px;background:var(--dark2);border:1px solid rgba(184,145,42,.35);color:var(--gold-l);font-weight:700;font-size:.95rem;text-decoration:none;transition:background .2s,color .2s}
828.news-year:hover{border-color:var(--gold-l)}
829.news-year--active{background:linear-gradient(135deg,var(--gold-l),#8a6a1c);color:#100d06;border-color:transparent}
830
831.news-timeline{position:relative;padding-left:26px;margin:4px 0 30px}
832.news-timeline::before{content:"";position:absolute;
832left:7px;top:6px;bottom:6px;width:2px;background:linear-gradient(to bottom,rgba(184,145,42,.6),rgba(184,145,42,.1))}
833.news-month{position:relative;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--gold-l);margin:26px 0 12px}
834.news-month::before{content:"";position:absolute;left:-25px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px rgba(184,145,42,.8)}
835.news-timeline .news-month:first-child{margin-top:0}
836
837.news-card{position:relative;background:var(--dark2);border:1px solid rgba(184,145,42,.25);border-radius:12px;padding:20px 24px;margin:0 0 14px;transition:border-color .2s}
838.news-card:hover{border-color:rgba(184,145,42,.55)}
839.news-card::before{content:"";position:absolute;left:-23px;top:26px;width:8px;height:8px;border-radius:50%;background:rgba(184,145,42,.55)}
840.news-card-date{font-size:.78rem;letter-spacing:.1em;color:rgba(253,244,224,.5);margin-bottom:6px}
841.news-card-title{font-size:1.15rem;line-height:1.35;margin:0 0 10px;color:var(--gold-p)}
842.news-card-title a{color:var(--gold-p);text-decoration:none}
843.news-card-title a:hover{color:var(--gold-l)}
844.news-card-img{max-width:min(600px,100%);border-radius:10px;border:1px solid rgba(184,145,42,.3);margin:0 0 12px;display:block;height:auto}
845.news-card-content{color:rgba(253,244,224,.85);line-height:1.6;font-size:.94rem}
846/* Farben, Ueberschriften, Listen und Abstaende des Admin-Textes stehen in
847   style.css unter "Redaktioneller News-Inhalt" - dieselben Regeln gelten
848   dort auch fuer das News-Popup im Kundenbereich. Hier stand frueher ein
849   pauschales "* { color: hell !important }", das jede Auszeichnung des
850   Editors erschlagen hat. */
851.news-card-content img{max-width:min(600px,100%);border-radius:10px;border:1px solid rgba(184,145,42,.3);margin:12px 0;display:block;height:auto}
852.news-card-more{display:inline-block;margin-top:12px;font-weight:700;font-size:.88rem;color:var(--gold-l);text-decoration:none}
853.news-card-more:hover{color:var(--gold-p)}
854
855.news-empty{background:var(--dark2);border:1px solid rgba(184,145,42,.25);border-radius:12px;padding:26px;text-align:center;color:rgba(253,244,224,.6);margin-bottom:26px}
856.news-cta{margin:6px 0 34px}
857@media(max-width:600px){.news-timeline{padding-left:18px}.news-card::before{left:-15px}.news-month::before{left:-17px}}
858</style>
859
860
861<section class="ol-author" aria-label="Über den Autor"><div class="wrap ol-author-inner"><a class="ol-author-imglink" href="/justin-jernoiu.html" title="Mehr über Justin Jer
861noiu (Mr. Laguiole)"><img class="ol-author-img" src="/img/justin-jernoiu-autor.jpg" alt="Justin Jernoiu - Mr. Laguiole" width="104" height="104" loading="lazy" decoding="async"></a><div class="ol-author-body"><div class="ol-author-eyebrow">Über den Autor</div><p class="ol-author-text">Dieser Artikel wurde von <strong>Justin Jernoiu (Mr. Laguiole)</strong> erstellt. Seit <strong>2004</strong> beschäftigt er sich mit original französischen Laguiole-Messern und betreibt die weltweit größte Spezialisierung auf handgefertigte Laguiole-Messer.</p><a class="ol-author-link" href="/justin-jernoiu.html">Mehr über Justin Jernoiu (Mr. Laguiole) &rsaquo;</a></div></div></section>
862</main><!-- /#olMain -->
863
864<!-- ── FOOTER ── -->
865<footer id="olFooter">
866<div class="wrap">
867
868    <div class="ft-grid">
869
870        <!-- Spalte 1: Adresse + Social -->
871        <div>
872            <div class="ft-col-title">Original Laguiole</div>
873            <address>
874                <strong>world of innovation Jernoiu e.K.</strong><br>
875                Heinz-Fangman-Str. 2, Haus 4<br>
876                D-42287 Wuppertal<br>
877                Deutschland<br><br>
878                Tel. <a href="tel:+4920243046416">+49 202 43046416</a><br>
879                <a href="mailto:[email protected]">[email protected]</a>
880            </address>
881            <div class="ft-social">
882                <a href="https://www.youtube.com/c/MrLaguioleVideo" target="_blank" rel="noopener" aria-label="YouTube">YT</a>
883                <a href="https://www.instagram.com/original_laguiole_messer/" target="_blank" rel="noopener" aria-label="Instagram">IG</a>
884                <a href="https://www.facebook.com/pages/Original-Laguiole/117590768314795" target="_blank" rel="noopener" aria-label="Facebook">FB</a>
885            </div>
886        </div>
887
888        <!-- Spalte 2: Shop -->
889        <div>
890            <div class="ft-col-title">Shop</div>
891            <div class="ft-links">
892                <a href="/">Startseite</a>
893                <a href="/versand-zahlung.html#versandkosten">Versandkosten</a>
894                <a href="/versand-zahlung.html#zahlungsarten">Zahlungsarten</a>
895                <a href="/ol-premium-kunde.html">OL-Premium-Gold</a>
896                <a href="/sammlerrabatt.html">30% Sammlerrabatt</a>
897                <a href="/laguiole-tischkultur-steakmesser.html">Steakmesser</a>
898                <a href="/kellnermesser.html">Kellnermesser</a>
899            </div>
900        </div>
901
902        <!-- Spalte 3: Service -->
903        <div>
904            <div class="ft-col-title">Service</div>
905            <div class="ft-links">
906                <a href="/impress.html">Impressum</a>
907                <a href="/agb.html">AGB</a>
908                <a href="/datenschutz.html">Datenschutz</a>
909                <a href="/widerruf.html">Widerrufsbelehrung</a>
910                <a href="#" id="ol-cookie-settings">Cookie-Einstellungen</a>
911                <a href="/blog.html">Blog</a>
912                <a href="/news.html">News</a>
913            </div>
914        </div>
915
916        <!-- Spalte 4: Wissen -->
917        <div>
918            <div class="ft-col-title">Laguiole-Wissen</div>
919            <div class="ft-links">
920                <a href="/laguiole-messer.html">Was ist ein Laguiole?</a>
921                <a href="/haben-laguiole-eine-biene-oder-eine-fliege.html">Biene oder Fliege?</a>
922                <a href="/messer-griff-materialien.html">Griffmaterialien</a>
923                <a href="/tipps-fuer-laguiole-einsteiger.html">Einsteiger-Tipps</a>
924                <a href="/wie-erkenne-ich-ein-fake-shop.html">Fake-Shop erkennen</a>
925                <a href="/laguiole-en-aubrac.html">Laguiole en Aubrac</a>
926            </div>
927        </div>
928
929    </div><!-- /.ft-grid -->
930
931    <!-- Newsletter (Mailjet) -->
932    <div style="padding:20px 0;border-top:1px solid rgba(184,145,42,.2)">
933        <iframe data-w-token="d56c7c09f22f2a704201" data-w-type="pop-in"
934            title="Newsletter-Anmeldung von original-laguiole.de"
935            frameborder="0" scrolling="yes" marginheight="0" marginwidth="0"
936            src="https://iq42.mjt.lu/wgt/iq42/g9/form?c=87958ba6"
937            width="100%" style="height:0;"></iframe>
938        <iframe data-w-token="d56c7c09f22f2a704201" data-w-type="trigger"
939            title="Newsletter abonnieren"
940            frameborder="0" scrolling="no" marginheight="0" marginwidth="0"
941            src="https://iq42.mjt.lu/wgt/iq42/g9/trigger?c=8374dcf6"
942            width="100%" style="height:0;"></iframe>
943        
943<script src="https://app.mailjet.com/pas-nc-pop-in-v1.js" defer></script>
943
944    </div>
945
946    <!-- Google Translate.
947         Die Automatik nach Browsersprache bleibt als VOREINSTELLUNG. Sobald der
948         Besucher unten im Footer selbst waehlt, gilt nur noch seine Wahl - auch
949         "Deutsch", also zurueck zum Original.
950
951         Umgeschaltet wird ueber das Cookie googtrans und einen Neuaufbau der
952         Seite, nicht mehr ueber das versteckte Auswahlfeld: Das Zurueckschalten
953         auf die Ausgangssprache liess sich darueber nicht zuverlaessig ausloesen.
954
955         Das 66-KB-Skript wird weiterhin NUR geladen, wenn tatsaechlich
956         uebersetzt werden soll - deutsche Besucher laden es gar nicht erst. -->
957    <div id="google_translate_element" style="display:none;"></div>
958    
958<script>
959    (function(){
960        var UEBERSETZBAR = ['en','es','fr','it'];
961        var SPEICHER     = 'olSprache';
962
963        function gelesen(){
964            try { return localStorage.getItem(SPEICHER) || ''; } catch(e){ return ''; }
965        }
966        function browserSprache(){
967            return (navigator.language||navigator.userLanguage||'').split('-')[0];
968        }
969        /* Wirksame Sprache: eigene Wahl schlaegt Browsersprache. */
970        function aktuell(){
971            var w = gelesen();
972            if (w) return w;
973            var b = browserSprache();
974            return UEBERSETZBAR.indexOf(b) > -1 ? b : 'de';
975        }
976
977        /* Das Cookie muss auf beiden Schreibweisen gesetzt werden - Google liest
978           je nach Aufrufweg die eine oder die andere. */
979        function cookieSetzen(wert){
980            var host = location.hostname;
981            var basis = host.replace(/^www\./,'');
982            var ablauf = wert ? '' : '; expires=Thu, 01 Jan 1970 00:00:01 GMT';
983            var inhalt = wert ? ('/de/'+wert) : '';
984            document.cookie = 'googtrans='+inhalt+'; path=/'+ablauf;
985            document.cookie = 'googtrans='+inhalt+'; path=/; domain='+host+ablauf;
986            document.cookie = 'googtrans='+inhalt+'; path=/; domain=.'+basis+ablauf;
987        }
988
989        /* Auswahlknoepfe im Footer.
990           ACHTUNG: Dieses Skript steht im Dokument VOR der Leiste - zum
991           Zeitpunkt der Ausfuehrung gibt es sie also noch nicht. Deshalb erst
992           nach dem Aufbau des Dokuments binden, sonst blieben die Knoepfe tot. */
993        function leisteBinden(){
994            var leiste = document.getElementById('olSpracheLeiste');
995            if (!leiste) return;
996            var jetzt = aktuell();
997            leiste.querySelectorAll('button[data-sprache]').forEach(function(b){
998                if (b.dataset.sprache === jetzt) b.classList.add('aktiv');
999                b.addEventListener('click', function(){
1000                    var wahl = b.dataset.sprache;
1001                    try { localStorage.setItem(SPEICHER, wahl); } catch(e){}
1002                    cookieSetzen(wahl === 'de' ? '' : wahl);
1003                    try { sessionStorage.removeItem('olSpracheReload'); } catch(e){}
1004                    location.reload();
1005                });
1006            });
1007        }
1008        if (document.readyState === 'loading') {
1009            document.addEventListener('DOMContentLoaded', leisteBinden);
1010        } else {
1011            leisteBinden();
1012        }
1013
1014        var ziel = aktuell();
1015        if (ziel === 'de') {
1016            /* Deutsch: nichts laden. Ein noch gesetztes Cookie aus einer
1017               frueheren Uebersetzung wuerde die Seite sonst weiter uebersetzen.
1018
1019               Der Merker ist keine Feinheit, sondern eine Notbremse: Liesse
1020               sich das Cookie einmal nicht loeschen - andere Domainschreibweise,
1021               fremde Einstellung - wuerde die Seite sich sonst ENDLOS neu laden.
1022               So bleibt es bei hoechstens einem Versuch je Sitzung. */
1023            if (/googtrans=\/de\/(?!de)/.test(document.cookie)) {
1024                cookieSetzen('');
1025                var schon = false;
1026                try { schon = sessionStorage.getItem('olSpracheReload') === '1'; } catch(e){}
1027                if (!schon) {
1028                    try { sessionStorage.setItem('olSpracheReload', '1'); } catch(e){}
1029                    location.reload();
1030                }
1031            }
1032            return;
1033        }
1034
1035        cookieSetzen(ziel);
1036
1037        window.googleTranslateElementInit = function(){
1038            new google.translate.TranslateElement({
1039                pageLanguage:'de', includedLanguages:'en,es,fr,it', autoDisplay:false
1040            },'google_translate_element');
1041        };
1042
1043        // Erst NACH dem vollstaendigen Seitenaufbau laden: das Skript hat auf
1044        // dem kritischen Pfad nichts verloren (kostet sonst LCP-Zeit bei allen
1045        // nicht-deutschen Besuchern).
1046        function olLoadTranslate(){
1047            var sc=document.createElement('script');
1048            sc.src='//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit';
1049            sc.defer=true;
1050            document.body.appendChild(sc);
1051        }
1052        if(document.readyState==='complete'){ setTimeout(olLoadTranslate,1200); }
1053        else { window.addEventListener('load',function(){ setTimeout(olLoadTranslate,1200); }); }
1054    })();
1055    </script>
1055
1056
1057    <!-- Widerruf-Button (gesetzlich vorgeschrieben) -->
1058    <div id="olWiderrufBar">
1059        <a href="/widerruf.html" id="cancellation-button" title="Widerrufsformular - Vertrag widerrufen">
1060            <svg viewBox="0 0 24 24" width="18" height="18">
1061                <path d="M9 14l-4-4 4-4"/><path d="M5 10h11a4 4 0 0 1 0 8h-1"/>
1062            </svg>
1063            Widerrufsformular - Vertrag widerrufen
1064        </a>
1065    </div>
1066
1067    <!-- Sprachauswahl.
1068         Grund: Die Uebersetzung startete bisher AUTOMATISCH nach Browsersprache,
1069         und ihre Bedienoberflaeche war ausgeblendet. Wer ein englisches
1070         Betriebssystem nutzt, bekam die Seite also zwangsweise auf Englisch und
1071         hatte keinen Weg zurueck zum deutschen Original. Die Automatik bleibt -
1072         sie ist jetzt aber nur noch die Voreinstellung, keine Einbahnstrasse. -->
1073    <div class="ft-sprache" id="olSpracheLeiste">
1074        <span class="ft-sprache-label">Sprache / Language:</span>
1075        <button type="button" data-sprache="de" lang="de">Deutsch</button>
1076        <button type="button" data-sprache="en" lang="en">English</button>
1077        <button type="button" data-sprache="fr" lang="fr">Fran&ccedil;ais</button>
1078        <button type="button" data-sprache="it" lang="it">Italiano</button>
1079        <button type="button" data-sprache="es" lang="es">Espa&ntilde;ol</button>
1080    </div>
1081
1082    <!-- Footer-Leiste -->
1083    <div class="ft-bar">
1084        <span>&copy; 2026 world of innovation Jernoiu e.K. - Alle Rechte vorbehalten</span>
1085        <div class="ft-legal">
1086            <a href="/impress.html">Impressum</a>
1087            <a href="/datenschutz.html">Datenschutz</a>
1088            <a href="/agb.html">AGB</a>
1089            <a href="/widerruf.html">Widerrufsbelehrung</a>
1090        </div>
1091    </div>
1092
1093        <p class="welten-zeile" style="margin:1.1em 0 0;padding:0;font-size:14px;line-height:1.6;text-align:center;opacity:.72">Teil der Welten von Frauke und Justin Jernoiu &middot; <a href="https://www.jernoiu.de/welten.html" rel="noopener" style="color:inherit;text-decoration:underline;text-underline-offset:3px">Alle Welten ansehen</a></p>
1094</div><!-- /.wrap -->
1095</footer>
1096
1097<!-- LiveChat (extern) entfernt - wir nutzen den eigenen OL-LiveChat/MyChat. -->
1098
1099<!-- Bildlupe: Bilder in Forums- und Blogbeitraegen auf Klick formatfuellend
1100     zeigen. Die Dateien sind seit 05.08.2026 bis zu 1600x1200 gross, in der
1101     Spalte werden sie aber auf ~700 px gezeigt - der Klick holt die volle
1102     Aufloesung. Reine Anzeige, kein Eingriff in gespeicherte Inhalte. -->
1103<script>
1104(function () {
1105    var lupe = null;
1106
1107    function schliessen() {
1108        if (!lupe) return;
1109        lupe.classList.remove('ist-offen');
1110        document.body.style.overflow = '';
1111        setTimeout(function () { if (lupe) lupe.hidden = true; }, 160);
1112    }
1113
1114    function oeffnen(src, alt) {
1115        if (!lupe) {
1116            lupe = document.createElement('div');
1117            lupe.className = 'ol-lupe';
1118            lupe.hidden = true;
1119            lupe.innerHTML = '<button type="button" class="ol-lupe-zu" aria-label="Schliessen">&times;</button><img alt="">';
1120            document.body.appendChild(lupe);
1121            lupe.addEventListener('click', schliessen);
1122        }
1123        var bild = lupe.querySelector('img');
1124        bild.src = src;
1125        bild.alt = alt || '';
1126        lupe.hidden = false;
1127        document.body.style.overflow = 'hidden';
1128        requestAnimationFrame(function () { lupe.classList.add('ist-offen'); });
1129    }
1130
1131    document.addEventListener('click', function (e) {
1132        var img = e.target.closest ? e.target.closest('img') : null;
1133        if (!img) return;
1134
1135        /* Nur Beitragsbilder - und NICHT waehrend des Schreibens: Im Editor
1136           soll ein Klick das Bild markieren, nicht eine Lupe oeffnen. */
1137        if (!img.closest('.image-wrapper, .blog-inhalt')) return;
1138        if (img.closest('#forum-edit, [contenteditable="true"], .ole-feld')) return;
1139        if (img.closest('a')) return;              // verlinkte Bilder normal folgen lassen
1140
1141        e.preventDefault();
1142        oeffnen(img.currentSrc || img.src, img.alt);
1143    });
1144
1145    document.addEventListener('keydown', function (e) {
1146        if (e.key === 'Escape') schliessen();
1147    });
1148})();
1149</script>
1149
1150
1151<!-- ── Seiten-JavaScript ── -->
1152<script>
1153(function(){
1154    // Such-Toggle
1155    var searchToggle=document.getElementById('olSearchToggle');
1156    var searchBar=document.getElementById('olSearchBar');
1157    if(searchToggle&&searchBar){
1158        searchToggle.addEventListener('click',function(){
1159            var visible=searchBar.style.display==='block';
1160            searchBar.style.display=visible?'none':'block';
1161            if(!visible){document.getElementById('olSearchInput').focus();}
1162        });
1163    }
1164
1165    // Hamburger-Menu
1166    var hbg=document.getElementById('olHbg');
1167    var nav=document.getElementById('olNavList');
1168    if(hbg&&nav){
1169        hbg.addEventListener('click',function(){
1170            var open=nav.classList.toggle('open');
1171            hbg.classList.toggle('on',open);
1172            hbg.setAttribute('aria-expanded',open?'true':'false');
1173        });
1174    }
1175
1176    /* Mobile/Tablet: Dropdown-Items per Klick aufklappen.
1177       ERWEITERT 12.09.2026 (Meldung Justin: "am iPad passiert nichts, wenn man
1178       auf das Menue mit dem Finger drauf klickt"). Bisher galt allein die
1179       Breite unter 1200px. Ein iPad Pro im Querformat ist aber 1366 Pixel
1180       breit und bekam deshalb die Maus-Bedienung - mit :hover, das ein Finger
1181       nicht ausloest. Jetzt entscheidet zusaetzlich, OB das Geraet ueberhaupt
1182       einen Zeiger zum Zeigen hat: (hover:none) trifft jedes Touchgeraet,
1183       unabhaengig von seiner Groesse. */
1184    var keinZeiger = window.matchMedia && window.matchMedia('(hover:none)').matches;
1185    if(window.innerWidth<1200 || keinZeiger){
1186        document.querySelectorAll('.nav-item>.nav-link').forEach(function(link){
1187            var parent=link.parentElement;
1188            if(parent.querySelector('.drop,.mega')){
1189                link.addEventListener('click',function(e){
1190                    e.preventDefault();
1191                    parent.classList.toggle('mob-open');
1192                });
1193            }
1194        });
1195    }
1196
1197    // Warenkorb-Badge aktualisieren
1198    function refreshCart(){
1199        fetch('/index.php?go=ol.cart.display')
1200            .then(function(r){return r.json();}).catch(function(){return null;})
1201            .then(function(d){
1202                if(!d)return;
1203                var b=document.getElementById('olCartBadge');
1204                if(!b)return;
1205                if(d.ORDER>0){b.textContent=d.ORDER;b.classList.add('visible');}
1206                else{b.classList.remove('visible');}
1207            });
1208    }
1209    /* GEAENDERT 27.08.2026: Hier stand setInterval(refreshCart,30000) - jeder
1210       Besucher fragte auf jeder Seite alle 30 Sekunden nach, ob sich der
1211       Warenkorb geaendert hat. Das ist reine Last ohne Nutzen: Legt der Kunde
1212       selbst etwas hinein, wird die Zahl ohnehin sofort gesetzt. Aendern kann
1213       sie sich nur, wenn er den Warenkorb in einem ANDEREN Fenster benutzt
1214       hat - und das merkt man daran, dass er hierher zurueckkommt. Deshalb
1215       jetzt: nur beim Zurueckkommen, und hoechstens einmal pro Minute. */
1216    /* Ein Lebenszeichen fuer die Besucherstatistik (29.08.2026). Laeuft nur
1217       beim ersten Seitenaufruf einer Sitzung und nur, wenn PHP es verlangt -
1218       siehe ol_besuch_braucht_beweis(). Ein Programm, das sich als Browser
1219       ausgibt, aber kein JavaScript ausfuehrt, meldet sich hier nie und
1220       verfaelscht die Menschenzahl dadurch nicht mehr. */
1221    
1222    var cartZuletzt = 0;
1223    document.addEventListener('visibilitychange', function(){
1224        if (document.visibilityState !== 'visible') return;
1225        var jetzt = Date.now();
1226        if (jetzt - cartZuletzt < 60000) return;
1227        cartZuletzt = jetzt;
1228        refreshCart();
1229    });
1230
1231    // Herz (Wunschliste) + Daumen (Likes) auf den Produktkarten
1232    document.addEventListener('click',function(e){
1233        var wish=e.target.closest('.plc-wish');
1234        var like=e.target.closest('button.plc-like');
1235        if(!wish&&!like)return;
1236        e.preventDefault();e.stopPropagation();
1237        var el=wish||like;
1238        var id=el.getAttribute('data-id');
1239        if(!id)return;
1240        var body=wish
1241            ? 'action=toggle_wishlist&product_id='+encodeURIComponent(id)
1242            : 'action=set_product_like&product_id='+encodeURIComponent(id)+'&state='+(el.classList.contains('voted')?'unvote':'vote');
1243        fetch('/produkt-like.php',{
1244            method:'POST',
1245            headers:{'Content-Type':'application/x-www-form-urlencoded'},
1246            body:body,
1247            credentials:'same-origin'
1248        }).then(function(r){return r.json();}).then(function(res){
1249            if(!res||!res.success)return;
1250            if(wish){
1251                el.classList.toggle('active',!!res.added);
1252            }else{
1253                el.classList.toggle('voted',!!res.voted);
1254                var n=el.querySelector('.plc-like-num');
1255                if(n&&typeof res.text!=='undefined')n.textContent=res.text;
1256            }
1257        }).catch(function(){});
1258    });
1259
1260    // ── Klick-Tracking: Hauptmenue + obere Leiste (nicht blockierend via sendBeacon) ──
1261    (function(){
1262        if (!navigator.sendBeacon) return;
1263        function txt(el){ return el ? (el.textContent || '').replace(/\s+/g, ' ').trim() : ''; }
1264        document.addEventListener('click', function(e){
1265            var a = e.target.closest ? e.target.closest('a[href]') : null;
1266            if (!a) return;
1267            var box = a.closest('[data-track]');
1268            if (!box) return;
1269            var bereich = box.getAttribute('data-track');
1270            var gruppe = '', link = '';
1271            if (bereich === 'menu') {
1272                var item = a.closest('.nav-item');
1273                var navlink = item ? item.querySelector('.nav-link') : null;
1274                gruppe = txt(navlink) || 'Menue';
1275                link = a.classList.contains('nav-link') ? gruppe : txt(a);
1276            } else {
1277                gruppe = 'Leiste oben';
1278                link = (a.getAttribute('title') || txt(a) || '').trim();
1279            }
1280            if (!link) return;
1281            try {
1282                var fd = new FormData();
1283                fd.append('bereich', bereich);
1284                fd.append('gruppe', gruppe);
1285                fd.append('link', link);
1286                navigator.sendBeacon('/trackclick.php', fd);
1287            } catch (err) {}
1288        }, true);
1289    })();
1290
1291    // Slideshow
1292    var slides=document.querySelectorAll('.slide');
1293    var dots=document.querySelectorAll('.sl-dot');
1294    if(slides.length>0){
1295        var cur=0,timer;
1296        // Startslide wird serverseitig zufaellig gewaehlt - den aktiven finden,
1297        // sonst wuerde die erste Rotation stets von Slide 1 aus weiterschalten.
1298        slides.forEach(function(sl,i){ if(sl.classList.contains('on')) cur=i; });
1299        function goTo(n){
1300            slides[cur].classList.remove('on');
1301            if(dots[cur])dots[cur].classList.remove('on');
1302            cur=(n+slides.length)%slides.length;
1303            slides[cur].classList.add('on');
1304            if(dots[cur])dots[cur].classList.add('on');
1305        }
1306        function next(){goTo(cur+1);}
1307        function startTimer(){timer=setInterval(next,9000);}
1308        function resetTimer(){clearInterval(timer);startTimer();}
1309        var bn=document.querySelector('.sl-next');
1310        var bp=document.querySelector('.sl-prev');
1311        if(bn)bn.addEventListener('click',function(){next();resetTimer();});
1312        if(bp)bp.addEventListener('click',function(){goTo(cur-1);resetTimer();});
1313        dots.forEach(function(d,i){d.addEventListener('click',function(){goTo(i);resetTimer();});});
1314        slides.forEach(function(s){
1315            s.addEventListener('click',function(e){
1316                if(e.target.closest('.sl-prev,.sl-next,.sl-dots'))return;
1317                var h=s.dataset.href;if(h)window.location.href=h;
1318            });
1319        });
1320        // Versteckte Slides (display:none) haben keine Flaeche - ihre
1321        // loading="lazy"-Bilder laedt der Browser erst BEIM Einblenden.
1322        // Folge: bei jeder Rotation erst ein leerer grauer Slide, dann
1323        // poppt das Bild ein. Deshalb nach dem Laden der Seite (LCP ist
1324        // dann durch) die restlichen Slide-Bilder vorziehen - die erste
1325        // Rotation kommt erst nach 9 s, das reicht locker.
1326        window.addEventListener('load',function(){
1327            setTimeout(function(){
1328                document.querySelectorAll('.slide-bg img[loading="lazy"]').forEach(function(im){
1329                    im.loading='eager';
1330                });
1331            },800);
1332        });
1333        // Rotation erst starten, wenn die Seite VOLLSTAENDIG geladen ist:
1334        // auf langsamen Verbindungen rotierte der Slider sonst mitten in den
1335        // Seitenaufbau hinein (unruhig fuer Besucher, und im Lighthouse-Labor
1336        // wurde dadurch mal Slide 1, mal Slide 2 als LCP gemessen - daher die
1337        // springenden Werte 76/94). Zusaetzlich: im Hintergrund-Tab pausieren.
1338        function olSlidesGo(){ startTimer(); }
1339        if(document.readyState==='complete'){ olSlidesGo(); }
1340        else { window.addEventListener('load',olSlidesGo); }
1341        document.addEventListener('visibilitychange',function(){
1342            if(document.hidden){ clearInterval(timer); }
1343            else { resetTimer(); }
1344        });
1345    }
1346})();
1347</script>
1347
1348
1349<script>
1350// YouTube Facade: Iframes erst bei Klick laden (spart ~500KB pro Video)
1351document.querySelectorAll('.yt-facade').forEach(function(el){
1352    var id=el.dataset.ytId;
1353    if(!id)return;
1354    // ── Vorschaubild ──────────────────────────────────────────────────────
1355    // Standard ist hqdefault (480x360, ~20 KB) - sparsam fuer Seiten mit vielen Videos.
1356    // Mit data-yt-hi="1" wird zusaetzlich maxresdefault (1280x720) geholt: deutlich
1357    // schaerfer, aber auch deutlich groesser. Nur fuer grosse Einzelvideos verwenden.
1358    // Geladen wird erst, wenn das Video in die Naehe des Sichtbereichs kommt.
1359    // Bringt die Kachel ihr Vorschaubild selbst als <img> mit (data-yt-bild="eigen"),
1360    // wird hier gar nichts geladen. Das ist fuer Bilder oben auf der Seite wichtig:
1361    // Ein per JS gesetztes Hintergrundbild findet der Browser erst, wenn dieses
1362    // Skript gelaufen ist - ein <img> im Quelltext sieht er sofort beim Einlesen
1363    // und kann es vorziehen. Der Klick zum Abspielen bleibt unveraendert.
1364    var eigenesBild = el.dataset.ytBild === 'eigen';
1365
1366    var thumbDone=false;
1367    function loadThumb(){
1368        if(eigenesBild)return;
1369        if(thumbDone)return; thumbDone=true;
1370        // Ueber den eigenen Server statt direkt bei i.ytimg.com: sonst ginge die
1371        // IP jedes Besuchers an Google, noch vor der Cookie-Einwilligung.
1372        // yt-bild.php holt das Bild einmalig und liefert es danach selbst aus.
1373        el.style.backgroundImage='url(/yt-bild.php?v='+encodeURIComponent(id)+')';
1374        if(el.dataset.ytHi){
1375            var hi=new Image();
1376            // maxresdefault gibt es nicht bei jedem Video - dann bleibt hqdefault stehen.
1377            hi.onload=function(){ if(hi.naturalWidth>640) el.style.backgroundImage='url('+hi.src+')'; };
1378            hi.src='/yt-bild.php?v='+encodeURIComponent(id)+'&hi=1';
1379        }
1380    }
1381    if('IntersectionObserver' in window){
1382        var io=new IntersectionObserver(function(entries){
1383            for(var i=0;i<entries.length;i++){
1384                if(entries[i].isIntersecting){ loadThumb(); io.disconnect(); break; }
1385            }
1386        },{rootMargin:'300px'});
1387        io.observe(el);
1388    } else {
1389        loadThumb();   // aeltere Browser: wie bisher sofort laden
1390    }
1391
1392    var loaded=false;
1393    function load(){
1394        if(loaded)return; loaded=true;
1395        var iframe=document.createElement('iframe');
1396        // youtube-nocookie: vor dem Klick werden keine YouTube-Cookies gesetzt
1397        iframe.src='https://www.youtube-nocookie.com/embed/'+id+'?autoplay=1&rel=0';
1398        iframe.allow='accelerometer;autoplay;clipboard-write;encrypted-media;gyroscope;picture-in-picture';
1399        iframe.allowFullscreen=true;
1400        iframe.loading='lazy';
1401        iframe.title='YouTube-Video';
1402        iframe.style.cssText='width:100%;height:100%;border:0;position:absolute;top:0;left:0;';
1403        el.innerHTML='';
1404        el.appendChild(iframe);
1405        el.classList.add('loaded');
1406    }
1407    el.addEventListener('click',load);
1408    // Tastaturbedienung fuer Facades mit role="button"
1409    el.addEventListener('keydown',function(e){
1410        if(e.key==='Enter'||e.key===' '){e.preventDefault();load();}
1411    });
1412});
1413
1414// FAQ Accordion
1415document.querySelectorAll('.faq-q').forEach(function(btn){
1416    btn.addEventListener('click',function(){
1417        var expanded=this.getAttribute('aria-expanded')==='true';
1418        var panel=document.getElementById(this.getAttribute('aria-controls'));
1419        if(expanded){
1420            this.setAttribute('aria-expanded','false');
1421            if(panel)panel.classList.remove('faq-a--open');
1422        } else {
1423            this.setAttribute('aria-expanded','true');
1424            if(panel)panel.classList.add('faq-a--open');
1425        }
1426    });
1427});
1428</script>
1428
1429
1430<!-- ══ Bild-Lightbox: Inhaltsbilder per Klick vergroessern ══
1431     Gilt auf allen Inhaltsseiten. Bewusst ohne externe Bibliothek
1432     (Fancybox laedt nur auf den Produktseiten per CDN). -->
1433<div id="ol-lb" class="ol-lb" hidden role="dialog" aria-modal="true" aria-label="Bildansicht">
1434    <button type="button" class="ol-lb-close" data-lb-close aria-label="Schließen">&times;</button>
1435    <button type="button" class="ol-lb-nav ol-lb-prev" data-lb-prev aria-label="Vorheriges Bild">&#8249;</button>
1436    <button type="button" class="ol-lb-nav ol-lb-next" data-lb-next aria-label="Nächstes Bild">&#8250;</button>
1437    <figure class="ol-lb-fig">
1438        <img class="ol-lb-img" alt="">
1439        <figcaption class="ol-lb-cap"></figcaption>
1440    </figure>
1441</div>
1442<script>
1443(function(){
1444    // Inhaltsbilder einsammeln: alles im Artikel-Container, aber KEINE
1445    // Bilder, die bereits verlinkt sind (die fuehren woanders hin),
1446    // keine Heros, keine Video-Vorschauen und keine Mini-Icons.
1447    var sel = '.art-container img, .art-page figure img, .dau-sec img, .begriff-sec img';
1448    var imgs = Array.prototype.slice.call(document.querySelectorAll(sel)).filter(function(img){
1449        if (img.closest('a'))            return false;
1450        if (img.closest('.art-hero'))    return false;
1451        if (img.closest('.yt-facade'))   return false;
1452        if (img.closest('.ol-lb'))       return false;
1453        if (img.hasAttribute('data-no-zoom')) return false;
1454        var w = img.getAttribute('width');
1455        if (w && parseInt(w, 10) < 120)  return false; // Icons
1456        return true;
1457    });
1458    if (!imgs.length) return;
1459
1460    var box   = document.getElementById('ol-lb');
1461    var bimg  = box.querySelector('.ol-lb-img');
1462    var bcap  = box.querySelector('.ol-lb-cap');
1463    var prevB = box.querySelector('[data-lb-prev]');
1464    var nextB = box.querySelector('[data-lb-next]');
1465    var cur   = 0;
1466
1467    function capOf(img){
1468        var fc = img.closest('figure') && img.closest('figure').querySelector('figcaption');
1469        return fc ? fc.textContent.trim() : (img.getAttribute('alt') || '');
1470    }
1471    function show(i){
1472        cur = (i + imgs.length) % imgs.length;
1473        var img = imgs[cur];
1474        bimg.src = img.currentSrc || img.src;
1475        bimg.alt = img.getAttribute('alt') || '';
1476        var c = capOf(img);
1477        bcap.textContent = c;
1478        bcap.style.display = c ? '' : 'none';
1479        var multi = imgs.length > 1;
1480        prevB.hidden = nextB.hidden = !multi;
1481    }
1482    function open(i){ show(i); box.hidden = false; document.body.style.overflow = 'hidden'; }
1483    function close(){ box.hidden = true; document.body.style.overflow = ''; bimg.src = ''; }
1484
1485    imgs.forEach(function(img, i){
1486        img.classList.add('ol-zoomable');
1487        img.addEventListener('click', function(){ open(i); });
1488    });
1489
1490    box.addEventListener('click', function(e){
1491        if (e.target.closest('[data-lb-close]')) return close();
1492        if (e.target.closest('[data-lb-prev]'))  return show(cur - 1);
1493        if (e.target.closest('[data-lb-next]'))  return show(cur + 1);
1494        if (!e.target.closest('.ol-lb-fig'))     return close(); // Klick daneben
1495    });
1496    document.addEventListener('keydown', function(e){
1497        if (box.hidden) return;
1498        if (e.key === 'Escape')     close();
1499        if (e.key === 'ArrowLeft')  show(cur - 1);
1500        if (e.key === 'ArrowRight') show(cur + 1);
1501    });
1502})();
1503</script>
1503
1504<style>
1505.ol-zoomable{cursor:zoom-in;transition:filter .2s}
1506.ol-zoomable:hover{filter:brightness(1.08)}
1507.ol-lb{position:fixed;inset:0;z-index:9700;display:flex;align-items:center;justify-content:center;
1508    padding:28px;background:rgba(6,4,2,.9);backdrop-filter:blur(3px)}
1509.ol-lb[hidden]{display:none}
1510.ol-lb-fig{margin:0;max-width:96vw;max-height:92vh;display:flex;flex-direction:column;align-items:center;gap:12px}
1511.ol-lb-img{max-width:96vw;max-height:82vh;width:auto;height:auto;display:block;border-radius:8px;
1512    border:1px solid rgba(184,145,42,.4);box-shadow:0 18px 60px rgba(0,0,0,.7);background:#100d06}
1513.ol-lb-cap{color:rgba(253,244,224,.85);font-size:.9rem;text-align:center;max-width:760px;line-height:1.5}
1514.ol-lb-close{position:absolute;top:16px;right:20px;width:42px;height:42px;border-radius:50%;
1515    background:rgba(16,13,6,.75);border:1px solid rgba(184,145,42,.45);color:#f2d98a;font-size:1.7rem;
1516    line-height:1;cursor:pointer;transition:background .2s,color .2s}
1517.ol-lb-close:hover{background:#b8912a;color:#100d06}
1518.ol-lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;
1519    background:rgba(16,13,6,.7);border:1px solid rgba(184,145,42,.45);color:#f2d98a;font-size:1.9rem;
1520    line-height:1;cursor:pointer;transition:background .2s,color .2s}
1521.ol-lb-nav:hover{background:#b8912a;color:#100d06}
1522.ol-lb-nav[hidden]{display:none}
1523.ol-lb-prev{left:18px}
1524.ol-lb-next{right:18px}
1525@media(max-width:600px){
1526    .ol-lb{padding:12px}
1527    .ol-lb-nav{width:38px;height:38px;font-size:1.5rem}
1528    .ol-lb-prev{left:6px}.ol-lb-next{right:6px}
1529    .ol-lb-close{top:8px;right:8px}
1530}
1531</style>
1532
1533<!-- Uptain-Code hier einfügen -->
1534
1535<button id="back-to-top" aria-label="Nach oben scrollen" onclick="window.scrollTo({top:0,behavior:'smooth'})">&#8679; nach oben</button>
1536<script>
1537(function(){
1538    var btn=document.getElementById('back-to-top');
1539    window.addEventListener('scroll',function(){
1540        btn.classList.toggle('btt-visible',window.scrollY>300);
1541    },{passive:true});
1542})();
1543</script>
1543
1544
1545<script>
1546/* ── Hoehe des klebenden Seitenkopfes als CSS-Variable ──────────────────────
1547   Gebraucht von der Werkzeugleiste des Forum-Editors: Sie klebt beim Schreiben
1548   langer Beitraege unter dem Seitenkopf und muss dessen Hoehe kennen, sonst
1549   verschwindet sie dahinter oder es klafft eine Luecke.
1550   Bewusst gemessen statt festgeschrieben: Der Kopf ist je Seite und Breite
1551   unterschiedlich hoch (66 px im Forum, 78 px auf anderen Seiten), und bei
1552   einer spaeteren Menue-Aenderung wuerde ein fester Wert still falsch werden.
1553   ResizeObserver deckt auch das Umklappen der Navigation ab. */
1554(function () {
1555    var kopf = document.getElementById('olHeader');
1556    if (!kopf) return;
1557
1558    function setzen() {
1559        document.documentElement.style.setProperty(
1560            '--ol-kopfhoehe', Math.round(kopf.getBoundingClientRect().height) + 'px');
1561    }
1562    setzen();
1563    window.addEventListener('resize', setzen);
1564    if (window.ResizeObserver) new ResizeObserver(setzen).observe(kopf);
1565})();
1566</script>
1566
1567
1568
1569<!-- Warenkorb: Kaufen-Buttons, Badge-Update, Bestaetigung -->
1570<script>
1571(function(){
1572    function updateBadge(count){
1573        var badge=document.getElementById('olCartBadge');
1574        if(!badge)return;
1575        badge.textContent=count;
1576        badge.classList.toggle('visible',count>0);
1577    }
1578    function toast(msg,isError){
1579        var t=document.createElement('div');
1580        t.className='ol-cart-toast'+(isError?' ol-cart-toast--error':'');
1581        t.innerHTML=msg;
1582        document.body.appendChild(t);
1583        requestAnimationFrame(function(){t.classList.add('ol-cart-toast--show');});
1584        setTimeout(function(){
1585            t.classList.remove('ol-cart-toast--show');
1586            setTimeout(function(){t.remove();},350);
1587        },3500);
1588    }
1589    // Global: Badge frisch vom Server holen (fuer aeltere Kauf-Wege wie addToBasket)
1590    window.olRefreshCartBadge=function(){
1591        fetch('/selector.php?action=getCartDisplay',{credentials:'same-origin'})
1592            .then(function(r){return r.json();})
1593            .then(function(d){updateBadge(d.ORDER||0);})
1594            .catch(function(){});
1595    };
1596    document.addEventListener('click',function(e){
1597        var btn=e.target.closest('.js-add-to-cart');
1598        if(!btn)return;
1599        e.preventDefault();
1600        if(btn.dataset.busy)return;
1601        btn.dataset.busy='1';
1602        var p=new URLSearchParams({
1603            action:'addItemSale',
1604            id:btn.dataset.id,
1605            quantity1:'1',
1606            price:btn.dataset.price,
1607            dprice:btn.dataset.dprice||btn.dataset.price,
1608            discount:btn.dataset.discount||'0',
1609            discountprocent:btn.dataset.discountPct||btn.dataset.discountprocent||'0'
1610        });
1611        fetch('/selector.php?'+p.toString(),{credentials:'same-origin'})
1612            .then(function(){return fetch('/selector.php?action=getCartDisplay',{credentials:'same-origin'});})
1613            .then(function(r){return r.json();})
1614            .then(function(d){
1615                updateBadge(d.ORDER||0);
1616                // Button-Feedback (ersetzt den fruehere doppelte Detailseiten-Handler)
1617                if(btn.classList.contains('pd-btn-buy')){
1618                    btn.innerHTML='<svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg> Im Warenkorb';
1619                    btn.classList.add('pd-btn-buy--added');
1620                    // Grossen "Zum Warenkorb"-Weg einblenden (fuer aeltere Besucher gut sichtbar)
1621                    var goto=document.getElementById('pdGotoCart');
1622                    if(goto)goto.classList.add('visible');
1623                }
1624                toast('&#10003; Der Artikel liegt im Warenkorb &nbsp;&middot;&nbsp; <a href="/see" style="color:inherit;text-decoration:underline">zum Warenkorb</a>');
1625            })
1626            .catch(function(){toast('Der Artikel konnte nicht hinzugef\u00fcgt werden. Bitte erneut versuchen.',true);})
1627            .finally(function(){delete btn.dataset.busy;});
1628    });
1629
1630    // Merkliste: Produkt merken (POST an das Original-Modul)
1631    document.addEventListener('click',function(e){
1632        var btn=e.target.closest('.js-merkliste');
1633        if(!btn)return;
1634        e.preventDefault();
1635        if(btn.dataset.busy)return;
1636        btn.dataset.busy='1';
1637        var p=new URLSearchParams({productId:btn.dataset.id,artikelNr:btn.dataset.artnr||''});
1638        fetch('/module/ol.item.detail.merkliste.php',{
1639            method:'POST',credentials:'same-origin',
1640            headers:{'Content-Type':'application/x-www-form-urlencoded'},
1641            body:p.toString()
1642        })
1643            .then(function(r){return r.text();})
1644            .then(function(t){
1645                t=(t||'').trim();
1646                if(t==='ok'){
1647                    btn.classList.add('is-active');
1648                    toast('&#10003; Auf Ihrer Merkliste gespeichert &nbsp;&middot;&nbsp; <a href="/merkliste.html" style="color:inherit;text-decoration:underline">zur Merkliste</a>');
1649                }else if(t==='not-logged-in'){
1650                    toast('Bitte melden Sie sich an, um Produkte zu merken. &nbsp;<a href="/data.html" style="color:inherit;text-decoration:underline">Anmelden</a>',true);
1651                }else{
1652                    toast('Das Produkt konnte nicht gemerkt werden. Bitte erneut versuchen.',true);
1653                }
1654            })
1655            .catch(function(){toast('Das Produkt konnte nicht gemerkt werden. Bitte erneut versuchen.',true);})
1656            .finally(function(){delete btn.dataset.busy;});
1657    });
1658
1659    // Premium-DiaShow: Produkt hinzufuegen (POST an forum-admin-ajax)
1660    document.addEventListener('click',function(e){
1661        var btn=e.target.closest('.js-diashow');
1662        if(!btn)return;
1663        e.preventDefault();
1664        if(btn.dataset.busy)return;
1665        btn.dataset.busy='1';
1666        var p=new URLSearchParams({action:'save_product_user_diashow',product_id:btn.dataset.id});
1667        fetch('/module/ol.forum-admin-ajax.php',{
1668            method:'POST',credentials:'same-origin',
1669            headers:{'Content-Type':'application/x-www-form-urlencoded'},
1670            body:p.toString()
1671        })
1672            .then(function(r){return r.json();})
1673            .then(function(d){
1674                if(d&&d.success){
1675                    btn.classList.add('is-active');
1676                    toast('&#10003; '+(d.text||'Zur Premium-DiaShow hinzugef\u00fcgt.'));
1677                }else{
1678                    toast((d&&d.text)?d.text:'Bitte melden Sie sich an, um die Premium-DiaShow zu nutzen.',true);
1679                }
1680            })
1681            .catch(function(){toast('Das Produkt konnte nicht zur DiaShow hinzugef\u00fcgt werden.',true);})
1682            .finally(function(){delete btn.dataset.busy;});
1683    });
1684})();
1685</script>
1685
1686<style>
1687.ol-cart-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,16px);z-index:9500;background:#1e1609;color:#fdf4e0;border:1px solid rgba(184,145,42,.55);border-left:4px solid #b8912a;border-radius:9px;padding:13px 20px;font-size:.92rem;box-shadow:0 8px 28px rgba(0,0,0,.55);opacity:0;transition:opacity .3s,transform .3s;max-width:92vw}
1688.ol-cart-toast--show{opacity:1;transform:translate(-50%,0)}
1689.ol-cart-toast--error{border-left-color:#c0392b}
1690</style>
1691
1692
1693<!-- Hero-Parallax: das Bild gleitet beim Scrollen vom oberen zum unteren Rand -->
1694<script>
1695(function(){
1696    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
1697    if (window.innerWidth <= 767) return;   // Handy: KEIN Parallax - dort volles Hochformat-Bild (siehe Hero-Mobil-CSS)
1698    var sel = '.art-hero > img, .art-hero > picture > img, .shop-hero-img, .shop-hero-pl .shop-hero-bg, .pd-hero-img';
1699    var heroes = [];
1700    document.querySelectorAll(sel).forEach(function(img){
1701        if (img.classList.contains('hero-ambient') || img.classList.contains('hero-parallax-img')) return;
1702        var box = img.closest('.art-hero, .shop-hero, .pd-hero');
1703        if (!box) return;
1704        /* Seit die Beschriftung auf den Info-Seiten UNTER dem Bild steht, ist
1705           .art-hero hoeher als das Bild selbst - es enthaelt Bild plus Textband.
1706           Der Parallax wuerde dann mit der falschen Hoehe rechnen und das Bild
1707           zu weit schieben. Das <picture> ist dort per CSS zum Bildrahmen
1708           geworden (display:block); wenn es einen hat, ist das der richtige
1709           Bezug. Auf dem Handy bleibt picture display:contents, dort greift
1710           das nicht - und Parallax laeuft auf dem Handy ohnehin nicht. */
1711        var rahmen = img.parentElement;
1712        if (rahmen && rahmen.tagName === 'PICTURE'
1713            && getComputedStyle(rahmen).display !== 'contents') {
1714            box = rahmen;
1715        }
1716        box.classList.add('hero-parallax');
1717        img.classList.add('hero-parallax-img');
1718        heroes.push({box: box, img: img});
1719    });
1720    if (!heroes.length) return;
1721    var ticking = false;
1722    function update(){
1723        ticking = false;
1724        var y = window.scrollY || window.pageYOffset || 0;
1725        heroes.forEach(function(h){
1726            var top   = h.box.getBoundingClientRect().top + y;
1727            var total = top + h.box.offsetHeight;
1728            var p     = Math.min(1, Math.max(0, total > 0 ? y / total : 0));
1729            var range = h.img.offsetHeight - h.box.offsetHeight;
1730            if (range > 0) h.img.style.transform = 'translateY(' + (-p * range) + 'px)';
1731        });
1732    }
1733    function onScroll(){ if (!ticking){ ticking = true; requestAnimationFrame(update); } }
1734    window.addEventListener('scroll', onScroll, {passive:true});
1735    window.addEventListener('resize', onScroll, {passive:true});
1736    window.addEventListener('load', update);
1737    update();
1738})();
1739</script>
1739
1740
1741<!-- ══ Mega-Menü Hover-Intent: kurze Nachlaufzeit, damit das Menü beim
1742        diagonalen Weg zur Maus (v. a. beim SHOP-Pill) nicht sofort schließt ══ -->
1743<script>
1744(function(){
1745    if (!window.matchMedia || !window.matchMedia('(min-width:1200px)').matches) return;
1746    var items = document.querySelectorAll('#olNavList > .nav-item');
1747    var timer = null;
1748    items.forEach(function(item){
1749        if (!item.querySelector('.mega')) return;
1750        item.addEventListener('mouseenter', function(){
1751            clearTimeout(timer);
1752            items.forEach(function(i){ if (i !== item) i.classList.remove('nav-hover'); });
1753            item.classList.add('nav-hover');
1754        });
1755        item.addEventListener('mouseleave', function(){
1756            clearTimeout(timer);
1757            timer = setTimeout(function(){ item.classList.remove('nav-hover'); }, 280);
1758        });
1759    });
1760})();
1761</script>
1761
1762
1763<!-- ══ OL-Live: schwebendes Kontakt-/Live-Chat-Widget (unten links) ══ -->
1764<button type="button" id="ol-live-btn" class="ol-live-btn" aria-label="OL-Live - Kontakt und Live-Chat">
1765    <span class="ol-live-btn-ico">
1766        <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"/></svg>
1767    </span>
1768    <span class="ol-live-btn-label">OL-Live</span>
1769    <span class="ol-live-btn-dot"></span>
1770</button>
1771
1772<div id="ol-live-modal" class="ol-live-modal" hidden>
1773    <div class="ol-live-backdrop" data-ollive-close></div>
1774    <div class="ol-live-dialog" role="dialog" aria-modal="true" aria-labelledby="ol-live-title">
1775        <button type="button" class="ol-live-close" data-ollive-close aria-label="Schließen">&times;</button>
1776        <div class="ol-live-head">
1777            <span class="ol-live-badge">
1778                <svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"/></svg>
1779            </span>
1780            <div>
1781                <h3 id="ol-live-title">OL-Live &middot; Kontakt &amp; Live-Chat</h3>
1782                <p>Fragen, Wünsche oder Kritik? Schreiben Sie uns - wir chatten live oder antworten schnellstmöglich.</p>
1783            </div>
1784        </div>
1785        <form id="ol-live-form" action="#" method="post" onsubmit="return false;">
1786            <input type="hidden" name="user" value="0">
1787            <input type="hidden" name="action" value="send_contact_chat_message">
1788            <div id="ol-live-fields">
1789                <label class="ol-live-label">Name
1790                    <input type="text" name="name" required value="">
1791                </label>
1792                <label class="ol-live-label">E-Mail
1793                    <input type="email" name="email" required value="">
1794                </label>
1795                <label class="ol-live-label">Nachricht
1796                    <textarea name="message" rows="5" required placeholder="Ihre Nachricht ... (bei Produktfragen bitte die Artikelnummer angeben)"></textarea>
1797                </label>
1798                <button type="submit" class="ol-live-send">Absenden</button>
1799                <p class="ol-live-note">Zur Bestätigung erhalten Sie eine E-Mail mit einem Verifizierungslink - danach starten wir den Live-Chat.</p>
1800            </div>
1801        </form>
1802    </div>
1803</div>
1804<script>
1805(function(){
1806    var btn = document.getElementById('ol-live-btn');
1807    var modal = document.getElementById('ol-live-modal');
1808    if (!btn || !modal) return;
1809    function open(){ modal.hidden = false; document.body.style.overflow = 'hidden'; var f = modal.querySelector('input[name=name]'); if (f && !f.value) f.focus(); }
1810    function close(){ modal.hidden = true; document.body.style.overflow = ''; }
1811    btn.addEventListener('click', open);
1812    modal.addEventListener('click', function(e){ if (e.target.closest('[data-ollive-close]')) close(); });
1813    document.addEventListener('keydown', function(e){ if (e.key === 'Escape' && !modal.hidden) close(); });
1814
1815    var form = document.getElementById('ol-live-form');
1816    form.addEventListener('submit', function(e){
1817        e.preventDefault();
1818        var send = form.querySelector('.ol-live-send');
1819        if (send) { send.disabled = true; send.textContent = 'Wird gesendet ...'; }
1820        var body = new URLSearchParams(new FormData(form)).toString();
1821        fetch('/chat-contact-ajax.php', { method:'POST', credentials:'same-origin', headers:{'Content-Type':'application/x-www-form-urlencoded'}, body: body })
1822            .then(function(r){ return r.json(); })
1823            .then(function(res){
1824                var fields = document.getElementById('ol-live-fields');
1825                if (res.success) {
1826                    fields.innerHTML = '<div class="ol-live-success">' + res.message + '</div>';
1827                } else {
1828                    if (send) { send.disabled = false; send.textContent = 'Absenden'; }
1829                    var box = form.querySelector('.ol-live-error');
1830                    if (!box) { box = document.createElement('p'); box.className = 'ol-live-error'; send.parentNode.insertBefore(box, send); }
1831                    box.textContent = res.message || 'Bitte prüfen Sie Ihre Eingaben.';
1832                }
1833            })
1834            .catch(function(){
1835                if (send) { send.disabled = false; send.textContent = 'Absenden'; }
1836            });
1837    });
1838})();
1839</script>
1839
1840<style>
1841.ol-live-btn{position:fixed;left:18px;bottom:18px;z-index:9000;display:inline-flex;align-items:center;gap:9px;padding:11px 18px 11px 14px;border:none;border-radius:40px;background:linear-gradient(135deg,#d4a843,#8a6a1c);color:#100d06;font-weight:800;font-size:.95rem;cursor:pointer;box-shadow:0 8px 26px rgba(0,0,0,.5)}
1842.ol-live-btn:hover{opacity:.93}
1843.ol-live-btn-ico{display:inline-flex}
1844.ol-live-btn-dot{width:9px;height:9px;border-radius:50%;background:#5cd08a;box-shadow:0 0 0 3px rgba(92,208,138,.25);animation:olLivePulse 1.8s ease-in-out infinite}
1845@keyframes olLivePulse{0%,100%{opacity:1}50%{opacity:.4}}
1846.ol-live-modal{position:fixed;inset:0;z-index:9800;display:flex;align-items:center;justify-content:center;padding:16px}
1847.ol-live-modal[hidden]{display:none}
1848.ol-live-backdrop{position:absolute;inset:0;background:rgba(6,4,2,.72);backdrop-filter:blur(2px)}
1849.ol-live-dialog{position:relative;z-index:1;width:100%;max-width:460px;max-height:92vh;overflow-y:auto;background:#1a1206;border:1px solid rgba(184,145,42,.4);border-radius:16px;padding:22px 24px 24px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
1850.ol-live-close{position:absolute;top:12px;right:14px;background:none;border:none;color:rgba(253,244,224,.6);font-size:1.7rem;line-height:1;cursor:pointer}
1851.ol-live-close:hover{color:#f2d98a}
1852.ol-live-head{display:flex;gap:13px;align-items:flex-start;margin-bottom:16px}
1853.ol-live-badge{flex:0 0 auto;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#100d06;background:linear-gradient(135deg,#d4a843,#8a6a1c)}
1854.ol-live-head h3{margin:2px 0 4px;color:#f2d98a;font-size:1.12rem}
1855.ol-live-head p{margin:0;color:rgba(253,244,224,.7);font-size:.88rem;line-height:1.5}
1856.ol-live-label{display:block;color:rgba(253,244,224,.8);font-size:.85rem;font-weight:600;margin-bottom:12px}
1857/* font-size 16px: verhindert das automatische Hineinzoomen von iOS beim Fokus
1858   (Safari zoomt bei Formularfeldern < 16px -> das Fenster wurde breiter als der
1859   Bildschirm und die Raender verschwanden). */
1860.ol-live-label input,.ol-live-label textarea{display:block;width:100%;margin-top:5px;background:#2a2010;border:1px solid rgba(184,145,42,.4);border-radius:8px;color:#fdf4e0;padding:10px 12px;font-size:16px;font-weight:400;box-sizing:border-box}
1861.ol-live-label input:focus,.ol-live-label textarea:focus{outline:none;border-color:#d4a843}
1862.ol-live-label textarea{resize:vertical;min-height:96px}
1863.ol-live-send{width:100%;background:linear-gradient(135deg,#d4a843,#8a6a1c);color:#100d06;border:none;border-radius:9px;padding:13px;font-weight:800;font-size:1rem;cursor:pointer}
1864.ol-live-send:hover{opacity:.92}
1865.ol-live-send:disabled{opacity:.6;cursor:default}
1866.ol-live-note{margin:12px 0 0;font-size:.8rem;color:rgba(253,244,224,.5);line-height:1.5}
1867.ol-live-error{color:#ff8a8a;font-size:.88rem;margin:0 0 10px}
1868.ol-live-success{color:rgba(253,244,224,.85);font-size:.95rem;line-height:1.6;padding:8px 0}
1869@media(max-width:600px){.ol-live-btn-label{display:none}.ol-live-btn{padding:13px;left:14px;bottom:14px}}
1870</style>
1871
1872<!-- ══ Cookie-Einwilligung (eigenes Modul, granular: Notwendig/Statistik/Marketing) ══ -->
1873<div id="ol-cookie-banner" class="ol-cc" hidden>
1874    <div class="ol-cc-inner">
1875        <div class="ol-cc-text">
1876            <strong>Wir respektieren Ihre Privatsphäre</strong>
1877            <p>Wir verwenden notwendige Cookies für den Betrieb der Seite. Mit Ihrer Einwilligung nutzen wir zusätzlich Statistik- und Marketing-Cookies, um unser Angebot zu verbessern. Sie können frei wählen und Ihre Auswahl jederzeit ändern. Details in unserer <a href="/datenschutz.html">Datenschutzerklärung</a>.</p>
1878            <div class="ol-cc-options" hidden>
1879                <label class="ol-cc-opt ol-cc-opt--fixed">
1880                    <input type="checkbox" checked disabled>
1881                    <span><strong>Notwendig</strong> - für den Betrieb der Seite erforderlich (immer aktiv)</span>
1882                </label>
1883                <label class="ol-cc-opt">
1884                    <input type="checkbox" id="ol-cc-statistics">
1885                    <span><strong>Statistik</strong> - anonyme Reichweitenmessung mit Google Analytics</span>
1886                </label>
1887                <label class="ol-cc-opt">
1888                    <input type="checkbox" id="ol-cc-marketing">
1889                    <span><strong>Marketing</strong> - Anzeigen &amp; Conversion-Messung über Google Tag Manager / Ads</span>
1890                </label>
1891            </div>
1892        </div>
1893        <div class="ol-cc-btns">
1894            <button type="button" class="ol-cc-btn ol-cc-btn--ghost" data-cc="necessary">Nur notwendige</button>
1895            <button type="button" class="ol-cc-btn ol-cc-btn--ghost" data-cc="settings" id="ol-cc-settings-btn">Einstellungen</button>
1896            <button type="button" class="ol-cc-btn ol-cc-btn--ghost" data-cc="save" id="ol-cc-save-btn" hidden>Auswahl speichern</button>
1897            <button type="button" class="ol-cc-btn ol-cc-btn--gold" data-cc="all">Alle akzeptieren</button>
1898        </div>
1899    </div>
1900</div>
1901<script>
1902(function(){
1903    var KEY = 'ol_cookie_consent';
1904    var banner = document.getElementById('ol-cookie-banner');
1905    if (!banner) return;
1906    var options     = banner.querySelector('.ol-cc-options');
1907    var cbStat      = document.getElementById('ol-cc-statistics');
1908    var cbMark      = document.getElementById('ol-cc-marketing');
1909    var saveBtn     = document.getElementById('ol-cc-save-btn');
1910    var settingsBtn = document.getElementById('ol-cc-settings-btn');
1911    function getConsent(){ var m = document.cookie.match(/(?:^|;\s*)ol_cookie_consent=([^;]+)/); return m ? decodeURIComponent(m[1]) : ''; }
1912    function setConsent(v){ document.cookie = KEY + '=' + encodeURIComponent(v) + ';path=/;max-age=' + (365*24*3600) + ';SameSite=Lax'; }
1913    /* Die Klasse am <html>-Element sagt dem Stylesheet, dass der Banner offen
1914       ist. Gebraucht wird das fuer das Trusted-Shops-Siegel: Es setzt sich
1915       selbst in eine untere Ecke - auf dem Desktop rechts, auf dem Handy
1916       links - und lag dort genau auf den Auswahlknoepfen ("Nur notwendige"
1917       war zur Haelfte verdeckt). Solange der Banner sichtbar ist, tritt das
1918       Siegel zurueck; danach kommt es an seinen Platz. */
1919    function show(){ banner.hidden = false; document.documentElement.classList.add('ol-cc-offen'); }
1920    function hide(){ banner.hidden = true;  document.documentElement.classList.remove('ol-cc-offen'); }
1921    function save(cats){
1922        setConsent(cats.length ? cats.join('.') : 'necessary');
1923        /* Consent Mode v2: Die Auswahl geht an Google, auch wenn nichts
1924           angehakt wurde. Nur so weiss Google, dass abgelehnt wurde, und
1925           kann die fehlenden Besucher modellieren. olConsentUpdate laedt im
1926           Modus 'basic' ausserdem die Skripte nach (siehe header.php). */
1927        if (window.olConsentUpdate) {
1928            window.olConsentUpdate(cats);
1929        } else {
1930            if (cats.indexOf('statistics') > -1 && window.olLoadStatistics) window.olLoadStatistics();
1931            if (cats.indexOf('marketing')  > -1 && window.olLoadMarketing)  window.olLoadMarketing();
1932        }
1933        hide();
1934    }
1935    function openSettings(){
1936        options.hidden = false;
1937        settingsBtn.hidden = true;
1938        saveBtn.hidden = false;
1939        var c = getConsent();
1940        cbStat.checked = c.indexOf('statistics') > -1;
1941        cbMark.checked = c.indexOf('marketing')  > -1;
1942    }
1943    if (!getConsent()) show();
1944    banner.addEventListener('click', function(e){
1945        var b = e.target.closest('[data-cc]'); if (!b) return;
1946        var v = b.getAttribute('data-cc');
1947        if (v === 'all')            { save(['statistics', 'marketing']); }
1948        else if (v === 'necessary') { save([]); }
1949        else if (v === 'settings')  { openSettings(); }
1950        else if (v === 'save')      {
1951            var cats = [];
1952            if (cbStat.checked) cats.push('statistics');
1953            if (cbMark.checked) cats.push('marketing');
1954            save(cats);
1955        }
1956    });
1957    // Nachtraeglich aendern: Link/Button mit id="ol-cookie-settings" oeffnet die Einstellungen
1958    document.addEventListener('click', function(e){
1959        var t = e.target.closest('#ol-cookie-settings'); if (!t) return;
1960        e.preventDefault(); show(); openSettings();
1961    });
1962})();
1963</script>
vendor: 1 bytes, line 1963
1963
1964<script>
1965/* Einklappbare Beschreibungen (.ol-desc--clamp): auf-/zuklappen. Der Volltext ist
1966   immer im DOM (SEO/KI), hier wird nur die visuelle Hoehenbegrenzung umgeschaltet. */
1967document.addEventListener('click', function(e){
1968    var btn = e.target.closest('.ol-desc-toggle');
1969    if (!btn) return;
1970    var box = btn.closest('.ol-desc--clamp');
1971    if (!box) return;
1972    var open = box.classList.toggle('is-open');
1973    btn.setAttribute('aria-expanded', open ? 'true' : 'false');
1974    var txt = btn.querySelector('.ol-desc-toggle-txt');
1975    if (txt) {
1976        // Eigene Beschriftung via data-more/data-less moeglich (z.B. Kundenbereich
1977        // "Alle Infos lesen"); sonst der Standard fuer Produktbeschreibungen.
1978        var more = btn.dataset.more || 'Ganze Beschreibung lesen';
1979        var less = btn.dataset.less || 'Beschreibung einklappen';
1980        txt.textContent = open ? less : more;
1981    }
1982});
1983</script>
1983
1984
1985<!-- Produktbild-Hover-Zoom: zeigt beim Ueberfahren einer Produktkarte das GROSSE
1986     Bild in einer schwebenden Vorschau (nur Desktop, Bild wird erst bei Hover geladen). -->
1987<style>
1988/* Die Box hatte frueher eine feste Groesse mit aspect-ratio:1/1 und das Bild
1989   lag mit object-fit:contain darin. Bei Querformatbildern - und das sind fast
1990   alle Produktfotos - blieben dadurch oben und unten schwarze Balken stehen.
1991   Jetzt bekommt die Box keine eigenen Masse mehr: Sie ist position:fixed und
1992   schrumpft damit auf die Groesse ihres Inhalts. Begrenzt wird nur noch das
1993   Bild selbst, in der Breite wie in der Hoehe, damit auch Hochformate nicht
1994   ueber den Bildschirm hinauslaufen. */
1995.ol-zoom-preview{position:fixed;z-index:9500;pointer-events:none;opacity:0;transition:opacity .12s;border:2px solid var(--gold,#b8912a);border-radius:12px;overflow:hidden;background:#0d0a05;box-shadow:0 16px 46px rgba(0,0,0,.6);line-height:0;font-size:0}
1996.ol-zoom-preview.on{opacity:1}
1997.ol-zoom-preview img{display:block;width:auto;height:auto;max-width:min(600px,55vw);max-height:78vh}
1998@media(hover:none),(max-width:900px){.ol-zoom-preview{display:none!important}}
1999</style>
2000<script>
2001(function(){
2002    if (window.matchMedia && window.matchMedia('(hover:none)').matches) return;
2003    var box=null, pic=null, cur='', lastX=0, lastY=0;
2004    function ensure(){
2005        if(box) return;
2006        box=document.createElement('div'); box.className='ol-zoom-preview';
2007        pic=document.createElement('img'); box.appendChild(pic); document.body.appendChild(box);
2008        /* Die Box hat keine feste Groesse mehr, sie richtet sich nach dem Bild.
2009           Solange das Bild laedt, sind offsetWidth/Height noch die des vorigen
2010           Bildes - deshalb nach dem Laden noch einmal neu ausrichten, sonst
2011           steht die Vorschau bei wechselndem Bildformat kurz schief. */
2012        pic.addEventListener('load', function(){ pos({clientX:lastX, clientY:lastY}); });
2013    }
2014    function pos(e){
2015        if(!box) return;
2016        lastX=e.clientX; lastY=e.clientY;
2017        var w=box.offsetWidth||380, h=box.offsetHeight||380, pad=24;
2018        var x=e.clientX+pad, y=e.clientY+pad;
2019        if(x+w>window.innerWidth) x=e.clientX-w-pad;
2020        if(y+h>window.innerHeight) y=window.innerHeight-h-10;
2021        if(y<10) y=10; if(x<10) x=10;
2022        box.style.left=x+'px'; box.style.top=y+'px';
2023    }
2024    /* Groesse, die die Vorschau hoechstens bekommen kann - dieselbe Rechnung
2025       wie im CSS oben (max-width:min(600px,55vw)). */
2026    function vorschauBreite(){ return Math.min(600, window.innerWidth*0.55); }
2027
2028    /* Bei den grossen Kacheln (Neuheiten oben, Kategorieseiten) ist das Bild
2029       auf der Seite bereits so gross wie die Vorschau. Ein Zoom brachte dort
2030       nichts, er legte nur ein gleich grosses Bild ueber ein gleich grosses.
2031       Deshalb: Vorschau nur, wenn die Kachel deutlich kleiner ist. Ueber die
2032       Groesse statt ueber eine Klassenliste, damit die Regel auf jeder Seite
2033       von selbst passt. Gemessen: grosse Kacheln 612 bis 649 px, Raster 222 px. */
2034    function lohntZoom(img){
2035        var b = img.getBoundingClientRect().width;
2036        return b > 0 && b < vorschauBreite() * 0.92;
2037    }
2038
2039    document.addEventListener('mouseover', function(e){
2040        var img=e.target.closest('.plc-img img[data-zoom]'); if(!img) return;
2041        if(!lohntZoom(img)){ if(box) box.classList.remove('on'); return; }
2042        var src=img.getAttribute('data-zoom'); if(!src) return;
2043        ensure(); if(src!==cur){ pic.src=src; cur=src; } pos(e); box.classList.add('on');
2044    });
2045    document.addEventListener('mousemove', function(e){ if(box && box.classList.contains('on')) pos(e); });
2046    document.addEventListener('mouseout', function(e){
2047        var img=e.target.closest('.plc-img img[data-zoom]'); if(img && box) box.classList.remove('on');
2048    });
2049})();
2050</script>
2050
2051<style>
2052.ol-cc{position:fixed;left:0;right:0;bottom:0;z-index:9600;background:#14100a;border-top:2px solid #b8912a;box-shadow:0 -8px 30px rgba(0,0,0,.6)}
2053.ol-cc[hidden]{display:none}
2054.ol-cc-inner{max-width:1100px;margin:0 auto;padding:16px 20px;display:flex;gap:14px 26px;align-items:flex-start;flex-wrap:wrap}
2055.ol-cc-text{flex:1 1 360px;color:rgba(253,244,224,.85);font-size:.9rem;line-height:1.55}
2056.ol-cc-text strong{display:block;color:#f2d98a;font-size:1rem;margin-bottom:4px}
2057.ol-cc-text p{margin:0}
2058.ol-cc-text a{color:#d4a843}
2059.ol-cc-options{margin-top:13px;display:flex;flex-direction:column;gap:10px}
2060.ol-cc-options[hidden]{display:none}
2061.ol-cc-opt{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;color:rgba(253,244,224,.8);cursor:pointer;line-height:1.45}
2062.ol-cc-opt input{margin-top:1px;accent-color:#b8912a;width:17px;height:17px;flex:0 0 auto}
2063.ol-cc-opt strong{color:#f2d98a}
2064.ol-cc-opt--fixed{opacity:.7;cursor:default}
2065.ol-cc-btns{flex:0 0 auto;display:flex;gap:10px;flex-wrap:wrap;align-self:center}
2066.ol-cc-btn{border-radius:8px;padding:11px 20px;font-weight:700;font-size:.9rem;cursor:pointer;border:1px solid rgba(184,145,42,.5);transition:opacity .2s,border-color .2s}
2067.ol-cc-btn--ghost{background:transparent;color:#d4a843}
2068.ol-cc-btn--ghost:hover{border-color:#d4a843;color:#f2d98a}
2069.ol-cc-btn--gold{background:linear-gradient(135deg,#d4a843,#8a6a1c);color:#100d06;border-color:transparent}
2070.ol-cc-btn--gold:hover{opacity:.9}
2071@media(max-width:600px){.ol-cc-btns{width:100%}.ol-cc-btn{flex:1 1 auto;text-align:center}}
2072</style>
2073
2074<div id="olLoginOverlay" class="ol-login-overlay" hidden>
2075    <div class="ol-login-backdrop" data-login-close></div>
2076    <div class="ol-login-modal" role="dialog" aria-modal="true" aria-labelledby="olLoginTitle">
2077        <button class="ol-login-x" type="button" aria-label="Schlie&szlig;en" data-login-close>&times;</button>
2078        <div class="ol-login-eyebrow">Mein Bereich</div>
2079        <h2 id="olLoginTitle" class="ol-login-title">Anmelden</h2>
2080        <p class="ol-login-sub">Melden Sie sich mit Ihren Zugangsdaten an.</p>
2081        <form action="/data" method="post" class="ol-login-form">
2082            <label for="olLoginUser">Ihre E-Mail</label>
2083            <input type="email" id="olLoginUser" name="olUser" required autocomplete="email">
2084            <label for="olLoginPass">Passwort</label>
2085            <input type="password" id="olLoginPass" name="olPass" required autocomplete="current-password">
2086            <input type="hidden" name="olLogin" value="1">
2087            <button type="submit" class="ol-login-submit">Jetzt anmelden</button>
2088        </form>
2089        <div class="ol-login-links">
2090            <a href="/signup">Neu bei uns? Registrieren</a>
2091            <a href="/password">Passwort vergessen?</a>
2092        </div>
2093    </div>
2094</div>
2095<script>
2096/* Login-Overlay: Konto-Button oeffnet das Fenster ueber der Seite (Kundenwunsch
2097   2026-07). Ohne JavaScript bleibt der Button ein normaler Link auf /data.html. */
2098(function(){
2099    var ov  = document.getElementById('olLoginOverlay');
2100    var btn = document.getElementById('olKontoBtn');
2101    if (!ov || !btn) return;
2102    var last = null;
2103    function focusables(){ return ov.querySelectorAll('a[href],button,input,[tabindex]:not([tabindex="-1"])'); }
2104    function open(e){
2105        if (e) e.preventDefault();
2106        last = document.activeElement;
2107        ov.hidden = false;
2108        document.body.classList.add('ol-login-open');
2109        var u = document.getElementById('olLoginUser');
2110        if (u) setTimeout(function(){ u.focus(); }, 40);
2111        document.addEventListener('keydown', onKey);
2112    }
2113    function close(){
2114        ov.hidden = true;
2115        document.body.classList.remove('ol-login-open');
2116        document.removeEventListener('keydown', onKey);
2117        if (last && last.focus) last.focus();
2118    }
2119    function onKey(e){
2120        if (e.key === 'Escape') { close(); return; }
2121        if (e.key === 'Tab') {
2122            var f = focusables(); if (!f.length) return;
2123            var first = f[0], lastEl = f[f.length-1];
2124            if (e.shiftKey && document.activeElement === first){ e.preventDefault(); lastEl.focus(); }
2125            else if (!e.shiftKey && document.activeElement === lastEl){ e.preventDefault(); first.focus(); }
2126        }
2127    }
2128    btn.addEventListener('click', open);
2129    ov.querySelectorAll('[data-login-close]').forEach(function(el){ el.addEventListener('click', close); });
2130})();
2131</script>
2131
2132
2133<script type="text/javascript">
2134(function () {
2135    var _tsid = 'XD695CBD8B5716E02E58E4C63615F99F9';
2136    window._tsConfig = {
2137        /* Bleibt 0 - das Siegel gehoert in die Ecke.
2138           Der Zusammenstoss mit dem OL-Live-Knopf auf schmalen Schirmen wird
2139           NICHT hier geloest: yOffset wirkt nur auf die grosse Darstellung,
2140           die eingeklappte Handy-Fassung ignoriert ihn (nachgemessen). Die
2141           Verschiebung steht deshalb in style.css unter der Container-ID. */
2142        'yOffset'            : '0',        /* Abstand vom unteren Seitenrand */
2143        /* 20.08.2026 von 'reviews' auf 'default' gestellt.
2144           Justin: "Das Trusted Shops Badge sollte nach wenige Sekunden von den
2145           Seiten ausgeblendet werden. Diese wird nun dauerhaft eingeblendet."
2146           Mit 'reviews' haengt die Bewertungsleiste (Note, Sternchen, Anzahl)
2147           fest am Siegel: nachgemessen 93 x 156 Pixel, die dauerhaft in der
2148           Ecke stehen. Mit 'default' bleibt nur das Siegel selbst. Das
2149           Einklappen danach macht das Skript weiter unten, Trusted Shops
2150           selbst bietet dafuer keinen Schalter. */
2151        'variant'            : 'default',  /* default, reviews, custom, custom_reviews */
2152        'customElementId'    : '',
2153        'trustcardDirection' : '',
2154        'customBadgeWidth'   : '',
2155        'customBadgeHeight'  : '',
2156        'disableResponsive'  : 'false',
2157        'disableTrustbadge'  : 'false'
2158    };
2159    var _ts = document.createElement('script');
2160    _ts.type    = 'text/javascript';
2161    _ts.charset = 'utf-8';
2162    _ts.async   = true;
2163    _ts.src     = 'https://widgets.trustedshops.com/js/' + _tsid + '.js';
2164    var __ts = document.getElementsByTagName('script')[0];
2165    __ts.parentNode.insertBefore(_ts, __ts);
2166})();
2167</script>
2167
2168
2169<style>
2170/* Der Streifen, der stehen bleibt. Die 16 Pixel sind der Teil des Siegels,
2171   der noch im Bild haengt.
2172
2173   !important ist hier NOETIG und kein Schludern: Das Stylesheet von Trusted
2174   Shops setzt auf genau dieses Element "transform: initial !important".
2175   Ohne !important gewinnt deren Regel, und das Siegel bleibt stehen, obwohl
2176   alles andere richtig laeuft. Genau daran ist die erste Fassung vom
2177   20.08.2026 gescheitert. */
2178.ol-ts-weg [id^="trustbadge-container-"] > div > div{
2179    transform:translateX(calc(100% - 16px)) !important;
2180    transition:transform .45s ease !important;
2181}
2182[id^="trustbadge-container-"] > div > div{transition:transform .45s ease}
2183.ol-ts-griff{position:fixed;right:0;width:22px;z-index:2147483646;
2184    cursor:pointer;background:transparent}
2185</style>
2186<script>
2187(function(){
2188    var WARTEN  = 6000;   /* Millisekunden bis zum Einklappen */
2189    var ZURUECK = 12000;  /* nach dem Wiederholen laenger stehen lassen */
2190
2191    /* Das sichtbare Kaestchen des Siegels. Es haengt genau zwei Ebenen unter
2192       dem Container von Trusted Shops. */
2193    function kasten(){
2194        var c = document.querySelector('[id^="trustbadge-container-"]');
2195        if ( ! c || ! c.firstElementChild ) return null;
2196        return c.firstElementChild.firstElementChild || null;
2197    }
2198
2199    /* Sichtbar heisst: wirklich gemessen groesser als null. Solange der
2200       Einwilligungsbanner offen ist, steht der Container auf display:none
2201       (siehe style.css, Klasse ol-cc-offen). Faenge die Uhr dann an zu
2202       laufen, klappte das Siegel ein, waehrend es niemand sehen konnte, und
2203       der Griff landete oben links im Nichts. */
2204    function sichtbar( e ){
2205        if ( ! e ) return false;
2206        var r = e.getBoundingClientRect();
2207        return r.width > 4 && r.height > 4;
2208    }
2209
2210    function start(){
2211        var e = kasten();
2212        if ( ! sichtbar( e ) ) return false;
2213
2214        /* Der Griff liegt ueber dem stehengebliebenen Streifen. Er wird
2215           gebraucht, weil das weggefahrene Siegel selbst dort nicht mehr
2216           liegt. */
2217        var griff = document.createElement('div');
2218        griff.className = 'ol-ts-griff';
2219        griff.title = 'Trusted Shops Siegel einblenden';
2220        griff.hidden = true;
2221        document.body.appendChild(griff);
2222
2223        function lage(){
2224            var k = kasten();
2225            if ( ! k ) return;
2226            var r = k.getBoundingClientRect();
2227            if ( r.height < 4 ) { griff.hidden = true; return; }
2228            griff.style.top    = Math.round( r.top ) + 'px';
2229            griff.style.height = Math.round( r.height ) + 'px';
2230        }
2231
2232        var uhr = null;
2233
2234        function weg(){
2235            var k = kasten();
2236            if ( ! sichtbar( k ) ) {           /* gerade verdeckt: spaeter erneut */
2237                uhr = setTimeout( weg, 1500 );
2238                return;
2239            }
2240            document.body.classList.add('ol-ts-weg');
2241            lage();
2242            griff.hidden = false;
2243        }
2244        function her(){
2245            document.body.classList.remove('ol-ts-weg');
2246            griff.hidden = true;
2247            clearTimeout( uhr );
2248            uhr = setTimeout( weg, ZURUECK );
2249        }
2250
2251        griff.addEventListener('click', her);
2252        window.addEventListener('resize', lage);
2253        /* Die Hoehe des Siegels aendert sich, wenn Trusted Shops nachlaedt. */
2254        window.addEventListener('scroll', lage, { passive: true });
2255
2256        uhr = setTimeout( weg, WARTEN );
2257        return true;
2258    }
2259
2260    /* Das Siegel kommt erst nach dem Nachladen des Skripts von Trusted Shops,
2261       und der Einwilligungsbanner kann es zusaetzlich verdecken. Deshalb wird
2262       bis zu zwei Minuten lang nachgesehen, ob es da und sichtbar ist. */
2263    var versuche = 0;
2264    var takt = setInterval(function(){
2265        if ( start() || ++versuche > 240 ) clearInterval( takt );
2266    }, 500);
2267})();
2268</script>
2268
2269
2270<script>
2271/* Schnellwahl der Kategorien: die beiden Pfeile rechts und links.
2272   Wischen und Tastatur gehen ohne dieses Skript, es ist nur die Bequemlichkeit
2273   fuer die Maus. Faellt es aus, bleibt die Leiste voll benutzbar. */
2274/* Konto-Menue: oeffnet auf Klick, nicht auf Hover. Hover-Menues sind auf
2275   Tablets nicht bedienbar und mit der Maus zittrig. Schliesst beim Klick
2276   daneben und mit Escape.
2277
2278   Der Knopf ist bewusst ein echter Link auf den Kundenbereich. Faellt dieses
2279   Skript aus, fuehrt ein Klick also dorthin statt ins Leere - das Menue ist
2280   eine Zugabe, kein Nadeloehr. */
2281(function(){
2282    var knopf = document.getElementById('olKontoBtn');
2283    var menu  = document.getElementById('olKontoMenu');
2284    if (!knopf || !menu) return;
2285
2286    function zu(){ menu.hidden = true; knopf.setAttribute('aria-expanded','false'); }
2287    function auf(){ menu.hidden = false; knopf.setAttribute('aria-expanded','true'); }
2288
2289    knopf.addEventListener('click', function(e){
2290        e.preventDefault();
2291        e.stopPropagation();
2292        menu.hidden ? auf() : zu();
2293    });
2294    document.addEventListener('click', function(e){
2295        if (!menu.hidden && !menu.contains(e.target)) zu();
2296    });
2297    document.addEventListener('keydown', function(e){
2298        if (e.key === 'Escape' && !menu.hidden) { zu(); knopf.focus(); }
2299    });
2300})();
2301
2302(function(){
2303    var spur = document.getElementById('kswSpur');
2304    if (!spur) return;
2305    document.querySelectorAll('.ksw-pfeil').forEach(function(b){
2306        b.addEventListener('click', function(){
2307            var weite = Math.max(240, Math.round(spur.clientWidth * 0.8));
2308            spur.scrollBy({ left: weite * (+b.dataset.ksw || 1), behavior: 'smooth' });
2309        });
2310    });
2311})();
2312</script>
2312
2313</body>
2314</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.