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