PageSourceSearch

https://larsbrillen.ch/

html larsbrillen.ch collected 2026-10-09 00:29:22 UTC 119,786 bytes, 2,796 lines download raw bytes

1<!DOCTYPE html>
2        
3<html lang="de-CH" data-website-id="1" data-main-object="website.page(68,)" data-add2cart-redirect="1">
4    <head>
5        <meta charset="utf-8"/>
6        <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
7        <meta name="viewport" content="width=device-width, initial-scale=1"/>
8        <meta name="generator" content="Odoo"/>
9        <meta name="description" content="LARS – Schweizer Brillengestelle mit maximalem Tragekomfort. Ultraleichte Sehbrillen und Fassungen, die perfekt sitzen. Entwickelt in der Schweiz."/>
10        <meta name="keywords" content="Brillengestelle,Sehbrillen,Brillenfassungen"/>
11            
12        <meta property="og:type" content="website"/>
13        <meta property="og:title" content="LARS Brillen | Brillengestelle mit maximalem Tragekomfort. Swiss Made"/>
14        <meta property="og:site_name" content="LARS Brillen"/>
15        <meta property="og:url" content="https://larsbrillen.ch/home"/>
16        <meta property="og:image" content="https://larsbrillen.ch/web/image/20526-4c6d6133/Logo_LARS_positiv_SM.jpg"/>
17        <meta property="og:description" content="LARS – Schweizer Brillengestelle mit maximalem Tragekomfort. Ultraleichte Sehbrillen und Fassungen, die perfekt sitzen. Entwickelt in der Schweiz."/>
18            
19        <meta name="twitter:card" content="summary_large_image"/>
20        <meta name="twitter:title" content="LARS Brillen | Brillengestelle mit maximalem Tragekomfort. Swiss Made"/>
21        <meta name="twitter:image" content="https://larsbrillen.ch/web/image/20526-4c6d6133/Logo_LARS_positiv_SM.jpg"/>
22        <meta name="twitter:description" content="LARS – Schweizer Brillengestelle mit maximalem Tragekomfort. Ultraleichte Sehbrillen und Fassungen, die perfekt sitzen. Entwickelt in der Schweiz."/>
23        
24        <link rel="canonical" href="https://larsbrillen.ch/home"/>
25        
26        <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin=""/>
27        <title>LARS Brillen | Brillengestelle mit maximalem Tragekomfort. Swiss Made</title>
28        <link type="image/x-icon" rel="shortcut icon" href="/web/image/website/1/favicon?unique=c9e8819"/>
29        <link rel="preload" href="/web/static/src/libs/fontawesome/fonts/fontawesome-webfont.woff2?v=4.7.0" as="font" crossorigin=""/>
30        <link type="text/css" rel="stylesheet" href="/web/assets/1/aaca33b/web.assets_frontend.min.css"/>
31        
31<script id="web.layout.odooscript" type="text/javascript">
32            var odoo = {
33                csrf_token: "8d42737c9beb1fdd3ea19de1e62ac6e1e7bcd516o1823041761",
34                debug: "",
35            };
36        </script>
36
37        
37<script type="text/javascript">
38            odoo.__session_info__ = {"is_admin": false, "is_system": false, "is_public": true, "is_website_user": true, "user_id": false, "is_frontend": true, "profile_session": null, "profile_collectors": null, "profile_params": null, "show_effect": true, "currencies": {"4": {"symbol": "CHF", "position": "before", "digits": [69, 2]}, "125": {"symbol": "\u20ac", "position": "after", "digits": [69, 2]}, "1": {"symbol": "$", "position": "before", "digits": [69, 2]}}, "bundle_params": {"lang": "de_CH", "website_id": 1}, "websocket_worker_version": "17.0-3", "translationURL": "/website/translations", "cache_hashes": {"translations": "b4c0cac81eb97632e6ddc82b2f6c11d9361a2d82"}, "geoip_country_code": "US", "geoip_phone_code": 1, "lang_url_code": "de_CH"};
39            if (!/(^|;\s)tz=/.test(document.cookie)) {
40                const userTZ = Intl.DateTimeFormat().resolvedOptions().timeZone;
41                document.cookie = `tz=${userTZ}; path=/`;
42            }
43        </script>
43
44        
44<script type="text/javascript" defer="defer" src="/web/assets/1/20f9201/web.assets_frontend_minimal.min.js" onerror="__odooAssetError=1"></script>
44
45        
45<script type="text/javascript" defer="defer" data-src="/web/assets/1/836fa32/web.assets_frontend_lazy.min.js" onerror="__odooAssetError=1"></script>
45
46        
47    <style>
48        .s_carousel_wrapper .carousel-control-prev-icon,
49        .s_carousel_wrapper .carousel-control-next-icon {
50            width: 20px !important;
51            height: 20px !important;
52            background-repeat: no-repeat !important;
53            background-position: center !important;
54            background-size: contain !important;
55        }
56
57        .s_carousel_wrapper .carousel-control-prev-icon {
58            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E") !important;
59        }
60
61        .s_carousel_wrapper .carousel-control-next-icon {
62            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E") !important;
63        }
64
65        .s_carousel_wrapper .carousel-control-prev,
66        .s_carousel_wrapper .carousel-control-next {
67            opacity: 1 !important;
68        }
69
70        .s_carousel_wrapper .carousel-indicators {
71            bottom: 24px;
72        }
73
74        .s_carousel_wrapper .carousel-indicators li {
75            width: 8px !important;
76            height: 8px !important;
77            border-radius: 50% !important;
78            background-color: rgba(255, 255, 255, 0.5) !important;
79            border: none !important;
80            margin: 0 5px !important;
81            opacity: 1 !important;
82            text-indent: -9999px;
83        }
84
85        .s_carousel_wrapper .carousel-indicators li.active {
86            background-color: #ffffff !important;
87        }
88    </style>
89      <style>
90        /* Preis auf Produktseite */
91        span.oe_price,
92        .product_price {
93          display: none !important;
94        }
95
96        /* Warenkorb Button und Menge */
97        .o_wsale_product_btn,
98        #add_to_cart_wrap,
99        .o_wsale_product_quantity,
100        .css_quantity,
101        input[name="add_qty"] {
102          display: none !important;
103        }
104
105        /* Optiker finden Button */
106        .lars_optiker_btn,
107        .lars_public_cta {
108          display: block !important;
109        }
110      </style>
111    <style>
112      .s_faq_collapse,
113      .s_faq_collapse.s_faq_collapse_light {
114        background: #fff !important;
115      }
116      .s_faq_collapse .accordion {
117        border: none !important;
118        border-radius: 0 !important;
119        background: #fff !important;
120        box-shadow: none !important;
121        overflow: visible !important;
122      }
123      .s_faq_collapse .card {
124        border: 0 !important;
125        border-radius: 0 !important;
126        background: transparent !important;
127        margin: 0 !important;
128      }
129      .s_faq_collapse a.card-header,
130      .s_faq_collapse a.card-header:hover,
131      .s_faq_collapse a.card-header:focus,
132      .s_faq_collapse a.card-header:active,
133      .s_faq_collapse a.card-header:visited {
134        background: transparent !important;
135        border: none !important;
136        border-bottom: 1px solid rgba(0,0,0,0.10) !important;
137        padding: 18px 0 !important;
138        font-weight: 700 !important;
139        font-size: 16px !important;
140        letter-spacing: 0 !important;
141        text-decoration: none !important;
142        text-transform: uppercase !important;
143        display: flex !important;
144        align-items: center !important;
145        justify-content: space-between !important;
146        color: #111 !important;
147        border-radius: 0 !important;
148        box-shadow: none !important;
149      }
150      .s_faq_collapse a.card-header span {
151        font-size: 16px !important;
152        font-weight: 700 !important;
153        text-transform: uppercase !important;
154        text-decoration: none !important;
155        color: #111 !important;
156      }
157      .s_faq_collapse .card-header.s_faq_collapse_right_icon::before,
158      .s_faq_collapse .card-header::before,
159      .s_faq_collapse .card-header.collapsed::before {
160        content: '' !important;
161        display: inline-block !important;
162        width: 16px !important;
163        height: 16px !important;
164        position: static !important;
165        order: 2 !important;
166        margin-left: 12px !important;
167        margin-right: 0 !important;
168        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='9 6 15 12 9 18' fill='none' stroke='%23111111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
169        background-repeat: no-repeat !important;
170        background-position: center !important;
171        background-size: contain !important;
172        background-color: transparent !important;
173        border: none !important;
174        border-radius: 0 !important;
175        transition: transform 0.25s ease !important;
176        flex-shrink: 0 !important;
177        transform: none !important;
178        color: transparent !important;
179        font-size: 0 !important;
180      }
181      .s_faq_collapse .card-header:not(.collapsed)::before,
182      .s_faq_collapse .card-header[aria-expanded="true"]::before {
183        transform: rotate(90deg) !important;
184      }
185      .s_faq_collapse .card-header::after {
186        content: none !important;
187        display: none !important;
188        background-image: none !important;
189      }
190      .s_faq_collapse .card-body {
191        padding: 18px 0 22px 0 !important;
192        background: transparent !important;
193      }
194      .s_faq_collapse .card-body p,
195      .s_faq_collapse .card-body .card-text,
196      .s_faq_collapse .card-body .lead {
197        font-weight: 400 !important;
198        font-size: 16px !important;
199        line-height: 1.5 !important;
200        color: #111 !important;
201        margin-bottom: 12px !important;
202        text-transform: none !important;
203      }
204      .s_faq_collapse .card-body p:last-child,
205      .s_faq_collapse .card-body .card-text:last-child {
206        margin-bottom: 0 !important;
207      }
208    </style>
209    <style>
210      /* Search Input */
211      .oe_search_box,
212      input.search-query {
213        color: #111 !important;
214        background-color: #fff !important;
215        border: 1px solid rgba(0,0,0,0.20) !important;
216        border-radius: 0 !important;
217      }
218      .oe_search_box::placeholder,
219      input.search-query::placeholder {
220        color: rgba(0,0,0,0.5) !important;
221      }
222      .oe_search_box:focus,
223      input.search-query:focus {
224        color: #111 !important;
225        background-color: #fff !important;
226        border-color: #111 !important;
227        outline: none !important;
228        box-shadow: none !important;
229      }
230
231      /* Dropdown Container */
232      .o_dropdown_menu {
233        background: #fff !important;
234        border: 1px solid rgba(0,0,0,0.20) !important;
235        border-radius: 0 !important;
236        box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
237      }
238
239      /* Dropdown Items */
240      .o_dropdown_menu .dropdown-item,
241      .o_dropdown_menu .o_search_result_item,
242      .o_dropdown_menu .o_search_result_item_detail,
243      .o_dropdown_menu .h6,
244      .o_dropdown_menu p,
245      .o_dropdown_menu .fa {
246        color: #111 !important;
247      }
248      .o_dropdown_menu .dropdown-item {
249        background-color: #fff !important;
250      }
251      .o_dropdown_menu .dropdown-item:hover,
252      .o_dropdown_menu .dropdown-item:focus,
253      .o_dropdown_menu .dropdown-item:active {
254        background-color: #f5f5f5 !important;
255        color: #111 !important;
256      }
257      .o_dropdown_menu .dropdown-item:hover .h6,
258      .o_dropdown_menu .dropdown-item:hover p,
259      .o_dropdown_menu .dropdown-item:focus .h6,
260      .o_dropdown_menu .dropdown-item:focus p {
261        color: #111 !important;
262      }
263
264      /* Search Highlight Match */
265      .o_dropdown_menu mark,
266      .o_dropdown_menu .dropdown-item mark,
267      .o_dropdown_menu strong,
268      .o_dropdown_menu b {
269        background-color: #ffec99 !important;
270        color: #111 !important;
271        padding: 0 1px !important;
272        font-weight: 700 !important;
273      }
274
275      /* "Alle Ergebnisse" Button */
276      .o_dropdown_menu .text-primary,
277      .o_dropdown_menu button.text-primary {
278        color: #111 !important;
279        background-color: #fff !important;
280        border-top: 1px solid rgba(0,0,0,0.10) !important;
281        font-weight: 700 !important;
282        text-transform: uppercase !important;
283      }
284      .o_dropdown_menu .text-primary:hover,
285      .o_dropdown_menu button.text-primary:hover {
286        background-color: #111 !important;
287        color: #fff !important;
288      }
289    </style>
290        <style>
291/* Nur Abstand NACH OBEN vergrößern – für alle Header-Zustände */
292#wrapwrap > header[class*="o_header"] .o_header_main,
293#wrapwrap > header[class*="o_header"] .navbar {
294  padding-top: 32px !important;  /* Wert anpassbar: 28–40 */
295  padding-bottom: 0 !important;  /* damit unten unverändert bleibt */
296}
297
298/* Sticky-Header (beim Scrollen) auch oben gepolstert halten */
299.o_header_affixed .o_header_main,
300.o_header_is_scrolled .o_header_main,
301.o_header_affixed .navbar,
302.o_header_is_scrolled .navbar {
303  padding-top: 22px !important;
304  padding-bottom: 0 !important;
305}
306
307/* Logo etwas kleiner halten */
308#wrapwrap > header[class*="o_header"] .navbar-brand img {
309  max-height: 44px !important;  /* ggf. 40–48 anpassen */
310  height: auto;
311}
312</style>
313
314<script src="https://app.privacybee.io/cookie-banner.js" website-id="clj8mpgld202820ymq7ryugmv"></script>
vendor: 1 bytes, line 314
314
315<script>
316  document.addEventListener('DOMContentLoaded', function () {
317    let titleDone = false;
318    let descDone = false;
319
320    function applyPrivacyBeeTexts() {
321      const title = document.getElementById('privacybee-banner-title');
322      const desc = document.getElementById('privacybee-banner-description');
323
324      if (title && !titleDone) {
325        title.textContent = "Deine Privatsphäre ist uns wichtig";
326        titleDone = true;
327      }
328
329      if (desc && !descDone) {
330        desc.innerHTML = "Wir nutzen auf unserer Webseite Cookies, um deinen Besuch für dich zu optimieren, natürlich nur mit deiner Zustimmung. Mehr dazu findest du in unserer <a href=\"https://larsbrillen.ch/datenschutzerklarung\">Datenschutzerklärung</a>.";
331        descDone = true;
332      }
333
334      return titleDone && descDone;
335    }
336
337    const observer = new MutationObserver(() => {
338      if (applyPrivacyBeeTexts()) {
339        observer.disconnect();
340      }
341    });
342
343    observer.observe(document.body, { childList: true, subtree: true });
344
345    let attempts = 0;
346    const interval = setInterval(() => {
347      attempts++;
348      if (applyPrivacyBeeTexts() || attempts > 20) {
349        clearInterval(interval);
350        observer.disconnect();
351      }
352    }, 300);
353  });
354</script>
354
355
356<style>
357  /* Alles auf Inter */
358  .pbcb_header_text,
359  .pbcb_content_text,
360  .pbcb_category_label,
361  .pbcb_buttons_text {
362    font-family: Inter, sans-serif !important;
363  }
364
365  /* Rahmen um die Toggles entfernen */
366  .pbcb_categories_fieldset {
367    border: none !important;
368    padding: 0 !important;
369  }
370  
371     /* Header: Logo oben, Titel darunter, alles linksbündig */
372  .pbcb_header {
373    display: flex !important;
374    flex-direction: column !important;
375    align-items: flex-start !important;
376    gap: 8px !important;
377    padding: 20px 24px 10px 24px !important;
378  }
379
380  .pbcb_mascot {
381    order: -1 !important;
382    width: 90px !important;
383    height: auto !important;
384    margin: 0 !important;
385    align-self: flex-start !important;
386  }
387
388  .pbcb_mascot_img {
389    max-width: 100% !important;
390    height: auto !important;
391  }
392
393  .pbcb_title_container {
394    padding-left: 0 !important;
395    margin: 0 !important;
396  }
397
398  .pbcb_header_text {
399    margin: 0 !important;
400  }
401</style>
402  <style>
403#o_wsale_offcanvas_attribute_14_header,
404#o_wsale_offcanvas #o_wsale_offcanvas_attribute_14.accordion-collapse {
405  display: none !important;
406}
407  </style>
408  <style>
409      
410      /* Kollektions-Bilder im Masonry-Grid: immer ganz sichtbar, Höhe folgt dem Bild */
411#LINEARS-COLLECTION .o_grid_item_image {
412  height: auto !important;
413  align-self: start !important;
414}
415#LINEARS-COLLECTION .o_grid_item_image img.o_we_custom_image {
416  width: 100% !important;
417  height: auto !important;
418  object-fit: contain !important;
419  max-height: none !important;
420}
421.lars-essential-badge{
422  position:absolute !important;
423  top:-10px !important;
424  right:-10px !important;
425  width:25px !important;
426  height:25px !important;
427  display:flex !important;
428  align-items:center !important;
429  justify-content:center !important;
430  border-radius:999px !important;
431  background:#000 !important;
432  color:#fff !important;
433  padding:0 !important;
434  margin:0 !important;
435  line-height:1 !important;
436  font-size:16px !important;
437  font-weight:400 !important;
438  z-index:10 !important;
439  pointer-events:none !important;
440}
441
442.o_navbar_mobile a.btn-outline-secondary {
443    color: #212529 !important;
444}
445
446/* Beratungsmodus Button auf allen Breakpoints sichtbar */
447#lars_beratung_toggle_wrap {
448    display: flex !important;
449    align-items: center;
450    margin-left: 16px;
451}
452
453@media (max-width: 991px) {
454  .o_wsale_products_searchbar_form {
455    display: block !important;
456  }
457}
458
459/* Swatches eckig */
460.js_add_cart_variants .css_attribute_color{
461  border-radius:0 ;
462}
463.js_add_cart_variants label.css_attribute_color{
464  width:60px !important;
465  height:45px !important;
466  min-width:60px !important;
467  padding:0 !important;
468  box-sizing:border-box !important;
469}
470.js_add_cart_variants label.css_attribute_color::before,
471.js_add_cart_variants label.css_attribute_color span{
472  border-radius:0 ;
473}
474
475/* Ausgewählte Karte: nur Rand, kein Hintergrund */
476.card.bg-primary.border-primary {
477    background-color: transparent !important;
478    border: 2px solid var(--color-primary) !important;
479    box-shadow: 0 0 0 2px var(--color-primary);
480}
481
482/* Rahmenlogik sauber */
483.js_add_cart_variants label.css_attribute_color{
484  border:none !important;
485  box-shadow:none !important;
486  outline:none !important;
487}
488.js_add_cart_variants label.css_attribute_color.active{
489  outline:5px solid #000000 !important;
490  outline-offset:0px !important;
491}
492
493/* Abstand nur in Swatch-Liste */
494.js_add_cart_variants ul.list-inline > li{
495  margin-right:10px !important;
496  margin-bottom:10px !important;
497}
498.js_add_cart_variants ul.list-inline > li:last-child{
499  margin-right:0 !important;
500}
501
502/* Tooltip muss ein hoverbares Element haben */
503.js_add_cart_variants .o_wsale_product_attribute li{
504  pointer-events: auto !important;
505}
506.js_add_cart_variants label.css_attribute_color{
507  pointer-events: auto !important;
508}
509
510/* === Nicht verfügbare Varianten ausgrauen statt ausblenden === */
511.js_add_cart_variants label.css_not_available,
512.js_add_cart_variants label.o_wsale_not_available {
513  opacity: 0.3 !important;
514  cursor: not-allowed !important;
515  display: flex !important;
516}
517.js_add_cart_variants label:has(input:disabled) {
518  opacity: 0.3 !important;
519  cursor: not-allowed !important;
520}
521/* Verbotssymbol (crossed circle) auf nicht verfügbaren Swatches entfernen */
522.js_add_cart_variants label.css_not_available::after,
523.js_add_cart_variants label.o_wsale_not_available::after,
524.js_add_cart_variants label:has(input:disabled)::after,
525.js_add_cart_variants label.css_not_available svg,
526.js_add_cart_variants label.o_wsale_not_available svg,
527.js_add_cart_variants label:has(input:disabled) svg {
528  display: none !important;
529  content: none !important;
530}
531
532/* =========================
533   RADIO (Grössen)
534   ========================= */
535.js_add_cart_variants .o_wsale_product_attribute li.js_attribute_value,
536.js_add_cart_variants .o_wsale_product_attribute li.js_attribute_value > label.col-form-label,
537.js_add_cart_variants .o_wsale_product_attribute li.js_attribute_value .form-check{
538  background:transparent !important;
539  border:none !important;
540  box-shadow:none !important;
541  padding:0 !important;
542  margin:0 !important;
543}
544.js_add_cart_variants .o_wsale_product_attribute li.js_attribute_value input.form-check-input{
545  display:none !important;
546}
547.js_add_cart_variants .o_wsale_product_attribute li.js_attribute_value .radio_input_value{
548  width:60px !important;
549  height:45px !important;
550  min-width:60px !important;
551  display:flex !important;
552  align-items:center !important;
553  justify-content:center !important;
554  background:#fff !important;
555  color:#111 !important;
556  border:1px solid #000 !important;
557  outline:none !important;
558  border-radius:0 !important;
559  box-shadow:none !important;
560  box-sizing:border-box !important;
561}
562
563.js_add_cart_variants .o_wsale_product_attribute li.js_attribute_value:not(:first-child:last-child) input:checked + .radio_input_value{
564  border:1px solid #000 !important;
565}
566
567.js_add_cart_variants .o_wsale_product_attribute li.list-inline-item.js_attribute_value{
568  margin:0 6.5px 10px 0 !important;
569  padding:0 !important;
570  vertical-align:top !important;
571}
572.js_add_cart_variants .o_wsale_product_attribute li.list-inline-item.js_attribute_value:last-child{
573  margin-right:0 !important;
574}
575
576/* =========================
577   PILLS (Grössen)
578   ========================= */
579/* Standard: fix 60x45 */
580.js_add_cart_variants .o_variant_pills {
581  background: #fff !important;
582  border: 1px solid #000 !important;
583  border-radius: 0 !important;
584  padding: 0 !important;
585  box-shadow: none !important;
586  margin: 0 10px 10px 0 !important;
587  outline: 2px solid transparent !important;
588  outline-offset: 4px !important;
589}
590.js_add_cart_variants .o_variant_pills.active {
591  outline: 2px solid #000 !important;
592  outline-offset: 4px !important;
593}
594.js_add_cart_variants .o_variant_pills_input_value {
595  width: 60px !important;
596  height: 45px !important;
597  display: flex !important;
598  align-items: center !important;
599  justify-content: center !important;
600  color: #111 !important;
601  background: transparent !important;
602  border: none !important;
603}
604
605.js_add_cart_variants ul[data-attribute_id="3"] .o_variant_pills {
606  width: auto !important;
607}
608.js_add_cart_variants ul[data-attribute_id="3"] .o_variant_pills .o_variant_pills_input_value {
609  width: auto !important;
610  min-width: 60px !important;
611  padding: 0 14px !important;
612}
613
614.js_add_cart_variants ul[data-attribute_id="14"] .o_variant_pills {
615  width: auto !important;
616}
617.js_add_cart_variants ul[data-attribute_id="14"] .o_variant_pills .o_variant_pills_input_value {
618  width: auto !important;
619  min-width: 60px !important;
620  padding: 0 14px !important;
621}
622
623/* =========================================================
624   NASENSTEG (Single-Select)
625   ========================================================= */
626.js_add_cart_variants .lars_single_block,
627.js_add_cart_variants .lars_single_block--pill{
628  outline: none !important;
629  display:flex !important;
630  align-items:center !important;
631  justify-content:center !important;
632  width:130.5px !important;
633  min-width:130.5px !important;
634  height:45px !important;
635  padding:0 12px !important;
636  background:#fff !important;
637  color:#111 !important;
638  border-radius:0 !important;
639  font-weight:400 !important;
640  font-size:16px !important;
641  line-height:1 !important;
642  box-sizing:border-box !important;
643  white-space:nowrap !important;
644  overflow:hidden !important;
645  text-overflow:ellipsis !important;
646  border: 1px solid #000 !important;
647  box-shadow:none !important;
648}
649
650/* Aktiver Nasensteg */
651.js_add_cart_variants li.js_attribute_value.active .lars_single_block,
652.js_add_cart_variants li.js_attribute_value.active .lars_single_block--pill,
653.js_add_cart_variants input:checked ~ .lars_single_block,
654.js_add_cart_variants input:checked ~ .lars_single_block--pill {
655  outline: 1px solid #000 !important;
656  outline-offset: 2px !important;
657}
658
659.js_add_cart_variants li.js_attribute_value:only-of-type.o_variant_pills {
660  outline: 2px solid #000 !important;
661  outline-offset: 4px !important;
662}
663
664#product_details .js_add_cart_variants{
665  min-height: 260px;
666}
667#product_details .o_wsale_product_images,
668#product_details .o_wsale_product_images .carousel,
669#product_details .o_wsale_product_images .carousel-item{
670  min-height: 420px;
671}
672
673@media (min-width: 992px) {
674  .navbar-brand.logo {
675    padding-left: 0 !important;
676  }
677}
678
679.js_add_cart_variants .attribute_name {
680  font-size: 16px !important;
681}
682
683
684
685/* =========================================================
686   OFFCANVAS / SIDEBAR / FILTER FARB-SWATCHES
687   ========================================================= */
688
689/* Container: overflow sichtbar + padding-left für Outline-Platz */
690#o_wsale_offcanvas .o_wsale_offcanvas_color_attribute,
691.o_wsale_offcanvas .o_wsale_offcanvas_color_attribute,
692#wsale_products_attributes_collapse .o_wsale_offcanvas_color_attribute,
693form.js_attributes .o_wsale_offcanvas_color_attribute,
694.js_attributes .o_wsale_offcanvas_color_attribute,
695#o_wsale_offcanvas .css_attribute_color_container,
696form.js_attributes .css_attribute_color_container,
697.js_attributes .css_attribute_color_container {
698  display: flex !important;
699  flex-wrap: wrap !important;
700  gap: 10px !important;
701  padding: 10px 10px 10px 10px !important;
702  overflow: visible !important;
703}
704
705/* Alle Eltern-Container: overflow visible erzwingen */
706#o_wsale_offcanvas,
707#o_wsale_offcanvas .offcanvas-body,
708#o_wsale_offcanvas .accordion,
709#o_wsale_offcanvas .accordion-item,
710#o_wsale_offcanvas .accordion-body,
711#o_wsale_offcanvas .accordion-collapse,
712#wsale_products_attributes_collapse,
713#wsale_products_attributes_collapse .accordion,
714#wsale_products_attributes_collapse .accordion-item,
715#wsale_products_attributes_collapse .accordion-body,
716#wsale_products_attributes_collapse .accordion-collapse,
717form.js_attributes,
718form.js_attributes .accordion,
719form.js_attributes .accordion-item,
720form.js_attributes .accordion-body,
721form.js_attributes .accordion-collapse,
722aside,
723aside .accordion,
724aside .accordion-item,
725aside .accordion-body,
726aside .accordion-collapse {
727  overflow: hidden !important;
728  overflow-y: auto !important;
729}
730
731/* Swatch-Grösse  Form */
732#o_wsale_offcanvas label.css_attribute_color,
733.o_wsale_offcanvas label.css_attribute_color,
734#wsale_products_attributes_collapse label.css_attribute_color,
735.accordion label.css_attribute_color,
736aside label.css_attribute_color,
737form.js_attributes label.css_attribute_color,
738.js_attributes label.css_attribute_color {
739  width: 60px !important;
740  height: 45px !important;
741  min-width: 60px !important;
742  padding: 0 !important;
743  border-radius: 0 !important;
744  border: none !important;
745  box-shadow: none !important;
746  outline: none !important;
747  margin: 6px 4px 4px 2px !important;
748  position: relative !important;
749  overflow: visible !important;
750  box-sizing: border-box !important;
751  cursor: pointer !important;
752}
753
754/* Innerer Farbbereich eckig  füllend */
755#o_wsale_offcanvas label.css_attribute_color span,
756.o_wsale_offcanvas label.css_attribute_color span,
757#wsale_products_attributes_collapse label.css_attribute_color span,
758.accordion label.css_attribute_color span,
759aside label.css_attribute_color span,
760form.js_attributes label.css_attribute_color span,
761.js_attributes label.css_attribute_color span,
762#o_wsale_offcanvas label.css_attribute_color::before,
763.o_wsale_offcanvas label.css_attribute_color::before,
764#wsale_products_attributes_collapse label.css_attribute_color::before,
765.accordion label.css_attribute_color::before,
766aside label.css_attribute_color::before,
767form.js_attributes label.css_attribute_color::before,
768.js_attributes label.css_attribute_color::before {
769  border-radius: 0 !important;
770  width: 100% !important;
771  height: 100% !important;
772  top: 0 !important;
773  left: 0 !important;
774  position: absolute !important;
775  background-size: cover !important;
776  background-position: center !important;
777}
778
779/* ACTIVE — dünne Linie */
780#o_wsale_offcanvas label.css_attribute_color.active,
781.o_wsale_offcanvas label.css_attribute_color.active,
782#wsale_products_attributes_collapse label.css_attribute_color.active,
783.accordion label.css_attribute_color.active,
784aside label.css_attribute_color.active,
785form.js_attributes label.css_attribute_color.active,
786.js_attributes label.css_attribute_color.active {
787  outline: 2px solid #000 !important;
788  outline-offset: 2px !important;
789  border: none !important;
790  box-shadow: none !important;
791  z-index: 1 !important;
792}
793
794/* Checkmark-Overlay entfernen */
795#o_wsale_offcanvas label.css_attribute_color.active::after,
796.o_wsale_offcanvas label.css_attribute_color.active::after,
797#wsale_products_attributes_collapse label.css_attribute_color.active::after,
798.accordion label.css_attribute_color.active::after,
799aside label.css_attribute_color.active::after,
800form.js_attributes label.css_attribute_color.active::after,
801.js_attributes label.css_attribute_color.active::after {
802  content: none !important;
803}
804
805/* Nicht verfügbare ausblenden */
806#o_wsale_offcanvas label.css_attribute_color.css_not_available,
807form.js_attributes label.css_attribute_color.css_not_available,
808.js_attributes label.css_attribute_color.css_not_available,
809#o_wsale_offcanvas label.css_attribute_color:has(input:disabled),
810form.js_attributes label.css_attribute_color:has(input:disabled),
811.js_attributes label.css_attribute_color:has(input:disabled) {
812  display: none !important;
813}
814
815@media (max-width: 991px) {
816  .lars-product-nav {
817    display: none !important;
818  }
819}
820
821.o_search_result_item > .flex-shrink-0.ms-auto {
822    display: none !important;
823}
824
825/* Breadcrumb Styling */
826.lars-bc-bar .breadcrumb-item,
827.lars-bc-bar .breadcrumb-item a,
828.lars-bc-bar .breadcrumb-item.active,
829ol.breadcrumb.small .breadcrumb-item,
830ol.breadcrumb.small .breadcrumb-item a,
831ol.breadcrumb.small .breadcrumb-item.active {
832  color: #111 !important;
833  font-size: 16px !important;
834}
835.lars-bc-bar .breadcrumb-item + .breadcrumb-item::before,
836ol.breadcrumb.small .breadcrumb-item + .breadcrumb-item::before {
837  content: "›" !important;
838  color: #111 !important;
839}
840
841/* Navbar Menu Links */
842.navbar-nav .nav-link,
843.navbar-nav .nav-link:hover,
844.navbar-nav .dropdown-toggle {
845  color: #111 !important;
846  border: none !important;
847  border-left: none !important;
848  border-right: none !important;
849}
850.navbar-nav .nav-item + .nav-item {
851  border-left: none !important;
852}
853
854.navbar-nav .nav-item:first-child::before,
855.navbar-nav .nav-item:last-child::after,
856.navbar-nav > li:first-child,
857.navbar-nav > li:last-child {
858  border: none !important;
859}
860
861/* Mobile Hamburger #111 */
862.navbar-toggler-icon {
863  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23111111' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
864}
865
866.lars_optiker_btn.btn {
867  margin-left: 0 !important;
868  margin-right: 0 !important;
869  padding-left: 0 !important;
870  padding-right: 0 !important;
871}
872
873/* =========================================================
874   WARENKORB BUTTON
875   ========================================================= */
876#add_to_cart,
877.o_wsale_product_btn #add_to_cart {
878  background: #fff !important;
879  color: #111 !important;
880  border: 1px solid #111 !important;
881  border-radius: 0 !important;
882  box-shadow: none !important;
883  height: 47px !important;
884  min-height: 47px !important;
885  max-height: 47px !important;
886  padding-top: 0 !important;
887  padding-bottom: 0 !important;
888  box-sizing: border-box !important;
889  display: flex !important;
890  align-items: center !important;
891  justify-content: center !important;
892}
893
894#product_attributes_simple {
895  display: none !important;
896}
897
898/* =========================================================
899   NICHT VERFÜGBARE KOMBINATIONEN
900   ========================================================= */
901.js_add_cart_variants .o_wsale_product_attribute li.js_attribute_value.css_not_available .radio_input_value,
902.js_add_cart_variants .o_wsale_product_attribute li.js_attribute_value.css_not_available .o_variant_pills_input_value {
903  opacity: 0.3 !important;
904  cursor: not-allowed !important;
905}
906.js_add_cart_variants label.css_attribute_color.css_not_available {
907  opacity: 0.3 !important;
908  cursor: not-allowed !important;
909  display: flex !important;
910}
911.js_add_cart_variants .o_variant_pills.css_not_available {
912  opacity: 0.3 !important;
913  cursor: not-allowed !important;
914}
915
916/* =========================================================
917   MENGENAUSWAHL
918   ========================================================= */
919.css_quantity.input-group {
920  border: 1px solid #111 !important;
921  border-radius: 0 !important;
922  overflow: hidden !important;
923  width: 130.5px !important;
924  min-width: 130.5px !important;
925  max-width: 130.5px !important;
926  flex: 0 0 130.5px !important;
927}
928.css_quantity .btn-link {
929  background: #fff !important;
930  color: #111 !important;
931  border: none !important;
932  padding: 0 !important;
933  font-size: 14px !important;
934  box-shadow: none !important;
935  height: 45px !important;
936  flex: 1 !important;
937  display: flex !important;
938  align-items: center !important;
939  justify-content: center !important;
940  text-decoration: none !important;
941}
942.css_quantity .btn-link:hover {
943  background: #f5f5f5 !important;
944}
945.css_quantity input.quantity {
946  background: #fff !important;
947  border: none !important;
948  border-left: 1px solid #111 !important;
949  border-right: 1px solid #111 !important;
950  border-radius: 0 !important;
951  box-shadow: none !important;
952  color: #111 !important;
953  font-size: 14px !important;
954  height: 45px !important;
955  width: 45px !important;
956  min-width: 45px !important;
957  max-width: 45px !important;
958  padding: 0 !important;
959}
960
961#o_wsale_offcanvas label.css_attribute_color span,
962.accordion label.css_attribute_color span {
963  border-radius: 0 !important;
964  width: 100% !important;
965  height: 100% !important;
966  top: 0 !important;
967  left: 0 !important;
968  position: absolute !important;
969  background-size: cover !important;
970  background-position: center !important;
971}
972
973body > span.lars-color-tooltip {
974  background: #fff !important;
975  color: #111 !important;
976  font-size: 11px !important;
977  font-weight: 400 !important;
978  white-space: nowrap !important;
979  padding: 3px 7px !important;
980  border: 1px solid #111 !important;
981  border-radius: 0 !important;
982  box-shadow: none !important;
983  width: auto !important;
984  height: auto !important;
985  position: fixed !important;
986  top: auto !important;
987  left: auto !important;
988}
989
990/* =========================================================
991   PRODUKTKARTEN SWATCHES
992   ========================================================= */
993.lars-card-swatches {
994  display: flex;
995  flex-wrap: wrap;
996  gap: 6px;
997  padding: 8px 0 0 0;
998}
999.lars-card-swatch {
1000  width: 42px;
1001  height: 28px;
1002  cursor: pointer;
1003  border: 1px solid rgba(0,0,0,0.15);
1004  box-sizing: border-box;
1005  flex-shrink: 0;
1006}
1007.lars-card-swatch.active {
1008  outline: 1px solid #000;
1009  outline-offset: 1.5px;
1010}
1011.lars-card-swatch--split {
1012  width: 42px;
1013  height: 28px;
1014  cursor: pointer;
1015  border: none;
1016  box-sizing: border-box;
1017  flex-shrink: 0;
1018  display: flex;
1019  overflow: hidden;
1020  position: relative;
1021}
1022.lars-card-swatch-divider {
1023  position: absolute;
1024  top: 0;
1025  left: 0;
1026  width: 100%;
1027  height: 100%;
1028  pointer-events: none;
1029  z-index: 1;
1030  background: linear-gradient(
1031    to bottom right,
1032    transparent calc(50% - 0.5px),
1033    rgba(255,255,255,0.9) calc(50% - 0.5px),
1034    rgba(255,255,255,0.9) calc(50% + 0.5px),
1035    transparent calc(50% + 0.5px)
1036  );
1037}
1038.lars-card-swatch--split.active {
1039  outline: 1px solid #000;
1040  outline-offset: 1.5px;
1041}
1042.lars-card-swatch-left {
1043  position: absolute;
1044  inset: 0;
1045  background-size: cover;
1046  background-position: center;
1047  clip-path: polygon(0 0, 100% 0, 0 100%);
1048}
1049.lars-card-swatch-right {
1050  position: absolute;
1051  inset: 0;
1052  background-size: cover;
1053  background-position: center;
1054  clip-path: polygon(100% 0, 100% 100%, 0 100%);
1055}
1056/* =========================================================
1057   SHOP SUCHLEISTE + FILMSTRIP
1058   ========================================================= */
1059.o_wsale_products_searchbar_form input[type="search"] {
1060  background: #fff !important;
1061  border: 1px solid #111 !important;
1062  border-right: none !important;
1063  border-radius: 0 !important;
1064  box-shadow: none !important;
1065  color: #111 !important;
1066}
1067.o_wsale_products_searchbar_form input[type="search"]::placeholder {
1068  color: rgba(0,0,0,0.4) !important;
1069}
1070.o_wsale_products_searchbar_form .oe_search_button {
1071  background: #fff !important;
1072  border: 1px solid #111 !important;
1073  border-left: none !important;
1074  border-radius: 0 !important;
1075  box-shadow: none !important;
1076  color: #111 !important;
1077}
1078button[data-bs-target="#o_wsale_offcanvas"] {
1079  background: #fff !important;
1080  border: 1px solid #111 !important;
1081  border-radius: 0 !important;
1082  box-shadow: none !important;
1083  color: #111 !important;
1084}
1085.o_wsale_filmstip_container .btn {
1086  background: #fff !important;
1087  border: 1px solid #111 !important;
1088  border-radius: 0 !important;
1089  box-shadow: none !important;
1090  color: #111 !important;
1091  font-family: 'Inter', sans-serif !important;
1092  font-size: 16px !important;
1093  font-weight: 500 !important;
1094  letter-spacing: 0.08em !important;
1095  text-transform: uppercase !important;
1096  padding: 10px 24px !important;
1097}
1098.o_wsale_filmstip_container ul {
1099  padding: 4px !important;
1100  overflow: visible !important;
1101}
1102.o_wsale_filmstip_container li:has(input:checked) .btn {
1103  font-weight: 700 !important;
1104  background: #fff !important;
1105  color: #111 !important;
1106  border: 1px solid #111 !important;
1107  outline: 2px solid #111 !important;
1108  outline-offset: 2px !important;
1109}
1110
1111/* Hover: schwarz mit weisser Schrift – alle Shop-Buttons */
1112.o_wsale_filmstip .btn:hover,
1113button[data-bs-target="#o_wsale_offcanvas"]:hover,
1114.o_wsale_products_searchbar_form .oe_search_button:hover,
1115.products_categories .nav-link:hover,
1116.products_categories a:hover,
1117#add_to_cart:hover,
1118.o_wsale_product_btn #add_to_cart:hover {
1119    background-color: #000 !important;
1120    color: #fff !important;
1121    border-color: #000 !important;
1122    transition: background-color 0.15s ease, color 0.15s ease;
1123}
1124
1125
1126/* =========================================================
1127   PRODUKTGRID
1128   ========================================================= */
1129.o_wsale_products_grid_table_wrapper table {
1130  border-spacing: 4px !important;
1131  border-collapse: separate !important;
1132}
1133.o_wsale_products_grid_table_wrapper {
1134  padding: 0 16px !important;
1135}
1136.oe_product .thumbnail,
1137.oe_product .o_wsale_product_grid_wrapper,
1138.oe_product {
1139  background: #fff !important;
1140  border: none !important;
1141  box-shadow: none !important;
1142  border-radius: 0 !important;
1143  margin: 0 !important;
1144}
1145.o_wsale_product_grid_wrapper {
1146  padding: 16px !important;
1147}
1148.o_wsale_product_information {
1149  padding: 0 8px !important;
1150}
1151.oe_product .oe_product_image {
1152  max-height: 280px !important;
1153  min-height: 280px !important;
1154}
1155.oe_product .oe_product_image_img_wrapper {
1156  max-height: 280px !important;
1157}
1158.oe_product .oe_product_image img {
1159  max-height: 280px !important;
1160  object-fit: contain !important;
1161}
1162
1163.oe_product:hover {
1164    outline: 2.5px solid #111 !important;
1165}
1166.o_wsale_products_grid_table_wrapper {
1167    overflow: visible !important;
1168    padding: 0 2px !important;
1169}
1170
1171/* =========================================================
1172   PRODUKTKARTEN TITEL + PREIS
1173   ========================================================= */
1174.oe_product .o_wsale_products_item_title {
1175  display: flex !important;
1176  justify-content: space-between !important;
1177  align-items: baseline !important;
1178  gap: 8px !important;
1179  padding-top: 16px !important;
1180  margin-bottom: 8px !important;
1181
1182}
1183.oe_product .o_wsale_products_item_title a.text-primary {
1184  font-family: 'Inter', sans-serif !important;
1185  font-size: 20px !important;
1186  font-weight: 800 !important;
1187  color: #111 !important;
1188  text-decoration: none !important;
1189  flex: 1 !important;
1190}
1191.oe_product .product_price {
1192  font-family: 'Inter', sans-serif !important;
1193  font-size: 15px !important;
1194  font-weight: 400 !important;
1195  color: #111 !important;
1196  text-align: right !important;
1197  white-space: nowrap !important;
1198}
1199.oe_product .product_price .h6 {
1200  font-family: 'Inter', sans-serif !important;
1201  font-size: 15px !important;
1202  font-weight: 400 !important;
1203  color: #111 !important;
1204}
1205
1206.lars-card-swatch--split {
1207  width: 40px !important;
1208  height: 26px !important;
1209}
1210
1211/* Mehr Abstand zwischen Swatches und Titel */
1212.lars-card-swatches {
1213  padding: 11px 0 25px 0 !important;
1214}
1215
1216/* Preis in Titelzeile, nicht darunter */
1217.oe_product .o_wsale_product_sub {
1218  display: none !important;
1219}
1220.oe_product .o_wsale_products_item_title .product_price {
1221  display: block !important;
1222}
1223
1224/* Produktgrid Abstände */
1225.o_wsale_products_grid_table_wrapper table {
1226  border-spacing: 12px !important;
1227  border-collapse: separate !important;
1228  margin: 0 -12px !important;
1229  width: calc(100% + 24px) !important;
1230}
1231.o_wsale_products_grid_table_wrapper {
1232  padding: 0 !important;
1233  overflow: hidden !important;
1234}
1235/* Produktkarte Padding innen */
1236.o_wsale_product_grid_wrapper {
1237  padding: 16px 20px 16px 20px !important;
1238  }
1239  
1240  /* Titel Zeile kompakter */
1241.oe_product .o_wsale_products_item_title {
1242  margin-top: 0 !important;
1243  margin-bottom: 0 !important;
1244}
1245
1246/* Mehr Abstand unten in der Karte */
1247.o_wsale_product_information {
1248  padding: 0 4px 8px 4px !important;
1249}
1250.oe_product {
1251  outline: 1px solid #111 !important;
1252}
1253
1254@media (max-width: 767px) {
1255  .oe_product {
1256    outline: none !important;
1257  }
1258  .o_wsale_product_grid_wrapper {
1259    border: 1px solid #111 !important;
1260  }
1261}
1262
1263.o_wsale_products_grid_table_wrapper {
1264  padding: 0 1px !important;
1265}
1266
1267.o_wsale_image_viewer_void {
1268    background-color: #ffffff;
1269}
1270
1271.o_wsale_image_viewer_carousel {
1272    display: none !important;
1273}
1274
1275.fa.fa-times {
1276    font-family: 'Inter', sans-serif;
1277    font-weight: 800;
1278    font-size: 30px;
1279    color: #000;
1280    position: absolute;
1281    top: 50px;
1282    right: 50px;
1283}
1284.fa.fa-times::before {
1285    content: '×';
1286}
1287.fa.fa-times:hover {
1288    opacity: 0.8;
1289}
1290
1291.product_detail_img {
1292  object-fit: cover !important;
1293  object-position: center center !important;
1294  max-height: 500px !important;
1295  width: 100% !important;
1296}
1297
1298/* Hellgrauer Hintergrund hinter Produktbildern auf der Detailseite */
1299#product_details .o_wsale_product_images,
1300#product_details .o_wsale_product_images .carousel,
1301#product_details .o_wsale_product_images .carousel-item,
1302.product_detail_img {
1303  background-color: #f5f5f5 !important;
1304}
1305
1306
1307/* =========================================================
1308   RIBBON / BAND
1309   ========================================================= */
1310.o_ribbon_left,
1311.o_ribbon_right {
1312  position: absolute !important;
1313  top: 0 !important;
1314  left: 0 !important;
1315  right: auto !important;
1316  transform: none !important;
1317  clip-path: none !important;
1318  border-radius: 0 !important;
1319  background: #111 !important;
1320  color: #fff !important;
1321  border: 1.5px solid #111 !important;
1322  border-top: none !important;
1323  border-left: none !important;
1324  font-family: 'Inter', sans-serif !important;
1325  font-size: 16px !important;
1326  font-weight: 500 !important;
1327  letter-spacing: 0.08em !important;
1328  text-transform: uppercase !important;
1329  padding: 5px 10px !important;
1330  line-height: 1.4 !important;
1331  white-space: nowrap !important;
1332  box-shadow: none !important;
1333  width: auto !important;
1334  height: auto !important;
1335  z-index: 5 !important;
1336  margin: 0 !important;
1337  padding: 12px 10px 10px 12px !important;
1338}
1339
1340.o_wsale_product_grid_wrapper {
1341  position: relative !important;
1342  overflow: hidden !important;
1343}
1344
1345.oe_product {
1346  position: relative !important;
1347  overflow: hidden !important;
1348}
1349
1350@media (max-width: 991px) {
1351  .o_wsale_products_grid_table_wrapper {
1352    padding: 0 12px !important;
1353    overflow: visible !important;
1354  }
1355
1356  .o_wsale_products_grid_table_wrapper table {
1357    display: flex !important;
1358    flex-wrap: wrap !important;
1359    width: 100% !important;
1360    margin: 0 !important;
1361    gap: 8px !important;
1362  }
1363  .o_wsale_products_grid_table_wrapper table tbody {
1364    display: flex !important;
1365    flex-wrap: wrap !important;
1366    width: 100% !important;
1367    gap: 8px !important;
1368  }
1369  .o_wsale_products_grid_table_wrapper table tbody tr {
1370    display: contents !important;
1371  }
1372
1373  .o_wsale_products_grid_table_wrapper table tbody tr td.oe_product {
1374    width: calc(50% - 4px) !important;
1375    flex: 0 0 calc(50% - 4px) !important;
1376    overflow: visible !important;
1377    outline: none !important;
1378    padding: 0 !important;
1379    margin: 0 !important;
1380  }
1381
1382  .o_wsale_products_grid_table_wrapper .oe_product .o_wsale_product_grid_wrapper {
1383    border: 1px solid #111 !important;
1384    overflow: hidden !important;
1385    height: 100% !important;
1386  }
1387
1388  .oe_product .oe_product_image {
1389    display: block !important;
1390    min-height: unset !important;
1391    max-height: unset !important;
1392    height: auto !important;
1393    overflow: visible !important;
1394    padding: 0 !important;
1395  }
1396  .oe_product .oe_product_image img {
1397    display: block !important;
1398    margin: 0 auto !important;
1399    max-height: 120px !important;
1400    max-width: 100% !important;
1401    width: auto !important;
1402    object-fit: contain !important;
1403  }
1404
1405  /* Titel + Preis untereinander, kompakt */
1406  .oe_product .o_wsale_products_item_title {
1407    flex-direction: column !important;
1408    align-items: flex-start !important;
1409    gap: 1px !important;
1410    padding-top: 6px !important;
1411    margin-bottom: 0 !important;
1412  }
1413  .oe_product .o_wsale_products_item_title a.text-primary {
1414    font-size: 14px !important;
1415    font-weight: 700 !important;
1416    line-height: 1.2 !important;
1417  }
1418  .oe_product .product_price,
1419  .oe_product .product_price .h6 {
1420    font-size: 12px !important;
1421    text-align: left !important;
1422    white-space: nowrap !important;
1423    font-weight: 400 !important;
1424    line-height: 1.3 !important;
1425  }
1426
1427  /* Swatches kompakter */
1428  .lars-card-swatches {
1429    gap: 3px !important;
1430    padding: 5px 0 6px 0 !important;
1431  }
1432  .lars-card-swatch,
1433  .lars-card-swatch--split {
1434    width: 28px !important;
1435    height: 18px !important;
1436  }
1437
1438  /* Inneres Padding kleiner */
1439  .o_wsale_product_grid_wrapper {
1440    padding: 8px 8px 8px 8px !important;
1441  }
1442
1443  .o_wsale_product_information {
1444    padding: 0 2px 4px 2px !important;
1445  }
1446}
1447
1448
1449.o_wsale_product_page .o_ribbon_left,
1450.o_wsale_product_page .o_ribbon_right {
1451  display: none !important;
1452}
1453
1454
1455/* =========================================================
1456   USER ACCOUNT DROPDOWN (.js_usermenu)
1457   ========================================================= */
1458
1459/* Container */
1460header .dropdown-menu.js_usermenu {
1461    border-radius: 0 !important;
1462    border: 1px solid #111 !important;
1463    padding: 0 !important;
1464    margin-top: 0 !important;
1465    background-color: #fff !important;
1466    box-shadow: none !important;
1467    font-family: 'Inter', sans-serif !important;
1468    min-width: 180px !important;
1469}
1470
1471/* Items: weiß mit schwarzer Trennlinie */
1472header .dropdown-menu.js_usermenu .dropdown-item {
1473    border-radius: 0 !important;
1474    padding: 12px 20px !important;
1475    color: #111 !important;
1476    font-family: 'Inter', sans-serif !important;
1477    font-size: 16px !important;
1478    font-weight: 400 !important;
1479    border-bottom: 1px solid #111 !important;
1480    background-color: #fff !important;
1481    transition: background-color 0.15s ease, color 0.15s ease !important;
1482}
1483
1484/* Letztes Item ohne Trennlinie */
1485header .dropdown-menu.js_usermenu .dropdown-item:last-child {
1486    border-bottom: none !important;
1487}
1488
1489/* Hover: schwarz mit weißer Schrift */
1490header .dropdown-menu.js_usermenu .dropdown-item:hover,
1491header .dropdown-menu.js_usermenu .dropdown-item:focus,
1492header .dropdown-menu.js_usermenu .dropdown-item:active,
1493header .dropdown-menu.js_usermenu .dropdown-item.active {
1494    background-color: #111 !important;
1495    color: #fff !important;
1496}
1497
1498/* Icons in den Items ausblenden */
1499header .dropdown-menu.js_usermenu .dropdown-item i,
1500header .dropdown-menu.js_usermenu .dropdown-item .fa {
1501    display: none !important;
1502}
1503
1504/* Caret beim User Icon entfernen */
1505header li.dropdown .dropdown-toggle:has(.js_usermenu)::after,
1506header .o_no_autohide_item .dropdown-toggle::after {
1507    display: none !important;
1508}
1509
1510/* Divider ausblenden (zwischen Mein Konto und Abmelden) */
1511header .dropdown-menu.js_usermenu .dropdown-divider,
1512header .dropdown-menu.js_usermenu hr,
1513header .dropdown-menu.js_usermenu #o_logout_divider {
1514    display: none !important;
1515}
1516
1517/* =========================================================
1518   HEADER LINIEN
1519   Navbar: keine Linie
1520   Mega Menu: schwarze Linie unten (nur wenn offen)
1521   ========================================================= */
1522
1523/* Alle Borders und Shadows im Header Bereich komplett weg */
1524body,
1525#wrapwrap,
1526#wrapwrap > header,
1527#wrapwrap > header .navbar,
1528header.o_header_standard,
1529header.o_header_affixed,
1530.o_header_standard .navbar,
1531.o_header_affixed .navbar,
1532nav.navbar {
1533    border-top: none !important;
1534    border-bottom: none !important;
1535    box-shadow: none !important;
1536}
1537
1538/* Mega Menu: nur unten schwarze Linie, sonst nichts */
1539#top_menu .dropdown-menu.o_mega_menu,
1540header .dropdown-menu.o_mega_menu {
1541    border: none !important;
1542    border-top: none !important;
1543    border-bottom: 1px solid #111 !important;
1544    border-radius: 0 !important;
1545    box-shadow: none !important;
1546    margin-top: 0 !important;
1547}
1548
1549.lars-hover-wrapper {
1550    position: relative;
1551    display: block;
1552    overflow: hidden;
1553    width: 100%;
1554    height: 100%;
1555}
1556
1557.lars-hover-wrapper .lars-img-default,
1558.lars-hover-wrapper .lars-img-hover {
1559    display: block;
1560    width: 100%;
1561    height: 100%;
1562    object-fit: cover;
1563    transition: opacity 0.4s ease-in-out;
1564}
1565
1566.lars-hover-wrapper .lars-img-hover {
1567    position: absolute;
1568    top: 0;
1569    left: 0;
1570    opacity: 0;
1571}
1572
1573.lars-hover-wrapper:hover .lars-img-default {
1574    opacity: 0;
1575}
1576
1577.lars-hover-wrapper:hover .lars-img-hover {
1578    opacity: 1;
1579}
1580
1581@media (hover: none) {
1582    .lars-hover-wrapper:hover .lars-img-default {
1583        opacity: 1;
1584    }
1585    .lars-hover-wrapper:hover .lars-img-hover {
1586        opacity: 0;
1587    }
1588}
1589/* =========================================================
1590   LARS CART STYLING
1591   ========================================================= */
1592
1593/* Cart Zeile: Spalten oben starten, nicht strecken */
1594.o_cart_product {
1595    align-items: flex-start !important;
1596}
1597
1598/* Rechte Spalte (Buttons + Preis) auf eigene Höhe */
1599.o_cart_product > div:last-child {
1600    align-self: flex-start !important;
1601    height: auto !important;
1602}
1603
1604/* Leere Verfügbarkeitsmeldungen ausblenden */
1605.o_cart_product .availability_messages:empty {
1606    display: none !important;
1607}
1608
1609/* =========================================================
1610   QUANTITY BLOCK IM CART
1611   ========================================================= */
1612
1613/* Container: 45px hoch, nicht überdehnen */
1614.o_cart_product [name="website_sale_cart_line_quantity"].css_quantity {
1615    height: 45px !important;
1616    max-height: 45px !important;
1617    align-items: center !important;
1618    overflow: hidden !important;
1619}
1620
1621/* Buttons: feste Größe, NICHT mit flex:1 strecken */
1622.o_cart_product [name="website_sale_cart_line_quantity"] .btn-link {
1623    flex: 0 0 auto !important;
1624    height: 45px !important;
1625    max-height: 45px !important;
1626    width: 42px !important;
1627}
1628
1629/* Input zwischen den Buttons */
1630.o_cart_product [name="website_sale_cart_line_quantity"] input.quantity {
1631    height: 45px !important;
1632    max-height: 45px !important;
1633}
1634
1635/* =========================================================
1636   AVAIL ANZEIGE IM CART
1637   ========================================================= */
1638
1639.lars-avail-cart {
1640    margin-top: 4px !important;
1641    margin-bottom: 0 !important;
1642    min-height: 0 !important;
1643    gap: 6px !important;
1644    display: flex !important;
1645    align-items: center !important;
1646}
1647
1648.o_cart_product .lars-avail-cart .lars-avail-dot {
1649    display: inline-block !important;
1650    width: 10px !important;
1651    height: 10px !important;
1652    border-radius: 50% !important;
1653    flex-shrink: 0 !important;
1654}
1655
1656.o_cart_product .lars-avail-cart .lars-avail-dot.lager      { background: #22a861 !important; }
1657.o_cart_product .lars-avail-cart .lars-avail-dot.verfuegbar { background: #f5c400 !important; }
1658.o_cart_product .lars-avail-cart .lars-avail-dot.produktion { background: #f07800 !important; }
1659.o_cart_product .lars-avail-cart .lars-avail-dot.auslauf    { background: transparent !important; border: 2px solid #111 !important; }
1660.o_cart_product .lars-avail-cart .lars-avail-dot.naechster_zyklus { background: transparent !important; border: 2px solid #f07800 !important; }
1661
1662.o_cart_product .lars-avail-cart .lars-avail-text {
1663    font-size: 11px !important;
1664    color: rgba(0,0,0,0.6) !important;
1665}
1666
1667/* Mega Menu Links: dezenter Hover */
1668header .dropdown-menu.o_mega_menu a:hover,
1669header .dropdown-menu.o_mega_menu a:focus {
1670    color: #666 !important;
1671    text-decoration: none !important;
1672    transition: color 0.15s ease !important;
1673    background-color: transparent !important;
1674}
1675
1676.sh-breadcrumb-wrap .breadcrumb,
1677.sh-breadcrumb-wrap .breadcrumb a {
1678    text-transform: uppercase;
1679}
1680
1681</style>
1682
1683<script type="text/javascript">
1684(function() {
1685  var cardIndex = 0;
1686  function initSwatches() {
1687    document.querySelectorAll('.lars-card-swatches').forEach(function(container) {
1688      var card = container.closest('.oe_product');
1689      if (!card) return;
1690      var img = card.querySelector('img');
1691      if (!img) return;
1692      var swatches = container.querySelectorAll('.lars-card-swatch, .lars-card-swatch--split');
1693      if (!swatches.length) return;
1694
1695      // Startfarbe abhängig von der Kartenposition, damit nicht alle Karten dieselbe Farbe zeigen
1696      var startIndex = cardIndex % swatches.length;
1697      cardIndex++;
1698
1699      swatches.forEach(function(s) { s.classList.remove('active'); });
1700      swatches[startIndex].classList.add('active');
1701
1702      var startVariantId = swatches[startIndex].dataset.variantId;
1703      if (startVariantId) {
1704        img.src = '/web/image/product.product/' + startVariantId + '/image_512';
1705      }
1706
1707      swatches.forEach(function(swatch) {
1708        swatch.addEventListener('click', function(e) {
1709          e.preventDefault();
1710          e.stopPropagation();
1711          var variantId = swatch.dataset.variantId;
1712          if (!variantId) return;
1713          swatches.forEach(function(s) { s.classList.remove('active'); });
1714          swatch.classList.add('active');
1715          var newSrc = '/web/image/product.product/' + variantId + '/image_512';
1716          img.style.opacity = '0.5';
1717          var tempImg = new Image();
1718          tempImg.onload = function() { img.src = newSrc; img.style.opacity = '1'; };
1719          tempImg.onerror = function() { img.style.opacity = '1'; };
1720          tempImg.src = newSrc;
1721        });
1722      });
1723    });
1724  }
1725  if (document.readyState === 'loading') {
1726    document.addEventListener('DOMContentLoaded', initSwatches);
1727  } else {
1728    initSwatches();
1729  }
1730})();
1731
1732(function() {
1733  function movePrices() {
1734    document.querySelectorAll('.oe_product').forEach(function(card) {
1735      var title = card.querySelector('.o_wsale_products_item_title');
1736      var price = card.querySelector('.product_price');
1737      if (title && price && !title.contains(price)) {
1738        title.appendChild(price);
1739      }
1740    });
1741  }
1742  if (document.readyState === 'loading') {
1743    document.addEventListener('DOMContentLoaded', movePrices);
1744  } else {
1745    movePrices();
1746  }
1747})();
1748
1749(function() {
1750  function applyProductImages() {
1751    document.querySelectorAll('.product_detail_img').forEach(function(img) {
1752      img.style.setProperty('object-fit', 'cover', 'important');
1753      img.style.setProperty('object-position', 'center center', 'important');
1754      img.style.setProperty('max-height', '500px', 'important');
1755      img.style.setProperty('width', '100%', 'important');
1756    });
1757  }
1758
1759  // Sofort, nach DOM, und nach 1s nochmal (für lazy-loaded Bilder)
1760  if (document.readyState === 'loading') {
1761    document.addEventListener('DOMContentLoaded', function() {
1762      applyProductImages();
1763      setTimeout(applyProductImages, 500);
1764      setTimeout(applyProductImages, 1500);
1765    });
1766  } else {
1767    applyProductImages();
1768    setTimeout(applyProductImages, 500);
1769    setTimeout(applyProductImages, 1500);
1770  }
1771
1772  if (document.body) {
1773    var observer = new MutationObserver(applyProductImages);
1774    observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['src', 'alt'] });
1775  }
1776})();
1777
1778
1779(function() {
1780  function addTitleToViewer() {
1781    setTimeout(function() {
1782      var viewer = document.querySelector('.o_wsale_image_viewer_image');
1783      if (!viewer) return;
1784      if (document.getElementById('lars-viewer-title')) return;
1785
1786      var productTitle = document.querySelector('h1[itemprop="name"]');
1787      if (!productTitle) return;
1788
1789      var titleEl = document.createElement('div');
1790      titleEl.id = 'lars-viewer-title';
1791      titleEl.textContent = productTitle.textContent.trim();
1792      titleEl.style.cssText = [
1793      'position:absolute',
1794      'left:50px',
1795      'top:50px',
1796      'font-family:Inter,sans-serif',
1797      'font-size:18px',
1798      'font-weight:800',
1799      'color:#111',
1800      'z-index:100',
1801      'pointer-events:none'
1802    ].join(';');
1803
1804      viewer.appendChild(titleEl);
1805    }, 300);
1806  }
1807
1808  document.addEventListener('click', function(e) {
1809    var img = e.target.closest('.product_detail_img, .lars-star-images img');
1810    if (img) {
1811      document.getElementById('lars-viewer-title') && document.getElementById('lars-viewer-title').remove();
1812      addTitleToViewer();
1813    }
1814  });
1815})();
1816
1817(function() {
1818  function moveRibbons() {
1819    document.querySelectorAll('.o_ribbon').forEach(function(ribbon) {
1820      var card = ribbon.closest('.oe_product');
1821      if (!card) return;
1822      if (card.querySelector(':scope > .o_ribbon')) return;
1823      card.appendChild(ribbon);
1824    });
1825  }
1826  if (document.readyState === 'loading') {
1827    document.addEventListener('DOMContentLoaded', moveRibbons);
1828  } else {
1829    moveRibbons();
1830  }
1831})();
1832</script>
1832
1833
1834<script type="text/javascript">
1835(function () {
1836  var COLOR_ATTRIBUTE_IDS_CARD = [2, 28, 4, 6];
1837  var cardColorIndex = 0;
1838
1839  function getSelectedColorValues() {
1840    var params = new URLSearchParams(window.location.search);
1841    var attribs = params.getAll('attrib');
1842    var result = [];
1843    attribs.forEach(function(val) {
1844      var parts = val.split('-');
1845      var attrId = parseInt(parts[0], 10);
1846      var valId = parseInt(parts[1], 10);
1847      if (COLOR_ATTRIBUTE_IDS_CARD.indexOf(attrId) !== -1 && !isNaN(valId)) {
1848        result.push(valId);
1849      }
1850    });
1851    return result;
1852  }
1853
1854  // RPC-frei: nutzt window.LARS_EMBEDDED.variant_colors (Variante-ID -> Liste
1855  // von Farbwert-IDs), das serverseitig eingebettet wird und daher auch fuer
1856  // nicht eingeloggte Besucher zuverlaessig verfuegbar ist.
1857  function syncCardSwatchesToFilter() {
1858    var selectedValueIds = getSelectedColorValues();
1859    if (!selectedValueIds.length) return;
1860
1861    var variantColors = (window.LARS_EMBEDDED && window.LARS_EMBEDDED.variant_colors) || {};
1862
1863    document.querySelectorAll('.lars-card-swatches').forEach(function(container) {
1864      var card = container.closest('.oe_product');
1865      if (!card) return;
1866      var img = card.querySelector('img');
1867      if (!img) return;
1868
1869      var matchingSwatches = [];
1870      container.querySelectorAll('.lars-card-swatch[data-variant-id]').forEach(function(sw) {
1871        var vid = sw.getAttribute('data-variant-id');
1872        var valueIds = variantColors[vid] || [];
1873        var isMatch = selectedValueIds.some(function(sel) { return valueIds.indexOf(sel) !== -1; });
1874        if (isMatch) matchingSwatches.push(sw);
1875      });
1876      if (!matchingSwatches.length) return;
1877
1878      var idx = cardColorIndex % matchingSwatches.length;
1879      cardColorIndex++;
1880      var chosen = matchingSwatches[idx];
1881
1882      container.querySelectorAll('.lars-card-swatch, .lars-card-swatch--split').forEach(function(s) {
1883        s.classList.remove('active');
1884      });
1885      chosen.classList.add('active');
1886      img.src = '/web/image/product.product/' + chosen.getAttribute('data-variant-id') + '/image_512';
1887    });
1888  }
1889
1890  if (document.readyState === 'loading') {
1891    document.addEventListener('DOMContentLoaded', function() { setTimeout(syncCardSwatchesToFilter, 300); });
1892  } else {
1893    setTimeout(syncCardSwatchesToFilter, 300);
1894  }
1895})();
1896</script>
1896
1897    </head>
1898    <body>
1899
1900
1901
1902        <div id="wrapwrap" class="homepage   ">
1903                <header id="top" data-anchor="true" data-name="Header" data-extra-items-toggle-aria-label="Schaltfläche für zusätzliche Elemente" class="   o_header_disappears" style=" ">
1904                    
1905    <nav data-name="Navbar" aria-label="Main" class="navbar navbar-expand-lg navbar-light o_colored_level o_cc d-none d-lg-block py-0 shadow-sm ">
1906        
1907
1908            <div id="o_main_nav" class="o_main_nav container align-items-stretch">
1909                
1910    <a data-name="Navbar Logo" href="/" class="navbar-brand logo d-flex align-items-center me-4 p-2">
1911            
1912            <span role="img" aria-label="Logo of LARS Brillen" title="LARS Brillen"><img src="/web/image/website/1/logo/LARS%20Brillen?unique=c9e8819" class="img img-fluid" width="95" height="40" alt="LARS Brillen" loading="lazy"/></span>
1913        </a>
1914    
1915                
1916    <ul id="top_menu" role="menu" class="nav navbar-nav top_menu o_menu_loading d-flex align-items-center ms-auto o_border_contrast">
1917        
1918    
1919    <li role="presentation" class="nav-item h-100 border-start o_border_contrast dropdown position-static">
1920        <a data-bs-toggle="dropdown" href="#" role="menuitem" class="nav-link d-flex align-items-center h-100 dropdown-toggle o_mega_menu_toggle  " data-bs-display="static">
1921            <span>OPTICAL</span>
1922        </a>
1923        <div data-name="Mega Menu" class="dropdown-menu o_mega_menu o_no_parent_editor">
1924    
1925
1926
1927
1928
1929
1930
1931
1932
1933
1934
1935
1936
1937
1938
1939
1940
1941
1942
1943
1944
1945
1946
1947
1948
1949
1950
1951
1952
1953
1954
1955
1956
1957
1958
1959
1960
1961
1962
1963
1964
1965
1966
1967
1968
1969
1970
1971
1972
1973
1974
1975
1976
1977
1978
1979
1980
1981
1982
1983
1984
1985
1986
1987
1988
1989
1990
1991
1992
1993
1994
1995
1996
1997
1998
1999
2000
2001
2002
2003
2004
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
2029
2030
2031
2032
2033
2034
2035
2036
2037
2038
2039
2040
2041
2042
2043
2044
2045
2046
2047
2048
2049
2050
2051
2052
2053
2054
2055
2056
2057
2058
2059
2060
2061
2062
2063
2064
2065
2066
2067
2068
2069
2070
2071
2072
2073<section class="s_mega_menu_menu_image_menu py-4 o_colored_level o_cc o_cc1 pt16" style="background-image: none;">
2074        <div class="container">
2075            <div class="row o_grid_mode" data-row-count="5">
2076                
2077                
2078                
2079            <div class="o_grid_item o_colored_level g-height-1 order-lg-0 g-col-lg-3 col-lg-3 d-lg-block d-none o_snippet_mobile_invisible" style="z-index: 9; grid-area: 1 / 1 / 2 / 4; --grid-item-padding-x: 0px; --grid-item-padding-y: 0px; order: 1;" data-invisible="1"><h4 style="text-align: left;"><strong><a class="btn btn-custom" href="/shop/category/optical-6" style="border-width: 0px; border-style: solid;" data-bs-original-title="" title=""><span class="h3-fs">KORREKTURBRILLEN</span></a></strong></h4></div><div class="o_grid_item o_grid_item_image o_colored_level g-col-lg-3 g-height-4 col-lg-3 order-lg-0 d-lg-block d-none o_snippet_mobile_invisible" style="z-index: 6; grid-area: 2 / 1 / 6 / 4; --grid-item-padding-y: 0px; order: 2;" data-invisible="1"><a href="/shop/category/linears-1" data-bs-original-title="" title=""><img src="/web/image/19024-87127ed0/Kollektion-LINEARS-liegend.jpg?access_token=befcd4d4-98b0-4369-bb99-b9f99af9674a" alt="" class="img img-fluid mx-auto o_we_custom_image" data-mimetype="image/jpeg" data-original-id="19012" data-original-src="/web/image/19012-de701cfb/Kollektion-LINEARS-liegend.jpg" data-mimetype-before-conversion="image/jpeg" data-resize-width="1760" loading="lazy"></a></div><div class="o_grid_item o_grid_item_image o_colored_level g-height-4 g-col-lg-3 col-lg-3 order-lg-0 d-lg-block d-none o_snippet_mobile_invisible" style="z-index: 7; grid-area: 2 / 4 / 6 / 7; order: 4; --grid-item-padding-y: 0px;" data-invisible="1"><a href="/shop/category/lacet-2" data-bs-original-title="" title=""><img src="/web/image/19025-e062d8f6/Kollektion-LACET-liegend.jpg?access_token=64dc5103-184b-4b71-949c-7ba216ab886b" alt="" class="img img-fluid mx-auto o_we_custom_image" data-mimetype="image/jpeg" data-original-id="19013" data-original-src="/web/image/19013-f4905cad/Kollektion-LACET-liegend.jpg" data-mimetype-before-conversion="image/jpeg" data-resize-width="1760" loading="lazy"></a></div><div class="o_grid_item o_colored_level g-height-1 g-col-lg-3 order-lg-0 col-lg-3 d-lg-block d-none o_snippet_mobile_invisible" style="z-index: 10; grid-area: 5 / 4 / 6 / 7; --grid-item-padding-y: 20px; --grid-item-padding-x: 20px; background-color: rgba(255, 255, 255, 0); order: 5;" data-invisible="1"><p style="text-align: left;"><a title="" data-bs-original-title="" href="/shop/category/lacet-2"><span class="base-fs"><span class="lead"><span class="base-fs">LACET</span></span></span></a><span class="base-fs"><span class="lead"><span class="base-fs">​</span></span></span></p></div><div class="o_grid_item o_colored_level g-col-lg-3 order-lg-0 g-height-5 col-lg-3" style="z-index: 12; grid-area: 1 / 10 / 6 / 13; order: 0;"><li style="text-align: left;" class="text-uppercase h5 fw-bold mt-0"><span style="font-size: 1.125rem;"><strong>ENTDECKE</strong></span></li>
2080                    <nav class="nav flex-column">
2081                        <a style="text-align: left;" title="" data-bs-original-title="" data-name="Menu Item" class="nav-link px-0" href="/shop/category/linears-1#top"><span style="font-size: 1rem;">LINEARS</span></a>
2082                        <a style="text-align: left;" title="" data-bs-original-title="" data-name="Menu Item" class="nav-link px-0" href="/shop/category/lacet-2"><span style="font-size: 1rem;">LACET</span></a><a style="text-align: left;" title="" data-bs-original-title="" data-name="Menu Item" class="nav-link px-0" href="/shop?attrib=3-14&amp;attrib=3-75&amp;attrib=3-15&amp;attrib=3-91&amp;attrib=3-16&amp;attrib=3-92&amp;attrib=3-17&amp;attrib=3-18&amp;attrib=3-19&amp;attrib=3-20&amp;attrib=3-21&amp;attrib=3-22&amp;attrib=3-23&amp;attrib=3-25&amp;attrib=3-26&amp;attrib=3-27&amp;attrib=3-28&amp;attrib=3-29&amp;attrib=3-30&amp;attrib=3-31&amp;attrib=3-32&amp;attrib=3-34&amp;attrib=3-35&amp;attrib=3-36&amp;attrib=3-37&amp;attrib=3-38&amp;attrib=3-39&amp;attrib=3-40&amp;attrib=3-41&amp;attrib=3-43&amp;attrib=3-44&amp;attrib=3-54&amp;attrib=3-93&amp;attrib=3-94&amp;attrib=3-95&amp;attrib=3-96&amp;attrib=3-98&amp;
2082attrib=3-165&amp;attrib=3-172&amp;attrib=3-173&amp;attrib=3-193&amp;attrib=3-205&amp;attrib=3-207&amp;tags=93"><span style="font-size: 1rem;">ESSENTIALS</span></a><span style="font-size: 1.125rem;"><br></span>
2083                        </nav></div><div class="o_grid_item o_colored_level g-col-lg-3 g-height-1 col-lg-3 order-lg-0 d-lg-block d-none o_snippet_mobile_invisible" style="z-index: 13; grid-area: 5 / 1 / 6 / 4; --grid-item-padding-y: 20px; --grid-item-padding-x: 20px; order: 3;" data-invisible="1"><li style="text-align: left;"><a href="/shop/category/linears-1#top" data-bs-original-title="" title=""><span class="base-fs"><span class="lead"><span class="base-fs">LINEARS</span></span></span></a><span class="base-fs"><span class="lead"><span class="base-fs">​</span></span></span></li></div></div>
2084        </div>
2085    </section></div>
2086        
2087    </li>
2088    <li role="presentation" class="nav-item h-100 border-start o_border_contrast dropdown position-static">
2089        <a data-bs-toggle="dropdown" href="#" role="menuitem" class="nav-link d-flex align-items-center h-100 dropdown-toggle o_mega_menu_toggle  " data-bs-display="static">
2090            <span>SPORTS</span>
2091        </a>
2092        <div data-name="Mega Menu" class="dropdown-menu o_mega_menu o_no_parent_editor">
2093    
2094
2095
2096
2097
2098
2099
2100
2101
2102
2103
2104
2105
2106
2107
2108
2109
2110
2111
2112
2113
2114
2115
2116
2117
2118
2119
2120
2121
2122
2123
2124
2125
2126
2127
2128
2129
2130
2131
2132
2133<section class="s_mega_menu_menu_image_menu py-4 o_colored_level o_cc o_cc1 pt16 pb24" style="background-image: none;">
2134        <div class="container">
2135            <div class="row o_grid_mode" data-row-count="5">
2136                
2137                
2138                
2139            <div class="py-2 text-center o_colored_level o_grid_item col-lg-3 g-col-lg-3 g-height-5" style="z-index: 3; grid-area: 1 / 10 / 6 / 13;">
2140                    <p style="text-align: left;"><span class="h5-fs"><strong>  ENTDECKE</strong></span></p><nav class="nav flex-column">
2141                            <a href="/shop/category/sports-ileve-active-lifestyle-8" class="nav-link" data-name="Menu Item" data-bs-original-title="" title="" style="text-align: left;">ILEVE ACTIVE LIFESTYLE</a>
2142                            
2143                    </nav>
2144                </div><div class="py-2 text-center o_colored_level o_grid_item o_grid_item_image g-col-lg-3 col-lg-3 g-height-4 d-lg-block d-none o_snippet_mobile_invisible" style="z-index: 2; --grid-item-padding-y: 0px; grid-area: 2 / 1 / 6 / 4;" data-invisible="1"><a href="/shop/category/sports-ileve-active-lifestyle-8" data-bs-original-title="" title=""><img src="/web/image/21441-d0f2e737/Kollektion-SPORT-liegend.webp?access_token=aadecccb-ee04-4fee-978b-a91ad413c774" alt="" class="img-fluid img o_we_custom_image" data-mimetype="image/webp" data-original-id="19014" data-original-src="/web/image/19014-ba5e705a/Kollektion-SPORT-liegend.jpg" data-mimetype-before-conversion="image/jpeg" data-resize-width="1230" loading="lazy"></a></div><div class="o_grid_item o_colored_level g-height-1 g-col-lg-2 col-lg-2 d-lg-block d-none o_snippet_mobile_invisible" style="grid-area: 1 / 1 / 2 / 3; z-index: 4; --grid-item-padding-y: 0px; --grid-item-padding-x: 0px;" data-invisible="1"><h4><a class="o_translate_inline btn btn-custom" href="/shop/category/sports-7" style="border-width: 1px; border-style: solid;" data-bs-original-title="" title=""><span class="h3-fs">SPORTBRILLEN</span></a></h4></div><div class="o_grid_item g-col-lg-4 o_colored_level g-height-1 col-lg-4 d-lg-block d-none o_snippet_mobile_invisible" style="z-index: 5; grid-area: 5 / 1 / 6 / 5; --grid-item-padding-y: 20px; --grid-item-padding-x: 20px;" data-invisible="1"><p><a class="o_translate_inline" href="/shop/category/sports-ileve-active-lifestyle-8" data-bs-original-title="" title="">ILEVE ACTIVE LIFESTYLE</a></p></div></div>
2145        </div>
2146    </section></div>
2147        
2148    </li>
2149    <li role="presentation" class="nav-item h-100 border-start o_border_contrast dropdown position-static">
2150        <a data-bs-toggle="dropdown" href="#" role="menuitem" class="nav-link d-flex align-items-center h-100 dropdown-toggle o_mega_menu_toggle  " data-bs-display="static">
2151            <span>EXPLORE</span>
2152        </a>
2153        <div data-name="Mega Menu" class="dropdown-menu o_mega_menu o_no_parent_editor">
2154    
2155
2156
2157
2158
2159
2160
2161
2162
2163
2164
2165
2166
2167
2168
2169
2170
2171
2172
2173
2174
2175
2176
2177
2178
2179
2180
2181
2182
2183
2184
2185
2186
2187
2188
2189
2190
2191
2192
2193
2194
2195
2196
2197
2198
2199
2200
2201
2202
2203
2204
2205
2206
2207
2208
2209
2210
2211
2212
2213
2214
2215
2216
2217
2218
2219
2220
2221
2222
2223
2224
2225
2226
2227
2228
2229
2230
2231
2232
2233
2234
2235
2236
2237
2238
2239
2240
2241
2242
2243
2244
2245
2246
2247
2248
2249
2250
2251
2252
2253
2254
2255
2256
2257
2258
2259
2260
2261
2262
2263
2264
2265
2266
2267
2268
2269
2270
2271
2272
2273
2274
2275
2276
2277
2278
2279
2280
2281
2282
2283
2284
2285
2286
2287
2288
2289
2290
2291
2292
2293
2294
2295
2296
2297
2298<section class="s_mega_menu_odoo_menu o_colored_level o_cc o_cc1 pt16 pb24" style="background-image: none;">
2299        <div class="container">
2300            <div class="row o_grid_mode" data-row-count="5">
2301                
2302                
2303                
2304                
2305            <div class="o_grid_item o_grid_item_image o_colored_level g-col-lg-3 g-height-4 col-lg-3 o_animate_in_dropdown order-lg-0" style="z-index: 2; grid-area: 2 / 1 / 6 / 4; --grid-item-padding-y: 0px; order: 2;"><a href="/shop/category/optical-6" data-bs-original-title="" title=""><img src="/web/image/20864-370fb615/Kollektion-LINEARS-liegend.webp" alt="" class="img img-fluid mx-auto o_we_custom_image" style="width: 100% !important;" data-mimetype="image/webp" data-original-id="19020" data-original-src="/web/image/19020-de701cfb/Kollektion-LINEARS-liegend.jpg" data-mimetype-before-conversion="image/jpeg" data-resize-width="908" loading="lazy"></a></div><div class="o_colored_level o_grid_item g-col-lg-3 order-lg-0 g-height-1 col-lg-3 o_animate_in_dropdown" style="z-index: 3; grid-area: 5 / 1 / 6 / 4; --grid-item-padding-y: 20px; --grid-item-padding-x: 20px; order: 3;">
2306                    <p class="text-uppercase fw-bold mt-0"><span class="lead"><span class="base-fs"><a href="/shop/category/optical-6" data-bs-original-title="" title="">OPTICAL</a></span></span></p>
2307                </div><div class="o_grid_item o_grid_item_image o_colored_level g-col-lg-3 g-height-4 col-lg-3 order-lg-0" style="z-index: 6; --grid-item-padding-y: 0px; grid-area: 2 / 4 / 6 / 7; order: 4;"><a data-bs-original-title="" title="" href="/shop/category/sports-7"><img src="/web/image/20863-6c9e6916/Kollektion-SPORT-liegend.webp?access_token=0c928a2f-ffb4-4bb1-b829-093de31e85d0" alt="" class="img img-fluid mx-auto o_we_custom_image" data-mimetype="image/webp" data-original-id="20862" data-original-src="/web/image/20862-ba5e705a/Kollektion-SPORT-liegend.jpg" data-mimetype-before-conversion="image/jpeg" data-resize-width="908" loading="lazy"></a></div><div class="o_grid_item o_colored_level g-height-1 g-col-lg-3 col-lg-3 order-lg-0" style="z-index: 7; --grid-item-padding-y: 20px; --grid-item-padding-x: 20px; grid-area: 5 / 4 / 6 / 7; order: 5;"><p><span class="base-fs"><span class="lead"><span class="base-fs"><a title="" data-bs-original-title="" href="/shop/category/sports-7">SPORTS</a></span></span></span></p></div><div class="o_grid_item g-col-lg-4 o_colored_level g-height-1 col-lg-4 order-lg-0" style="grid-area: 1 / 1 / 2 / 5; z-index: 8; --grid-item-padding-y: 0px; --grid-item-padding-x: 0px; order: 1;"><p><a class="o_translate_inline btn btn-custom" href="/shop" style="border-style: solid; border-width: 0px;" data-bs-original-title="" title=""><span class="h3-fs">KOLLEKTIONEN</span></a></p></div><div class="o_colored_level o_grid_item g-col-lg-3 o_animate_in_dropdown order-lg-0 g-height-5 col-lg-3" style="z-index: 4; grid-area: 1 / 10 / 6 / 13; order: 0;">
2308                    <p class="text-uppercase fw-bold mt-0" style="text-align: left;"><span style="font-size: 1.125rem;">Über uns</span></p><nav class="nav flex-column"><a href="/design" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title="" style="text-align: left;"><span style="font-size: 1rem;">DESIGN PRINZIPIEN</span></a><a href="/tragekomfort" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title="" style="text-align: left;"><span style="font-size: 1rem;">TRAGEKOMFORT</span></a>
2309                        <a href="/material" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title="" style="text-align: left;"><span style="font-size: 1rem;">MATERIAL</span></a><a href="/made-in-switzerland" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title="" style="text-align: left;"><span style="font-size: 1rem;">MADE IN SWITZERLAND</span></a><a href="/lars-who" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title="" style="text-align: left;"><span style="font-size: 1rem;">LARS WHO?<br><br></span></a>
2310                        
2311                    </nav>
2312                </div></div>
2313        </div>
2314        
2315    </section></div>
2316        
2317    </li>
2318    <li role="presentation" class="nav-item h-100 border-start o_border_contrast">
2319        <a role="menuitem" href="/stores" class="nav-link d-flex align-items-center h-100 ">
2320            <span>STORE FINDER</span>
2321        </a>
2322    </li>
2323                
2324    </ul>
2325                
2326                <ul class="o_header_stretch_elts navbar-nav flex-shrink-0">
2327                    
2328                    
2329                    
2330                    
2331        
2332            <li class="border-start o_border_contrast divider d-none"></li> 
2333            <li class="o_wsale_my_cart  border-start o_border_contrast">
2334                <a href="/shop/cart" aria-label="E-Commerce-Warenkorb" class="o_navlink_background_hover btn position-relative d-flex align-items-center h-100 rounded-0 p-2 text-reset">
2335                    <div class="">
2336                        <i class="fa fa-shopping-cart fa-stack"></i>
2337                        <sup class="my_cart_quantity badge text-bg-primary rounded d-none" data-order-id="">0</sup>
2338                    </div>
2339                </a>
2340            </li>
2341        
2342                    
2343        <li data-name="Language Selector" class="o_header_language_selector ">
2344        
2345            <div class="js_language_selector h-100 border-start o_border_contrast dropdown d-print-none">
2346                <button type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="true" class="btn border-0 dropdown-toggle o_navlink_background_hover h-100 rounded-0 text-reset">
2347                    <span class="align-middle small"> Deutsch (CH)</span>
2348                </button>
2349                <div role="menu" class="dropdown-menu dropdown-menu-end">
2350                        <a class="dropdown-item js_change_lang " role="menuitem" href="/fr_CH/home" data-url_code="fr_CH" title=" Français (CH)">
2351                            <span class="small"> Français (CH)</span>
2352                        </a>
2353                        <a class="dropdown-item js_change_lang active" role="menuitem" href="/home" data-url_code="de_CH" title=" Deutsch (CH)">
2354                            <span class="small"> Deutsch (CH)</span>
2355                        </a>
2356                </div>
2357            </div>
2358        
2359        </li>
2360                    
2361            <li class="border-start o_border_contrast o_no_autohide_item">
2362                <a href="/web/login" class="o_navlink_background_hover btn d-flex align-items-center h-100 rounded-0 fw-bold text-reset">Anmelden</a>
2363            </li>
2364                    
2365        
2366        
2367                    
2368                </ul>
2369            </div>
2370        
2371    </nav>
2372    <nav data-name="Navbar" aria-label="Mobile" class="navbar  navbar-light o_colored_level o_cc o_header_mobile d-block d-lg-none shadow-sm px-0 ">
2373        
2374
2375        <div class="o_main_nav container flex-wrap justify-content-between">
2376            
2377    <a data-name="Navbar Logo" href="/" class="navbar-brand logo ">
2378            
2379            <span role="img" aria-label="Logo of LARS Brillen" title="LARS Brillen"><img src="/web/image/website/1/logo/LARS%20Brillen?unique=c9e8819" class="img img-fluid" width="95" height="40" alt="LARS Brillen" loading="lazy"/></span>
2380        </a>
2381    
2382            <ul class="o_header_mobile_buttons_wrap navbar-nav flex-row align-items-center gap-2 mb-0">
2383        
2384            <li class=" divider d-none"></li> 
2385            <li class="o_wsale_my_cart  ">
2386                <a href="/shop/cart" aria-label="E-Commerce-Warenkorb" class="o_navlink_background_hover btn position-relative rounded-circle border-0 p-1 text-reset">
2387                    <div class="">
2388                        <i class="fa fa-shopping-cart fa-stack"></i>
2389                        <sup class="my_cart_quantity badge text-bg-primary position-absolute top-0 end-0 mt-n1 me-n1 rounded-pill d-none" data-order-id="">0</sup>
2390                    </div>
2391                </a>
2392            </li>
2393        
2394                <li class="o_not_editable">
2395                    <button class="nav-link btn me-auto p-2 o_not_editable" type="button" data-bs-toggle="offcanvas" data-bs-target="#top_menu_collapse_mobile" aria-controls="top_menu_collapse_mobile" aria-expanded="false" aria-label="Navigation an/aus">
2396                        <span class="navbar-toggler-icon"></span>
2397                    </button>
2398                </li>
2399            </ul>
2400            <div id="top_menu_collapse_mobile" class="offcanvas offcanvas-end o_navbar_mobile">
2401                <div class="offcanvas-header justify-content-end o_not_editable">
2402                    <button type="button" class="nav-link btn-close" data-bs-dismiss="offcanvas" aria-label="Schließen"></button>
2403                </div>
2404                <div class="offcanvas-body d-flex flex-column justify-content-between h-100 w-100">
2405                    <ul class="navbar-nav">
2406                        
2407                        
2408                        
2409    <ul role="menu" class="nav navbar-nav top_menu  text-end">
2410        
2411
2412                            
2413    <li role="presentation" class="nav-item dropdown position-static">
2414        <a data-bs-toggle="dropdown" href="#" role="menuitem" class="nav-link dropdown-toggle o_mega_menu_toggle  " data-bs-display="static">
2415            <span>OPTICAL</span>
2416        </a>
2417        
2418    </li>
2419    <li role="presentation" class="nav-item dropdown position-static">
2420        <a data-bs-toggle="dropdown" href="#" role="menuitem" class="nav-link dropdown-toggle o_mega_menu_toggle  " data-bs-display="static">
2421            <span>SPORTS</span>
2422        </a>
2423        
2424    </li>
2425    <li role="presentation" class="nav-item dropdown position-static">
2426        <a data-bs-toggle="dropdown" href="#" role="menuitem" class="nav-link dropdown-toggle o_mega_menu_toggle  " data-bs-display="static">
2427            <span>EXPLORE</span>
2428        </a>
2429        
2430    </li>
2431    <li role="presentation" class="nav-item">
2432        <a role="menuitem" href="/stores" class="nav-link ">
2433            <span>STORE FINDER</span>
2434        </a>
2435    </li>
2436                        
2437    </ul>
2438                        
2439                        
2440                    </ul>
2441                    <ul class="navbar-nav gap-2 mt-3 w-100">
2442                        
2443            <li class=" o_no_autohide_item">
2444                <a href="/web/login" class="btn btn-outline-secondary w-100">Anmelden</a>
2445            </li>
2446                        
2447        
2448        
2449                        
2450        <li data-name="Language Selector" class="o_header_language_selector ">
2451        
2452            <div class="js_language_selector dropup dropdown d-print-none">
2453                <button type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="true" class="btn border-0 dropdown-toggle btn-outline-secondary d-flex align-items-center w-100 px-2">
2454                    <span class="align-middle me-auto small"> Deutsch (CH)</span>
2455                </button>
2456                <div role="menu" class="dropdown-menu w-100">
2457                        <a class="dropdown-item js_change_lang " role="menuitem" href="/fr_CH/home" data-url_code="fr_CH" title=" Français (CH)">
2458                            <span class="me-auto small"> Français (CH)</span>
2459                        </a>
2460                        <a class="dropdown-item js_change_lang active" role="menuitem" href="/home" data-url_code="de_CH" title=" Deutsch (CH)">
2461                            <span class="me-auto small"> Deutsch (CH)</span>
2462                        </a>
2463                </div>
2464            </div>
2465        
2466        </li>
2467                        
2468                    </ul>
2469                </div>
2470            </div>
2471        </div>
2472    
2473    </nav>
2474    
2475        </header>
2476                <main>
2477                    
2478        <div id="wrap" class="oe_structure oe_empty"><section class="s_carousel_wrapper o_full_screen_height" data-vxml="001" data-snippet="s_carousel" data-name="Karussell" data-visibility-value-country-rule="hide" style="">
2479        <div class="s_carousel carousel slide s_carousel_bordered" data-bs-interval="6000" id="myCarousel1782130554074" style="background-image: none;">
2480            
2481            <ol class="carousel-indicators o_we_no_overlay">
2482                
2483                
2484                <li data-bs-target="#myCarousel1782130554074" class="active" data-bs-slide-to="0" aria-current="true"></li>
2485             <li data-bs-target="#myCarousel1782130554074" data-bs-slide-to="1"></li> </ol>
2486            
2487            <div class="carousel-inner"><div class="carousel-item o_colored_level o_cc o_cc2 pb56 pt232 active oe_img_bg o_bg_img_center o_bg_img_origin_border_box" style="background-image: url(&#34;/web/image/24753-de1425eb/LACET-471-4.jpg&#34;); background-position: 78.4868% 0%;" data-name="Slide" data-mimetype="image/jpeg" data-original-id="24752" data-original-src="/web/image/24752-de1425eb/LACET-471-4.jpg" data-mimetype-before-conversion="image/jpeg" data-resize-width="1920">
2488                    <div class="oe_unremovable container">
2489                        <div class="row o_grid_mode" data-row-count="16">
2490                            
2491                        <div class="carousel-content o_colored_level o_grid_item g-col-lg-12 g-height-6 col-lg-12 d-lg-none o_snippet_desktop_invisible" style="z-index: 1; grid-area: 8 / 1 / 14 / 13;" data-invisible="1">
2492                                
2493                                <h1 style="text-align: left;" class="display-3"><strong>LACET</strong></h1><h1 class="display-3">EINE NEUE DIMENSION&nbsp;VON LEICHTIGKEIT.</h1><h1 class="display-3">DIE NEUE KOLLEKTION VON LARS.</h1></div><div class="o_grid_item g-col-lg-4 o_colored_level g-height-2 col-lg-4 d-lg-none o_snippet_desktop_invisible" style="z-index: 2; grid-area: 15 / 1 / 17 / 5;" data-invisible="1"><p><span class="h4-fs"><font class="text-o-color-1 bg-o-color-5">​</font></span><span style="font-size: 2rem;"><a title="" data-bs-original-title="" href="/shop/category/optical-lacet-2"><span class="h4-fs"><font class="text-o-color-1 bg-o-color-5">ENTDECKEN</font></span></a></span></p></div><div class="carousel-content o_colored_level o_grid_item g-col-lg-12 g-height-6 col-lg-12 d-lg-block d-none o_snippet_mobile_invisible" style="z-index: 1; grid-area: 5 / 1 / 11 / 13;" data-invisible="1">
2494                                
2495                                <h1 style="text-align: left;">LACET</h1><h1>EINE NEUE DIMENSION&nbsp;</h1><h1>VON LEICHTIGKEIT.</h1><h1>DIE NEUE KOLLEKTION VON LARS.</h1></div><div class="o_grid_item g-col-lg-4 o_colored_level g-height-2 d-lg-block d-none o_snippet_mobile_invisible col-lg-4" style="z-index: 2; grid-area: 12 / 1 / 14 / 5;" data-invisible="1"><p><span style="font-size: 2rem;"><font class="text-o-color-1 bg-o-color-5">​</font><a title="" data-bs-original-title="" href="/shop/category/optical-lacet-2"><font class="text-o-color-1 bg-o-color-5">ENTDECK​​​​​​​​​E​​​​​​​​N</font></a></span></p></div></div></div>
2496                </div><div class="carousel-item o_colored_level o_cc o_cc2 pb0 pt224 oe_img_bg o_bg_img_center o_bg_img_origin_border_box" style="background-image: url(&#34;/web/image/21936-ab73007b/lars%40TB_347.jpg&#34;); background-position: 82% 49.6847%;" data-name="Slide" data-mimetype="image/jpeg" data-original-id="21712" data-original-src="/web/image/21712-d622a46b/lars%40TB_347.jpg" data-mimetype-before-conversion="image/jpeg" data-resize-width="1920">
2497                    <div class="oe_unremovable container">
2498                        <div class="row o_grid_mode" data-row-count="16">
2499                            
2500                        <div class="carousel-content o_colored_level o_grid_item g-height-5 g-col-lg-12 col-lg-12 d-lg-none o_snippet_desktop_invisible" style="z-index: 1; grid-area: 9 / 1 / 14 / 13;" data-invisible="1">
2501                                
2502                                <h1 style="text-align: left;" class="display-3"><strong>LARS</strong></h1>
2502<h1 style="text-align: left;" class="display-3"><font class="text-o-color-1 bg-o-color-5">COMFORT YOU FORGET.&nbsp;</font></h1><h1 style="text-align: left;" class="display-3"><font class="text-o-color-1 bg-o-color-5">ULTRA-LIGHT EYEWEAR&nbsp;</font></h1><h1 style="text-align: left;" class="display-3"><font class="text-o-color-1 bg-o-color-5">MADE&nbsp;IN&nbsp;SWITZERLAND.</font></h1></div><div class="o_grid_item g-col-lg-4 o_colored_level g-height-2 col-lg-4 d-lg-none o_snippet_desktop_invisible" style="z-index: 2; grid-area: 15 / 1 / 17 / 5;" data-invisible="1"><p><span style="font-size: 2rem;"><a title="" data-bs-original-title="" href="#LINEARS-KOLLEKTION"><span style="font-size: 1.25rem;"><font class="text-o-color-1 bg-o-color-5">ENTDECK​​​​​​​​​E​​​​​​​​N</font></span></a></span></p></div><div class="carousel-content o_colored_level o_grid_item g-height-5 g-col-lg-12 col-lg-12 d-lg-block d-none o_snippet_mobile_invisible" style="z-index: 1; grid-area: 6 / 1 / 11 / 13;" data-invisible="1">
2503                                
2504                                <h1 style="text-align: left;"><font class="text-o-color-1 bg-o-color-5">COMFORT YOU FORGET.&nbsp;</font></h1><h1 style="text-align: left;"><font class="text-o-color-1 bg-o-color-5">ULTRA-LIGHT EYEWEAR&nbsp;</font></h1><h1 style="text-align: left;"><font class="text-o-color-1 bg-o-color-5">MADE&nbsp;IN&nbsp;SWITZERLAND.</font></h1><p><br/></p><p>.</p>
2505                            </div><div class="o_grid_item g-col-lg-4 o_colored_level g-height-2 col-lg-4 d-lg-block d-none o_snippet_mobile_invisible" style="z-index: 2; grid-area: 12 / 1 / 14 / 5;" data-invisible="1"><p><span style="font-size: 2rem;"><a title="" data-bs-original-title="" href="#LINEARS-KOLLEKTION"><font class="text-o-color-1 bg-o-color-5">ENTDECK​​​​​​​​​E​​​​​​​​N</font></a></span></p></div></div>
2506                    </div>
2507                </div></div>
2508            
2509            <a class="carousel-control-prev o_not_editable o_we_no_overlay" role="img" aria-label="Vorherige" title="Vorherige" href="#myCarousel1782130554074" data-bs-slide="prev">
2510                <span class="carousel-control-prev-icon"></span>
2511                <span class="visually-hidden o_default_snippet_text">Zurück</span>
2512            </a>
2513            <a class="carousel-control-next o_not_editable o_we_no_overlay" role="img" aria-label="Weiter" title="Weiter" href="#myCarousel1782130554074" data-bs-slide="next">
2514                <span class="carousel-control-next-icon"></span>
2515                <span class="visually-hidden o_default_snippet_text">Weiter</span>
2516            </a>
2517        </div>
2518    </section><section class="s_color_blocks_2 o_colored_level d-none o_snippet_mobile_invisible pb40 d-lg-block pt80" data-snippet="s_color_blocks_2" data-name="Große Blöcke" style="background-image: none;" data-invisible="1">
2519        <div class="container">
2520            <div class="row o_grid_mode" data-row-count="7">
2521                <div class="text-center o_colored_level o_cc o_cc1 o_grid_item g-col-lg-4 g-height-7 col-lg-4" style="background-image: none; grid-area: 1 / 1 / 8 / 5; z-index: 1; --grid-item-padding-y: 0px; --grid-item-padding-x: 40px;">
2522                    <h2 style="text-align: left;"><span style="font-size: 2rem;">ANATOMISCHER<br/>TRAGEKOMFORT</span><span style="font-size: 1.75rem;">&nbsp;</span></h2><p class="lead" style="text-align: left;"><span style="font-size: 1.125rem;">Entwickelt auf Basis ergonomischer Daten: Optimale Passform für nahezu 90% aller Gesichter. Extrem leicht, ohne Rutschen oder Druckstellen – ganz ohne 3D-Scan.</span><br/></p><p class="lead" style="text-align: left;"><a class="o_translate_inline" href="/tragekomfort" data-bs-original-title="" title="" aria-describedby="popover506030">TRAGEKOMFORT ENTDECKEN</a></p></div>
2523                <div class="text-center o_colored_level o_cc o_cc1 o_grid_item g-col-lg-4 g-height-7 col-lg-4" style="background-image: none; grid-area: 1 / 5 / 8 / 9; z-index: 2; --grid-item-padding-y: 0px; --grid-item-padding-x: 40px;">
2524                    
2525                    <h2 style="text-align: left;"><span style="font-size: 2rem;"><font class="text-black">REDUZIERTES<br/>DESIGN</font></span></h2><p class="lead" style="text-align: left;">Reduziert auf das Wesentliche: eine Front, zwei Bügel und vier Stifte – that's it. Funktional, langlebig, durchdacht. Zeitloses Design trifft auf Technik, die einfach funktioniert.</p><p class="lead" style="text-align: left;"><a class="o_translate_inline" href="/design" data-bs-original-title="" title="">DESIGN ENTDECKEN</a></p></div><div class="text-center o_colored_level o_cc o_cc1 o_grid_item g-col-lg-4 g-height-7 col-lg-4" style="background-image: none; grid-area: 1 / 9 / 8 / 13; z-index: 3; --grid-item-padding-y: 0px; --grid-item-padding-x: 40px;">
2526                    
2527                    <h2 style="text-align: left;"><span style="font-size: 1.75rem;"><font class="text-black"> </font></span><span style="font-size: 2rem;"><font class="text-black">MADE IN<br/>SWITZERLAND</font></span></h2><p class="lead" style="text-align: left;"><span class="h5-fs">Entwickelt in Bern, hergestellt in Appenzell. Schweizer Präzision, langlebige Qualität, nachhaltige Fertigung.</span></p><p class="lead" style="text-align: left;"><a class="o_translate_inline" href="/made-in-switzerland" data-bs-original-title="" title="">HERKUNFT ENTDECKEN</a></p></div>
2528            </div>
2529        </div>
2530    </section><section class="s_faq_collapse pb32 o_colored_level s_faq_collapse_big d-lg-none o_snippet_desktop_invisible pt72" data-snippet="s_faq_collapse" data-name="Accordeon" style="background-image: none;" data-invisible="1">
2531        <div class="container">
2532            <div id="myCollapse" class="accordion" role="tablist">
2533                <div class="card bg-white" data-name="Item" role="presentation">
2534                    <a href="#" role="tab" data-bs-toggle="collapse" aria-expanded="false" class="card-header collapsed 
2534s_faq_collapse_right_icon" data-bs-target="#myCollapseTab999926_1" aria-controls="myCollapseTab999926_1"><h6 style="text-align: left;"><strong>ANATOMISCHER&nbsp;TRAGEKOMFORT<br/></strong></h6></a>
2535                    <div data-bs-parent="#myCollapse" role="tabpanel" id="myCollapseTab999926_1" class="collapse">
2536                        <div class="card-body">
2537                            <p style="text-align: left;" class="o_small"><span style="font-size: 1.125rem;">Entwickelt auf Basis ergonomischer Daten: Das One-fits-all-System bietet 90% aller Trägerinnen und Träger eine optimale Passform. Extrem leicht, ohne Rutschen oder Druckstellen – ganz ohne 3D-Scan.</span><br/></p><p style="text-align: left;" class="o_small"><a class="o_translate_inline" href="/tragekomfort" data-bs-original-title="" title=""><span style="font-size: 1.125rem;">TRAGEKOMFORT ENTDECKEN</span></a></p></div>
2538                    </div>
2539                </div>
2540                <div class="card bg-white" data-name="Item" role="presentation">
2541                    <a href="#" role="tab" data-bs-toggle="collapse" aria-expanded="false" class="card-header s_faq_collapse_right_icon collapsed" data-bs-target="#myCollapseTab999926_2" aria-controls="myCollapseTab999926_2"><h6 style="text-align: left;"><strong>REDUZIERTES DESIGN</strong></h6></a><div data-bs-parent="#myCollapse" role="tabpanel" id="myCollapseTab999926_2" class="collapse">
2542                        <div class="card-body">
2543                            <p class="card-text lead"><span class="h5-fs">Reduziert auf das Wesentliche: eine Front, zwei Bügel und vier Stifte – that's it. Funktional, langlebig, durchdacht. Zeitloses Design trifft auf Technik, die einfach funktioniert.</span></p><p class="card-text lead"><span class="h5-fs"><a class="o_translate_inline" href="/design" data-bs-original-title="" title="">DESIGN ENTDECKEN</a></span></p><p class="card-text lead"><br/></p>
2544                        </div>
2545                    </div>
2546                </div><div class="card bg-white" data-name="Item" role="presentation">
2547                    <a href="#" role="tab" data-bs-toggle="collapse" aria-expanded="false" class="card-header s_faq_collapse_right_icon collapsed" data-bs-target="#myCollapseTab1789156691088" aria-controls="myCollapseTab1789156691088"><h6 style="text-align: left;"><strong style="display: inline-block;">MADE IN SWITZERLAND</strong><br/></h6></a><div data-bs-parent="#myCollapse" role="tabpanel" id="myCollapseTab1789156691088" class="collapse">
2548                        <div class="card-body">
2549                            <p class="card-text lead"><span class="h5-fs">Entwickelt in Bern, hergestellt in Appenzell. Schweizer Herkunft steht bei uns für höchste Präzision, langlebige Qualität und eine nachhaltige, lokale Fertigung.</span></p><p class="card-text lead"><span class="h5-fs"><a title="" data-bs-original-title="" href="/made-in-switzerland" class="o_translate_inline"><span style="font-size: 1.125rem;">HERKUNFT ENTDECKEN</span></a></span></p><p class="card-text lead"><br/></p>
2550                        </div>
2551                    </div>
2552                </div>
2553                
2554            </div>
2555        </div>
2556    </section><section class="s_text_block pb40 o_colored_level pt112" data-snippet="s_text_block" data-name="Text" style="background-image: none;" id="LINEARS-KOLLEKTION" data-anchor="true">
2557    <style>
2558        #LINEARS-KOLLEKTION .o_kollektion_row {
2559            display: grid;
2560            grid-template-columns: 1fr 1fr;
2561            gap: 48px;
2562            align-items: start;
2563        }
2564        #LINEARS-KOLLEKTION .o_kollektion_item {
2565            width: 100% !important;
2566            max-width: 100% !important;
2567            flex: none !important;
2568            padding-left: 0 !important;
2569            padding-right: 0 !important;
2570            grid-column: auto;
2571            grid-row: auto;
2572        }
2573        #LINEARS-KOLLEKTION .o_kollektion_item img {
2574            width: 100%;
2575        }
2576        #LINEARS-KOLLEKTION .o_kollektion_item:first-child:nth-last-child(3) {
2577            grid-column: 1;
2578            grid-row: 1;
2579        }
2580        #LINEARS-KOLLEKTION .o_kollektion_item:first-child:nth-last-child(3) ~ .o_kollektion_item:nth-child(2) {
2581            grid-column: 2;
2582            grid-row: 1 / 3;
2583            align-self: center;
2584        }
2585        #LINEARS-KOLLEKTION .o_kollektion_item:first-child:nth-last-child(3) ~ .o_kollektion_item:nth-child(3) {
2586            grid-column: 1;
2587            grid-row: 2;
2588        }
2589        @media (max-width: 991px) {
2590            #LINEARS-KOLLEKTION .o_kollektion_row {
2591                display: block;
2592            }
2593            #LINEARS-KOLLEKTION .o_kollektion_item {
2594                grid-column: auto !important;
2595                grid-row: auto !important;
2596            }
2597        }
2598    </style>
2599    <div class="s_allow_columns container">
2600        <div class="row o_kollektion_row">
2601            <div class="o_colored_level o_kollektion_item col-lg-13">
2602                <p style="text-align: left;" class="lead"><span class="h2-fs">LINEARS KOLLEKTION</span></p>
2603                <a href="/shop/category/optical-linears-1" data-bs-original-title="" title="">
2604                    <img src="/web/image/22006-1c9f2749/lars%40TB_192.webp" alt="" class="img img-fluid o_we_custom_image ms-auto float-end" data-mimetype="image/webp" data-original-id="21711" data-original-src="/web/image/21711-eb053e13/lars%40TB_192.jpg" data-mimetype-before-conversion="image/jpeg" data-resize-width="1920" loading="lazy" style="animation-play-state: paused; transition: none;"/>
2605                </a>
2606                <p class="lead" style="text-align: left;"><a title="" data-bs-original-title="" href="/shop/category/optical-linears-1"><span style="font-size: 1.5rem;">ENTDECKEN</span></a></p>
2607            </div>
2608            <div class="o_colored_level o_kollektion_item col-lg-13">
2609                <p style="text-align: left;" class="lead"><span class="h2-fs">LACET KOLLEKTION</span></p>
2610                <a href="/shop/category/optical-lacet-2" data-bs-original-title="" title="">
2611                    <img src="/web/image/22018-42a137ce/lars%40TB_448.webp" alt="" class="img img-fluid o_we_custom_image ms-auto float-end" style="animation-play-state: paused; transition: none;" data-mimetype="image/webp" data-original-id="21635" data-original-src="/web/image/21635-64ad54a9/lars%40TB_448.jpg" data-mimetype-before-conversion="image/jpeg" data-resize-width="1075" loading="lazy"/>
2612                </a>
2613                <p class="lead" style="text-align: left;"><a title="" data-bs-original-title="" href="/shop/category/optical-lacet-2"><span style="font-size: 1.5rem;">ENTDECKEN</span></a></p>
2614            </div>
2615            <div class="o_colored_level o_kollektion_item col-12 col-lg-13">
2616                <p style="text-align: left;" class="lead"><span class="h2-fs">ACTIVE LIFESTYLE KOLLEKTION</span></p>
2617                <a href="/shop/category/sports-ileve-active-lifestyle-8" data-bs-original-title="" title="">
2618                    <img src="/web/image/22007-555dfe16/ILEVE-lars%40TB_621.webp" alt="" class="img img-fluid o_we_custom_image mx-auto d-block o_we_image_cropped" data-mimetype="image/webp" data-original-id="21932" data-original-src="/web/image/21932-5dc9d6e3/ILEVE-lars%40TB_621.jpg" data-mimetype-before-conversion="image/jpeg" loading="lazy" data-width="1920.0000000000002" data-height="1525.979079497908" data-scale-x="1" data-scale-y="1" data-aspect-ratio="0/0"/>
2619                </a>
2620                <p class="lead" style="text-align: left;"><a title="" data-bs-original-title="" href="/shop/category/sports-ileve-active-lifestyle-8"><span style="font-size: 1.5rem;">ENTDECKEN</span></a></p>
2621            </div>
2622        </div>
2623    </div>
2624</section>
2625<section class="s_text_cover o_colored_level" data-snippet="s_text_cover" data-name="Text Titelblatt" style="background-image: none;">
2626        
2627    </section><section class="s_text_block pt40 pb40 o_colored_level d-lg-block d-none o_snippet_mobile_invisible" data-snippet="s_text_block" data-name="Text" style="background-image: none;" data-invisible="1">
2628        <div class="s_allow_columns container">
2629            <p class="lead"><span style="font-size: 2rem;">Kein Rutschen. Keine Druckstellen. LARS Brillengestelle
2630sitzen so präzise, dass man sie vergisst, und das den ganzen Tag. Entwickelt
2631für rund 90% aller Nasenformen.</span></p><p class="lead"><span style="font-size: 2rem;">Hinter jedem unserer Brillengestelle steht ein
2632Passformsystem, das auf ergonomischer Forschung und Erkenntnissen aus der
2633Raumfahrt basiert. Ein patentiertes, schraubenloses Scharnier absorbiert
2634Bewegungen kontrolliert.</span></p><p class="lead"><span style="font-size: 2rem;">Mikrostrukturierte Oberflächen garantieren einen konstanten,
2635druckfreien Sitz, von morgens bis abends. Ultraleicht. Lasergesintert.</span></p><p class="lead"><span style="font-size: 2rem;">Für Funktion, die bleibt und Komfort, den man nicht spürt.
2636Entwickelt in der Schweiz, wo Präzision keine Option ist, sondern ein Anspruch.</span></p><p>
2637
2638
2639
2640
2641
2642</p>
2643        </div>
2644    </section><section class="s_text_block o_colored_level o_cc o_cc1 pb32 pt0 d-lg-none o_snippet_desktop_invisible" data-snippet="s_text_block" data-name="Text" style="background-image: none;" data-invisible="1">
2645        <div class="s_allow_columns container">
2646            <div class="row"><div class="o_colored_level col-lg-12 pb0"><p style="margin-bottom: 0px;" class="lead"><span style="font-size: 1.25rem;">Kein Rutschen.&nbsp;Keine Druckstellen.&nbsp;LARS Brillengestelle sitzen so präzise, dass man sie vergisst, und das den ganzen Tag. Entwickelt für rund 90% aller Nasenformen.​</span></p><p style="margin-bottom: 0px;" class="lead"><br/></p><p style="margin-bottom: 0px;" class="lead"><span style="font-size: 1.25rem;">Hinter jedem unserer Brillengestelle steht ein
2647Passformsystem, das auf ergonomischer Forschung und Erkenntnissen aus der
2648Raumfahrt basiert. Ein patentiertes, schraubenloses Scharnier absorbiert
2649Bewegungen kontrolliert. </span></p><p style="margin-bottom: 0px;" class="lead"><br/></p><p class="lead" style="margin-bottom: 0px;"><span style="font-size: 1.25rem;">Mikrostrukturierte Oberflächen garantieren einen
2650konstanten, druckfreien Sitz, von morgens bis abends.</span></p><p class="lead" style="margin-bottom: 0px;"><span style="font-size: 1.25rem;">Ultraleicht. Lasergesintert.</span></p><p class="lead" style="margin-bottom: 0px;"><br/></p><p class="lead" style="margin-bottom: 0px;"><span style="font-size: 1.25rem;">Für Funktion, die bleibt und Komfort, den man nicht spürt. Entwickelt in der Schweiz, wo Präzision keine Option ist, sondern ein Anspruch.&nbsp;</span></p></div></div></div>
2651    </section><section class="s_text_block o_colored_level o_cc o_cc1 pt0 pb40" data-snippet="s_text_block" data-name="Text" style="background-image: none;">
2652        <div class="s_allow_columns container">
2653            <div class="row o_grid_mode" data-row-count="1"><div class="o_colored_level o_grid_item g-col-lg-5 g-height-1 col-lg-5" style="z-index: 2; grid-area: 1 / 1 / 2 / 6; --grid-item-padding-x: 0px;"><p class="lead"><a href="/tragekomfort" data-bs-original-title="" title=""><span class="h3-fs">MEHR ERFAHREN</span></a></p></div></div></div>
2654    </section>
2654<section data-snippet="s_dynamic_snippet_products" class="s_dynamic_snippet_products s_dynamic pb32 o_colored_level pt152 s_product_product_mini_name o_dynamic_empty" data-name="Produkte" data-product-category-id="1" data-number-of-records="4" data-filter-id="14" data-template-key="website_sale.dynamic_filter_template_product_product_borderless_1" data-carousel-interval="1000" data-product-tag-ids="[]" data-product-names="gfd" style="background-image: none;">
2655            <div class="o_not_editable container">
2656                <div class="css_non_editable_mode_hidden">
2657                    <div class="missing_option_warning alert alert-info rounded-0 fade show d-none d-print-none o_default_snippet_text">
2658                        Ihr dynamisches Snippet wird hier angezeigt ... Diese Meldung wird angezeigt, weil Sie weder einen Filter noch eine Vorlage zur Verwendung bereitgestellt haben<br/>
2659                    </div>
2660                </div>
2661                <div class="dynamic_snippet_template"></div>
2662            </div>
2663        </section><section class="s_text_image o_colored_level pt80 pb96" data-snippet="s_image_text" data-name="Bild - Text" style="background-image: none;">
2664        <div class="container">
2665            <div class="row o_grid_mode" data-row-count="14">
2666                
2667                
2668            <div class="o_colored_level o_grid_item o_grid_item_image g-height-14 g-col-lg-5 col-lg-5" style="z-index: 1; grid-area: 1 / 8 / 15 / 13; --grid-item-padding-y: 15px;"><a href="/stores" data-bs-original-title="" title=""><img src="/web/image/25507-56cd78c5/BRILLEREI_CG7_8.jpg" alt="" class="img img-fluid mx-auto o_we_custom_image" data-mimetype="image/jpeg" data-original-id="13350" data-original-src="/web/image/13350-28b0453c/BRILLEREI_CG7_8.jpg" data-mimetype-before-conversion="image/jpeg" data-resize-width="857" loading="lazy"/></a></div><div style="--grid-item-padding-x: 15px; z-index: 0; --grid-item-padding-y: 0px; grid-area: 5 / 2 / 10 / 7;" class="o_colored_level o_cc o_cc1 o_grid_item g-col-lg-5 g-height-5 col-lg-5 d-lg-none o_snippet_desktop_invisible" data-invisible="1">
2669                    
2670        
2671                    <p class="lead"><span class="h5-fs"><span style="font-size: 2rem;">LARS ERLEBEN</span></span></p><p class="lead"><span class="h5-fs">Erhältlich bei ausgewählten Fachoptikern. Erlebe den Sitz – und ein unbeschwertes Tragegefühl, direkt vor Ort.​</span></p><p></p>
2672                </div><div style="z-index: 0; grid-area: 5 / 2 / 10 / 7; --grid-item-padding-x: 15px; --grid-item-padding-y: 5px;" class="o_colored_level o_cc o_cc1 o_grid_item g-col-lg-5 g-height-5 col-lg-5">
2673                    
2674        
2675                    <p class="lead"><a href="/stores" data-bs-original-title="" title=""><span class="h3-fs">PARTNER OPTIKER</span></a></p><p></p>
2676                </div><div style="--grid-item-padding-x: 15px; z-index: 0; --grid-item-padding-y: 0px; grid-area: 5 / 2 / 10 / 7;" class="o_colored_level o_cc o_cc1 o_grid_item g-col-lg-5 g-height-5 col-lg-5 d-lg-block d-none o_snippet_mobile_invisible" data-invisible="1">
2677                    
2678        
2679                    <h2><span class="h5-fs"><span style="font-size: 2rem;">LARS ERLEBEN</span></span></h2><p class="lead"><span class="h5-fs">Erhältlich bei ausgewählten Fachoptikern. Erlebe den Sitz – und ein unbeschwertes Tragegefühl, direkt vor Ort.​</span></p><p class="lead"><br/></p><p class="lead"><a href="/stores" data-bs-original-title="" title=""><span class="h3-fs">PARTNER OPTIKER</span></a></p><p></p>
2680                </div></div>
2681        </div>
2682    </section><section class="s_references o_colored_level pb0 pt24 o_cc o_cc3" data-snippet="s_references" data-name="Referenzen" style="background-image: none;">
2683        <div class="container">
2684            
2685            
2686            <div class="row o_grid_mode" data-row-count="4">
2687                
2688                
2689                
2690                
2691                
2692                
2693            <div class="o_colored_level o_grid_item o_grid_item_image g-height-3 g-col-lg-4 col-lg-4 o_cc o_cc3" style="z-index: 2; grid-area: 1 / 5 / 4 / 9; --grid-item-padding-y: 0px; --grid-item-padding-x: 50px;"><img src="/web/image/21455-59e07097/Logo_Award.webp" alt="" class="img img-fluid mx-auto o_we_custom_image img-thumbnail" style="padding: 0px; width: 100% !important;" data-mimetype="image/webp" data-original-id="21454" data-original-src="/web/image/21454-c096de22/Logo_Award.jpg" data-mimetype-before-conversion="image/jpeg" data-resize-width="690" loading="lazy"/></div><div class="o_grid_item g-col-lg-12 o_colored_level g-height-1 col-lg-12" style="z-index: 1; grid-area: 4 / 1 / 5 / 13;"><p style="text-align: center;" class="lead">&nbsp;OPTI BOX AWARD WINNER</p></div></div>
2694        </div>
2695    </section><section class="s_color_blocks_2 o_colored_level o_cc o_cc3 pb32 pt56" data-snippet="s_color_blocks_2" data-name="Große Blöcke" style="background-image: none;">
2696        <div class="container">
2697            <div class="row o_grid_mode" data-row-count="4">
2698                
2699                <div class="text-center o_colored_level o_grid_item g-col-lg-3 g-height-4 col-lg-3 order-lg-0 o_cc o_cc3" style="grid-area: 1 / 4 / 5 / 7; z-index: 2; --grid-item-padding-y: 0px; --grid-item-padding-x: 30px; order: 1; background-image: none;">
2700                    
2701                    <div class="s_hr text-start pt32 pb16" data-snippet="s_hr" data-name="Trennlinie">
2702        <hr class="w-100 mx-auto" style="border-top-style: solid; border-top-color: rgb(0, 0, 0);"/>
2703    </div><h3 style="text-align: left;"><span style="font-size: 1.125rem;"><font class="text-black">UNKOMPLIZIERT</font></span></h3><p style="text-align: left;" class="lead">Flexible Bestellmengen. Für ein Sortiment, das funktioniert.</p></div><div class="text-center o_colored_level o_grid_item g-col-lg-3 g-height-4 col-lg-3 order-lg-0 o_cc o_cc3" style="grid-area: 1 / 7 / 5 / 10; z-index: 3; --grid-item-padding-y: 0px; --grid-item-padding-x: 30px; order: 2; background-image: none;">
2704                    
2705                    <div class="s_hr text-start pt32 pb16" data-snippet="s_hr" data-name="Trennlinie">
2706        <hr class="w-100 mx-auto" style="border-top-style: solid; border-top-color: rgb(0, 0, 0);"/>
2707    </div><h3 style="text-align: left;"><span style="font-size: 1.5rem;"><font class="text-black"> </font></span><span style="font-size: 1.125rem;"><font class="text-black">LANGL​EBIG</font></span></h3><p style="text-align: left;" class="lead">Lebenslange Ersatzteilgarantie.</p></div>
2708            <div class="text-center o_colored_level o_grid_item g-col-lg-3 g-height-4 col-lg-3 order-lg-0 o_cc o_cc3" style="grid-area: 1 / 10 / 5 / 13; z-index: 4; --grid-item-padding-y: 0px; --grid-item-padding-x: 30px; order: 3; background-image: none;">
2709                    <div class="s_hr text-start pt32 pb16" data-snippet="s_hr" data-name="Trennlinie">
2710        <hr class="w-100 mx-auto" style="border-top-style: solid; border-top-color: rgb(0, 0, 0);"/>
2711    </div><h3 style="text-align: left;"><span style="font-size: 1.125rem;">PERSÖNLICH</span><br/></h3><p class="lead" style="text-align: left; margin-bottom: 0px;">Schnell. Direkt. Persönlich.</p></div><div class="text-center o_colored_level o_grid_item g-col-lg-3 g-height-4 col-lg-3 order-lg-0 o_cc o_cc3" style="z-index: 2; --grid-item-padding-y: 0px; --grid-item-padding-x: 30px; grid-area: 1 / 1 / 5 / 4; order: 0; background-image: none;">
2712                    
2713                    <div class="s_hr text-start pt32 pb16" data-snippet="s_hr" data-name="Trennlinie">
2714        <hr class="w-100 mx-auto" style="border-top-style: solid; border-top-color: rgb(0, 0, 0);"/>
2715    </div><h3 style="text-align: left;"><span style="font-size: 1.125rem;"><font class="text-black">SCHNELL</font></span></h3><p style="text-align: left;" class="lead">Versand innert zwei Arbeitstagen.</p></div></div>
2716        </div>
2717    </section><section class="s_newsletter_block s_newsletter_list pt32 o_colored_level o_cc o_cc2 bg-black pb32" data-list-id="16" data-snippet="s_newsletter_block" data-name="Newsletter-Baustein" style="background-image: none;">
2718        <div class="container">
2719    <div class="row">
2720        <div class="pt24 pb24 o_colored_level col-lg-8 offset-lg-2">
2721            <h2>SEI DABEI, WENN NEUES ENTSTEHT.</h2>
2722            <p class="lead"><span class="h5-fs">
2723Erhalte exklusive Insights zu Produktinnovationen und erlebe LARS hautnah – vor allen anderen.</span></p><div class="s_newsletter_subscribe_form s_newsletter_list js_subscribe" data-vxml="001" data-list-id="0" data-name="Newsletter Form" data-snippet="s_newsletter_subscribe_form">
2724        <div class="input-group">
2725            <input type="email" name="email" class="js_subscribe_value form-control" placeholder="Ihre E-Mail ..."/>
2726            <a role="button" href="#" class="js_subscribe_btn o_submit btn btn-outline-custom text-o-color-1" data-bs-original-title="" title="" style="border-width: 1px; border-style: solid; border-color: rgb(255, 255, 255);">Abonn​​ieren</a>
2727            <a role="button" href="#" class="btn btn-success js_subscribed_btn d-none o_submit" disabled="disabled" data-bs-original-title="" title="">Dankeschön</a>
2728        </div>
2729    </div>
2730        </div>
2731    </div>
2732        </div>
2733    </section></div>
2734    
2735        <div id="o_shared_blocks" class="oe_unremovable"></div>
2736                </main>
2737                <footer id="bottom" data-anchor="true" data-name="Footer" class="o_footer o_colored_level o_cc ">
2738                    <div id="footer" class="oe_structure oe_structure_solo">
2739            <section class="s_text_block pt40 pb32" data-snippet="s_text_block" data-name="Text" style="background-image: none;">
2740                <div class="container">
2741                    <div class="row o_grid_mode" data-row-count="4">
2742                        
2743                        
2744                        <div class="o_colored_level o_grid_item g-height-4 g-col-lg-2 col-lg-2 order-lg-0" style="grid-area: 1 / 5 / 5 / 7; z-index: 3; order: 2;">
2745                            <h5><span style="font-size: 0.75rem;">LEGAL</span></h5><ul class="list-unstyled">
2746                                <li class="py-1"><span class="o_small-fs"></span><span style="font-size: 0.75rem;"><a title="" data-bs-original-title="" href="/datenschutzerklarung">Datenschutzerklärung</a></span><span class="o_small-fs"></span></li>
2747                                <li class="py-1"><span class="o_small-fs"></span><span style="font-size: 0.75rem;"><a title="" data-bs-original-title="" href="/impressum">Impressum</a></span><span class="o_small-fs"></span></li>
2748                                <li class="py-1"><span class="o_small-fs"></span><span style="font-size: 0.75rem;"><a title="" data-bs-original-title="" href="/konformitatserklarung">Konformitätserklärung</a></span><span class="o_small-fs"></span><br/></li></ul></div>
2749                        
2750                        
2751                    <div class="o_colored_level o_grid_item g-col-lg-3 order-lg-0 g-height-4 col-lg-3" style="z-index: 5; grid-area: 1 / 10 / 5 / 13; order: 4;">
2752                            <h5><span style="font-size: 0.75rem;"><strong>LARS Brillen</strong></span></h5><h5><span style="font-size: 0.75rem;">Eine&nbsp;Marke der ILEVE OPTICS AG.<br/>Bernapark 28. 3066 Stettlen.&nbsp;<br/>Schweiz.</span></h5><p class="text-muted"><span style="font-size: 0.75rem;"><a title="" data-bs-original-title="" href="mailto:[email protected]">[email protected]</a></span><span class="o_small-fs"></span><span class="o_force_ltr"><span style="font-size: 0.75rem;"><br/><a title="" data-bs-original-title="" href="tel:+41797674440">+41 79 767 44 40</a><span class="o_force_ltr"><span style="font-size: 0.75rem;"></span></span></span></span></p></div><div class="o_colored_level o_grid_item g-col-lg-2 g-height-4 col-lg-2 order-lg-0" style="z-index: 1; grid-area: 1 / 1 / 5 / 3; order: 0;">
2753                            <h5><span style="font-size: 0.75rem;">KUNDENSERVICE</span></h5>
2754                            <ul class="list-unstyled">
2755                                <li class="list-item py-1"><span class="o_small-fs"></span><span style="font-size: 0.75rem;"><a href="/care-guide" data-bs-original-title="" title="">Care Guide</a></span><span class="o_small-fs"></span><br/></li>
2756                                <li class="list-item py-1"><span class="o_small-fs"></span><span style="font-size: 0.75rem;"><a href="/stores" data-bs-original-title="" title="">Store Finder</a></span></li>
2757                                <li class="list-item py-1"><span class="o_small-fs"></span><span style="font-size: 0.75rem;"><a href="/web/login" data-bs-original-title="" title="">B2B LOGIN</a></span><span class="o_small-fs"></span></li>
2758                                
2759                            </ul>
2760                        </div><div class="o_colored_level o_grid_item g-col-lg-2 g-height-4 col-lg-2 order-lg-0" style="z-index: 1; grid-area: 1 / 3 / 5 / 5; order: 1;">
2761                            <h5><span style="font-size: 0.75rem;">UNTERNEHMEN</span><br/></h5>
2762                            <ul class="list-unstyled">
2763                                <li class="list-item py-1"><span style="font-size: 0.75rem;"><a title="" data-bs-original-title="" href="/lars-who">LARS who?</a></span></li><li class="list-item py-1"><span style="font-size: 0.75rem;"><a href="/made-in-switzerland" data-bs-original-title="" title="">Made in Switzerland</a></span></li>
2764                                <li class="list-item py-1"><span class="o_small-fs"></span><span style="font-size: 0.75rem;"><a href="/karriere">Karriere</a></span><span class="o_small-fs"></span></li></ul></div><div class="o_colored_level o_grid_item g-col-lg-2 g-height-4 col-lg-2 order-lg-0" style="z-index: 4; grid-area: 1 / 7 / 5 / 9; order: 3;">
2765                            
2766                            <p class="o_small"><span style="font-size: 0.75rem;">SOCIAL MEDIA</span></p><p class="o_small"><span style="font-size: 0.75rem;"><a title="" data-bs-original-title="" href="https://www.instagram.com/larsbrillen/" target="_blank">Instagram</a></span><span class="o_small-fs"></span></p><p class="o_small"><span style="font-size: 0.75rem;"><a title="" data-bs-original-title="" href="https://www.facebook.com/larsbrillen/?locale=de_DE">Facebook</a></span><span class="o_small-fs"></span></p><p class="o_small"><span style="font-size: 0.75rem;"><a title="" data-bs-original-title="" href="https://ch.linkedin.com/company/ileve-optics" target="_blank">Linkedin</a></span></p></div></div>
2767                </div>
2768            </section>
2769        </div>
2770                </footer>
2771            </div>
vendor: 103 bytes, lines 2771-2772
2771
2772            <script id="tracking_code" async="async" src="https://www.googletagmanager.com/gtag/js?id=
2772G-M9TRM5ZXWN
vendor: 24 bytes, lines 2772-2773
2772"></script>
2773            
2773<script id="tracking_code_config">
2774                window.dataLayer = window.dataLayer || [];
2775                function gtag(){dataLayer.push(arguments);}
2776                gtag('consent', 'default', {
2777                    'ad_storage': 'denied',
2778                    'ad_user_data': 'denied',
2779                    'ad_personalization': 'denied',
2780                    'analytics_storage': 'denied',
2781                });
2782                gtag('js', new Date());
2783                gtag('config', 'G-M9TRM5ZXWN');
2784                function allConsentsGranted() {
2785                    gtag('consent', 'update', {
2786                        'ad_storage': 'granted',
2787                        'ad_user_data': 'granted',
2788                        'ad_personalization': 'granted',
2789                        'analytics_storage': 'granted',
2790                    });
2791                }
2792                    allConsentsGranted();
2793            </script>
2793
2794        
2795        </body>
2796</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.