PageSourceSearch

https://larsbrillen.ch/shop/cart

html larsbrillen.ch collected 2026-10-09 00:29:26 UTC 93,581 bytes, 2,642 lines download raw bytes

1
2        
3        <!DOCTYPE html>
4        
5<html lang="de-CH" data-website-id="1" data-main-object="ir.ui.view(5584,)" data-add2cart-redirect="1">
6    <head>
7        <meta charset="utf-8"/>
8        <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
9        <meta name="viewport" content="width=device-width, initial-scale=1"/>
10        <meta name="generator" content="Odoo"/>
11            
12        <meta property="og:type" content="website"/>
13        <meta property="og:title" content="Shopping Cart | LARS Brillen"/>
14        <meta property="og:site_name" content="LARS Brillen"/>
15        <meta property="og:url" content="https://larsbrillen.ch/shop/cart"/>
16        <meta property="og:image" content="https://larsbrillen.ch/web/image/website/1/logo?unique=c9e8819"/>
17            
18        <meta name="twitter:card" content="summary_large_image"/>
19        <meta name="twitter:title" content="Shopping Cart | LARS Brillen"/>
20        <meta name="twitter:image" content="https://larsbrillen.ch/web/image/website/1/logo/300x300?unique=c9e8819"/>
21        
22        <link rel="alternate" hreflang="fr" href="https://larsbrillen.ch/fr_CH/shop/cart"/>
23        <link rel="alternate" hreflang="de" href="https://larsbrillen.ch/shop/cart"/>
24        <link rel="alternate" hreflang="x-default" href="https://larsbrillen.ch/shop/cart"/>
25        <link rel="canonical" href="https://larsbrillen.ch/shop/cart"/>
26        
27        <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin=""/>
28        <title>Shopping Cart | LARS Brillen</title>
29        <link type="image/x-icon" rel="shortcut icon" href="/web/image/website/1/favicon?unique=c9e8819"/>
30        <link rel="preload" href="/web/static/src/libs/fontawesome/fonts/fontawesome-webfont.woff2?v=4.7.0" as="font" crossorigin=""/>
31        <link type="text/css" rel="stylesheet" href="/web/assets/1/aaca33b/web.assets_frontend.min.css"/>
32        
32<script id="web.layout.odooscript" type="text/javascript">
33            var odoo = {
34                csrf_token: "7eed1acd374359767144b508d77af3741944beado1823041766",
35                debug: "",
36            };
37        </script>
37
38        
38<script type="text/javascript">
39            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"};
40            if (!/(^|;\s)tz=/.test(document.cookie)) {
41                const userTZ = Intl.DateTimeFormat().resolvedOptions().timeZone;
42                document.cookie = `tz=${userTZ}; path=/`;
43            }
44        </script>
44
45        
45<script type="text/javascript" defer="defer" src="/web/assets/1/20f9201/web.assets_frontend_minimal.min.js" onerror="__odooAssetError=1"></script>
45
46        
46<script type="text/javascript" defer="defer" data-src="/web/assets/1/836fa32/web.assets_frontend_lazy.min.js" onerror="__odooAssetError=1"></script>
46
47        
48    <style>
49        .s_carousel_wrapper .carousel-control-prev-icon,
50        .s_carousel_wrapper .carousel-control-next-icon {
51            width: 20px !important;
52            height: 20px !important;
53            background-repeat: no-repeat !important;
54            background-position: center !important;
55            background-size: contain !important;
56        }
57
58        .s_carousel_wrapper .carousel-control-prev-icon {
59            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;
60        }
61
62        .s_carousel_wrapper .carousel-control-next-icon {
63            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;
64        }
65
66        .s_carousel_wrapper .carousel-control-prev,
67        .s_carousel_wrapper .carousel-control-next {
68            opacity: 1 !important;
69        }
70
71        .s_carousel_wrapper .carousel-indicators {
72            bottom: 24px;
73        }
74
75        .s_carousel_wrapper .carousel-indicators li {
76            width: 8px !important;
77            height: 8px !important;
78            border-radius: 50% !important;
79            background-color: rgba(255, 255, 255, 0.5) !important;
80            border: none !important;
81            margin: 0 5px !important;
82            opacity: 1 !important;
83            text-indent: -9999px;
84        }
85
86        .s_carousel_wrapper .carousel-indicators li.active {
87            background-color: #ffffff !important;
88        }
89    </style>
90      <style>
91        /* Preis auf Produktseite */
92        span.oe_price,
93        .product_price {
94          display: none !important;
95        }
96
97        /* Warenkorb Button und Menge */
98        .o_wsale_product_btn,
99        #add_to_cart_wrap,
100        .o_wsale_product_quantity,
101        .css_quantity,
102        input[name="add_qty"] {
103          display: none !important;
104        }
105
106        /* Optiker finden Button */
107        .lars_optiker_btn,
108        .lars_public_cta {
109          display: block !important;
110        }
111      </style>
112    <style>
113      .s_faq_collapse,
114      .s_faq_collapse.s_faq_collapse_light {
115        background: #fff !important;
116      }
117      .s_faq_collapse .accordion {
118        border: none !important;
119        border-radius: 0 !important;
120        background: #fff !important;
121        box-shadow: none !important;
122        overflow: visible !important;
123      }
124      .s_faq_collapse .card {
125        border: 0 !important;
126        border-radius: 0 !important;
127        background: transparent !important;
128        margin: 0 !important;
129      }
130      .s_faq_collapse a.card-header,
131      .s_faq_collapse a.card-header:hover,
132      .s_faq_collapse a.card-header:focus,
133      .s_faq_collapse a.card-header:active,
134      .s_faq_collapse a.card-header:visited {
135        background: transparent !important;
136        border: none !important;
137        border-bottom: 1px solid rgba(0,0,0,0.10) !important;
138        padding: 18px 0 !important;
139        font-weight: 700 !important;
140        font-size: 16px !important;
141        letter-spacing: 0 !important;
142        text-decoration: none !important;
143        text-transform: uppercase !important;
144        display: flex !important;
145        align-items: center !important;
146        justify-content: space-between !important;
147        color: #111 !important;
148        border-radius: 0 !important;
149        box-shadow: none !important;
150      }
151      .s_faq_collapse a.card-header span {
152        font-size: 16px !important;
153        font-weight: 700 !important;
154        text-transform: uppercase !important;
155        text-decoration: none !important;
156        color: #111 !important;
157      }
158      .s_faq_collapse .card-header.s_faq_collapse_right_icon::before,
159      .s_faq_collapse .card-header::before,
160      .s_faq_collapse .card-header.collapsed::before {
161        content: '' !important;
162        display: inline-block !important;
163        width: 16px !important;
164        height: 16px !important;
165        position: static !important;
166        order: 2 !important;
167        margin-left: 12px !important;
168        margin-right: 0 !important;
169        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;
170        background-repeat: no-repeat !important;
171        background-position: center !important;
172        background-size: contain !important;
173        background-color: transparent !important;
174        border: none !important;
175        border-radius: 0 !important;
176        transition: transform 0.25s ease !important;
177        flex-shrink: 0 !important;
178        transform: none !important;
179        color: transparent !important;
180        font-size: 0 !important;
181      }
182      .s_faq_collapse .card-header:not(.collapsed)::before,
183      .s_faq_collapse .card-header[aria-expanded="true"]::before {
184        transform: rotate(90deg) !important;
185      }
186      .s_faq_collapse .card-header::after {
187        content: none !important;
188        display: none !important;
189        background-image: none !important;
190      }
191      .s_faq_collapse .card-body {
192        padding: 18px 0 22px 0 !important;
193        background: transparent !important;
194      }
195      .s_faq_collapse .card-body p,
196      .s_faq_collapse .card-body .card-text,
197      .s_faq_collapse .card-body .lead {
198        font-weight: 400 !important;
199        font-size: 16px !important;
200        line-height: 1.5 !important;
201        color: #111 !important;
202        margin-bottom: 12px !important;
203        text-transform: none !important;
204      }
205      .s_faq_collapse .card-body p:last-child,
206      .s_faq_collapse .card-body .card-text:last-child {
207        margin-bottom: 0 !important;
208      }
209    </style>
210    <style>
211      /* Search Input */
212      .oe_search_box,
213      input.search-query {
214        color: #111 !important;
215        background-color: #fff !important;
216        border: 1px solid rgba(0,0,0,0.20) !important;
217        border-radius: 0 !important;
218      }
219      .oe_search_box::placeholder,
220      input.search-query::placeholder {
221        color: rgba(0,0,0,0.5) !important;
222      }
223      .oe_search_box:focus,
224      input.search-query:focus {
225        color: #111 !important;
226        background-color: #fff !important;
227        border-color: #111 !important;
228        outline: none !important;
229        box-shadow: none !important;
230      }
231
232      /* Dropdown Container */
233      .o_dropdown_menu {
234        background: #fff !important;
235        border: 1px solid rgba(0,0,0,0.20) !important;
236        border-radius: 0 !important;
237        box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
238      }
239
240      /* Dropdown Items */
241      .o_dropdown_menu .dropdown-item,
242      .o_dropdown_menu .o_search_result_item,
243      .o_dropdown_menu .o_search_result_item_detail,
244      .o_dropdown_menu .h6,
245      .o_dropdown_menu p,
246      .o_dropdown_menu .fa {
247        color: #111 !important;
248      }
249      .o_dropdown_menu .dropdown-item {
250        background-color: #fff !important;
251      }
252      .o_dropdown_menu .dropdown-item:hover,
253      .o_dropdown_menu .dropdown-item:focus,
254      .o_dropdown_menu .dropdown-item:active {
255        background-color: #f5f5f5 !important;
256        color: #111 !important;
257      }
258      .o_dropdown_menu .dropdown-item:hover .h6,
259      .o_dropdown_menu .dropdown-item:hover p,
260      .o_dropdown_menu .dropdown-item:focus .h6,
261      .o_dropdown_menu .dropdown-item:focus p {
262        color: #111 !important;
263      }
264
265      /* Search Highlight Match */
266      .o_dropdown_menu mark,
267      .o_dropdown_menu .dropdown-item mark,
268      .o_dropdown_menu strong,
269      .o_dropdown_menu b {
270        background-color: #ffec99 !important;
271        color: #111 !important;
272        padding: 0 1px !important;
273        font-weight: 700 !important;
274      }
275
276      /* "Alle Ergebnisse" Button */
277      .o_dropdown_menu .text-primary,
278      .o_dropdown_menu button.text-primary {
279        color: #111 !important;
280        background-color: #fff !important;
281        border-top: 1px solid rgba(0,0,0,0.10) !important;
282        font-weight: 700 !important;
283        text-transform: uppercase !important;
284      }
285      .o_dropdown_menu .text-primary:hover,
286      .o_dropdown_menu button.text-primary:hover {
287        background-color: #111 !important;
288        color: #fff !important;
289      }
290    </style>
291        <style>
292/* Nur Abstand NACH OBEN vergrößern – für alle Header-Zustände */
293#wrapwrap > header[class*="o_header"] .o_header_main,
294#wrapwrap > header[class*="o_header"] .navbar {
295  padding-top: 32px !important;  /* Wert anpassbar: 28–40 */
296  padding-bottom: 0 !important;  /* damit unten unverändert bleibt */
297}
298
299/* Sticky-Header (beim Scrollen) auch oben gepolstert halten */
300.o_header_affixed .o_header_main,
301.o_header_is_scrolled .o_header_main,
302.o_header_affixed .navbar,
303.o_header_is_scrolled .navbar {
304  padding-top: 22px !important;
305  padding-bottom: 0 !important;
306}
307
308/* Logo etwas kleiner halten */
309#wrapwrap > header[class*="o_header"] .navbar-brand img {
310  max-height: 44px !important;  /* ggf. 40–48 anpassen */
311  height: auto;
312}
313</style>
314
315<script src="https://app.privacybee.io/cookie-banner.js" website-id="clj8mpgld202820ymq7ryugmv"></script>
vendor: 1 bytes, line 315
315
316<script>
317  document.addEventListener('DOMContentLoaded', function () {
318    let titleDone = false;
319    let descDone = false;
320
321    function applyPrivacyBeeTexts() {
322      const title = document.getElementById('privacybee-banner-title');
323      const desc = document.getElementById('privacybee-banner-description');
324
325      if (title && !titleDone) {
326        title.textContent = "Deine Privatsphäre ist uns wichtig";
327        titleDone = true;
328      }
329
330      if (desc && !descDone) {
331        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>.";
332        descDone = true;
333      }
334
335      return titleDone && descDone;
336    }
337
338    const observer = new MutationObserver(() => {
339      if (applyPrivacyBeeTexts()) {
340        observer.disconnect();
341      }
342    });
343
344    observer.observe(document.body, { childList: true, subtree: true });
345
346    let attempts = 0;
347    const interval = setInterval(() => {
348      attempts++;
349      if (applyPrivacyBeeTexts() || attempts > 20) {
350        clearInterval(interval);
351        observer.disconnect();
352      }
353    }, 300);
354  });
355</script>
355
356
357<style>
358  /* Alles auf Inter */
359  .pbcb_header_text,
360  .pbcb_content_text,
361  .pbcb_category_label,
362  .pbcb_buttons_text {
363    font-family: Inter, sans-serif !important;
364  }
365
366  /* Rahmen um die Toggles entfernen */
367  .pbcb_categories_fieldset {
368    border: none !important;
369    padding: 0 !important;
370  }
371  
372     /* Header: Logo oben, Titel darunter, alles linksbündig */
373  .pbcb_header {
374    display: flex !important;
375    flex-direction: column !important;
376    align-items: flex-start !important;
377    gap: 8px !important;
378    padding: 20px 24px 10px 24px !important;
379  }
380
381  .pbcb_mascot {
382    order: -1 !important;
383    width: 90px !important;
384    height: auto !important;
385    margin: 0 !important;
386    align-self: flex-start !important;
387  }
388
389  .pbcb_mascot_img {
390    max-width: 100% !important;
391    height: auto !important;
392  }
393
394  .pbcb_title_container {
395    padding-left: 0 !important;
396    margin: 0 !important;
397  }
398
399  .pbcb_header_text {
400    margin: 0 !important;
401  }
402</style>
403  <style>
404#o_wsale_offcanvas_attribute_14_header,
405#o_wsale_offcanvas #o_wsale_offcanvas_attribute_14.accordion-collapse {
406  display: none !important;
407}
408  </style>
409  <style>
410      
411      /* Kollektions-Bilder im Masonry-Grid: immer ganz sichtbar, Höhe folgt dem Bild */
412#LINEARS-COLLECTION .o_grid_item_image {
413  height: auto !important;
414  align-self: start !important;
415}
416#LINEARS-COLLECTION .o_grid_item_image img.o_we_custom_image {
417  width: 100% !important;
418  height: auto !important;
419  object-fit: contain !important;
420  max-height: none !important;
421}
422.lars-essential-badge{
423  position:absolute !important;
424  top:-10px !important;
425  right:-10px !important;
426  width:25px !important;
427  height:25px !important;
428  display:flex !important;
429  align-items:center !important;
430  justify-content:center !important;
431  border-radius:999px !important;
432  background:#000 !important;
433  color:#fff !important;
434  padding:0 !important;
435  margin:0 !important;
436  line-height:1 !important;
437  font-size:16px !important;
438  font-weight:400 !important;
439  z-index:10 !important;
440  pointer-events:none !important;
441}
442
443.o_navbar_mobile a.btn-outline-secondary {
444    color: #212529 !important;
445}
446
447/* Beratungsmodus Button auf allen Breakpoints sichtbar */
448#lars_beratung_toggle_wrap {
449    display: flex !important;
450    align-items: center;
451    margin-left: 16px;
452}
453
454@media (max-width: 991px) {
455  .o_wsale_products_searchbar_form {
456    display: block !important;
457  }
458}
459
460/* Swatches eckig */
461.js_add_cart_variants .css_attribute_color{
462  border-radius:0 ;
463}
464.js_add_cart_variants label.css_attribute_color{
465  width:60px !important;
466  height:45px !important;
467  min-width:60px !important;
468  padding:0 !important;
469  box-sizing:border-box !important;
470}
471.js_add_cart_variants label.css_attribute_color::before,
472.js_add_cart_variants label.css_attribute_color span{
473  border-radius:0 ;
474}
475
476/* Ausgewählte Karte: nur Rand, kein Hintergrund */
477.card.bg-primary.border-primary {
478    background-color: transparent !important;
479    border: 2px solid var(--color-primary) !important;
480    box-shadow: 0 0 0 2px var(--color-primary);
481}
482
483/* Rahmenlogik sauber */
484.js_add_cart_variants label.css_attribute_color{
485  border:none !important;
486  box-shadow:none !important;
487  outline:none !important;
488}
489.js_add_cart_variants label.css_attribute_color.active{
490  outline:5px solid #000000 !important;
491  outline-offset:0px !important;
492}
493
494/* Abstand nur in Swatch-Liste */
495.js_add_cart_variants ul.list-inline > li{
496  margin-right:10px !important;
497  margin-bottom:10px !important;
498}
499.js_add_cart_variants ul.list-inline > li:last-child{
500  margin-right:0 !important;
501}
502
503/* Tooltip muss ein hoverbares Element haben */
504.js_add_cart_variants .o_wsale_product_attribute li{
505  pointer-events: auto !important;
506}
507.js_add_cart_variants label.css_attribute_color{
508  pointer-events: auto !important;
509}
510
511/* === Nicht verfügbare Varianten ausgrauen statt ausblenden === */
512.js_add_cart_variants label.css_not_available,
513.js_add_cart_variants label.o_wsale_not_available {
514  opacity: 0.3 !important;
515  cursor: not-allowed !important;
516  display: flex !important;
517}
518.js_add_cart_variants label:has(input:disabled) {
519  opacity: 0.3 !important;
520  cursor: not-allowed !important;
521}
522/* Verbotssymbol (crossed circle) auf nicht verfügbaren Swatches entfernen */
523.js_add_cart_variants label.css_not_available::after,
524.js_add_cart_variants label.o_wsale_not_available::after,
525.js_add_cart_variants label:has(input:disabled)::after,
526.js_add_cart_variants label.css_not_available svg,
527.js_add_cart_variants label.o_wsale_not_available svg,
528.js_add_cart_variants label:has(input:disabled) svg {
529  display: none !important;
530  content: none !important;
531}
532
533/* =========================
534   RADIO (Grössen)
535   ========================= */
536.js_add_cart_variants .o_wsale_product_attribute li.js_attribute_value,
537.js_add_cart_variants .o_wsale_product_attribute li.js_attribute_value > label.col-form-label,
538.js_add_cart_variants .o_wsale_product_attribute li.js_attribute_value .form-check{
539  background:transparent !important;
540  border:none !important;
541  box-shadow:none !important;
542  padding:0 !important;
543  margin:0 !important;
544}
545.js_add_cart_variants .o_wsale_product_attribute li.js_attribute_value input.form-check-input{
546  display:none !important;
547}
548.js_add_cart_variants .o_wsale_product_attribute li.js_attribute_value .radio_input_value{
549  width:60px !important;
550  height:45px !important;
551  min-width:60px !important;
552  display:flex !important;
553  align-items:center !important;
554  justify-content:center !important;
555  background:#fff !important;
556  color:#111 !important;
557  border:1px solid #000 !important;
558  outline:none !important;
559  border-radius:0 !important;
560  box-shadow:none !important;
561  box-sizing:border-box !important;
562}
563
564.js_add_cart_variants .o_wsale_product_attribute li.js_attribute_value:not(:first-child:last-child) input:checked + .radio_input_value{
565  border:1px solid #000 !important;
566}
567
568.js_add_cart_variants .o_wsale_product_attribute li.list-inline-item.js_attribute_value{
569  margin:0 6.5px 10px 0 !important;
570  padding:0 !important;
571  vertical-align:top !important;
572}
573.js_add_cart_variants .o_wsale_product_attribute li.list-inline-item.js_attribute_value:last-child{
574  margin-right:0 !important;
575}
576
577/* =========================
578   PILLS (Grössen)
579   ========================= */
580/* Standard: fix 60x45 */
581.js_add_cart_variants .o_variant_pills {
582  background: #fff !important;
583  border: 1px solid #000 !important;
584  border-radius: 0 !important;
585  padding: 0 !important;
586  box-shadow: none !important;
587  margin: 0 10px 10px 0 !important;
588  outline: 2px solid transparent !important;
589  outline-offset: 4px !important;
590}
591.js_add_cart_variants .o_variant_pills.active {
592  outline: 2px solid #000 !important;
593  outline-offset: 4px !important;
594}
595.js_add_cart_variants .o_variant_pills_input_value {
596  width: 60px !important;
597  height: 45px !important;
598  display: flex !important;
599  align-items: center !important;
600  justify-content: center !important;
601  color: #111 !important;
602  background: transparent !important;
603  border: none !important;
604}
605
606.js_add_cart_variants ul[data-attribute_id="3"] .o_variant_pills {
607  width: auto !important;
608}
609.js_add_cart_variants ul[data-attribute_id="3"] .o_variant_pills .o_variant_pills_input_value {
610  width: auto !important;
611  min-width: 60px !important;
612  padding: 0 14px !important;
613}
614
615.js_add_cart_variants ul[data-attribute_id="14"] .o_variant_pills {
616  width: auto !important;
617}
618.js_add_cart_variants ul[data-attribute_id="14"] .o_variant_pills .o_variant_pills_input_value {
619  width: auto !important;
620  min-width: 60px !important;
621  padding: 0 14px !important;
622}
623
624/* =========================================================
625   NASENSTEG (Single-Select)
626   ========================================================= */
627.js_add_cart_variants .lars_single_block,
628.js_add_cart_variants .lars_single_block--pill{
629  outline: none !important;
630  display:flex !important;
631  align-items:center !important;
632  justify-content:center !important;
633  width:130.5px !important;
634  min-width:130.5px !important;
635  height:45px !important;
636  padding:0 12px !important;
637  background:#fff !important;
638  color:#111 !important;
639  border-radius:0 !important;
640  font-weight:400 !important;
641  font-size:16px !important;
642  line-height:1 !important;
643  box-sizing:border-box !important;
644  white-space:nowrap !important;
645  overflow:hidden !important;
646  text-overflow:ellipsis !important;
647  border: 1px solid #000 !important;
648  box-shadow:none !important;
649}
650
651/* Aktiver Nasensteg */
652.js_add_cart_variants li.js_attribute_value.active .lars_single_block,
653.js_add_cart_variants li.js_attribute_value.active .lars_single_block--pill,
654.js_add_cart_variants input:checked ~ .lars_single_block,
655.js_add_cart_variants input:checked ~ .lars_single_block--pill {
656  outline: 1px solid #000 !important;
657  outline-offset: 2px !important;
658}
659
660.js_add_cart_variants li.js_attribute_value:only-of-type.o_variant_pills {
661  outline: 2px solid #000 !important;
662  outline-offset: 4px !important;
663}
664
665#product_details .js_add_cart_variants{
666  min-height: 260px;
667}
668#product_details .o_wsale_product_images,
669#product_details .o_wsale_product_images .carousel,
670#product_details .o_wsale_product_images .carousel-item{
671  min-height: 420px;
672}
673
674@media (min-width: 992px) {
675  .navbar-brand.logo {
676    padding-left: 0 !important;
677  }
678}
679
680.js_add_cart_variants .attribute_name {
681  font-size: 16px !important;
682}
683
684
685
686/* =========================================================
687   OFFCANVAS / SIDEBAR / FILTER FARB-SWATCHES
688   ========================================================= */
689
690/* Container: overflow sichtbar + padding-left für Outline-Platz */
691#o_wsale_offcanvas .o_wsale_offcanvas_color_attribute,
692.o_wsale_offcanvas .o_wsale_offcanvas_color_attribute,
693#wsale_products_attributes_collapse .o_wsale_offcanvas_color_attribute,
694form.js_attributes .o_wsale_offcanvas_color_attribute,
695.js_attributes .o_wsale_offcanvas_color_attribute,
696#o_wsale_offcanvas .css_attribute_color_container,
697form.js_attributes .css_attribute_color_container,
698.js_attributes .css_attribute_color_container {
699  display: flex !important;
700  flex-wrap: wrap !important;
701  gap: 10px !important;
702  padding: 10px 10px 10px 10px !important;
703  overflow: visible !important;
704}
705
706/* Alle Eltern-Container: overflow visible erzwingen */
707#o_wsale_offcanvas,
708#o_wsale_offcanvas .offcanvas-body,
709#o_wsale_offcanvas .accordion,
710#o_wsale_offcanvas .accordion-item,
711#o_wsale_offcanvas .accordion-body,
712#o_wsale_offcanvas .accordion-collapse,
713#wsale_products_attributes_collapse,
714#wsale_products_attributes_collapse .accordion,
715#wsale_products_attributes_collapse .accordion-item,
716#wsale_products_attributes_collapse .accordion-body,
717#wsale_products_attributes_collapse .accordion-collapse,
718form.js_attributes,
719form.js_attributes .accordion,
720form.js_attributes .accordion-item,
721form.js_attributes .accordion-body,
722form.js_attributes .accordion-collapse,
723aside,
724aside .accordion,
725aside .accordion-item,
726aside .accordion-body,
727aside .accordion-collapse {
728  overflow: hidden !important;
729  overflow-y: auto !important;
730}
731
732/* Swatch-Grösse  Form */
733#o_wsale_offcanvas label.css_attribute_color,
734.o_wsale_offcanvas label.css_attribute_color,
735#wsale_products_attributes_collapse label.css_attribute_color,
736.accordion label.css_attribute_color,
737aside label.css_attribute_color,
738form.js_attributes label.css_attribute_color,
739.js_attributes label.css_attribute_color {
740  width: 60px !important;
741  height: 45px !important;
742  min-width: 60px !important;
743  padding: 0 !important;
744  border-radius: 0 !important;
745  border: none !important;
746  box-shadow: none !important;
747  outline: none !important;
748  margin: 6px 4px 4px 2px !important;
749  position: relative !important;
750  overflow: visible !important;
751  box-sizing: border-box !important;
752  cursor: pointer !important;
753}
754
755/* Innerer Farbbereich eckig  füllend */
756#o_wsale_offcanvas label.css_attribute_color span,
757.o_wsale_offcanvas label.css_attribute_color span,
758#wsale_products_attributes_collapse label.css_attribute_color span,
759.accordion label.css_attribute_color span,
760aside label.css_attribute_color span,
761form.js_attributes label.css_attribute_color span,
762.js_attributes label.css_attribute_color span,
763#o_wsale_offcanvas label.css_attribute_color::before,
764.o_wsale_offcanvas label.css_attribute_color::before,
765#wsale_products_attributes_collapse label.css_attribute_color::before,
766.accordion label.css_attribute_color::before,
767aside label.css_attribute_color::before,
768form.js_attributes label.css_attribute_color::before,
769.js_attributes label.css_attribute_color::before {
770  border-radius: 0 !important;
771  width: 100% !important;
772  height: 100% !important;
773  top: 0 !important;
774  left: 0 !important;
775  position: absolute !important;
776  background-size: cover !important;
777  background-position: center !important;
778}
779
780/* ACTIVE — dünne Linie */
781#o_wsale_offcanvas label.css_attribute_color.active,
782.o_wsale_offcanvas label.css_attribute_color.active,
783#wsale_products_attributes_collapse label.css_attribute_color.active,
784.accordion label.css_attribute_color.active,
785aside label.css_attribute_color.active,
786form.js_attributes label.css_attribute_color.active,
787.js_attributes label.css_attribute_color.active {
788  outline: 2px solid #000 !important;
789  outline-offset: 2px !important;
790  border: none !important;
791  box-shadow: none !important;
792  z-index: 1 !important;
793}
794
795/* Checkmark-Overlay entfernen */
796#o_wsale_offcanvas label.css_attribute_color.active::after,
797.o_wsale_offcanvas label.css_attribute_color.active::after,
798#wsale_products_attributes_collapse label.css_attribute_color.active::after,
799.accordion label.css_attribute_color.active::after,
800aside label.css_attribute_color.active::after,
801form.js_attributes label.css_attribute_color.active::after,
802.js_attributes label.css_attribute_color.active::after {
803  content: none !important;
804}
805
806/* Nicht verfügbare ausblenden */
807#o_wsale_offcanvas label.css_attribute_color.css_not_available,
808form.js_attributes label.css_attribute_color.css_not_available,
809.js_attributes label.css_attribute_color.css_not_available,
810#o_wsale_offcanvas label.css_attribute_color:has(input:disabled),
811form.js_attributes label.css_attribute_color:has(input:disabled),
812.js_attributes label.css_attribute_color:has(input:disabled) {
813  display: none !important;
814}
815
816@media (max-width: 991px) {
817  .lars-product-nav {
818    display: none !important;
819  }
820}
821
822.o_search_result_item > .flex-shrink-0.ms-auto {
823    display: none !important;
824}
825
826/* Breadcrumb Styling */
827.lars-bc-bar .breadcrumb-item,
828.lars-bc-bar .breadcrumb-item a,
829.lars-bc-bar .breadcrumb-item.active,
830ol.breadcrumb.small .breadcrumb-item,
831ol.breadcrumb.small .breadcrumb-item a,
832ol.breadcrumb.small .breadcrumb-item.active {
833  color: #111 !important;
834  font-size: 16px !important;
835}
836.lars-bc-bar .breadcrumb-item + .breadcrumb-item::before,
837ol.breadcrumb.small .breadcrumb-item + .breadcrumb-item::before {
838  content: "›" !important;
839  color: #111 !important;
840}
841
842/* Navbar Menu Links */
843.navbar-nav .nav-link,
844.navbar-nav .nav-link:hover,
845.navbar-nav .dropdown-toggle {
846  color: #111 !important;
847  border: none !important;
848  border-left: none !important;
849  border-right: none !important;
850}
851.navbar-nav .nav-item + .nav-item {
852  border-left: none !important;
853}
854
855.navbar-nav .nav-item:first-child::before,
856.navbar-nav .nav-item:last-child::after,
857.navbar-nav > li:first-child,
858.navbar-nav > li:last-child {
859  border: none !important;
860}
861
862/* Mobile Hamburger #111 */
863.navbar-toggler-icon {
864  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;
865}
866
867.lars_optiker_btn.btn {
868  margin-left: 0 !important;
869  margin-right: 0 !important;
870  padding-left: 0 !important;
871  padding-right: 0 !important;
872}
873
874/* =========================================================
875   WARENKORB BUTTON
876   ========================================================= */
877#add_to_cart,
878.o_wsale_product_btn #add_to_cart {
879  background: #fff !important;
880  color: #111 !important;
881  border: 1px solid #111 !important;
882  border-radius: 0 !important;
883  box-shadow: none !important;
884  height: 47px !important;
885  min-height: 47px !important;
886  max-height: 47px !important;
887  padding-top: 0 !important;
888  padding-bottom: 0 !important;
889  box-sizing: border-box !important;
890  display: flex !important;
891  align-items: center !important;
892  justify-content: center !important;
893}
894
895#product_attributes_simple {
896  display: none !important;
897}
898
899/* =========================================================
900   NICHT VERFÜGBARE KOMBINATIONEN
901   ========================================================= */
902.js_add_cart_variants .o_wsale_product_attribute li.js_attribute_value.css_not_available .radio_input_value,
903.js_add_cart_variants .o_wsale_product_attribute li.js_attribute_value.css_not_available .o_variant_pills_input_value {
904  opacity: 0.3 !important;
905  cursor: not-allowed !important;
906}
907.js_add_cart_variants label.css_attribute_color.css_not_available {
908  opacity: 0.3 !important;
909  cursor: not-allowed !important;
910  display: flex !important;
911}
912.js_add_cart_variants .o_variant_pills.css_not_available {
913  opacity: 0.3 !important;
914  cursor: not-allowed !important;
915}
916
917/* =========================================================
918   MENGENAUSWAHL
919   ========================================================= */
920.css_quantity.input-group {
921  border: 1px solid #111 !important;
922  border-radius: 0 !important;
923  overflow: hidden !important;
924  width: 130.5px !important;
925  min-width: 130.5px !important;
926  max-width: 130.5px !important;
927  flex: 0 0 130.5px !important;
928}
929.css_quantity .btn-link {
930  background: #fff !important;
931  color: #111 !important;
932  border: none !important;
933  padding: 0 !important;
934  font-size: 14px !important;
935  box-shadow: none !important;
936  height: 45px !important;
937  flex: 1 !important;
938  display: flex !important;
939  align-items: center !important;
940  justify-content: center !important;
941  text-decoration: none !important;
942}
943.css_quantity .btn-link:hover {
944  background: #f5f5f5 !important;
945}
946.css_quantity input.quantity {
947  background: #fff !important;
948  border: none !important;
949  border-left: 1px solid #111 !important;
950  border-right: 1px solid #111 !important;
951  border-radius: 0 !important;
952  box-shadow: none !important;
953  color: #111 !important;
954  font-size: 14px !important;
955  height: 45px !important;
956  width: 45px !important;
957  min-width: 45px !important;
958  max-width: 45px !important;
959  padding: 0 !important;
960}
961
962#o_wsale_offcanvas label.css_attribute_color span,
963.accordion label.css_attribute_color span {
964  border-radius: 0 !important;
965  width: 100% !important;
966  height: 100% !important;
967  top: 0 !important;
968  left: 0 !important;
969  position: absolute !important;
970  background-size: cover !important;
971  background-position: center !important;
972}
973
974body > span.lars-color-tooltip {
975  background: #fff !important;
976  color: #111 !important;
977  font-size: 11px !important;
978  font-weight: 400 !important;
979  white-space: nowrap !important;
980  padding: 3px 7px !important;
981  border: 1px solid #111 !important;
982  border-radius: 0 !important;
983  box-shadow: none !important;
984  width: auto !important;
985  height: auto !important;
986  position: fixed !important;
987  top: auto !important;
988  left: auto !important;
989}
990
991/* =========================================================
992   PRODUKTKARTEN SWATCHES
993   ========================================================= */
994.lars-card-swatches {
995  display: flex;
996  flex-wrap: wrap;
997  gap: 6px;
998  padding: 8px 0 0 0;
999}
1000.lars-card-swatch {
1001  width: 42px;
1002  height: 28px;
1003  cursor: pointer;
1004  border: 1px solid rgba(0,0,0,0.15);
1005  box-sizing: border-box;
1006  flex-shrink: 0;
1007}
1008.lars-card-swatch.active {
1009  outline: 1px solid #000;
1010  outline-offset: 1.5px;
1011}
1012.lars-card-swatch--split {
1013  width: 42px;
1014  height: 28px;
1015  cursor: pointer;
1016  border: none;
1017  box-sizing: border-box;
1018  flex-shrink: 0;
1019  display: flex;
1020  overflow: hidden;
1021  position: relative;
1022}
1023.lars-card-swatch-divider {
1024  position: absolute;
1025  top: 0;
1026  left: 0;
1027  width: 100%;
1028  height: 100%;
1029  pointer-events: none;
1030  z-index: 1;
1031  background: linear-gradient(
1032    to bottom right,
1033    transparent calc(50% - 0.5px),
1034    rgba(255,255,255,0.9) calc(50% - 0.5px),
1035    rgba(255,255,255,0.9) calc(50% + 0.5px),
1036    transparent calc(50% + 0.5px)
1037  );
1038}
1039.lars-card-swatch--split.active {
1040  outline: 1px solid #000;
1041  outline-offset: 1.5px;
1042}
1043.lars-card-swatch-left {
1044  position: absolute;
1045  inset: 0;
1046  background-size: cover;
1047  background-position: center;
1048  clip-path: polygon(0 0, 100% 0, 0 100%);
1049}
1050.lars-card-swatch-right {
1051  position: absolute;
1052  inset: 0;
1053  background-size: cover;
1054  background-position: center;
1055  clip-path: polygon(100% 0, 100% 100%, 0 100%);
1056}
1057/* =========================================================
1058   SHOP SUCHLEISTE + FILMSTRIP
1059   ========================================================= */
1060.o_wsale_products_searchbar_form input[type="search"] {
1061  background: #fff !important;
1062  border: 1px solid #111 !important;
1063  border-right: none !important;
1064  border-radius: 0 !important;
1065  box-shadow: none !important;
1066  color: #111 !important;
1067}
1068.o_wsale_products_searchbar_form input[type="search"]::placeholder {
1069  color: rgba(0,0,0,0.4) !important;
1070}
1071.o_wsale_products_searchbar_form .oe_search_button {
1072  background: #fff !important;
1073  border: 1px solid #111 !important;
1074  border-left: none !important;
1075  border-radius: 0 !important;
1076  box-shadow: none !important;
1077  color: #111 !important;
1078}
1079button[data-bs-target="#o_wsale_offcanvas"] {
1080  background: #fff !important;
1081  border: 1px solid #111 !important;
1082  border-radius: 0 !important;
1083  box-shadow: none !important;
1084  color: #111 !important;
1085}
1086.o_wsale_filmstip_container .btn {
1087  background: #fff !important;
1088  border: 1px solid #111 !important;
1089  border-radius: 0 !important;
1090  box-shadow: none !important;
1091  color: #111 !important;
1092  font-family: 'Inter', sans-serif !important;
1093  font-size: 16px !important;
1094  font-weight: 500 !important;
1095  letter-spacing: 0.08em !important;
1096  text-transform: uppercase !important;
1097  padding: 10px 24px !important;
1098}
1099.o_wsale_filmstip_container ul {
1100  padding: 4px !important;
1101  overflow: visible !important;
1102}
1103.o_wsale_filmstip_container li:has(input:checked) .btn {
1104  font-weight: 700 !important;
1105  background: #fff !important;
1106  color: #111 !important;
1107  border: 1px solid #111 !important;
1108  outline: 2px solid #111 !important;
1109  outline-offset: 2px !important;
1110}
1111
1112/* Hover: schwarz mit weisser Schrift – alle Shop-Buttons */
1113.o_wsale_filmstip .btn:hover,
1114button[data-bs-target="#o_wsale_offcanvas"]:hover,
1115.o_wsale_products_searchbar_form .oe_search_button:hover,
1116.products_categories .nav-link:hover,
1117.products_categories a:hover,
1118#add_to_cart:hover,
1119.o_wsale_product_btn #add_to_cart:hover {
1120    background-color: #000 !important;
1121    color: #fff !important;
1122    border-color: #000 !important;
1123    transition: background-color 0.15s ease, color 0.15s ease;
1124}
1125
1126
1127/* =========================================================
1128   PRODUKTGRID
1129   ========================================================= */
1130.o_wsale_products_grid_table_wrapper table {
1131  border-spacing: 4px !important;
1132  border-collapse: separate !important;
1133}
1134.o_wsale_products_grid_table_wrapper {
1135  padding: 0 16px !important;
1136}
1137.oe_product .thumbnail,
1138.oe_product .o_wsale_product_grid_wrapper,
1139.oe_product {
1140  background: #fff !important;
1141  border: none !important;
1142  box-shadow: none !important;
1143  border-radius: 0 !important;
1144  margin: 0 !important;
1145}
1146.o_wsale_product_grid_wrapper {
1147  padding: 16px !important;
1148}
1149.o_wsale_product_information {
1150  padding: 0 8px !important;
1151}
1152.oe_product .oe_product_image {
1153  max-height: 280px !important;
1154  min-height: 280px !important;
1155}
1156.oe_product .oe_product_image_img_wrapper {
1157  max-height: 280px !important;
1158}
1159.oe_product .oe_product_image img {
1160  max-height: 280px !important;
1161  object-fit: contain !important;
1162}
1163
1164.oe_product:hover {
1165    outline: 2.5px solid #111 !important;
1166}
1167.o_wsale_products_grid_table_wrapper {
1168    overflow: visible !important;
1169    padding: 0 2px !important;
1170}
1171
1172/* =========================================================
1173   PRODUKTKARTEN TITEL + PREIS
1174   ========================================================= */
1175.oe_product .o_wsale_products_item_title {
1176  display: flex !important;
1177  justify-content: space-between !important;
1178  align-items: baseline !important;
1179  gap: 8px !important;
1180  padding-top: 16px !important;
1181  margin-bottom: 8px !important;
1182
1183}
1184.oe_product .o_wsale_products_item_title a.text-primary {
1185  font-family: 'Inter', sans-serif !important;
1186  font-size: 20px !important;
1187  font-weight: 800 !important;
1188  color: #111 !important;
1189  text-decoration: none !important;
1190  flex: 1 !important;
1191}
1192.oe_product .product_price {
1193  font-family: 'Inter', sans-serif !important;
1194  font-size: 15px !important;
1195  font-weight: 400 !important;
1196  color: #111 !important;
1197  text-align: right !important;
1198  white-space: nowrap !important;
1199}
1200.oe_product .product_price .h6 {
1201  font-family: 'Inter', sans-serif !important;
1202  font-size: 15px !important;
1203  font-weight: 400 !important;
1204  color: #111 !important;
1205}
1206
1207.lars-card-swatch--split {
1208  width: 40px !important;
1209  height: 26px !important;
1210}
1211
1212/* Mehr Abstand zwischen Swatches und Titel */
1213.lars-card-swatches {
1214  padding: 11px 0 25px 0 !important;
1215}
1216
1217/* Preis in Titelzeile, nicht darunter */
1218.oe_product .o_wsale_product_sub {
1219  display: none !important;
1220}
1221.oe_product .o_wsale_products_item_title .product_price {
1222  display: block !important;
1223}
1224
1225/* Produktgrid Abstände */
1226.o_wsale_products_grid_table_wrapper table {
1227  border-spacing: 12px !important;
1228  border-collapse: separate !important;
1229  margin: 0 -12px !important;
1230  width: calc(100% + 24px) !important;
1231}
1232.o_wsale_products_grid_table_wrapper {
1233  padding: 0 !important;
1234  overflow: hidden !important;
1235}
1236/* Produktkarte Padding innen */
1237.o_wsale_product_grid_wrapper {
1238  padding: 16px 20px 16px 20px !important;
1239  }
1240  
1241  /* Titel Zeile kompakter */
1242.oe_product .o_wsale_products_item_title {
1243  margin-top: 0 !important;
1244  margin-bottom: 0 !important;
1245}
1246
1247/* Mehr Abstand unten in der Karte */
1248.o_wsale_product_information {
1249  padding: 0 4px 8px 4px !important;
1250}
1251.oe_product {
1252  outline: 1px solid #111 !important;
1253}
1254
1255@media (max-width: 767px) {
1256  .oe_product {
1257    outline: none !important;
1258  }
1259  .o_wsale_product_grid_wrapper {
1260    border: 1px solid #111 !important;
1261  }
1262}
1263
1264.o_wsale_products_grid_table_wrapper {
1265  padding: 0 1px !important;
1266}
1267
1268.o_wsale_image_viewer_void {
1269    background-color: #ffffff;
1270}
1271
1272.o_wsale_image_viewer_carousel {
1273    display: none !important;
1274}
1275
1276.fa.fa-times {
1277    font-family: 'Inter', sans-serif;
1278    font-weight: 800;
1279    font-size: 30px;
1280    color: #000;
1281    position: absolute;
1282    top: 50px;
1283    right: 50px;
1284}
1285.fa.fa-times::before {
1286    content: '×';
1287}
1288.fa.fa-times:hover {
1289    opacity: 0.8;
1290}
1291
1292.product_detail_img {
1293  object-fit: cover !important;
1294  object-position: center center !important;
1295  max-height: 500px !important;
1296  width: 100% !important;
1297}
1298
1299/* Hellgrauer Hintergrund hinter Produktbildern auf der Detailseite */
1300#product_details .o_wsale_product_images,
1301#product_details .o_wsale_product_images .carousel,
1302#product_details .o_wsale_product_images .carousel-item,
1303.product_detail_img {
1304  background-color: #f5f5f5 !important;
1305}
1306
1307
1308/* =========================================================
1309   RIBBON / BAND
1310   ========================================================= */
1311.o_ribbon_left,
1312.o_ribbon_right {
1313  position: absolute !important;
1314  top: 0 !important;
1315  left: 0 !important;
1316  right: auto !important;
1317  transform: none !important;
1318  clip-path: none !important;
1319  border-radius: 0 !important;
1320  background: #111 !important;
1321  color: #fff !important;
1322  border: 1.5px solid #111 !important;
1323  border-top: none !important;
1324  border-left: none !important;
1325  font-family: 'Inter', sans-serif !important;
1326  font-size: 16px !important;
1327  font-weight: 500 !important;
1328  letter-spacing: 0.08em !important;
1329  text-transform: uppercase !important;
1330  padding: 5px 10px !important;
1331  line-height: 1.4 !important;
1332  white-space: nowrap !important;
1333  box-shadow: none !important;
1334  width: auto !important;
1335  height: auto !important;
1336  z-index: 5 !important;
1337  margin: 0 !important;
1338  padding: 12px 10px 10px 12px !important;
1339}
1340
1341.o_wsale_product_grid_wrapper {
1342  position: relative !important;
1343  overflow: hidden !important;
1344}
1345
1346.oe_product {
1347  position: relative !important;
1348  overflow: hidden !important;
1349}
1350
1351@media (max-width: 991px) {
1352  .o_wsale_products_grid_table_wrapper {
1353    padding: 0 12px !important;
1354    overflow: visible !important;
1355  }
1356
1357  .o_wsale_products_grid_table_wrapper table {
1358    display: flex !important;
1359    flex-wrap: wrap !important;
1360    width: 100% !important;
1361    margin: 0 !important;
1362    gap: 8px !important;
1363  }
1364  .o_wsale_products_grid_table_wrapper table tbody {
1365    display: flex !important;
1366    flex-wrap: wrap !important;
1367    width: 100% !important;
1368    gap: 8px !important;
1369  }
1370  .o_wsale_products_grid_table_wrapper table tbody tr {
1371    display: contents !important;
1372  }
1373
1374  .o_wsale_products_grid_table_wrapper table tbody tr td.oe_product {
1375    width: calc(50% - 4px) !important;
1376    flex: 0 0 calc(50% - 4px) !important;
1377    overflow: visible !important;
1378    outline: none !important;
1379    padding: 0 !important;
1380    margin: 0 !important;
1381  }
1382
1383  .o_wsale_products_grid_table_wrapper .oe_product .o_wsale_product_grid_wrapper {
1384    border: 1px solid #111 !important;
1385    overflow: hidden !important;
1386    height: 100% !important;
1387  }
1388
1389  .oe_product .oe_product_image {
1390    display: block !important;
1391    min-height: unset !important;
1392    max-height: unset !important;
1393    height: auto !important;
1394    overflow: visible !important;
1395    padding: 0 !important;
1396  }
1397  .oe_product .oe_product_image img {
1398    display: block !important;
1399    margin: 0 auto !important;
1400    max-height: 120px !important;
1401    max-width: 100% !important;
1402    width: auto !important;
1403    object-fit: contain !important;
1404  }
1405
1406  /* Titel + Preis untereinander, kompakt */
1407  .oe_product .o_wsale_products_item_title {
1408    flex-direction: column !important;
1409    align-items: flex-start !important;
1410    gap: 1px !important;
1411    padding-top: 6px !important;
1412    margin-bottom: 0 !important;
1413  }
1414  .oe_product .o_wsale_products_item_title a.text-primary {
1415    font-size: 14px !important;
1416    font-weight: 700 !important;
1417    line-height: 1.2 !important;
1418  }
1419  .oe_product .product_price,
1420  .oe_product .product_price .h6 {
1421    font-size: 12px !important;
1422    text-align: left !important;
1423    white-space: nowrap !important;
1424    font-weight: 400 !important;
1425    line-height: 1.3 !important;
1426  }
1427
1428  /* Swatches kompakter */
1429  .lars-card-swatches {
1430    gap: 3px !important;
1431    padding: 5px 0 6px 0 !important;
1432  }
1433  .lars-card-swatch,
1434  .lars-card-swatch--split {
1435    width: 28px !important;
1436    height: 18px !important;
1437  }
1438
1439  /* Inneres Padding kleiner */
1440  .o_wsale_product_grid_wrapper {
1441    padding: 8px 8px 8px 8px !important;
1442  }
1443
1444  .o_wsale_product_information {
1445    padding: 0 2px 4px 2px !important;
1446  }
1447}
1448
1449
1450.o_wsale_product_page .o_ribbon_left,
1451.o_wsale_product_page .o_ribbon_right {
1452  display: none !important;
1453}
1454
1455
1456/* =========================================================
1457   USER ACCOUNT DROPDOWN (.js_usermenu)
1458   ========================================================= */
1459
1460/* Container */
1461header .dropdown-menu.js_usermenu {
1462    border-radius: 0 !important;
1463    border: 1px solid #111 !important;
1464    padding: 0 !important;
1465    margin-top: 0 !important;
1466    background-color: #fff !important;
1467    box-shadow: none !important;
1468    font-family: 'Inter', sans-serif !important;
1469    min-width: 180px !important;
1470}
1471
1472/* Items: weiß mit schwarzer Trennlinie */
1473header .dropdown-menu.js_usermenu .dropdown-item {
1474    border-radius: 0 !important;
1475    padding: 12px 20px !important;
1476    color: #111 !important;
1477    font-family: 'Inter', sans-serif !important;
1478    font-size: 16px !important;
1479    font-weight: 400 !important;
1480    border-bottom: 1px solid #111 !important;
1481    background-color: #fff !important;
1482    transition: background-color 0.15s ease, color 0.15s ease !important;
1483}
1484
1485/* Letztes Item ohne Trennlinie */
1486header .dropdown-menu.js_usermenu .dropdown-item:last-child {
1487    border-bottom: none !important;
1488}
1489
1490/* Hover: schwarz mit weißer Schrift */
1491header .dropdown-menu.js_usermenu .dropdown-item:hover,
1492header .dropdown-menu.js_usermenu .dropdown-item:focus,
1493header .dropdown-menu.js_usermenu .dropdown-item:active,
1494header .dropdown-menu.js_usermenu .dropdown-item.active {
1495    background-color: #111 !important;
1496    color: #fff !important;
1497}
1498
1499/* Icons in den Items ausblenden */
1500header .dropdown-menu.js_usermenu .dropdown-item i,
1501header .dropdown-menu.js_usermenu .dropdown-item .fa {
1502    display: none !important;
1503}
1504
1505/* Caret beim User Icon entfernen */
1506header li.dropdown .dropdown-toggle:has(.js_usermenu)::after,
1507header .o_no_autohide_item .dropdown-toggle::after {
1508    display: none !important;
1509}
1510
1511/* Divider ausblenden (zwischen Mein Konto und Abmelden) */
1512header .dropdown-menu.js_usermenu .dropdown-divider,
1513header .dropdown-menu.js_usermenu hr,
1514header .dropdown-menu.js_usermenu #o_logout_divider {
1515    display: none !important;
1516}
1517
1518/* =========================================================
1519   HEADER LINIEN
1520   Navbar: keine Linie
1521   Mega Menu: schwarze Linie unten (nur wenn offen)
1522   ========================================================= */
1523
1524/* Alle Borders und Shadows im Header Bereich komplett weg */
1525body,
1526#wrapwrap,
1527#wrapwrap > header,
1528#wrapwrap > header .navbar,
1529header.o_header_standard,
1530header.o_header_affixed,
1531.o_header_standard .navbar,
1532.o_header_affixed .navbar,
1533nav.navbar {
1534    border-top: none !important;
1535    border-bottom: none !important;
1536    box-shadow: none !important;
1537}
1538
1539/* Mega Menu: nur unten schwarze Linie, sonst nichts */
1540#top_menu .dropdown-menu.o_mega_menu,
1541header .dropdown-menu.o_mega_menu {
1542    border: none !important;
1543    border-top: none !important;
1544    border-bottom: 1px solid #111 !important;
1545    border-radius: 0 !important;
1546    box-shadow: none !important;
1547    margin-top: 0 !important;
1548}
1549
1550.lars-hover-wrapper {
1551    position: relative;
1552    display: block;
1553    overflow: hidden;
1554    width: 100%;
1555    height: 100%;
1556}
1557
1558.lars-hover-wrapper .lars-img-default,
1559.lars-hover-wrapper .lars-img-hover {
1560    display: block;
1561    width: 100%;
1562    height: 100%;
1563    object-fit: cover;
1564    transition: opacity 0.4s ease-in-out;
1565}
1566
1567.lars-hover-wrapper .lars-img-hover {
1568    position: absolute;
1569    top: 0;
1570    left: 0;
1571    opacity: 0;
1572}
1573
1574.lars-hover-wrapper:hover .lars-img-default {
1575    opacity: 0;
1576}
1577
1578.lars-hover-wrapper:hover .lars-img-hover {
1579    opacity: 1;
1580}
1581
1582@media (hover: none) {
1583    .lars-hover-wrapper:hover .lars-img-default {
1584        opacity: 1;
1585    }
1586    .lars-hover-wrapper:hover .lars-img-hover {
1587        opacity: 0;
1588    }
1589}
1590/* =========================================================
1591   LARS CART STYLING
1592   ========================================================= */
1593
1594/* Cart Zeile: Spalten oben starten, nicht strecken */
1595.o_cart_product {
1596    align-items: flex-start !important;
1597}
1598
1599/* Rechte Spalte (Buttons + Preis) auf eigene Höhe */
1600.o_cart_product > div:last-child {
1601    align-self: flex-start !important;
1602    height: auto !important;
1603}
1604
1605/* Leere Verfügbarkeitsmeldungen ausblenden */
1606.o_cart_product .availability_messages:empty {
1607    display: none !important;
1608}
1609
1610/* =========================================================
1611   QUANTITY BLOCK IM CART
1612   ========================================================= */
1613
1614/* Container: 45px hoch, nicht überdehnen */
1615.o_cart_product [name="website_sale_cart_line_quantity"].css_quantity {
1616    height: 45px !important;
1617    max-height: 45px !important;
1618    align-items: center !important;
1619    overflow: hidden !important;
1620}
1621
1622/* Buttons: feste Größe, NICHT mit flex:1 strecken */
1623.o_cart_product [name="website_sale_cart_line_quantity"] .btn-link {
1624    flex: 0 0 auto !important;
1625    height: 45px !important;
1626    max-height: 45px !important;
1627    width: 42px !important;
1628}
1629
1630/* Input zwischen den Buttons */
1631.o_cart_product [name="website_sale_cart_line_quantity"] input.quantity {
1632    height: 45px !important;
1633    max-height: 45px !important;
1634}
1635
1636/* =========================================================
1637   AVAIL ANZEIGE IM CART
1638   ========================================================= */
1639
1640.lars-avail-cart {
1641    margin-top: 4px !important;
1642    margin-bottom: 0 !important;
1643    min-height: 0 !important;
1644    gap: 6px !important;
1645    display: flex !important;
1646    align-items: center !important;
1647}
1648
1649.o_cart_product .lars-avail-cart .lars-avail-dot {
1650    display: inline-block !important;
1651    width: 10px !important;
1652    height: 10px !important;
1653    border-radius: 50% !important;
1654    flex-shrink: 0 !important;
1655}
1656
1657.o_cart_product .lars-avail-cart .lars-avail-dot.lager      { background: #22a861 !important; }
1658.o_cart_product .lars-avail-cart .lars-avail-dot.verfuegbar { background: #f5c400 !important; }
1659.o_cart_product .lars-avail-cart .lars-avail-dot.produktion { background: #f07800 !important; }
1660.o_cart_product .lars-avail-cart .lars-avail-dot.auslauf    { background: transparent !important; border: 2px solid #111 !important; }
1661.o_cart_product .lars-avail-cart .lars-avail-dot.naechster_zyklus { background: transparent !important; border: 2px solid #f07800 !important; }
1662
1663.o_cart_product .lars-avail-cart .lars-avail-text {
1664    font-size: 11px !important;
1665    color: rgba(0,0,0,0.6) !important;
1666}
1667
1668/* Mega Menu Links: dezenter Hover */
1669header .dropdown-menu.o_mega_menu a:hover,
1670header .dropdown-menu.o_mega_menu a:focus {
1671    color: #666 !important;
1672    text-decoration: none !important;
1673    transition: color 0.15s ease !important;
1674    background-color: transparent !important;
1675}
1676
1677.sh-breadcrumb-wrap .breadcrumb,
1678.sh-breadcrumb-wrap .breadcrumb a {
1679    text-transform: uppercase;
1680}
1681
1682</style>
1683
1684<script type="text/javascript">
1685(function() {
1686  var cardIndex = 0;
1687  function initSwatches() {
1688    document.querySelectorAll('.lars-card-swatches').forEach(function(container) {
1689      var card = container.closest('.oe_product');
1690      if (!card) return;
1691      var img = card.querySelector('img');
1692      if (!img) return;
1693      var swatches = container.querySelectorAll('.lars-card-swatch, .lars-card-swatch--split');
1694      if (!swatches.length) return;
1695
1696      // Startfarbe abhängig von der Kartenposition, damit nicht alle Karten dieselbe Farbe zeigen
1697      var startIndex = cardIndex % swatches.length;
1698      cardIndex++;
1699
1700      swatches.forEach(function(s) { s.classList.remove('active'); });
1701      swatches[startIndex].classList.add('active');
1702
1703      var startVariantId = swatches[startIndex].dataset.variantId;
1704      if (startVariantId) {
1705        img.src = '/web/image/product.product/' + startVariantId + '/image_512';
1706      }
1707
1708      swatches.forEach(function(swatch) {
1709        swatch.addEventListener('click', function(e) {
1710          e.preventDefault();
1711          e.stopPropagation();
1712          var variantId = swatch.dataset.variantId;
1713          if (!variantId) return;
1714          swatches.forEach(function(s) { s.classList.remove('active'); });
1715          swatch.classList.add('active');
1716          var newSrc = '/web/image/product.product/' + variantId + '/image_512';
1717          img.style.opacity = '0.5';
1718          var tempImg = new Image();
1719          tempImg.onload = function() { img.src = newSrc; img.style.opacity = '1'; };
1720          tempImg.onerror = function() { img.style.opacity = '1'; };
1721          tempImg.src = newSrc;
1722        });
1723      });
1724    });
1725  }
1726  if (document.readyState === 'loading') {
1727    document.addEventListener('DOMContentLoaded', initSwatches);
1728  } else {
1729    initSwatches();
1730  }
1731})();
1732
1733(function() {
1734  function movePrices() {
1735    document.querySelectorAll('.oe_product').forEach(function(card) {
1736      var title = card.querySelector('.o_wsale_products_item_title');
1737      var price = card.querySelector('.product_price');
1738      if (title && price && !title.contains(price)) {
1739        title.appendChild(price);
1740      }
1741    });
1742  }
1743  if (document.readyState === 'loading') {
1744    document.addEventListener('DOMContentLoaded', movePrices);
1745  } else {
1746    movePrices();
1747  }
1748})();
1749
1750(function() {
1751  function applyProductImages() {
1752    document.querySelectorAll('.product_detail_img').forEach(function(img) {
1753      img.style.setProperty('object-fit', 'cover', 'important');
1754      img.style.setProperty('object-position', 'center center', 'important');
1755      img.style.setProperty('max-height', '500px', 'important');
1756      img.style.setProperty('width', '100%', 'important');
1757    });
1758  }
1759
1760  // Sofort, nach DOM, und nach 1s nochmal (für lazy-loaded Bilder)
1761  if (document.readyState === 'loading') {
1762    document.addEventListener('DOMContentLoaded', function() {
1763      applyProductImages();
1764      setTimeout(applyProductImages, 500);
1765      setTimeout(applyProductImages, 1500);
1766    });
1767  } else {
1768    applyProductImages();
1769    setTimeout(applyProductImages, 500);
1770    setTimeout(applyProductImages, 1500);
1771  }
1772
1773  if (document.body) {
1774    var observer = new MutationObserver(applyProductImages);
1775    observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['src', 'alt'] });
1776  }
1777})();
1778
1779
1780(function() {
1781  function addTitleToViewer() {
1782    setTimeout(function() {
1783      var viewer = document.querySelector('.o_wsale_image_viewer_image');
1784      if (!viewer) return;
1785      if (document.getElementById('lars-viewer-title')) return;
1786
1787      var productTitle = document.querySelector('h1[itemprop="name"]');
1788      if (!productTitle) return;
1789
1790      var titleEl = document.createElement('div');
1791      titleEl.id = 'lars-viewer-title';
1792      titleEl.textContent = productTitle.textContent.trim();
1793      titleEl.style.cssText = [
1794      'position:absolute',
1795      'left:50px',
1796      'top:50px',
1797      'font-family:Inter,sans-serif',
1798      'font-size:18px',
1799      'font-weight:800',
1800      'color:#111',
1801      'z-index:100',
1802      'pointer-events:none'
1803    ].join(';');
1804
1805      viewer.appendChild(titleEl);
1806    }, 300);
1807  }
1808
1809  document.addEventListener('click', function(e) {
1810    var img = e.target.closest('.product_detail_img, .lars-star-images img');
1811    if (img) {
1812      document.getElementById('lars-viewer-title') && document.getElementById('lars-viewer-title').remove();
1813      addTitleToViewer();
1814    }
1815  });
1816})();
1817
1818(function() {
1819  function moveRibbons() {
1820    document.querySelectorAll('.o_ribbon').forEach(function(ribbon) {
1821      var card = ribbon.closest('.oe_product');
1822      if (!card) return;
1823      if (card.querySelector(':scope > .o_ribbon')) return;
1824      card.appendChild(ribbon);
1825    });
1826  }
1827  if (document.readyState === 'loading') {
1828    document.addEventListener('DOMContentLoaded', moveRibbons);
1829  } else {
1830    moveRibbons();
1831  }
1832})();
1833</script>
1833
1834
1835<script type="text/javascript">
1836(function () {
1837  var COLOR_ATTRIBUTE_IDS_CARD = [2, 28, 4, 6];
1838  var cardColorIndex = 0;
1839
1840  function getSelectedColorValues() {
1841    var params = new URLSearchParams(window.location.search);
1842    var attribs = params.getAll('attrib');
1843    var result = [];
1844    attribs.forEach(function(val) {
1845      var parts = val.split('-');
1846      var attrId = parseInt(parts[0], 10);
1847      var valId = parseInt(parts[1], 10);
1848      if (COLOR_ATTRIBUTE_IDS_CARD.indexOf(attrId) !== -1 && !isNaN(valId)) {
1849        result.push(valId);
1850      }
1851    });
1852    return result;
1853  }
1854
1855  // RPC-frei: nutzt window.LARS_EMBEDDED.variant_colors (Variante-ID -> Liste
1856  // von Farbwert-IDs), das serverseitig eingebettet wird und daher auch fuer
1857  // nicht eingeloggte Besucher zuverlaessig verfuegbar ist.
1858  function syncCardSwatchesToFilter() {
1859    var selectedValueIds = getSelectedColorValues();
1860    if (!selectedValueIds.length) return;
1861
1862    var variantColors = (window.LARS_EMBEDDED && window.LARS_EMBEDDED.variant_colors) || {};
1863
1864    document.querySelectorAll('.lars-card-swatches').forEach(function(container) {
1865      var card = container.closest('.oe_product');
1866      if (!card) return;
1867      var img = card.querySelector('img');
1868      if (!img) return;
1869
1870      var matchingSwatches = [];
1871      container.querySelectorAll('.lars-card-swatch[data-variant-id]').forEach(function(sw) {
1872        var vid = sw.getAttribute('data-variant-id');
1873        var valueIds = variantColors[vid] || [];
1874        var isMatch = selectedValueIds.some(function(sel) { return valueIds.indexOf(sel) !== -1; });
1875        if (isMatch) matchingSwatches.push(sw);
1876      });
1877      if (!matchingSwatches.length) return;
1878
1879      var idx = cardColorIndex % matchingSwatches.length;
1880      cardColorIndex++;
1881      var chosen = matchingSwatches[idx];
1882
1883      container.querySelectorAll('.lars-card-swatch, .lars-card-swatch--split').forEach(function(s) {
1884        s.classList.remove('active');
1885      });
1886      chosen.classList.add('active');
1887      img.src = '/web/image/product.product/' + chosen.getAttribute('data-variant-id') + '/image_512';
1888    });
1889  }
1890
1891  if (document.readyState === 'loading') {
1892    document.addEventListener('DOMContentLoaded', function() { setTimeout(syncCardSwatchesToFilter, 300); });
1893  } else {
1894    setTimeout(syncCardSwatchesToFilter, 300);
1895  }
1896})();
1897</script>
1897
1898    </head>
1899    <body>
1900
1901
1902
1903        <div id="wrapwrap" class="   ">
1904                <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=" ">
1905                    
1906    <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 ">
1907        
1908
1909            <div id="o_main_nav" class="o_main_nav container align-items-stretch">
1910                
1911    <a data-name="Navbar Logo" href="/" class="navbar-brand logo d-flex align-items-center me-4 p-2">
1912            
1913            <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>
1914        </a>
1915    
1916                
1917    <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">
1918        
1919    
1920    <li role="presentation" class="nav-item h-100 border-start o_border_contrast dropdown position-static">
1921        <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">
1922            <span>OPTICAL</span>
1923        </a>
1924        <div data-name="Mega Menu" class="dropdown-menu o_mega_menu o_no_parent_editor">
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
2074<section class="s_mega_menu_menu_image_menu py-4 o_colored_level o_cc o_cc1 pt16" style="background-image: none;">
2075        <div class="container">
2076            <div class="row o_grid_mode" data-row-count="5">
2077                
2078                
2079                
2080            <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>
2081                    <nav class="nav flex-column">
2082                        <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>
2083                        <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;
2083attrib=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>
2084                        </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>
2085        </div>
2086    </section></div>
2087        
2088    </li>
2089    <li role="presentation" class="nav-item h-100 border-start o_border_contrast dropdown position-static">
2090        <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">
2091            <span>SPORTS</span>
2092        </a>
2093        <div data-name="Mega Menu" class="dropdown-menu o_mega_menu o_no_parent_editor">
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
2134<section class="s_mega_menu_menu_image_menu py-4 o_colored_level o_cc o_cc1 pt16 pb24" style="background-image: none;">
2135        <div class="container">
2136            <div class="row o_grid_mode" data-row-count="5">
2137                
2138                
2139                
2140            <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;">
2141                    <p style="text-align: left;"><span class="h5-fs"><strong>  ENTDECKE</strong></span></p><nav class="nav flex-column">
2142                            <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>
2143                            
2144                    </nav>
2145                </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>
2146        </div>
2147    </section></div>
2148        
2149    </li>
2150    <li role="presentation" class="nav-item h-100 border-start o_border_contrast dropdown position-static">
2151        <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">
2152            <span>EXPLORE</span>
2153        </a>
2154        <div data-name="Mega Menu" class="dropdown-menu o_mega_menu o_no_parent_editor">
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
2299<section class="s_mega_menu_odoo_menu o_colored_level o_cc o_cc1 pt16 pb24" style="background-image: none;">
2300        <div class="container">
2301            <div class="row o_grid_mode" data-row-count="5">
2302                
2303                
2304                
2305                
2306            <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;">
2307                    <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>
2308                </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;">
2309                    <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>
2310                        <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>
2311                        
2312                    </nav>
2313                </div></div>
2314        </div>
2315        
2316    </section></div>
2317        
2318    </li>
2319    <li role="presentation" class="nav-item h-100 border-start o_border_contrast">
2320        <a role="menuitem" href="/stores" class="nav-link d-flex align-items-center h-100 ">
2321            <span>STORE FINDER</span>
2322        </a>
2323    </li>
2324                
2325    </ul>
2326                
2327                <ul class="o_header_stretch_elts navbar-nav flex-shrink-0">
2328                    
2329                    
2330                    
2331                    
2332        
2333            <li class="border-start o_border_contrast divider d-none"></li> 
2334            <li class="o_wsale_my_cart  border-start o_border_contrast">
2335                <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">
2336                    <div class="">
2337                        <i class="fa fa-shopping-cart fa-stack"></i>
2338                        <sup class="my_cart_quantity badge text-bg-primary rounded d-none" data-order-id="">0</sup>
2339                    </div>
2340                </a>
2341            </li>
2342        
2343                    
2344        <li data-name="Language Selector" class="o_header_language_selector ">
2345        
2346            <div class="js_language_selector h-100 border-start o_border_contrast dropdown d-print-none">
2347                <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">
2348                    <span class="align-middle small"> Deutsch (CH)</span>
2349                </button>
2350                <div role="menu" class="dropdown-menu dropdown-menu-end">
2351                        <a class="dropdown-item js_change_lang " role="menuitem" href="/fr_CH/shop/cart" data-url_code="fr_CH" title=" Français (CH)">
2352                            <span class="small"> Français (CH)</span>
2353                        </a>
2354                        <a class="dropdown-item js_change_lang active" role="menuitem" href="/shop/cart" data-url_code="de_CH" title=" Deutsch (CH)">
2355                            <span class="small"> Deutsch (CH)</span>
2356                        </a>
2357                </div>
2358            </div>
2359        
2360        </li>
2361                    
2362            <li class="border-start o_border_contrast o_no_autohide_item">
2363                <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>
2364            </li>
2365                    
2366        
2367        
2368                    
2369                </ul>
2370            </div>
2371        
2372    </nav>
2373    <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 ">
2374        
2375
2376        <div class="o_main_nav container flex-wrap justify-content-between">
2377            
2378    <a data-name="Navbar Logo" href="/" class="navbar-brand logo ">
2379            
2380            <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>
2381        </a>
2382    
2383            <ul class="o_header_mobile_buttons_wrap navbar-nav flex-row align-items-center gap-2 mb-0">
2384        
2385            <li class=" divider d-none"></li> 
2386            <li class="o_wsale_my_cart  ">
2387                <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">
2388                    <div class="">
2389                        <i class="fa fa-shopping-cart fa-stack"></i>
2390                        <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>
2391                    </div>
2392                </a>
2393            </li>
2394        
2395                <li class="o_not_editable">
2396                    <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">
2397                        <span class="navbar-toggler-icon"></span>
2398                    </button>
2399                </li>
2400            </ul>
2401            <div id="top_menu_collapse_mobile" class="offcanvas offcanvas-end o_navbar_mobile">
2402                <div class="offcanvas-header justify-content-end o_not_editable">
2403                    <button type="button" class="nav-link btn-close" data-bs-dismiss="offcanvas" aria-label="Schließen"></button>
2404                </div>
2405                <div class="offcanvas-body d-flex flex-column justify-content-between h-100 w-100">
2406                    <ul class="navbar-nav">
2407                        
2408                        
2409                        
2410    <ul role="menu" class="nav navbar-nav top_menu  text-end">
2411        
2412
2413                            
2414    <li role="presentation" class="nav-item dropdown position-static">
2415        <a data-bs-toggle="dropdown" href="#" role="menuitem" class="nav-link dropdown-toggle o_mega_menu_toggle  " data-bs-display="static">
2416            <span>OPTICAL</span>
2417        </a>
2418        
2419    </li>
2420    <li role="presentation" class="nav-item dropdown position-static">
2421        <a data-bs-toggle="dropdown" href="#" role="menuitem" class="nav-link dropdown-toggle o_mega_menu_toggle  " data-bs-display="static">
2422            <span>SPORTS</span>
2423        </a>
2424        
2425    </li>
2426    <li role="presentation" class="nav-item dropdown position-static">
2427        <a data-bs-toggle="dropdown" href="#" role="menuitem" class="nav-link dropdown-toggle o_mega_menu_toggle  " data-bs-display="static">
2428            <span>EXPLORE</span>
2429        </a>
2430        
2431    </li>
2432    <li role="presentation" class="nav-item">
2433        <a role="menuitem" href="/stores" class="nav-link ">
2434            <span>STORE FINDER</span>
2435        </a>
2436    </li>
2437                        
2438    </ul>
2439                        
2440                        
2441                    </ul>
2442                    <ul class="navbar-nav gap-2 mt-3 w-100">
2443                        
2444            <li class=" o_no_autohide_item">
2445                <a href="/web/login" class="btn btn-outline-secondary w-100">Anmelden</a>
2446            </li>
2447                        
2448        
2449        
2450                        
2451        <li data-name="Language Selector" class="o_header_language_selector ">
2452        
2453            <div class="js_language_selector dropup dropdown d-print-none">
2454                <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">
2455                    <span class="align-middle me-auto small"> Deutsch (CH)</span>
2456                </button>
2457                <div role="menu" class="dropdown-menu w-100">
2458                        <a class="dropdown-item js_change_lang " role="menuitem" href="/fr_CH/shop/cart" data-url_code="fr_CH" title=" Français (CH)">
2459                            <span class="me-auto small"> Français (CH)</span>
2460                        </a>
2461                        <a class="dropdown-item js_change_lang active" role="menuitem" href="/shop/cart" data-url_code="de_CH" title=" Deutsch (CH)">
2462                            <span class="me-auto small"> Deutsch (CH)</span>
2463                        </a>
2464                </div>
2465            </div>
2466        
2467        </li>
2468                        
2469                    </ul>
2470                </div>
2471            </div>
2472        </div>
2473    
2474    </nav>
2475    
2476        </header>
2477                <main>
2478                    
2479            <div id="wrap">
2480                <div class="oe_website_sale o_website_sale_checkout container py-2">
2481                    <div class="row position-relative  mb32">
2482                        <div class="col-12">
2483    
2484    <div class="o_wizard d-flex flex-wrap justify-content-between justify-content-md-start my-3 my-sm-4">
2485        <div class="d-flex flex-column flex-md-row align-items-end align-items-md-start justify-content-center">
2486            
2487                <span class=" d-none d-md-flex no-decoration">
2488                    <div class="d-flex align-items-center o_wizard_step_active fw-bold">
2489                        <p class="o_wizard_steplabel text-center mb-0">
2490                            Bestellung überprüfen
2491                        </p>
2492                        <span class="fa fa-angle-right d-inline-block align-middle mx-sm-3 text-muted fs-5"></span>
2493                    </div>
2494                </span>
2495                <span class="o_disabled d-none d-md-flex no-decoration">
2496                    <div class="d-flex align-items-center text-muted">
2497                        <p class="o_wizard_steplabel text-center mb-0">
2498                            Versand
2499                        </p>
2500                        <span class="fa fa-angle-right d-inline-block align-middle mx-sm-3 text-muted fs-5"></span>
2501                    </div>
2502                </span>
2503                <span class="o_disabled d-none d-md-flex no-decoration">
2504                    <div class="d-flex align-items-center text-muted">
2505                        <p class="o_wizard_steplabel text-center mb-0">
2506                            Weitere Informationen
2507                        </p>
2508                        <span class="fa fa-angle-right d-inline-block align-middle mx-sm-3 text-muted fs-5"></span>
2509                    </div>
2510                </span>
2511                <span class="o_disabled d-none d-md-flex no-decoration">
2512                    <div class="d-flex align-items-center text-muted">
2513                        <p class="o_wizard_steplabel text-center mb-0">
2514                            Zahlung
2515                        </p>
2516                    </div>
2517                </span>
2518            
2519            <div class="d-flex d-md-none flex-column align-items-start">
2520                <div class="dropdown">
2521                    <a class="dropdown-toggle fw-bold" role="button" data-bs-toggle="dropdown" aria-expanded="false" title="Schritte">
2522                        Bestellung überprüfen
2523                    </a>
2524                    <ul class="dropdown-menu">
2525                        <li>
2526                            <span class="dropdown-item fw-bold" title="Bestellung überprüfen">Bestellung überprüfen</span>
2527                        </li><li>
2528                            <span class="dropdown-item text-muted o_disabled" title="Versand">Versand</span>
2529                        </li><li>
2530                            <span class="dropdown-item text-muted o_disabled" title="Weitere Informationen">Weitere Informationen</span>
2531                        </li><li>
2532                            <span class="dropdown-item text-muted o_disabled" title="Zahlung">Zahlung</span>
2533                        </li>
2534                    </ul>
2535                </div>
2536                <span class="d-inline-block d-md-none text-muted">
2537                        Als nächstes: Versand
2538                </span>
2539            </div>
2540        </div>
2541        <div class="o_wizard_circle_progress progress d-md-none position-relative rounded-circle ms-3 bg-transparent" style="--rightProgress:90.0deg; --leftProgress:0deg;">
2542            <span class="o_wizard_circle_progress_left position-absolute start-0 top-0 z-index-1 overflow-hidden w-50 h-100 ">
2543                <span class="progress-bar position-absolute start-100 top-0 w-100 h-100 border border-5 border-start-0 border-primary bg-transparent"></span>
2544            </span>
2545            <span class="o_wizard_circle_progress_right position-absolute top-0 end-0 z-index-1 overflow-hidden w-50 h-100">
2546                <span class="progress-bar position-absolute top-0 end-100 w-100 h-100 border border-5 border-end-0 border-primary bg-transparent"></span>
2547            </span>
2548            <p class="mx-auto fw-bold">
2549                1
2550                von
2551                4
2552            </p>
2553        </div>
2554    </div>
2555                        </div>
2556                        <div class="offset-xl-1 col-lg-5 col-xl-4 order-2" id="o_cart_summary">
2557                        </div>
2558                        <div class="oe_cart col-12 col-lg-7">
2559                            
2560
2561            <div class="col">
2562                <h3 class="mb-4">Bestellübersicht</h3>
2563        <div class="js_cart_lines alert alert-info">
2564            Ihr Warenkorb ist noch leer!
2565        </div>
2566                <div class="clearfix"></div>
2567                <div class="oe_structure" id="oe_structure_website_sale_cart_1"></div>
2568            </div>
2569        
2570                        </div>
2571                        
2572                    </div>
2573                </div>
2574                
2575                
2576                
2577                <div class="oe_structure" id="oe_structure_website_sale_cart_2"></div>
2578            
2579            </div>
2580        
2581        <div id="o_shared_blocks" class="oe_unremovable"></div>
2582                </main>
2583                <footer id="bottom" data-anchor="true" data-name="Footer" class="o_footer o_colored_level o_cc ">
2584                    <div id="footer" class="oe_structure oe_structure_solo">
2585            <section class="s_text_block pt40 pb32" data-snippet="s_text_block" data-name="Text" style="background-image: none;">
2586                <div class="container">
2587                    <div class="row o_grid_mode" data-row-count="4">
2588                        
2589                        
2590                        <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;">
2591                            <h5><span style="font-size: 0.75rem;">LEGAL</span></h5><ul class="list-unstyled">
2592                                <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>
2593                                <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>
2594                                <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>
2595                        
2596                        
2597                    <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;">
2598                            <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;">
2599                            <h5><span style="font-size: 0.75rem;">KUNDENSERVICE</span></h5>
2600                            <ul class="list-unstyled">
2601                                <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>
2602                                <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>
2603                                <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>
2604                                
2605                            </ul>
2606                        </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;">
2607                            <h5><span style="font-size: 0.75rem;">UNTERNEHMEN</span><br/></h5>
2608                            <ul class="list-unstyled">
2609                                <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>
2610                                <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;">
2611                            
2612                            <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>
2613                </div>
2614            </section>
2615        </div>
2616                </footer>
2617            </div>
vendor: 103 bytes, lines 2617-2618
2617
2618            <script id="tracking_code" async="async" src="https://www.googletagmanager.com/gtag/js?id=
2618G-M9TRM5ZXWN
vendor: 24 bytes, lines 2618-2619
2618"></script>
2619            
2619<script id="tracking_code_config">
2620                window.dataLayer = window.dataLayer || [];
2621                function gtag(){dataLayer.push(arguments);}
2622                gtag('consent', 'default', {
2623                    'ad_storage': 'denied',
2624                    'ad_user_data': 'denied',
2625                    'ad_personalization': 'denied',
2626                    'analytics_storage': 'denied',
2627                });
2628                gtag('js', new Date());
2629                gtag('config', 'G-M9TRM5ZXWN');
2630                function allConsentsGranted() {
2631                    gtag('consent', 'update', {
2632                        'ad_storage': 'granted',
2633                        'ad_user_data': 'granted',
2634                        'ad_personalization': 'granted',
2635                        'analytics_storage': 'granted',
2636                    });
2637                }
2638                    allConsentsGranted();
2639            </script>
2639
2640        
2641        </body>
2642</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.