{"id":42,"date":"2025-05-20T21:38:06","date_gmt":"2025-05-20T21:38:06","guid":{"rendered":"https:\/\/ivko.test.goando.de\/index.php\/marken-produkte\/"},"modified":"2026-08-11T23:02:15","modified_gmt":"2026-08-11T23:02:15","slug":"marken-produkte","status":"publish","type":"page","link":"https:\/\/ivko.test.goando.de\/en\/marken-produkte\/","title":{"rendered":"Brands &amp; Products"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"42\" class=\"elementor elementor-42\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-125c14d elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"125c14d\" data-element_type=\"container\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_offset&quot;:66,&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b4cafef e-con-full e-flex e-con e-child\" data-id=\"b4cafef\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f52616a elementor-widget elementor-widget-heading\" data-id=\"f52616a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">BRANDS<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-54ade22 e-con-full e-flex e-con e-child\" data-id=\"54ade22\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a62f0a0 elementor-hidden-mobile elementor-widget elementor-widget-heading\" data-id=\"a62f0a0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Eyeglasses for Everyone<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9f9304f e-flex e-con-boxed e-con e-parent\" data-id=\"9f9304f\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_offset&quot;:266,&quot;sticky_offset_mobile&quot;:20,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4ceaafa e-con-full e-flex e-con e-child\" data-id=\"4ceaafa\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;background_motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;background_motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e5efb6 elementor-hidden-mobile elementor-widget elementor-widget-ucaddon_animated_mouse_scroll_icon\" data-id=\"2e5efb6\" data-element_type=\"widget\" data-widget_type=\"ucaddon_animated_mouse_scroll_icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Animated Mouse Scroll Icon -->\n<style>\/* widget: Animated Mouse Scroll Icon *\/\n\n.mousey {\n  border-style:solid;\n  box-sizing: border-box;\n  display:inline-block;\n  text-align:center;\n}\n.scroller {\n  border-radius: 50px;\n  animation-name: scroll;\n  animation-duration: 2.2s;\n  animation-timing-function: cubic-bezier(.15,.41,.69,.94);\n  animation-iteration-count: infinite;\n  display:inline-block;\n}\n@keyframes scroll {\n  0% { opacity: 0; }\n  10% { transform: translateY(0); opacity: 1; }\n  100% { transform: translateY(15px); opacity: 0;}\n}\n\n<\/style>\n\n<div class=\"scroll-downs\" style=\"text-align:center;\">\n  \t\n  <div class=\"mousey\" aria-hidden=\"true\">\n    <div class=\"scroller\"><\/div>\n  <\/div>\n  \t\n<\/div>\n<!-- end Animated Mouse Scroll Icon -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8650d4b e-con-full elementor-hidden-desktop elementor-hidden-tablet e-flex e-con e-child\" data-id=\"8650d4b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a840719 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-heading\" data-id=\"a840719\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Eyeglasses for Everyone<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-553fd74 elementor-widget elementor-widget-heading\" data-id=\"553fd74\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">BRANDS<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eeedd11 e-flex e-con-boxed e-con e-parent\" data-id=\"eeedd11\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5aeb0e3 e-con-full e-flex e-con e-child\" data-id=\"5aeb0e3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-236c1b2 elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"236c1b2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Brands for Every Target Audience<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21f4886 elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"21f4886\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Our brand portfolio combines well-known licensed brands, strong in-house developments, and high-quality designer lines for various target groups, <br \/>but with a clear commitment: high-quality craftsmanship, functionality, and design.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f8b7702 elementor-widget elementor-widget-html\" data-id=\"f8b7702\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"brand-showcase\">\n  <style>\n    #brand-showcase {\n      --section-padding-top: 0px;\n      --section-padding-bottom: 0px;\n      --section-bg: #FFFDF8;\n      --text-color: #2E2E2E;\n      --tab-bg: #2B2D42;\n      --tab-active-bg: #790619;\n      --detail-bg: #FFFDF8;\n      --accent: #790619;\n      --primary: #101112;\n      --max-width: inherit;\n      --transition: 220ms ease;\n      background: var(--section-bg);\n      padding-top: var(--section-padding-top);\n      padding-bottom: var(--section-padding-bottom);\n      font-family: \"Lato\", sans-serif;\n      color: var(--text-color);\n    }\n\n    #brand-showcase * { box-sizing: border-box; }\n\n    #brand-showcase .bs-wrap { max-width: var(--max-width); margin: 0 auto; padding: 0px; }\n\n    \/* TOP TABS *\/\n    #brand-showcase .bs-tabs {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      position: relative;\n      z-index: 2;\n    }\n\n    #brand-showcase .bs-tab {\n      position: relative;\n      z-index: 1;\n      background: var(--tab-bg);\n      color: #fff;\n      border: 0;\n      border-radius: 0;\n      padding: 34px 20px;\n      font-family: \"Brandon Grotesque\", \"BrandonGrotesque\", \"Lato\", sans-serif;\n      font-size: 18px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.04em;\n      cursor: pointer;\n      transition: background var(--transition), box-shadow var(--transition), transform var(--transition);\n    }\n\n    #brand-showcase .bs-tab:hover { background: var(--tab-active-bg); }\n\n    #brand-showcase .bs-tab.is-active {\n      background: var(--tab-active-bg);\n      z-index: 3;\n      box-shadow: 0 10px 22px rgba(0,0,0,0.14), 0 3px 8px rgba(0,0,0,0.08);\n    }\n\n    \/* BRAND LOGOS ROW *\/\n    #brand-showcase .bs-brand-row {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: space-around;\n      gap: 20px 28px;\n      background: var(--section-bg);\n      padding: 10px 0;\n    }\n\n    #brand-showcase .bs-brand-trigger {\n      display: flex;\n      align-items: center;\n      justify-content: space-around;\n      flex: 1 1 220px;\n      min-height: 110px;\n      max-width: 280px;\n      border: 0;\n      background: transparent;\n      cursor: pointer;\n      padding: 18px;\n      opacity: 0.72;\n      transition: transform var(--transition), opacity var(--transition);\n    }\n\n    #brand-showcase .bs-brand-trigger:hover,\n    #brand-showcase .bs-brand-trigger.is-active { opacity: 1; transform: translateY(-2px); }\n\n    #brand-showcase .bs-brand-trigger img {\n      max-width: 190px; max-height: 75px; width: auto; height: auto; object-fit: contain; display: block;\n    }\n\n    \/* LOWER AREA = 3 COLUMNS *\/\n    #brand-showcase .bs-detail {\n      display: grid;\n      grid-template-columns: 1.15fr 0.95fr 0.95fr;\n      min-height: 520px;\n      background: var(--detail-bg);\n    }\n\n    \/* COL 1 TEXT *\/\n    #brand-showcase .bs-text-col {\n      padding: 75px 6em 50px 6em;\n      background: var(--detail-bg);\n      display: flex;\n      flex-direction: column;\n    }\n\n    #brand-showcase .bs-title {\n      margin: 0 0 18px;\n      font-family: \"Brandon Grotesque\", \"BrandonGrotesque\", \"Lato\", sans-serif;\n      font-size: clamp(34px, 4vw, 58px);\n      line-height: 0.98;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: -0.01em;\n      color: var(--primary);\n    }\n\n    #brand-showcase .bs-text {\n      max-width: 520px; margin: 0 0 28px; color: var(--text-color);\n      font-family: \"Lato\", sans-serif; font-size: 18px; line-height: 1.45;\n    }\n\n    #brand-showcase .bs-contact { display: flex; gap: 12px; margin-bottom: 46px; }\n\n    #brand-showcase .bs-contact a {\n      width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center;\n      border-radius: 50%; background: var(--primary); color: #fff; text-decoration: none; font-size: 18px;\n      transition: transform var(--transition), background var(--transition);\n    }\n\n    #brand-showcase .bs-contact a:hover { transform: translateY(-2px); background: var(--accent); }\n\n    #brand-showcase .bs-sub-line { width: 105px; height: 2px; background: var(--accent); margin-bottom: 22px; }\n\n    #brand-showcase .bs-sub-nav { margin-top: auto; }\n\n    #brand-showcase .bs-sub-nav h3 {\n      margin: 0 0 16px; font-family: \"Lato\", sans-serif; font-size: 22px; line-height: 1.1; font-weight: 700; color: var(--primary);\n    }\n\n    #brand-showcase .bs-arrows-dots { display: flex; align-items: center; gap: 14px; user-select: none; }\n\n    #brand-showcase .bs-arrow { border: 0; background: transparent; font-size: 34px; line-height: 1; cursor: pointer; color: var(--primary); padding: 0; }\n\n    #brand-showcase .bs-dots { display: flex; gap: 9px; align-items: center; }\n\n    #brand-showcase .bs-dot { width: 8px; height: 8px; border-radius: 50%; background: #d9d4c7; transition: background var(--transition), transform var(--transition); }\n\n    #brand-showcase .bs-dot.is-active { background: var(--accent); transform: scale(1.1); }\n\n    \/* COL 2 LOGOS *\/\n    #brand-showcase .bs-logos-col {\n      padding: 120px 34px 50px 20px; background: var(--detail-bg);\n      display: flex; align-items: flex-start; justify-content: flex-start;\n    }\n\n    #brand-showcase .bs-sub-logos {\n      display: grid; grid-template-columns: repeat(2, 140px); gap: 34px 38px;\n      align-items: start; justify-content: start; align-content: start; width: 100%;\n    }\n\n    #brand-showcase .bs-sub-logo-link {\n      display: flex; align-items: center; justify-content: center; min-height: 58px; text-decoration: none; text-align: center;\n    }\n\n    #brand-showcase .bs-sub-logo-link img { max-width: 120px; max-height: 70px; width: auto; height: auto; object-fit: contain; display: block; }\n\n    \/* COL 3 IMAGE *\/\n    #brand-showcase .bs-image-col { position: relative; overflow: hidden; background: #E3E2D9; min-height: 100%; }\n\n    #brand-showcase .bs-image-col img { width: 100%; height: 100%; min-height: 520px; object-fit: cover; display: block; }\n\n    \/* STATE: keine Sublogos *\/\n    #brand-showcase .bs-detail.no-sublogos { grid-template-columns: 1fr 1fr; }\n    #brand-showcase .bs-detail.no-sublogos .bs-logos-col { display: none; }\n    #brand-showcase .bs-detail.no-sublogos .bs-image-col { grid-column: auto; }\n    #brand-showcase .bs-sub-nav.is-hidden { display: none; }\n\n    @media (max-width: 1100px) {\n      #brand-showcase .bs-detail { grid-template-columns: 1fr 1fr; }\n      #brand-showcase .bs-image-col { grid-column: 1 \/ -1; }\n      #brand-showcase .bs-image-col img { min-height: 360px; }\n      #brand-showcase .bs-brand-trigger { flex: 0 1 clamp(160px, 30%, 240px); }\n    }\n\n    @media (max-width: 780px) {\n      #brand-showcase .bs-tabs, #brand-showcase .bs-detail { grid-template-columns: 1fr; }\n      #brand-showcase .bs-tab { padding: 22px 16px; font-size: 16px; }\n      #brand-showcase .bs-text-col, #brand-showcase .bs-logos-col { padding: 34px 24px; }\n      #brand-showcase .bs-logos-col { padding-top: 0; }\n      #brand-showcase .bs-sub-logos { grid-template-columns: repeat(2, minmax(100px, 1fr)); gap: 22px; }\n      #brand-showcase .bs-brand-row { gap: 16px 20px; }\n      #brand-showcase .bs-brand-trigger { flex: 0 1 min(100%, 260px); max-width: 260px; }\n      #brand-showcase .bs-image-col img { min-height: 300px; }\n    }\n  <\/style>\n\n  <div class=\"bs-wrap\">\n    <div class=\"bs-tabs\" id=\"bs-tabs\"><\/div>\n    <div class=\"bs-brand-row\" id=\"bs-brand-row\"><\/div>\n\n    <div class=\"bs-detail\">\n      <div class=\"bs-text-col\">\n        <h2 class=\"bs-title\" id=\"bs-title\"><\/h2>\n        <div class=\"bs-text\" id=\"bs-text\"><\/div>\n        <div class=\"bs-contact\" id=\"bs-contact\"><\/div>\n        <div class=\"bs-sub-line\"><\/div>\n        <div class=\"bs-sub-nav\">\n          <h3 id=\"bs-sub-title\"><\/h3>\n          <div class=\"bs-arrows-dots\">\n            <button class=\"bs-arrow\" id=\"bs-prev\" aria-label=\"Previous Category\">\u2039<\/button>\n            <div class=\"bs-dots\" id=\"bs-dots\"><\/div>\n            <button class=\"bs-arrow\" id=\"bs-next\" aria-label=\"Next Category\">\u203a<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"bs-logos-col\">\n        <div class=\"bs-sub-logos\" id=\"bs-sub-logos\"><\/div>\n      <\/div>\n      <div class=\"bs-image-col\">\n        <img decoding=\"async\" id=\"bs-main-image\" src=\"\" alt=\"\">\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function () {\n      const data = {\n        tabs: [\n          {\n            id: \"fashion\",\n            label: \"Fashion Eyewear\",\n            brands: [\n              {\n                id: \"young-fashion\",\n                name: \"Young Fashion Eyewear\",\n                logo: \"\/wp-content\/uploads\/2025\/08\/YFE-Logo_IVG_2024_1.png\",\n                title: \"Young Fashion Eyewear\",\n                text: \"Junge, trendbewusste Brillenkollektionen mit Charakter \u2013 von verspielten Kids-Modellen \u00fcber ausdrucksstarke Teens-Fassungen bis zu modischer Eyewear f\u00fcr Erwachsene.\",\n                contacts: [],\n                categories: [\n                  {\n                    label: \"Kids Eyewear\",\n                    image: \"\/wp-content\/uploads\/2026\/03\/SDN-04-12.jpg\",\n                    logos: [\n                      { name: \"Conni\", image: \"\/wp-content\/uploads\/2025\/10\/Logo_Con.png\", href: \"#conni\" },\n                      { name: \"Die Wilden Kerle\", image: \"\/wp-content\/uploads\/2025\/10\/Logo_DWK.png\", href: \"#wilde-kerle\" },\n                      { name: \"Schleich\", image: \"\/wp-content\/uploads\/2025\/10\/Zeichenflaeche-1-1.png\", href: \"#schleich\" },\n                      { name: \"Lillebi\", image: \"\/wp-content\/uploads\/2025\/10\/Logo_LB.png\", href: \"#lillebi\" },\n                      { name: \"Mia and Me\", image: \"\/wp-content\/uploads\/2025\/08\/Logo-Mia-and-me.png\", href: \"#mia-and-me\" },\n                      { name: \"Star Wars\", image: \"\/wp-content\/uploads\/2025\/10\/Logo_SW.png\", href: \"#star-wars\" },\n                      { name: \"Paw Patrol\", image: \"\/wp-content\/uploads\/2025\/08\/Logo_Paw-Patrol.png\", href: \"#paw-patrol-1\" },\n                      { name: \"Janosch\", image: \"\/wp-content\/uploads\/2025\/10\/Logo_J.png\", href: \"#janosch\" },\n                      { name: \"Vulkani\", image: \"\/wp-content\/uploads\/2025\/10\/Logo_VI.png\", href: \"#vulkani\" },\n                      { name: \"Die Maus\", image: \"\/wp-content\/uploads\/2025\/10\/Logo_Maus.png\", href: \"#die-maus\" },\n                      { name: \"ReForm\", image: \"\/wp-content\/uploads\/2026\/03\/REFORM_BLACK_512px.png\", href: \"#reform\" },\n                      { name: \"Polar\", image: \"\/wp-content\/uploads\/2025\/10\/Polar-Logo.png\", href: \"#polar\" },\n                      { name: \"Ivko Babys\", image: \"\/wp-content\/uploads\/2025\/10\/Logo_IVB.png\", href: \"#ivko-babys\" }\n                    ]\n                  },\n                  {\n                    label: \"Young Fashion Eyewear\",\n                    image: \"\/wp-content\/uploads\/2026\/03\/V-1202-1395.jpg\",\n                    logos: [\n                      { name: \"Vulkan\", image: \"\/wp-content\/uploads\/2025\/10\/Logo_V.png\", href: \"#vulkan\" },\n                      { name: \"Vulkan Denim\", image: \"\/wp-content\/uploads\/2025\/10\/Vulkan_Denim_Logo.png\", href: \"#vulkan-denim\" },\n                      { name: \"Vaude\", image: \"\/wp-content\/uploads\/2026\/03\/Logo_VD.png\", href: \"#vaude\" },\n                      { name: \"ReForm\", image: \"\/wp-content\/uploads\/2026\/03\/REFORM_BLACK_512px.png\", href: \"#reform\" },\n                      { name: \"Polar\", image: \"\/wp-content\/uploads\/2025\/10\/Polar-Logo.png\", href: \"#polar\" }\n                    ]\n                  },\n                  {\n                    label: \"Adult Eyewear\",\n                    image: \"\/wp-content\/uploads\/2026\/03\/DN-902-S002p-G16-017-scaled.jpeg\",\n                    logos: [\n                      { name: \"Moleskine\", image: \"\/wp-content\/uploads\/2025\/10\/Moleskine.png\", href: \"#moleskine\" },\n                      { name: \"Polar\", image: \"\/wp-content\/uploads\/2025\/10\/Polar-Logo.png\", href: \"#polar\" },\n                      { name: \"Vaude\", image: \"\/wp-content\/uploads\/2026\/03\/Logo_VD.png\", href: \"#vaude\" },\n                      { name: \"ReForm\", image: \"\/wp-content\/uploads\/2026\/03\/REFORM_BLACK_512px.png\", href: \"#reform\" },\n                      { name: \"Reebok\", image: \"\/wp-content\/uploads\/2026\/03\/Reebok-01_schwarz_1.png\", href: \"#reebok\" },\n                      { name: \"AllSaints\", image: \"\/wp-content\/uploads\/2026\/03\/Artboard-1@6x-scaled.png\", href: \"#allsaints\" }\n                    ]\n                  }\n                ]\n              },\n              {\n                id: \"ivkopal\",\n                name: \"IVKOPAL\",\n                logo: \"\/wp-content\/uploads\/2025\/10\/IVKOPAL-Logo.png\",\n                title: \"IVKOPAL\",\n                text: \"Lizenz- und Charakterbrillen mit Pers\u00f6nlichkeit \u2013 von beliebten Entertainment-Marken bis zu modischen Fassungen f\u00fcr jede Altersgruppe.\",\n                contacts: [],\n                categories: [\n                  {\n                    label: \"Ivkopal Direct\",\n                    image: \"\/wp-content\/uploads\/2026\/03\/MIA-14-43.jpg\",\n                    logos: [\n                      { name: \"Owlet Nightdrive\", image: \"\/wp-content\/uploads\/2026\/03\/owlet-nightdrive-1.png\", href: \"#\" },\n                      { name: \"Owlet Originals\", image: \"\/wp-content\/uploads\/2026\/03\/owlet-originals-1.png\", href: \"#\" },\n                      { name: \"Owlet Premium\", image: \"\/wp-content\/uploads\/2026\/03\/owlet-premium-1.png\", href: \"#\" },\n                      { name: \"Owlet Blue\", image: \"\/wp-content\/uploads\/2026\/03\/Owlet-blue-1.png\", href: \"#\" },\n                      { name: \"Owlet Reading\", image: \"\/wp-content\/uploads\/2026\/03\/Zeichenflaeche-1@6x-2.png\", href: \"#\" }\n                    ]\n                  },\n                  {\n                    label: \"Kids & Entertainment\",\n                    image: \"\/wp-content\/uploads\/2026\/03\/MIA-14-43.jpg\",\n                    logos: [\n                      { name: \"Spider-Man\", image: \"\/wp-content\/uploads\/2026\/03\/Logo-Spider-Man.png\", href: \"#\" },\n                      { name: \"Frozen\", image: \"\/wp-content\/uploads\/2026\/03\/Logo-Frozen-png-\u00a92021.png\", href: \"#\" },\n                      { name: \"Not for Kids\", image: \"\/wp-content\/uploads\/2026\/03\/Zeichenflaeche-1@6x-1.png\", href: \"#\" },\n                      { name: \"Avengers\", image: \"\/wp-content\/uploads\/2026\/03\/Marvel-Avengers-Logo.png\", href: \"#\" },\n                      { name: \"Barbie\", image: \"\/wp-content\/uploads\/2026\/03\/BARBIE-2022.png\", href: \"#\" },\n                      { name: \"Demetz\", image: \"\/wp-content\/uploads\/2026\/03\/Demetz-Logo.png\", href: \"#\" },\n                      { name: \"Tartine et Chocolat\", image: \"\/wp-content\/uploads\/2026\/03\/Logo-Tartine-et-Chocolat.png\", href: \"#\" },\n                      { name: \"The Minions\", image: \"\/wp-content\/uploads\/2026\/03\/minions.png\", href: \"#\" },\n                      { name: \"Princess\", image: \"\/wp-content\/uploads\/2026\/03\/Disney-Princess_Logo.png\", href: \"#\" },\n                      { name: \"Lulu Castagnette Enfant\", image: \"\/wp-content\/uploads\/2026\/03\/Logo-Lulu-Casatagnette.png\", href: \"#\" },\n                      { name: \"Hello Kitty\", image: \"\/wp-content\/uploads\/2026\/03\/Logo-Hello-Kitty.png\", href: \"#\" },\n                      { name: \"Elevenparis Boys & Girls\", image: \"\/wp-content\/uploads\/2026\/03\/Logo-Elevenparis.png\", href: \"#\" }\n                    ]\n                  }\n                ]\n              },\n              {\n                id: \"stepper\",\n                name: \"Stepper Eyewear\",\n                logo: \"\/wp-content\/uploads\/2025\/09\/STEPPER_EYEWEAR_LOGO_2023.svg\",\n                title: \"Stepper Eyewear\",\n                text: \"Leichte, hautfreundliche Brillen \u201eMade in Germany\u201c \u2013 hochwertige Materialien, durchdachte Ergonomie und ein angenehmer Tragekomfort.\",\n                contacts: [],\n                categories: [\n                  {\n                    label: \"Stepper Kollektionen\",\n                    image: \"\/wp-content\/uploads\/2026\/03\/SI-87368-F010.jpg\",\n                    logos: [\n                      { name: \"Stepper Start\", image: \"\/wp-content\/uploads\/2025\/08\/stepper_logo_start_cmyk_bg-scaled.jpg\", href: \"#\" },\n                      { name: \"Stepper Spirit\", image: \"\/wp-content\/uploads\/2025\/08\/stepper_logo_spirit_cmyk_bg-scaled.jpg\", href: \"#\" },\n                      { name: \"Stepper Origin\", image: \"\/wp-content\/uploads\/2025\/08\/stepper_logo_origin_cmyk_bg-scaled.jpg\", href: \"#\" },\n                      { name: \"Stepper Essentials\", image: \"\/wp-content\/uploads\/2025\/08\/stepper_logo_essentials_cmyk_bg-scaled.jpg\", href: \"#\" }\n                    ]\n                  }\n                ]\n              }\n            ]\n          },\n          {\n            id: \"luxury\",\n            label: \"Luxury Goods\",\n            brands: [\n              {\n                id: \"lux-1\",\n                name: \"Maybach Icons of Luxury\",\n                logo: \"\/wp-content\/uploads\/2025\/08\/MM_2D_SB_1k_large-scaled.png\",\n                title: \"MAYBACH Icons of Luxury\",\n                text: \"Ikonische Luxus-Eyewear, die feinste Handwerkskunst, edelste Materialien und zeitlose Eleganz zu einem unverwechselbaren Statement vereint.\",\n                contacts: [],\n                categories: [\n                  { label: \"Kollektion\", image: \"\/wp-content\/uploads\/2025\/08\/Maybach_2025_1151.webp\", logos: [] }\n                ]\n              },\n              {\n                id: \"lux-2\",\n                name: \"Maybach Eyewear\",\n                logo: \"\/wp-content\/uploads\/2025\/08\/MME_2D_SB_1k_large-scaled.png\",\n                title: \"MAYBACH Eyewear\",\n                text: \"Exklusive Fassungen mit kompromissloser Qualit\u00e4t, pr\u00e4ziser Verarbeitung und einem unverkennbaren Designanspruch.\",\n                contacts: [],\n                categories: [\n                  { label: \"Kollektion\", image: \"\/wp-content\/uploads\/2025\/09\/Maybach_Eyewear_25_216716.webp\", logos: [] }\n                ]\n              },\n              {\n                id: \"lux-3\",\n                name: \"Noble Optic House\",\n                logo: \"\/wp-content\/uploads\/2025\/08\/NOH_black.png\",\n                title: \"Noble Optic House\",\n                text: \"Anspruchsvolle Brillenkunst f\u00fcr h\u00f6chste Erwartungen an Material, Verarbeitung und Stil \u2013 Eyewear f\u00fcr besondere Pers\u00f6nlichkeiten.\",\n                contacts: [],\n                categories: [\n                  { label: \"Kollektion\", image: \"\/wp-content\/uploads\/2026\/03\/teens_brillen1.jpg\", logos: [] }\n                ]\n              }\n            ]\n          },\n          {\n            id: \"natural\",\n            label: \"Natural Exclusive Eyewear\",\n            brands: [\n              {\n                id: \"nat-1\",\n                name: \"Hoffmann Natural Eyewear\",\n                logo: \"\/wp-content\/uploads\/2025\/08\/Hoffmann-Natural-Eyewear_hoch_black.png\",\n                title: \"Hoffmann Natural Eyewear\",\n                text: \"Handgefertigte Brillen aus nat\u00fcrlichen Materialien wie Naturhorn und Edelh\u00f6lzern \u2013 nachhaltig, langlebig und unverwechselbar.\",\n                contacts: [],\n                categories: [\n                  { label: \"Kollektion\", image: \"\/wp-content\/uploads\/2025\/08\/2368-1194-4.webp\", logos: [] }\n                ]\n              },\n              {\n                id: \"nat-2\",\n                name: \"Swisshorn\",\n                logo: \"\/wp-content\/uploads\/2025\/08\/Swisshorn-Collection.jpg\",\n                title: \"Swisshorn\",\n                text: \"Edle Fassungen aus echtem B\u00fcffelhorn \u2013 jedes St\u00fcck ein Unikat aus der Hand erfahrener Manufakturarbeit.\",\n                contacts: [],\n                categories: [\n                  { label: \"Kollektion\", image: \"\/wp-content\/uploads\/2026\/03\/FAC6FC43-5D65-4B01-97C2-9511E4CC4067.png\", logos: [] }\n                ]\n              },\n              {\n                id: \"nat-3\",\n                name: \"Design Naturel\",\n                logo: \"\/wp-content\/uploads\/2025\/10\/Design-Naturell-Logo.png\",\n                title: \"Design Naturel\",\n                text: \"Nat\u00fcrliche Materialien und klare Linien \u2013 Brillen, die Nachhaltigkeit und modernes Design selbstverst\u00e4ndlich verbinden.\",\n                contacts: [],\n                categories: [\n                  { label: \"Kollektion\", image: \"\/wp-content\/uploads\/2026\/03\/SA-230205-036m-3.jpg\", logos: [] }\n                ]\n              },\n              {\n                id: \"nat-4\",\n                name: \"Gernot Lindner\",\n                logo: \"\/wp-content\/uploads\/2025\/08\/Screenshot-2025-08-19-233730.jpg\",\n                title: \"Gernot Lindner\",\n                text: \"Brillen aus 925er Sterlingsilber \u2013 au\u00dfergew\u00f6hnliche Materialkunst f\u00fcr Menschen mit Sinn f\u00fcr das Besondere.\",\n                contacts: [],\n                categories: [\n                  { label: \"Kollektion\", image: \"\/wp-content\/uploads\/2026\/03\/DSF7563.jpg\", logos: [] }\n                ]\n              }\n            ]\n          }\n        ]\n      };\n\n      let activeTabIndex = 0;\n      let activeBrandIndex = 0;\n      let activeCategoryIndex = 0;\n\n      const tabsEl = document.getElementById(\"bs-tabs\");\n      const brandRowEl = document.getElementById(\"bs-brand-row\");\n      const titleEl = document.getElementById(\"bs-title\");\n      const textEl = document.getElementById(\"bs-text\");\n      const contactEl = document.getElementById(\"bs-contact\");\n      const subTitleEl = document.getElementById(\"bs-sub-title\");\n      const dotsEl = document.getElementById(\"bs-dots\");\n      const subLogosEl = document.getElementById(\"bs-sub-logos\");\n      const mainImageEl = document.getElementById(\"bs-main-image\");\n      const prevEl = document.getElementById(\"bs-prev\");\n      const nextEl = document.getElementById(\"bs-next\");\n\n      function getActiveTab() { return data.tabs[activeTabIndex]; }\n      function getActiveBrand() { return getActiveTab().brands[activeBrandIndex]; }\n      function getActiveCategory() { return getActiveBrand().categories[activeCategoryIndex]; }\n\n      function renderTabs() {\n        tabsEl.innerHTML = \"\";\n        data.tabs.forEach((tab, index) => {\n          const btn = document.createElement(\"button\");\n          btn.className = \"bs-tab\" + (index === activeTabIndex ? \" is-active\" : \"\");\n          btn.textContent = tab.label;\n          btn.type = \"button\";\n          btn.addEventListener(\"click\", () => { activeTabIndex = index; activeBrandIndex = 0; activeCategoryIndex = 0; renderAll(); });\n          tabsEl.appendChild(btn);\n        });\n      }\n\n      function renderBrandRow() {\n        const tab = getActiveTab();\n        brandRowEl.innerHTML = \"\";\n        tab.brands.forEach((brand, index) => {\n          const trigger = document.createElement(\"button\");\n          trigger.type = \"button\";\n          trigger.className = \"bs-brand-trigger\" + (index === activeBrandIndex ? \" is-active\" : \"\");\n          trigger.setAttribute(\"aria-label\", brand.name);\n          trigger.innerHTML = `<img decoding=\"async\" src=\"${brand.logo}\" alt=\"${brand.name}\">`;\n          trigger.addEventListener(\"click\", () => { activeBrandIndex = index; activeCategoryIndex = 0; renderAll(); });\n          brandRowEl.appendChild(trigger);\n        });\n      }\n\n      function renderDetail() {\n        const brand = getActiveBrand();\n        const category = getActiveCategory();\n        titleEl.textContent = brand.title || \"\";\n        textEl.textContent = brand.text || \"\";\n        contactEl.innerHTML = \"\";\n        (brand.contacts || []).forEach((item) => {\n          const a = document.createElement(\"a\");\n          a.href = item.href || \"#\";\n          a.setAttribute(\"aria-label\", item.label || \"\");\n          a.innerHTML = item.icon || \"\u2022\";\n          contactEl.appendChild(a);\n        });\n        subTitleEl.textContent = category.label || \"\";\n        subLogosEl.innerHTML = \"\";\n        (category.logos || []).forEach((logo) => {\n          const link = document.createElement(\"a\");\n          link.className = \"bs-sub-logo-link\";\n          link.href = logo.href || \"#\";\n          link.setAttribute(\"aria-label\", logo.name || \"\");\n          link.innerHTML = `<img decoding=\"async\" src=\"${logo.image}\" alt=\"${logo.name || \"\"}\">`;\n          subLogosEl.appendChild(link);\n        });\n        mainImageEl.src = category.image || \"\";\n        mainImageEl.alt = category.label || brand.title || \"\";\n      }\n\n      function renderDots() {\n        const brand = getActiveBrand();\n        dotsEl.innerHTML = \"\";\n        brand.categories.forEach((cat, index) => {\n          const dot = document.createElement(\"button\");\n          dot.type = \"button\";\n          dot.className = \"bs-dot\" + (index === activeCategoryIndex ? \" is-active\" : \"\");\n          dot.setAttribute(\"aria-label\", cat.label || `Kategorie ${index + 1}`);\n          dot.style.border = \"0\";\n          dot.style.padding = \"0\";\n          dot.style.cursor = \"pointer\";\n          dot.addEventListener(\"click\", () => { activeCategoryIndex = index; renderDetail(); renderDots(); });\n          dotsEl.appendChild(dot);\n        });\n      }\n\n      function renderAll() {\n        const brand = getActiveBrand();\n        if (activeCategoryIndex >= brand.categories.length) { activeCategoryIndex = 0; }\n        renderTabs();\n        renderBrandRow();\n        renderDetail();\n        renderDots();\n      }\n\n      prevEl.addEventListener(\"click\", () => {\n        const brand = getActiveBrand();\n        activeCategoryIndex = (activeCategoryIndex - 1 + brand.categories.length) % brand.categories.length;\n        renderDetail(); renderDots();\n      });\n\n      nextEl.addEventListener(\"click\", () => {\n        const brand = getActiveBrand();\n        activeCategoryIndex = (activeCategoryIndex + 1) % brand.categories.length;\n        renderDetail(); renderDots();\n      });\n\n      renderAll();\n    })();\n  <\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f7fe928 elementor-widget elementor-widget-html\" data-id=\"f7fe928\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"brand-showcase\">\r\n  <style>\r\n    #brand-showcase {\r\n      --bs-bg: #FEFDF8;\r\n      --bs-surface: #E2E2D8;\r\n      --bs-card: #FEFDF8;\r\n      --bs-ink: #2E2E2E;\r\n      --bs-ink-strong: #101113;\r\n      --bs-muted: #6B6862;\r\n      --bs-accent: #BE436F;\r\n      --bs-accent-dark: #A93761;\r\n      --bs-line: #DDDDD2;\r\n      --bs-line-strong: #CFCFC3;\r\n      --bs-ease: cubic-bezier(0.4, 0, 0.2, 1);\r\n      --bs-dur: 340ms;\r\n      --bs-t: 200ms ease;\r\n      background: var(--bs-bg);\r\n      font-family: \"Lato\", sans-serif;\r\n      color: var(--bs-ink);\r\n    }\r\n\r\n    #brand-showcase * { box-sizing: border-box; }\r\n    #brand-showcase [hidden] { display: none !important; }\r\n    #brand-showcase .bs-wrap { max-width: inherit; margin: 0 auto; }\r\n\r\n    \/* EBENE 1: TABS *\/\r\n    #brand-showcase .bs-tabs { display: grid; grid-template-columns: repeat(3, 1fr); }\r\n\r\n    #brand-showcase .bs-tab {\r\n      background: var(--bs-surface);\r\n      color: var(--bs-ink-strong);\r\n      border: 0;\r\n      border-radius: 0;\r\n      padding: 30px 20px;\r\n      font-family: \"Brandon Grotesque\", \"BrandonGrotesque\", \"Lato\", sans-serif;\r\n      font-size: 18px;\r\n      font-weight: 600;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.06em;\r\n      cursor: pointer;\r\n      transition: background var(--bs-t), color var(--bs-t);\r\n    }\r\n\r\n    #brand-showcase .bs-tab:hover { background: #D6D6CA; }\r\n    #brand-showcase .bs-tab[aria-selected=\"true\"] { background: var(--bs-accent); color: #fff; }\r\n    #brand-showcase .bs-tab[aria-selected=\"true\"]:hover { background: var(--bs-accent-dark); }\r\n    #brand-showcase .bs-tab:focus-visible { outline: 3px solid var(--bs-ink-strong); outline-offset: -6px; }\r\n\r\n    \/* EBENE 2: MARKENKARTEN *\/\r\n    #brand-showcase .bs-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      column-gap: 26px;\r\n      row-gap: 0;\r\n      padding: 40px 0 22px;\r\n      align-items: start;\r\n      transition: opacity 150ms linear;\r\n    }\r\n\r\n    #brand-showcase .bs-card {\r\n      display: flex;\r\n      flex-direction: column;\r\n      text-align: left;\r\n      background: var(--bs-card);\r\n      border: 1px solid var(--bs-line);\r\n      border-radius: 0;\r\n      padding: 0;\r\n      margin-bottom: 26px;\r\n      overflow: hidden;\r\n      cursor: pointer;\r\n      position: relative;\r\n      transition: border-color var(--bs-t), box-shadow var(--bs-t);\r\n    }\r\n\r\n    #brand-showcase .bs-card:hover { border-color: var(--bs-accent); }\r\n    #brand-showcase .bs-card:focus-visible { outline: 3px solid var(--bs-accent); outline-offset: 2px; }\r\n    #brand-showcase .bs-card[aria-expanded=\"true\"] {\r\n      border-color: var(--bs-accent);\r\n      box-shadow: inset 0 4px 0 0 var(--bs-accent);\r\n    }\r\n\r\n    #brand-showcase .bs-card-media {\r\n      height: 210px;\r\n      background: var(--bs-surface);\r\n      overflow: hidden;\r\n      transition: height var(--bs-dur) var(--bs-ease);\r\n    }\r\n\r\n    #brand-showcase .bs-grid.is-open .bs-card-media { height: 0; }\r\n\r\n    #brand-showcase .bs-card-media img { width: 100%; height: 210px; object-fit: cover; display: block; }\r\n\r\n    #brand-showcase .bs-card-body {\r\n      padding: 22px 22px 20px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 14px;\r\n      flex: 1;\r\n    }\r\n\r\n    #brand-showcase .bs-card-logo { height: 42px; display: flex; align-items: center; justify-content: flex-start; }\r\n    #brand-showcase .bs-card-logo img { max-height: 42px; max-width: 150px; width: auto; object-fit: contain; display: block; }\r\n\r\n    #brand-showcase .bs-card-name {\r\n      display: block;\r\n      margin: 0;\r\n      font-family: \"Brandon Grotesque\", \"BrandonGrotesque\", \"Lato\", sans-serif;\r\n      font-size: 15px;\r\n      font-weight: 700;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.05em;\r\n      color: var(--bs-ink-strong);\r\n    }\r\n\r\n    #brand-showcase .bs-card-meta {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 12px;\r\n      margin-top: auto;\r\n      padding-top: 14px;\r\n      border-top: 1px solid var(--bs-line);\r\n      font-size: 14px;\r\n      color: var(--bs-muted);\r\n    }\r\n\r\n    #brand-showcase .bs-card-cue { color: var(--bs-accent); font-weight: 700; letter-spacing: 0.02em; white-space: nowrap; }\r\n    #brand-showcase .bs-card-cue span { display: inline-block; transition: transform var(--bs-dur) var(--bs-ease); }\r\n    #brand-showcase .bs-card[aria-expanded=\"true\"] .bs-card-cue span { transform: rotate(90deg); }\r\n\r\n    \/* EBENE 3 + 4: AUFKLAPPBEREICH *\/\r\n    #brand-showcase .bs-panel {\r\n      grid-column: 1 \/ -1;\r\n      display: none;\r\n      height: 0;\r\n      overflow: hidden;\r\n      margin-bottom: 26px;\r\n      transition: height var(--bs-dur) var(--bs-ease);\r\n    }\r\n\r\n    #brand-showcase .bs-panel-inner {\r\n      background: var(--bs-surface);\r\n      border-top: 4px solid var(--bs-accent);\r\n      padding: 38px 38px 36px;\r\n      transition: opacity 150ms linear;\r\n    }\r\n\r\n    #brand-showcase .bs-panel-head { display: flex; align-items: flex-start; gap: 24px; margin-bottom: 26px; }\r\n    #brand-showcase .bs-panel-head > div { flex: 1; min-width: 0; }\r\n\r\n    #brand-showcase .bs-eyebrow { display: block; margin: 0 0 10px; font-size: 14px; line-height: 1.2; color: var(--bs-ink); }\r\n\r\n    #brand-showcase .bs-panel-title {\r\n      margin: 0 0 10px;\r\n      font-family: \"Brandon Grotesque\", \"BrandonGrotesque\", \"Lato\", sans-serif;\r\n      font-size: clamp(26px, 3vw, 40px);\r\n      line-height: 1.02;\r\n      font-weight: 700;\r\n      text-transform: uppercase;\r\n      letter-spacing: -0.01em;\r\n      color: var(--bs-ink-strong);\r\n    }\r\n\r\n    #brand-showcase .bs-panel-text { margin: 0; max-width: 62ch; font-size: 17px; line-height: 1.5; color: var(--bs-ink); }\r\n\r\n    #brand-showcase .bs-close {\r\n      flex: 0 0 auto; width: 40px; height: 40px; border: 1px solid var(--bs-line-strong);\r\n      border-radius: 0; background: transparent; color: var(--bs-ink-strong);\r\n      font-size: 20px; line-height: 1; cursor: pointer; transition: background var(--bs-t), color var(--bs-t), border-color var(--bs-t);\r\n    }\r\n    #brand-showcase .bs-close:hover { background: var(--bs-accent); border-color: var(--bs-accent); color: #fff; }\r\n\r\n    #brand-showcase .bs-chips { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 28px; }\r\n\r\n    #brand-showcase .bs-chip {\r\n      border: 1px solid var(--bs-line-strong);\r\n      background: var(--bs-card);\r\n      color: var(--bs-ink-strong);\r\n      border-radius: 0;\r\n      padding: 13px 24px;\r\n      font-family: \"Lato\", sans-serif;\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.08em;\r\n      cursor: pointer;\r\n      transition: background var(--bs-t), color var(--bs-t), border-color var(--bs-t);\r\n    }\r\n\r\n    #brand-showcase .bs-chip:hover { border-color: var(--bs-accent); color: var(--bs-accent); }\r\n    #brand-showcase .bs-chip[aria-selected=\"true\"] { background: var(--bs-accent); border-color: var(--bs-accent); color: #fff; }\r\n    #brand-showcase .bs-chip[aria-selected=\"true\"]:hover { background: var(--bs-accent-dark); color: #fff; }\r\n    #brand-showcase .bs-chip:focus-visible { outline: 3px solid var(--bs-accent); outline-offset: 2px; }\r\n\r\n    #brand-showcase .bs-content {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);\r\n      gap: 30px;\r\n      align-items: start;\r\n      transition: opacity 150ms linear;\r\n    }\r\n\r\n    #brand-showcase .bs-content.is-single { grid-template-columns: minmax(0, 1fr); }\r\n\r\n    #brand-showcase .bs-logos { display: grid; grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); gap: 12px; }\r\n\r\n    #brand-showcase .bs-logo {\r\n      display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;\r\n      min-height: 108px; padding: 14px 10px;\r\n      border: 1px solid var(--bs-line-strong); border-radius: 0;\r\n      background: var(--bs-card); text-decoration: none; color: var(--bs-ink);\r\n      transition: border-color var(--bs-t), background var(--bs-t);\r\n    }\r\n\r\n    #brand-showcase a.bs-logo:hover { border-color: var(--bs-accent); }\r\n    #brand-showcase a.bs-logo:focus-visible { outline: 3px solid var(--bs-accent); outline-offset: 2px; }\r\n    #brand-showcase .bs-logo.is-static { cursor: default; opacity: 0.8; }\r\n\r\n    #brand-showcase .bs-logo img { max-width: 104px; max-height: 46px; width: auto; object-fit: contain; display: block; }\r\n    #brand-showcase .bs-logo span { font-size: 13px; line-height: 1.2; text-align: center; color: var(--bs-muted); }\r\n\r\n    #brand-showcase .bs-figure { border-radius: 0; overflow: hidden; background: var(--bs-line-strong); aspect-ratio: 3 \/ 4; }\r\n    #brand-showcase .bs-content.is-single .bs-figure { aspect-ratio: 16 \/ 7; }\r\n    #brand-showcase .bs-figure img { width: 100%; height: 100%; object-fit: cover; display: block; }\r\n\r\n    @media (max-width: 900px) {\r\n      #brand-showcase .bs-tabs { grid-template-columns: 1fr; }\r\n      #brand-showcase .bs-tab { padding: 20px 16px; font-size: 16px; }\r\n      #brand-showcase .bs-grid { padding: 28px 0 12px; column-gap: 18px; }\r\n      #brand-showcase .bs-card { margin-bottom: 18px; }\r\n      #brand-showcase .bs-panel { margin-bottom: 18px; }\r\n      #brand-showcase .bs-panel-inner { padding: 30px 22px 26px; }\r\n      #brand-showcase .bs-content { grid-template-columns: minmax(0, 1fr); }\r\n      #brand-showcase .bs-figure { order: -1; aspect-ratio: 16 \/ 9; }\r\n      #brand-showcase .bs-content.is-single .bs-figure { aspect-ratio: 16 \/ 9; }\r\n      #brand-showcase .bs-logos { grid-template-columns: repeat(auto-fill, minmax(108px, 1fr)); }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #brand-showcase * { animation: none !important; transition: none !important; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"bs-wrap\">\r\n    <div class=\"bs-tabs\" id=\"bs-tabs\" role=\"tablist\" aria-label=\"Markenbereiche\"><\/div>\r\n    <div class=\"bs-grid\" id=\"bs-grid\"><\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const data = {\r\n        tabs: [\r\n          {\r\n            id: \"fashion\",\r\n            label: \"Fashion Eyewear\",\r\n            brands: [\r\n              {\r\n                id: \"young-fashion\",\r\n                name: \"Young Fashion Eyewear\",\r\n                logo: \"\/wp-content\/uploads\/2025\/08\/YFE-Logo_IVG_2024_1.png\",\r\n                title: \"Young Fashion Eyewear\",\r\n                text: \"Junge, trendbewusste Brillenkollektionen mit Charakter, von verspielten Kids-Modellen \u00fcber ausdrucksstarke Teens-Fassungen bis zu modischer Eyewear f\u00fcr Erwachsene.\",\r\n                categories: [\r\n                  {\r\n                    label: \"Kids Eyewear\",\r\n                    image: \"\/wp-content\/uploads\/2026\/03\/SDN-04-12.jpg\",\r\n                    logos: [\r\n                      { name: \"Conni\", image: \"\/wp-content\/uploads\/2025\/10\/Logo_Con.png\", href: \"#conni\" },\r\n                      { name: \"Die Wilden Kerle\", image: \"\/wp-content\/uploads\/2025\/10\/Logo_DWK.png\", href: \"#wilde-kerle\" },\r\n                      { name: \"Schleich\", image: \"\/wp-content\/uploads\/2025\/10\/Zeichenflaeche-1-1.png\", href: \"#schleich\" },\r\n                      { name: \"Lillebi\", image: \"\/wp-content\/uploads\/2025\/10\/Logo_LB.png\", href: \"#lillebi\" },\r\n                      { name: \"Mia and Me\", image: \"\/wp-content\/uploads\/2025\/08\/Logo-Mia-and-me.png\", href: \"#mia-and-me\" },\r\n                      { name: \"Star Wars\", image: \"\/wp-content\/uploads\/2025\/10\/Logo_SW.png\", href: \"#star-wars\" },\r\n                      { name: \"Paw Patrol\", image: \"\/wp-content\/uploads\/2025\/08\/Logo_Paw-Patrol.png\", href: \"#paw-patrol-1\" },\r\n                      { name: \"Janosch\", image: \"\/wp-content\/uploads\/2025\/10\/Logo_J.png\", href: \"#janosch\" },\r\n                      { name: \"Vulkani\", image: \"\/wp-content\/uploads\/2025\/10\/Logo_VI.png\", href: \"#vulkani\" },\r\n                      { name: \"Die Maus\", image: \"\/wp-content\/uploads\/2025\/10\/Logo_Maus.png\", href: \"#die-maus\" },\r\n                      { name: \"ReForm\", image: \"\/wp-content\/uploads\/2026\/03\/REFORM_BLACK_512px.png\", href: \"#reform\" },\r\n                      { name: \"Polar\", image: \"\/wp-content\/uploads\/2025\/10\/Polar-Logo.png\", href: \"#polar\" },\r\n                      { name: \"Ivko Babys\", image: \"\/wp-content\/uploads\/2025\/10\/Logo_IVB.png\", href: \"#ivko-babys\" }\r\n                    ]\r\n                  },\r\n                  {\r\n                    label: \"Young Fashion Eyewear\",\r\n                    image: \"\/wp-content\/uploads\/2026\/03\/V-1202-1395.jpg\",\r\n                    logos: [\r\n                      { name: \"Vulkan\", image: \"\/wp-content\/uploads\/2025\/10\/Logo_V.png\", href: \"#vulkan\" },\r\n                      { name: \"Vulkan Denim\", image: \"\/wp-content\/uploads\/2025\/10\/Vulkan_Denim_Logo.png\", href: \"#vulkan-denim\" },\r\n                      { name: \"Vaude\", image: \"\/wp-content\/uploads\/2026\/03\/Logo_VD.png\", href: \"#vaude\" },\r\n                      { name: \"ReForm\", image: \"\/wp-content\/uploads\/2026\/03\/REFORM_BLACK_512px.png\", href: \"#reform\" },\r\n                      { name: \"Polar\", image: \"\/wp-content\/uploads\/2025\/10\/Polar-Logo.png\", href: \"#polar\" }\r\n                    ]\r\n                  },\r\n                  {\r\n                    label: \"Adult Eyewear\",\r\n                    image: \"\/wp-content\/uploads\/2026\/03\/DN-902-S002p-G16-017-scaled.jpeg\",\r\n                    logos: [\r\n                      { name: \"Moleskine\", image: \"\/wp-content\/uploads\/2025\/10\/Moleskine.png\", href: \"#moleskine\" },\r\n                      { name: \"Polar\", image: \"\/wp-content\/uploads\/2025\/10\/Polar-Logo.png\", href: \"#polar\" },\r\n                      { name: \"Vaude\", image: \"\/wp-content\/uploads\/2026\/03\/Logo_VD.png\", href: \"#vaude\" },\r\n                      { name: \"ReForm\", image: \"\/wp-content\/uploads\/2026\/03\/REFORM_BLACK_512px.png\", href: \"#reform\" },\r\n                      { name: \"Reebok\", image: \"\/wp-content\/uploads\/2026\/03\/Reebok-01_schwarz_1.png\", href: \"#reebok\" },\r\n                      { name: \"AllSaints\", image: \"\/wp-content\/uploads\/2026\/03\/Artboard-1@6x-scaled.png\", href: \"#allsaints\" }\r\n                    ]\r\n                  }\r\n                ]\r\n              },\r\n              {\r\n                id: \"ivkopal\",\r\n                name: \"IVKOPAL\",\r\n                logo: \"\/wp-content\/uploads\/2025\/10\/IVKOPAL-Logo.png\",\r\n                title: \"IVKOPAL\",\r\n                text: \"Lizenz- und Charakterbrillen mit Pers\u00f6nlichkeit, von beliebten Entertainment-Marken bis zu modischen Fassungen f\u00fcr jede Altersgruppe.\",\r\n                categories: [\r\n                  {\r\n                    label: \"Ivkopal Direct\",\r\n                    image: \"\/wp-content\/uploads\/2026\/03\/MIA-14-43.jpg\",\r\n                    logos: [\r\n                      { name: \"Owlet Nightdrive\", image: \"\/wp-content\/uploads\/2026\/03\/owlet-nightdrive-1.png\", href: \"#\" },\r\n                      { name: \"Owlet Originals\", image: \"\/wp-content\/uploads\/2026\/03\/owlet-originals-1.png\", href: \"#\" },\r\n                      { name: \"Owlet Premium\", image: \"\/wp-content\/uploads\/2026\/03\/owlet-premium-1.png\", href: \"#\" },\r\n                      { name: \"Owlet Blue\", image: \"\/wp-content\/uploads\/2026\/03\/Owlet-blue-1.png\", href: \"#\" },\r\n                      { name: \"Owlet Reading\", image: \"\/wp-content\/uploads\/2026\/03\/Zeichenflaeche-1@6x-2.png\", href: \"#\" }\r\n                    ]\r\n                  },\r\n                  {\r\n                    label: \"Kids & Entertainment\",\r\n                    image: \"\/wp-content\/uploads\/2026\/03\/MIA-14-43.jpg\",\r\n                    logos: [\r\n                      { name: \"Spider-Man\", image: \"\/wp-content\/uploads\/2026\/03\/Logo-Spider-Man.png\", href: \"#\" },\r\n                      { name: \"Frozen\", image: \"\/wp-content\/uploads\/2026\/03\/Logo-Frozen-png-\u00a92021.png\", href: \"#\" },\r\n                      { name: \"Not for Kids\", image: \"\/wp-content\/uploads\/2026\/03\/Zeichenflaeche-1@6x-1.png\", href: \"#\" },\r\n                      { name: \"Avengers\", image: \"\/wp-content\/uploads\/2026\/03\/Marvel-Avengers-Logo.png\", href: \"#\" },\r\n                      { name: \"Barbie\", image: \"\/wp-content\/uploads\/2026\/03\/BARBIE-2022.png\", href: \"#\" },\r\n                      { name: \"Demetz\", image: \"\/wp-content\/uploads\/2026\/03\/Demetz-Logo.png\", href: \"#\" },\r\n                      { name: \"Tartine et Chocolat\", image: \"\/wp-content\/uploads\/2026\/03\/Logo-Tartine-et-Chocolat.png\", href: \"#\" },\r\n                      { name: \"The Minions\", image: \"\/wp-content\/uploads\/2026\/03\/minions.png\", href: \"#\" },\r\n                      { name: \"Princess\", image: \"\/wp-content\/uploads\/2026\/03\/Disney-Princess_Logo.png\", href: \"#\" },\r\n                      { name: \"Lulu Castagnette Enfant\", image: \"\/wp-content\/uploads\/2026\/03\/Logo-Lulu-Casatagnette.png\", href: \"#\" },\r\n                      { name: \"Hello Kitty\", image: \"\/wp-content\/uploads\/2026\/03\/Logo-Hello-Kitty.png\", href: \"#\" },\r\n                      { name: \"Elevenparis Boys & Girls\", image: \"\/wp-content\/uploads\/2026\/03\/Logo-Elevenparis.png\", href: \"#\" }\r\n                    ]\r\n                  }\r\n                ]\r\n              },\r\n              {\r\n                id: \"stepper\",\r\n                name: \"Stepper Eyewear\",\r\n                logo: \"\/wp-content\/uploads\/2025\/09\/STEPPER_EYEWEAR_LOGO_2023.svg\",\r\n                title: \"Stepper Eyewear\",\r\n                text: \"Leichte, hautfreundliche Brillen \u201eMade in Germany\u201c, hochwertige Materialien, durchdachte Ergonomie und ein angenehmer Tragekomfort.\",\r\n                categories: [\r\n                  {\r\n                    label: \"Stepper Kollektionen\",\r\n                    image: \"\/wp-content\/uploads\/2026\/03\/SI-87368-F010.jpg\",\r\n                    logos: [\r\n                      { name: \"Stepper Start\", image: \"\/wp-content\/uploads\/2025\/08\/stepper_logo_start_cmyk_bg-scaled.jpg\", href: \"#\" },\r\n                      { name: \"Stepper Spirit\", image: \"\/wp-content\/uploads\/2025\/08\/stepper_logo_spirit_cmyk_bg-scaled.jpg\", href: \"#\" },\r\n                      { name: \"Stepper Origin\", image: \"\/wp-content\/uploads\/2025\/08\/stepper_logo_origin_cmyk_bg-scaled.jpg\", href: \"#\" },\r\n                      { name: \"Stepper Essentials\", image: \"\/wp-content\/uploads\/2025\/08\/stepper_logo_essentials_cmyk_bg-scaled.jpg\", href: \"#\" }\r\n                    ]\r\n                  }\r\n                ]\r\n              }\r\n            ]\r\n          },\r\n          {\r\n            id: \"luxury\",\r\n            label: \"Luxury Goods\",\r\n            brands: [\r\n              {\r\n                id: \"lux-1\",\r\n                name: \"Maybach Icons of Luxury\",\r\n                logo: \"\/wp-content\/uploads\/2025\/08\/MM_2D_SB_1k_large-scaled.png\",\r\n                title: \"MAYBACH Icons of Luxury\",\r\n                text: \"Ikonische Luxus-Eyewear, die feinste Handwerkskunst, edelste Materialien und zeitlose Eleganz zu einem unverwechselbaren Statement vereint.\",\r\n                categories: [\r\n                  { label: \"Kollektion\", image: \"\/wp-content\/uploads\/2025\/08\/Maybach_2025_1151.webp\", logos: [] }\r\n                ]\r\n              },\r\n              {\r\n                id: \"lux-2\",\r\n                name: \"Maybach Eyewear\",\r\n                logo: \"\/wp-content\/uploads\/2025\/08\/MME_2D_SB_1k_large-scaled.png\",\r\n                title: \"MAYBACH Eyewear\",\r\n                text: \"Exklusive Fassungen mit kompromissloser Qualit\u00e4t, pr\u00e4ziser Verarbeitung und einem unverkennbaren Designanspruch.\",\r\n                categories: [\r\n                  { label: \"Kollektion\", image: \"\/wp-content\/uploads\/2025\/09\/Maybach_Eyewear_25_216716.webp\", logos: [] }\r\n                ]\r\n              },\r\n              {\r\n                id: \"lux-3\",\r\n                name: \"Noble Optic House\",\r\n                logo: \"\/wp-content\/uploads\/2025\/08\/NOH_black.png\",\r\n                title: \"Noble Optic House\",\r\n                text: \"Anspruchsvolle Brillenkunst f\u00fcr h\u00f6chste Erwartungen an Material, Verarbeitung und Stil, Eyewear f\u00fcr besondere Pers\u00f6nlichkeiten.\",\r\n                categories: [\r\n                  { label: \"Kollektion\", image: \"\/wp-content\/uploads\/2026\/03\/teens_brillen1.jpg\", logos: [] }\r\n                ]\r\n              }\r\n            ]\r\n          },\r\n          {\r\n            id: \"natural\",\r\n            label: \"Natural Exclusive Eyewear\",\r\n            brands: [\r\n              {\r\n                id: \"nat-1\",\r\n                name: \"Hoffmann Natural Eyewear\",\r\n                logo: \"\/wp-content\/uploads\/2025\/08\/Hoffmann-Natural-Eyewear_hoch_black.png\",\r\n                title: \"Hoffmann Natural Eyewear\",\r\n                text: \"Handgefertigte Brillen aus nat\u00fcrlichen Materialien wie Naturhorn und Edelh\u00f6lzern, nachhaltig, langlebig und unverwechselbar.\",\r\n                categories: [\r\n                  { label: \"Kollektion\", image: \"\/wp-content\/uploads\/2025\/08\/2368-1194-4.webp\", logos: [] }\r\n                ]\r\n              },\r\n              {\r\n                id: \"nat-2\",\r\n                name: \"Swisshorn\",\r\n                logo: \"\/wp-content\/uploads\/2025\/08\/Swisshorn-Collection.jpg\",\r\n                title: \"Swisshorn\",\r\n                text: \"Edle Fassungen aus echtem B\u00fcffelhorn, jedes St\u00fcck ein Unikat aus der Hand erfahrener Manufakturarbeit.\",\r\n                categories: [\r\n                  { label: \"Kollektion\", image: \"\/wp-content\/uploads\/2026\/03\/FAC6FC43-5D65-4B01-97C2-9511E4CC4067.png\", logos: [] }\r\n                ]\r\n              },\r\n              {\r\n                id: \"nat-3\",\r\n                name: \"Design Naturel\",\r\n                logo: \"\/wp-content\/uploads\/2025\/10\/Design-Naturell-Logo.png\",\r\n                title: \"Design Naturel\",\r\n                text: \"Nat\u00fcrliche Materialien und klare Linien, Brillen, die Nachhaltigkeit und modernes Design selbstverst\u00e4ndlich verbinden.\",\r\n                categories: [\r\n                  { label: \"Kollektion\", image: \"\/wp-content\/uploads\/2026\/03\/SA-230205-036m-3.jpg\", logos: [] }\r\n                ]\r\n              },\r\n              {\r\n                id: \"nat-4\",\r\n                name: \"Gernot Lindner\",\r\n                logo: \"\/wp-content\/uploads\/2025\/08\/Screenshot-2025-08-19-233730.jpg\",\r\n                title: \"Gernot Lindner\",\r\n                text: \"Brillen aus 925er Sterlingsilber, au\u00dfergew\u00f6hnliche Materialkunst f\u00fcr Menschen mit Sinn f\u00fcr das Besondere.\",\r\n                categories: [\r\n                  { label: \"Kollektion\", image: \"\/wp-content\/uploads\/2026\/03\/DSF7563.jpg\", logos: [] }\r\n                ]\r\n              }\r\n            ]\r\n          }\r\n        ]\r\n      };\r\n\r\n      const tabsEl = document.getElementById(\"bs-tabs\");\r\n      const gridEl = document.getElementById(\"bs-grid\");\r\n      if (!tabsEl || !gridEl) { return; }\r\n\r\n      const reduce = window.matchMedia && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n      const DUR = reduce ? 0 : 340;\r\n      const FADE = reduce ? 0 : 150;\r\n\r\n      let activeTab = 0;\r\n      let openBrand = null;\r\n      let activeCat = 0;\r\n      let busy = false;\r\n      let cardEls = [];\r\n\r\n      const panel = document.createElement(\"section\");\r\n      panel.className = \"bs-panel\";\r\n      panel.id = \"bs-panel\";\r\n\r\n      const inner = document.createElement(\"div\");\r\n      inner.className = \"bs-panel-inner\";\r\n      panel.appendChild(inner);\r\n\r\n      const head = document.createElement(\"div\");\r\n      head.className = \"bs-panel-head\";\r\n      const chipsWrap = document.createElement(\"div\");\r\n      chipsWrap.className = \"bs-chips\";\r\n      const contentWrap = document.createElement(\"div\");\r\n      contentWrap.className = \"bs-content\";\r\n      inner.appendChild(head);\r\n      inner.appendChild(chipsWrap);\r\n      inner.appendChild(contentWrap);\r\n\r\n      function brands() { return (data.tabs[activeTab] && data.tabs[activeTab].brands) || []; }\r\n      function currentBrand() { return openBrand === null ? null : brands()[openBrand]; }\r\n\r\n      function safeImg(src, alt) {\r\n        const img = document.createElement(\"img\");\r\n        img.loading = \"lazy\";\r\n        img.alt = alt || \"\";\r\n        img.addEventListener(\"error\", function () {\r\n          if (img.parentNode) { img.parentNode.style.display = \"none\"; }\r\n        });\r\n        img.src = src || \"\";\r\n        return img;\r\n      }\r\n\r\n      function brandMeta(brand) {\r\n        const cats = brand.categories || [];\r\n        const seen = {};\r\n        let count = 0;\r\n        cats.forEach(function (c) {\r\n          (c.logos || []).forEach(function (l) {\r\n            if (l && l.name && !seen[l.name]) { seen[l.name] = true; count++; }\r\n          });\r\n        });\r\n        if (!count) { return \"Kollektion ansehen\"; }\r\n        const a = cats.length === 1 ? \"1 Kollektion\" : cats.length + \" Kollektionen\";\r\n        const b = count === 1 ? \"1 Marke\" : count + \" Marken\";\r\n        return a + \", \" + b;\r\n      }\r\n\r\n      function isRealLink(href) {\r\n        return typeof href === \"string\" && href.length > 1 && href !== \"#\";\r\n      }\r\n\r\n      \/* ---------- Hoehenanimation ---------- *\/\r\n\r\n      function animateHeight(target, done) {\r\n        if (DUR === 0) {\r\n          panel.style.height = target + \"px\";\r\n          if (done) { done(); }\r\n          return;\r\n        }\r\n        let called = false;\r\n        function finish() {\r\n          if (called) { return; }\r\n          called = true;\r\n          panel.removeEventListener(\"transitionend\", onEnd);\r\n          if (done) { done(); }\r\n        }\r\n        function onEnd(e) {\r\n          if (e.target === panel && e.propertyName === \"height\") { finish(); }\r\n        }\r\n        panel.addEventListener(\"transitionend\", onEnd);\r\n        window.setTimeout(finish, DUR + 120);\r\n        window.requestAnimationFrame(function () { panel.style.height = target + \"px\"; });\r\n      }\r\n\r\n      function freezeHeight() {\r\n        panel.style.height = panel.offsetHeight + \"px\";\r\n        void panel.offsetHeight;\r\n      }\r\n\r\n      \/* ---------- Panel-Position im Raster ---------- *\/\r\n\r\n      let cols = 1;\r\n\r\n      function layoutColumns() {\r\n        const total = cardEls.length;\r\n        if (!total) { cols = 1; return cols; }\r\n        const style = window.getComputedStyle(gridEl);\r\n        const gap = parseFloat(style.columnGap) || 0;\r\n        const width = gridEl.clientWidth;\r\n        const minCard = 240;\r\n        let fit = Math.floor((width + gap) \/ (minCard + gap));\r\n        if (!isFinite(fit) || fit < 1) { fit = 1; }\r\n        cols = Math.max(1, Math.min(total, fit));\r\n        gridEl.style.gridTemplateColumns = \"repeat(\" + cols + \", minmax(0, 1fr))\";\r\n        return cols;\r\n      }\r\n\r\n      function columnCount() { return cols; }\r\n\r\n      function placePanel(index) {\r\n        if (!cardEls.length) { return; }\r\n        const cols = columnCount();\r\n        const rowEnd = Math.min(Math.floor(index \/ cols) * cols + cols - 1, cardEls.length - 1);\r\n        const after = cardEls[rowEnd];\r\n        if (after && after.nextSibling !== panel) {\r\n          gridEl.insertBefore(panel, after.nextSibling);\r\n        }\r\n      }\r\n\r\n      \/* ---------- Panelinhalt ---------- *\/\r\n\r\n      function fillHead(brand) {\r\n        head.innerHTML = \"\";\r\n        const box = document.createElement(\"div\");\r\n\r\n        const eyebrow = document.createElement(\"span\");\r\n        eyebrow.className = \"bs-eyebrow\";\r\n        eyebrow.textContent = data.tabs[activeTab].label || \"\";\r\n        box.appendChild(eyebrow);\r\n\r\n        const h = document.createElement(\"h3\");\r\n        h.className = \"bs-panel-title\";\r\n        h.textContent = brand.title || brand.name || \"\";\r\n        box.appendChild(h);\r\n\r\n        if (brand.text) {\r\n          const p = document.createElement(\"p\");\r\n          p.className = \"bs-panel-text\";\r\n          p.textContent = brand.text;\r\n          box.appendChild(p);\r\n        }\r\n        head.appendChild(box);\r\n\r\n        const close = document.createElement(\"button\");\r\n        close.type = \"button\";\r\n        close.className = \"bs-close\";\r\n        close.setAttribute(\"aria-label\", \"Bereich schlie\u00dfen\");\r\n        close.innerHTML = \"&times;\";\r\n        close.addEventListener(\"click\", function () { closePanel(); });\r\n        head.appendChild(close);\r\n      }\r\n\r\n      function fillChips(brand) {\r\n        const cats = brand.categories || [];\r\n        chipsWrap.innerHTML = \"\";\r\n        if (cats.length < 2) {\r\n          chipsWrap.hidden = true;\r\n          return;\r\n        }\r\n        chipsWrap.hidden = false;\r\n        chipsWrap.setAttribute(\"role\", \"tablist\");\r\n        chipsWrap.setAttribute(\"aria-label\", \"Kollektionen\");\r\n        cats.forEach(function (c, i) {\r\n          const chip = document.createElement(\"button\");\r\n          chip.type = \"button\";\r\n          chip.className = \"bs-chip\";\r\n          chip.setAttribute(\"role\", \"tab\");\r\n          chip.setAttribute(\"aria-selected\", i === activeCat ? \"true\" : \"false\");\r\n          chip.textContent = c.label || (\"Kollektion \" + (i + 1));\r\n          chip.addEventListener(\"click\", function () { switchCategory(i); });\r\n          chipsWrap.appendChild(chip);\r\n        });\r\n      }\r\n\r\n      function syncChips() {\r\n        const chips = chipsWrap.querySelectorAll(\".bs-chip\");\r\n        for (let i = 0; i < chips.length; i++) {\r\n          chips[i].setAttribute(\"aria-selected\", i === activeCat ? \"true\" : \"false\");\r\n        }\r\n      }\r\n\r\n      function makeLogoTile(logo) {\r\n        const real = isRealLink(logo.href);\r\n        const tile = document.createElement(real ? \"a\" : \"div\");\r\n        tile.className = \"bs-logo\" + (real ? \"\" : \" is-static\");\r\n        if (real) {\r\n          tile.href = logo.href;\r\n          tile.addEventListener(\"click\", function (e) {\r\n            if (logo.href.charAt(0) !== \"#\") { return; }\r\n            e.preventDefault();\r\n            let target = null;\r\n            try { target = document.querySelector(logo.href); } catch (err) { target = null; }\r\n            if (!target) { target = document.getElementById(logo.href.slice(1)); }\r\n            if (target) {\r\n              target.scrollIntoView({ behavior: reduce ? \"auto\" : \"smooth\", block: \"start\" });\r\n            }\r\n          });\r\n        }\r\n        if (logo.image) { tile.appendChild(safeImg(logo.image, logo.name)); }\r\n        const label = document.createElement(\"span\");\r\n        label.textContent = logo.name || \"\";\r\n        tile.appendChild(label);\r\n        return tile;\r\n      }\r\n\r\n      function fillContent(brand) {\r\n        const cats = brand.categories || [];\r\n        if (activeCat >= cats.length) { activeCat = 0; }\r\n        const cat = cats[activeCat] || { logos: [] };\r\n        const logos = cat.logos || [];\r\n\r\n        contentWrap.innerHTML = \"\";\r\n        contentWrap.className = \"bs-content\" + (logos.length ? \"\" : \" is-single\");\r\n\r\n        if (logos.length) {\r\n          const wrap = document.createElement(\"div\");\r\n          wrap.className = \"bs-logos\";\r\n          logos.forEach(function (l) { wrap.appendChild(makeLogoTile(l)); });\r\n          contentWrap.appendChild(wrap);\r\n        }\r\n\r\n        if (cat.image) {\r\n          const fig = document.createElement(\"div\");\r\n          fig.className = \"bs-figure\";\r\n          fig.appendChild(safeImg(cat.image, cat.label || brand.name));\r\n          contentWrap.appendChild(fig);\r\n        }\r\n      }\r\n\r\n      function fillPanel(brand) {\r\n        fillHead(brand);\r\n        fillChips(brand);\r\n        fillContent(brand);\r\n      }\r\n\r\n      \/* ---------- Zustandswechsel ---------- *\/\r\n\r\n      function syncCards() {\r\n        for (let i = 0; i < cardEls.length; i++) {\r\n          cardEls[i].setAttribute(\"aria-expanded\", i === openBrand ? \"true\" : \"false\");\r\n        }\r\n        if (openBrand === null) {\r\n          gridEl.classList.remove(\"is-open\");\r\n        } else {\r\n          gridEl.classList.add(\"is-open\");\r\n        }\r\n      }\r\n\r\n      function openPanel(index) {\r\n        const brand = brands()[index];\r\n        if (!brand) { return; }\r\n        busy = true;\r\n        activeCat = 0;\r\n        openBrand = index;\r\n        fillPanel(brand);\r\n        placePanel(index);\r\n        syncCards();\r\n        panel.style.display = \"block\";\r\n        panel.style.height = \"0px\";\r\n        void panel.offsetHeight;\r\n        animateHeight(inner.offsetHeight, function () {\r\n          panel.style.height = \"auto\";\r\n          busy = false;\r\n        });\r\n      }\r\n\r\n      function closePanel() {\r\n        if (openBrand === null) { return; }\r\n        busy = true;\r\n        openBrand = null;\r\n        syncCards();\r\n        freezeHeight();\r\n        animateHeight(0, function () {\r\n          panel.style.display = \"none\";\r\n          busy = false;\r\n        });\r\n      }\r\n\r\n      function switchBrand(index) {\r\n        const brand = brands()[index];\r\n        if (!brand) { return; }\r\n        busy = true;\r\n        const startH = panel.offsetHeight;\r\n        inner.style.opacity = \"0\";\r\n        window.setTimeout(function () {\r\n          activeCat = 0;\r\n          openBrand = index;\r\n          fillPanel(brand);\r\n          placePanel(index);\r\n          syncCards();\r\n          panel.style.height = startH + \"px\";\r\n          void panel.offsetHeight;\r\n          animateHeight(inner.offsetHeight, function () {\r\n            panel.style.height = \"auto\";\r\n            busy = false;\r\n          });\r\n          inner.style.opacity = \"1\";\r\n        }, FADE);\r\n      }\r\n\r\n      function switchCategory(index) {\r\n        const brand = currentBrand();\r\n        if (!brand || busy || index === activeCat) { return; }\r\n        busy = true;\r\n        const startH = panel.offsetHeight;\r\n        contentWrap.style.opacity = \"0\";\r\n        window.setTimeout(function () {\r\n          activeCat = index;\r\n          syncChips();\r\n          fillContent(brand);\r\n          contentWrap.style.opacity = \"0\";\r\n          panel.style.height = startH + \"px\";\r\n          void panel.offsetHeight;\r\n          animateHeight(inner.offsetHeight, function () {\r\n            panel.style.height = \"auto\";\r\n            busy = false;\r\n          });\r\n          window.requestAnimationFrame(function () { contentWrap.style.opacity = \"1\"; });\r\n        }, FADE);\r\n      }\r\n\r\n      function onCardClick(index) {\r\n        if (busy) { return; }\r\n        if (openBrand === index) { closePanel(); }\r\n        else if (openBrand === null) { openPanel(index); }\r\n        else { switchBrand(index); }\r\n      }\r\n\r\n      \/* ---------- Aufbau ---------- *\/\r\n\r\n      function makeCard(brand, index) {\r\n        const card = document.createElement(\"button\");\r\n        card.type = \"button\";\r\n        card.className = \"bs-card\";\r\n        card.setAttribute(\"aria-expanded\", \"false\");\r\n        card.setAttribute(\"aria-controls\", \"bs-panel\");\r\n\r\n        const cats = brand.categories || [];\r\n        const media = document.createElement(\"div\");\r\n        media.className = \"bs-card-media\";\r\n        if (cats[0] && cats[0].image) { media.appendChild(safeImg(cats[0].image, brand.name)); }\r\n        card.appendChild(media);\r\n\r\n        const body = document.createElement(\"div\");\r\n        body.className = \"bs-card-body\";\r\n\r\n        if (brand.logo) {\r\n          const logoBox = document.createElement(\"div\");\r\n          logoBox.className = \"bs-card-logo\";\r\n          logoBox.appendChild(safeImg(brand.logo, brand.name));\r\n          body.appendChild(logoBox);\r\n        }\r\n\r\n        const name = document.createElement(\"span\");\r\n        name.className = \"bs-card-name\";\r\n        name.textContent = brand.name || \"\";\r\n        body.appendChild(name);\r\n\r\n        const meta = document.createElement(\"div\");\r\n        meta.className = \"bs-card-meta\";\r\n        const metaText = document.createElement(\"span\");\r\n        metaText.textContent = brandMeta(brand);\r\n        const cue = document.createElement(\"span\");\r\n        cue.className = \"bs-card-cue\";\r\n        cue.innerHTML = \"Ansehen <span>&rsaquo;<\/span>\";\r\n        meta.appendChild(metaText);\r\n        meta.appendChild(cue);\r\n        body.appendChild(meta);\r\n\r\n        card.appendChild(body);\r\n        card.addEventListener(\"click\", function () { onCardClick(index); });\r\n        return card;\r\n      }\r\n\r\n      function buildCards() {\r\n        gridEl.innerHTML = \"\";\r\n        cardEls = [];\r\n        brands().forEach(function (brand, i) {\r\n          const card = makeCard(brand, i);\r\n          cardEls.push(card);\r\n          gridEl.appendChild(card);\r\n        });\r\n        panel.style.display = \"none\";\r\n        panel.style.height = \"0px\";\r\n        gridEl.appendChild(panel);\r\n        layoutColumns();\r\n      }\r\n\r\n      function renderTabs() {\r\n        tabsEl.innerHTML = \"\";\r\n        data.tabs.forEach(function (tab, i) {\r\n          const btn = document.createElement(\"button\");\r\n          btn.type = \"button\";\r\n          btn.className = \"bs-tab\";\r\n          btn.setAttribute(\"role\", \"tab\");\r\n          btn.setAttribute(\"aria-selected\", i === activeTab ? \"true\" : \"false\");\r\n          btn.textContent = tab.label;\r\n          btn.addEventListener(\"click\", function () { switchTab(i); });\r\n          tabsEl.appendChild(btn);\r\n        });\r\n      }\r\n\r\n      function syncTabs() {\r\n        const tabs = tabsEl.querySelectorAll(\".bs-tab\");\r\n        for (let i = 0; i < tabs.length; i++) {\r\n          tabs[i].setAttribute(\"aria-selected\", i === activeTab ? \"true\" : \"false\");\r\n        }\r\n      }\r\n\r\n      function switchTab(index) {\r\n        if (busy || index === activeTab) { return; }\r\n        busy = true;\r\n        activeTab = index;\r\n        syncTabs();\r\n        gridEl.style.opacity = \"0\";\r\n        window.setTimeout(function () {\r\n          openBrand = null;\r\n          activeCat = 0;\r\n          gridEl.classList.remove(\"is-open\");\r\n          buildCards();\r\n          gridEl.style.opacity = \"1\";\r\n          busy = false;\r\n        }, FADE);\r\n      }\r\n\r\n      document.addEventListener(\"keydown\", function (e) {\r\n        if (e.key === \"Escape\" && openBrand !== null && !busy) { closePanel(); }\r\n      });\r\n\r\n      if (window.ResizeObserver) {\r\n        let pending = null;\r\n        const ro = new ResizeObserver(function () {\r\n          if (busy) { return; }\r\n          if (pending) { window.clearTimeout(pending); }\r\n          pending = window.setTimeout(function () {\r\n            layoutColumns();\r\n            if (openBrand === null) { return; }\r\n            placePanel(openBrand);\r\n            panel.style.height = \"auto\";\r\n          }, 120);\r\n        });\r\n        ro.observe(gridEl);\r\n      }\r\n\r\n      renderTabs();\r\n      buildCards();\r\n    })();\r\n  <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ba3ea8d e-flex e-con-boxed e-con e-parent\" data-id=\"ba3ea8d\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-67da98a e-con-full e-flex e-con e-child\" data-id=\"67da98a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5789d9b elementor-widget elementor-widget-heading\" data-id=\"5789d9b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Learn more about us<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53d538c elementor-widget elementor-widget-heading\" data-id=\"53d538c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Familien-unternehmen mit Herz und Vision<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e38385 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"2e38385\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"549\" data-end=\"724\">For over 30 years, quality, authenticity, and attention to detail have defined everything we do\u2014values that we consistently embody in every collection.<\/p><p data-start=\"726\" data-end=\"982\">We are constantly evolving, embracing new trends, and combining them with a commitment to sustainability and long-term partnerships. This results in products that not only work but also stand the test of time.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6f48182 e-con-full e-flex e-con e-child\" data-id=\"6f48182\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48d40a1 elementor-widget__width-auto elementor-mobile-align-right elementor-widget elementor-widget-button\" data-id=\"48d40a1\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u00dcBER UNS<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fddedec e-flex e-con-boxed e-con e-parent\" data-id=\"fddedec\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-288ebccf e-con-full e-flex e-con e-child\" data-id=\"288ebccf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63d517d8 elementor-widget elementor-widget-heading\" data-id=\"63d517d8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Customer Testimonials<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7482fb95 elementor-widget elementor-widget-heading\" data-id=\"7482fb95\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Here's what our <br>\nCustomers and Partners<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-744a6be9 e-con-full e-flex e-con e-child\" data-id=\"744a6be9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f842119 elementor-hidden-mobile elementor-widget elementor-widget-ucaddon_blox_solid_color_blockquote\" data-id=\"f842119\" data-element_type=\"widget\" data-widget_type=\"ucaddon_blox_solid_color_blockquote.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Block Quote Box -->\n\t\t<link id='font-awesome-css' href='https:\/\/ivko.test.goando.de\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-all.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='font-awesome-4-shim-css' href='https:\/\/ivko.test.goando.de\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-v4-shims.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='uc_ac_assets_file_blox_solid_color_blockquote_css_747-css' href='https:\/\/ivko.test.goando.de\/wp-content\/uploads\/ac_assets\/blox_solid_color_blockquote\/blox-solid-color-blockquote.css' type='text\/css' rel='stylesheet' >\n\n\n<div class=\"blox-solid-color-blockquote\" style=\"text-align:left;\">\n    \t<div class=\"blox-content\" style=\"background-color:#E3E2D9;\">\n        \t<p style=\"color:#ffffff\"><span  class=\"uc_style_blox_solid_color_blockquote_elementor_description\" style=\"color:#2E2E2E;\">The wide variety of brands and the clear focus on fit and design make these collections particularly appealing to us as salespeople.<\/span><\/p>\n           \t<div style=\"color:#ffffff;\" class=\"blox-author\"><i style=\"background-color: rgba(255,255,255,0.3);\" class=\"fas fa-quote-left\"><\/i><span  class=\"uc_style_blox_solid_color_blockquote_elementor_title\" style=\"color:#2E2E2E;\">Optik Mustermann<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<!-- end Block Quote Box -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-52a6f95 elementor-widget elementor-widget-ucaddon_blox_solid_color_blockquote\" data-id=\"52a6f95\" data-element_type=\"widget\" data-widget_type=\"ucaddon_blox_solid_color_blockquote.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Block Quote Box -->\n\n\n<div class=\"blox-solid-color-blockquote\" style=\"text-align:left;\">\n    \t<div class=\"blox-content\" style=\"background-color:#101112;\">\n        \t<p style=\"color:#ffffff\"><span  class=\"uc_style_blox_solid_color_blockquote_elementor_description\" style=\"color:#FFFFFF;\">The wide variety of brands and the clear focus on fit and design make these collections particularly appealing to us as salespeople.<\/span><\/p>\n           \t<div style=\"color:#ffffff;\" class=\"blox-author\"><i style=\"background-color: rgba(255,255,255,0.3);\" class=\"fas fa-quote-left\"><\/i><span  class=\"uc_style_blox_solid_color_blockquote_elementor_title\" style=\"color:#FFFFFF;\">Optik Mustermann<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<!-- end Block Quote Box -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-994bc4a elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"994bc4a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c923f31 e-flex e-con-boxed e-con e-child\" data-id=\"c923f31\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10976bc elementor-widget elementor-widget-heading\" data-id=\"10976bc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Frequently Asked Questions<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-95c7f4a elementor-widget elementor-widget-heading\" data-id=\"95c7f4a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Here you'll find answers to frequently asked questions about our brands and products.<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-97eaf24 e-flex e-con-boxed e-con e-child\" data-id=\"97eaf24\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9633d15 e-con-full elementor-hidden-mobile e-flex e-con e-child\" data-id=\"9633d15\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-40a38c8 e-con-full e-flex e-con e-child\" data-id=\"40a38c8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e22e1d elementor-widget elementor-widget-toggle\" data-id=\"3e22e1d\" data-element_type=\"widget\" data-widget_type=\"toggle.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-toggle\">\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-6511\" class=\"elementor-tab-title\" data-tab=\"1\" role=\"button\" aria-controls=\"elementor-tab-content-6511\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><svg class=\"e-font-icon-svg e-fas-caret-right\" viewbox=\"0 0 192 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><svg class=\"elementor-toggle-icon-opened e-font-icon-svg e-fas-caret-up\" viewbox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">How do I place an order?<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-6511\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"region\" aria-labelledby=\"elementor-tab-title-6511\"><p>To place your order, please fill out our contact form or send us a direct inquiry. Our team is ready to assist you with this process.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-6512\" class=\"elementor-tab-title\" data-tab=\"2\" role=\"button\" aria-controls=\"elementor-tab-content-6512\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><svg class=\"e-font-icon-svg e-fas-caret-right\" viewbox=\"0 0 192 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><svg class=\"elementor-toggle-icon-opened e-font-icon-svg e-fas-caret-up\" viewbox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">What services do you offer?<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-6512\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"region\" aria-labelledby=\"elementor-tab-title-6512\"><p>We offer customized OEM solutions tailored to the specific needs of our partners. Our services include both consulting and support throughout the entire project.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-6513\" class=\"elementor-tab-title\" data-tab=\"3\" role=\"button\" aria-controls=\"elementor-tab-content-6513\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><svg class=\"e-font-icon-svg e-fas-caret-right\" viewbox=\"0 0 192 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><svg class=\"elementor-toggle-icon-opened e-font-icon-svg e-fas-caret-up\" viewbox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">How long will the implementation take?<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-6513\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"3\" role=\"region\" aria-labelledby=\"elementor-tab-title-6513\"><p>The duration of the implementation depends on the complexity of the project. We will work with you to create a clear timeline to ensure that everything is completed on schedule.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-6514\" class=\"elementor-tab-title\" data-tab=\"4\" role=\"button\" aria-controls=\"elementor-tab-content-6514\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><svg class=\"e-font-icon-svg e-fas-caret-right\" viewbox=\"0 0 192 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><svg class=\"elementor-toggle-icon-opened e-font-icon-svg e-fas-caret-up\" viewbox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">How does your quality management system work?<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-6514\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"4\" role=\"region\" aria-labelledby=\"elementor-tab-title-6514\"><p>Our quality management process includes regular inspections and tests at every stage of production to ensure that our products meet the highest standards.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-6515\" class=\"elementor-tab-title\" data-tab=\"5\" role=\"button\" aria-controls=\"elementor-tab-content-6515\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><svg class=\"e-font-icon-svg e-fas-caret-right\" viewbox=\"0 0 192 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><svg class=\"elementor-toggle-icon-opened e-font-icon-svg e-fas-caret-up\" viewbox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">What are your payment terms?<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-6515\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"5\" role=\"region\" aria-labelledby=\"elementor-tab-title-6515\"><p>Our payment terms are flexible and depend on the contract and the scope of the project. We would be happy to provide you with detailed information during a personal meeting.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b03e443 e-flex e-con-boxed e-con e-parent\" data-id=\"b03e443\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7a79dec e-con-full e-flex e-con e-child\" data-id=\"7a79dec\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cd977f4 e-con-full e-flex e-con e-child\" data-id=\"cd977f4\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d744c55 elementor-widget elementor-widget-heading\" data-id=\"d744c55\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Shape the Future<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1faf0a0 elementor-widget elementor-widget-heading\" data-id=\"1faf0a0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Join us on a journey toward sustainability <br>\nOptics Partnership<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b34fca elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"9b34fca\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewbox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Personalized Support<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewbox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Fair Terms<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewbox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Comprehensive Marketing Support<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-85bff00 elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"85bff00\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Request Now<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>MARKEN Brillen f\u00fcr alle skip render: ucaddon_animated_mouse_scroll_icon Brillen f\u00fcr alle MARKEN Marken f\u00fcr jede Zielgruppe Unsere Markenwelt vereint bekannte Lizenzmarken, starke Eigenentwicklungen und hochwertige Designerlinien f\u00fcr unterschiedliche Zielgruppen, aber mit [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-42","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/ivko.test.goando.de\/en\/wp-json\/wp\/v2\/pages\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ivko.test.goando.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ivko.test.goando.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ivko.test.goando.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ivko.test.goando.de\/en\/wp-json\/wp\/v2\/comments?post=42"}],"version-history":[{"count":362,"href":"https:\/\/ivko.test.goando.de\/en\/wp-json\/wp\/v2\/pages\/42\/revisions"}],"predecessor-version":[{"id":2944,"href":"https:\/\/ivko.test.goando.de\/en\/wp-json\/wp\/v2\/pages\/42\/revisions\/2944"}],"wp:attachment":[{"href":"https:\/\/ivko.test.goando.de\/en\/wp-json\/wp\/v2\/media?parent=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}