{"id":15090,"date":"2026-08-02T21:07:22","date_gmt":"2026-08-02T21:07:22","guid":{"rendered":"https:\/\/noor-vision.com\/?page_id=15090"},"modified":"2026-08-11T13:31:59","modified_gmt":"2026-08-11T13:31:59","slug":"webinar","status":"publish","type":"page","link":"https:\/\/noor-vision.com\/nl\/webinar\/","title":{"rendered":"webinar"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* Google Fonts import \u2014 must stay as the very first rule in this stylesheet *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');\n\n\/* ==========================================================================\n   Noor Vision \u2014 Webinar Landing Page\n\n   Everything below is scoped under .nv-webinar (the wrapper div at the top\n   of html.html) so nothing here can leak out and affect the rest of the\n   WordPress theme\/site -- no bare `body`, `a`, `img`, `button`, `:root`\n   custom properties, or universal `[id]` selectors. The only rule that\n   stays global is html's scroll-behavior \/ text-size-adjust; there is no\n   scoping a document-level scroll setting to a div.\n\n   No entrance \/ decorative animations: nothing fades, slides, bobs or\n   counts in. The only motion left is hover feedback on the buttons and\n   links, plus the scroll-linked progress bar.\n   ========================================================================== *\/\n\n.nv-webinar {\n    --ink: #0B1C3E;\n    --ink-dark: #071328;\n    --teal: #00B4A6;\n    --body: #64748B;\n    --border: #E2E8F0;\n    --border-strong: #D6DEF0;\n    --bg: #FFFFFF;\n    --bg-soft: #F5F7FA;\n    --header-h: 78px;\n    --gutter: clamp(18px, 4vw, 64px);\n    --blur-h: clamp(70px, 9vh, 120px);\n}\n\na {\n    cursor: pointer !important;\n}\n\n.nv-webinar,\n.nv-webinar * {\n    box-sizing: border-box;\n}\n\nhtml {\n    scroll-behavior: smooth;\n    -webkit-text-size-adjust: 100%;\n}\n\n.nv-webinar [id] {\n    scroll-margin-top: calc(var(--header-h) + 16px);\n}\n\n.nv-webinar {\n    margin: 0;\n    background: var(--bg);\n    font-family: \"Montserrat\", system-ui, sans-serif;\n    color: var(--body);\n    -webkit-font-smoothing: antialiased;\n    overflow-x: hidden;\n}\n\n.nv-webinar img {\n    max-width: 100%;\n}\n\n.nv-webinar a {\n    color: var(--ink);\n    text-decoration: none;\n}\n\n.nv-webinar a:hover {\n    color: var(--teal);\n}\n\n.nv-webinar ::selection {\n    background: var(--ink);\n    color: #fff;\n}\n\n.nv-webinar button {\n    font-family: inherit;\n}\n\n.nv-webinar .container {\n    width: 100%;\n    max-width: 1440px;\n    margin: 0 auto;\n    padding: 0 var(--gutter);\n}\n\n.nv-webinar .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n}\n\n\/* ==========================================================================\nProgress bar + header\n========================================================================== *\/\n\n.nv-webinar .progress-bar {\n    position: fixed;\n    top: 0;\n    left: 0;\n    height: 3px;\n    width: 100%;\n    background: linear-gradient(90deg, var(--ink), var(--teal));\n    transform: scaleX(0);\n    transform-origin: 0 50%;\n    z-index: 60;\n}\n\n\/* Fixed progressive blur along the bottom edge of the viewport, so content\nsoftens as it approaches the bottom and sharpens as it scrolls up. Four\nstacked layers, each blurring the result of the one beneath it and masked\nto start slightly higher, which ramps the blur smoothly instead of ending\non the hard line a single masked layer gives you.\n\nStatic: nothing animates -- the impression of movement comes entirely from\nthe page scrolling underneath a stationary effect. It tints nothing, so it\nworks over the light sections and the dark CTA band alike. *\/\n.nv-webinar .scroll-blur {\n    position: fixed;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    height: var(--blur-h);\n    pointer-events: none;\n    z-index: 40;\n}\n\n.nv-webinar .scroll-blur>div {\n    position: absolute;\n    inset: 0;\n}\n\n.nv-webinar .scroll-blur>div:nth-child(1) {\n    backdrop-filter: blur(1.5px);\n    -webkit-backdrop-filter: blur(1.5px);\n    -webkit-mask-image: linear-gradient(to top, #000 50%, transparent 100%);\n    mask-image: linear-gradient(to top, #000 50%, transparent 100%);\n}\n\n.nv-webinar .scroll-blur>div:nth-child(2) {\n    backdrop-filter: blur(4px);\n    -webkit-backdrop-filter: blur(4px);\n    -webkit-mask-image: linear-gradient(to top, #000 30%, transparent 72%);\n    mask-image: linear-gradient(to top, #000 30%, transparent 72%);\n}\n\n.nv-webinar .scroll-blur>div:nth-child(3) {\n    backdrop-filter: blur(9px);\n    -webkit-backdrop-filter: blur(9px);\n    -webkit-mask-image: linear-gradient(to top, #000 12%, transparent 48%);\n    mask-image: linear-gradient(to top, #000 12%, transparent 48%);\n}\n\n.nv-webinar .scroll-blur>div:nth-child(4) {\n    backdrop-filter: blur(16px);\n    -webkit-backdrop-filter: blur(16px);\n    -webkit-mask-image: linear-gradient(to top, #000 0%, transparent 26%);\n    mask-image: linear-gradient(to top, #000 0%, transparent 26%);\n}\n\n\/* Without backdrop-filter the strip would be an invisible no-op anyway. *\/\n@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {\n    .nv-webinar .scroll-blur {\n        display: none;\n    }\n}\n\n\/* Frosted nav: blurred translucent background at all times. *\/\n.nv-webinar .site-header {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    z-index: 50;\n    background: rgba(255, 255, 255, .62);\n    backdrop-filter: blur(22px) saturate(1.8);\n    -webkit-backdrop-filter: blur(22px) saturate(1.8);\n    border-bottom: 1px solid rgba(214, 222, 240, .55);\n}\n\n.nv-webinar .site-header.is-scrolled {\n    background: rgba(255, 255, 255, .78);\n    border-bottom-color: rgba(214, 222, 240, .9);\n    box-shadow: 0 8px 30px rgba(11, 28, 62, .08);\n}\n\n\/* Blur is unsupported (or disabled) -- fall back to a solid-enough bar. *\/\n@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {\n    .nv-webinar .site-header {\n        background: rgba(255, 255, 255, .95);\n    }\n}\n\n.nv-webinar .header-inner {\n    height: var(--header-h);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n}\n\n.nv-webinar .brand {\n    display: flex;\n    align-items: center;\n    min-width: 0;\n}\n\n.nv-webinar .brand img {\n    height: clamp(30px, 4.4vw, 42px);\n    width: auto;\n    display: block;\n}\n\n.nv-webinar .header-right {\n    display: flex;\n    align-items: center;\n    gap: clamp(14px, 2.4vw, 34px);\n}\n\n.nv-webinar .nav-links {\n    display: flex;\n    gap: clamp(16px, 2.2vw, 30px);\n    font-size: 13.5px;\n    font-weight: 500;\n    letter-spacing: -0.02em;\n    color: var(--body);\n}\n\n.nv-webinar .nav-links a {\n    color: inherit;\n    position: relative;\n    padding: 4px 0;\n}\n\n.nv-webinar .lang-toggle {\n    display: flex;\n    border: 1px solid var(--border-strong);\n    border-radius: 4px;\n    overflow: hidden;\n    background: rgba(245, 247, 250, .8);\n    flex: none;\n}\n\n.nv-webinar .lang-toggle button {\n    padding: 7px 15px;\n    font-size: 11.5px;\n    font-weight: 700;\n    border: none;\n    cursor: pointer;\n    letter-spacing: .05em;\n    background: transparent;\n    color: #94A3B8;\n}\n\n.nv-webinar .lang-toggle button.is-active {\n    background: var(--ink);\n    color: #fff;\n}\n\n.nv-webinar .btn-cta {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 11px 20px;\n    border-radius: 4px;\n    background: var(--ink);\n    color: #fff;\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: -0.02em;\n    transition: transform .25s cubic-bezier(.16, 1, .3, 1), box-shadow .25s ease, background .25s ease;\n    border: none;\n    cursor: pointer;\n    white-space: nowrap;\n}\n\n.nv-webinar .btn-cta:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 12px 26px rgba(11, 28, 62, .28);\n    background: var(--ink-dark);\n    color: #fff;\n}\n\n.nv-webinar .nav-toggle {\n    display: none;\n    align-items: center;\n    justify-content: center;\n    flex: none;\n    width: 38px;\n    height: 38px;\n    border: 1px solid var(--border-strong);\n    border-radius: 4px;\n    background: #fff;\n    cursor: pointer;\n}\n\n.nv-webinar .nav-toggle span,\n.nv-webinar .nav-toggle span::before,\n.nv-webinar .nav-toggle span::after {\n    display: block;\n    width: 16px;\n    height: 2px;\n    background: var(--ink);\n    position: relative;\n}\n\n.nv-webinar .nav-toggle span::before,\n.nv-webinar .nav-toggle span::after {\n    content: '';\n    position: absolute;\n    left: 0;\n}\n\n.nv-webinar .nav-toggle span::before {\n    top: -5px;\n}\n\n.nv-webinar .nav-toggle span::after {\n    top: 5px;\n}\n\n.nv-webinar .nav-toggle[aria-expanded=\"true\"] span {\n    background: transparent;\n}\n\n.nv-webinar .nav-toggle[aria-expanded=\"true\"] span::before {\n    top: 0;\n    transform: rotate(45deg);\n}\n\n.nv-webinar .nav-toggle[aria-expanded=\"true\"] span::after {\n    top: 0;\n    transform: rotate(-45deg);\n}\n\n.nv-webinar .mobile-panel {\n    display: none;\n    background: rgba(255, 255, 255, .92);\n    backdrop-filter: blur(22px) saturate(1.8);\n    -webkit-backdrop-filter: blur(22px) saturate(1.8);\n    border-bottom: 1px solid var(--border-strong);\n    max-height: calc(100dvh - var(--header-h));\n    overflow-y: auto;\n}\n\n.nv-webinar .mobile-panel-inner {\n    padding: 20px var(--gutter) 26px;\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n}\n\n.nv-webinar .mobile-panel .nav-links {\n    flex-direction: column;\n    gap: 16px;\n    font-size: 15px;\n}\n\n.nv-webinar .mobile-panel .lang-toggle {\n    align-self: flex-start;\n}\n\n\/* ==========================================================================\nHero \u2014 fills exactly one viewport\n========================================================================== *\/\n\n\/* --vp is the height the hero actually gets. Every bit of vertical rhythm\nbelow is derived from it rather than from raw vh, so that anything which\nshortens the hero (the WordPress admin bar, say) shrinks the type and\npadding to match instead of pushing content out the bottom. *\/\n.nv-webinar .hero {\n    --vp: 100vh;\n    position: relative;\n    \/* Above .scroll-blur: the hero's bottom-anchored CTA card and tag chips\n  land inside the bottom strip, and the primary button must never sit\n  blurred at rest. The effect starts once the hero scrolls away. *\/\n    z-index: 41;\n    overflow: hidden;\n    background: linear-gradient(180deg, #FFFFFF 0%, #F5F7FA 100%);\n    width: 100vw;\n    max-width: 100%;\n    height: var(--vp);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    gap: clamp(20px, calc(var(--vp) * .034), 32px);\n    padding: calc(var(--header-h) + clamp(16px, calc(var(--vp) * .036), 34px)) 0 clamp(46px, calc(var(--vp) * .08), 76px);\n}\n\n@supports (height: 100dvh) {\n    .nv-webinar .hero {\n        --vp: 100dvh;\n    }\n}\n\n.nv-webinar .hero::before {\n    content: '';\n    position: absolute;\n    top: -320px;\n    right: -220px;\n    width: 900px;\n    height: 900px;\n    max-width: 140vw;\n    max-height: 140vw;\n    border-radius: 4px;\n    background: radial-gradient(circle, rgba(0, 180, 166, .16) 0%, rgba(0, 180, 166, 0) 62%);\n    pointer-events: none;\n}\n\n.nv-webinar .hero::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background-image:\n        linear-gradient(var(--ink) 1px, transparent 1px),\n        linear-gradient(90deg, var(--ink) 1px, transparent 1px);\n    background-size: 76px 76px;\n    opacity: .035;\n    pointer-events: none;\n}\n\n.nv-webinar .cta-card {\n    display: flex;\n    align-items: center;\n    gap: 22px;\n    background: rgba(255, 255, 255, .72);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    border: 1px solid var(--border);\n    border-radius: 4px;\n    padding: 14px 14px 14px 24px;\n    box-shadow: 0 18px 44px rgba(11, 28, 62, .09);\n    max-width: 100%;\n}\n\n\/* Bottom-right of the hero: hug its own content rather than stretching\nacross the grid track once the layout collapses to one column. *\/\n.nv-webinar .hero-bottom>.cta-card {\n    justify-self: start;\n}\n\n.nv-webinar .cta-card-text {\n    display: flex;\n    flex-direction: column;\n    gap: 5px;\n    min-width: 0;\n}\n\n.nv-webinar .cta-card-tag {\n    display: flex;\n    align-items: center;\n    gap: 7px;\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: .1em;\n    text-transform: uppercase;\n    color: var(--teal);\n}\n\n.nv-webinar .cta-card-note {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--ink);\n    letter-spacing: -0.02em;\n}\n\n.nv-webinar .btn-cta-lg {\n    flex: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    background: var(--ink);\n    color: #fff;\n    font-size: 13.5px;\n    font-weight: 700;\n    letter-spacing: -0.02em;\n    padding: 13px 22px;\n    border-radius: 4px;\n    white-space: nowrap;\n    transition: transform .3s cubic-bezier(.16, 1, .3, 1), box-shadow .3s ease;\n}\n\n.nv-webinar .btn-cta-lg:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 14px 30px rgba(11, 28, 62, .26);\n    color: #fff;\n}\n\n\/* Title section sits at the top of the hero (paired with the Termin\/Uhrzeit\ncard); the microtags + registration card sit at the bottom. Both rows share\nthe same grid so the title and the tags line up on the same left edge, and\nthe when-card \/ cta-card line up on the same right edge. *\/\n.nv-webinar .hero-top,\n.nv-webinar .hero-bottom {\n    position: relative;\n    width: 100%;\n    max-width: 1728px;\n    margin: 0 auto;\n    padding: 0 var(--gutter);\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: clamp(28px, 4vw, 56px);\n}\n\n.nv-webinar .hero-top {\n    align-items: start;\n}\n\n.nv-webinar .hero-bottom {\n    align-items: end;\n}\n\n.nv-webinar .hero-copy {\n    min-width: 0;\n    max-width: 1000px;\n}\n\n.nv-webinar .eyebrow {\n    display: inline-flex;\n    align-items: stretch;\n    border-radius: 4px;\n    margin-bottom: clamp(18px, calc(var(--vp) * .036), 34px);\n    box-shadow: 0 2px 10px rgba(11, 28, 62, .05);\n    overflow: hidden;\n    flex-wrap: wrap;\n    max-width: 100%;\n}\n\n.nv-webinar .eyebrow-tag {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    background: var(--teal);\n    color: #fff;\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: .14em;\n    padding: 9px 14px;\n    white-space: nowrap;\n}\n\n.nv-webinar .eyebrow-label {\n    display: flex;\n    align-items: center;\n    font-size: 10.5px;\n    font-weight: 600;\n    letter-spacing: .1em;\n    color: var(--ink);\n    background: #fff;\n    border: 1px solid var(--border-strong);\n    border-left: none;\n    padding: 9px 16px;\n    white-space: nowrap;\n}\n\n\/* Scales with width *and* the hero's own height, so the hero still fits one\nscreen on short laptop viewports instead of clipping. *\/\n.nv-webinar .hero-title {\n    font-size: clamp(32px, min(6.4vw, calc(var(--vp) * .09)), 100px);\n    line-height: 1.02;\n    font-weight: 300;\n    letter-spacing: -0.05em;\n    color: var(--ink);\n    margin: 0 0 clamp(12px, calc(var(--vp) * .026), 24px);\n    text-wrap: balance;\n    overflow-wrap: break-word;\n}\n\n.nv-webinar .hero-title strong {\n    font-weight: 700;\n}\n\n.nv-webinar .hero-sub {\n    font-size: clamp(15px, 1.8vw, 23px);\n    line-height: 1.4;\n    font-weight: 400;\n    letter-spacing: -0.04em;\n    color: var(--body);\n    margin: 0;\n    max-width: 720px;\n    text-wrap: pretty;\n}\n\n.nv-webinar .tags-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n}\n\n.nv-webinar .tag-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    font-size: 12.5px;\n    font-weight: 500;\n    color: #334155;\n    background: #fff;\n    border: 1px solid var(--border);\n    border-radius: 4px;\n    padding: 11px 18px;\n    max-width: 100%;\n}\n\n.nv-webinar .tag-chip svg {\n    flex: none;\n    color: var(--teal);\n}\n\n\/* Termin \/ Uhrzeit card \u2014 top-right of the hero. *\/\n.nv-webinar .when-card {\n    display: flex;\n    flex-direction: column;\n    flex: none;\n    width: min(320px, 100%);\n    border-radius: 4px;\n    border: 1px solid rgba(255, 255, 255, .85);\n    border-left: 3px solid var(--teal);\n    \/* Kept deliberately translucent. The hero backdrop behind this card is a\n  near-uniform gradient, so a heavy blur over an opaque fill reads as a\n  plain white box -- the frosted look comes from letting the grid pattern\n  and the teal glow through, softened, against the crisp grid outside. *\/\n    background: linear-gradient(148deg, rgba(255, 255, 255, .5) 0%, rgba(214, 222, 240, .26) 100%);\n    backdrop-filter: blur(14px) saturate(1.9) brightness(1.05);\n    -webkit-backdrop-filter: blur(14px) saturate(1.9) brightness(1.05);\n    box-shadow: 0 18px 44px rgba(11, 28, 62, .12), inset 0 1px 0 rgba(255, 255, 255, .95);\n}\n\n@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {\n    .nv-webinar .when-card {\n        background: #fff;\n        border-color: var(--border-strong);\n        border-left-color: var(--teal);\n    }\n}\n\n.nv-webinar .when-item {\n    display: flex;\n    align-items: center;\n    gap: 13px;\n    padding: 16px 22px;\n    min-width: 0;\n}\n\n.nv-webinar .when-item>div {\n    min-width: 0;\n}\n\n.nv-webinar .when-item svg {\n    flex: none;\n    color: var(--teal);\n}\n\n.nv-webinar .when-divider {\n    height: 1px;\n    background: rgba(214, 222, 240, .85);\n    margin: 0 20px;\n}\n\n\/* A shade deeper than --body: at 9.5px on the now-translucent card the\ndefault slate lands around 4.3:1, which is short for text this small. *\/\n.nv-webinar .when-label {\n    font-size: 9.5px;\n    font-weight: 700;\n    letter-spacing: .14em;\n    text-transform: uppercase;\n    color: #4F5E75;\n    margin-bottom: 3px;\n}\n\n.nv-webinar .when-value {\n    font-size: clamp(16px, 1.4vw, 19px);\n    font-weight: 700;\n    letter-spacing: -0.04em;\n    color: var(--ink);\n    line-height: 1.2;\n    overflow-wrap: break-word;\n}\n\n.nv-webinar .scroll-hint {\n    position: absolute;\n    left: var(--gutter);\n    bottom: 22px;\n    width: 38px;\n    height: 38px;\n    border-radius: 4px;\n    border: 1px solid var(--border-strong);\n    background: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 6px 18px rgba(11, 28, 62, .08);\n    z-index: 2;\n}\n\n\/* ==========================================================================\nAbout (\"worum\")\n========================================================================== *\/\n\n.nv-webinar .section {\n    padding: clamp(64px, 9vw, 118px) 0;\n}\n\n.nv-webinar .section--soft {\n    background: var(--bg-soft);\n}\n\n.nv-webinar .section-kicker {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 16px;\n}\n\n.nv-webinar .section-kicker .rule {\n    width: 28px;\n    height: 1px;\n    flex: none;\n    background: var(--teal);\n}\n\n.nv-webinar .section-kicker .label {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: .16em;\n    text-transform: uppercase;\n    color: var(--teal);\n}\n\n.nv-webinar .section-title {\n    font-size: clamp(26px, 3.6vw, 44px);\n    line-height: 1.1;\n    font-weight: 700;\n    letter-spacing: -0.05em;\n    color: var(--ink);\n    margin: 0 0 26px;\n    max-width: 900px;\n    text-wrap: balance;\n}\n\n.nv-webinar .section-lede {\n    font-size: clamp(15.5px, 1.5vw, 17px);\n    line-height: 1.72;\n    color: var(--body);\n    margin: 0 0 clamp(40px, 5.5vw, 66px);\n    max-width: 680px;\n    text-wrap: pretty;\n}\n\n.nv-webinar .cards-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n    gap: clamp(20px, 2.2vw, 32px);\n}\n\n.nv-webinar .info-card {\n    position: relative;\n    border: 1px solid var(--border);\n    border-radius: 4px;\n    padding: clamp(26px, 3vw, 34px) clamp(22px, 2.6vw, 30px);\n    background: #fff;\n    overflow: hidden;\n}\n\n.nv-webinar .info-card-num {\n    width: 46px;\n    height: 46px;\n    border-radius: 4px;\n    background: var(--ink);\n    color: #fff;\n    margin-bottom: 22px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 15px;\n    font-weight: 700;\n    letter-spacing: -0.03em;\n}\n\n.nv-webinar .info-card-title {\n    font-size: 17px;\n    font-weight: 700;\n    letter-spacing: -0.05em;\n    color: var(--ink);\n    margin-bottom: 12px;\n    line-height: 1.32;\n}\n\n.nv-webinar .info-card-body {\n    font-size: 14px;\n    color: var(--body);\n    line-height: 1.65;\n}\n\n\/* ==========================================================================\nAgenda\n========================================================================== *\/\n\n.nv-webinar .agenda-grid {\n    display: grid;\n    grid-template-columns: minmax(240px, 360px) minmax(0, 1fr);\n    gap: clamp(36px, 6vw, 110px);\n    align-items: start;\n}\n\n.nv-webinar .agenda-title-head .section-title {\n    margin: 0;\n}\n\n.nv-webinar .agenda-list {\n    position: relative;\n    max-width: 860px;\n}\n\n.nv-webinar .agenda-row {\n    --nv-badge: 48px;\n    --nv-pad: 26px;\n    position: relative;\n    display: flex;\n    align-items: flex-start;\n    gap: clamp(14px, 2.2vw, 26px);\n    padding: var(--nv-pad) 0;\n    border-bottom: 1px solid var(--border-strong);\n}\n\n.nv-webinar .agenda-row:last-child {\n    border-bottom: none;\n}\n\n.nv-webinar .agenda-num {\n    flex: none;\n    width: 48px;\n    height: 48px;\n    border-radius: 4px;\n    background: #fff;\n    border: 1px solid var(--border-strong);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--teal);\n    z-index: 1;\n    box-shadow: 0 4px 14px rgba(11, 28, 62, .06);\n}\n\n.nv-webinar .agenda-copy {\n    flex: 1;\n    padding-top: 11px;\n    min-width: 0;\n}\n\n.nv-webinar .agenda-copy-title {\n    font-size: clamp(17px, 1.6vw, 19px);\n    font-weight: 400;\n    letter-spacing: -0.05em;\n    color: var(--ink);\n}\n\n.nv-webinar .agenda-copy-sub {\n    font-size: 14px;\n    color: var(--body);\n    line-height: 1.55;\n}\n\n\/* ==========================================================================\nPresenter\n========================================================================== *\/\n\n.nv-webinar .presenter-grid {\n    display: grid;\n    grid-template-columns: minmax(0, 340px) minmax(0, 1fr);\n    gap: clamp(36px, 5vw, 88px);\n    align-items: start;\n}\n\n.nv-webinar .presenter-media {\n    position: relative;\n}\n\n.nv-webinar .presenter-media::before {\n    content: '';\n    position: absolute;\n    inset: 16px -16px -16px 16px;\n    border-radius: 4px;\n    border: 1px solid var(--border-strong);\n    background: linear-gradient(140deg, rgba(0, 180, 166, .1), rgba(11, 28, 62, .05));\n}\n\n.nv-webinar .presenter-photo {\n    position: relative;\n    aspect-ratio: 1 \/ 1;\n    border-radius: 4px;\n    overflow: hidden;\n    border: 1px solid var(--border-strong);\n    background: var(--bg-soft);\n    box-shadow: 0 22px 50px rgba(11, 28, 62, .12);\n}\n\n.nv-webinar .presenter-photo img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: 50% 22%;\n    display: block;\n}\n\n.nv-webinar .presenter-name {\n    font-size: clamp(26px, 3.4vw, 40px);\n    font-weight: 700;\n    letter-spacing: -0.05em;\n    color: var(--ink);\n    margin: 0 0 8px;\n    line-height: 1.1;\n}\n\n.nv-webinar .presenter-role {\n    font-size: 15px;\n    font-weight: 600;\n    letter-spacing: -0.03em;\n    color: var(--teal);\n    margin-bottom: 30px;\n}\n\n.nv-webinar .presenter-bio {\n    max-width: 660px;\n    font-size: clamp(15.5px, 1.5vw, 16.5px);\n    line-height: 1.75;\n    color: var(--body);\n    margin: 0;\n    text-wrap: pretty;\n}\n\n\/* ==========================================================================\nCTA band\n========================================================================== *\/\n\n.nv-webinar .cta-band {\n    position: relative;\n    overflow: hidden;\n    background: var(--ink);\n    padding: clamp(56px, 7vw, 86px) 0;\n}\n\n.nv-webinar .cta-band::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background-image:\n        linear-gradient(rgba(255, 255, 255, .5) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255, 255, 255, .5) 1px, transparent 1px);\n    background-size: 76px 76px;\n    opacity: .05;\n    pointer-events: none;\n}\n\n.nv-webinar .cta-band-inner {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: clamp(28px, 4vw, 48px);\n    flex-wrap: wrap;\n}\n\n.nv-webinar .cta-band-copy {\n    max-width: 820px;\n    min-width: 0;\n}\n\n.nv-webinar .cta-band-title {\n    font-size: clamp(19px, 2.4vw, 27px);\n    font-weight: 700;\n    letter-spacing: -0.05em;\n    color: #fff;\n    line-height: 1.32;\n    margin-bottom: 16px;\n    text-wrap: pretty;\n}\n\n.nv-webinar .cta-band-days {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--teal);\n    background: rgba(255, 255, 255, .07);\n    border: 1px solid rgba(255, 255, 255, .14);\n    border-radius: 4px;\n    padding: 8px 16px;\n}\n\n.nv-webinar .cta-band-days svg {\n    flex: none;\n}\n\n.nv-webinar .cta-band-action {\n    text-align: right;\n}\n\n.nv-webinar .btn-cta-band {\n    display: inline-flex;\n    align-items: center;\n    gap: 11px;\n    background: #fff;\n    color: var(--ink);\n    font-size: clamp(14px, 1.4vw, 15.5px);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n    padding: clamp(15px, 1.7vw, 18px) clamp(24px, 2.8vw, 32px);\n    border-radius: 4px;\n    transition: transform .3s cubic-bezier(.16, 1, .3, 1), box-shadow .3s ease;\n}\n\n.nv-webinar .btn-cta-band:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 22px 46px rgba(0, 0, 0, .28);\n    color: var(--ink);\n}\n\n.nv-webinar .cta-band-note {\n    font-size: 12px;\n    color: rgba(255, 255, 255, .5);\n    margin-top: 13px;\n    font-weight: 500;\n}\n\n\/* ==========================================================================\nFooter\n========================================================================== *\/\n\n\/* Also above .scroll-blur -- this is what rests under the strip when the\npage is scrolled to the end, and the contact details and copyright line\nhave to stay legible there. *\/\n.nv-webinar .site-footer {\n    position: relative;\n    z-index: 45;\n    background: var(--ink-dark);\n    padding: clamp(52px, 6vw, 72px) 0 40px;\n}\n\n.nv-webinar .footer-grid {\n    display: grid;\n    grid-template-columns: 1.6fr 1fr 1fr;\n    gap: clamp(34px, 5vw, 80px);\n    padding-bottom: 48px;\n    border-bottom: 1px solid rgba(255, 255, 255, .1);\n}\n\n.nv-webinar .footer-brand img {\n    height: 44px;\n    width: auto;\n    display: block;\n    margin-bottom: 22px;\n    filter: brightness(0) invert(1);\n}\n\n.nv-webinar .footer-blurb {\n    font-size: 13.5px;\n    color: rgba(255, 255, 255, .55);\n    line-height: 1.7;\n    max-width: 340px;\n}\n\n.nv-webinar .footer-col-title {\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: .14em;\n    text-transform: uppercase;\n    color: var(--teal);\n    margin-bottom: 20px;\n}\n\n.nv-webinar .footer-links {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    font-size: 13.5px;\n}\n\n.nv-webinar .footer-links a {\n    color: rgba(255, 255, 255, .62);\n}\n\n.nv-webinar .footer-links a:hover {\n    color: var(--teal);\n}\n\n.nv-webinar .footer-contact {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    font-size: 13.5px;\n    color: rgba(255, 255, 255, .62);\n    overflow-wrap: anywhere;\n}\n\n.nv-webinar .footer-contact a {\n    color: rgba(255, 255, 255, .62);\n}\n\n.nv-webinar .footer-contact a:hover {\n    color: var(--teal);\n}\n\n.nv-webinar .footer-bottom {\n    padding-top: 28px;\n    font-size: 12px;\n    color: rgba(255, 255, 255, .32);\n}\n\n\/* ==========================================================================\nResponsive\n========================================================================== *\/\n\n\/* Hero stays a single full viewport while there is room for it side by\nside; below that the Termin\/Uhrzeit card drops under the copy and the\nhero grows with its content instead of clipping it. *\/\n@media (max-width: 1180px),\n(max-height: 620px) {\n    .nv-webinar .hero {\n        height: auto;\n        min-height: var(--vp);\n    }\n\n    .nv-webinar .hero-top,\n    .nv-webinar .hero-bottom {\n        grid-template-columns: minmax(0, 1fr);\n        align-items: start;\n    }\n\n    .nv-webinar .hero-bottom>.cta-card {\n        margin-top: 4px;\n    }\n}\n\n@media (max-width: 1080px) {\n\n    .nv-webinar .header-right>.nav-links,\n    .nv-webinar .header-right>.lang-toggle {\n        display: none;\n    }\n\n    .nv-webinar .nav-toggle {\n        display: inline-flex;\n    }\n\n    .nv-webinar .mobile-panel.is-open {\n        display: block;\n    }\n}\n\n@media (max-width: 940px) {\n    .nv-webinar .agenda-grid {\n        grid-template-columns: minmax(0, 1fr);\n        gap: 40px;\n    }\n}\n\n@media (max-width: 820px) {\n    .nv-webinar .presenter-grid {\n        grid-template-columns: minmax(0, 1fr);\n    }\n\n    .nv-webinar .presenter-media {\n        max-width: 260px;\n    }\n\n    .nv-webinar .footer-grid {\n        grid-template-columns: 1fr;\n        gap: 36px;\n        padding-bottom: 36px;\n    }\n\n    .nv-webinar .cta-band-inner {\n        justify-content: flex-start;\n    }\n\n    .nv-webinar .cta-band-action {\n        text-align: left;\n        width: 100%;\n    }\n\n    .nv-webinar .btn-cta-band {\n        width: 100%;\n        justify-content: center;\n    }\n\n    .nv-webinar .cta-band-note {\n        text-align: center;\n    }\n}\n\n@media (max-width: 720px) {\n    .nv-webinar .hero {\n        padding-bottom: 64px;\n    }\n\n    .nv-webinar .when-card {\n        width: 100%;\n    }\n\n    .nv-webinar .hero-bottom>.cta-card {\n        justify-self: stretch;\n    }\n\n    .nv-webinar .cta-card {\n        width: 100%;\n        flex-direction: column;\n        align-items: stretch;\n        gap: 14px;\n        padding: 18px;\n    }\n\n    .nv-webinar .btn-cta-lg {\n        margin-left: auto;\n    }\n\n    .nv-webinar .scroll-hint {\n        display: none;\n    }\n}\n\n@media (max-width: 620px) {\n    .nv-webinar .agenda-row {\n        display: grid;\n        grid-template-columns: auto minmax(0, 1fr);\n        column-gap: 16px;\n        align-items: start;\n    }\n\n    .nv-webinar .agenda-num {\n        grid-column: 1;\n        grid-row: 1;\n    }\n\n    .nv-webinar .agenda-copy {\n        grid-column: 2;\n        grid-row: 1;\n        padding-top: 8px;\n    }\n}\n\n@media (max-width: 560px) {\n    .nv-webinar .eyebrow {\n        flex-wrap: wrap;\n    }\n\n    .nv-webinar .eyebrow-tag,\n    .nv-webinar .eyebrow-label {\n        white-space: normal;\n    }\n\n    .nv-webinar .eyebrow-label {\n        border-left: 1px solid var(--border-strong);\n    }\n\n    .nv-webinar .tag-chip {\n        width: 100%;\n        padding: 10px 14px;\n    }\n}\n\n@media (max-width: 480px) {\n    .nv-webinar {\n        --header-h: 64px;\n    }\n\n    .nv-webinar .hero-title {\n        letter-spacing: -0.03em;\n    }\n\n    .nv-webinar .btn-cta {\n        padding: 10px 14px;\n        font-size: 12px;\n    }\n\n    .nv-webinar .agenda-row {\n        --nv-badge: 40px;\n        --nv-pad: 22px;\n        column-gap: 14px;\n    }\n\n    .nv-webinar .agenda-num {\n        width: 40px;\n        height: 40px;\n    }\n\n    .nv-webinar .agenda-num svg {\n        width: 18px;\n        height: 18px;\n    }\n\n    .nv-webinar .info-card-num {\n        width: 40px;\n        height: 40px;\n        margin-bottom: 18px;\n    }\n}\n\n@media (max-width: 380px) {\n    .nv-webinar .btn-cta span {\n        display: none;\n    }\n\n    .nv-webinar .btn-cta {\n        padding: 11px;\n    }\n\n    .nv-webinar .when-item {\n        padding: 14px 16px;\n    }\n\n    .nv-webinar .when-divider {\n        margin: 0 14px;\n    }\n}\n\n\/* ==========================================================================\n   WordPress integration overrides\n\n   Everything above is theme-agnostic. This last section exists purely to\n   undo what WordPress and the active theme add *around* the block:\n\n     1. the admin bar, a fixed 32px strip the block's own fixed header\n        would otherwise sit underneath;\n     2. the theme's content column -- the max-width, side padding and\n        block spacing every ancestor of the wrapper contributes, which is\n        what shows up as white gutters and gaps down the page.\n\n   The ancestor reset leans on :has(), so it can only ever match on a page\n   that actually contains .nv-webinar -- it cannot affect any other page on\n   the site. Note that it deliberately strips vertical padding from those\n   ancestors too: if your theme relies on that padding to clear a sticky\n   theme header of its own, drop the padding-top line from the reset.\n   ========================================================================== *\/\n\n\/* --- 1. Admin bar -------------------------------------------------------\n   --wp-bar is 0 for logged-out visitors and the real bar height for anyone\n   who is logged in, so the same rules serve both. *\/\n.nv-webinar {\n    --wp-bar: 0px;\n}\n\nbody.admin-bar .nv-webinar {\n    --wp-bar: var(--wp-admin--admin-bar--height, 32px);\n}\n\n@media screen and (max-width: 782px) {\n    body.admin-bar .nv-webinar {\n        --wp-bar: 46px;\n    }\n}\n\n.nv-webinar .site-header,\n.nv-webinar .progress-bar {\n    top: var(--wp-bar);\n}\n\n.nv-webinar [id] {\n    scroll-margin-top: calc(var(--header-h) + 16px + var(--wp-bar));\n}\n\n\/* The hero sizes itself, its padding and its type from --vp, so handing it\n   a shorter --vp is all it takes for the admin bar to be accounted for\n   everywhere at once -- no separate height or min-height overrides. *\/\n.nv-webinar .hero {\n    --vp: calc(100vh - var(--wp-bar));\n}\n\n@supports (height: 100dvh) {\n    .nv-webinar .hero {\n        --vp: calc(100dvh - var(--wp-bar));\n    }\n}\n\n\/* --- 2. Theme content column \/ block spacing ---------------------------- *\/\nbody:has(.nv-webinar) {\n    overflow-x: hidden;\n}\n\nbody :has(.nv-webinar) {\n    max-width: none !important;\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n    padding-top: 0 !important;\n    padding-bottom: 0 !important;\n    border: 0 !important;\n}\n\n.nv-webinar {\n    margin: 0 !important;\n    padding: 0 !important;\n    max-width: none !important;\n    width: 100% !important;\n}\n\n.nv-webinar>* {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n\/* Where :has() is unavailable, fall back to pulling the wrapper back out\n   of the content column by hand. Costs the scrollbar width in overshoot,\n   which the overflow-x above would normally have hidden. *\/\n@supports not selector(:has(*)) {\n    .nv-webinar {\n        width: 100vw !important;\n        margin-left: calc(50% - 50vw) !important;\n        margin-right: calc(50% - 50vw) !important;\n    }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n    'use strict';\n\n    \/\/ Page-builder \/ \"Custom JavaScript\" blocks often inject this script\n    \/\/ before the HTML block's markup exists in the document, so every\n    \/\/ query below waits for DOMContentLoaded rather than running inline.\n    function init() {\n\n        \/* ------------------------------------------------------------------\n\n         * Copy (DE \/ EN)\n\n         * ------------------------------------------------------------------ *\/\n\n        const COPY = {\n\n            de: {\n\n                nav1: 'Webinar',\n                nav2: 'Kernpunkte',\n                nav3: 'Referent',\n\n                ctaShort: 'Jetzt anmelden',\n\n                regRequired: 'Anmeldung erforderlich',\n\n                regNote: 'Kostenlos \u00b7 Pl\u00e4tze begrenzt',\n\n                eyebrowTag: 'LIVE-WEBINAR',\n\n                eyebrow: 'SAP EWM OPERATIONS CONTROL TOWER',\n\n                titleParts: ['Kein ', 'Feuerwehr-Modus', ' mehr im Lager.'],\n\n                heroSub: 'Wie Sie operative Herausforderungen faktenbasiert l\u00f6sen, ohne dass sie eskalieren.',\n\n                dateLabel: 'Termin',\n\n                date: 'Mi, 9. September 2026',\n\n                timeLabel: 'Uhrzeit',\n\n                time: '11:15 Uhr CEST',\n\n                duration: '45 Minuten',\n\n                format: 'Online \u00b7 Deutsch',\n\n                cta: 'Zum Webinar anmelden',\n\n                ctaNote: 'Anmeldung \u00fcber Microsoft Teams',\n\n                aboutEyebrow: 'Worum es geht',\n\n                aboutTitle: 'Alarme zeigen Probleme. Priorit\u00e4ten l\u00f6sen sie.',\n\n                aboutBody: 'Eine Anlieferung wartete 12,2 Stunden auf die Freigabe. Gesehen hat es niemand. In 45 Minuten zeigen wir, wie aus Kennzahlen eine klare Reihenfolge wird und warum Reporting allein daf\u00fcr nicht reicht.',\n\n                learn: [\n\n                    {\n                        n: '1',\n                        title: 'Warum Dashboards nicht priorisieren',\n                        body: 'Kennzahlenfriedhof, Silo-Kacheln, Bauchgef\u00fchl. Drei Muster, die jede Schicht kennt.'\n                    },\n\n                    {\n                        n: '2',\n                        title: 'Von der St\u00f6rung zur Ma\u00dfnahme',\n                        body: 'Wie ein Alarm zur richtigen Priorit\u00e4t, Zuweisung und zur n\u00e4chsten besten Ma\u00dfnahme f\u00fchrt.'\n                    },\n\n                    {\n                        n: '3',\n                        title: 'Live am Prototyp',\n                        body: 'Ein Tag im Schichtbetrieb, durchgespielt am Operations Control Tower.'\n                    },\n\n                ],\n\n                agendaEyebrow: 'Wichtige Themen',\n\n                agendaTitle: 'Ein Tag im Schichtbetrieb, in 45 Minuten',\n\n                agenda: [\n\n                    {\n                        title: 'Wie aus einer St\u00f6rungsmeldung ein konkreter n\u00e4chster Schritt wird, inklusive Verantwortlichkeit'\n                    },\n\n                    {\n                        title: 'Wie Entscheidungen im Team nachvollziehbar und transparent kommuniziert werden'\n                    },\n\n                    {\n                        title: 'Warum klassische Dashboards h\u00e4ufig nicht ausreichen'\n                    },\n\n                    {\n                        title: 'Eine Live-Demonstration unseres Operations Control Tower Prototyps'\n                    },\n\n                    {\n                        title: 'Praxisnahe Einblicke aus dem operativen SAP-EWM-Alltag'\n                    },\n\n                ],\n\n                presenterEyebrow: 'Ihr Referent',\n\n                presenterRole: 'SAP EWM Consultant, Noor Vision',\n\n                presenterBio: 'Dominik Wolters leitet SAP-EWM-Projekte in Industrie, Handel und Life Sciences und hat den Operations Control Tower entwickelt. Sein Ausgangspunkt: Alarme werden l\u00e4ngst erkannt, die Priorisierung bleibt Bauchgef\u00fchl.',\n\n                bandTitle: 'Eine Anlieferung ist seit mehreren Stunden in der Qualit\u00e4tspr\u00fcfung, ohne dass es aktiv bemerkt wurde.',\n\n                daysLeftUnit: n => n + ' Tage bis zur Anmeldefrist',\n\n                footerBlurb: 'Noor Vision. SAP-Logistics-Partner mit Fokus auf SAP EWM und S\/4HANA Supply Chain.',\n\n                footerLinksTitle: 'Links',\n\n                footerLegal: 'Impressum & Datenschutz',\n\n                footerContactTitle: 'Kontakt',\n\n            },\n\n            en: {\n\n                nav1: 'Webinar',\n                nav2: 'Key points',\n                nav3: 'Speaker',\n\n                ctaShort: 'Sign up now',\n\n                regRequired: 'Registration required',\n\n                regNote: 'Free \u00b7 Limited seats',\n\n                eyebrowTag: 'LIVE WEBINAR',\n\n                eyebrow: 'SAP EWM OPERATIONS CONTROL TOWER',\n\n                titleParts: ['No more ', 'firefighting', ' on the warehouse floor.'],\n\n                heroSub: 'How to solve operational challenges with facts, before they escalate.',\n\n                dateLabel: 'Date',\n\n                date: 'Wed, 9 September 2026',\n\n                timeLabel: 'Time',\n\n                time: '11:15 Uhr CEST',\n\n                duration: '45 minutes',\n\n                format: 'Online \u00b7 German',\n\n                cta: 'Sign up for the webinar',\n\n                ctaNote: 'Registration via Microsoft Teams',\n\n                aboutEyebrow: 'What it is about',\n\n                aboutTitle: 'You see the alerts. But which one comes first?',\n\n                aboutBody: 'One inbound delivery waited 12.2 hours for release. Nobody noticed. In 45 minutes we show how metrics turn into a clear order of work, and why reporting alone will not get you there.',\n\n                learn: [\n\n                    {\n                        n: '1',\n                        title: 'Why dashboards do not prioritise',\n                        body: 'Metric graveyards, siloed tiles, gut feeling. Three patterns every shift knows.'\n                    },\n\n                    {\n                        n: '2',\n                        title: 'From disruption to action',\n                        body: 'How an alert becomes an assigned task, and what happens when nobody responds.'\n                    },\n\n                    {\n                        n: '3',\n                        title: 'Live on the prototype',\n                        body: 'A day in shift operations, played through on the Operations Control Tower.'\n                    },\n\n                ],\n\n                agendaEyebrow: 'Key topics',\n\n                agendaTitle: 'A day in shift operations, in 45 minutes',\n\n                agenda: [\n\n                    {\n                        title: 'How a disruption alert becomes a concrete next step, including ownership'\n                    },\n\n                    {\n                        title: 'How decisions are communicated transparently and traceably within the team'\n                    },\n\n                    {\n                        title: 'Why classic dashboards often fall short'\n                    },\n\n                    {\n                        title: 'A live demonstration of our Operations Control Tower prototype'\n                    },\n\n                    {\n                        title: 'Practical insights from everyday SAP EWM operations'\n                    },\n\n                ],\n\n                presenterEyebrow: 'Your speaker',\n\n                presenterRole: 'SAP EWM Consultant, Noor Vision',\n\n                presenterBio: 'Dominik Wolters leads SAP EWM projects across industry, retail and life sciences and built the Operations Control Tower. His starting point: alerts are detected already, but prioritising them is still gut feeling.',\n\n                bandTitle: 'An inbound delivery sits in quality inspection for hours, without anyone actively noticing.',\n\n                daysLeftUnit: n => n + ' days left to register',\n\n                footerBlurb: 'Noor Vision. SAP logistics partner focused on SAP EWM and S\/4HANA supply chain.',\n\n                footerLinksTitle: 'Links',\n\n                footerLegal: 'Legal & privacy',\n\n                footerContactTitle: 'Contact',\n\n            },\n\n        };\n\n\n\n        const WEBINAR_START = Date.UTC(2026, 8, 9, 9, 15, 0);\n\n\n\n        \/* ------------------------------------------------------------------\n\n         * Language switching\n\n         * ------------------------------------------------------------------ *\/\n\n        const stored = (() => {\n\n            try {\n                return localStorage.getItem('nv-lang');\n            } catch (e) {\n                return null;\n            }\n\n        })();\n\n        let lang = stored === 'en' || stored === 'de' ? stored : 'de';\n\n\n\n        \/\/ set(el, text): defensive textContent setter -- guards against a\n\n        \/\/ missing\/differently-shaped child element so one bad element only\n\n        \/\/ skips itself instead of throwing and aborting every field after it.\n\n        function set(el, text) {\n            if (el) el.textContent = text;\n        }\n\n\n\n        function daysLeft() {\n\n            return Math.floor(Math.max(0, WEBINAR_START - Date.now()) \/ 86400000);\n\n        }\n\n\n\n        function applyLanguage(next) {\n\n            lang = next;\n\n            try {\n                localStorage.setItem('nv-lang', lang);\n            } catch (e) {}\n\n            const t = COPY[lang];\n\n            document.documentElement.lang = lang;\n\n\n\n            document.querySelectorAll('[data-i18n]').forEach((el) => {\n\n                const key = el.getAttribute('data-i18n');\n\n                if (t[key] !== undefined) el.textContent = t[key];\n\n            });\n\n\n\n            const titleEls = document.querySelectorAll('.hero-title [data-i18n]');\n\n            if (titleEls.length === 3) {\n\n                titleEls[0].textContent = t.titleParts[0];\n\n                titleEls[1].textContent = t.titleParts[1];\n\n                titleEls[2].textContent = t.titleParts[2];\n\n            }\n\n\n\n            document.querySelectorAll('.info-card').forEach((card, i) => {\n\n                const item = t.learn[i];\n\n                if (!item) return;\n\n                set(card.querySelector('.info-card-num'), item.n);\n\n                set(card.querySelector('.info-card-title'), item.title);\n\n                set(card.querySelector('.info-card-body'), item.body);\n\n            });\n\n\n\n            document.querySelectorAll('.agenda-row').forEach((row, i) => {\n\n                const item = t.agenda[i];\n\n                if (!item) return;\n\n                set(row.querySelector('.agenda-copy-title'), item.title);\n\n            });\n\n\n\n            set(document.querySelector('[data-days-left]'), t.daysLeftUnit(daysLeft()));\n\n\n\n            document.querySelectorAll('[data-lang]').forEach((btn) => {\n\n                btn.classList.toggle('is-active', btn.getAttribute('data-lang') === lang);\n\n            });\n\n        }\n\n\n\n        document.querySelectorAll('[data-lang]').forEach((btn) => {\n\n            btn.addEventListener('click', () => {\n\n                try {\n                    applyLanguage(btn.getAttribute('data-lang'));\n                } catch (e) {\n                    console.error('Noor Vision: applyLanguage failed', e);\n                }\n\n            });\n\n        });\n\n\n\n        try {\n            applyLanguage(lang);\n        } catch (e) {\n            console.error('Noor Vision: applyLanguage failed', e);\n        }\n\n\n\n        \/* ------------------------------------------------------------------\n\n         * Scroll progress bar + header state\n\n         * ------------------------------------------------------------------ *\/\n\n        const progressBar = document.querySelector('[data-progress]');\n\n        const header = document.querySelector('[data-header]');\n\n        let scrollTicking = false;\n\n\n\n        function onScroll() {\n\n            const doc = document.documentElement;\n\n            const scrollTop = window.scrollY || doc.scrollTop;\n\n            const max = (doc.scrollHeight - doc.clientHeight) || 1;\n\n            if (progressBar) progressBar.style.transform = 'scaleX(' + Math.min(1, Math.max(0, scrollTop \/ max)) + ')';\n\n            if (header) header.classList.toggle('is-scrolled', scrollTop > 24);\n\n            scrollTicking = false;\n\n        }\n\n\n\n        window.addEventListener('scroll', () => {\n\n            if (!scrollTicking) {\n\n                requestAnimationFrame(onScroll);\n\n                scrollTicking = true;\n\n            }\n\n        }, {\n            passive: true\n        });\n\n        onScroll();\n\n\n\n        \/* ------------------------------------------------------------------\n\n         * Mobile nav\n\n         * ------------------------------------------------------------------ *\/\n\n        const navToggle = document.querySelector('[data-nav-toggle]');\n\n        const mobilePanel = document.querySelector('[data-mobile-panel]');\n\n\n\n        function closeMobilePanel() {\n\n            if (!mobilePanel) return;\n\n            mobilePanel.classList.remove('is-open');\n\n            if (navToggle) navToggle.setAttribute('aria-expanded', 'false');\n\n        }\n\n\n\n        if (navToggle && mobilePanel) {\n\n            navToggle.addEventListener('click', () => {\n\n                const open = mobilePanel.classList.toggle('is-open');\n\n                navToggle.setAttribute('aria-expanded', String(open));\n\n            });\n\n            mobilePanel.querySelectorAll('a').forEach((a) => a.addEventListener('click', closeMobilePanel));\n\n            document.addEventListener('keydown', (e) => {\n                if (e.key === 'Escape') closeMobilePanel();\n            });\n\n            document.addEventListener('click', (e) => {\n\n                if (!mobilePanel.classList.contains('is-open')) return;\n\n                if (mobilePanel.contains(e.target) || navToggle.contains(e.target)) return;\n\n                closeMobilePanel();\n\n            });\n\n            \/\/ The panel is only reachable below the 1080px breakpoint; if the\n\n            \/\/ viewport grows past it while open, drop the state so the toggle's\n\n            \/\/ aria-expanded never disagrees with what is actually on screen.\n\n            window.addEventListener('resize', () => {\n\n                if (window.innerWidth > 1080) closeMobilePanel();\n\n            });\n\n        }\n\n    } \/\/ end init\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', init);\n    } else {\n        init();\n    }\n})();\n<\/script>\n\n<!--\n  Paste this into the HTML tab only. No find & replace needed: the logo and\n  portrait are served from Cloudinary as absolute URLs, so nothing has to be\n  uploaded to the Media Library first.\n\n  NOTE: this file intentionally contains no <script> tags. Browsers do\n  not execute <script> elements that get inserted via innerHTML (only\n  ones present when a page is actually parsed run) -- which is exactly\n  how most \"Custom HTML\" code blocks render this tab's content. All JS\n  lives in the JavaScript tab instead, since that is the one channel\n  this kind of plugin is built to actually execute as a real script.\n\n  Everything below is wrapped in a single <div class=\"nv-webinar\">. Every\n  selector in css.css is scoped to that class, so none of this page's\n  styling (font\/color, link colors, box-sizing, etc.) can leak out and\n  affect the rest of your WordPress theme\/site. Keep that wrapper --\n  don't unwrap it when pasting.\n-->\n<div class=\"nv-webinar\">\n    <div class=\"progress-bar\" data-progress=\"\"><\/div>\n\n    <div class=\"scroll-blur\" aria-hidden=\"true\">\n        <div><\/div>\n        <div><\/div>\n        <div><\/div>\n        <div><\/div>\n    <\/div>\n\n    <header class=\"site-header\" data-header=\"\">\n        <div class=\"container header-inner\">\n            <a href=\"#top\" class=\"brand\"><img decoding=\"async\"\n                    src=\"https:\/\/res.cloudinary.com\/nilsm0i8\/image\/upload\/v1785703798\/Noor-Vision-Logo-Blue_kdcroe.svg\"\n                    alt=\"Noor Vision\"><\/a>\n            <div class=\"header-right\">\n                <nav class=\"nav-links\" aria-label=\"Hauptnavigation\">\n                    <a href=\"#webinar\" data-i18n=\"nav1\">Webinar<\/a>\n                    <a href=\"#agenda\" data-i18n=\"nav2\">Kernpunkte<\/a>\n                    <a href=\"#referent\" data-i18n=\"nav3\">Referent<\/a>\n                <\/nav>\n                <div class=\"lang-toggle\" role=\"group\" aria-label=\"Sprache\">\n                    <button type=\"button\" data-lang=\"de\" class=\"is-active\">DE<\/button>\n                    <button type=\"button\" data-lang=\"en\">EN<\/button>\n                <\/div>\n                <a href=\"https:\/\/events.teams.microsoft.com\/event\/54b2d4e6-2ac3-489c-b6ed-aa8f18d28ca9@2a863473-760e-4819-a046-aa2241c1bbdc\"\n                    target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-cta\">\n                    <span data-i18n=\"ctaShort\">Jetzt anmelden<\/span>\n                    <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"\n                        stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M14 4h6v6M20 4l-9 9M18 13v5a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h5\"><\/path>\n                    <\/svg>\n                <\/a>\n                <button class=\"nav-toggle\" data-nav-toggle=\"\" aria-label=\"Men\u00fc \u00f6ffnen\" aria-expanded=\"false\"\n                    aria-controls=\"mobile-panel\">\n                    <span><\/span>\n                <\/button>\n            <\/div>\n        <\/div>\n        <div class=\"mobile-panel\" data-mobile-panel=\"\" id=\"mobile-panel\">\n            <div class=\"mobile-panel-inner\">\n                <nav class=\"nav-links\" aria-label=\"Mobile Navigation\">\n                    <a href=\"#webinar\" data-i18n=\"nav1\">Webinar<\/a>\n                    <a href=\"#agenda\" data-i18n=\"nav2\">Kernpunkte<\/a>\n                    <a href=\"#referent\" data-i18n=\"nav3\">Referent<\/a>\n                <\/nav>\n                <div class=\"lang-toggle\" role=\"group\" aria-label=\"Sprache\">\n                    <button type=\"button\" data-lang=\"de\" class=\"is-active\">DE<\/button>\n                    <button type=\"button\" data-lang=\"en\">EN<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <div id=\"top\" style=\"height:0;\" aria-hidden=\"true\"><\/div>\n\n    <section id=\"webinar\" class=\"hero\">\n\n        <div class=\"hero-top\">\n            <div class=\"hero-copy\">\n                <div class=\"eyebrow\">\n                    <div class=\"eyebrow-tag\">\n                        <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                            stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <rect x=\"2.5\" y=\"5\" width=\"14\" height=\"14\" rx=\"2\"><\/rect>\n                            <path d=\"M16.5 10l5-3v10l-5-3z\"><\/path>\n                        <\/svg>\n                        <span data-i18n=\"eyebrowTag\">LIVE-WEBINAR<\/span>\n                    <\/div>\n                    <div class=\"eyebrow-label\" data-i18n=\"eyebrow\">SAP EWM OPERATIONS CONTROL TOWER<\/div>\n                <\/div>\n\n                <h1 class=\"hero-title\">\n                    <span data-i18n=\"titlePre\">Kein <\/span><strong data-i18n=\"titleStrong\">Feuerwehr-Modus<\/strong><span\n                        data-i18n=\"titlePost\"> mehr im Lager.<\/span>\n                <\/h1>\n                <p class=\"hero-sub\" data-i18n=\"heroSub\">Wie Sie operative Herausforderungen faktenbasiert l\u00f6sen, ohne\n                    dass sie\n                    eskalieren.<\/p>\n            <\/div>\n\n            <div class=\"when-card\">\n                <div class=\"when-item\">\n                    <svg width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\n                        stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <rect x=\"3\" y=\"4.5\" width=\"18\" height=\"16\" rx=\"2\"><\/rect>\n                        <path d=\"M3 9h18M8 2.5v4M16 2.5v4\"><\/path>\n                    <\/svg>\n                    <div>\n                        <div class=\"when-label\" data-i18n=\"dateLabel\">Termin<\/div>\n                        <div class=\"when-value\" data-i18n=\"date\">Mi, 9. September 2026<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"when-divider\"><\/div>\n                <div class=\"when-item\">\n                    <svg width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\n                        stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n                        <path d=\"M12 7v5l3 2\"><\/path>\n                    <\/svg>\n                    <div>\n                        <div class=\"when-label\" data-i18n=\"timeLabel\">Uhrzeit<\/div>\n                        <div class=\"when-value\" data-i18n=\"time\">[Uhrzeit] Uhr CEST<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"hero-bottom\">\n            <div class=\"tags-row\">\n                <div class=\"tag-chip\">\n                    <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                        stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M6 3h12M6 21h12M7 3c0 5 5 5 5 9s-5 4-5 9M17 3c0 5-5 5-5 9s5 4 5 9\"><\/path>\n                    <\/svg>\n                    <span data-i18n=\"duration\">30 Minuten<\/span>\n                <\/div>\n                <div class=\"tag-chip\">\n                    <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                        stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n                        <path d=\"M3 12h18M12 3c2.5 2.7 2.5 15.3 0 18M12 3c-2.5 2.7-2.5 15.3 0 18\"><\/path>\n                    <\/svg>\n                    <span data-i18n=\"format\">Online \u00b7 Deutsch<\/span>\n                <\/div>\n                <div class=\"tag-chip\">\n                    <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                        stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M4 6.5h16v11H4zM9 21h6M12 17.5V21\"><\/path>\n                    <\/svg>\n                    <span data-i18n=\"ctaNote\">Anmeldung \u00fcber Microsoft Teams<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"cta-card\">\n                <div class=\"cta-card-text\">\n                    <div class=\"cta-card-tag\">\n                        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                            stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M20 6L9 17l-5-5\"><\/path>\n                        <\/svg>\n                        <span data-i18n=\"regRequired\">Anmeldung erforderlich<\/span>\n                    <\/div>\n                    <div class=\"cta-card-note\" data-i18n=\"regNote\">Kostenlos \u00b7 Pl\u00e4tze begrenzt<\/div>\n                <\/div>\n                <a id=\"anmeldung\"\n                    href=\"https:\/\/events.teams.microsoft.com\/event\/54b2d4e6-2ac3-489c-b6ed-aa8f18d28ca9@2a863473-760e-4819-a046-aa2241c1bbdc\"\n                    target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-cta-lg\">\n                    <span data-i18n=\"ctaShort\">Jetzt anmelden<\/span>\n                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"\n                        stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M14 4h6v6M20 4l-9 9M18 13v5a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h5\"><\/path>\n                    <\/svg>\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <a href=\"#worum\" class=\"scroll-hint\" aria-label=\"Nach unten scrollen\">\n            <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\n                stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M6 9l6 6 6-6\"><\/path>\n            <\/svg>\n        <\/a>\n    <\/section>\n\n    <section id=\"worum\" class=\"section\">\n        <div class=\"container\">\n            <div class=\"section-kicker\">\n                <span class=\"rule\"><\/span>\n                <span class=\"label\" data-i18n=\"aboutEyebrow\">Worum es geht<\/span>\n            <\/div>\n            <h2 class=\"section-title\" data-i18n=\"aboutTitle\">Alarme zeigen Probleme. Priorit\u00e4ten l\u00f6sen sie.<\/h2>\n            <p class=\"section-lede\" data-i18n=\"aboutBody\">Eine Anlieferung wartete 12,2 Stunden auf Freigabe. Gesehen\n                hat es\n                niemand. In 30 Minuten zeigen wir, wie aus Kennzahlen eine klare Reihenfolge wird und warum Reporting\n                allein\n                daf\u00fcr nicht reicht.<\/p>\n\n            <div class=\"cards-grid\">\n                <div class=\"info-card\">\n                    <div class=\"info-card-num\">1<\/div>\n                    <div class=\"info-card-title\">Warum Dashboards nicht priorisieren<\/div>\n                    <div class=\"info-card-body\">Kennzahlenfriedhof, Silo-Kacheln, Bauchgef\u00fchl. Drei Muster, die jede\n                        Schicht\n                        kennt.<\/div>\n                <\/div>\n                <div class=\"info-card\">\n                    <div class=\"info-card-num\">2<\/div>\n                    <div class=\"info-card-title\">Von der St\u00f6rung zur Ma\u00dfnahme<\/div>\n                    <div class=\"info-card-body\">Wie ein Alarm zur richtigen Priorit\u00e4t, Zuweisung und zur n\u00e4chsten\n                        besten Ma\u00dfnahme f\u00fchrt.<\/div>\n                <\/div>\n                <div class=\"info-card\">\n                    <div class=\"info-card-num\">3<\/div>\n                    <div class=\"info-card-title\">Live am Prototyp<\/div>\n                    <div class=\"info-card-body\">Ein Tag im Schichtbetrieb, durchgespielt am Operations Control Tower.\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"agenda\" class=\"section section--soft\">\n        <div class=\"container agenda-grid\">\n            <div class=\"agenda-title-head\">\n                <div class=\"section-kicker\">\n                    <span class=\"rule\"><\/span>\n                    <span class=\"label\" data-i18n=\"agendaEyebrow\">Wichtige Themen<\/span>\n                <\/div>\n                <h2 class=\"section-title\" data-i18n=\"agendaTitle\">Ein Tag im Schichtbetrieb, in 30 Minuten<\/h2>\n            <\/div>\n\n            <div class=\"agenda-list\">\n                <div class=\"agenda-row\">\n                    <div class=\"agenda-num\">\n                        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                            stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path\n                                d=\"M9 4.5h6a1 1 0 0 1 1 1V6h1.5A1.5 1.5 0 0 1 19 7.5v12a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 5 19.5v-12A1.5 1.5 0 0 1 6.5 6H8v-.5a1 1 0 0 1 1-1z\">\n                            <\/path>\n                            <path d=\"M9 13.5l2 2 4-4.5\"><\/path>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"agenda-copy\">\n                        <div class=\"agenda-copy-title\">Wie aus einer St\u00f6rungsmeldung ein konkreter n\u00e4chster Schritt\n                            wird, inklusive Verantwortlichkeit<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"agenda-row\">\n                    <div class=\"agenda-num\">\n                        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                            stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path\n                                d=\"M21 12a8.5 8.5 0 0 1-8.9 8.5c-1.3-.1-2.5-.4-3.6-1L4 21l1.6-4.2A8.4 8.4 0 0 1 4.5 12 8.5 8.5 0 0 1 13 3.5 8.5 8.5 0 0 1 21 12z\">\n                            <\/path>\n                            <path d=\"M8.5 10.5h7M8.5 13.5h4.5\"><\/path>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"agenda-copy\">\n                        <div class=\"agenda-copy-title\">Wie Entscheidungen im Team nachvollziehbar und transparent\n                            kommuniziert werden<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"agenda-row\">\n                    <div class=\"agenda-num\">\n                        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                            stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <rect x=\"3.5\" y=\"3.5\" width=\"7.5\" height=\"7.5\" rx=\"1.2\"><\/rect>\n                            <rect x=\"13\" y=\"3.5\" width=\"7.5\" height=\"7.5\" rx=\"1.2\"><\/rect>\n                            <rect x=\"3.5\" y=\"13\" width=\"7.5\" height=\"7.5\" rx=\"1.2\"><\/rect>\n                            <path d=\"M14.5 20 20.5 14M14.5 14 20.5 20\"><\/path>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"agenda-copy\">\n                        <div class=\"agenda-copy-title\">Warum klassische Dashboards h\u00e4ufig nicht ausreichen<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"agenda-row\">\n                    <div class=\"agenda-num\">\n                        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                            stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <circle cx=\"12\" cy=\"12\" r=\"8.5\"><\/circle>\n                            <path d=\"M10.2 8.3v7.4l6-3.7-6-3.7z\"><\/path>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"agenda-copy\">\n                        <div class=\"agenda-copy-title\">Eine Live-Demonstration unseres Operations Control Tower\n                            Prototyps<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"agenda-row\">\n                    <div class=\"agenda-num\">\n                        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                            stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M12 3 4.5 7v10L12 21l7.5-4V7L12 3z\"><\/path>\n                            <path d=\"M4.5 7 12 11l7.5-4\"><\/path>\n                            <path d=\"M12 11v10\"><\/path>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"agenda-copy\">\n                        <div class=\"agenda-copy-title\">Praxisnahe Einblicke aus dem operativen SAP-EWM-Alltag<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"referent\" class=\"section\">\n        <div class=\"container presenter-grid\">\n            <div class=\"presenter-media\">\n                <div class=\"presenter-photo\">\n                    <img src=\"https:\/\/res.cloudinary.com\/nilsm0i8\/image\/upload\/v1785703680\/dominik-wolters-noor-vision_dghova.webp\"\n                        alt=\"Portrait von Dominik Wolters\" loading=\"lazy\" decoding=\"async\">\n                <\/div>\n            <\/div>\n            <div>\n                <div class=\"section-kicker\">\n                    <span class=\"rule\"><\/span>\n                    <span class=\"label\" data-i18n=\"presenterEyebrow\">Ihr Referent<\/span>\n                <\/div>\n                <h2 class=\"presenter-name\">Dominik Wolters<\/h2>\n                <div class=\"presenter-role\" data-i18n=\"presenterRole\">SAP EWM Consultant, Noor Vision<\/div>\n                <p class=\"presenter-bio\" data-i18n=\"presenterBio\">Dominik Wolters leitet SAP-EWM-Projekte in Industrie,\n                    Handel\n                    und Life Sciences und hat den Operations Control Tower entwickelt. Sein Ausgangspunkt: Alarme werden\n                    l\u00e4ngst\n                    erkannt, die Priorisierung bleibt Bauchgef\u00fchl.<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"cta-band\">\n        <div class=\"container cta-band-inner\">\n            <div class=\"cta-band-copy\">\n                <div class=\"cta-band-title\" data-i18n=\"bandTitle\">Eine Anlieferung ist seit mehreren Stunden in der\n                    Qualit\u00e4tspr\u00fcfung, ohne dass es aktiv bemerkt wurde.<\/div>\n                <div class=\"cta-band-days\">\n                    <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\"\n                        stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M6 3h12M6 21h12M7 3c0 5 5 5 5 9s-5 4-5 9M17 3c0 5-5 5-5 9s5 4 5 9\"><\/path>\n                    <\/svg>\n                    <span data-days-left=\"\">34 Tage bis zur Anmeldefrist<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"cta-band-action\">\n                <a href=\"https:\/\/events.teams.microsoft.com\/event\/54b2d4e6-2ac3-489c-b6ed-aa8f18d28ca9@2a863473-760e-4819-a046-aa2241c1bbdc\"\n                    target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-cta-band\">\n                    <span data-i18n=\"cta\">Zum Webinar anmelden<\/span>\n                    <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"\n                        stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M14 4h6v6M20 4l-9 9M18 13v5a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h5\"><\/path>\n                    <\/svg>\n                <\/a>\n                <div class=\"cta-band-note\" data-i18n=\"ctaNote\">Anmeldung \u00fcber Microsoft Teams<\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <footer id=\"noor\" class=\"site-footer\">\n        <div class=\"container\">\n            <div class=\"footer-grid\">\n                <div class=\"footer-brand\">\n                    <img src=\"https:\/\/res.cloudinary.com\/nilsm0i8\/image\/upload\/v1785703798\/Noor-Vision-Logo-Blue_kdcroe.svg\"\n                        alt=\"Noor Vision\" loading=\"lazy\" decoding=\"async\">\n                    <div class=\"footer-blurb\" data-i18n=\"footerBlurb\">Noor Vision. SAP-Logistics-Partner mit Fokus auf\n                        SAP EWM und\n                        S\/4HANA Supply Chain.<\/div>\n                <\/div>\n                <div>\n                    <div class=\"footer-col-title\" data-i18n=\"footerLinksTitle\">Links<\/div>\n                    <div class=\"footer-links\">\n                        <a href=\"#webinar\" data-i18n=\"nav1\">Webinar<\/a>\n                        <a href=\"#agenda\" data-i18n=\"nav2\">Kernpunkte<\/a>\n                        <a href=\"#\" data-i18n=\"footerLegal\">Impressum &amp; Datenschutz<\/a>\n                    <\/div>\n                <\/div>\n                <div>\n                    <div class=\"footer-col-title\" data-i18n=\"footerContactTitle\">Kontakt<\/div>\n                    <div class=\"footer-contact\">\n                        <a href=\"https:\/\/noor-vision.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">www.noor-vision.com<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"footer-bottom\">\u00a9 2026 Noor Vision GmbH<\/div>\n        <\/div>\n    <\/footer>\n\n<\/div><!-- \/.nv-webinar -->\n","protected":false},"excerpt":{"rendered":"<p>Webinar Kernpunkte Referent DE EN Jetzt anmelden Webinar Kernpunkte Referent DE EN LIVE-WEBINAR SAP EWM OPERATIONS CONTROL TOWER Kein Feuerwehr-Modus mehr im Lager. Wie Sie operative Herausforderungen faktenbasiert l\u00f6sen, ohne dass sie eskalieren. Termin Mi, 9. September 2026 Uhrzeit [Uhrzeit] Uhr CEST 30 Minuten Online \u00b7 Deutsch Anmeldung \u00fcber Microsoft Teams Anmeldung erforderlich Kostenlos \u00b7 [&hellip;]<\/p>\n","protected":false},"author":22,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"..\/public\/views\/revslider-page-template.php","meta":{"footnotes":""},"class_list":["post-15090","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Noor Vision GmbH | Ihr SAP Logistics Partner | EWM \/ WM \/ S\/4 HANA<\/title>\n<meta name=\"description\" content=\"Transforming visions into reality. Noor Vision ber\u00e4t Unternehmen in strategischen Fragen mit einem Fokus auf SAP Implementierung und Spezialisierungen in SAP WM, EWM, LES, YM, TM, SRM.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/noor-vision.com\/nl\/webinar\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Noor Vision GmbH | Ihr SAP Logistics Partner | EWM \/ WM \/ S\/4 HANA\" \/>\n<meta property=\"og:description\" content=\"Transforming visions into reality. Noor Vision ber\u00e4t Unternehmen in strategischen Fragen mit einem Fokus auf SAP Implementierung und Spezialisierungen in SAP WM, EWM, LES, YM, TM, SRM.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/noor-vision.com\/nl\/webinar\/\" \/>\n<meta property=\"og:site_name\" content=\"Noor Vision GmbH\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-11T13:31:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/res.cloudinary.com\/nilsm0i8\/image\/upload\/v1785703680\/dominik-wolters-noor-vision_dghova.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verwachte leestijd\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/noor-vision.com\\\/webinar\\\/\",\"url\":\"https:\\\/\\\/noor-vision.com\\\/webinar\\\/\",\"name\":\"Noor Vision GmbH | Ihr SAP Logistics Partner | EWM \\\/ WM \\\/ S\\\/4 HANA\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/noor-vision.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/noor-vision.com\\\/webinar\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/noor-vision.com\\\/webinar\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/res.cloudinary.com\\\/nilsm0i8\\\/image\\\/upload\\\/v1785703680\\\/dominik-wolters-noor-vision_dghova.webp\",\"datePublished\":\"2026-08-02T21:07:22+00:00\",\"dateModified\":\"2026-08-11T13:31:59+00:00\",\"description\":\"Transforming visions into reality. Noor Vision ber\u00e4t Unternehmen in strategischen Fragen mit einem Fokus auf SAP Implementierung und Spezialisierungen in SAP WM, EWM, LES, YM, TM, SRM.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/noor-vision.com\\\/webinar\\\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/noor-vision.com\\\/webinar\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/noor-vision.com\\\/webinar\\\/#primaryimage\",\"url\":\"https:\\\/\\\/res.cloudinary.com\\\/nilsm0i8\\\/image\\\/upload\\\/v1785703680\\\/dominik-wolters-noor-vision_dghova.webp\",\"contentUrl\":\"https:\\\/\\\/res.cloudinary.com\\\/nilsm0i8\\\/image\\\/upload\\\/v1785703680\\\/dominik-wolters-noor-vision_dghova.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/noor-vision.com\\\/webinar\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/noor-vision.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"webinar\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/noor-vision.com\\\/#website\",\"url\":\"https:\\\/\\\/noor-vision.com\\\/\",\"name\":\"Noor Vision GmbH\",\"description\":\"Transforming visions into reality.\",\"publisher\":{\"@id\":\"https:\\\/\\\/noor-vision.com\\\/#organization\"},\"alternateName\":\"Noor Vision\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/noor-vision.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/noor-vision.com\\\/#organization\",\"name\":\"Noor Vision GmbH\",\"alternateName\":\"Noor Vision\",\"url\":\"https:\\\/\\\/noor-vision.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/noor-vision.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/noor-vision.com\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/cropped-Design-ohne-Titel-2024-05-27T165229.007.png\",\"contentUrl\":\"https:\\\/\\\/noor-vision.com\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/cropped-Design-ohne-Titel-2024-05-27T165229.007.png\",\"width\":512,\"height\":512,\"caption\":\"Noor Vision GmbH\"},\"image\":{\"@id\":\"https:\\\/\\\/noor-vision.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/de.linkedin.com\\\/company\\\/noor-vision-management-consulting\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Noor Vision GmbH | Ihr SAP Logistics Partner | EWM \/ WM \/ S\/4 HANA","description":"Transforming visions into reality. Noor Vision ber\u00e4t Unternehmen in strategischen Fragen mit einem Fokus auf SAP Implementierung und Spezialisierungen in SAP WM, EWM, LES, YM, TM, SRM.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/noor-vision.com\/nl\/webinar\/","og_locale":"nl_NL","og_type":"article","og_title":"Noor Vision GmbH | Ihr SAP Logistics Partner | EWM \/ WM \/ S\/4 HANA","og_description":"Transforming visions into reality. Noor Vision ber\u00e4t Unternehmen in strategischen Fragen mit einem Fokus auf SAP Implementierung und Spezialisierungen in SAP WM, EWM, LES, YM, TM, SRM.","og_url":"https:\/\/noor-vision.com\/nl\/webinar\/","og_site_name":"Noor Vision GmbH","article_modified_time":"2026-08-11T13:31:59+00:00","og_image":[{"url":"https:\/\/res.cloudinary.com\/nilsm0i8\/image\/upload\/v1785703680\/dominik-wolters-noor-vision_dghova.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Verwachte leestijd":"3 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/noor-vision.com\/webinar\/","url":"https:\/\/noor-vision.com\/webinar\/","name":"Noor Vision GmbH | Ihr SAP Logistics Partner | EWM \/ WM \/ S\/4 HANA","isPartOf":{"@id":"https:\/\/noor-vision.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/noor-vision.com\/webinar\/#primaryimage"},"image":{"@id":"https:\/\/noor-vision.com\/webinar\/#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/nilsm0i8\/image\/upload\/v1785703680\/dominik-wolters-noor-vision_dghova.webp","datePublished":"2026-08-02T21:07:22+00:00","dateModified":"2026-08-11T13:31:59+00:00","description":"Transforming visions into reality. Noor Vision ber\u00e4t Unternehmen in strategischen Fragen mit einem Fokus auf SAP Implementierung und Spezialisierungen in SAP WM, EWM, LES, YM, TM, SRM.","breadcrumb":{"@id":"https:\/\/noor-vision.com\/webinar\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/noor-vision.com\/webinar\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/noor-vision.com\/webinar\/#primaryimage","url":"https:\/\/res.cloudinary.com\/nilsm0i8\/image\/upload\/v1785703680\/dominik-wolters-noor-vision_dghova.webp","contentUrl":"https:\/\/res.cloudinary.com\/nilsm0i8\/image\/upload\/v1785703680\/dominik-wolters-noor-vision_dghova.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/noor-vision.com\/webinar\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/noor-vision.com\/"},{"@type":"ListItem","position":2,"name":"webinar"}]},{"@type":"WebSite","@id":"https:\/\/noor-vision.com\/#website","url":"https:\/\/noor-vision.com\/","name":"Noor Vision GmbH","description":"Transforming visions into reality.","publisher":{"@id":"https:\/\/noor-vision.com\/#organization"},"alternateName":"Noor Vision","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/noor-vision.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/noor-vision.com\/#organization","name":"Noor Vision GmbH","alternateName":"Noor Vision","url":"https:\/\/noor-vision.com\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/noor-vision.com\/#\/schema\/logo\/image\/","url":"https:\/\/noor-vision.com\/wp-content\/uploads\/2021\/11\/cropped-Design-ohne-Titel-2024-05-27T165229.007.png","contentUrl":"https:\/\/noor-vision.com\/wp-content\/uploads\/2021\/11\/cropped-Design-ohne-Titel-2024-05-27T165229.007.png","width":512,"height":512,"caption":"Noor Vision GmbH"},"image":{"@id":"https:\/\/noor-vision.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/de.linkedin.com\/company\/noor-vision-management-consulting"]}]}},"_links":{"self":[{"href":"https:\/\/noor-vision.com\/nl\/wp-json\/wp\/v2\/pages\/15090","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/noor-vision.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/noor-vision.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/noor-vision.com\/nl\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/noor-vision.com\/nl\/wp-json\/wp\/v2\/comments?post=15090"}],"version-history":[{"count":43,"href":"https:\/\/noor-vision.com\/nl\/wp-json\/wp\/v2\/pages\/15090\/revisions"}],"predecessor-version":[{"id":15140,"href":"https:\/\/noor-vision.com\/nl\/wp-json\/wp\/v2\/pages\/15090\/revisions\/15140"}],"wp:attachment":[{"href":"https:\/\/noor-vision.com\/nl\/wp-json\/wp\/v2\/media?parent=15090"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}