{"id":5589,"date":"2025-02-28T10:59:34","date_gmt":"2025-02-28T09:59:34","guid":{"rendered":"https:\/\/latestcollection.com\/?page_id=5589"},"modified":"2026-09-14T08:33:07","modified_gmt":"2026-09-14T06:33:07","slug":"wie-es-funktioniert-modeartikeldaten","status":"publish","type":"page","link":"https:\/\/latestcollection.com\/de\/hoe-het-werkt-fashion-artikeldata\/","title":{"rendered":"So funktioniert es"},"content":{"rendered":"<style data-wp-block-html=\"css\">\n\/* =========================================================\n   LATEST COLLECTION\n   HOE HET WERKT\n   BLOK 1 - HERO\n   ========================================================= *\/\n\n\n\/* ---------------------------------------------------------\n   WORDPRESS PAGINATITEL VERBERGEN\n   Alleen op pagina waar deze hero aanwezig is\n   --------------------------------------------------------- *\/\n\nbody:has(.lc-how-hero) .entry-header,\nbody:has(.lc-how-hero) .page-header,\nbody:has(.lc-how-hero) .wp-block-post-title,\nbody:has(.lc-how-hero) h1.entry-title,\nbody:has(.lc-how-hero) h1.page-title {\n    display: none !important;\n}\n\n\nbody:has(.lc-how-hero) .entry-content,\nbody:has(.lc-how-hero) .wp-site-blocks main,\nbody:has(.lc-how-hero) main.site-main {\n    margin-top: 0 !important;\n    padding-top: 0 !important;\n}\n\n\n\/* ---------------------------------------------------------\n   BASIS\n   --------------------------------------------------------- *\/\n\n.lc-how-hero {\n    --lc-red: #DA291C;\n    --lc-red-dark: #B82016;\n\n    --lc-black: #101828;\n    --lc-text: #475467;\n    --lc-muted: #667085;\n\n    position: relative;\n\n    width: 100vw;\n    max-width: none;\n\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n\n    padding: 68px 32px;\n\n    overflow: hidden;\n\n    background:\n        radial-gradient(\n            circle at 15% 20%,\n            rgba(255, 255, 255, 0.8),\n            transparent 35%\n        ),\n        #F5F3F0;\n\n    color: var(--lc-black);\n\n    font-family: \"Poppins\", Arial, sans-serif;\n\n    box-sizing: border-box;\n}\n\n\n.lc-how-hero *,\n.lc-how-hero *::before,\n.lc-how-hero *::after {\n    box-sizing: border-box;\n}\n\n\n\/* ---------------------------------------------------------\n   INNER\n   --------------------------------------------------------- *\/\n\n.lc-how-hero-inner {\n    width: 100%;\n    max-width: 1480px;\n\n    margin: 0 auto;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 0.9fr)\n        minmax(0, 1.1fr);\n\n    gap: 72px;\n\n    align-items: center;\n}\n\n\n\/* =========================================================\n   LINKERZIJDE\n   ========================================================= *\/\n\n.lc-how-hero-content {\n    width: 100%;\n    max-width: 625px;\n\n    min-width: 0;\n}\n\n\n\/* ---------------------------------------------------------\n   EYEBROW\n   --------------------------------------------------------- *\/\n\n.lc-how-hero-eyebrow {\n    margin: 0 0 10px !important;\n    padding: 0 !important;\n\n    color: var(--lc-red) !important;\n\n    font-size: 10px !important;\n    font-weight: 700 !important;\n    line-height: 1.4 !important;\n\n    letter-spacing: 0.13em !important;\n    text-transform: uppercase !important;\n}\n\n\n\/* ---------------------------------------------------------\n   TITEL\n   --------------------------------------------------------- *\/\n\n.lc-how-hero-title {\n    width: 100%;\n    max-width: 620px;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    color: var(--lc-black) !important;\n\n    font-family: \"Poppins\", Arial, sans-serif !important;\n\n    \/*\n       Bewust kleiner dan vorige versie.\n       Maximaal 48px.\n    *\/\n    font-size: clamp(36px, 3vw, 48px) !important;\n\n    font-weight: 700 !important;\n    line-height: 1.07 !important;\n\n    letter-spacing: -0.04em !important;\n}\n\n\n.lc-how-hero-title span {\n    display: block;\n\n    margin-top: 5px;\n\n    color: var(--lc-red) !important;\n}\n\n\n\/* ---------------------------------------------------------\n   INTRO\n   --------------------------------------------------------- *\/\n\n.lc-how-hero-intro {\n    width: 100%;\n    max-width: 590px;\n\n    margin: 21px 0 0 !important;\n    padding: 0 !important;\n\n    color: var(--lc-text) !important;\n\n    font-size: 14px !important;\n    font-weight: 400 !important;\n    line-height: 1.72 !important;\n}\n\n\n\/* =========================================================\n   CTA'S\n   ========================================================= *\/\n\n.lc-how-hero-actions {\n    display: flex;\n    flex-wrap: wrap;\n\n    gap: 12px;\n\n    margin-top: 28px;\n}\n\n\n.lc-how-hero-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    min-height: 48px;\n\n    gap: 8px;\n\n    padding: 12px 19px;\n\n    border-radius: 7px;\n\n    font-family: \"Poppins\", Arial, sans-serif;\n\n    font-size: 11px;\n    font-weight: 700;\n    line-height: 1.4;\n\n    text-decoration: none !important;\n\n    transition:\n        background 0.2s ease,\n        border-color 0.2s ease,\n        color 0.2s ease,\n        transform 0.2s ease,\n        box-shadow 0.2s ease;\n}\n\n\n.lc-how-hero-btn svg {\n    width: 16px;\n    height: 16px;\n\n    fill: none;\n\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\n\/* PRIMARY *\/\n\n.lc-how-hero-btn-primary {\n    border: 1px solid var(--lc-red);\n\n    background: var(--lc-red);\n\n    color: #FFFFFF !important;\n\n    box-shadow:\n        0 5px 14px rgba(218, 41, 28, 0.16);\n}\n\n\n.lc-how-hero-btn-primary:hover {\n    border-color: var(--lc-red-dark);\n\n    background: var(--lc-red-dark);\n\n    color: #FFFFFF !important;\n\n    transform: translateY(-2px);\n\n    box-shadow:\n        0 8px 20px rgba(218, 41, 28, 0.20);\n}\n\n\n\/* SECONDARY *\/\n\n.lc-how-hero-btn-secondary {\n    border: 1px solid #BFC4CC;\n\n    background: rgba(255,255,255,0.8);\n\n    color: var(--lc-black) !important;\n}\n\n\n.lc-how-hero-btn-secondary:hover {\n    border-color: var(--lc-black);\n\n    background: #FFFFFF;\n\n    color: var(--lc-black) !important;\n\n    transform: translateY(-2px);\n}\n\n\n\/* =========================================================\n   USP'S\n   ========================================================= *\/\n\n.lc-how-hero-usps {\n    display: flex;\n    flex-wrap: wrap;\n\n    gap: 12px 20px;\n\n    margin-top: 24px;\n}\n\n\n.lc-how-hero-usp {\n    display: flex;\n    align-items: center;\n\n    gap: 7px;\n\n    color: var(--lc-text);\n\n    font-size: 10px;\n    font-weight: 500;\n    line-height: 1.4;\n}\n\n\n.lc-how-hero-usp-check {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    flex: 0 0 18px;\n\n    width: 18px;\n    height: 18px;\n\n    border-radius: 50%;\n\n    background: rgba(218, 41, 28, 0.10);\n\n    color: var(--lc-red);\n}\n\n\n.lc-how-hero-usp-check svg {\n    width: 9px;\n    height: 9px;\n\n    fill: none;\n\n    stroke: currentColor;\n    stroke-width: 2.3;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\n\/* =========================================================\n   RECHTER VISUAL\n   ========================================================= *\/\n\n.lc-how-hero-visual {\n    position: relative;\n\n    width: 100%;\n    height: 520px;\n\n    min-width: 0;\n\n    overflow: hidden;\n\n    border-radius: 20px;\n\n    background: #E8E4DF;\n\n    box-shadow:\n        0 20px 50px rgba(16, 24, 40, 0.08);\n}\n\n\n\/* ---------------------------------------------------------\n   AFBEELDING\n   --------------------------------------------------------- *\/\n\n.lc-how-hero-image {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    object-fit: cover;\n    object-position: center;\n\n    border-radius: 20px;\n}\n\n\n\/* ---------------------------------------------------------\n   OVERGANG LINKERZIJDE FOTO\n   --------------------------------------------------------- *\/\n\n.lc-how-hero-visual::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    bottom: 0;\n    left: 0;\n\n    z-index: 1;\n\n    width: 95px;\n\n    background:\n        linear-gradient(\n            to right,\n            rgba(245, 243, 240, 0.70) 0%,\n            rgba(245, 243, 240, 0.25) 48%,\n            rgba(245, 243, 240, 0) 100%\n        );\n\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   OVERLAY CARD\n   ========================================================= *\/\n\n.lc-how-hero-card {\n    position: absolute;\n\n    z-index: 5;\n\n    top: 28px;\n    right: 28px;\n\n    width: 300px;\n\n    display: flex;\n    flex-direction: column;\n\n    gap: 14px;\n\n    padding: 20px;\n\n    border: 1px solid rgba(255,255,255,0.82);\n    border-radius: 15px;\n\n    background: rgba(255,255,255,0.95);\n\n    box-shadow:\n        0 16px 40px rgba(16, 24, 40, 0.11);\n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n}\n\n\n\/* ---------------------------------------------------------\n   OVERLAY ITEMS\n   --------------------------------------------------------- *\/\n\n.lc-how-hero-card-item {\n    display: grid;\n\n    grid-template-columns:\n        38px\n        minmax(0, 1fr);\n\n    align-items: center;\n\n    gap: 11px;\n}\n\n\n.lc-how-hero-card-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 38px;\n    height: 38px;\n\n    border-radius: 50%;\n\n    background: rgba(218, 41, 28, 0.07);\n\n    color: var(--lc-red);\n}\n\n\n.lc-how-hero-card-icon svg {\n    width: 19px;\n    height: 19px;\n\n    fill: none;\n\n    stroke: currentColor;\n    stroke-width: 1.7;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\n.lc-how-hero-card-item strong {\n    display: block;\n\n    color: var(--lc-black);\n\n    font-size: 11px;\n    font-weight: 700;\n    line-height: 1.35;\n}\n\n\n.lc-how-hero-card-item div > span {\n    display: block;\n\n    margin-top: 2px;\n\n    color: var(--lc-muted);\n\n    font-size: 8px;\n    font-weight: 400;\n    line-height: 1.45;\n}\n\n\n\/* =========================================================\n   DESKTOP TOT 1500PX\n   ========================================================= *\/\n\n@media (max-width: 1500px) {\n\n    .lc-how-hero {\n        padding:\n            64px 42px;\n    }\n\n\n    .lc-how-hero-inner {\n        max-width: 1320px;\n\n        gap: 60px;\n    }\n\n\n    .lc-how-hero-title {\n        font-size: clamp(35px, 3vw, 45px) !important;\n    }\n\n\n    .lc-how-hero-visual {\n        height: 500px;\n    }\n\n}\n\n\n\/* =========================================================\n   LAPTOP\n   ========================================================= *\/\n\n@media (max-width: 1200px) {\n\n    .lc-how-hero {\n        padding:\n            58px 30px;\n    }\n\n\n    .lc-how-hero-inner {\n        max-width: 1120px;\n\n        grid-template-columns:\n            minmax(0, 0.92fr)\n            minmax(450px, 1.08fr);\n\n        gap: 44px;\n    }\n\n\n    .lc-how-hero-title {\n        font-size: 40px !important;\n    }\n\n\n    .lc-how-hero-intro {\n        font-size: 13px !important;\n    }\n\n\n    .lc-how-hero-visual {\n        height: 470px;\n    }\n\n\n    .lc-how-hero-card {\n        top: 22px;\n        right: 22px;\n\n        width: 270px;\n    }\n\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 950px) {\n\n    .lc-how-hero {\n        padding:\n            54px 24px\n            0;\n    }\n\n\n    .lc-how-hero-inner {\n        grid-template-columns: 1fr;\n\n        gap: 38px;\n    }\n\n\n    .lc-how-hero-content {\n        max-width: 720px;\n    }\n\n\n    .lc-how-hero-title {\n        max-width: 620px;\n\n        font-size: 38px !important;\n    }\n\n\n    .lc-how-hero-intro {\n        max-width: 650px;\n    }\n\n\n    .lc-how-hero-visual {\n        height: 460px;\n\n        border-radius:\n            18px 18px\n            0 0;\n    }\n\n\n    .lc-how-hero-image {\n        border-radius:\n            18px 18px\n            0 0;\n    }\n\n\n    .lc-how-hero-visual::before {\n        display: none;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBIEL\n   ========================================================= *\/\n\n@media (max-width: 650px) {\n\n    .lc-how-hero {\n        padding:\n            44px 18px\n            0;\n    }\n\n\n    .lc-how-hero-inner {\n        gap: 30px;\n    }\n\n\n    \/* CONTENT *\/\n\n    .lc-how-hero-eyebrow {\n        font-size: 9px !important;\n    }\n\n\n    .lc-how-hero-title {\n        max-width: none;\n\n        font-size: 31px !important;\n        line-height: 1.09 !important;\n    }\n\n\n    .lc-how-hero-title span {\n        margin-top: 4px;\n    }\n\n\n    .lc-how-hero-intro {\n        max-width: none;\n\n        margin-top: 17px !important;\n\n        font-size: 12px !important;\n        line-height: 1.65 !important;\n    }\n\n\n    \/* BUTTONS *\/\n\n    .lc-how-hero-actions {\n        display: grid;\n\n        grid-template-columns: 1fr;\n\n        gap: 9px;\n\n        margin-top: 23px;\n    }\n\n\n    .lc-how-hero-btn {\n        width: 100%;\n    }\n\n\n    \/* USP'S *\/\n\n    .lc-how-hero-usps {\n        flex-direction: column;\n\n        gap: 8px;\n\n        margin-top: 20px;\n    }\n\n\n    \/* VISUAL *\/\n\n    .lc-how-hero-visual {\n        height: 405px;\n\n        border-radius:\n            15px 15px\n            0 0;\n    }\n\n\n    .lc-how-hero-image {\n        border-radius:\n            15px 15px\n            0 0;\n    }\n\n\n    \/* CARD *\/\n\n    .lc-how-hero-card {\n        top: auto;\n        right: 12px;\n        bottom: 12px;\n        left: 12px;\n\n        width: auto;\n\n        padding: 15px;\n\n        gap: 11px;\n\n        border-radius: 12px;\n    }\n\n\n    .lc-how-hero-card-item {\n        grid-template-columns:\n            32px\n            minmax(0, 1fr);\n\n        gap: 9px;\n    }\n\n\n    .lc-how-hero-card-icon {\n        width: 32px;\n        height: 32px;\n    }\n\n\n    .lc-how-hero-card-icon svg {\n        width: 16px;\n        height: 16px;\n    }\n\n\n    .lc-how-hero-card-item strong {\n        font-size: 10px;\n    }\n\n\n    .lc-how-hero-card-item div > span {\n        font-size: 8px;\n    }\n\n}\n\n\n\/* =========================================================\n   ZEER KLEIN MOBIEL\n   ========================================================= *\/\n\n@media (max-width: 400px) {\n\n    .lc-how-hero {\n        padding-left: 14px;\n        padding-right: 14px;\n    }\n\n\n    .lc-how-hero-title {\n        font-size: 28px !important;\n    }\n\n\n    .lc-how-hero-visual {\n        height: 380px;\n    }\n\n}\n<\/style>\n\n<section class=\"lc-how-hero\">\n\n  <div class=\"lc-how-hero-inner\">\n\n\n    <!-- LINKERZIJDE -->\n    <div class=\"lc-how-hero-content\">\n\n      <p class=\"lc-how-hero-eyebrow\">\n        So funktioniert es\n      <\/p>\n\n      <h1 class=\"lc-how-hero-title\">\n        Van merkdata naar jouw systeem.\n        <span>Met veel minder handmatig invoerwerk.<\/span>\n      <\/h1>\n\n      <p class=\"lc-how-hero-intro\">\n        Latest Collection verbindt merken, softwarepartners en retailers\n        door beschikbare fashion artikeldata centraal te verzamelen,\n        te structureren en via aangesloten systemen beschikbaar te maken.\n        Zo komt productinformatie terecht op de plek waar ermee gewerkt wordt.\n      <\/p>\n\n\n      <!-- CTA'S -->\n      <div class=\"lc-how-hero-actions\">\n\n        <a href=\"https:\/\/latest-collection-da-2h9i.bolt.host\" class=\"lc-how-hero-btn lc-how-hero-btn-primary\" target=\"_blank\" rel=\"noopener\">\n          \u00dcberpr\u00fcfen Sie meine Marken\n\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h14\"><\/path>\n            <path d=\"M13 6l6 6-6 6\"><\/path>\n          <\/svg>\n        <\/a>\n\n\n        <a href=\"https:\/\/latestcollection.com\/de\/partners\/\" class=\"lc-how-hero-btn lc-how-hero-btn-secondary\">\n          Bekijk aangesloten systemen\n        <\/a>\n\n      <\/div>\n\n\n      <!-- USP'S -->\n      <div class=\"lc-how-hero-usps\">\n\n        <div class=\"lc-how-hero-usp\">\n\n          <span class=\"lc-how-hero-usp-check\">\n            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M6 12.5l4 4L18 8\"><\/path>\n            <\/svg>\n          <\/span>\n\n          <span>Minder invoerwerk<\/span>\n\n        <\/div>\n\n\n        <div class=\"lc-how-hero-usp\">\n\n          <span class=\"lc-how-hero-usp-check\">\n            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M6 12.5l4 4L18 8\"><\/path>\n            <\/svg>\n          <\/span>\n\n          <span>Minder fouten<\/span>\n\n        <\/div>\n\n\n        <div class=\"lc-how-hero-usp\">\n\n          <span class=\"lc-how-hero-usp-check\">\n            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M6 12.5l4 4L18 8\"><\/path>\n            <\/svg>\n          <\/span>\n\n          <span>Sneller beschikbaar<\/span>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- RECHTERZIJDE -->\n    <div class=\"lc-how-hero-visual\">\n\n      <img decoding=\"async\"\n        src=\"https:\/\/latestcollection.com\/wp-content\/uploads\/2026\/09\/Modewinkel-scant-Latest-Collection-hoe-het-werkt.svg\"\n        alt=\"Retailer scant fashionartikel met beschikbare artikeldata via Latest Collection\"\n        class=\"lc-how-hero-image\"\n      >\n\n\n      <!-- OVERLAY -->\n      <div class=\"lc-how-hero-card\">\n\n\n        <div class=\"lc-how-hero-card-item\">\n\n          <span class=\"lc-how-hero-card-icon\">\n\n            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M13 2L4 14h7l-1 8 9-12h-7l1-8z\"><\/path>\n            <\/svg>\n\n          <\/span>\n\n          <div>\n            <strong>Minder invoer<\/strong>\n            <span>Beschikbare artikeldata direct gebruiken<\/span>\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"lc-how-hero-card-item\">\n\n          <span class=\"lc-how-hero-card-icon\">\n\n            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n              <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n              <path d=\"M8 12l2.5 2.5L16 9\"><\/path>\n            <\/svg>\n\n          <\/span>\n\n          <div>\n            <strong>Minder fouten<\/strong>\n            <span>Uniforme en gestructureerde data<\/span>\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"lc-how-hero-card-item\">\n\n          <span class=\"lc-how-hero-card-icon\">\n\n            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M4 19V9\"><\/path>\n              <path d=\"M10 19V5\"><\/path>\n              <path d=\"M16 19v-7\"><\/path>\n              <path d=\"M22 19V3\"><\/path>\n            <\/svg>\n\n          <\/span>\n\n          <div>\n            <strong>Sneller beschikbaar<\/strong>\n            <span>Meer tijd voor je dagelijkse retailproces<\/span>\n          <\/div>\n\n        <\/div>\n\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* ==========================================================\n   LATEST COLLECTION\n   HOE HET WERKT\n   BLOK 2 - HET PROBLEEM\n   ========================================================== *\/\n\n\n\/* ==========================================================\n   BASIS\n   ========================================================== *\/\n\n.lc-how-problem,\n.lc-how-problem * {\n  box-sizing: border-box;\n  font-family: \"Poppins\", sans-serif;\n}\n\n\n\/* ==========================================================\n   SECTION\n   ========================================================== *\/\n\n.lc-how-problem {\n  position: relative;\n\n  width: 100vw;\n  max-width: none;\n\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n\n  padding: 66px 0 70px;\n\n  background: #ffffff;\n\n  color: #111111;\n}\n\n\n\/* ==========================================================\n   INNER\n   ========================================================== *\/\n\n.lc-how-problem-inner {\n  width: calc(100% - 80px);\n  max-width: 1500px;\n\n  margin: 0 auto;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 470px)\n    minmax(0, 1fr);\n\n  align-items: center;\n\n  gap: 70px;\n}\n\n\n\/* ==========================================================\n   LINKERZIJDE\n   ========================================================== *\/\n\n.lc-how-problem-copy {\n  min-width: 0;\n}\n\n\n\/* EYEBROW *\/\n\n.lc-how-problem-eyebrow {\n  margin: 0 0 11px !important;\n  padding: 0 !important;\n\n  color: #DA291C !important;\n\n  font-size: 11px !important;\n  line-height: 1.3 !important;\n\n  font-weight: 700 !important;\n\n  letter-spacing: .11em !important;\n  text-transform: uppercase !important;\n}\n\n\n\/* ==========================================================\n   TITEL\n   ========================================================== *\/\n\n.lc-how-problem-copy h2 {\n  max-width: 450px;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  color: #111111;\n\n  font-size: clamp(34px, 3vw, 46px);\n  line-height: 1.08;\n\n  font-weight: 700;\n\n  letter-spacing: -.04em;\n}\n\n.lc-how-problem-copy h2 span {\n  display: block;\n}\n\n\n\/* ==========================================================\n   INTRO\n   ========================================================== *\/\n\n.lc-how-problem-intro {\n  max-width: 450px;\n\n  margin: 20px 0 0 !important;\n  padding: 0 !important;\n\n  color: #5d5d5d;\n\n  font-size: 14px;\n  line-height: 1.72;\n}\n\n\n\/* ==========================================================\n   HIGHLIGHT\n   ========================================================== *\/\n\n.lc-how-problem-highlight {\n  max-width: 450px;\n\n  margin: 17px 0 0 !important;\n  padding: 0 !important;\n\n  color: #DA291C;\n\n  font-size: 14px;\n  line-height: 1.6;\n\n  font-weight: 700;\n}\n\n\n\/* ==========================================================\n   CARDS GRID\n   ========================================================== *\/\n\n.lc-how-problem-cards {\n  min-width: 0;\n\n  display: grid;\n\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n\n  gap: 14px;\n}\n\n\n\/* ==========================================================\n   CARD\n   ========================================================== *\/\n\n.lc-how-problem-card {\n  min-width: 0;\n  min-height: 250px;\n\n  padding: 26px 24px;\n\n  border: 1px solid #e7e7e7;\n  border-radius: 15px;\n\n  background: #fafafa;\n\n  transition:\n    transform .2s ease,\n    border-color .2s ease,\n    box-shadow .2s ease;\n}\n\n.lc-how-problem-card:hover {\n  transform: translateY(-3px);\n\n  border-color: #d9d9d9;\n\n  box-shadow:\n    0 12px 30px rgba(0,0,0,.05);\n}\n\n\n\/* ==========================================================\n   ICON\n   ========================================================== *\/\n\n.lc-how-problem-icon {\n  width: 52px;\n  height: 52px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  margin-bottom: 18px;\n\n  border-radius: 50%;\n\n  background: #fff0ee;\n\n  color: #DA291C;\n}\n\n.lc-how-problem-icon svg {\n  width: 26px;\n  height: 26px;\n\n  fill: none;\n  stroke: currentColor;\n\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\n\/* ==========================================================\n   CARD TITLE\n   ========================================================== *\/\n\n.lc-how-problem-card h3 {\n  margin: 0 0 9px !important;\n  padding: 0 !important;\n\n  color: #111111;\n\n  font-size: 16px;\n  line-height: 1.35;\n\n  font-weight: 700;\n}\n\n\n\/* ==========================================================\n   CARD TEXT\n   ========================================================== *\/\n\n.lc-how-problem-card p {\n  margin: 0 !important;\n  padding: 0 !important;\n\n  color: #626262;\n\n  font-size: 12px;\n  line-height: 1.65;\n}\n\n\n\/* ==========================================================\n   TABLET\n   ========================================================== *\/\n\n@media (max-width: 1200px) {\n\n  .lc-how-problem-inner {\n    width: calc(100% - 48px);\n\n    grid-template-columns:\n      minmax(0, 400px)\n      minmax(0, 1fr);\n\n    gap: 46px;\n  }\n\n  .lc-how-problem-card {\n    padding: 23px 20px;\n  }\n\n}\n\n\n\/* ==========================================================\n   ONDER 900PX\n   ========================================================== *\/\n\n@media (max-width: 900px) {\n\n  .lc-how-problem {\n    padding: 56px 0 60px;\n  }\n\n  .lc-how-problem-inner {\n    width: calc(100% - 40px);\n\n    grid-template-columns: 1fr;\n\n    gap: 36px;\n  }\n\n  .lc-how-problem-copy {\n    max-width: 700px;\n  }\n\n  .lc-how-problem-copy h2,\n  .lc-how-problem-intro,\n  .lc-how-problem-highlight {\n    max-width: 680px;\n  }\n\n}\n\n\n\/* ==========================================================\n   MOBIEL\n   ========================================================== *\/\n\n@media (max-width: 650px) {\n\n  .lc-how-problem {\n    width: 100vw;\n\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n\n    padding: 44px 0 48px;\n  }\n\n  .lc-how-problem-inner {\n    width: 100%;\n    max-width: none;\n\n    margin: 0;\n\n    padding-left: 18px;\n    padding-right: 18px;\n\n    gap: 28px;\n  }\n\n\n  \/* COPY *\/\n\n  .lc-how-problem-eyebrow {\n    font-size: 10px !important;\n  }\n\n  .lc-how-problem-copy h2 {\n    max-width: none;\n\n    font-size: 29px;\n    line-height: 1.12;\n  }\n\n  .lc-how-problem-intro {\n    max-width: none;\n\n    margin-top: 17px !important;\n\n    font-size: 13px;\n    line-height: 1.65;\n  }\n\n  .lc-how-problem-highlight {\n    max-width: none;\n\n    margin-top: 14px !important;\n\n    font-size: 13px;\n    line-height: 1.55;\n  }\n\n\n  \/* CARDS *\/\n\n  .lc-how-problem-cards {\n    grid-template-columns: 1fr;\n\n    gap: 10px;\n  }\n\n  .lc-how-problem-card {\n    min-height: 0;\n\n    display: grid;\n\n    grid-template-columns: 48px 1fr;\n\n    column-gap: 14px;\n\n    align-items: start;\n\n    padding: 18px;\n\n    border-radius: 13px;\n  }\n\n  .lc-how-problem-icon {\n    width: 48px;\n    height: 48px;\n\n    grid-row: 1 \/ 3;\n\n    margin: 0;\n  }\n\n  .lc-how-problem-icon svg {\n    width: 24px;\n    height: 24px;\n  }\n\n  .lc-how-problem-card h3 {\n    margin-top: 1px !important;\n    margin-bottom: 5px !important;\n\n    font-size: 14px;\n  }\n\n  .lc-how-problem-card p {\n    font-size: 11px;\n    line-height: 1.55;\n  }\n\n}\n<\/style>\n\n<section class=\"lc-how-problem\">\n\n  <div class=\"lc-how-problem-inner\">\n\n    <!-- LINKERZIJDE -->\n    <div class=\"lc-how-problem-copy\">\n\n      <p class=\"lc-how-problem-eyebrow\">\n        Das Problem\n      <\/p>\n\n      <h2>\n        Waarom gaat het\n        <span>nog zo vaak mis?<\/span>\n      <\/h2>\n\n      <p class=\"lc-how-problem-intro\">\n        In fashion retail werken merken, retailers en software vaak met\n        verschillende bestanden, formaten en handmatige verwerking.\n        Daardoor komt fashion artikeldata niet vanzelf terecht in het systeem\n        waar ermee gewerkt wordt.\n      <\/p>\n\n      <p class=\"lc-how-problem-highlight\">\n        Het gevolg: dubbel werk, meer kans op fouten en onnodige vertraging\n        voordat een collectie verkoopklaar is.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- RECHTERZIJDE -->\n    <div class=\"lc-how-problem-cards\">\n\n      <!-- CARD 1 -->\n      <div class=\"lc-how-problem-card\">\n\n        <div class=\"lc-how-problem-icon\">\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M6 3h9l3 3v15H6z\"><\/path>\n            <path d=\"M15 3v4h4\"><\/path>\n            <path d=\"M9 11h6\"><\/path>\n            <path d=\"M9 15h6\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <h3>\n          Losse bestanden\n        <\/h3>\n\n        <p>\n          Fashion artikeldata wordt aangeleverd via verschillende bestanden\n          en formaten, zoals Excel, CSV of andere gegevensstromen.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- CARD 2 -->\n      <div class=\"lc-how-problem-card\">\n\n        <div class=\"lc-how-problem-icon\">\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M7 7h10\"><\/path>\n            <path d=\"M14 4l3 3-3 3\"><\/path>\n            <path d=\"M17 17H7\"><\/path>\n            <path d=\"M10 14l-3 3 3 3\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <h3>\n          Dubbele invoer\n        <\/h3>\n\n        <p>\n          Dezelfde artikelinformatie wordt opnieuw ingevoerd\n          in meerdere systemen en op verschillende plekken.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- CARD 3 -->\n      <div class=\"lc-how-problem-card\">\n\n        <div class=\"lc-how-problem-icon\">\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n            <path d=\"M12 7v5l3 2\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <h3>\n          Tijdverlies\n        <\/h3>\n\n        <p>\n          Tijd gaat verloren aan zoeken, invoeren, controleren\n          en corrigeren voordat artikelen klaar zijn voor gebruik.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* ==========================================================\n   LATEST COLLECTION\n   HOE HET WERKT\n   BLOK 3 - PROCES IN 4 STAPPEN\n   ========================================================== *\/\n\n\n\/* ==========================================================\n   BASIS\n   ========================================================== *\/\n\n.lc-how-process,\n.lc-how-process * {\n  box-sizing: border-box;\n  font-family: \"Poppins\", sans-serif;\n}\n\n\n\/* ==========================================================\n   SECTION\n   ========================================================== *\/\n\n.lc-how-process {\n  position: relative;\n\n  width: 100vw;\n  max-width: none;\n\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n\n  padding: 70px 0 74px;\n\n  background: #f7f7f7;\n\n  color: #111111;\n}\n\n\n\/* ==========================================================\n   INNER\n   ========================================================== *\/\n\n.lc-how-process-inner {\n  width: calc(100% - 80px);\n  max-width: 1500px;\n\n  margin: 0 auto;\n}\n\n\n\/* ==========================================================\n   HEAD\n   ========================================================== *\/\n\n.lc-how-process-head {\n  max-width: 800px;\n\n  margin: 0 auto 48px;\n\n  text-align: center;\n}\n\n.lc-how-process-eyebrow {\n  margin: 0 0 9px !important;\n  padding: 0 !important;\n\n  color: #DA291C !important;\n\n  font-size: 11px !important;\n  line-height: 1.3 !important;\n\n  font-weight: 700 !important;\n\n  letter-spacing: .11em !important;\n  text-transform: uppercase !important;\n}\n\n.lc-how-process-head h2 {\n  margin: 0 !important;\n  padding: 0 !important;\n\n  color: #111111;\n\n  font-size: clamp(34px, 3vw, 46px);\n  line-height: 1.08;\n\n  font-weight: 700;\n\n  letter-spacing: -.04em;\n}\n\n.lc-how-process-intro {\n  max-width: 690px;\n\n  margin: 13px auto 0 !important;\n  padding: 0 !important;\n\n  color: #626262;\n\n  font-size: 14px;\n  line-height: 1.65;\n}\n\n\n\/* ==========================================================\n   GRID\n   ========================================================== *\/\n\n.lc-how-process-grid {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1fr)\n    52px\n    minmax(0, 1fr)\n    52px\n    minmax(0, 1fr)\n    52px\n    minmax(0, 1fr);\n\n  align-items: center;\n\n  gap: 0;\n}\n\n\n\/* ==========================================================\n   STEP\n   ========================================================== *\/\n\n.lc-how-process-step {\n  position: relative;\n\n  min-width: 0;\n\n  min-height: 300px;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  padding: 28px 22px;\n\n  border: 1px solid #e6e6e6;\n  border-radius: 16px;\n\n  background: #ffffff;\n\n  text-align: center;\n\n  transition:\n    transform .2s ease,\n    box-shadow .2s ease,\n    border-color .2s ease;\n}\n\n.lc-how-process-step:hover {\n  transform: translateY(-3px);\n\n  border-color: #d8d8d8;\n\n  box-shadow:\n    0 12px 32px rgba(0,0,0,.05);\n}\n\n\n\/* HIGHLIGHT LATEST COLLECTION *\/\n\n.lc-how-process-step-highlight {\n  border-color: rgba(218,41,28,.3);\n\n  background: #fff9f8;\n}\n\n\n\/* ==========================================================\n   ICON\n   ========================================================== *\/\n\n.lc-how-process-icon {\n  width: 58px;\n  height: 58px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  margin-bottom: 13px;\n\n  border-radius: 50%;\n\n  background: #fff0ee;\n\n  color: #DA291C;\n}\n\n.lc-how-process-icon svg {\n  width: 29px;\n  height: 29px;\n\n  fill: none;\n  stroke: currentColor;\n\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\n\/* ==========================================================\n   NUMBER\n   ========================================================== *\/\n\n.lc-how-process-number {\n  display: block;\n\n  margin-bottom: 9px;\n\n  color: #DA291C;\n\n  font-size: 10px;\n  line-height: 1;\n\n  font-weight: 700;\n\n  letter-spacing: .08em;\n}\n\n\n\/* ==========================================================\n   TITEL\n   ========================================================== *\/\n\n.lc-how-process-step h3 {\n  max-width: 220px;\n\n  margin: 0 0 10px !important;\n  padding: 0 !important;\n\n  color: #111111;\n\n  font-size: 16px;\n  line-height: 1.35;\n\n  font-weight: 700;\n}\n\n\n\/* ==========================================================\n   TEXT\n   ========================================================== *\/\n\n.lc-how-process-step p {\n  max-width: 245px;\n\n  margin: 0 auto !important;\n  padding: 0 !important;\n\n  color: #626262;\n\n  font-size: 12px;\n  line-height: 1.6;\n}\n\n\n\/* ==========================================================\n   ARROWS\n   ========================================================== *\/\n\n.lc-how-process-arrow {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  color: #8e9196;\n}\n\n.lc-how-process-arrow svg {\n  width: 25px;\n  height: 25px;\n\n  fill: none;\n  stroke: currentColor;\n\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\n\/* ==========================================================\n   NOTE\n   ========================================================== *\/\n\n.lc-how-process-note {\n  width: fit-content;\n  max-width: 920px;\n\n  display: flex;\n  align-items: center;\n\n  gap: 11px;\n\n  margin: 38px auto 0;\n  padding: 14px 18px;\n\n  border-radius: 9px;\n\n  background: #fff0ee;\n}\n\n.lc-how-process-note-icon {\n  width: 25px;\n  height: 25px;\n  min-width: 25px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background: #DA291C;\n\n  color: #ffffff;\n}\n\n.lc-how-process-note-icon svg {\n  width: 13px;\n  height: 13px;\n\n  fill: none;\n  stroke: currentColor;\n\n  stroke-width: 2.2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.lc-how-process-note p {\n  margin: 0 !important;\n  padding: 0 !important;\n\n  color: #333333;\n\n  font-size: 12px;\n  line-height: 1.55;\n}\n\n.lc-how-process-note strong {\n  color: #111111;\n\n  font-weight: 700;\n}\n\n\n\/* ==========================================================\n   TABLET\n   ========================================================== *\/\n\n@media (max-width: 1200px) {\n\n  .lc-how-process-inner {\n    width: calc(100% - 48px);\n  }\n\n  .lc-how-process-grid {\n    grid-template-columns:\n      minmax(0, 1fr)\n      38px\n      minmax(0, 1fr)\n      38px\n      minmax(0, 1fr)\n      38px\n      minmax(0, 1fr);\n  }\n\n  .lc-how-process-step {\n    min-height: 315px;\n\n    padding: 25px 18px;\n  }\n\n  .lc-how-process-step p {\n    font-size: 11px;\n  }\n\n}\n\n\n\/* ==========================================================\n   ONDER 950PX\n   ========================================================== *\/\n\n@media (max-width: 950px) {\n\n  .lc-how-process {\n    padding: 58px 0 62px;\n  }\n\n  .lc-how-process-inner {\n    width: calc(100% - 40px);\n  }\n\n  .lc-how-process-grid {\n    grid-template-columns:\n      1fr\n      42px\n      1fr;\n\n    row-gap: 30px;\n  }\n\n  .lc-how-process-step {\n    min-height: 280px;\n  }\n\n}\n\n\n\/* ==========================================================\n   MOBIEL\n   ========================================================== *\/\n\n@media (max-width: 650px) {\n\n  .lc-how-process {\n    width: 100vw;\n\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n\n    padding: 46px 0 50px;\n  }\n\n  .lc-how-process-inner {\n    width: 100%;\n    max-width: none;\n\n    margin: 0;\n\n    padding-left: 18px;\n    padding-right: 18px;\n  }\n\n\n  \/* HEAD *\/\n\n  .lc-how-process-head {\n    max-width: none;\n\n    margin-bottom: 30px;\n  }\n\n  .lc-how-process-eyebrow {\n    font-size: 10px !important;\n  }\n\n  .lc-how-process-head h2 {\n    font-size: 29px;\n    line-height: 1.12;\n  }\n\n  .lc-how-process-intro {\n    margin-top: 11px !important;\n\n    font-size: 13px;\n    line-height: 1.6;\n  }\n\n\n  \/* FLOW *\/\n\n  .lc-how-process-grid {\n    display: flex;\n    flex-direction: column;\n\n    gap: 0;\n  }\n\n\n  \/* STEP *\/\n\n  .lc-how-process-step {\n    width: 100%;\n    min-height: 0;\n\n    padding: 22px 18px;\n\n    border-radius: 13px;\n  }\n\n  .lc-how-process-icon {\n    width: 50px;\n    height: 50px;\n\n    margin-bottom: 11px;\n  }\n\n  .lc-how-process-icon svg {\n    width: 25px;\n    height: 25px;\n  }\n\n  .lc-how-process-step h3 {\n    max-width: none;\n\n    font-size: 14px;\n  }\n\n  .lc-how-process-step p {\n    max-width: 320px;\n\n    font-size: 11px;\n    line-height: 1.55;\n  }\n\n\n  \/* ARROWS *\/\n\n  .lc-how-process-arrow {\n    width: 100%;\n    height: 34px;\n  }\n\n  .lc-how-process-arrow svg {\n    width: 20px;\n    height: 20px;\n\n    transform: rotate(90deg);\n  }\n\n\n  \/* NOTE *\/\n\n  .lc-how-process-note {\n    width: 100%;\n    max-width: none;\n\n    align-items: flex-start;\n\n    margin-top: 28px;\n\n    padding: 14px 15px;\n  }\n\n  .lc-how-process-note p {\n    font-size: 11px;\n    line-height: 1.55;\n  }\n\n}\n<\/style>\n\n<section class=\"lc-how-process\">\n\n  <div class=\"lc-how-process-inner\">\n\n    <!-- KOP -->\n    <div class=\"lc-how-process-head\">\n\n      <p class=\"lc-how-process-eyebrow\">\n        Het proces\n      <\/p>\n\n      <h2>\n        Zo werkt het in 4 stappen\n      <\/h2>\n\n      <p class=\"lc-how-process-intro\">\n        Van aangeleverde merkdata naar bruikbare artikelinformatie\n        in het systeem waar de retailer werkt.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- PROCESS -->\n    <div class=\"lc-how-process-grid\">\n\n      <!-- STAP 1 -->\n      <div class=\"lc-how-process-step\">\n\n        <div class=\"lc-how-process-icon\">\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M20 13l-7 7-9-9V4h7l9 9z\"><\/path>\n            <circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle>\n          <\/svg>\n        <\/div>\n\n        <span class=\"lc-how-process-number\">\n          1\n        <\/span>\n\n        <h3>\n          Merk levert aan\n        <\/h3>\n\n        <p>\n          Het merk levert artikeldata en beschikbare productbeelden aan,\n          bijvoorbeeld via Excel, CSV, EDI of een technische koppeling.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- PIJL -->\n      <div class=\"lc-how-process-arrow\" aria-hidden=\"true\">\n        <svg viewbox=\"0 0 24 24\">\n          <path d=\"M5 12h14\"><\/path>\n          <path d=\"M13 6l6 6-6 6\"><\/path>\n        <\/svg>\n      <\/div>\n\n\n      <!-- STAP 2 -->\n      <div class=\"lc-how-process-step lc-how-process-step-highlight\">\n\n        <div class=\"lc-how-process-icon\">\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <ellipse cx=\"12\" cy=\"5\" rx=\"7\" ry=\"3\"><\/ellipse>\n            <path d=\"M5 5v7c0 1.7 3.1 3 7 3s7-1.3 7-3V5\"><\/path>\n            <path d=\"M5 12v7c0 1.7 3.1 3 7 3s7-1.3 7-3v-7\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <span class=\"lc-how-process-number\">\n          2\n        <\/span>\n\n        <h3>\n          Latest Collection structureert\n        <\/h3>\n\n        <p>\n          We controleren, structureren en standaardiseren de data\n          volgens fashion-specifieke logica zoals maten, kleuren,\n          varianten en seizoenen.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- PIJL -->\n      <div class=\"lc-how-process-arrow\" aria-hidden=\"true\">\n        <svg viewbox=\"0 0 24 24\">\n          <path d=\"M5 12h14\"><\/path>\n          <path d=\"M13 6l6 6-6 6\"><\/path>\n        <\/svg>\n      <\/div>\n\n\n      <!-- STAP 3 -->\n      <div class=\"lc-how-process-step\">\n\n        <div class=\"lc-how-process-icon\">\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M10 13a5 5 0 0 0 7.07.07l2-2A5 5 0 0 0 12 4l-1.15 1.15\"><\/path>\n            <path d=\"M14 11a5 5 0 0 0-7.07-.07l-2 2A5 5 0 0 0 12 20l1.15-1.15\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <span class=\"lc-how-process-number\">\n          3\n        <\/span>\n\n        <h3>\n          Partner koppelt door\n        <\/h3>\n\n        <p>\n          Aangesloten softwarepartners maken de beschikbare data\n          via hun koppeling bruikbaar in het kassasysteem,\n          backoffice of retailplatform.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- PIJL -->\n      <div class=\"lc-how-process-arrow\" aria-hidden=\"true\">\n        <svg viewbox=\"0 0 24 24\">\n          <path d=\"M5 12h14\"><\/path>\n          <path d=\"M13 6l6 6-6 6\"><\/path>\n        <\/svg>\n      <\/div>\n\n\n      <!-- STAP 4 -->\n      <div class=\"lc-how-process-step\">\n\n        <div class=\"lc-how-process-icon\">\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <rect x=\"3\" y=\"4\" width=\"18\" height=\"13\" rx=\"2\"><\/rect>\n            <path d=\"M8 21h8\"><\/path>\n            <path d=\"M12 17v4\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <span class=\"lc-how-process-number\">\n          4\n        <\/span>\n\n        <h3>\n          Retailer werkt met de data\n        <\/h3>\n\n        <p>\n          De retailer gebruikt de beschikbare artikeldata\n          in het eigen systeem en hoeft veel minder informatie\n          handmatig opnieuw in te voeren.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- ONDERREGEL -->\n    <div class=\"lc-how-process-note\">\n\n      <span class=\"lc-how-process-note-icon\">\n        <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M6 12.5l4 4L18 8\"><\/path>\n        <\/svg>\n      <\/span>\n\n      <p>\n        <strong>Latest Collection vervangt geen kassasysteem of softwareplatform.<\/strong>\n        We vormen de verbindende datalaag tussen merk, softwarepartner en retailer.\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* ==========================================================\n   LATEST COLLECTION\n   HOE HET WERKT\n   BLOK 4 - DRIE DOELGROEPEN\n   ========================================================== *\/\n\n\n\/* ==========================================================\n   BASIS\n   ========================================================== *\/\n\n.lc-how-audiences,\n.lc-how-audiences * {\n  box-sizing: border-box;\n  font-family: \"Poppins\", sans-serif;\n}\n\n\n\/* ==========================================================\n   SECTION\n   ========================================================== *\/\n\n.lc-how-audiences {\n  position: relative;\n\n  width: 100vw;\n  max-width: none;\n\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n\n  padding: 70px 0 74px;\n\n  background: #ffffff;\n\n  color: #111111;\n}\n\n\n\/* ==========================================================\n   INNER\n   ========================================================== *\/\n\n.lc-how-audiences-inner {\n  width: calc(100% - 80px);\n  max-width: 1500px;\n\n  margin: 0 auto;\n}\n\n\n\/* ==========================================================\n   HEAD\n   ========================================================== *\/\n\n.lc-how-audiences-head {\n  max-width: 820px;\n\n  margin: 0 auto 42px;\n\n  text-align: center;\n}\n\n.lc-how-audiences-eyebrow {\n  margin: 0 0 9px !important;\n  padding: 0 !important;\n\n  color: #DA291C !important;\n\n  font-size: 11px !important;\n  line-height: 1.3 !important;\n\n  font-weight: 700 !important;\n\n  letter-spacing: .11em !important;\n  text-transform: uppercase !important;\n}\n\n.lc-how-audiences-head h2 {\n  margin: 0 !important;\n  padding: 0 !important;\n\n  color: #111111;\n\n  font-size: clamp(34px, 3vw, 46px);\n  line-height: 1.08;\n\n  font-weight: 700;\n\n  letter-spacing: -.04em;\n}\n\n.lc-how-audiences-head h2 span {\n  color: #DA291C;\n}\n\n.lc-how-audiences-intro {\n  max-width: 700px;\n\n  margin: 13px auto 0 !important;\n  padding: 0 !important;\n\n  color: #626262;\n\n  font-size: 14px;\n  line-height: 1.65;\n}\n\n\n\/* ==========================================================\n   GRID\n   ========================================================== *\/\n\n.lc-how-audiences-grid {\n  display: grid;\n\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n\n  gap: 16px;\n}\n\n\n\/* ==========================================================\n   CARD\n   ========================================================== *\/\n\n.lc-how-audience-card {\n  min-width: 0;\n\n  min-height: 390px;\n\n  display: flex;\n  flex-direction: column;\n\n  padding: 30px 28px 26px;\n\n  border: 1px solid #e6e6e6;\n  border-radius: 16px;\n\n  background: #ffffff;\n\n  box-shadow:\n    0 8px 28px rgba(0,0,0,.035);\n\n  transition:\n    transform .2s ease,\n    border-color .2s ease,\n    box-shadow .2s ease;\n}\n\n.lc-how-audience-card:hover {\n  transform: translateY(-3px);\n\n  border-color: #d9d9d9;\n\n  box-shadow:\n    0 14px 34px rgba(0,0,0,.06);\n}\n\n\n\/* RETAILER HIGHLIGHT *\/\n\n.lc-how-audience-card-highlight {\n  border-color: #f0d2ce;\n\n  background: #fff8f7;\n}\n\n\n\/* ==========================================================\n   ICON\n   ========================================================== *\/\n\n.lc-how-audience-icon {\n  width: 54px;\n  height: 54px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  margin-bottom: 18px;\n\n  border-radius: 50%;\n\n  background: #fff0ee;\n\n  color: #DA291C;\n}\n\n.lc-how-audience-icon svg {\n  width: 27px;\n  height: 27px;\n\n  fill: none;\n  stroke: currentColor;\n\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\n\/* ==========================================================\n   TITLE\n   ========================================================== *\/\n\n.lc-how-audience-card h3 {\n  margin: 0 !important;\n  padding: 0 !important;\n\n  color: #111111;\n\n  font-size: 18px;\n  line-height: 1.3;\n\n  font-weight: 700;\n}\n\n\n\/* ==========================================================\n   TEXT\n   ========================================================== *\/\n\n.lc-how-audience-text {\n  min-height: 68px;\n\n  margin: 12px 0 0 !important;\n  padding: 0 !important;\n\n  color: #626262;\n\n  font-size: 12px;\n  line-height: 1.65;\n}\n\n\n\/* ==========================================================\n   POINTS\n   ========================================================== *\/\n\n.lc-how-audience-points {\n  display: flex;\n  flex-direction: column;\n\n  gap: 10px;\n\n  margin-top: 21px;\n}\n\n.lc-how-audience-point {\n  display: flex;\n  align-items: center;\n\n  gap: 8px;\n\n  color: #292929;\n\n  font-size: 12px;\n  line-height: 1.45;\n\n  font-weight: 500;\n}\n\n.lc-how-audience-check {\n  width: 21px;\n  height: 21px;\n  min-width: 21px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background: #fff0ee;\n\n  color: #DA291C;\n}\n\n.lc-how-audience-check svg {\n  width: 11px;\n  height: 11px;\n\n  fill: none;\n  stroke: currentColor;\n\n  stroke-width: 2.2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\n\/* ==========================================================\n   LINK\n   ========================================================== *\/\n\n.lc-how-audience-link {\n  display: inline-flex;\n  align-items: center;\n\n  gap: 8px;\n\n  width: fit-content;\n\n  margin-top: auto;\n  padding-top: 24px;\n\n  color: #DA291C !important;\n\n  font-size: 12px;\n  line-height: 1.4;\n\n  font-weight: 700;\n\n  text-decoration: none !important;\n\n  transition: gap .2s ease;\n}\n\n.lc-how-audience-link svg {\n  width: 15px;\n  height: 15px;\n\n  fill: none;\n  stroke: currentColor;\n\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.lc-how-audience-link:hover {\n  gap: 11px;\n}\n\n\n\/* ==========================================================\n   TABLET\n   ========================================================== *\/\n\n@media (max-width: 1200px) {\n\n  .lc-how-audiences-inner {\n    width: calc(100% - 48px);\n  }\n\n  .lc-how-audience-card {\n    padding: 26px 22px 24px;\n  }\n\n}\n\n\n\/* ==========================================================\n   ONDER 900PX\n   ========================================================== *\/\n\n@media (max-width: 900px) {\n\n  .lc-how-audiences {\n    padding: 58px 0 62px;\n  }\n\n  .lc-how-audiences-inner {\n    width: calc(100% - 40px);\n  }\n\n  .lc-how-audiences-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .lc-how-audience-card {\n    min-height: 0;\n  }\n\n  .lc-how-audience-text {\n    min-height: 0;\n  }\n\n}\n\n\n\/* ==========================================================\n   MOBIEL\n   ========================================================== *\/\n\n@media (max-width: 650px) {\n\n  .lc-how-audiences {\n    width: 100vw;\n\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n\n    padding: 46px 0 50px;\n  }\n\n  .lc-how-audiences-inner {\n    width: 100%;\n    max-width: none;\n\n    margin: 0;\n\n    padding-left: 18px;\n    padding-right: 18px;\n  }\n\n\n  \/* HEAD *\/\n\n  .lc-how-audiences-head {\n    max-width: none;\n\n    margin-bottom: 28px;\n  }\n\n  .lc-how-audiences-eyebrow {\n    font-size: 10px !important;\n  }\n\n  .lc-how-audiences-head h2 {\n    font-size: 29px;\n    line-height: 1.12;\n  }\n\n  .lc-how-audiences-intro {\n    margin-top: 11px !important;\n\n    font-size: 13px;\n    line-height: 1.6;\n  }\n\n\n  \/* CARDS *\/\n\n  .lc-how-audience-card {\n    padding: 21px 18px;\n\n    border-radius: 13px;\n  }\n\n  .lc-how-audience-icon {\n    width: 48px;\n    height: 48px;\n\n    margin-bottom: 14px;\n  }\n\n  .lc-how-audience-icon svg {\n    width: 24px;\n    height: 24px;\n  }\n\n  .lc-how-audience-card h3 {\n    font-size: 16px;\n  }\n\n  .lc-how-audience-text {\n    margin-top: 9px !important;\n\n    font-size: 11px;\n  }\n\n  .lc-how-audience-point {\n    font-size: 11px;\n  }\n\n  .lc-how-audience-link {\n    padding-top: 20px;\n\n    font-size: 11px;\n  }\n\n}\n<\/style>\n\n<section class=\"lc-how-audiences\">\n\n  <div class=\"lc-how-audiences-inner\">\n\n    <!-- KOP -->\n    <div class=\"lc-how-audiences-head\">\n\n      <p class=\"lc-how-audiences-eyebrow\">\n        Waarde voor iedereen\n      <\/p>\n\n      <h2>\n        E\u00e9n oplossing.\n        <span>Drei Zielgruppen.<\/span>\n      <\/h2>\n\n      <p class=\"lc-how-audiences-intro\">\n        Latest Collection verbindt merken, softwarepartners en retailers\n        binnen \u00e9\u00e9n datastroom. Iedere partij profiteert op een andere manier.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- KAARTEN -->\n    <div class=\"lc-how-audiences-grid\">\n\n      <!-- MERKEN -->\n      <article class=\"lc-how-audience-card\">\n\n        <div class=\"lc-how-audience-icon\">\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M20 13l-7 7-9-9V4h7l9 9z\"><\/path>\n            <circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle>\n          <\/svg>\n        <\/div>\n\n        <h3>\n          F\u00fcr Marken\n        <\/h3>\n\n        <p class=\"lc-how-audience-text\">\n          Lever productdata centraal aan en maak deze beschikbaar\n          voor aangesloten softwarepartners en retailers.\n        <\/p>\n\n        <div class=\"lc-how-audience-points\">\n\n          <div class=\"lc-how-audience-point\">\n            <span class=\"lc-how-audience-check\">\n              <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M6 12.5l4 4L18 8\"><\/path>\n              <\/svg>\n            <\/span>\n            <span>Centraal aanleveren<\/span>\n          <\/div>\n\n          <div class=\"lc-how-audience-point\">\n            <span class=\"lc-how-audience-check\">\n              <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M6 12.5l4 4L18 8\"><\/path>\n              <\/svg>\n            <\/span>\n            <span>Minder losse bestanden<\/span>\n          <\/div>\n\n          <div class=\"lc-how-audience-point\">\n            <span class=\"lc-how-audience-check\">\n              <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M6 12.5l4 4L18 8\"><\/path>\n              <\/svg>\n            <\/span>\n            <span>Breder beschikbaar via partners<\/span>\n          <\/div>\n\n        <\/div>\n\n        <a href=\"\/de\/marken\/\" class=\"lc-how-audience-link\">\n          Meer over merken\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h14\"><\/path>\n            <path d=\"M13 6l6 6-6 6\"><\/path>\n          <\/svg>\n        <\/a>\n\n      <\/article>\n\n\n      <!-- SOFTWAREPARTNERS -->\n      <article class=\"lc-how-audience-card\">\n\n        <div class=\"lc-how-audience-icon\">\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <rect x=\"3\" y=\"4\" width=\"18\" height=\"13\" rx=\"2\"><\/rect>\n            <path d=\"M8 21h8\"><\/path>\n            <path d=\"M12 17v4\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <h3>\n          F\u00fcr Softwarepartner\n        <\/h3>\n\n        <p class=\"lc-how-audience-text\">\n          Gebruik \u00e9\u00e9n gestandaardiseerde databron om fashiondata\n          beschikbaar te maken binnen jouw software.\n        <\/p>\n\n        <div class=\"lc-how-audience-points\">\n\n          <div class=\"lc-how-audience-point\">\n            <span class=\"lc-how-audience-check\">\n              <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M6 12.5l4 4L18 8\"><\/path>\n              <\/svg>\n            <\/span>\n            <span>Gestandaardiseerde fashiondata<\/span>\n          <\/div>\n\n          <div class=\"lc-how-audience-point\">\n            <span class=\"lc-how-audience-check\">\n              <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M6 12.5l4 4L18 8\"><\/path>\n              <\/svg>\n            <\/span>\n            <span>Minder maatwerk per merk<\/span>\n          <\/div>\n\n          <div class=\"lc-how-audience-point\">\n            <span class=\"lc-how-audience-check\">\n              <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M6 12.5l4 4L18 8\"><\/path>\n              <\/svg>\n            <\/span>\n            <span>Sterkere propositie voor retailers<\/span>\n          <\/div>\n\n        <\/div>\n\n        <a href=\"\/de\/partners\/\" class=\"lc-how-audience-link\">\n          Meer over partners\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h14\"><\/path>\n            <path d=\"M13 6l6 6-6 6\"><\/path>\n          <\/svg>\n        <\/a>\n\n      <\/article>\n\n\n      <!-- RETAILERS -->\n      <article class=\"lc-how-audience-card lc-how-audience-card-highlight\">\n\n        <div class=\"lc-how-audience-icon\">\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 8h14l1 12H4L5 8z\"><\/path>\n            <path d=\"M9 8V6a3 3 0 0 1 6 0v2\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <h3>\n          F\u00fcr Einzelh\u00e4ndler\n        <\/h3>\n\n        <p class=\"lc-how-audience-text\">\n          Gebruik beschikbare artikeldata rechtstreeks in je aangesloten\n          kassasysteem, backoffice of retailplatform.\n        <\/p>\n\n        <div class=\"lc-how-audience-points\">\n\n          <div class=\"lc-how-audience-point\">\n            <span class=\"lc-how-audience-check\">\n              <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M6 12.5l4 4L18 8\"><\/path>\n              <\/svg>\n            <\/span>\n            <span>Minder handmatige invoer<\/span>\n          <\/div>\n\n          <div class=\"lc-how-audience-point\">\n            <span class=\"lc-how-audience-check\">\n              <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M6 12.5l4 4L18 8\"><\/path>\n              <\/svg>\n            <\/span>\n            <span>Minder kans op fouten<\/span>\n          <\/div>\n\n          <div class=\"lc-how-audience-point\">\n            <span class=\"lc-how-audience-check\">\n              <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M6 12.5l4 4L18 8\"><\/path>\n              <\/svg>\n            <\/span>\n            <span>Sneller verkoopklaar<\/span>\n          <\/div>\n\n        <\/div>\n\n        <a href=\"\/de\/einzelhandler\/\" class=\"lc-how-audience-link\">\n          Meer over retailers\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h14\"><\/path>\n            <path d=\"M13 6l6 6-6 6\"><\/path>\n          <\/svg>\n        <\/a>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* ==========================================================\n   LATEST COLLECTION\n   HOE HET WERKT\n   BLOK 5 - ECOSYSTEEM \/ BEWIJS\n   ========================================================== *\/\n\n\n\/* ==========================================================\n   BASIS\n   ========================================================== *\/\n\n.lc-how-ecosystem,\n.lc-how-ecosystem * {\n  box-sizing: border-box;\n  font-family: \"Poppins\", sans-serif;\n}\n\n\n\/* ==========================================================\n   SECTION\n   ========================================================== *\/\n\n.lc-how-ecosystem {\n  position: relative;\n\n  width: 100vw;\n  max-width: none;\n\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n\n  padding: 70px 0 74px;\n\n  background: #f7f7f7;\n\n  color: #111111;\n}\n\n\n\/* ==========================================================\n   INNER\n   ========================================================== *\/\n\n.lc-how-ecosystem-inner {\n  width: calc(100% - 80px);\n  max-width: 1500px;\n\n  margin: 0 auto;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 520px)\n    minmax(0, 1fr);\n\n  align-items: center;\n\n  gap: 70px;\n}\n\n\n\/* ==========================================================\n   COPY\n   ========================================================== *\/\n\n.lc-how-ecosystem-copy {\n  min-width: 0;\n}\n\n\n\/* EYEBROW *\/\n\n.lc-how-ecosystem-eyebrow {\n  margin: 0 0 11px !important;\n  padding: 0 !important;\n\n  color: #DA291C !important;\n\n  font-size: 11px !important;\n  line-height: 1.3 !important;\n\n  font-weight: 700 !important;\n\n  letter-spacing: .11em !important;\n  text-transform: uppercase !important;\n}\n\n\n\/* ==========================================================\n   TITEL\n   ========================================================== *\/\n\n.lc-how-ecosystem-copy h2 {\n  max-width: 520px;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  color: #111111;\n\n  font-size: clamp(34px, 3vw, 46px);\n  line-height: 1.08;\n\n  font-weight: 700;\n\n  letter-spacing: -.04em;\n}\n\n.lc-how-ecosystem-copy h2 span {\n  display: block;\n\n  color: #DA291C;\n}\n\n\n\/* ==========================================================\n   INTRO\n   ========================================================== *\/\n\n.lc-how-ecosystem-intro {\n  max-width: 500px;\n\n  margin: 20px 0 0 !important;\n  padding: 0 !important;\n\n  color: #5f5f5f;\n\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n\n\/* ==========================================================\n   STATS\n   ========================================================== *\/\n\n.lc-how-ecosystem-stats {\n  display: grid;\n\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n\n  gap: 0;\n\n  margin-top: 30px;\n\n  border-top: 1px solid #dddddd;\n  border-bottom: 1px solid #dddddd;\n}\n\n.lc-how-ecosystem-stat {\n  position: relative;\n\n  padding: 20px 20px 20px 0;\n}\n\n.lc-how-ecosystem-stat:not(:last-child)::after {\n  content: \"\";\n\n  position: absolute;\n\n  top: 18px;\n  right: 14px;\n  bottom: 18px;\n\n  width: 1px;\n\n  background: #dddddd;\n}\n\n.lc-how-ecosystem-stat strong {\n  display: block;\n\n  color: #111111;\n\n  font-size: 24px;\n  line-height: 1.1;\n\n  font-weight: 700;\n\n  letter-spacing: -.03em;\n}\n\n.lc-how-ecosystem-stat span {\n  display: block;\n\n  margin-top: 4px;\n\n  color: #696969;\n\n  font-size: 11px;\n  line-height: 1.4;\n}\n\n\n\/* ==========================================================\n   LINK\n   ========================================================== *\/\n\n.lc-how-ecosystem-link {\n  display: inline-flex;\n  align-items: center;\n\n  gap: 8px;\n\n  margin-top: 25px;\n\n  color: #111111 !important;\n\n  font-size: 12px;\n  line-height: 1.4;\n\n  font-weight: 700;\n\n  text-decoration: none !important;\n\n  transition:\n    color .2s ease,\n    gap .2s ease;\n}\n\n.lc-how-ecosystem-link svg {\n  width: 16px;\n  height: 16px;\n\n  fill: none;\n  stroke: currentColor;\n\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.lc-how-ecosystem-link:hover {\n  color: #DA291C !important;\n\n  gap: 11px;\n}\n\n\n\/* ==========================================================\n   PARTNER GRID\n   ========================================================== *\/\n\n.lc-how-ecosystem-partners {\n  min-width: 0;\n}\n\n.lc-how-ecosystem-partner-grid {\n  display: grid;\n\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n\n  gap: 12px;\n}\n\n\n\/* ==========================================================\n   PARTNER TEGEL\n   ========================================================== *\/\n\n.lc-how-ecosystem-partner {\n  min-width: 0;\n  min-height: 100px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  padding: 20px 16px;\n\n  border: 1px solid #e6e6e6;\n  border-radius: 13px;\n\n  background: #ffffff;\n\n  box-shadow:\n    0 6px 20px rgba(0,0,0,.03);\n\n  transition:\n    transform .2s ease,\n    box-shadow .2s ease,\n    border-color .2s ease;\n}\n\n.lc-how-ecosystem-partner:hover {\n  transform: translateY(-2px);\n\n  border-color: #d8d8d8;\n\n  box-shadow:\n    0 10px 26px rgba(0,0,0,.055);\n}\n\n\n\/* ==========================================================\n   LOGO\n   ========================================================== *\/\n\n.lc-how-ecosystem-partner img {\n  display: block;\n\n  width: auto;\n  max-width: 80%;\n  max-height: 40px;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  object-fit: contain;\n}\n\n\n\/* ==========================================================\n   TABLET\n   ========================================================== *\/\n\n@media (max-width: 1200px) {\n\n  .lc-how-ecosystem-inner {\n    width: calc(100% - 48px);\n\n    grid-template-columns:\n      minmax(0, 460px)\n      minmax(0, 1fr);\n\n    gap: 48px;\n  }\n\n  .lc-how-ecosystem-partner-grid {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n}\n\n\n\/* ==========================================================\n   ONDER 900PX\n   ========================================================== *\/\n\n@media (max-width: 900px) {\n\n  .lc-how-ecosystem {\n    padding: 58px 0 62px;\n  }\n\n  .lc-how-ecosystem-inner {\n    width: calc(100% - 40px);\n\n    grid-template-columns: 1fr;\n\n    gap: 38px;\n  }\n\n  .lc-how-ecosystem-copy {\n    max-width: 700px;\n  }\n\n  .lc-how-ecosystem-partner-grid {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n\n}\n\n\n\/* ==========================================================\n   MOBIEL\n   ========================================================== *\/\n\n@media (max-width: 650px) {\n\n  .lc-how-ecosystem {\n    width: 100vw;\n\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n\n    padding: 46px 0 50px;\n  }\n\n  .lc-how-ecosystem-inner {\n    width: 100%;\n    max-width: none;\n\n    margin: 0;\n\n    padding-left: 18px;\n    padding-right: 18px;\n\n    gap: 30px;\n  }\n\n\n  \/* COPY *\/\n\n  .lc-how-ecosystem-eyebrow {\n    font-size: 10px !important;\n  }\n\n  .lc-how-ecosystem-copy h2 {\n    max-width: none;\n\n    font-size: 29px;\n    line-height: 1.12;\n  }\n\n  .lc-how-ecosystem-intro {\n    max-width: none;\n\n    margin-top: 16px !important;\n\n    font-size: 13px;\n    line-height: 1.65;\n  }\n\n\n  \/* STATS *\/\n\n  .lc-how-ecosystem-stats {\n    grid-template-columns: 1fr;\n\n    margin-top: 24px;\n  }\n\n  .lc-how-ecosystem-stat {\n    padding: 14px 0;\n  }\n\n  .lc-how-ecosystem-stat:not(:last-child)::after {\n    top: auto;\n    right: 0;\n    bottom: 0;\n    left: 0;\n\n    width: 100%;\n    height: 1px;\n  }\n\n  .lc-how-ecosystem-stat strong {\n    font-size: 21px;\n  }\n\n\n  \/* PARTNERS *\/\n\n  .lc-how-ecosystem-partner-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n\n    gap: 9px;\n  }\n\n  .lc-how-ecosystem-partner {\n    min-height: 86px;\n\n    padding: 16px 12px;\n\n    border-radius: 11px;\n  }\n\n  .lc-how-ecosystem-partner img {\n    max-height: 32px;\n  }\n\n}\n<\/style>\n\n<section class=\"lc-how-ecosystem\">\n\n  <div class=\"lc-how-ecosystem-inner\">\n\n    <!-- LINKERZIJDE -->\n    <div class=\"lc-how-ecosystem-copy\">\n\n      <p class=\"lc-how-ecosystem-eyebrow\">\n        Een sterk ecosysteem\n      <\/p>\n\n      <h2>\n        Onderdeel van een\n        <span>groeiend fashionnetwerk.<\/span>\n      <\/h2>\n\n      <p class=\"lc-how-ecosystem-intro\">\n        Latest Collection verbindt merken, softwarepartners en retailers\n        binnen \u00e9\u00e9n centrale datastroom. Zo kan beschikbare fashiondata\n        via meerdere aangesloten oplossingen worden gebruikt.\n      <\/p>\n\n      <div class=\"lc-how-ecosystem-stats\">\n\n        <div class=\"lc-how-ecosystem-stat\">\n          <strong>1.000+<\/strong>\n          <span>Modemarken<\/span>\n        <\/div>\n\n        <div class=\"lc-how-ecosystem-stat\">\n          <strong>14 miljoen+<\/strong>\n          <span>Strichcodes<\/span>\n        <\/div>\n\n        <div class=\"lc-how-ecosystem-stat\">\n          <strong>Meerdere<\/strong>\n          <span>softwarepartners<\/span>\n        <\/div>\n\n      <\/div>\n\n      <a href=\"\/de\/okosystem-fur-modedaten\/\" class=\"lc-how-ecosystem-link\">\n        Bekijk het fashion data ecosysteem\n\n        <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M5 12h14\"><\/path>\n          <path d=\"M13 6l6 6-6 6\"><\/path>\n        <\/svg>\n      <\/a>\n\n    <\/div>\n\n\n    <!-- RECHTERZIJDE -->\n    <div class=\"lc-how-ecosystem-partners\">\n\n      <div class=\"lc-how-ecosystem-partner-grid\">\n\n        <div class=\"lc-how-ecosystem-partner\">\n          <img decoding=\"async\" src=\"https:\/\/latestcollection.com\/wp-content\/uploads\/2026\/09\/MplusKASSA-logo.svg\" alt=\"MplusKASSA\">\n        <\/div>\n\n        <div class=\"lc-how-ecosystem-partner\">\n          <img decoding=\"async\" src=\"https:\/\/latestcollection.com\/wp-content\/uploads\/2026\/09\/Qliqpoint-logo.svg\" alt=\"Klickpunkt\">\n        <\/div>\n\n        <div class=\"lc-how-ecosystem-partner\">\n          <img decoding=\"async\" src=\"https:\/\/latestcollection.com\/wp-content\/uploads\/2026\/09\/Leza-logo.svg\" alt=\"LEZA\">\n        <\/div>\n\n        <div class=\"lc-how-ecosystem-partner\">\n          <img decoding=\"async\" src=\"https:\/\/latestcollection.com\/wp-content\/uploads\/2026\/09\/Winstore-by-ACA-Fashion-software-logo.svg\" alt=\"Winstore by ACA\">\n        <\/div>\n\n        <div class=\"lc-how-ecosystem-partner\">\n          <img decoding=\"async\" src=\"https:\/\/latestcollection.com\/wp-content\/uploads\/2026\/09\/Retail2Market-logo.svg\" alt=\"Einzelhandel2Markt\">\n        <\/div>\n\n        <div class=\"lc-how-ecosystem-partner\">\n          <img decoding=\"async\" src=\"https:\/\/latestcollection.com\/wp-content\/uploads\/2026\/09\/FashionUnited-ebusiness-logo.svg\" alt=\"FashionUnited\">\n        <\/div>\n\n        <div class=\"lc-how-ecosystem-partner\">\n          <img decoding=\"async\" src=\"https:\/\/latestcollection.com\/wp-content\/uploads\/2026\/09\/Techdog-group-logo.svg\" alt=\"Techdog Gruppe\">\n        <\/div>\n\n        <div class=\"lc-how-ecosystem-partner\">\n          <img decoding=\"async\" src=\"https:\/\/latestcollection.com\/wp-content\/uploads\/2026\/09\/Just-in-Sync-logo.svg\" alt=\"Gerade im Takt\">\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* ==========================================================\n   LATEST COLLECTION\n   HOE HET WERKT\n   BLOK 6 - AFSLUITENDE CTA\n   ========================================================== *\/\n\n\n\/* ==========================================================\n   BASIS\n   ========================================================== *\/\n\n.lc-how-final,\n.lc-how-final * {\n  box-sizing: border-box;\n  font-family: \"Poppins\", sans-serif;\n}\n\n\n\/* ==========================================================\n   SECTION\n   ========================================================== *\/\n\n.lc-how-final {\n  position: relative;\n\n  width: 100vw;\n  max-width: none;\n\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n\n  padding: 72px 0 78px;\n\n  background: #ffffff;\n\n  color: #111111;\n}\n\n\n\/* ==========================================================\n   INNER\n   ========================================================== *\/\n\n.lc-how-final-inner {\n  width: calc(100% - 80px);\n  max-width: 1500px;\n\n  margin: 0 auto;\n}\n\n\n\/* ==========================================================\n   HEAD\n   ========================================================== *\/\n\n.lc-how-final-head {\n  max-width: 860px;\n\n  margin: 0 auto 42px;\n\n  text-align: center;\n}\n\n.lc-how-final-eyebrow {\n  margin: 0 0 9px !important;\n  padding: 0 !important;\n\n  color: #DA291C !important;\n\n  font-size: 11px !important;\n  line-height: 1.3 !important;\n\n  font-weight: 700 !important;\n\n  letter-spacing: .11em !important;\n  text-transform: uppercase !important;\n}\n\n.lc-how-final-head h2 {\n  margin: 0 !important;\n  padding: 0 !important;\n\n  color: #111111;\n\n  font-size: clamp(34px, 3vw, 46px);\n  line-height: 1.08;\n\n  font-weight: 700;\n\n  letter-spacing: -.04em;\n}\n\n.lc-how-final-head h2 span {\n  display: block;\n\n  color: #DA291C;\n}\n\n.lc-how-final-intro {\n  max-width: 720px;\n\n  margin: 13px auto 0 !important;\n  padding: 0 !important;\n\n  color: #626262;\n\n  font-size: 14px;\n  line-height: 1.65;\n}\n\n\n\/* ==========================================================\n   GRID\n   ========================================================== *\/\n\n.lc-how-final-grid {\n  display: grid;\n\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n\n  gap: 16px;\n}\n\n\n\/* ==========================================================\n   CARD\n   ========================================================== *\/\n\n.lc-how-final-card {\n  min-width: 0;\n\n  min-height: 350px;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  padding: 30px 28px 26px;\n\n  border: 1px solid #e6e6e6;\n  border-radius: 16px;\n\n  background: #ffffff;\n\n  text-align: center;\n\n  box-shadow:\n    0 8px 28px rgba(0,0,0,.035);\n\n  transition:\n    transform .2s ease,\n    border-color .2s ease,\n    box-shadow .2s ease;\n}\n\n.lc-how-final-card:hover {\n  transform: translateY(-3px);\n\n  border-color: #d8d8d8;\n\n  box-shadow:\n    0 14px 34px rgba(0,0,0,.06);\n}\n\n\n\/* PRIMARY CARD *\/\n\n.lc-how-final-card-primary {\n  border-color: rgba(218,41,28,.28);\n\n  background: #fff8f7;\n}\n\n\n\/* ==========================================================\n   ICON\n   ========================================================== *\/\n\n.lc-how-final-icon {\n  width: 56px;\n  height: 56px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  margin-bottom: 16px;\n\n  border-radius: 50%;\n\n  background: #fff0ee;\n\n  color: #DA291C;\n}\n\n.lc-how-final-icon svg {\n  width: 28px;\n  height: 28px;\n\n  fill: none;\n  stroke: currentColor;\n\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\n\/* ==========================================================\n   LABEL\n   ========================================================== *\/\n\n.lc-how-final-card-label {\n  margin: 0 0 7px !important;\n  padding: 0 !important;\n\n  color: #DA291C !important;\n\n  font-size: 9px !important;\n  line-height: 1.3 !important;\n\n  font-weight: 700 !important;\n\n  letter-spacing: .09em !important;\n  text-transform: uppercase !important;\n}\n\n\n\/* ==========================================================\n   TITLE\n   ========================================================== *\/\n\n.lc-how-final-card h3 {\n  margin: 0 !important;\n  padding: 0 !important;\n\n  color: #111111;\n\n  font-size: 20px;\n  line-height: 1.3;\n\n  font-weight: 700;\n\n  letter-spacing: -.025em;\n}\n\n\n\/* ==========================================================\n   TEXT\n   ========================================================== *\/\n\n.lc-how-final-card > p:not(.lc-how-final-card-label) {\n  max-width: 330px;\n\n  margin: 12px auto 0 !important;\n  padding: 0 !important;\n\n  color: #626262;\n\n  font-size: 12px;\n  line-height: 1.65;\n}\n\n\n\/* ==========================================================\n   BUTTON\n   ========================================================== *\/\n\n.lc-how-final-btn {\n  width: 100%;\n  min-height: 47px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  gap: 8px;\n\n  margin-top: auto;\n  padding: 12px 16px;\n\n  border-radius: 7px;\n\n  font-size: 12px;\n  line-height: 1.4;\n\n  font-weight: 700;\n\n  text-decoration: none !important;\n\n  transition:\n    background .2s ease,\n    border-color .2s ease,\n    color .2s ease,\n    transform .2s ease;\n}\n\n.lc-how-final-btn svg {\n  width: 16px;\n  height: 16px;\n\n  fill: none;\n  stroke: currentColor;\n\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\n\/* PRIMARY BUTTON *\/\n\n.lc-how-final-btn-primary {\n  border: 1px solid #DA291C;\n\n  background: #DA291C;\n\n  color: #ffffff !important;\n}\n\n.lc-how-final-btn-primary:hover {\n  background: #b82016;\n\n  border-color: #b82016;\n\n  transform: translateY(-1px);\n}\n\n\n\/* SECONDARY BUTTON *\/\n\n.lc-how-final-btn-secondary {\n  border: 1px solid #c8c8c8;\n\n  background: #ffffff;\n\n  color: #111111 !important;\n}\n\n.lc-how-final-btn-secondary:hover {\n  border-color: #111111;\n\n  background: #111111;\n\n  color: #ffffff !important;\n\n  transform: translateY(-1px);\n}\n\n\n\/* ==========================================================\n   TABLET\n   ========================================================== *\/\n\n@media (max-width: 1200px) {\n\n  .lc-how-final-inner {\n    width: calc(100% - 48px);\n  }\n\n  .lc-how-final-card {\n    padding: 27px 22px 24px;\n  }\n\n}\n\n\n\/* ==========================================================\n   ONDER 900PX\n   ========================================================== *\/\n\n@media (max-width: 900px) {\n\n  .lc-how-final {\n    padding: 58px 0 62px;\n  }\n\n  .lc-how-final-inner {\n    width: calc(100% - 40px);\n  }\n\n  .lc-how-final-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .lc-how-final-card {\n    min-height: 0;\n\n    max-width: 700px;\n\n    margin: 0 auto;\n  }\n\n  .lc-how-final-btn {\n    margin-top: 24px;\n  }\n\n}\n\n\n\/* ==========================================================\n   MOBIEL\n   ========================================================== *\/\n\n@media (max-width: 650px) {\n\n  .lc-how-final {\n    width: 100vw;\n\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n\n    padding: 46px 0 50px;\n  }\n\n  .lc-how-final-inner {\n    width: 100%;\n    max-width: none;\n\n    margin: 0;\n\n    padding-left: 18px;\n    padding-right: 18px;\n  }\n\n\n  \/* HEAD *\/\n\n  .lc-how-final-head {\n    max-width: none;\n\n    margin-bottom: 28px;\n  }\n\n  .lc-how-final-eyebrow {\n    font-size: 10px !important;\n  }\n\n  .lc-how-final-head h2 {\n    font-size: 29px;\n    line-height: 1.12;\n  }\n\n  .lc-how-final-intro {\n    margin-top: 11px !important;\n\n    font-size: 13px;\n    line-height: 1.6;\n  }\n\n\n  \/* CARDS *\/\n\n  .lc-how-final-card {\n    width: 100%;\n\n    padding: 22px 18px;\n\n    border-radius: 13px;\n  }\n\n  .lc-how-final-icon {\n    width: 50px;\n    height: 50px;\n\n    margin-bottom: 13px;\n  }\n\n  .lc-how-final-icon svg {\n    width: 25px;\n    height: 25px;\n  }\n\n  .lc-how-final-card h3 {\n    font-size: 17px;\n  }\n\n  .lc-how-final-card > p:not(.lc-how-final-card-label) {\n    font-size: 11px;\n  }\n\n  .lc-how-final-btn {\n    min-height: 45px;\n\n    margin-top: 20px;\n\n    font-size: 11px;\n  }\n\n}\n<\/style>\n\n<section class=\"lc-how-final\">\n\n  <div class=\"lc-how-final-inner\">\n\n    <!-- KOP -->\n    <div class=\"lc-how-final-head\">\n\n      <p class=\"lc-how-final-eyebrow\">\n        Volgende stap\n      <\/p>\n\n      <h2>\n        Klaar om zelf te ontdekken\n        <span>wat Latest Collection voor jou kan betekenen?<\/span>\n      <\/h2>\n\n      <p class=\"lc-how-final-intro\">\n        Kies de route die het beste bij jou past.\n        Controleer eerst je merken, maak direct een gratis account aan\n        of neem contact met ons op voor meer informatie.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- CTA GRID -->\n    <div class=\"lc-how-final-grid\">\n\n      <!-- DATA CHECKER -->\n      <article class=\"lc-how-final-card lc-how-final-card-primary\">\n\n        <div class=\"lc-how-final-icon\">\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <circle cx=\"11\" cy=\"11\" r=\"7\"><\/circle>\n            <path d=\"M16 16l5 5\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <p class=\"lc-how-final-card-label\">\n          Snelste route\n        <\/p>\n\n        <h3>\n          \u00dcberpr\u00fcfen Sie meine Marken\n        <\/h3>\n\n        <p>\n          Ontdek welke merken al beschikbaar zijn binnen Latest Collection\n          en krijg direct inzicht in de mogelijkheden voor jouw winkel.\n        <\/p>\n\n        <a href=\"https:\/\/latest-collection-da-2h9i.bolt.host\" class=\"lc-how-final-btn lc-how-final-btn-primary\" target=\"_blank\" rel=\"noopener\">\n          Start de Data Checker\n\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h14\"><\/path>\n            <path d=\"M13 6l6 6-6 6\"><\/path>\n          <\/svg>\n        <\/a>\n\n      <\/article>\n\n\n      <!-- ACCOUNT -->\n      <article class=\"lc-how-final-card\">\n\n        <div class=\"lc-how-final-icon\">\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <circle cx=\"12\" cy=\"8\" r=\"4\"><\/circle>\n            <path d=\"M5 21v-2a7 7 0 0 1 14 0v2\"><\/path>\n            <path d=\"M19 6v6\"><\/path>\n            <path d=\"M16 9h6\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <p class=\"lc-how-final-card-label\">\n          Direct starten\n        <\/p>\n\n        <h3>\n          Maak gratis een account\n        <\/h3>\n\n        <p>\n          Maak vrijblijvend een account aan en ontdek zelf\n          de mogelijkheden binnen het Latest Collection-platform.\n        <\/p>\n\n        <a href=\"https:\/\/www.latestcollection.fashion\/\" class=\"lc-how-final-btn lc-how-final-btn-secondary\" target=\"_blank\" rel=\"noopener\">\n          Erstellen Sie ein kostenloses Konto\n\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h14\"><\/path>\n            <path d=\"M13 6l6 6-6 6\"><\/path>\n          <\/svg>\n        <\/a>\n\n      <\/article>\n\n\n      <!-- CONTACT -->\n      <article class=\"lc-how-final-card\">\n\n        <div class=\"lc-how-final-icon\">\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M4 5h16v12H7l-3 3V5z\"><\/path>\n            <path d=\"M8 9h8\"><\/path>\n            <path d=\"M8 13h5\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <p class=\"lc-how-final-card-label\">\n          Eerst overleggen\n        <\/p>\n\n        <h3>\n          Neem contact met ons op\n        <\/h3>\n\n        <p>\n          Wil je weten wat aansluiten betekent voor jouw merk,\n          softwareoplossing of winkel? We denken graag met je mee.\n        <\/p>\n\n        <a href=\"\/de\/kontakt\/\" class=\"lc-how-final-btn lc-how-final-btn-secondary\">\n          Kontakt aufnehmen\n\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h14\"><\/path>\n            <path d=\"M13 6l6 6-6 6\"><\/path>\n          <\/svg>\n        <\/a>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Hoe het werkt Van merkdata naar jouw systeem. Met veel minder handmatig invoerwerk. Latest Collection verbindt merken, softwarepartners en retailers &hellip; <a href=\"https:\/\/latestcollection.com\/de\/hoe-het-werkt-fashion-artikeldata\/\"><\/a><\/p>","protected":false},"author":2,"featured_media":7635,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-5589","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/latestcollection.com\/de\/wp-json\/wp\/v2\/pages\/5589","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/latestcollection.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/latestcollection.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/latestcollection.com\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/latestcollection.com\/de\/wp-json\/wp\/v2\/comments?post=5589"}],"version-history":[{"count":25,"href":"https:\/\/latestcollection.com\/de\/wp-json\/wp\/v2\/pages\/5589\/revisions"}],"predecessor-version":[{"id":10661,"href":"https:\/\/latestcollection.com\/de\/wp-json\/wp\/v2\/pages\/5589\/revisions\/10661"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/latestcollection.com\/de\/wp-json\/wp\/v2\/media\/7635"}],"wp:attachment":[{"href":"https:\/\/latestcollection.com\/de\/wp-json\/wp\/v2\/media?parent=5589"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}