{"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-10-15T15:28:09","modified_gmt":"2026-10-15T15:28:09","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_offset_tablet&quot;:200,&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\" id=\"marken\" 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-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: #43140a;\r\n      --bs-accent-dark: #5C1D0F;\r\n      --bs-line: #DDDDD2;\r\n      --bs-line-strong: #CFCFC3;\r\n      --bs-pad: 40px;\r\n      --bs-media-h: clamp(220px, 28vw, 350px);\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    \/* Reset gegen Theme- und Elementor-Buttonstyles *\/\r\n    #brand-showcase button {\r\n      appearance: none;\r\n      -webkit-appearance: none;\r\n      font: inherit;\r\n      margin: 0;\r\n      text-shadow: none;\r\n      box-shadow: none;\r\n      line-height: normal;\r\n      min-height: 0;\r\n      width: auto;\r\n    }\r\n\r\n    \/* EBENE 1: TABS *\/\r\n    #brand-showcase .bs-tabs {\r\n      display: grid !important;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      visibility: visible !important;\r\n      opacity: 1 !important;\r\n    }\r\n\r\n    #brand-showcase .bs-tab-head {\r\n      margin: 0;\r\n      padding: 0;\r\n      font-size: inherit;\r\n      line-height: inherit;\r\n      font-weight: inherit;\r\n      display: block;\r\n    }\r\n\r\n    #brand-showcase .bs-tab {\r\n      display: block !important;\r\n      width: 100% !important;\r\n      visibility: visible !important;\r\n      opacity: 1 !important;\r\n      background: var(--bs-surface) !important;\r\n      color: var(--bs-ink-strong) !important;\r\n      border: 0 !important;\r\n      border-radius: 0 !important;\r\n      padding: 32px 20px !important;\r\n      min-height: 72px;\r\n      font-family: \"Brandon Grotesque\", \"BrandonGrotesque\", \"Lato\", sans-serif;\r\n      font-size: 24px;\r\n      font-weight: 700;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.06em;\r\n      text-align: center;\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 {\r\n      background: #D2D2C2 !important;\r\n      box-shadow: inset 0 0 0 2px var(--bs-accent);\r\n    }\r\n    #brand-showcase .bs-tab.is-active { background: var(--bs-accent) !important; color: #fff !important; }\r\n    #brand-showcase .bs-tab.is-active:hover { background: var(--bs-accent-dark) !important; box-shadow: none; }\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.is-open {\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: var(--bs-media-h);\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    #brand-showcase .bs-card-media img { width: 100%; height: var(--bs-media-h); object-fit: cover; display: block; }\r\n\r\n    #brand-showcase .bs-card-body {\r\n      padding: 30px 22px 20px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 18px;\r\n      flex: 1;\r\n    }\r\n\r\n  #brand-showcase .bs-card-head {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr) 150px;\r\n  align-items: center;\r\n  column-gap: 14px;\r\n  margin-top: auto;\r\n  width: 100%;\r\n}\r\n\r\n    #brand-showcase .bs-card-logo {\r\n  width: 150px;\r\n  min-width: 0;\r\n  height: 54px;\r\n  margin: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-end;\r\n  overflow: hidden;\r\n}\r\n\r\n#brand-showcase .bs-card-logo img {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  max-width: 100%;\r\n  object-fit: contain;\r\n  object-position: right center;\r\n}\r\n\r\n    #brand-showcase .bs-card-name {\r\n  display: block;\r\n  min-width: 0;\r\n  width: 100%;\r\n  margin: 0;\r\n  font-family: \"Brandon Grotesque\", \"BrandonGrotesque\", \"Lato\", sans-serif;\r\n  font-size: 23px;\r\n  line-height: 1.12;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.02em;\r\n  color: var(--bs-ink-strong);\r\n  white-space: normal;\r\n  overflow-wrap: anywhere;\r\n  word-break: normal;\r\n  hyphens: auto;\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; 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.is-open .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      position: relative;\r\n      background: var(--bs-surface);\r\n      border-top: 4px solid var(--bs-accent);\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\r\n      align-items: stretch;\r\n      min-height: 480px;\r\n      transition: opacity 150ms linear;\r\n    }\r\n\r\n    #brand-showcase .bs-panel-main {\r\n      min-width: 0;\r\n      padding: 40px 56px 40px var(--bs-pad);\r\n    }\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 14px;\r\n      font-family: \"Brandon Grotesque\", \"BrandonGrotesque\", \"Lato\", sans-serif;\r\n      font-size: clamp(26px, 2.6vw, 38px);\r\n      line-height: 1.04;\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: 58ch; font-size: 17px; line-height: 1.5; color: var(--bs-ink); }\r\n\r\n    #brand-showcase .bs-sub-head {\r\n      margin: 36px 0 16px;\r\n      font-family: \"Brandon Grotesque\", \"BrandonGrotesque\", \"Lato\", sans-serif;\r\n      font-size: 18px;\r\n      font-weight: 700;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.06em;\r\n      color: var(--bs-ink-strong);\r\n    }\r\n\r\n    #brand-showcase .bs-close {\r\n      position: absolute;\r\n      top: 8px;\r\n      right: 12px;\r\n      z-index: 3;\r\n      width: 48px;\r\n      height: 48px;\r\n      padding: 0;\r\n      border: 0;\r\n      border-radius: 0;\r\n      background: transparent;\r\n      color: var(--bs-ink-strong);\r\n      font-size: 40px;\r\n      line-height: 1;\r\n      cursor: pointer;\r\n      transition: color var(--bs-t), transform var(--bs-t);\r\n    }\r\n    #brand-showcase .bs-close:hover { background: transparent; color: var(--bs-accent); transform: scale(1.08); }\r\n    #brand-showcase .bs-close:focus-visible { outline: 3px solid var(--bs-accent); outline-offset: 2px; }\r\n\r\n    #brand-showcase .bs-chips { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 26px; }\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-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.is-active { background: var(--bs-accent); border-color: var(--bs-accent); color: #fff; }\r\n    #brand-showcase .bs-chip.is-active: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-logos {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fill, minmax(154px, 1fr));\r\n      gap: 14px;\r\n      transition: opacity 150ms linear;\r\n    }\r\n\r\n    #brand-showcase .bs-logo {\r\n      display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px;\r\n      min-height: 134px; padding: 18px 12px;\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);\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 {\r\n      width: 128px;\r\n      height: 64px;\r\n      max-width: 100%;\r\n      object-fit: contain;\r\n      display: block;\r\n    }\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-contact { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }\r\n\r\n    #brand-showcase .bs-contact a {\r\n      color: var(--bs-ink-strong);\r\n      font-size: 17px;\r\n      text-decoration: none;\r\n      border-bottom: 1px solid var(--bs-line-strong);\r\n      padding-bottom: 3px;\r\n      transition: color var(--bs-t), border-color var(--bs-t);\r\n    }\r\n    #brand-showcase .bs-contact a:hover { color: var(--bs-accent); border-color: var(--bs-accent); }\r\n\r\n    \/* Bild: rechte Haelfte, randbuendig, volle Hoehe *\/\r\n    #brand-showcase .bs-figure {\r\n      position: relative;\r\n      overflow: hidden;\r\n      background: var(--bs-line-strong);\r\n      transition: opacity 150ms linear;\r\n    }\r\n    #brand-showcase .bs-figure img {\r\n      position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n      object-fit: cover; display: block;\r\n    }\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 !important; font-size: 18px; min-height: 0; }\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-card-name { font-size: 20px; }\r\n      #brand-showcase .bs-card-logo { flex: 0 0 118px; height: 44px; }\r\n      #brand-showcase .bs-panel { margin-bottom: 18px; }\r\n      #brand-showcase .bs-panel-inner { grid-template-columns: minmax(0, 1fr); min-height: 0; }\r\n      #brand-showcase .bs-panel-main { padding: 30px 22px 30px; }\r\n      #brand-showcase .bs-figure { order: -1; aspect-ratio: 16 \/ 9; }\r\n      #brand-showcase .bs-logos { grid-template-columns: repeat(auto-fill, minmax(124px, 1fr)); }\r\n      #brand-showcase .bs-logo { min-height: 112px; }\r\n      #brand-showcase .bs-logo img { width: 100px; height: 52px; }\r\n#brand-showcase .bs-card-head {\r\n  grid-template-columns: minmax(0, 1fr) 118px;\r\n  column-gap: 10px;\r\n}\r\n\r\n#brand-showcase .bs-card-logo {\r\n  width: 118px;\r\n  height: 44px;\r\n}\r\n\r\n#brand-showcase .bs-card-name {\r\n  font-size: 20px;\r\n}\r\n    }\r\n\/* Tablet: zwei Firmenkacheln pro Reihe *\/\r\n@media (min-width: 601px) and (max-width: 900px) {\r\n  #brand-showcase .bs-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    column-gap: 18px;\r\n  }\r\n}\r\n\r\n\/* Smartphone: eine Firmenkachel pro Reihe *\/\r\n@media (max-width: 600px) {\r\n  #brand-showcase .bs-grid {\r\n    grid-template-columns: minmax(0, 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    \r\n    \r\n  <\/style>\r\n\r\n  <div class=\"bs-wrap\">\r\n    <div class=\"bs-tabs\" id=\"bs-tabs\" 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                phone: '+49 2656 952620',\r\n\r\n                email: 'info@young-fashion-eyewear.de',\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\/2025\/08\/J-87-158-1.jpg\",\r\n                    logos: [\r\n                      { name: \"Conni\", image: \"\/wp-content\/uploads\/2025\/10\/Logo_Con.png\", href: \"#\" },\r\n                      { name: \"Die Wilden Kerle\", image: \"\/wp-content\/uploads\/2025\/10\/Logo_DWK.png\", href: \"#\" },\r\n                      { name: \"Schleich\", image: \"\/wp-content\/uploads\/2025\/10\/Zeichenflaeche-1-1.png\", href: \"#\" },\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: \"#\" },\r\n                      { name: \"Star Wars\", image: \"\/wp-content\/uploads\/2025\/10\/Logo_SW.png\", href: \"#\" },\r\n                      { name: \"Paw Patrol\", image: \"\/wp-content\/uploads\/2025\/08\/Logo_Paw-Patrol.png\", href: \"#\" },\r\n                      { name: \"Janosch\", image: \"\/wp-content\/uploads\/2025\/10\/Logo_J.png\", href: \"#\" },\r\n                      { name: \"Vulkani\", image: \"\/wp-content\/uploads\/2025\/10\/Logo_VI.png\", href: \"#\" },\r\n                      { name: \"Die Maus\", image: \"\/wp-content\/uploads\/2025\/10\/Logo_Maus.png\", href: \"#\" },\r\n                      { name: \"ReForm\", image: \"\/wp-content\/uploads\/2026\/03\/REFORM_BLACK_512px.png\", href: \"#\" },\r\n                      { name: \"Polar\", image: \"\/wp-content\/uploads\/2025\/10\/Polar-Logo.png\", href: \"#\" },\r\n                      { name: \"Ivko Babys\", image: \"\/wp-content\/uploads\/2025\/10\/Logo_IVB.png\", href: \"#\" }\r\n                    ]\r\n                  },\r\n                  {\r\n                    label: \"Young Fashion Eyewear\",\r\n                    image: \"\/wp-content\/uploads\/2026\/03\/V-1202-1395-e1791109497669.jpg\",\r\n                    logos: [\r\n                      { name: \"Vulkan\", image: \"\/wp-content\/uploads\/2025\/10\/Logo_V.png\", href: \"#\" },\r\n                      { name: \"Vulkan Denim\", image: \"\/wp-content\/uploads\/2025\/10\/Vulkan_Denim_Logo.png\", href: \"#\" },\r\n                      { name: \"Vaude\", image: \"\/wp-content\/uploads\/2026\/03\/Logo_VD.png\", href: \"#\" },\r\n                      { name: \"ReForm\", image: \"\/wp-content\/uploads\/2026\/03\/REFORM_BLACK_512px.png\", href: \"#\" },\r\n                      { name: \"Polar\", image: \"\/wp-content\/uploads\/2025\/10\/Polar-Logo.png\", href: \"#\" }\r\n                    ]\r\n                  },\r\n                  {\r\n                    label: \"Adult Eyewear\",\r\n                    image: \"\/wp-content\/uploads\/2026\/09\/Moleskine_MO2268-A5P_S2A9919-scaled-e1791757552911.jpg\",\r\n                    logos: [\r\n                      { name: \"Moleskine\", image: \"\/wp-content\/uploads\/2025\/10\/Moleskine.png\", href: \"#\" },\r\n                      { name: \"Polar\", image: \"\/wp-content\/uploads\/2025\/10\/Polar-Logo.png\", href: \"#\" },\r\n                      { name: \"Vaude\", image: \"\/wp-content\/uploads\/2026\/03\/Logo_VD.png\", href: \"#\" },\r\n                      { name: \"ReForm\", image: \"\/wp-content\/uploads\/2026\/03\/REFORM_BLACK_512px.png\", href: \"#\" },\r\n                      { name: \"Reebok\", image: \"\/wp-content\/uploads\/2026\/03\/Reebok-01_schwarz_1.png\", href: \"#\" },\r\n                      { name: \"AllSaints\", image: \"\/wp-content\/uploads\/2026\/03\/Artboard-1@6x-scaled.png\", href: \"#\" }\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                phone: '+49 2691 8837590',\r\n\r\n                email: 'info@ivkopal.de',\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\/09\/ivkopal_26_4.jpeg\",\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\/09\/TC_2026_klein_2.jpeg\",\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\/09\/ELEVEN-PARIS-BOYSGIRLS-2022.png\", href: \"#\" },\r\n                      { name: \"Stitch\", image: \"\/wp-content\/uploads\/2026\/09\/Stitch_Logo.png\", href: \"#\" },\r\n                      { name: \"Cars\", image: \"\/wp-content\/uploads\/2026\/10\/pp_cars_homepage_logo_v2_67882d33-1_6b3ce336.png\", href: \"#\" }\r\n                    ]\r\n                  },\r\n                  {\r\n                    label: \"Fashion & Teens\",\r\n                    image: \"\/wp-content\/uploads\/2026\/09\/NY_2026_klein_1.jpeg\",\r\n                    logos: [\r\n                      { name: \"Lapo-Crush\", image: \"\/wp-content\/uploads\/2026\/09\/CRUSH-MonogramBlack.png\", href: \"#\" },\r\n                      { name: \"New York Yankees\", image: \"\/wp-content\/uploads\/2026\/03\/Logo_NY.png\", href: \"#\" },\r\n                      { name: \"Elevenparis\", image: \"\/wp-content\/uploads\/2026\/09\/ELEVENPARIS-2022.png\", href: \"#\" },\r\n                      { name: \"Lulu Castagnette\", image: \"\/wp-content\/uploads\/2026\/03\/Logo-Lulu-Casatagnette.png\", href: \"#\" },\r\n                      { name: \"Rolling Stones\", image: \"\/wp-content\/uploads\/2026\/10\/The_Rolling_Stones_logo.svg_.webp\", href: \"#\" }\r\n                    ]\r\n                  },\r\n                  {\r\n                    label: \"Demetz\",\r\n                    image: \"\/wp-content\/uploads\/2026\/09\/Demetz_Grafik_Paddle.jpeg\",\r\n                    logos: [\r\n                      { name: \"Essentials\", image: \"\/wp-content\/uploads\/2026\/03\/Demetz-Logo.png\", href: \"#\" },\r\n                      { name: \"Kinder\", image: \"\/wp-content\/uploads\/2026\/03\/Demetz-Logo.png\", href: \"#\" },\r\n                      { name: \"Wassersport\", image: \"\/wp-content\/uploads\/2026\/03\/Demetz-Logo.png\", href: \"#\" },\r\n                      { name: \"Ballsport\", image: \"\/wp-content\/uploads\/2026\/03\/Demetz-Logo.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\r\n                email: 'info@steppereyewear.com',\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                phone: '+49 30891 2226',\r\n\r\n                email: 'shop@maybach-luxury.com',\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\/09\/DSC21909.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                phone: '+49 2656 9526288',\r\n\r\n                email: 'info@maybach-luxury.com',\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                phone: '+49 30891 2226',\r\n\r\n                email: 'berlin@noble-optic-house.de',\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\/10\/NOH-Berlin.webp\", 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                phone: '+49 26569 526280',\r\n\r\n                email: 'info@hoffmann-eyewear.com',\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                phone: '+43 05646 02080',\r\n\r\n                email: 'info@swisshorn.ch',\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 Naturell\",\r\n                logo: \"\/wp-content\/uploads\/2025\/10\/Design-Naturell-Logo.png\",\r\n                phone: '+49 6592 644',\r\n\r\n                email: 'info@design-naturell.com',\r\n                title: \"Design Naturell\",\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                phone: '+49 8501 9394622',\r\n\r\n                email: 'sabine.greve@mmr-eyewear.com',\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      let cols = 1;\r\n\r\n      \/* ---------- Panelgeruest, wird nie neu erzeugt ---------- *\/\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 main = document.createElement(\"div\");\r\n      main.className = \"bs-panel-main\";\r\n      inner.appendChild(main);\r\n\r\n      const figure = document.createElement(\"div\");\r\n      figure.className = \"bs-figure\";\r\n      inner.appendChild(figure);\r\n\r\n      const closeBtn = document.createElement(\"button\");\r\n      closeBtn.type = \"button\";\r\n      closeBtn.className = \"bs-close\";\r\n      closeBtn.setAttribute(\"aria-label\", \"Bereich schlie\u00dfen\");\r\n      closeBtn.innerHTML = \"&times;\";\r\n      closeBtn.addEventListener(\"click\", function () { closePanel(); });\r\n      inner.appendChild(closeBtn);\r\n\r\n      const eyebrow = document.createElement(\"span\");\r\n      eyebrow.className = \"bs-eyebrow\";\r\n\r\n      const titleEl = document.createElement(\"h3\");\r\n      titleEl.className = \"bs-panel-title\";\r\n\r\n      const textEl = document.createElement(\"p\");\r\n      textEl.className = \"bs-panel-text\";\r\n\r\n      const headMarken = document.createElement(\"h4\");\r\n      headMarken.className = \"bs-sub-head\";\r\n      headMarken.textContent = \"Marken \/ Kollektionen\";\r\n\r\n      const chipsWrap = document.createElement(\"div\");\r\n      chipsWrap.className = \"bs-chips\";\r\n\r\n      const logosWrap = document.createElement(\"div\");\r\n      logosWrap.className = \"bs-logos\";\r\n\r\n      const headKontakt = document.createElement(\"h4\");\r\n      headKontakt.className = \"bs-sub-head\";\r\n      headKontakt.textContent = \"Kontakt\";\r\n\r\n      const contactWrap = document.createElement(\"div\");\r\n      contactWrap.className = \"bs-contact\";\r\n\r\n      main.appendChild(eyebrow);\r\n      main.appendChild(titleEl);\r\n      main.appendChild(textEl);\r\n      main.appendChild(headMarken);\r\n      main.appendChild(chipsWrap);\r\n      main.appendChild(logosWrap);\r\n      main.appendChild(headKontakt);\r\n      main.appendChild(contactWrap);\r\n\r\n      \/* ---------- Helfer ---------- *\/\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      function telHref(nr) {\r\n        return \"tel:\" + String(nr).replace(\/[^\\d+]\/g, \"\");\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      \/* ---------- Rasterspalten und Panelposition ---------- *\/\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) || parseFloat(style.gap) || 0;\r\n        const width = gridEl.clientWidth;\r\n        let fit = window.innerWidth <= 600 ? 1 :\r\n          window.innerWidth <= 900 ? 2 :\r\n          Math.floor((width + gap) \/ (240 + gap));\r\n        if (!isFinite(fit) || fit < 1) { fit = 1; }\r\n        cols = Math.max(1, Math.min(3, total, fit));\r\n        if (cols === 1 && total > 1) {\r\n          gridEl.style.setProperty(\"--bs-card-w\", \"86%\");\r\n        } else {\r\n          gridEl.style.setProperty(\"--bs-card-w\",\r\n            \"calc((100% - \" + (gap * (cols - 1)) + \"px) \/ \" + cols + \")\");\r\n        }\r\n        updateArrows();\r\n        return cols;\r\n      }\r\n\r\n            function placePanel() {\r\n        if (panel.previousSibling !== gridEl) {\r\n          gridEl.parentNode.insertBefore(panel, gridEl.nextSibling);\r\n        }\r\n      }\r\n\r\n      \/* ---------- Panelinhalt ---------- *\/\r\n\r\n      function fillChips(brand) {\r\n        const cats = brand.categories || [];\r\n        chipsWrap.innerHTML = \"\";\r\n        if (cats.length < 2) { chipsWrap.hidden = true; return; }\r\n        chipsWrap.hidden = false;\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\" + (i === activeCat ? \" is-active\" : \"\");\r\n          chip.setAttribute(\"aria-pressed\", 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          const on = i === activeCat;\r\n          chips[i].className = \"bs-chip\" + (on ? \" is-active\" : \"\");\r\n          chips[i].setAttribute(\"aria-pressed\", on ? \"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 fillCategory(brand) {\r\n        const cats = brand.categories || [];\r\n        if (activeCat >= cats.length) { activeCat = 0; }\r\n        const cat = cats[activeCat] || {};\r\n        const logos = cat.logos || [];\r\n\r\n        logosWrap.innerHTML = \"\";\r\n        if (logos.length) {\r\n          logosWrap.hidden = false;\r\n          logos.forEach(function (l) { logosWrap.appendChild(makeLogoTile(l)); });\r\n        } else {\r\n          logosWrap.hidden = true;\r\n        }\r\n\r\n        headMarken.hidden = !(logos.length || (cats.length > 1));\r\n\r\n        figure.innerHTML = \"\";\r\n        if (cat.image) {\r\n          figure.hidden = false;\r\n          figure.appendChild(safeImg(cat.image, cat.label || brand.name));\r\n        } else {\r\n          figure.hidden = true;\r\n        }\r\n      }\r\n\r\n      function fillContact(brand) {\r\n        contactWrap.innerHTML = \"\";\r\n        const phone = (brand.phone || \"\").trim();\r\n        const mail = (brand.email || \"\").trim();\r\n        headKontakt.hidden = false;\r\n        contactWrap.hidden = false;\r\n        if (!phone && !mail) { return; }\r\n        if (phone) {\r\n          const a = document.createElement(\"a\");\r\n          a.href = telHref(phone);\r\n          a.textContent = phone;\r\n          contactWrap.appendChild(a);\r\n        }\r\n        if (mail) {\r\n          const a = document.createElement(\"a\");\r\n          a.href = \"mailto:\" + mail;\r\n          a.textContent = mail;\r\n          contactWrap.appendChild(a);\r\n        }\r\n      }\r\n\r\n      function fillPanel(brand) {\r\n        eyebrow.textContent = (data.tabs[activeTab] && data.tabs[activeTab].label) || \"\";\r\n        titleEl.textContent = brand.title || brand.name || \"\";\r\n        textEl.textContent = brand.text || \"\";\r\n        textEl.hidden = !brand.text;\r\n        fillChips(brand);\r\n        fillCategory(brand);\r\n        fillContact(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          const on = i === openBrand;\r\n          cardEls[i].classList.toggle(\"is-open\", on);\r\n          cardEls[i].setAttribute(\"aria-expanded\", on ? \"true\" : \"false\");\r\n        }\r\n        gridEl.classList.toggle(\"is-open\", openBrand !== null);\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        panel.style.height = panel.offsetHeight + \"px\";\r\n        void panel.offsetHeight;\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        logosWrap.style.opacity = \"0\";\r\n        figure.style.opacity = \"0\";\r\n        window.setTimeout(function () {\r\n          activeCat = index;\r\n          syncChips();\r\n          fillCategory(brand);\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 () {\r\n            logosWrap.style.opacity = \"1\";\r\n            figure.style.opacity = \"1\";\r\n          });\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        const headRow = document.createElement(\"div\");\r\n        headRow.className = \"bs-card-head\";\r\n\r\n        const name = document.createElement(\"span\");\r\n        name.className = \"bs-card-name\";\r\n        name.textContent = brand.name || \"\";\r\n        headRow.appendChild(name);\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          headRow.appendChild(logoBox);\r\n        }\r\n        body.appendChild(headRow);\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\" + (i === activeTab ? \" is-active\" : \"\");\r\n          btn.setAttribute(\"aria-pressed\", i === activeTab ? \"true\" : \"false\");\r\n          btn.textContent = tab.label;\r\n          btn.addEventListener(\"click\", function () { switchTab(i); });\r\n          const wrap = document.createElement(\"h2\");\r\n          wrap.className = \"bs-tab-head\";\r\n          wrap.appendChild(btn);\r\n          tabsEl.appendChild(wrap);\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          const on = i === activeTab;\r\n          tabs[i].className = \"bs-tab\" + (on ? \" is-active\" : \"\");\r\n          tabs[i].setAttribute(\"aria-pressed\", on ? \"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      \/* ---------- Sliderbedienung ---------- *\/\r\n\r\n      var nav = document.createElement(\"div\");\r\n      nav.className = \"bs-nav\";\r\n\r\n      var prevBtn = document.createElement(\"button\");\r\n      prevBtn.type = \"button\";\r\n      prevBtn.className = \"bs-arrow\";\r\n      prevBtn.setAttribute(\"aria-label\", \"Vorherige Marken\");\r\n      prevBtn.innerHTML = \"&lsaquo;\";\r\n\r\n      var nextBtn = document.createElement(\"button\");\r\n      nextBtn.type = \"button\";\r\n      nextBtn.className = \"bs-arrow\";\r\n      nextBtn.setAttribute(\"aria-label\", \"Weitere Marken\");\r\n      nextBtn.innerHTML = \"&rsaquo;\";\r\n\r\n      nav.appendChild(prevBtn);\r\n      nav.appendChild(nextBtn);\r\n      gridEl.parentNode.insertBefore(nav, gridEl);\r\n\r\n      function stepWidth() {\r\n        const first = cardEls[0];\r\n        const gap = parseFloat(window.getComputedStyle(gridEl).columnGap) || 0;\r\n        return first ? first.offsetWidth + gap : Math.round(gridEl.clientWidth \/ 3);\r\n      }\r\n\r\n      function updateArrows() {\r\n        if (!nextBtn) { return; }\r\n        const max = gridEl.scrollWidth - gridEl.clientWidth;\r\n        const idle = max < 4;\r\n        nav.classList.toggle(\"is-idle\", idle);\r\n        prevBtn.hidden = idle;\r\n        nextBtn.hidden = idle;\r\n        if (idle) { return; }\r\n        prevBtn.disabled = gridEl.scrollLeft < 4;\r\n        nextBtn.disabled = gridEl.scrollLeft > max - 4;\r\n      }\r\n\r\n      prevBtn.addEventListener(\"click\", function () {\r\n        gridEl.scrollBy({ left: -stepWidth(), behavior: reduce ? \"auto\" : \"smooth\" });\r\n      });\r\n      nextBtn.addEventListener(\"click\", function () {\r\n        gridEl.scrollBy({ left: stepWidth(), behavior: reduce ? \"auto\" : \"smooth\" });\r\n      });\r\n      gridEl.addEventListener(\"scroll\", updateArrows);\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":413,"href":"https:\/\/ivko.test.goando.de\/en\/wp-json\/wp\/v2\/pages\/42\/revisions"}],"predecessor-version":[{"id":3357,"href":"https:\/\/ivko.test.goando.de\/en\/wp-json\/wp\/v2\/pages\/42\/revisions\/3357"}],"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}]}}