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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 →</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 →</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;"> </span></div> </div> 646 <a class="news-card-more" href="https://www.original-laguiole.de/mein-verlauf.html">Mehr erfahren →</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" â 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 →</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> </h3> </div> 666 <a class="news-card-more" href="https://www.original-laguiole.de/blog.html">Mehr erfahren →</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 <span class="s1"><b>LaguioleZeit</b></span> ab sofort <span class="s1"><b>montags von 10:00 bis 23:00 Uhr</b></span> statt. Die gemeinsame <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 →</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ührt. Nach vielen Gesprächen mit unseren Kunden haben wir festgestellt, dass die Meinungen hierzu unterschiedlich sind: Während einige Kunden die Karte als schöne Ergänzung ansehen und sie dauerhaft zusammen mit ihrem Laguiole-Messer aufbewahren, haben andere Kunden fü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 Änderung entschieden:<br /><br />Ab sofort wird die AIPCL-Karte nicht mehr automatisch jeder Bestellung beigelegt. Wer die Karte erhalten möchte, kann sie ganz bewusst im Warenkorb zu seinem Laguiole-Messer hinzufügen.<br /><br />Für OL-Premium-Gold-Kunden bleibt die AIPCL-Karte weiterhin kostenlos. Für alle anderen Kunden beträgt der Preis 2 € pro Karte.<br /><br />Wichtig: Auch OL-Premium-Gold-Kunden müssen die Karte aktiv im Warenkorb hinzufügen, wenn sie diese erhalten möchten.<br /><br />Selbstverständlich bleibt das eigentliche AIPCL-Echtheitszertifikat unverändert bestehen. Auch die individuelle AIPCL-Nummer wird weiterhin wie gewohnt auf der Rechnung vermerkt.<br /><br />Diese Änderung betrifft ausschließlich die zusä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 →</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ä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 →</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 „Laguiole-Wissenswertes“ haben wir zwei neue, besonders spannende Seiten für euch veröffentlicht: „<strong><a href="https://www.original-laguiole.de/wie-erkenne-ich-ein-fake-shop.html">Wie erkennt man Fake-Shops?</a></strong>“ und „<strong><a href="https://www.original-laguiole.de/tipps-fuer-laguiole-einsteiger.html">Tipps für Laguiole-Einsteiger</a></strong>“.<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 – diese Beiträge sind absolut lesenswert, informativ und helfen dabei, Qualität und Originalitä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 →</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äsentieren wir ab sofort neue Messer bereits vor ihrer Veröffentlichung im Shop – 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öglichkeit, diese bereits am Freitag oder Samstag im Voraus zu entdecken. Eine verbindliche Vorbestellung ist ebenfalls im ARCO VIP möglich. <span style="color: #00ff00;"><strong>Die Neuheiten sind nur fü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 →</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 neuen Beiträ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ägen in der OLC nicht immer schnell zu erkennen. Das Männchen ist zwar schon lange als Beleg für eine neue Nachricht zu sehen, aber unsere Seite ist bunt und wunderschön, da fällt manchmal ein solches nettes Mä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üne Balken auf neue Beiträ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 →</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äge in der OLC nach dem Posten</a> 743 </h2> 744 <div class="news-card-content"> 745 <p>Ab sofort können die Beiträge in der Original-Laguiole-Community nach dem Posten noch bearbeitet werden.<br />Auf dieser Weise können Sie die Formatierung für eine bessere Lesbarkeit ändern oder die Tippfehler noch verbessern :-) <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 →</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ägen</a> 752 </h2> 753 <div class="news-card-content"> 754 Wir haben die Suchfunktion im Shop erweitert. Nun werden auch Beiträ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ü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 →</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önnen. Diese präsentieren wir allerdings hier in dem </span><strong>VELION-Bereich</strong><span>. Gerne kannst du diese Messer über uns kaufen, sofern die Schmiede diese noch auf Lager hat und noch nicht an anderen Hä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 →</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önlicher Begleiter durch die Welt der Laguiole-Messer</strong> <br />Stellen Sie sich vor, Sie entdecken mehrere wunderschö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üssen, können Sie Ihre Favoriten einfach mit einem Klick sammeln. Die Wunschliste dient dabei als temporä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 →</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ür 30% Rabatt</a> 780 </h2> 781 <div class="news-card-content"> 782 <span>Der </span><strong>CARMOS-Day</strong><span> ist unser Dankeschön an alle engagierten Sammler, Genießer und Liebhaber echter Laguiole-Messer. </span><span style="color: #ff0000;"><strong>An jedem 10. eines Monats</strong></span><span> eröffnen wir exklusiv für unsere OL-Kunden die Möglichkeit, </span><span style="color: #ff9900;"><strong>bis zu 30 CARMOS-Punkte</strong></span><span> gezielt einzusetzen.</span><br /><br /><span>• </span><strong>30 % Sofortrabatt auf ein vorrätiges Produkt</strong><br /><span>• oder </span><strong>Teilnahme am CARMOS-Spiel mit der Chance auf 40 % Rabatt<br /></strong><span>•<span style="color: #00ff00;"><strong> OL-Premium-Gold Kunden erhalten einen Vorsprung von 10 Stunden und können somit schon am 09. eines jedes Monats ab 14:00 Uhr die vorrätigen Produkte mit 30 CARMOS einkaufen. </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 →</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 Überzeugung. Aus Verantwortung. Für echte Qualität.</strong><br /> Ab Januar 2026 gilt bei original-laguiole.de ein klarer, fairer Rahmen: Der maximal mögliche Gesamtrabatt aus allen Aktionen, Vorteilen und Konzepten beträgt künftig 20 %.<br /><br /> Diese Entscheidung ist Teil unserer langfristigen Vision. Deshalb werden alle bestehenden Konzepte – selbstverständlich auch unser bewährtes CARMOS-Konzept – sorgfä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ünftig maximal 20 % Rabatt möglich.<br /><br /> <strong>Warum wir diesen Schritt gehen?</strong><br /> Weil echte Handwerkskunst, nachhaltige Partnerschaften und kompromisslose Qualität einen stabilen, ehrlichen Rahmen brauchen. Und weil wir auch in Zukunft für das stehen wollen, was original-laguiole.de seit jeher ausmacht: Wertigkeit, Fairness und Verlässlichkeit.<br />
792 Von Herzen danken wir allen unseren treuen Kundinnen und Kunden für ihr Vertrauen, ihre Begeisterung und ihre langjährige Verbundenheit. â¤ï¸<br /><br /> <strong><u><a href="https://youtu.be/f4a8tLcraak" target="_blank">Hier erklären wir ausführlich, warum wir diese Neuerung eingefü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 →</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 ›</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 ›</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) ›</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çais</button> 1078 <button type="button" data-sprache="it" lang="it">Italiano</button> 1079 <button type="button" data-sprache="es" lang="es">Español</button> 1080 </div> 1081 1082 <!-- Footer-Leiste --> 1083 <div class="ft-bar"> 1084 <span>© 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 · <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">×</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">×</button> 1435 <button type="button" class="ol-lb-nav ol-lb-prev" data-lb-prev aria-label="Vorheriges Bild">‹</button> 1436 <button type="button" class="ol-lb-nav ol-lb-next" data-lb-next aria-label="Nächstes Bild">›</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'})">⇧ 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('✓ Der Artikel liegt im Warenkorb · <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('✓ Auf Ihrer Merkliste gespeichert · <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. <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('✓ '+(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">×</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 · Kontakt & 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 & 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ßen" data-login-close>×</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.