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&attrib=3-75&attrib=3-15&attrib=3-91&attrib=3-16&attrib=3-92&attrib=3-17&attrib=3-18&attrib=3-19&attrib=3-20&attrib=3-21&attrib=3-22&attrib=3-23&attrib=3-25&attrib=3-26&attrib=3-27&attrib=3-28&attrib=3-29&attrib=3-30&attrib=3-31&attrib=3-32&attrib=3-34&attrib=3-35&attrib=3-36&attrib=3-37&attrib=3-38&attrib=3-39&attrib=3-40&attrib=3-41&attrib=3-43&attrib=3-44&attrib=3-54&attrib=3-93&attrib=3-94&attrib=3-95&attrib=3-96&attrib=3-98&
2083attrib=3-165&attrib=3-172&attrib=3-173&attrib=3-193&attrib=3-205&attrib=3-207&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 Marke der ILEVE OPTICS AG.<br/>Bernapark 28. 3066 Stettlen. <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.