{"id":24354,"date":"2026-03-20T10:14:19","date_gmt":"2026-03-20T09:14:19","guid":{"rendered":"https:\/\/scheer-pas.com\/en\/?page_id=24354"},"modified":"2026-03-25T11:26:06","modified_gmt":"2026-03-25T10:26:06","slug":"ivan-testing-code-blocks","status":"publish","type":"page","link":"https:\/\/scheer-pas.com\/en\/ivan-testing-code-blocks\/","title":{"rendered":"Ivan Testing Code Blocks"},"content":{"rendered":"<div id=\"pl-24354\"  class=\"panel-layout\" ><div id=\"pg-24354-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-24354-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-24354-0-0-0\" class=\"so-panel widget widget_imc-codeblock-widget panel-first-child panel-last-child\" data-index=\"0\" style=\"\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-imc-codeblock-widget so-widget-imc-codeblock-widget-default-d75171398898-24354\"\n\t\t\t\n\t\t>\n<style>:root {\n  \/* Color scheme (white\/black\/grey\/red only) *\/\n  --bg: #ffffff;\n  --surface: #ffffff;\n  --surface-2: #fafafa;\n  --text: #111111;\n  --muted: #5f5f5f;\n  --muted-2: #8a8a8a;\n  --border: #e9e9e9;\n\n  --accent: #ff3b30;\n  --accent-ink: #ffffff;\n\n  \/* Effects using only black\/red with alpha *\/\n  --shadow: 0 14px 38px rgba(17, 17, 17, 0.12);\n  --shadow-soft: 0 10px 26px rgba(17, 17, 17, 0.08);\n\n  --radius: 18px;\n  --radius-sm: 12px;\n\n  --container: 1120px;\n  --gutter: 20px;\n\n  --header-h: 72px;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nhtml {\n  scroll-behavior: smooth;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  html {\n    scroll-behavior: auto;\n  }\n}\n\nbody {\n  margin: 0;\n  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n  background: var(--bg);\n  color: var(--text);\n  line-height: 1.5;\n}\n\na {\n  color: inherit;\n}\n\n.container {\n  width: min(var(--container), calc(100% - (var(--gutter) * 2)));\n  margin-inline: auto;\n}\n\n.no-scroll {\n  overflow: hidden;\n}\n\n.sr-only {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  padding: 0 !important;\n  margin: -1px !important;\n  overflow: hidden !important;\n  clip: rect(0, 0, 0, 0) !important;\n  white-space: nowrap !important;\n  border: 0 !important;\n}\n\n.skip-link {\n  position: absolute;\n  left: 10px;\n  top: 10px;\n  padding: 10px 12px;\n  border-radius: 10px;\n  background: var(--text);\n  color: var(--bg);\n  transform: translateY(-140%);\n  transition: transform 180ms ease;\n  z-index: 999;\n  text-decoration: none;\n}\n.skip-link:focus {\n  transform: translateY(0);\n}\n\n\/* Buttons *\/\n.btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  gap: 10px;\n  padding: 12px 16px;\n  border-radius: 999px;\n\n  font-weight: 600;\n  font-size: 14px;\n  text-decoration: none;\n\n  border: 1px solid transparent;\n  cursor: pointer;\n\n  transition: transform 160ms ease, box-shadow 160ms ease, background-color 160ms ease,\n    border-color 160ms ease, color 160ms ease;\n  user-select: none;\n}\n\n.btn:active {\n  transform: translateY(1px);\n}\n\n.btn:focus-visible,\n.icon-btn:focus-visible,\n.nav-link:focus-visible,\n.dropdown-link:focus-visible,\n.nav-toggle:focus-visible,\ninput:focus-visible,\ntextarea:focus-visible {\n  outline: 3px solid rgba(255, 59, 48, 0.35);\n  outline-offset: 3px;\n}\n\n.btn-primary {\n  background: var(--accent);\n  border-color: var(--accent);\n  color: var(--accent-ink);\n  box-shadow: 0 10px 22px rgba(255, 59, 48, 0.22);\n}\n.btn-primary:hover {\n  transform: translateY(-1px);\n  box-shadow: 0 14px 30px rgba(255, 59, 48, 0.28);\n}\n\n.btn-outline {\n  background: transparent;\n  border-color: rgba(255, 59, 48, 0.55);\n  color: var(--accent);\n}\n.btn-outline:hover {\n  background: rgba(255, 59, 48, 0.08);\n  border-color: rgba(255, 59, 48, 0.75);\n  transform: translateY(-1px);\n}\n\n.btn-small {\n  padding: 10px 14px;\n  font-size: 13px;\n}\n\n\/* Icon button *\/\n.icon-btn {\n  width: 42px;\n  height: 42px;\n  display: inline-grid;\n  place-items: center;\n  background: transparent;\n  border: 1px solid rgba(17, 17, 17, 0.10);\n  border-radius: 999px;\n  cursor: pointer;\n  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;\n}\n.icon-btn:hover {\n  background: rgba(17, 17, 17, 0.04);\n  border-color: rgba(17, 17, 17, 0.18);\n  transform: translateY(-1px);\n}\n.icon {\n  width: 20px;\n  height: 20px;\n}\n\n\/* Header *\/\n.site-header {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n  background: rgba(255, 255, 255, 0.82);\n  backdrop-filter: blur(12px);\n  border-bottom: 1px solid rgba(17, 17, 17, 0.06);\n}\n\n.scroll-progress {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: -1px;\n  height: 2px;\n  background: rgba(17, 17, 17, 0.06);\n  overflow: hidden;\n}\n.scroll-progress__bar {\n  height: 100%;\n  width: 100%;\n  transform: scaleX(0);\n  transform-origin: left;\n  background: var(--accent);\n  transition: transform 80ms linear;\n}\n\n.header-inner {\n  height: var(--header-h);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 14px;\n}\n\n.brand {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  text-decoration: none;\n  min-width: max-content;\n}\n\n.brand-mark {\n  display: inline-grid;\n  place-items: center;\n  width: 28px;\n  height: 28px;\n  border-radius: 8px;\n  background: rgba(255, 59, 48, 0.12);\n  color: var(--accent);\n  font-weight: 900;\n  letter-spacing: -0.02em;\n}\n\n.brand-text {\n  display: inline-flex;\n  align-items: baseline;\n  gap: 6px;\n  font-weight: 700;\n  letter-spacing: -0.02em;\n}\n.brand-name {\n  font-size: 16px;\n}\n.brand-sub {\n  font-size: 15px;\n  color: rgba(17, 17, 17, 0.60);\n}\n\n\/* Nav *\/\n.nav {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n}\n\n.nav-list {\n  list-style: none;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 0;\n  margin: 0;\n}\n\n.nav-item {\n  position: relative;\n}\n\n.nav-link {\n  border: 0;\n  background: transparent;\n  color: var(--text);\n  font: inherit;\n  font-weight: 500;\n  padding: 10px 10px;\n  border-radius: 999px;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  transition: background-color 160ms ease, transform 160ms ease;\n}\n.nav-link:hover {\n  background: rgba(17, 17, 17, 0.04);\n  transform: translateY(-1px);\n}\n.chevron {\n  width: 16px;\n  height: 16px;\n  transition: transform 180ms ease;\n  opacity: 0.75;\n}\n\n.has-dropdown[data-open=\"true\"] .chevron {\n  transform: rotate(180deg);\n}\n\n\/* Dropdown *\/\n.dropdown {\n  position: absolute;\n  top: calc(100% + 10px);\n  left: 0;\n  width: 240px;\n  background: var(--surface);\n  border: 1px solid var(--border);\n  border-radius: 14px;\n  box-shadow: var(--shadow-soft);\n\n  padding: 8px;\n  opacity: 0;\n  transform: translateY(-6px);\n  pointer-events: none;\n  transition: opacity 180ms ease, transform 180ms ease;\n}\n\n.has-dropdown[data-open=\"true\"] .dropdown {\n  opacity: 1;\n  transform: translateY(0);\n  pointer-events: auto;\n}\n\n.dropdown-link {\n  display: block;\n  padding: 10px 12px;\n  border-radius: 12px;\n  text-decoration: none;\n  color: var(--text);\n  font-weight: 500;\n}\n.dropdown-link:hover {\n  background: rgba(17, 17, 17, 0.04);\n}\n\n.nav-actions {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n}\n\n\/* Mobile nav *\/\n.nav-toggle {\n  display: none;\n  width: 44px;\n  height: 44px;\n  border-radius: 999px;\n  background: transparent;\n  border: 1px solid rgba(17, 17, 17, 0.10);\n  cursor: pointer;\n}\n\n.hamburger {\n  width: 20px;\n  height: 2px;\n  background: var(--text);\n  display: inline-block;\n  position: relative;\n  border-radius: 999px;\n  transition: background-color 160ms ease;\n}\n.hamburger::before,\n.hamburger::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  width: 20px;\n  height: 2px;\n  background: var(--text);\n  border-radius: 999px;\n  transition: transform 200ms ease, top 200ms ease, opacity 200ms ease;\n}\n.hamburger::before {\n  top: -6px;\n}\n.hamburger::after {\n  top: 6px;\n}\n\n.site-header.nav-open .hamburger {\n  background: transparent;\n}\n.site-header.nav-open .hamburger::before {\n  top: 0;\n  transform: rotate(45deg);\n}\n.site-header.nav-open .hamburger::after {\n  top: 0;\n  transform: rotate(-45deg);\n}\n\n.nav-overlay {\n  position: fixed;\n  inset: 0;\n  background: rgba(17, 17, 17, 0.42);\n  z-index: 90;\n}\n\n\/* Hero *\/\n.hero {\n  position: relative;\n  padding-top: calc(var(--header-h) + 50px);\n  padding-bottom: 64px;\n  overflow: hidden;\n}\n\n.hero-bg {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  background:\n    radial-gradient(circle at 20% 10%, rgba(255, 59, 48, 0.10), transparent 56%),\n    radial-gradient(circle at 80% 0%, rgba(17, 17, 17, 0.05), transparent 50%),\n    radial-gradient(circle at 1px 1px, rgba(17, 17, 17, 0.045) 1px, transparent 0) 0 0 \/ 42px 42px;\n}\n\n.hero-inner {\n  position: relative;\n  z-index: 1;\n}\n\n.hero-content {\n  text-align: center;\n  display: grid;\n  justify-items: center;\n  gap: 14px;\n}\n\n.kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  color: rgba(17, 17, 17, 0.86);\n  font-weight: 600;\n}\n\n.kicker-text {\n  letter-spacing: -0.01em;\n}\n\n.hero-title {\n  margin: 0;\n  letter-spacing: -0.04em;\n  line-height: 1.03;\n  font-weight: 800;\n  font-size: clamp(2.4rem, 5vw, 4.6rem);\n}\n\n.hero-lead {\n  margin: 0;\n  max-width: 62ch;\n  color: var(--muted);\n  font-size: clamp(1rem, 1.4vw, 1.125rem);\n}\n\n.hero-cta {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n  margin-top: 8px;\n  justify-content: center;\n}\n\n.hero-trust {\n  margin-top: 24px;\n  display: grid;\n  gap: 10px;\n  justify-items: center;\n}\n\n.trust-label {\n  margin: 0;\n  font-size: 13px;\n  color: var(--muted-2);\n  font-weight: 600;\n}\n\n.trust-logos {\n  display: flex;\n  gap: 10px;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n\n.logo {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px 12px;\n  min-height: 38px;\n  border-radius: 999px;\n  border: 1px solid rgba(17, 17, 17, 0.10);\n  background: rgba(255, 255, 255, 0.78);\n  color: rgba(17, 17, 17, 0.78);\n  font-weight: 700;\n  letter-spacing: 0.02em;\n  text-transform: uppercase;\n  font-size: 12px;\n}\n\n\/* Stats *\/\n.stats {\n  position: relative;\n  z-index: 1;\n  margin-top: 56px;\n}\n\n.stats-grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 18px;\n}\n\n.stat-card {\n  background: var(--surface);\n  border: 1px solid var(--border);\n  border-radius: var(--radius);\n  padding: 20px 20px 18px;\n  box-shadow: 0 8px 22px rgba(17, 17, 17, 0.06);\n  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;\n  min-height: 168px;\n}\n\n.stat-card:hover {\n  transform: translateY(-3px);\n  box-shadow: var(--shadow-soft);\n  border-color: rgba(255, 59, 48, 0.22);\n}\n\n.stat-icon {\n  width: 44px;\n  height: 44px;\n  display: grid;\n  place-items: center;\n  border-radius: 14px;\n  background: rgba(255, 59, 48, 0.10);\n  margin-bottom: 14px;\n}\n\n.stat-svg {\n  width: 26px;\n  height: 26px;\n  stroke: var(--accent);\n  fill: none;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.stat-value {\n  font-weight: 800;\n  letter-spacing: -0.02em;\n  font-size: 34px;\n  margin-bottom: 8px;\n}\n\n.stat-label {\n  margin: 0;\n  color: var(--muted);\n  font-size: 13px;\n  line-height: 1.35;\n}\n\n\/* Dialogs *\/\n.dialog {\n  position: fixed;\n  inset: 0;\n  z-index: 200;\n  display: grid;\n  place-items: center;\n  padding: 20px;\n\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 160ms ease;\n}\n\n.dialog.is-open {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.dialog-backdrop {\n  position: absolute;\n  inset: 0;\n  background: rgba(17, 17, 17, 0.50);\n}\n\n.dialog-panel {\n  position: relative;\n  width: min(640px, 100%);\n  border-radius: var(--radius);\n  background: var(--surface);\n  border: 1px solid var(--border);\n  box-shadow: var(--shadow);\n  padding: 18px;\n}\n\n.dialog-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  padding-bottom: 10px;\n  border-bottom: 1px solid rgba(17, 17, 17, 0.06);\n  margin-bottom: 12px;\n}\n\n.dialog-head h2 {\n  margin: 0;\n  font-size: 16px;\n  letter-spacing: -0.02em;\n}\n\n.dialog-lead {\n  margin: 0 0 14px;\n  color: var(--muted);\n}\n\n\/* Search *\/\n.search-box input {\n  width: 100%;\n  border: 1px solid rgba(17, 17, 17, 0.14);\n  border-radius: 14px;\n  padding: 12px 12px;\n  font: inherit;\n  background: var(--surface);\n}\n\n.search-hint {\n  margin: 10px 0 0;\n  color: var(--muted-2);\n  font-size: 13px;\n}\n\nkbd {\n  font: inherit;\n  font-weight: 700;\n  padding: 2px 7px;\n  border-radius: 10px;\n  border: 1px solid rgba(17, 17, 17, 0.12);\n  background: rgba(17, 17, 17, 0.03);\n  color: rgba(17, 17, 17, 0.78);\n}\n\n.search-results {\n  display: grid;\n  gap: 8px;\n  margin-top: 12px;\n}\n\n.result {\n  display: grid;\n  gap: 2px;\n  padding: 12px;\n  border-radius: 14px;\n  border: 1px solid rgba(17, 17, 17, 0.10);\n  text-decoration: none;\n  transition: border-color 160ms ease, transform 160ms ease, background-color 160ms ease;\n}\n.result:hover {\n  transform: translateY(-1px);\n  border-color: rgba(255, 59, 48, 0.28);\n  background: rgba(255, 59, 48, 0.06);\n}\n.result-title {\n  font-weight: 700;\n}\n.result-desc {\n  color: var(--muted);\n  font-size: 13px;\n}\n.result-empty {\n  padding: 12px;\n  border-radius: 14px;\n  border: 1px dashed rgba(17, 17, 17, 0.18);\n  color: var(--muted);\n}\n\n\/* Form *\/\n.form-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 12px;\n}\n\n.field {\n  display: grid;\n  gap: 6px;\n}\n\n.field-full {\n  grid-column: 1 \/ -1;\n}\n\nlabel {\n  font-size: 13px;\n  font-weight: 600;\n  color: rgba(17, 17, 17, 0.82);\n}\n\ninput,\ntextarea {\n  width: 100%;\n  border: 1px solid rgba(17, 17, 17, 0.14);\n  border-radius: 14px;\n  padding: 12px 12px;\n  font: inherit;\n  background: var(--surface);\n}\n\ntextarea {\n  resize: vertical;\n}\n\n.form-actions {\n  display: flex;\n  gap: 10px;\n  justify-content: flex-end;\n  margin-top: 14px;\n  flex-wrap: wrap;\n}\n\n.form-note {\n  margin: 12px 0 0;\n  color: var(--muted);\n  font-size: 13px;\n}\n\n\/* Reveal animations *\/\n.reveal {\n  opacity: 0;\n  transform: translateY(12px);\n  transition: opacity 620ms ease, transform 620ms ease;\n  transition-delay: var(--delay, 0ms);\n}\n\n.reveal.is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* Responsive *\/\n@media (max-width: 960px) {\n  .nav-toggle {\n    display: inline-grid;\n    place-items: center;\n  }\n\n  .nav {\n    position: fixed;\n    top: var(--header-h);\n    right: 0;\n    bottom: 0;\n    width: min(380px, 92vw);\n    flex-direction: column;\n    align-items: stretch;\n    padding: 16px;\n    background: var(--surface);\n\n    border-left: 1px solid rgba(17, 17, 17, 0.08);\n    box-shadow: var(--shadow);\n\n    transform: translateX(110%);\n    transition: transform 220ms ease;\n    z-index: 110;\n  }\n\n  .nav.is-open {\n    transform: translateX(0);\n  }\n\n  .nav-list {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 6px;\n  }\n\n  .nav-link {\n    justify-content: space-between;\n    width: 100%;\n    padding: 12px 12px;\n    border-radius: 14px;\n  }\n\n  .dropdown {\n    position: static;\n    width: 100%;\n    box-shadow: none;\n    border: 0;\n    padding: 0 0 0 12px;\n\n    opacity: 1;\n    transform: none;\n    pointer-events: auto;\n\n    display: none;\n  }\n  .has-dropdown[data-open=\"true\"] .dropdown {\n    display: block;\n  }\n\n  .dropdown-link {\n    padding: 10px 10px;\n    border-radius: 12px;\n    color: rgba(17, 17, 17, 0.82);\n  }\n\n  .nav-actions {\n    margin-top: auto;\n    padding-top: 14px;\n    border-top: 1px solid rgba(17, 17, 17, 0.06);\n  }\n\n  .stats-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .form-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (max-width: 560px) {\n  .stats-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .stat-value {\n    font-size: 32px;\n  }\n}<\/style>\n\n<div class=\"imc-codeblock cb-e771d528\"\n     style=\"\">\n\t<!doctype html>\n<html lang=\"de\">\n  <head>\n    <meta charset=\"utf-8\" \/>\n    <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\" \/>\n    <meta name=\"color-scheme\" content=\"light\" \/>\n    <title>Agentic Process Orchestration \u2013 Section<\/title>\n\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n    <link\n      href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\"\n      rel=\"stylesheet\"\n    \/>\n\n    <link rel=\"stylesheet\" href=\"styles.css\" \/>\n    <script src=\"script.js\" defer><\/script>\n  <\/head>\n\n  <body>\n    <a class=\"skip-link\" href=\"#main\">Zum Inhalt springen<\/a>\n\n    <!-- Header -->\n    <header class=\"site-header\" data-header>\n      <div class=\"scroll-progress\" aria-hidden=\"true\">\n        <div class=\"scroll-progress__bar\" id=\"scrollProgress\"><\/div>\n      <\/div>\n\n      <div class=\"container header-inner\">\n        <a class=\"brand\" href=\"#\" aria-label=\"Scheer PAS \u2013 Startseite\">\n          <span class=\"brand-mark\" aria-hidden=\"true\">Y<\/span>\n          <span class=\"brand-text\">\n            <span class=\"brand-name\">Scheer<\/span>\n            <span class=\"brand-sub\">PAS<\/span>\n          <\/span>\n        <\/a>\n\n        <button\n          class=\"nav-toggle\"\n          type=\"button\"\n          aria-controls=\"primaryNav\"\n          aria-expanded=\"false\"\n        >\n          <span class=\"sr-only\">Men\u00fc \u00f6ffnen<\/span>\n          <span class=\"hamburger\" aria-hidden=\"true\"><\/span>\n        <\/button>\n\n        <nav id=\"primaryNav\" class=\"nav\" aria-label=\"Hauptnavigation\">\n          <ul class=\"nav-list\">\n            <li class=\"nav-item has-dropdown\" data-open=\"false\">\n              <button\n                class=\"nav-link\"\n                type=\"button\"\n                aria-expanded=\"false\"\n                data-dropdown=\"plattform\"\n              >\n                Plattform\n                <svg class=\"chevron\" viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n                  <path d=\"M4 6l4 4 4-4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/button>\n\n              <div class=\"dropdown\" aria-label=\"Plattform Untermen\u00fc\">\n                <a class=\"dropdown-link\" href=\"#\">\u00dcberblick<\/a>\n                <a class=\"dropdown-link\" href=\"#\">Architektur<\/a>\n                <a class=\"dropdown-link\" href=\"#\">Security<\/a>\n              <\/div>\n            <\/li>\n\n            <li class=\"nav-item has-dropdown\" data-open=\"false\">\n              <button\n                class=\"nav-link\"\n                type=\"button\"\n                aria-expanded=\"false\"\n                data-dropdown=\"loesungen\"\n              >\n                L\u00f6sungen\n                <svg class=\"chevron\" viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n                  <path d=\"M4 6l4 4 4-4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/button>\n\n              <div class=\"dropdown\" aria-label=\"L\u00f6sungen Untermen\u00fc\">\n                <a class=\"dropdown-link\" href=\"#\">Automatisierung<\/a>\n                <a class=\"dropdown-link\" href=\"#\">Integration<\/a>\n                <a class=\"dropdown-link\" href=\"#\">AI Orchestration<\/a>\n              <\/div>\n            <\/li>\n\n            <li class=\"nav-item has-dropdown\" data-open=\"false\">\n              <button\n                class=\"nav-link\"\n                type=\"button\"\n                aria-expanded=\"false\"\n                data-dropdown=\"kunden\"\n              >\n                Kunden\n                <svg class=\"chevron\" viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n                  <path d=\"M4 6l4 4 4-4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/button>\n\n              <div class=\"dropdown\" aria-label=\"Kunden Untermen\u00fc\">\n                <a class=\"dropdown-link\" href=\"#\">Success Stories<\/a>\n                <a class=\"dropdown-link\" href=\"#\">Branchen<\/a>\n                <a class=\"dropdown-link\" href=\"#\">Referenzen<\/a>\n              <\/div>\n            <\/li>\n\n            <li class=\"nav-item has-dropdown\" data-open=\"false\">\n              <button\n                class=\"nav-link\"\n                type=\"button\"\n                aria-expanded=\"false\"\n                data-dropdown=\"ressourcen\"\n              >\n                Ressourcen\n                <svg class=\"chevron\" viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n                  <path d=\"M4 6l4 4 4-4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/button>\n\n              <div class=\"dropdown\" aria-label=\"Ressourcen Untermen\u00fc\">\n                <a class=\"dropdown-link\" href=\"#\">Blog<\/a>\n                <a class=\"dropdown-link\" href=\"#\">Whitepaper<\/a>\n                <a class=\"dropdown-link\" href=\"#\">Webinare<\/a>\n              <\/div>\n            <\/li>\n\n            <li class=\"nav-item has-dropdown\" data-open=\"false\">\n              <button\n                class=\"nav-link\"\n                type=\"button\"\n                aria-expanded=\"false\"\n                data-dropdown=\"unternehmen\"\n              >\n                Unternehmen\n                <svg class=\"chevron\" viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n                  <path d=\"M4 6l4 4 4-4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/button>\n\n              <div class=\"dropdown\" aria-label=\"Unternehmen Untermen\u00fc\">\n                <a class=\"dropdown-link\" href=\"#\">\u00dcber uns<\/a>\n                <a class=\"dropdown-link\" href=\"#\">Karriere<\/a>\n                <a class=\"dropdown-link\" href=\"#\">Kontakt<\/a>\n              <\/div>\n            <\/li>\n          <\/ul>\n\n          <div class=\"nav-actions\">\n            <button\n              class=\"icon-btn\"\n              type=\"button\"\n              id=\"searchOpen\"\n              aria-haspopup=\"dialog\"\n              aria-controls=\"searchDialog\"\n            >\n              <span class=\"sr-only\">Suche \u00f6ffnen<\/span>\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" class=\"icon\">\n                <path\n                  d=\"M10.5 18a7.5 7.5 0 1 1 5.3-12.8A7.5 7.5 0 0 1 10.5 18Z\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"2\"\n                \/>\n                <path\n                  d=\"M16.2 16.2 21 21\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"2\"\n                  stroke-linecap=\"round\"\n                \/>\n              <\/svg>\n            <\/button>\n\n            <a\n              class=\"btn btn-primary btn-small\"\n              href=\"#\"\n              data-modal-open=\"consulting\"\n            >\n              Kostenlose Beratung buchen\n            <\/a>\n          <\/div>\n        <\/nav>\n      <\/div>\n\n      <div class=\"nav-overlay\" data-nav-overlay hidden><\/div>\n    <\/header>\n\n    <main id=\"main\">\n      <!-- Hero -->\n      <section class=\"hero\" aria-labelledby=\"heroTitle\">\n        <div class=\"hero-bg\" aria-hidden=\"true\"><\/div>\n\n        <div class=\"container hero-inner\">\n          <div class=\"hero-content\">\n            <div class=\"kicker reveal\" data-reveal-delay=\"0\">\n              <span class=\"brand-mark\" aria-hidden=\"true\">Y<\/span>\n              <span class=\"kicker-text\"><strong>Scheer<\/strong> PAS<\/span>\n            <\/div>\n\n            <h1 id=\"heroTitle\" class=\"hero-title reveal\" data-reveal-delay=\"80\">\n              Agentic Process<br \/>\n              Orchestration\n            <\/h1>\n\n            <p class=\"hero-lead reveal\" data-reveal-delay=\"160\">\n              Plattform f\u00fcr agentenbasierte Unternehmenstransformation\n            <\/p>\n\n            <div class=\"hero-cta reveal\" data-reveal-delay=\"240\">\n              <a class=\"btn btn-primary\" href=\"#\" data-modal-open=\"consulting\"\n                >Beratung buchen<\/a\n              >\n              <a class=\"btn btn-outline\" href=\"#\" data-modal-open=\"trial\"\n                >Kostenlos testen<\/a\n              >\n            <\/div>\n\n            <div class=\"hero-trust reveal\" data-reveal-delay=\"320\">\n              <p class=\"trust-label\">Diese Kunden vertrauen uns:<\/p>\n              <div class=\"trust-logos\" role=\"list\" aria-label=\"Auswahl an Kunden\">\n                <!-- Monochrome placeholders to keep the same color scheme -->\n                <span role=\"listitem\" class=\"logo\">TOYOTA<\/span>\n                <span role=\"listitem\" class=\"logo\">dodenhof<\/span>\n                <span role=\"listitem\" class=\"logo\">XXXLutz<\/span>\n                <span role=\"listitem\" class=\"logo\">Nikon<\/span>\n                <span role=\"listitem\" class=\"logo\">Kneipp<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Stats -->\n        <div class=\"container stats\">\n          <div class=\"stats-grid\" aria-label=\"Kennzahlen\">\n            <article class=\"stat-card reveal\" data-reveal-delay=\"0\">\n              <div class=\"stat-icon\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 48 48\" class=\"stat-svg\">\n                  <path d=\"M10 16h28\" \/>\n                  <path d=\"M10 32h28\" \/>\n                  <path d=\"M18 16v0\" \/>\n                  <path d=\"M30 32v0\" \/>\n                  <rect x=\"14\" y=\"13\" width=\"8\" height=\"6\" rx=\"2\" \/>\n                  <rect x=\"26\" y=\"29\" width=\"8\" height=\"6\" rx=\"2\" \/>\n                <\/svg>\n              <\/div>\n\n              <div class=\"stat-value\">\n                <span class=\"counter\" data-to=\"1000\" data-format=\"group\" data-suffix=\"+\"\n                  >0<\/span\n                >\n              <\/div>\n\n              <p class=\"stat-label\">T\u00e4glich durchgef\u00fchrte aktive Prozesse<\/p>\n            <\/article>\n\n            <article class=\"stat-card reveal\" data-reveal-delay=\"80\">\n              <div class=\"stat-icon\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 48 48\" class=\"stat-svg\">\n                  <path d=\"M10 34V14\" \/>\n                  <path d=\"M10 34h28\" \/>\n                  <path d=\"M16 28l6-8 6 6 8-12\" \/>\n                  <path d=\"M36 14v8h-8\" \/>\n                <\/svg>\n              <\/div>\n\n              <div class=\"stat-value\">\n                <span class=\"counter\" data-to=\"5\" data-prefix=\"+\" data-suffix=\"X\">0<\/span>\n              <\/div>\n\n              <p class=\"stat-label\">Durchschnittliche Kapitalrendite<\/p>\n            <\/article>\n\n            <article class=\"stat-card reveal\" data-reveal-delay=\"160\">\n              <div class=\"stat-icon\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 48 48\" class=\"stat-svg\">\n                  <circle cx=\"24\" cy=\"26\" r=\"12\" \/>\n                  <path d=\"M24 26l6-4\" \/>\n                  <path d=\"M18 10h12\" \/>\n                  <path d=\"M20 10l-2-4\" \/>\n                  <path d=\"M28 10l2-4\" \/>\n                <\/svg>\n              <\/div>\n\n              <div class=\"stat-value\">\n                <span class=\"counter\" data-to=\"10\" data-suffix=\"X\">0<\/span>\n              <\/div>\n\n              <p class=\"stat-label\">Schneller als manuelle Codierung<\/p>\n            <\/article>\n\n            <article class=\"stat-card reveal\" data-reveal-delay=\"240\">\n              <div class=\"stat-icon\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 48 48\" class=\"stat-svg\">\n                  <rect x=\"12\" y=\"10\" width=\"24\" height=\"10\" rx=\"3\" \/>\n                  <rect x=\"12\" y=\"22\" width=\"24\" height=\"10\" rx=\"3\" \/>\n                  <rect x=\"12\" y=\"34\" width=\"24\" height=\"4\" rx=\"2\" \/>\n                  <path d=\"M18 15h0\" \/>\n                  <path d=\"M18 27h0\" \/>\n                  <path d=\"M30 15h0\" \/>\n                  <path d=\"M30 27h0\" \/>\n                <\/svg>\n              <\/div>\n\n              <div class=\"stat-value\">\n                <span\n                  class=\"counter\"\n                  data-to=\"100\"\n                  data-prefix=\"+\"\n                  data-suffix=\"Mrd. \u20ac\"\n                  >0<\/span\n                >\n              <\/div>\n\n              <p class=\"stat-label\">Datenverarbeitung pro Jahr<\/p>\n            <\/article>\n          <\/div>\n        <\/div>\n      <\/section>\n    <\/main>\n\n    <!-- Search Dialog -->\n    <div class=\"dialog\" id=\"searchDialog\" aria-hidden=\"true\">\n      <div class=\"dialog-backdrop\" data-dialog-close><\/div>\n\n      <div class=\"dialog-panel\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"searchTitle\">\n        <div class=\"dialog-head\">\n          <h2 id=\"searchTitle\">Suche<\/h2>\n\n          <button class=\"icon-btn\" type=\"button\" data-dialog-close aria-label=\"Suche schlie\u00dfen\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" class=\"icon\">\n              <path\n                d=\"M6 6l12 12M18 6 6 18\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n              \/>\n            <\/svg>\n          <\/button>\n        <\/div>\n\n        <div class=\"search-box\">\n          <label class=\"sr-only\" for=\"searchInput\">Suchbegriff<\/label>\n          <input\n            id=\"searchInput\"\n            type=\"search\"\n            placeholder=\"Suchen\u2026 (z.B. Plattform, L\u00f6sungen, Kunden)\"\n            autocomplete=\"off\"\n            data-autofocus\n          \/>\n          <p class=\"search-hint\">\n            Shortcut: <kbd>\/<\/kbd> oder <kbd>Ctrl<\/kbd>+<kbd>K<\/kbd> \u00b7 Schlie\u00dfen: <kbd>Esc<\/kbd>\n          <\/p>\n        <\/div>\n\n        <div class=\"search-results\" id=\"searchResults\" aria-live=\"polite\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- CTA Modal -->\n    <div class=\"dialog\" id=\"actionDialog\" aria-hidden=\"true\">\n      <div class=\"dialog-backdrop\" data-dialog-close><\/div>\n\n      <div class=\"dialog-panel\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"actionTitle\">\n        <div class=\"dialog-head\">\n          <h2 id=\"actionTitle\">Kontakt<\/h2>\n\n          <button class=\"icon-btn\" type=\"button\" data-dialog-close aria-label=\"Dialog schlie\u00dfen\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" class=\"icon\">\n              <path\n                d=\"M6 6l12 12M18 6 6 18\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n              \/>\n            <\/svg>\n          <\/button>\n        <\/div>\n\n        <p class=\"dialog-lead\" id=\"actionLead\"><\/p>\n\n        <form class=\"form\" id=\"actionForm\">\n          <div class=\"form-grid\">\n            <div class=\"field\">\n              <label for=\"name\">Name<\/label>\n              <input id=\"name\" name=\"name\" type=\"text\" autocomplete=\"name\" required \/>\n            <\/div>\n\n            <div class=\"field\">\n              <label for=\"email\">E-Mail<\/label>\n              <input id=\"email\" name=\"email\" type=\"email\" autocomplete=\"email\" required \/>\n            <\/div>\n\n            <div class=\"field field-full\">\n              <label for=\"message\">Nachricht<\/label>\n              <textarea id=\"message\" name=\"message\" rows=\"4\" required><\/textarea>\n            <\/div>\n          <\/div>\n\n          <div class=\"form-actions\">\n            <button class=\"btn btn-primary\" type=\"submit\" id=\"actionSubmit\">Absenden<\/button>\n            <button class=\"btn btn-outline\" type=\"button\" data-dialog-close>Abbrechen<\/button>\n          <\/div>\n\n          <p class=\"form-note\" id=\"formNote\" aria-live=\"polite\"><\/p>\n        <\/form>\n      <\/div>\n    <\/div>\n  <\/body>\n<\/html><\/div>\n\n<script>\n(function () {\n\t\/* __root scopes querySelector calls to this widget instance *\/\n\tvar __root = document.querySelector( '.cb-e771d528' );\n\tconst UPDATES = [\n  {\n    id: \"2026-03-05-analytics-widgets\",\n    title: \"New```js\n(() => {\n  const prefersReducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n  const header = document.querySelector(\"[data-header]\");\n  const nav = document.getElementById(\"primaryNav\");\n  const navToggle = document.querySelector(\".nav-toggle\");\n  const navOverlay = document.querySelector(\"[data-nav-overlay]\");\n  const progressBar = document.getElementById(\"scrollProgress\");\n\n  const searchDialog = document.getElementById(\"searchDialog\");\n  const searchOpenBtn = document.getElementById(\"searchOpen\");\n  const searchInput = document.getElementById(\"searchInput\");\n  const searchResults = document.getElementById(\"searchResults\");\n\n  const actionDialog = document.getElementById(\"actionDialog\");\n  const actionTitle = document.getElementById(\"actionTitle\");\n  const actionLead = document.getElementById(\"actionLead\");\n  const actionForm = document.getElementById(\"actionForm\");\n  const actionSubmit = document.getElementById(\"actionSubmit\");\n  const formNote = document.getElementById(\"formNote\");\n  const messageEl = document.getElementById(\"message\");\n\n  const dropdownButtons = Array.from(document.querySelectorAll(\".has-dropdown > .nav-link[data-dropdown]\"));\n\n  const pages = [\n    { title: \"Plattform\", desc: \"\u00dcberblick, Architektur, Security\", href: \"#\" },\n    { title: \"L\u00f6sungen\", desc: \"Automatisierung, Integration, AI Orchestration\", href: \"#\" },\n    { title: \"Kunden\", desc: \"Success Stories, Branchen, Referenzen\", href: \"#\" },\n    { title: \"Ressourcen\", desc: \"Blog, Whitepaper, Webinare\", href: \"#\" },\n    { title: \"Unternehmen\", desc: \"\u00dcber uns, Karriere, Kontakt\", href: \"#\" }\n  ];\n\n  const modalCopy = {\n    consulting: {\n      title: \"Kostenlose Beratung buchen\",\n      lead: \"Sag uns kurz, worum es geht \u2013 wir melden uns mit Terminvorschl\u00e4gen.\",\n      cta: \"Anfrage senden\",\n      placeholder: \"Ich interessiere mich f\u00fcr\u2026\"\n    },\n    trial: {\n      title: \"Kostenlos testen\",\n      lead: \"Erhalte Zugriff auf eine Demo \u2013 unverbindlich und ohne Risiko.\",\n      cta: \"Zugang anfordern\",\n      placeholder: \"Welche Prozesse m\u00f6chtest du automatisieren?\"\n    }\n  };\n\n  function anyDialogOpen() {\n    return Boolean(document.querySelector(\".dialog.is-open\"));\n  }\n\n  function updateScrollLock() {\n    const shouldLock = nav.classList.contains(\"is-open\") || anyDialogOpen();\n    document.body.classList.toggle(\"no-scroll\", shouldLock);\n  }\n\n  \/* Scroll progress *\/\n  function updateProgress() {\n    const scrollTop = window.scrollY || document.documentElement.scrollTop;\n    const docHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n    const p = docHeight > 0 ? scrollTop \/ docHeight : 0;\n    progressBar.style.transform = `scaleX(${p})`;\n  }\n  updateProgress();\n  window.addEventListener(\"scroll\", updateProgress, { passive: true });\n\n  \/* Nav open\/close *\/\n  function openNav() {\n    nav.classList.add(\"is-open\");\n    header.classList.add(\"nav-open\");\n    navToggle.setAttribute(\"aria-expanded\", \"true\");\n    navOverlay.hidden = false;\n    updateScrollLock();\n  }\n\n  function closeNav() {\n    nav.classList.remove(\"is-open\");\n    header.classList.remove(\"nav-open\");\n    navToggle.setAttribute(\"aria-expanded\", \"false\");\n    navOverlay.hidden = true;\n    closeAllDropdowns();\n    updateScrollLock();\n  }\n\n  navToggle?.addEventListener(\"click\", () => {\n    if (nav.classList.contains(\"is-open\")) closeNav();\n    else openNav();\n  });\n\n  navOverlay?.addEventListener(\"click\", closeNav);\n\n  window.addEventListener(\"resize\", () => {\n    if (window.innerWidth > 960) {\n      navOverlay.hidden = true;\n      nav.classList.remove(\"is-open\");\n      header.classList.remove(\"nav-open\");\n      navToggle.setAttribute(\"aria-expanded\", \"false\");\n      updateScrollLock();\n    }\n  });\n\n  \/* Dropdowns *\/\n  function closeAllDropdowns(exceptBtn = null) {\n    dropdownButtons.forEach((btn) => {\n      if (btn === exceptBtn) return;\n      const item = btn.closest(\".has-dropdown\");\n      item.dataset.open = \"false\";\n      btn.setAttribute(\"aria-expanded\", \"false\");\n    });\n  }\n\n  dropdownButtons.forEach((btn) => {\n    btn.addEventListener(\"click\", (e) => {\n      e.preventDefault();\n      const item = btn.closest(\".has-dropdown\");\n      const isOpen = item.dataset.open === \"true\";\n\n      closeAllDropdowns(btn);\n\n      item.dataset.open = String(!isOpen);\n      btn.setAttribute(\"aria-expanded\", String(!isOpen));\n    });\n  });\n\n  document.addEventListener(\"click\", (e) => {\n    const insideNav = e.target.closest(\".nav\");\n    const isToggle = e.target.closest(\".nav-toggle\");\n    if (!insideNav && !isToggle) closeAllDropdowns();\n  });\n\n  \/* Dialog helpers *\/\n  function openDialog(dialog) {\n    dialog.classList.add(\"is-open\");\n    dialog.setAttribute(\"aria-hidden\", \"false\");\n    updateScrollLock();\n\n    const focusTarget =\n      dialog.querySelector(\"[data-autofocus]\") ||\n      dialog.querySelector(\"input, textarea, button, a[href]\");\n    if (focusTarget) setTimeout(() => focusTarget.focus(), 0);\n  }\n\n  function closeDialog(dialog) {\n    if (!dialog.classList.contains(\"is-open\")) return;\n    dialog.classList.remove(\"is-open\");\n    dialog.setAttribute(\"aria-hidden\", \"true\");\n    updateScrollLock();\n  }\n\n  function wireDialogClose(dialog) {\n    dialog.querySelectorAll(\"[data-dialog-close]\").forEach((el) => {\n      el.addEventListener(\"click\", () => closeDialog(dialog));\n    });\n\n    dialog.addEventListener(\"click\", (e) => {\n      if (e.target.classList.contains(\"dialog-backdrop\")) closeDialog(dialog);\n    });\n  }\n\n  wireDialogClose(searchDialog);\n  wireDialogClose(actionDialog);\n\n  \/* ESC closes everything *\/\n  document.addEventListener(\"keydown\", (e) => {\n    if (e.key !== \"Escape\") return;\n\n    closeAllDropdowns();\n    closeNav();\n    closeDialog(searchDialog);\n    closeDialog(actionDialog);\n  });\n\n  \/* Focus trap inside dialogs *\/\n  document.querySelectorAll(\".dialog\").forEach((dialog) => {\n    dialog.addEventListener(\"keydown\", (e) => {\n      if (e.key !== \"Tab\") return;\n      if (!dialog.classList.contains(\"is-open\")) return;\n\n      const focusables = dialog.querySelectorAll(\n        'a[href], button:not([disabled]), input:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])'\n      );\n      if (!focusables.length) return;\n\n      const first = focusables[0];\n      const last = focusables[focusables.length - 1];\n\n      if (e.shiftKey && document.activeElement === first) {\n        e.preventDefault();\n        last.focus();\n      } else if (!e.shiftKey && document.activeElement === last) {\n        e.preventDefault();\n        first.focus();\n      }\n    });\n  });\n\n  \/* Search dialog *\/\n  function renderResults(query) {\n    const q = query.trim().toLowerCase();\n    const results = !q\n      ? pages\n      : pages.filter((p) => `${p.title} ${p.desc}`.toLowerCase().includes(q));\n\n    if (!results.length) {\n      searchResults.innerHTML = `<div class=\"result-empty\">Keine Treffer.<\/div>`;\n      return;\n    }\n\n    searchResults.innerHTML = results\n      .slice(0, 8)\n      .map(\n        (r) => `\n        <a class=\"result\" href=\"${r.href}\">\n          <span class=\"result-title\">${r.title}<\/span>\n          <span class=\"result-desc\">${r.desc}<\/span>\n        <\/a>\n      `\n      )\n      .join(\"\");\n  }\n\n  searchOpenBtn?.addEventListener(\"click\", () => {\n    closeNav(); \/\/ nicer on mobile\n    openDialog(searchDialog);\n    renderResults(\"\");\n  });\n\n  searchInput?.addEventListener(\"input\", (e) => renderResults(e.target.value));\n\n  searchResults?.addEventListener(\"click\", (e) => {\n    const link = e.target.closest(\"a.result\");\n    if (link) closeDialog(searchDialog);\n  });\n\n  \/* Keyboard shortcuts: \/ or Ctrl\/Cmd + K *\/\n  document.addEventListener(\"keydown\", (e) => {\n    const active = document.activeElement;\n    const isTyping =\n      active && (active.tagName === \"INPUT\" || active.tagName === \"TEXTAREA\" || active.isContentEditable);\n\n    if (isTyping) return;\n\n    if (e.key === \"\/\" && !e.ctrlKey && !e.metaKey && !e.altKey) {\n      e.preventDefault();\n      closeNav();\n      openDialog(searchDialog);\n      renderResults(\"\");\n    }\n\n    if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === \"k\") {\n      e.preventDefault();\n      closeNav();\n      openDialog(searchDialog);\n      renderResults(\"\");\n    }\n  });\n\n  \/* CTA modal open *\/\n  document.querySelectorAll(\"[data-modal-open]\").forEach((el) => {\n    el.addEventListener(\"click\", (e) => {\n      e.preventDefault();\n      const key = el.dataset.modalOpen || \"consulting\";\n      const copy = modalCopy[key] || modalCopy.consulting;\n\n      actionTitle.textContent = copy.title;\n      actionLead.textContent = copy.lead;\n      actionSubmit.textContent = copy.cta;\n      messageEl.placeholder = copy.placeholder;\n\n      formNote.textContent = \"\";\n      actionForm.reset();\n\n      closeNav();\n      openDialog(actionDialog);\n      document.getElementById(\"name\")?.focus();\n    });\n  });\n\n  \/* Fake form submit (replace with your backend) *\/\n  actionForm?.addEventListener(\"submit\", (e) => {\n    e.preventDefault();\n\n    actionSubmit.disabled = true;\n    const original = actionSubmit.textContent;\n    actionSubmit.textContent = \"Senden\u2026\";\n\n    setTimeout(() => {\n      actionSubmit.disabled = false;\n      actionSubmit.textContent = original;\n      formNote.textContent =\n        \"Danke! (Demo) Formular abgesendet \u2013 ersetze dies durch deine Backend-Integration.\";\n    }, 700);\n  });\n\n  \/* Reveal animations *\/\n  const revealEls = document.querySelectorAll(\".reveal\");\n  revealEls.forEach((el) => {\n    const delay = el.getAttribute(\"data-reveal-delay\");\n    if (delay) el.style.setProperty(\"--delay\", `${delay}ms`);\n  });\n\n  if (!prefersReducedMotion && \"IntersectionObserver\" in window) {\n    const io = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (!entry.isIntersecting) return;\n          entry.target.classList.add(\"is-visible\");\n          io.unobserve(entry.target);\n        });\n      },\n      { threshold: 0.14 }\n    );\n\n    revealEls.forEach((el) => io.observe(el));\n  } else {\n    revealEls.forEach((el) => el.classList.add(\"is-visible\"));\n  }\n\n  \/* Counters *\/\n  function formatValue(value, format) {\n    const v = Math.round(value);\n    if (format === \"group\") return v.toLocaleString(\"de-DE\");\n    return String(v);\n  }\n\n  function animateCounter(el) {\n    if (el.dataset.animated === \"true\") return;\n    el.dataset.animated = \"true\";\n\n    const to = Number(el.dataset.to || \"0\");\n    const prefix = el.dataset.prefix || \"\";\n    const suffix = el.dataset.suffix || \"\";\n    const format = el.dataset.format || \"plain\";\n\n    if (prefersReducedMotion) {\n      el.textContent = `${prefix}${formatValue(to, format)}${suffix}`;\n      return;\n    }\n\n    const duration = 1100;\n    const start = performance.now();\n\n    const easeOutCubic = (t) => 1 - Math.pow(1 - t, 3);\n\n    function frame(now) {\n      const t = Math.min(1, (now - start) \/ duration);\n      const eased = easeOutCubic(t);\n      const current = to * eased;\n\n      el.textContent = `${prefix}${formatValue(current, format)}${suffix}`;\n\n      if (t < 1) requestAnimationFrame(frame);\n    }\n\n    requestAnimationFrame(frame);\n  }\n\n  const counters = document.querySelectorAll(\".counter\");\n  if (\"IntersectionObserver\" in window) {\n    const cio = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (!entry.isIntersecting) return;\n          animateCounter(entry.target);\n          cio.unobserve(entry.target);\n        });\n      },\n      { threshold: 0.6 }\n    );\n    counters.forEach((c) => cio.observe(c));\n  } else {\n    counters.forEach(animateCounter);\n  }\n})(); analytics widgets for faster insights\",\n    date: \"2026-03-05\",\n    category: \"release\",\n    product: \"Analytics & Reporting\",\n    version: \"v7.14\",\n    summary:\n      \"A refreshed set of dashboard widgets to help admins monitor adoption, completion and compliance at a glance.\",\n    highlights: [\n      \"New widget: completion trends by organizational unit\",\n      \"Export charts as PNG for stakeholder decks\",\n      \"Improved performance for large datasets\",\n    ],\n    more:\n      \"If you use custom dashboards, re-check widget permissions after the update. No breaking changes expected.\",\n    docUrl: \"#\",\n  },\n  {\n    id: \"2026-02-18-maintenance-window\",\n    title: \"Planned maintenance window (EU region)\",\n    date: \"2026-02-18\",\n    category: \"maintenance\",\n    product: \"Platform\",\n    version: \"\u2014\",\n    summary:\n      \"Scheduled service maintenance for infrastructure updates. Short interruptions may occur.\",\n    highlights: [\n      \"Window: 23:00\u201302:00 CET\",\n      \"Possible brief login interruptions\",\n      \"No data loss expected\",\n    ],\n    more:\n      \"We recommend avoiding high-stakes exam sessions during this time window.\",\n    docUrl: \"#\",\n  },\n  {\n    id: \"2026-02-02-security-hardening\",\n    title: \"Security hardening: stronger password policy options\",\n    date: \"2026-02-02\",\n    category: \"security\",\n    product: \"Identity & Access\",\n    version: \"v7.13\",\n    summary:\n      \"New optional password controls for enterprises with stricter internal requirements.\",\n    highlights: [\n      \"Configurable minimum length and complexity rules\",\n      \"Optional password expiration reminders\",\n      \"Audit log entries for policy changes\",\n    ],\n    more:\n      \"If you rely on SSO only, these settings may have no user-facing effect. Review with your IAM team.\",\n    docUrl: \"#\",\n  },\n  {\n    id: \"2026-01-22-webinar-release-walkthrough\",\n    title: \"Webinar: Release walkthrough + admin Q&A\",\n    date: \"2026-01-22\",\n    category: \"webinar\",\n    product: \"Learning Suite LMS\",\n    version: \"v7.13\",\n    summary:\n      \"Join our product team for a guided tour of the latest features and configuration tips.\",\n    highlights: [\n      \"Live demo of the new reporting views\",\n      \"Admin configuration best practices\",\n      \"Open Q&A at the end\",\n    ],\n    more:\n      \"If you can\u2019t attend live, register anyway to receive the recording.\",\n    docUrl: \"#\",\n  },\n  {\n    id: \"2026-01-10-announcement-ui-refresh\",\n    title: \"Announcement: UI refresh for admin navigation\",\n    date: \"2026-01-10\",\n    category: \"announcement\",\n    product: \"Admin Experience\",\n    version: \"v7.13\",\n    summary:\n      \"We\u2019ve refined the admin navigation structure to reduce clicks and improve findability.\",\n    highlights: [\n      \"Clearer grouping of catalog, users and reporting areas\",\n      \"Improved keyboard navigation and focus states\",\n      \"No changes to permissions model\",\n    ],\n    more:\n      \"Update your internal admin guides\/screenshots. URLs remain compatible.\",\n    docUrl: \"#\",\n  },\n  {\n    id: \"2025-12-12-release-ms-teams-integration\",\n    title: \"Integration: improved Microsoft Teams notifications\",\n    date: \"2025-12-12\",\n    category: \"release\",\n    product: \"Integrations\",\n    version: \"v7.12\",\n    summary:\n      \"More granular notification templates and better mapping for team\/channel routing.\",\n    highlights: [\n      \"Separate templates for reminders vs. completions\",\n      \"Optional deep links directly into course pages\",\n      \"Admin test message tool\",\n    ],\n    more:\n      \"Requires re-consent in Microsoft admin center if your tenant policies changed recently.\",\n    docUrl: \"#\",\n  },\n  {\n    id: \"2025-11-28-maintenance-db-upgrade\",\n    title: \"Maintenance: database upgrade (performance)\",\n    date: \"2025-11-28\",\n    category: \"maintenance\",\n    product: \"Platform\",\n    version: \"\u2014\",\n    summary:\n      \"Infrastructure update to improve reliability and speed for peak usage periods.\",\n    highlights: [\n      \"Rolling upgrade with minimal disruption\",\n      \"Improved report generation times\",\n      \"Post-upgrade monitoring for 48 hours\",\n    ],\n    more:\n      \"If you notice anomalies, capture timestamps and share them with support to speed up diagnostics.\",\n    docUrl: \"#\",\n  },\n  {\n    id: \"2025-11-03-security-csp\",\n    title: \"Security: Content Security Policy (CSP) updates\",\n    date: \"2025-11-03\",\n    category: \"security\",\n    product: \"Platform Security\",\n    version: \"v7.11\",\n    summary:\n      \"We tightened default CSP headers to reduce the risk of XSS in embedded contexts.\",\n    highlights: [\n      \"Safer defaults for script and frame sources\",\n      \"Improved reporting mode support for testing\",\n      \"Updated documentation for custom domains\",\n    ],\n    more:\n      \"If you embed the LMS in portals, validate your allowed frame sources after the change.\",\n    docUrl: \"#\",\n  },\n  {\n    id: \"2025-10-14-release-learning-paths\",\n    title: \"Learning paths: improved prerequisites and sequencing\",\n    date: \"2025-10-14\",\n    category: \"release\",\n    product: \"Learning Experience\",\n    version: \"v7.10\",\n    summary:\n      \"New sequencing rules and clearer prerequisite messaging for learners.\",\n    highlights: [\n      \"Conditional availability based on completion\",\n      \"Better progress indicators\",\n      \"Admin preview for path flow\",\n    ],\n    more:\n      \"Existing paths remain valid. New sequencing options are opt-in per path.\",\n    docUrl: \"#\",\n  },\n  {\n    id: \"2025-09-29-announcement-api-changes\",\n    title: \"Announcement: API deprecations (advance notice)\",\n    date: \"2025-09-29\",\n    category: \"announcement\",\n    product: \"Developer API\",\n    version: \"\u2014\",\n    summary:\n      \"We\u2019re deprecating several legacy endpoints. New endpoints provide clearer semantics and better pagination.\",\n    highlights: [\n      \"Deprecation window: 6 months\",\n      \"New endpoints support cursor pagination\",\n      \"Migration guide available in docs\",\n    ],\n    more:\n      \"If you maintain integrations, schedule a review and update your client code accordingly.\",\n    docUrl: \"#\",\n  },\n  {\n    id: \"2025-09-05-webinar-admin-best-practices\",\n    title: \"Webinar: Admin best practices for enterprise rollouts\",\n    date: \"2025-09-05\",\n    category: \"webinar\",\n    product: \"Enablement\",\n    version: \"\u2014\",\n    summary:\n      \"A practical session on governance, permissions, catalogs, and reporting for large organizations.\",\n    highlights: [\n      \"Governance patterns that scale\",\n      \"Reporting checklist for compliance\",\n      \"Common rollout pitfalls\",\n    ],\n    more:\n      \"Bring your questions\u2014this session includes examples from real enterprise scenarios.\",\n    docUrl: \"#\",\n  },\n];\n\nconst CATEGORY_META = {\n  release: { label: \"Release notes\", badgeClass: \"badge--release\" },\n  maintenance: { label: \"Maintenance\", badgeClass: \"badge--maintenance\" },\n  security: { label: \"Security\", badgeClass: \"badge--security\" },\n  webinar: { label: \"Webinar\", badgeClass: \"badge--webinar\" },\n  announcement: { label: \"Announcement\", badgeClass: \"badge--announcement\" },\n};\n\nconst state = {\n  query: \"\",\n  category: \"all\",\n  product: \"all\",\n  sort: \"newest\",\n  view: \"cards\",\n  pageSize: 6,\n  visibleCount: 6,\n};\n\nconst els = {\n  year: document.getElementById(\"year\"),\n  navToggle: document.getElementById(\"navToggle\"),\n  navList: document.getElementById(\"navList\"),\n\n  searchInput: document.getElementById(\"searchInput\"),\n  categorySelect: document.getElementById(\"categorySelect\"),\n  productSelect: document.getElementById(\"productSelect\"),\n  sortSelect: document.getElementById(\"sortSelect\"),\n  resetBtn: document.getElementById(\"resetBtn\"),\n\n  updatesList: document.getElementById(\"updatesList\"),\n  resultCount: document.getElementById(\"resultCount\"),\n  loadMoreBtn: document.getElementById(\"loadMoreBtn\"),\n  loadMoreInfo: document.getElementById(\"loadMoreInfo\"),\n\n  updateTemplate: document.getElementById(\"updateTemplate\"),\n\n  subscribeForm: document.getElementById(\"subscribeForm\"),\n  subscribeMsg: document.getElementById(\"subscribeMsg\"),\n\n  backToTop: document.getElementById(\"backToTop\"),\n};\n\nfunction uniq(arr) {\n  return Array.from(new Set(arr));\n}\n\nfunction formatDate(iso) {\n  const dt = new Date(iso + \"T00:00:00\");\n  return new Intl.DateTimeFormat(undefined, {\n    year: \"numeric\",\n    month: \"short\",\n    day: \"2-digit\",\n  }).format(dt);\n}\n\nfunction normalize(str) {\n  return (str || \"\").toLowerCase().trim();\n}\n\nfunction applyFilters(items) {\n  const q = normalize(state.query);\n\n  let out = items.filter((it) => {\n    const matchesCategory = state.category === \"all\" || it.category === state.category;\n    const matchesProduct = state.product === \"all\" || it.product === state.product;\n\n    const matchesQuery =\n      q.length === 0 ||\n      normalize(it.title).includes(q) ||\n      normalize(it.summary).includes(q) ||\n      normalize(it.product).includes(q) ||\n      normalize(it.version).includes(q) ||\n      (it.highlights || []).some((h) => normalize(h).includes(q));\n\n    return matchesCategory && matchesProduct && matchesQuery;\n  });\n\n  out.sort((a, b) => {\n    const da = new Date(a.date).getTime();\n    const db = new Date(b.date).getTime();\n    return state.sort === \"newest\" ? db - da : da - db;\n  });\n\n  return out;\n}\n\nfunction setView(view) {\n  state.view = view;\n\n  els.updatesList.classList.toggle(\"updates--cards\", view === \"cards\");\n  els.updatesList.classList.toggle(\"updates--compact\", view === \"compact\");\n\n  document.querySelectorAll(\"[data-view]\").forEach((btn) => {\n    const active = btn.dataset.view === view;\n    btn.classList.toggle(\"is-active\", active);\n    btn.setAttribute(\"aria-pressed\", String(active));\n  });\n}\n\nfunction createUpdateCard(item) {\n  const fragment = els.updateTemplate.content.cloneNode(true);\n  const card = fragment.querySelector(\".update-card\");\n\n  card.id = `update-${item.id}`;\n  card.dataset.updateId = item.id;\n\n  const badge = fragment.querySelector(\"[data-badge]\");\n  const meta = CATEGORY_META[item.category] || { label: item.category, badgeClass: \"\" };\n  badge.textContent = meta.label;\n  badge.classList.add(meta.badgeClass);\n\n  fragment.querySelector(\"[data-product]\").textContent = item.product;\n  fragment.querySelector(\"[data-version]\").textContent = item.version || \"\u2014\";\n\n  const time = fragment.querySelector(\"[data-date]\");\n  time.textContent = formatDate(item.date);\n  time.setAttribute(\"datetime\", item.date);\n\n  fragment.querySelector(\"[data-title]\").textContent = item.title;\n  fragment.querySelector(\"[data-summary]\").textContent = item.summary;\n\n  const docLink = fragment.querySelector(\"[data-doclink]\");\n  docLink.href = item.docUrl || \"#\";\n\n  const details = fragment.querySelector(\"[data-details]\");\n  const toggleBtn = fragment.querySelector('[data-action=\"toggle\"]');\n\n  \/\/ a11y wiring\n  const detailsId = `details-${item.id}`;\n  details.id = detailsId;\n  toggleBtn.setAttribute(\"aria-controls\", detailsId);\n\n  const ul = fragment.querySelector(\"[data-highlights]\");\n  ul.innerHTML = \"\";\n  (item.highlights || []).forEach((h) => {\n    const li = document.createElement(\"li\");\n    li.textContent = h;\n    ul.appendChild(li);\n  });\n\n  fragment.querySelector(\"[data-more]\").textContent = item.more || \"\";\n\n  return fragment;\n}\n\nfunction render() {\n  const filtered = applyFilters(UPDATES);\n  const total = filtered.length;\n\n  \/\/ Ensure visibleCount doesn't exceed total\n  state.visibleCount = Math.min(state.visibleCount, total);\n\n  const visible = filtered.slice(0, state.visibleCount);\n\n  els.updatesList.innerHTML = \"\";\n\n  if (total === 0) {\n    els.resultCount.textContent = \"0\";\n    els.loadMoreBtn.hidden = true;\n    els.loadMoreInfo.textContent = \"No updates match your filters.\";\n    const empty = document.createElement(\"div\");\n    empty.className = \"update-card\";\n    empty.innerHTML = `\n      <h3 style=\"margin-top:0\">No results<\/h3>\n      <p class=\"muted\" style=\"margin-bottom:0\">\n        Try a different keyword, reset filters, or switch to \u201cAll\u201d categories.\n      <\/p>\n    `;\n    els.updatesList.appendChild(empty);\n    return;\n  }\n\n  visible.forEach((item) => els.updatesList.appendChild(createUpdateCard(item)));\n\n  els.resultCount.textContent = String(total);\n\n  const canLoadMore = state.visibleCount < total;\n  els.loadMoreBtn.hidden = !canLoadMore;\n  els.loadMoreInfo.textContent = canLoadMore\n    ? `Showing ${visible.length} of ${total}`\n    : `Showing all ${total}`;\n\n  \/\/ If hash points to a card, auto-expand it after render\n  autoExpandFromHash();\n}\n\nfunction autoExpandFromHash() {\n  const hash = window.location.hash || \"\";\n  if (!hash.startsWith(\"#update-\")) return;\n\n  const card = document.querySelector(hash);\n  if (!card) return;\n\n  const details = card.querySelector(\"[data-details]\");\n  const toggleBtn = card.querySelector('[data-action=\"toggle\"]');\n  if (!details || !toggleBtn) return;\n\n  \/\/ Open it\n  if (details.hidden) {\n    details.hidden = false;\n    toggleBtn.setAttribute(\"aria-expanded\", \"true\");\n    toggleBtn.textContent = \"Show less\";\n  }\n\n  \/\/ Scroll into view gently\n  card.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n}\n\nfunction debounce(fn, delay = 200) {\n  let t = null;\n  return (...args) => {\n    window.clearTimeout(t);\n    t = window.setTimeout(() => fn(...args), delay);\n  };\n}\n\nfunction resetFilters() {\n  state.query = \"\";\n  state.category = \"all\";\n  state.product = \"all\";\n  state.sort = \"newest\";\n  state.visibleCount = state.pageSize;\n\n  els.searchInput.value = \"\";\n  els.categorySelect.value = \"all\";\n  els.productSelect.value = \"all\";\n  els.sortSelect.value = \"newest\";\n\n  render();\n}\n\nfunction copyLinkToUpdate(cardId) {\n  const url = `${window.location.origin}${window.location.pathname}#${cardId}`;\n  const fallback = () => {\n    \/\/ Fallback prompt for browsers w\/o clipboard access\n    window.prompt(\"Copy this link:\", url);\n  };\n\n  if (!navigator.clipboard || !navigator.clipboard.writeText) {\n    fallback();\n    return;\n  }\n\n  navigator.clipboard.writeText(url).catch(fallback);\n}\n\nfunction initProductSelect() {\n  const products = uniq(UPDATES.map((u) => u.product)).sort();\n  products.forEach((p) => {\n    const opt = document.createElement(\"option\");\n    opt.value = p;\n    opt.textContent = p;\n    els.productSelect.appendChild(opt);\n  });\n}\n\nfunction initQuickFilters() {\n  document.querySelectorAll(\"[data-quick-filter]\").forEach((link) => {\n    link.addEventListener(\"click\", () => {\n      const cat = link.dataset.quickFilter;\n      state.category = cat;\n      els.categorySelect.value = cat;\n\n      \/\/ Reset visible count so user sees first page of the category\n      state.visibleCount = state.pageSize;\n      render();\n    });\n  });\n}\n\nfunction initViewToggle() {\n  document.querySelectorAll(\"[data-view]\").forEach((btn) => {\n    btn.addEventListener(\"click\", () => {\n      setView(btn.dataset.view);\n    });\n  });\n}\n\nfunction initCardInteractions() {\n  els.updatesList.addEventListener(\"click\", (e) => {\n    const actionBtn = e.target.closest(\"[data-action]\");\n    if (!actionBtn) return;\n\n    const card = actionBtn.closest(\".update-card\");\n    if (!card) return;\n\n    if (actionBtn.dataset.action === \"toggle\") {\n      const details = card.querySelector(\"[data-details]\");\n      const isOpen = !details.hidden;\n\n      details.hidden = isOpen;\n      actionBtn.setAttribute(\"aria-expanded\", String(!isOpen));\n      actionBtn.textContent = isOpen ? \"Read more\" : \"Show less\";\n\n      \/\/ Set the hash when opening so it\u2019s shareable\n      if (!isOpen) {\n        window.history.replaceState(null, \"\", `#${card.id}`);\n      }\n    }\n\n    if (actionBtn.dataset.action === \"copy\") {\n      copyLinkToUpdate(card.id);\n    }\n  });\n}\n\nfunction initLoadMore() {\n  els.loadMoreBtn.addEventListener(\"click\", () => {\n    state.visibleCount += state.pageSize;\n    render();\n  });\n}\n\nfunction initSearchKeyboardShortcut() {\n  window.addEventListener(\"keydown\", (e) => {\n    \/\/ Focus search when pressing \/\n    if (e.key === \"\/\" && !e.metaKey && !e.ctrlKey && !e.altKey) {\n      const target = e.target;\n      const isTyping =\n        target &&\n        (target.tagName === \"INPUT\" ||\n          target.tagName === \"TEXTAREA\" ||\n          target.isContentEditable);\n      if (!isTyping) {\n        e.preventDefault();\n        els.searchInput.focus();\n      }\n    }\n  });\n}\n\nfunction initSubscribeForm() {\n  els.subscribeForm.addEventListener(\"submit\", (e) => {\n    e.preventDefault();\n\n    const email = document.getElementById(\"emailInput\");\n    const consent = document.getElementById(\"consentInput\");\n\n    \/\/ Basic front-end validation\n    const valid = email.checkValidity() && consent.checked;\n\n    if (!valid) {\n      els.subscribeMsg.textContent =\n        \"Please enter a valid email and confirm consent.\";\n      return;\n    }\n\n    \/\/ Demo only (no backend)\n    els.subscribeMsg.textContent =\n      \"Thanks \u2014 you\u2019re subscribed (demo behavior). Connect this form to your email system\/API.\";\n\n    \/\/ Optional: clear\n    \/\/ els.subscribeForm.reset();\n  });\n}\n\nfunction initMobileNav() {\n  if (!els.navToggle) return;\n\n  els.navToggle.addEventListener(\"click\", () => {\n    const isOpen = els.navList.classList.toggle(\"is-open\");\n    els.navToggle.setAttribute(\"aria-expanded\", String(isOpen));\n  });\n\n  \/\/ Close on outside click\n  document.addEventListener(\"click\", (e) => {\n    const withinNav = e.target.closest(\".primary-nav\");\n    if (withinNav) return;\n\n    if (els.navList.classList.contains(\"is-open\")) {\n      els.navList.classList.remove(\"is-open\");\n      els.navToggle.setAttribute(\"aria-expanded\", \"false\");\n    }\n  });\n}\n\nfunction initBackToTop() {\n  const onScroll = () => {\n    const show = window.scrollY > 650;\n    els.backToTop.classList.toggle(\"is-visible\", show);\n  };\n\n  window.addEventListener(\"scroll\", onScroll, { passive: true });\n  onScroll();\n\n  els.backToTop.addEventListener(\"click\", () => {\n    window.scrollTo({ top: 0, behavior: \"smooth\" });\n  });\n}\n\nfunction initFilters() {\n  els.searchInput.addEventListener(\n    \"input\",\n    debounce(() => {\n      state.query = els.searchInput.value;\n      state.visibleCount = state.pageSize;\n      render();\n    }, 180)\n  );\n\n  els.categorySelect.addEventListener(\"change\", () => {\n    state.category = els.categorySelect.value;\n    state.visibleCount = state.pageSize;\n    render();\n  });\n\n  els.productSelect.addEventListener(\"change\", () => {\n    state.product = els.productSelect.value;\n    state.visibleCount = state.pageSize;\n    render();\n  });\n\n  els.sortSelect.addEventListener(\"change\", () => {\n    state.sort = els.sortSelect.value;\n    render();\n  });\n\n  els.resetBtn.addEventListener(\"click\", resetFilters);\n}\n\nfunction init() {\n  els.year.textContent = String(new Date().getFullYear());\n\n  initProductSelect();\n  initQuickFilters();\n  initViewToggle();\n  initCardInteractions();\n  initLoadMore();\n  initFilters();\n  initSearchKeyboardShortcut();\n  initSubscribeForm();\n  initMobileNav();\n  initBackToTop();\n\n  setView(\"cards\");\n  render();\n\n  \/\/ If user arrives with a hash, ensure it expands after the initial render\n  window.addEventListener(\"hashchange\", () => {\n    autoExpandFromHash();\n  });\n}\n\ninit();}());\n<\/script>\n<\/div><\/div><\/div><\/div><div id=\"pg-24354-1\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-24354-1-0\"  class=\"panel-grid-cell\" ><div id=\"panel-24354-1-0-0\" class=\"so-panel widget widget_imc-codeblock-widget panel-first-child panel-last-child\" data-index=\"1\" style=\"\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-imc-codeblock-widget so-widget-imc-codeblock-widget-default-d75171398898-24354\"\n\t\t\t\n\t\t>\n<style>\/* -----------------------------\n   Brand palette (adjust here)\n   ----------------------------- *\/\n:root {\n  \/* Replace these with the exact Scheer IMC corporate hex values if you have them *\/\n  --brand-navy: #0b2a4a;\n  --brand-blue: #0a66c2;\n  --brand-cyan: #20b8d6;\n\n  --ink: #0f172a;\n  --muted: #475569;\n\n  --bg: #f6f8fb;\n  --card: #ffffff;\n  --border: rgba(15, 23, 42, 0.14);\n\n  --shadow-sm: 0 6px 18px rgba(2, 6, 23, 0.08);\n  --shadow-md: 0 14px 40px rgba(2, 6, 23, 0.12);\n\n  --radius: 16px;\n  --radius-sm: 12px;\n\n  --container: 1120px;\n  --focus: rgba(32, 184, 214, 0.55);\n\n  --space-1: 6px;\n  --space-2: 10px;\n  --space-3: 14px;\n  --space-4: 18px;\n  --space-5: 24px;\n  --space-6: 36px;\n  --space-7: 52px;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nhtml {\n  color-scheme: light;\n  scroll-behavior: smooth;\n}\n\nbody {\n  margin: 0;\n  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n  background: var(--bg);\n  color: var(--ink);\n  line-height: 1.55;\n}\n\nimg,\nsvg {\n  display: block;\n  max-width: 100%;\n}\n\na {\n  color: inherit;\n  text-decoration: none;\n}\n\na:hover {\n  text-decoration: underline;\n}\n\n.container {\n  width: min(var(--container), calc(100% - 2 * var(--space-5)));\n  margin-inline: auto;\n}\n\n.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.muted {\n  color: var(--muted);\n}\n\n.h5 {\n  margin: 0 0 var(--space-2);\n  font-size: 1.05rem;\n}\n\n\/* Skip link *\/\n.skip-link {\n  position: absolute;\n  left: 12px;\n  top: 12px;\n  padding: 10px 12px;\n  border-radius: 10px;\n  background: var(--card);\n  border: 1px solid var(--border);\n  box-shadow: var(--shadow-sm);\n  transform: translateY(-160%);\n  transition: transform 180ms ease;\n  z-index: 9999;\n}\n\n.skip-link:focus {\n  transform: translateY(0);\n  outline: none;\n  box-shadow: 0 0 0 4px var(--focus), var(--shadow-sm);\n}\n\n\/* Focus *\/\n:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 4px var(--focus);\n  border-radius: 10px;\n}\n\n\/* -----------------------------\n   Header\n   ----------------------------- *\/\n.site-header {\n  position: sticky;\n  top: 0;\n  z-index: 1000;\n  border-bottom: 1px solid rgba(15, 23, 42, 0.08);\n  background: rgba(246, 248, 251, 0.86);\n  backdrop-filter: blur(10px);\n}\n\n.header-inner {\n  display: flex;\n  align-items: center;\n  gap: var(--space-4);\n  padding: 14px 0;\n}\n\n.brand {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  font-weight: 700;\n  letter-spacing: -0.02em;\n}\n\n.brand-mark {\n  width: 34px;\n  height: 34px;\n  border-radius: 10px;\n  background: linear-gradient(135deg, var(--brand-navy), var(--brand-blue), var(--brand-cyan));\n  box-shadow: var(--shadow-sm);\n}\n\n.brand-name {\n  font-size: 1.05rem;\n}\n\n.primary-nav {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.nav-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  gap: var(--space-4);\n  align-items: center;\n}\n\n.nav-list a {\n  padding: 10px 10px;\n  border-radius: 10px;\n  font-weight: 600;\n  color: rgba(15, 23, 42, 0.86);\n  text-decoration: none;\n}\n\n.nav-list a[aria-current=\"page\"] {\n  background: rgba(32, 184, 214, 0.12);\n  color: var(--ink);\n}\n\n.nav-list a:hover {\n  background: rgba(15, 23, 42, 0.06);\n  text-decoration: none;\n}\n\n.header-actions {\n  display: flex;\n  gap: 10px;\n  align-items: center;\n}\n\n.nav-toggle {\n  display: none;\n  align-items: center;\n  gap: 10px;\n  border: 1px solid var(--border);\n  background: var(--card);\n  border-radius: 12px;\n  padding: 10px 12px;\n  font-weight: 700;\n}\n\n.nav-toggle__icon {\n  width: 18px;\n  height: 12px;\n  border-top: 2px solid var(--ink);\n  border-bottom: 2px solid var(--ink);\n  position: relative;\n}\n\n.nav-toggle__icon::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 4px;\n  width: 100%;\n  border-top: 2px solid var(--ink);\n}\n\n\/* -----------------------------\n   Buttons\n   ----------------------------- *\/\n.btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  border-radius: 12px;\n  padding: 10px 14px;\n  font-weight: 700;\n  border: 1px solid transparent;\n  cursor: pointer;\n  user-select: none;\n  text-decoration: none;\n  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease;\n}\n\n.btn:hover {\n  transform: translateY(-1px);\n  text-decoration: none;\n}\n\n.btn--primary {\n  background: linear-gradient(135deg, var(--brand-blue), var(--brand-cyan));\n  color: white;\n  box-shadow: var(--shadow-sm);\n}\n\n.btn--primary:hover {\n  box-shadow: var(--shadow-md);\n}\n\n.btn--ghost {\n  background: rgba(255, 255, 255, 0.7);\n  border-color: rgba(15, 23, 42, 0.16);\n  color: var(--ink);\n}\n\n.btn--ghost:hover {\n  background: var(--card);\n}\n\n.btn--soft {\n  background: rgba(32, 184, 214, 0.12);\n  border-color: rgba(32, 184, 214, 0.24);\n  color: var(--ink);\n}\n\n.btn--link {\n  padding: 0;\n  background: transparent;\n  border: 0;\n  color: var(--brand-blue);\n  font-weight: 800;\n}\n\n.btn--link:hover {\n  text-decoration: underline;\n  transform: none;\n}\n\n.btn--sm {\n  padding: 8px 10px;\n  border-radius: 10px;\n  font-weight: 800;\n}\n\n\/* Icon buttons *\/\n.icon-btn {\n  width: 44px;\n  height: 44px;\n  border-radius: 12px;\n  display: inline-grid;\n  place-items: center;\n  border: 1px solid rgba(15, 23, 42, 0.14);\n  background: rgba(255, 255, 255, 0.7);\n  cursor: pointer;\n}\n\n.icon-btn svg {\n  width: 20px;\n  height: 20px;\n}\n\n.icon-btn:hover {\n  background: var(--card);\n}\n\n.icon-btn.is-active {\n  background: rgba(32, 184, 214, 0.12);\n  border-color: rgba(32, 184, 214, 0.35);\n}\n\n.icon-btn--sm {\n  width: 38px;\n  height: 38px;\n  border-radius: 11px;\n}\n\n\/* -----------------------------\n   Hero\n   ----------------------------- *\/\n.hero {\n  padding: clamp(34px, 6vw, 72px) 0;\n  background: radial-gradient(\n      900px 420px at 20% 15%,\n      rgba(32, 184, 214, 0.24),\n      transparent 60%\n    ),\n    radial-gradient(700px 420px at 90% 10%, rgba(10, 102, 194, 0.26), transparent 50%),\n    linear-gradient(135deg, var(--brand-navy) 0%, #103b66 40%, #07304e 100%);\n  color: rgba(255, 255, 255, 0.92);\n  position: relative;\n  overflow: hidden;\n}\n\n.hero::after {\n  content: \"\";\n  position: absolute;\n  inset: -200px -300px auto auto;\n  width: 560px;\n  height: 560px;\n  background: radial-gradient(circle at 30% 30%, rgba(32, 184, 214, 0.3), transparent 60%);\n  transform: rotate(10deg);\n  pointer-events: none;\n}\n\n.hero-grid {\n  display: grid;\n  grid-template-columns: 1.25fr 0.75fr;\n  gap: var(--space-6);\n  align-items: start;\n}\n\n.breadcrumbs ol {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  list-style: none;\n  padding: 0;\n  margin: 0 0 var(--space-4);\n  color: rgba(255, 255, 255, 0.8);\n  font-weight: 600;\n}\n\n.breadcrumbs a {\n  color: rgba(255, 255, 255, 0.9);\n  text-decoration: none;\n}\n\n.breadcrumbs a:hover {\n  text-decoration: underline;\n}\n\n.breadcrumbs li:not(:last-child)::after {\n  content: \"\u203a\";\n  margin-left: 10px;\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.hero h1 {\n  margin: 0 0 var(--space-3);\n  font-size: clamp(2rem, 4vw, 3rem);\n  letter-spacing: -0.03em;\n  line-height: 1.08;\n}\n\n.hero-lead {\n  margin: 0 0 var(--space-5);\n  font-size: 1.06rem;\n  color: rgba(255, 255, 255, 0.84);\n}\n\n.hero-cta {\n  display: flex;\n  gap: 12px;\n  flex-wrap: wrap;\n  margin-bottom: var(--space-5);\n}\n\n.hero-kpis {\n  margin: 0;\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: var(--space-4);\n  padding: 0;\n}\n\n.kpi {\n  background: rgba(255, 255, 255, 0.08);\n  border: 1px solid rgba(255, 255, 255, 0.12);\n  border-radius: var(--radius);\n  padding: 14px;\n}\n\n.kpi dt {\n  font-weight: 800;\n  margin-bottom: 4px;\n}\n\n.kpi dd {\n  margin: 0;\n  color: rgba(255, 255, 255, 0.78);\n  font-weight: 600;\n}\n\n.hero-panel__card {\n  background: rgba(255, 255, 255, 0.92);\n  color: var(--ink);\n  border-radius: var(--radius);\n  padding: var(--space-5);\n  border: 1px solid rgba(15, 23, 42, 0.12);\n  box-shadow: var(--shadow-md);\n}\n\n.hero-panel__actions {\n  display: flex;\n  gap: 12px;\n  flex-wrap: wrap;\n  margin-top: var(--space-4);\n}\n\n.hero-panel__note {\n  margin-top: var(--space-4);\n  padding: 12px 12px;\n  border-radius: 12px;\n  background: rgba(32, 184, 214, 0.12);\n  border: 1px solid rgba(32, 184, 214, 0.22);\n  color: rgba(15, 23, 42, 0.86);\n}\n\n\/* -----------------------------\n   Sections\n   ----------------------------- *\/\n.section-head {\n  margin: var(--space-7) 0 var(--space-5);\n}\n\n.section-head--split {\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: var(--space-4);\n}\n\n.section-head h2 {\n  margin: 0 0 6px;\n  font-size: clamp(1.35rem, 2.4vw, 1.85rem);\n  letter-spacing: -0.02em;\n}\n\n.section-head p {\n  margin: 0;\n}\n\n\/* Quick links *\/\n.quick-links {\n  padding: var(--space-6) 0 0;\n}\n\n.quick-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: var(--space-4);\n}\n\n.quick-card {\n  display: flex;\n  align-items: center;\n  gap: var(--space-4);\n  padding: var(--space-5);\n  border-radius: var(--radius);\n  background: var(--card);\n  border: 1px solid rgba(15, 23, 42, 0.12);\n  box-shadow: var(--shadow-sm);\n  transition: transform 160ms ease, box-shadow 160ms ease;\n}\n\n.quick-card:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--shadow-md);\n  text-decoration: none;\n}\n\n.quick-card__icon {\n  width: 44px;\n  height: 44px;\n  border-radius: 14px;\n  display: grid;\n  place-items: center;\n  background: linear-gradient(135deg, rgba(10, 102, 194, 0.16), rgba(32, 184, 214, 0.16));\n  border: 1px solid rgba(10, 102, 194, 0.14);\n  color: var(--brand-blue);\n}\n\n.quick-card__icon svg {\n  width: 22px;\n  height: 22px;\n}\n\n.quick-card__body h3 {\n  margin: 0 0 4px;\n  font-size: 1.1rem;\n  letter-spacing: -0.01em;\n}\n\n.quick-card__body p {\n  margin: 0;\n}\n\n.quick-card__arrow {\n  margin-left: auto;\n  font-weight: 900;\n  color: rgba(15, 23, 42, 0.6);\n}\n\n\/* Filters *\/\n.filters {\n  display: grid;\n  grid-template-columns: 1.6fr 1fr 1fr 0.9fr auto;\n  gap: var(--space-4);\n  padding: var(--space-4);\n  border-radius: var(--radius);\n  background: rgba(255, 255, 255, 0.8);\n  border: 1px solid rgba(15, 23, 42, 0.12);\n  box-shadow: var(--shadow-sm);\n  backdrop-filter: blur(8px);\n}\n\n.filters__actions {\n  display: flex;\n  align-items: end;\n}\n\n.field {\n  display: grid;\n  gap: 8px;\n}\n\n.field__label {\n  font-weight: 800;\n  font-size: 0.9rem;\n  color: rgba(15, 23, 42, 0.86);\n}\n\n.field input,\n.field select {\n  width: 100%;\n  border-radius: 12px;\n  border: 1px solid rgba(15, 23, 42, 0.18);\n  padding: 11px 12px;\n  background: var(--card);\n  font: inherit;\n}\n\n.field--search .field__control {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.field__icon {\n  position: absolute;\n  left: 12px;\n  display: grid;\n  place-items: center;\n  color: rgba(15, 23, 42, 0.52);\n}\n\n.field__icon svg {\n  width: 18px;\n  height: 18px;\n}\n\n.field--search input {\n  padding-left: 38px;\n}\n\n.results-bar {\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n  gap: var(--space-4);\n  margin: var(--space-4) 0 var(--space-4);\n}\n\nkbd {\n  padding: 2px 8px;\n  border-radius: 9px;\n  border: 1px solid rgba(15, 23, 42, 0.2);\n  background: rgba(255, 255, 255, 0.7);\n  font-weight: 800;\n  font-size: 0.9rem;\n}\n\n\/* Updates list *\/\n.updates {\n  margin-top: var(--space-4);\n}\n\n.updates--cards {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: var(--space-4);\n}\n\n.update-card {\n  border-radius: var(--radius);\n  background: var(--card);\n  border: 1px solid rgba(15, 23, 42, 0.12);\n  box-shadow: var(--shadow-sm);\n  padding: var(--space-5);\n  transition: transform 160ms ease, box-shadow 160ms ease;\n}\n\n.update-card:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--shadow-md);\n}\n\n.update-card__meta {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  align-items: center;\n  margin-bottom: var(--space-3);\n}\n\n.meta {\n  font-weight: 700;\n  font-size: 0.9rem;\n  color: rgba(15, 23, 42, 0.66);\n}\n\n.update-card__title {\n  margin: 0 0 10px;\n  font-size: 1.1rem;\n  letter-spacing: -0.01em;\n  line-height: 1.25;\n}\n\n.update-card__summary {\n  margin: 0;\n  color: rgba(15, 23, 42, 0.78);\n}\n\n.update-card__footer {\n  display: flex;\n  gap: 10px;\n  align-items: center;\n  margin-top: var(--space-4);\n}\n\n.update-card__details {\n  margin-top: var(--space-4);\n}\n\n.update-card__more {\n  margin: 10px 0 0;\n}\n\n.divider {\n  height: 1px;\n  background: rgba(15, 23, 42, 0.1);\n  margin: 10px 0 12px;\n}\n\n.bullets {\n  margin: 0;\n  padding-left: 18px;\n}\n\n.bullets li {\n  margin: 6px 0;\n}\n\n\/* Badge system *\/\n.badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 10px;\n  border-radius: 999px;\n  font-weight: 900;\n  font-size: 0.78rem;\n  letter-spacing: 0.02em;\n  text-transform: uppercase;\n  border: 1px solid transparent;\n}\n\n.badge--release {\n  background: rgba(10, 102, 194, 0.12);\n  border-color: rgba(10, 102, 194, 0.22);\n  color: #0a4d8d;\n}\n\n.badge--maintenance {\n  background: rgba(2, 132, 199, 0.12);\n  border-color: rgba(2, 132, 199, 0.22);\n  color: #075985;\n}\n\n.badge--security {\n  background: rgba(220, 38, 38, 0.1);\n  border-color: rgba(220, 38, 38, 0.22);\n  color: #991b1b;\n}\n\n.badge--webinar {\n  background: rgba(124, 58, 237, 0.12);\n  border-color: rgba(124, 58, 237, 0.22);\n  color: #5b21b6;\n}\n\n.badge--announcement {\n  background: rgba(15, 23, 42, 0.06);\n  border-color: rgba(15, 23, 42, 0.14);\n  color: rgba(15, 23, 42, 0.75);\n}\n\n\/* Load more *\/\n.load-more {\n  margin: var(--space-5) 0 var(--space-7);\n  display: grid;\n  justify-items: center;\n  gap: 10px;\n}\n\n\/* Compact view *\/\n.updates--compact {\n  display: block;\n}\n\n.updates--compact .update-card {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  gap: var(--space-4);\n  align-items: start;\n  padding: var(--space-4);\n  margin-bottom: var(--space-3);\n}\n\n.updates--compact .update-card__footer {\n  margin-top: 0;\n  justify-content: flex-end;\n}\n\n.updates--compact .update-card:hover {\n  transform: none;\n}\n\n\/* Resources *\/\n.resource-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: var(--space-4);\n  margin-bottom: var(--space-7);\n}\n\n.resource-card {\n  padding: var(--space-5);\n  border-radius: var(--radius);\n  background: var(--card);\n  border: 1px solid rgba(15, 23, 42, 0.12);\n  box-shadow: var(--shadow-sm);\n  transition: transform 160ms ease, box-shadow 160ms ease;\n}\n\n.resource-card:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--shadow-md);\n  text-decoration: none;\n}\n\n.resource-card h3 {\n  margin: 0 0 10px;\n}\n\n.resource-card p {\n  margin: 0 0 14px;\n}\n\n.resource-card__meta {\n  font-weight: 900;\n  color: var(--brand-blue);\n}\n\n\/* Subscribe *\/\n.subscribe {\n  padding: var(--space-7) 0;\n  background: radial-gradient(\n      700px 420px at 15% 25%,\n      rgba(32, 184, 214, 0.15),\n      transparent 55%\n    ),\n    linear-gradient(180deg, rgba(10, 102, 194, 0.06), rgba(255, 255, 255, 0));\n  border-top: 1px solid rgba(15, 23, 42, 0.06);\n}\n\n.subscribe-grid {\n  display: grid;\n  grid-template-columns: 1.1fr 0.9fr;\n  gap: var(--space-6);\n  align-items: start;\n}\n\n.checklist {\n  list-style: none;\n  padding: 0;\n  margin: var(--space-4) 0 0;\n  display: grid;\n  gap: 10px;\n}\n\n.checklist li {\n  padding-left: 28px;\n  position: relative;\n  font-weight: 700;\n  color: rgba(15, 23, 42, 0.8);\n}\n\n.checklist li::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 7px;\n  width: 18px;\n  height: 18px;\n  border-radius: 6px;\n  background: linear-gradient(135deg, var(--brand-blue), var(--brand-cyan));\n  box-shadow: var(--shadow-sm);\n}\n\n.subscribe-form {\n  background: rgba(255, 255, 255, 0.78);\n  border: 1px solid rgba(15, 23, 42, 0.12);\n  border-radius: var(--radius);\n  padding: var(--space-5);\n  box-shadow: var(--shadow-sm);\n  display: grid;\n  gap: var(--space-4);\n  backdrop-filter: blur(8px);\n}\n\n.checkbox {\n  display: flex;\n  gap: 10px;\n  align-items: start;\n  font-weight: 650;\n  color: rgba(15, 23, 42, 0.78);\n}\n\n.checkbox input {\n  margin-top: 4px;\n}\n\n.form-note {\n  margin: 0;\n  min-height: 1.2em;\n}\n\n\/* Footer *\/\n.site-footer {\n  background: #071b2f;\n  color: rgba(255, 255, 255, 0.9);\n  padding: var(--space-7) 0 var(--space-5);\n  border-top: 1px solid rgba(255, 255, 255, 0.08);\n}\n\n.footer-grid {\n  display: grid;\n  grid-template-columns: 1.4fr 1fr 1fr 1fr;\n  gap: var(--space-6);\n  align-items: start;\n}\n\n.brand--footer .brand-mark {\n  box-shadow: none;\n}\n\n.footer-title {\n  margin: 0 0 12px;\n  font-size: 1rem;\n}\n\n.site-footer ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: grid;\n  gap: 10px;\n}\n\n.site-footer a {\n  color: rgba(255, 255, 255, 0.82);\n  text-decoration: none;\n}\n\n.site-footer a:hover {\n  text-decoration: underline;\n  color: white;\n}\n\n.footer-bottom {\n  margin-top: var(--space-6);\n  padding-top: var(--space-4);\n  border-top: 1px solid rgba(255, 255, 255, 0.12);\n}\n\n\/* Back to top *\/\n.back-to-top {\n  position: fixed;\n  right: 16px;\n  bottom: 16px;\n  width: 48px;\n  height: 48px;\n  border-radius: 16px;\n  border: 1px solid rgba(15, 23, 42, 0.16);\n  background: rgba(255, 255, 255, 0.85);\n  box-shadow: var(--shadow-sm);\n  display: grid;\n  place-items: center;\n  cursor: pointer;\n  opacity: 0;\n  transform: translateY(8px);\n  pointer-events: none;\n  transition: opacity 180ms ease, transform 180ms ease;\n}\n\n.back-to-top svg {\n  width: 22px;\n  height: 22px;\n}\n\n.back-to-top.is-visible {\n  opacity: 1;\n  transform: translateY(0);\n  pointer-events: auto;\n}\n\n\/* Responsive *\/\n@media (max-width: 980px) {\n  .hero-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .hero-panel__card {\n    box-shadow: var(--shadow-sm);\n  }\n\n  .updates--cards {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .resource-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .subscribe-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .footer-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .filters {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .filters__actions {\n    grid-column: 1 \/ -1;\n    justify-content: flex-end;\n  }\n}\n\n@media (max-width: 720px) {\n  .primary-nav {\n    justify-content: flex-start;\n  }\n\n  .nav-toggle {\n    display: inline-flex;\n  }\n\n  .nav-list {\n    position: absolute;\n    top: 64px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: min(var(--container), calc(100% - 2 * var(--space-5)));\n    background: rgba(255, 255, 255, 0.96);\n    border: 1px solid rgba(15, 23, 42, 0.12);\n    box-shadow: var(--shadow-md);\n    border-radius: var(--radius);\n    padding: 10px;\n    display: none;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 0;\n  }\n\n  .nav-list.is-open {\n    display: flex;\n  }\n\n  .nav-list a {\n    padding: 12px 12px;\n  }\n\n  .header-actions {\n    display: none;\n  }\n\n  .updates--cards {\n    grid-template-columns: 1fr;\n  }\n\n  .quick-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .results-bar {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .section-head--split {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n}\n\n\/* Reduced motion *\/\n@media (prefers-reduced-motion: reduce) {\n  html {\n    scroll-behavior: auto;\n  }\n\n  * {\n    transition: none !important;\n  }\n}<\/style>\n\n<div class=\"imc-codeblock cb-e72493b0\"\n     style=\"\">\n\t<!doctype html>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"utf-8\" \/>\n    <meta\n      name=\"viewport\"\n      content=\"width=device-width, initial-scale=1, viewport-fit=cover\"\n    \/>\n    <meta\n      name=\"description\"\n      content=\"Product updates, release notes, maintenance notices, and security advisories for the Learning Suite.\"\n    \/>\n    <title>Product Updates | Scheer IMC Learning Suite<\/title>\n\n    <!-- Modern, readable corporate font -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n    <link\n      href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\"\n      rel=\"stylesheet\"\n    \/>\n\n  <\/head>\n  <body>\n    <a class=\"skip-link\" href=\"#main\">Skip to content<\/a>\n\n    <header class=\"site-header\" data-elevate>\n      <div class=\"container header-inner\">\n        <a class=\"brand\" href=\"#\" aria-label=\"Scheer IMC home\">\n          <!-- Replace with your real logo SVG or image -->\n          <span class=\"brand-mark\" aria-hidden=\"true\"><\/span>\n          <span class=\"brand-name\">Scheer IMC<\/span>\n        <\/a>\n\n        <nav class=\"primary-nav\" aria-label=\"Primary navigation\">\n          <button\n            class=\"nav-toggle\"\n            type=\"button\"\n            aria-expanded=\"false\"\n            aria-controls=\"navList\"\n            id=\"navToggle\"\n          >\n            <span class=\"nav-toggle__icon\" aria-hidden=\"true\"><\/span>\n            <span class=\"nav-toggle__label\">Menu<\/span>\n          <\/button>\n\n          <ul class=\"nav-list\" id=\"navList\">\n            <li><a href=\"#\">Products<\/a><\/li>\n            <li><a href=\"#\">Solutions<\/a><\/li>\n            <li><a href=\"#\">Resources<\/a><\/li>\n            <li><a href=\"#\" aria-current=\"page\">Product updates<\/a><\/li>\n            <li><a href=\"#\">Support<\/a><\/li>\n          <\/ul>\n        <\/nav>\n\n        <div class=\"header-actions\">\n          <a class=\"btn btn--ghost\" href=\"#\">Login<\/a>\n          <a class=\"btn btn--primary\" href=\"#\">Request demo<\/a>\n        <\/div>\n      <\/div>\n    <\/header>\n\n    <main id=\"main\">\n      <!-- HERO -->\n      <section class=\"hero\">\n        <div class=\"container hero-grid\">\n          <div class=\"hero-content\">\n            <nav class=\"breadcrumbs\" aria-label=\"Breadcrumb\">\n              <ol>\n                <li><a href=\"#\">Home<\/a><\/li>\n                <li><a href=\"#\">Learning Suite<\/a><\/li>\n                <li aria-current=\"page\">Product updates<\/li>\n              <\/ol>\n            <\/nav>\n\n            <h1>Product Updates<\/h1>\n            <p class=\"hero-lead\">\n              Release notes, maintenance windows, security advisories and\n              webinars\u2014kept in one place so your teams always know what changed.\n            <\/p>\n\n            <div class=\"hero-cta\">\n              <a class=\"btn btn--primary\" href=\"#updates\">Browse updates<\/a>\n              <a class=\"btn btn--ghost\" href=\"#subscribe\">Subscribe<\/a>\n            <\/div>\n\n            <dl class=\"hero-kpis\" aria-label=\"Highlights\">\n              <div class=\"kpi\">\n                <dt>Release notes<\/dt>\n                <dd>Searchable & filterable<\/dd>\n              <\/div>\n              <div class=\"kpi\">\n                <dt>Security<\/dt>\n                <dd>Advisories & best practices<\/dd>\n              <\/div>\n              <div class=\"kpi\">\n                <dt>Maintenance<\/dt>\n                <dd>Planned windows<\/dd>\n              <\/div>\n            <\/dl>\n          <\/div>\n\n          <aside class=\"hero-panel\" aria-label=\"Quick actions\">\n            <div class=\"hero-panel__card\">\n              <h2 class=\"h5\">Need something specific?<\/h2>\n              <p class=\"muted\">\n                Use search + filters to jump straight to what\u2019s relevant for\n                your rollout, IT change process, or training communications.\n              <\/p>\n\n              <div class=\"hero-panel__actions\">\n                <a class=\"btn btn--soft\" href=\"#updates\">Filter updates<\/a>\n                <a class=\"btn btn--soft\" href=\"#resources\">Go to resources<\/a>\n              <\/div>\n\n              <div class=\"hero-panel__note\">\n                <strong>Tip:<\/strong> copy a direct link from any update card to\n                share with stakeholders.\n              <\/div>\n            <\/div>\n          <\/aside>\n        <\/div>\n      <\/section>\n\n      <!-- QUICK LINKS -->\n      <section class=\"quick-links\">\n        <div class=\"container\">\n          <div class=\"section-head\">\n            <h2>What\u2019s new<\/h2>\n            <p class=\"muted\">\n              Jump to the most common update types used in enterprise change\n              communication.\n            <\/p>\n          <\/div>\n\n          <div class=\"quick-grid\">\n            <a class=\"quick-card\" href=\"#updates\" data-quick-filter=\"release\">\n              <div class=\"quick-card__icon\" aria-hidden=\"true\">\n                <!-- simple inline icon -->\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path\n                    d=\"M7 7h10M7 12h10M7 17h7\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                  \/>\n                <\/svg>\n              <\/div>\n              <div class=\"quick-card__body\">\n                <h3>Release Notes<\/h3>\n                <p class=\"muted\">Features, improvements, UX changes.<\/p>\n              <\/div>\n              <span class=\"quick-card__arrow\" aria-hidden=\"true\">\u2192<\/span>\n            <\/a>\n\n            <a\n              class=\"quick-card\"\n              href=\"#updates\"\n              data-quick-filter=\"maintenance\"\n            >\n              <div class=\"quick-card__icon\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path\n                    d=\"M12 6v6l4 2\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  \/>\n                  <path\n                    d=\"M21 12a9 9 0 1 1-9-9\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                  \/>\n                <\/svg>\n              <\/div>\n              <div class=\"quick-card__body\">\n                <h3>Maintenance<\/h3>\n                <p class=\"muted\">Planned downtime and service windows.<\/p>\n              <\/div>\n              <span class=\"quick-card__arrow\" aria-hidden=\"true\">\u2192<\/span>\n            <\/a>\n\n            <a class=\"quick-card\" href=\"#updates\" data-quick-filter=\"security\">\n              <div class=\"quick-card__icon\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path\n                    d=\"M12 3l8 4v6c0 5-3.5 8.7-8 10-4.5-1.3-8-5-8-10V7l8-4z\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linejoin=\"round\"\n                  \/>\n                <\/svg>\n              <\/div>\n              <div class=\"quick-card__body\">\n                <h3>Security<\/h3>\n                <p class=\"muted\">Advisories, patches, hardening.<\/p>\n              <\/div>\n              <span class=\"quick-card__arrow\" aria-hidden=\"true\">\u2192<\/span>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <!-- UPDATES -->\n      <section class=\"updates-section\" id=\"updates\">\n        <div class=\"container\">\n          <div class=\"section-head section-head--split\">\n            <div>\n              <h2>Browse all updates<\/h2>\n              <p class=\"muted\">\n                Search by keyword and filter by category or product area.\n              <\/p>\n            <\/div>\n\n            <div class=\"view-toggle\" role=\"group\" aria-label=\"View options\">\n              <button\n                class=\"icon-btn is-active\"\n                type=\"button\"\n                data-view=\"cards\"\n                aria-pressed=\"true\"\n                title=\"Card view\"\n              >\n                <span class=\"sr-only\">Card view<\/span>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                  <path\n                    d=\"M4 6h7v7H4V6zm9 0h7v7h-7V6zM4 15h7v5H4v-5zm9 0h7v5h-7v-5z\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                  \/>\n                <\/svg>\n              <\/button>\n              <button\n                class=\"icon-btn\"\n                type=\"button\"\n                data-view=\"compact\"\n                aria-pressed=\"false\"\n                title=\"Compact view\"\n              >\n                <span class=\"sr-only\">Compact view<\/span>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                  <path\n                    d=\"M5 7h14M5 12h14M5 17h14\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                  \/>\n                <\/svg>\n              <\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"filters\" role=\"region\" aria-label=\"Filters\">\n            <label class=\"field field--search\">\n              <span class=\"field__label\">Search<\/span>\n              <span class=\"field__control\">\n                <span class=\"field__icon\" aria-hidden=\"true\">\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path\n                      d=\"M10.5 18a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15z\"\n                      stroke=\"currentColor\"\n                      stroke-width=\"2\"\n                    \/>\n                    <path\n                      d=\"M16.2 16.2 21 21\"\n                      stroke=\"currentColor\"\n                      stroke-width=\"2\"\n                      stroke-linecap=\"round\"\n                    \/>\n                  <\/svg>\n                <\/span>\n                <input\n                  id=\"searchInput\"\n                  type=\"search\"\n                  placeholder=\"Search (e.g., reporting, SSO, Teams, dashboards)\"\n                  autocomplete=\"off\"\n                \/>\n              <\/span>\n            <\/label>\n\n            <label class=\"field\">\n              <span class=\"field__label\">Category<\/span>\n              <select id=\"categorySelect\">\n                <option value=\"all\">All<\/option>\n                <option value=\"release\">Release notes<\/option>\n                <option value=\"maintenance\">Maintenance<\/option>\n                <option value=\"security\">Security<\/option>\n                <option value=\"webinar\">Webinar<\/option>\n                <option value=\"announcement\">Announcement<\/option>\n              <\/select>\n            <\/label>\n\n            <label class=\"field\">\n              <span class=\"field__label\">Product area<\/span>\n              <select id=\"productSelect\">\n                <option value=\"all\">All<\/option>\n                <!-- Filled by JS -->\n              <\/select>\n            <\/label>\n\n            <label class=\"field\">\n              <span class=\"field__label\">Sort<\/span>\n              <select id=\"sortSelect\">\n                <option value=\"newest\">Newest first<\/option>\n                <option value=\"oldest\">Oldest first<\/option>\n              <\/select>\n            <\/label>\n\n            <div class=\"filters__actions\">\n              <button class=\"btn btn--ghost\" type=\"button\" id=\"resetBtn\">\n                Reset\n              <\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"results-bar\" aria-live=\"polite\">\n            <p>\n              <strong id=\"resultCount\">0<\/strong>\n              <span class=\"muted\">updates found<\/span>\n            <\/p>\n\n            <p class=\"muted\" id=\"resultHint\">\n              Tip: press <kbd>\/<\/kbd> to focus search\n            <\/p>\n          <\/div>\n\n          <div\n            class=\"updates updates--cards\"\n            id=\"updatesList\"\n            aria-label=\"Updates list\"\n          ><\/div>\n\n          <div class=\"load-more\">\n            <button class=\"btn btn--primary\" type=\"button\" id=\"loadMoreBtn\">\n              Load more\n            <\/button>\n            <p class=\"muted\" id=\"loadMoreInfo\"><\/p>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <!-- RESOURCES -->\n      <section class=\"resources\" id=\"resources\">\n        <div class=\"container\">\n          <div class=\"section-head\">\n            <h2>Resources<\/h2>\n            <p class=\"muted\">\n              Helpful links for admins, project teams, and learners.\n            <\/p>\n          <\/div>\n\n          <div class=\"resource-grid\">\n            <a class=\"resource-card\" href=\"#\">\n              <h3>Documentation<\/h3>\n              <p class=\"muted\">\n                Admin guides, configuration references, and best practices.\n              <\/p>\n              <span class=\"resource-card__meta\">Browse docs \u2192<\/span>\n            <\/a>\n\n            <a class=\"resource-card\" href=\"#\">\n              <h3>Support<\/h3>\n              <p class=\"muted\">\n                Submit tickets, view service status and troubleshooting.\n              <\/p>\n              <span class=\"resource-card__meta\">Go to support \u2192<\/span>\n            <\/a>\n\n            <a class=\"resource-card\" href=\"#\">\n              <h3>Customer webinars<\/h3>\n              <p class=\"muted\">\n                New features walkthroughs and admin enablement sessions.\n              <\/p>\n              <span class=\"resource-card__meta\">View schedule \u2192<\/span>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <!-- SUBSCRIBE -->\n      <section class=\"subscribe\" id=\"subscribe\" aria-label=\"Subscribe\">\n        <div class=\"container subscribe-grid\">\n          <div class=\"subscribe-copy\">\n            <h2>Get updates in your inbox<\/h2>\n            <p class=\"muted\">\n              Subscribe to a digest and receive notifications when new updates\n              are published.\n            <\/p>\n\n            <ul class=\"checklist\">\n              <li>Major & minor releases<\/li>\n              <li>Maintenance windows<\/li>\n              <li>Security advisories<\/li>\n            <\/ul>\n          <\/div>\n\n          <form class=\"subscribe-form\" id=\"subscribeForm\" novalidate>\n            <label class=\"field\">\n              <span class=\"field__label\">Work email<\/span>\n              <input\n                id=\"emailInput\"\n                name=\"email\"\n                type=\"email\"\n                placeholder=\"name@company.com\"\n                required\n              \/>\n            <\/label>\n\n            <label class=\"checkbox\">\n              <input id=\"consentInput\" type=\"checkbox\" required \/>\n              <span>\n                I agree to receive product update emails. I can unsubscribe at\n                any time.\n              <\/span>\n            <\/label>\n\n            <button class=\"btn btn--primary\" type=\"submit\">\n              Subscribe\n            <\/button>\n\n            <p class=\"form-note muted\" id=\"subscribeMsg\" role=\"status\"><\/p>\n          <\/form>\n        <\/div>\n      <\/section>\n    <\/main>\n\n    <footer class=\"site-footer\" role=\"contentinfo\">\n      <div class=\"container footer-grid\">\n        <div class=\"footer-brand\">\n          <div class=\"brand brand--footer\">\n            <span class=\"brand-mark\" aria-hidden=\"true\"><\/span>\n            <span class=\"brand-name\">Scheer IMC<\/span>\n          <\/div>\n          <p class=\"muted\">\n            Learning Suite product updates page\u2014modern template. Replace\n            placeholder content with your official release notes.\n          <\/p>\n        <\/div>\n\n        <div class=\"footer-col\">\n          <h3 class=\"footer-title\">Company<\/h3>\n          <ul>\n            <li><a href=\"#\">About<\/a><\/li>\n            <li><a href=\"#\">Careers<\/a><\/li>\n            <li><a href=\"#\">News<\/a><\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"footer-col\">\n          <h3 class=\"footer-title\">Product<\/h3>\n          <ul>\n            <li><a href=\"#\">Learning Suite<\/a><\/li>\n            <li><a href=\"#\">Integrations<\/a><\/li>\n            <li><a href=\"#\">Security<\/a><\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"footer-col\">\n          <h3 class=\"footer-title\">Legal<\/h3>\n          <ul>\n            <li><a href=\"#\">Imprint<\/a><\/li>\n            <li><a href=\"#\">Privacy<\/a><\/li>\n            <li><a href=\"#\">Terms<\/a><\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n\n      <div class=\"container footer-bottom\">\n        <small class=\"muted\">\u00a9 <span id=\"year\"><\/span> Scheer IMC<\/small>\n      <\/div>\n    <\/footer>\n\n    <button class=\"back-to-top\" id=\"backToTop\" type=\"button\" aria-label=\"Back to top\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n        <path\n          d=\"M12 5v14M6 11l6-6 6 6\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        \/>\n      <\/svg>\n    <\/button>\n\n    <!-- Update Card Template -->\n    <template id=\"updateTemplate\">\n      <article class=\"update-card\">\n        <header class=\"update-card__header\">\n          <div class=\"update-card__meta\">\n            <span class=\"badge\" data-badge><\/span>\n            <span class=\"meta\" data-product><\/span>\n            <span class=\"meta\" data-version><\/span>\n            <time class=\"meta\" data-date><\/time>\n          <\/div>\n\n          <h3 class=\"update-card__title\" data-title><\/h3>\n          <p class=\"update-card__summary\" data-summary><\/p>\n        <\/header>\n\n        <div class=\"update-card__footer\">\n          <button\n            class=\"btn btn--link update-toggle\"\n            type=\"button\"\n            data-action=\"toggle\"\n            aria-expanded=\"false\"\n          >\n            Read more\n          <\/button>\n\n          <a class=\"btn btn--ghost btn--sm\" data-doclink target=\"_blank\" rel=\"noopener\">\n            Docs\n          <\/a>\n\n          <button\n            class=\"icon-btn icon-btn--sm\"\n            type=\"button\"\n            data-action=\"copy\"\n            aria-label=\"Copy link to this update\"\n            title=\"Copy link\"\n          >\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n              <path\n                d=\"M10 13a5 5 0 0 0 7.07 0l1.41-1.41a5 5 0 0 0-7.07-7.07L10 4.93\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n              \/>\n              <path\n                d=\"M14 11a5 5 0 0 0-7.07 0L5.52 12.41a5 5 0 0 0 7.07 7.07L14 19.07\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n              \/>\n            <\/svg>\n          <\/button>\n        <\/div>\n\n        <div class=\"update-card__details\" data-details hidden>\n          <div class=\"divider\"><\/div>\n          <ul class=\"bullets\" data-highlights><\/ul>\n          <p class=\"muted update-card__more\" data-more><\/p>\n        <\/div>\n      <\/article>\n    <\/template>\n\n    <script src=\"app.js\"><\/script>\n  <\/body>\n<\/html><\/div>\n\n<script>\n(function () {\n\t\/* __root scopes querySelector calls to this widget instance *\/\n\tvar __root = document.querySelector( '.cb-e72493b0' );\n\tconst UPDATES = [\n  {\n    id: \"2026-03-05-analytics-widgets\",\n    title: \"New analytics widgets for faster insights\",\n    date: \"2026-03-05\",\n    category: \"release\",\n    product: \"Analytics & Reporting\",\n    version: \"v7.14\",\n    summary:\n      \"A refreshed set of dashboard widgets to help admins monitor adoption, completion and compliance at a glance.\",\n    highlights: [\n      \"New widget: completion trends by organizational unit\",\n      \"Export charts as PNG for stakeholder decks\",\n      \"Improved performance for large datasets\",\n    ],\n    more:\n      \"If you use custom dashboards, re-check widget permissions after the update. No breaking changes expected.\",\n    docUrl: \"#\",\n  },\n  {\n    id: \"2026-02-18-maintenance-window\",\n    title: \"Planned maintenance window (EU region)\",\n    date: \"2026-02-18\",\n    category: \"maintenance\",\n    product: \"Platform\",\n    version: \"\u2014\",\n    summary:\n      \"Scheduled service maintenance for infrastructure updates. Short interruptions may occur.\",\n    highlights: [\n      \"Window: 23:00\u201302:00 CET\",\n      \"Possible brief login interruptions\",\n      \"No data loss expected\",\n    ],\n    more:\n      \"We recommend avoiding high-stakes exam sessions during this time window.\",\n    docUrl: \"#\",\n  },\n  {\n    id: \"2026-02-02-security-hardening\",\n    title: \"Security hardening: stronger password policy options\",\n    date: \"2026-02-02\",\n    category: \"security\",\n    product: \"Identity & Access\",\n    version: \"v7.13\",\n    summary:\n      \"New optional password controls for enterprises with stricter internal requirements.\",\n    highlights: [\n      \"Configurable minimum length and complexity rules\",\n      \"Optional password expiration reminders\",\n      \"Audit log entries for policy changes\",\n    ],\n    more:\n      \"If you rely on SSO only, these settings may have no user-facing effect. Review with your IAM team.\",\n    docUrl: \"#\",\n  },\n  {\n    id: \"2026-01-22-webinar-release-walkthrough\",\n    title: \"Webinar: Release walkthrough + admin Q&A\",\n    date: \"2026-01-22\",\n    category: \"webinar\",\n    product: \"Learning Suite LMS\",\n    version: \"v7.13\",\n    summary:\n      \"Join our product team for a guided tour of the latest features and configuration tips.\",\n    highlights: [\n      \"Live demo of the new reporting views\",\n      \"Admin configuration best practices\",\n      \"Open Q&A at the end\",\n    ],\n    more:\n      \"If you can\u2019t attend live, register anyway to receive the recording.\",\n    docUrl: \"#\",\n  },\n  {\n    id: \"2026-01-10-announcement-ui-refresh\",\n    title: \"Announcement: UI refresh for admin navigation\",\n    date: \"2026-01-10\",\n    category: \"announcement\",\n    product: \"Admin Experience\",\n    version: \"v7.13\",\n    summary:\n      \"We\u2019ve refined the admin navigation structure to reduce clicks and improve findability.\",\n    highlights: [\n      \"Clearer grouping of catalog, users and reporting areas\",\n      \"Improved keyboard navigation and focus states\",\n      \"No changes to permissions model\",\n    ],\n    more:\n      \"Update your internal admin guides\/screenshots. URLs remain compatible.\",\n    docUrl: \"#\",\n  },\n  {\n    id: \"2025-12-12-release-ms-teams-integration\",\n    title: \"Integration: improved Microsoft Teams notifications\",\n    date: \"2025-12-12\",\n    category: \"release\",\n    product: \"Integrations\",\n    version: \"v7.12\",\n    summary:\n      \"More granular notification templates and better mapping for team\/channel routing.\",\n    highlights: [\n      \"Separate templates for reminders vs. completions\",\n      \"Optional deep links directly into course pages\",\n      \"Admin test message tool\",\n    ],\n    more:\n      \"Requires re-consent in Microsoft admin center if your tenant policies changed recently.\",\n    docUrl: \"#\",\n  },\n  {\n    id: \"2025-11-28-maintenance-db-upgrade\",\n    title: \"Maintenance: database upgrade (performance)\",\n    date: \"2025-11-28\",\n    category: \"maintenance\",\n    product: \"Platform\",\n    version: \"\u2014\",\n    summary:\n      \"Infrastructure update to improve reliability and speed for peak usage periods.\",\n    highlights: [\n      \"Rolling upgrade with minimal disruption\",\n      \"Improved report generation times\",\n      \"Post-upgrade monitoring for 48 hours\",\n    ],\n    more:\n      \"If you notice anomalies, capture timestamps and share them with support to speed up diagnostics.\",\n    docUrl: \"#\",\n  },\n  {\n    id: \"2025-11-03-security-csp\",\n    title: \"Security: Content Security Policy (CSP) updates\",\n    date: \"2025-11-03\",\n    category: \"security\",\n    product: \"Platform Security\",\n    version: \"v7.11\",\n    summary:\n      \"We tightened default CSP headers to reduce the risk of XSS in embedded contexts.\",\n    highlights: [\n      \"Safer defaults for script and frame sources\",\n      \"Improved reporting mode support for testing\",\n      \"Updated documentation for custom domains\",\n    ],\n    more:\n      \"If you embed the LMS in portals, validate your allowed frame sources after the change.\",\n    docUrl: \"#\",\n  },\n  {\n    id: \"2025-10-14-release-learning-paths\",\n    title: \"Learning paths: improved prerequisites and sequencing\",\n    date: \"2025-10-14\",\n    category: \"release\",\n    product: \"Learning Experience\",\n    version: \"v7.10\",\n    summary:\n      \"New sequencing rules and clearer prerequisite messaging for learners.\",\n    highlights: [\n      \"Conditional availability based on completion\",\n      \"Better progress indicators\",\n      \"Admin preview for path flow\",\n    ],\n    more:\n      \"Existing paths remain valid. New sequencing options are opt-in per path.\",\n    docUrl: \"#\",\n  },\n  {\n    id: \"2025-09-29-announcement-api-changes\",\n    title: \"Announcement: API deprecations (advance notice)\",\n    date: \"2025-09-29\",\n    category: \"announcement\",\n    product: \"Developer API\",\n    version: \"\u2014\",\n    summary:\n      \"We\u2019re deprecating several legacy endpoints. New endpoints provide clearer semantics and better pagination.\",\n    highlights: [\n      \"Deprecation window: 6 months\",\n      \"New endpoints support cursor pagination\",\n      \"Migration guide available in docs\",\n    ],\n    more:\n      \"If you maintain integrations, schedule a review and update your client code accordingly.\",\n    docUrl: \"#\",\n  },\n  {\n    id: \"2025-09-05-webinar-admin-best-practices\",\n    title: \"Webinar: Admin best practices for enterprise rollouts\",\n    date: \"2025-09-05\",\n    category: \"webinar\",\n    product: \"Enablement\",\n    version: \"\u2014\",\n    summary:\n      \"A practical session on governance, permissions, catalogs, and reporting for large organizations.\",\n    highlights: [\n      \"Governance patterns that scale\",\n      \"Reporting checklist for compliance\",\n      \"Common rollout pitfalls\",\n    ],\n    more:\n      \"Bring your questions\u2014this session includes examples from real enterprise scenarios.\",\n    docUrl: \"#\",\n  },\n];\n\nconst CATEGORY_META = {\n  release: { label: \"Release notes\", badgeClass: \"badge--release\" },\n  maintenance: { label: \"Maintenance\", badgeClass: \"badge--maintenance\" },\n  security: { label: \"Security\", badgeClass: \"badge--security\" },\n  webinar: { label: \"Webinar\", badgeClass: \"badge--webinar\" },\n  announcement: { label: \"Announcement\", badgeClass: \"badge--announcement\" },\n};\n\nconst state = {\n  query: \"\",\n  category: \"all\",\n  product: \"all\",\n  sort: \"newest\",\n  view: \"cards\",\n  pageSize: 6,\n  visibleCount: 6,\n};\n\nconst els = {\n  year: document.getElementById(\"year\"),\n  navToggle: document.getElementById(\"navToggle\"),\n  navList: document.getElementById(\"navList\"),\n\n  searchInput: document.getElementById(\"searchInput\"),\n  categorySelect: document.getElementById(\"categorySelect\"),\n  productSelect: document.getElementById(\"productSelect\"),\n  sortSelect: document.getElementById(\"sortSelect\"),\n  resetBtn: document.getElementById(\"resetBtn\"),\n\n  updatesList: document.getElementById(\"updatesList\"),\n  resultCount: document.getElementById(\"resultCount\"),\n  loadMoreBtn: document.getElementById(\"loadMoreBtn\"),\n  loadMoreInfo: document.getElementById(\"loadMoreInfo\"),\n\n  updateTemplate: document.getElementById(\"updateTemplate\"),\n\n  subscribeForm: document.getElementById(\"subscribeForm\"),\n  subscribeMsg: document.getElementById(\"subscribeMsg\"),\n\n  backToTop: document.getElementById(\"backToTop\"),\n};\n\nfunction uniq(arr) {\n  return Array.from(new Set(arr));\n}\n\nfunction formatDate(iso) {\n  const dt = new Date(iso + \"T00:00:00\");\n  return new Intl.DateTimeFormat(undefined, {\n    year: \"numeric\",\n    month: \"short\",\n    day: \"2-digit\",\n  }).format(dt);\n}\n\nfunction normalize(str) {\n  return (str || \"\").toLowerCase().trim();\n}\n\nfunction applyFilters(items) {\n  const q = normalize(state.query);\n\n  let out = items.filter((it) => {\n    const matchesCategory = state.category === \"all\" || it.category === state.category;\n    const matchesProduct = state.product === \"all\" || it.product === state.product;\n\n    const matchesQuery =\n      q.length === 0 ||\n      normalize(it.title).includes(q) ||\n      normalize(it.summary).includes(q) ||\n      normalize(it.product).includes(q) ||\n      normalize(it.version).includes(q) ||\n      (it.highlights || []).some((h) => normalize(h).includes(q));\n\n    return matchesCategory && matchesProduct && matchesQuery;\n  });\n\n  out.sort((a, b) => {\n    const da = new Date(a.date).getTime();\n    const db = new Date(b.date).getTime();\n    return state.sort === \"newest\" ? db - da : da - db;\n  });\n\n  return out;\n}\n\nfunction setView(view) {\n  state.view = view;\n\n  els.updatesList.classList.toggle(\"updates--cards\", view === \"cards\");\n  els.updatesList.classList.toggle(\"updates--compact\", view === \"compact\");\n\n  document.querySelectorAll(\"[data-view]\").forEach((btn) => {\n    const active = btn.dataset.view === view;\n    btn.classList.toggle(\"is-active\", active);\n    btn.setAttribute(\"aria-pressed\", String(active));\n  });\n}\n\nfunction createUpdateCard(item) {\n  const fragment = els.updateTemplate.content.cloneNode(true);\n  const card = fragment.querySelector(\".update-card\");\n\n  card.id = `update-${item.id}`;\n  card.dataset.updateId = item.id;\n\n  const badge = fragment.querySelector(\"[data-badge]\");\n  const meta = CATEGORY_META[item.category] || { label: item.category, badgeClass: \"\" };\n  badge.textContent = meta.label;\n  badge.classList.add(meta.badgeClass);\n\n  fragment.querySelector(\"[data-product]\").textContent = item.product;\n  fragment.querySelector(\"[data-version]\").textContent = item.version || \"\u2014\";\n\n  const time = fragment.querySelector(\"[data-date]\");\n  time.textContent = formatDate(item.date);\n  time.setAttribute(\"datetime\", item.date);\n\n  fragment.querySelector(\"[data-title]\").textContent = item.title;\n  fragment.querySelector(\"[data-summary]\").textContent = item.summary;\n\n  const docLink = fragment.querySelector(\"[data-doclink]\");\n  docLink.href = item.docUrl || \"#\";\n\n  const details = fragment.querySelector(\"[data-details]\");\n  const toggleBtn = fragment.querySelector('[data-action=\"toggle\"]');\n\n  \/\/ a11y wiring\n  const detailsId = `details-${item.id}`;\n  details.id = detailsId;\n  toggleBtn.setAttribute(\"aria-controls\", detailsId);\n\n  const ul = fragment.querySelector(\"[data-highlights]\");\n  ul.innerHTML = \"\";\n  (item.highlights || []).forEach((h) => {\n    const li = document.createElement(\"li\");\n    li.textContent = h;\n    ul.appendChild(li);\n  });\n\n  fragment.querySelector(\"[data-more]\").textContent = item.more || \"\";\n\n  return fragment;\n}\n\nfunction render() {\n  const filtered = applyFilters(UPDATES);\n  const total = filtered.length;\n\n  \/\/ Ensure visibleCount doesn't exceed total\n  state.visibleCount = Math.min(state.visibleCount, total);\n\n  const visible = filtered.slice(0, state.visibleCount);\n\n  els.updatesList.innerHTML = \"\";\n\n  if (total === 0) {\n    els.resultCount.textContent = \"0\";\n    els.loadMoreBtn.hidden = true;\n    els.loadMoreInfo.textContent = \"No updates match your filters.\";\n    const empty = document.createElement(\"div\");\n    empty.className = \"update-card\";\n    empty.innerHTML = `\n      <h3 style=\"margin-top:0\">No results<\/h3>\n      <p class=\"muted\" style=\"margin-bottom:0\">\n        Try a different keyword, reset filters, or switch to \u201cAll\u201d categories.\n      <\/p>\n    `;\n    els.updatesList.appendChild(empty);\n    return;\n  }\n\n  visible.forEach((item) => els.updatesList.appendChild(createUpdateCard(item)));\n\n  els.resultCount.textContent = String(total);\n\n  const canLoadMore = state.visibleCount < total;\n  els.loadMoreBtn.hidden = !canLoadMore;\n  els.loadMoreInfo.textContent = canLoadMore\n    ? `Showing ${visible.length} of ${total}`\n    : `Showing all ${total}`;\n\n  \/\/ If hash points to a card, auto-expand it after render\n  autoExpandFromHash();\n}\n\nfunction autoExpandFromHash() {\n  const hash = window.location.hash || \"\";\n  if (!hash.startsWith(\"#update-\")) return;\n\n  const card = document.querySelector(hash);\n  if (!card) return;\n\n  const details = card.querySelector(\"[data-details]\");\n  const toggleBtn = card.querySelector('[data-action=\"toggle\"]');\n  if (!details || !toggleBtn) return;\n\n  \/\/ Open it\n  if (details.hidden) {\n    details.hidden = false;\n    toggleBtn.setAttribute(\"aria-expanded\", \"true\");\n    toggleBtn.textContent = \"Show less\";\n  }\n\n  \/\/ Scroll into view gently\n  card.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n}\n\nfunction debounce(fn, delay = 200) {\n  let t = null;\n  return (...args) => {\n    window.clearTimeout(t);\n    t = window.setTimeout(() => fn(...args), delay);\n  };\n}\n\nfunction resetFilters() {\n  state.query = \"\";\n  state.category = \"all\";\n  state.product = \"all\";\n  state.sort = \"newest\";\n  state.visibleCount = state.pageSize;\n\n  els.searchInput.value = \"\";\n  els.categorySelect.value = \"all\";\n  els.productSelect.value = \"all\";\n  els.sortSelect.value = \"newest\";\n\n  render();\n}\n\nfunction copyLinkToUpdate(cardId) {\n  const url = `${window.location.origin}${window.location.pathname}#${cardId}`;\n  const fallback = () => {\n    \/\/ Fallback prompt for browsers w\/o clipboard access\n    window.prompt(\"Copy this link:\", url);\n  };\n\n  if (!navigator.clipboard || !navigator.clipboard.writeText) {\n    fallback();\n    return;\n  }\n\n  navigator.clipboard.writeText(url).catch(fallback);\n}\n\nfunction initProductSelect() {\n  const products = uniq(UPDATES.map((u) => u.product)).sort();\n  products.forEach((p) => {\n    const opt = document.createElement(\"option\");\n    opt.value = p;\n    opt.textContent = p;\n    els.productSelect.appendChild(opt);\n  });\n}\n\nfunction initQuickFilters() {\n  document.querySelectorAll(\"[data-quick-filter]\").forEach((link) => {\n    link.addEventListener(\"click\", () => {\n      const cat = link.dataset.quickFilter;\n      state.category = cat;\n      els.categorySelect.value = cat;\n\n      \/\/ Reset visible count so user sees first page of the category\n      state.visibleCount = state.pageSize;\n      render();\n    });\n  });\n}\n\nfunction initViewToggle() {\n  document.querySelectorAll(\"[data-view]\").forEach((btn) => {\n    btn.addEventListener(\"click\", () => {\n      setView(btn.dataset.view);\n    });\n  });\n}\n\nfunction initCardInteractions() {\n  els.updatesList.addEventListener(\"click\", (e) => {\n    const actionBtn = e.target.closest(\"[data-action]\");\n    if (!actionBtn) return;\n\n    const card = actionBtn.closest(\".update-card\");\n    if (!card) return;\n\n    if (actionBtn.dataset.action === \"toggle\") {\n      const details = card.querySelector(\"[data-details]\");\n      const isOpen = !details.hidden;\n\n      details.hidden = isOpen;\n      actionBtn.setAttribute(\"aria-expanded\", String(!isOpen));\n      actionBtn.textContent = isOpen ? \"Read more\" : \"Show less\";\n\n      \/\/ Set the hash when opening so it\u2019s shareable\n      if (!isOpen) {\n        window.history.replaceState(null, \"\", `#${card.id}`);\n      }\n    }\n\n    if (actionBtn.dataset.action === \"copy\") {\n      copyLinkToUpdate(card.id);\n    }\n  });\n}\n\nfunction initLoadMore() {\n  els.loadMoreBtn.addEventListener(\"click\", () => {\n    state.visibleCount += state.pageSize;\n    render();\n  });\n}\n\nfunction initSearchKeyboardShortcut() {\n  window.addEventListener(\"keydown\", (e) => {\n    \/\/ Focus search when pressing \/\n    if (e.key === \"\/\" && !e.metaKey && !e.ctrlKey && !e.altKey) {\n      const target = e.target;\n      const isTyping =\n        target &&\n        (target.tagName === \"INPUT\" ||\n          target.tagName === \"TEXTAREA\" ||\n          target.isContentEditable);\n      if (!isTyping) {\n        e.preventDefault();\n        els.searchInput.focus();\n      }\n    }\n  });\n}\n\nfunction initSubscribeForm() {\n  els.subscribeForm.addEventListener(\"submit\", (e) => {\n    e.preventDefault();\n\n    const email = document.getElementById(\"emailInput\");\n    const consent = document.getElementById(\"consentInput\");\n\n    \/\/ Basic front-end validation\n    const valid = email.checkValidity() && consent.checked;\n\n    if (!valid) {\n      els.subscribeMsg.textContent =\n        \"Please enter a valid email and confirm consent.\";\n      return;\n    }\n\n    \/\/ Demo only (no backend)\n    els.subscribeMsg.textContent =\n      \"Thanks \u2014 you\u2019re subscribed (demo behavior). Connect this form to your email system\/API.\";\n\n    \/\/ Optional: clear\n    \/\/ els.subscribeForm.reset();\n  });\n}\n\nfunction initMobileNav() {\n  if (!els.navToggle) return;\n\n  els.navToggle.addEventListener(\"click\", () => {\n    const isOpen = els.navList.classList.toggle(\"is-open\");\n    els.navToggle.setAttribute(\"aria-expanded\", String(isOpen));\n  });\n\n  \/\/ Close on outside click\n  document.addEventListener(\"click\", (e) => {\n    const withinNav = e.target.closest(\".primary-nav\");\n    if (withinNav) return;\n\n    if (els.navList.classList.contains(\"is-open\")) {\n      els.navList.classList.remove(\"is-open\");\n      els.navToggle.setAttribute(\"aria-expanded\", \"false\");\n    }\n  });\n}\n\nfunction initBackToTop() {\n  const onScroll = () => {\n    const show = window.scrollY > 650;\n    els.backToTop.classList.toggle(\"is-visible\", show);\n  };\n\n  window.addEventListener(\"scroll\", onScroll, { passive: true });\n  onScroll();\n\n  els.backToTop.addEventListener(\"click\", () => {\n    window.scrollTo({ top: 0, behavior: \"smooth\" });\n  });\n}\n\nfunction initFilters() {\n  els.searchInput.addEventListener(\n    \"input\",\n    debounce(() => {\n      state.query = els.searchInput.value;\n      state.visibleCount = state.pageSize;\n      render();\n    }, 180)\n  );\n\n  els.categorySelect.addEventListener(\"change\", () => {\n    state.category = els.categorySelect.value;\n    state.visibleCount = state.pageSize;\n    render();\n  });\n\n  els.productSelect.addEventListener(\"change\", () => {\n    state.product = els.productSelect.value;\n    state.visibleCount = state.pageSize;\n    render();\n  });\n\n  els.sortSelect.addEventListener(\"change\", () => {\n    state.sort = els.sortSelect.value;\n    render();\n  });\n\n  els.resetBtn.addEventListener(\"click\", resetFilters);\n}\n\nfunction init() {\n  els.year.textContent = String(new Date().getFullYear());\n\n  initProductSelect();\n  initQuickFilters();\n  initViewToggle();\n  initCardInteractions();\n  initLoadMore();\n  initFilters();\n  initSearchKeyboardShortcut();\n  initSubscribeForm();\n  initMobileNav();\n  initBackToTop();\n\n  setView(\"cards\");\n  render();\n\n  \/\/ If user arrives with a hash, ensure it expands after the initial render\n  window.addEventListener(\"hashchange\", () => {\n    autoExpandFromHash();\n  });\n}\n\ninit();}());\n<\/script>\n<\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Agentic Process Orchestration \u2013 Section Zum Inhalt springen Y Scheer PAS Men\u00fc \u00f6ffnen Plattform \u00dcberblick Architektur Security L\u00f6sungen Automatisierung Integration AI Orchestration Kunden Success Stories Branchen Referenzen Ressourcen Blog Whitepaper Webinare Unternehmen \u00dcber uns Karriere Kontakt Suche \u00f6ffnen Kostenlose Beratung buchen Y Scheer PAS Agentic Process Orchestration Plattform f\u00fcr agentenbasierte Unternehmenstransformation Beratung buchen Kostenlos testen [&hellip;]<\/p>\n","protected":false},"author":86,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"class_list":["post-24354","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Ivan Testing Code Blocks - Scheer PAS<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/scheer-pas.com\/?page_id=24354\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ivan Testing Code Blocks - Scheer PAS\" \/>\n<meta property=\"og:description\" content=\"Agentic Process Orchestration \u2013 Section Zum Inhalt springen Y Scheer PAS Men\u00fc \u00f6ffnen Plattform \u00dcberblick Architektur Security L\u00f6sungen Automatisierung Integration AI Orchestration Kunden Success Stories Branchen Referenzen Ressourcen Blog Whitepaper Webinare Unternehmen \u00dcber uns Karriere Kontakt Suche \u00f6ffnen Kostenlose Beratung buchen Y Scheer PAS Agentic Process Orchestration Plattform f\u00fcr agentenbasierte Unternehmenstransformation Beratung buchen Kostenlos testen [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/scheer-pas.com\/?page_id=24354\" \/>\n<meta property=\"og:site_name\" content=\"Scheer PAS\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-25T10:26:06+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/scheer-pas.com\\\/?page_id=24354\",\"url\":\"https:\\\/\\\/scheer-pas.com\\\/?page_id=24354\",\"name\":\"Ivan Testing Code Blocks - Scheer PAS\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/scheer-pas.com\\\/en\\\/#website\"},\"datePublished\":\"2026-03-20T09:14:19+00:00\",\"dateModified\":\"2026-03-25T10:26:06+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/scheer-pas.com\\\/?page_id=24354#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/scheer-pas.com\\\/?page_id=24354\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/scheer-pas.com\\\/?page_id=24354#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/scheer-pas.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ivan Testing Code Blocks\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/scheer-pas.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/scheer-pas.com\\\/en\\\/\",\"name\":\"Scheer PAS\",\"description\":\"Agentic Process Orchestration\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/scheer-pas.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Ivan Testing Code Blocks - Scheer PAS","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:\/\/scheer-pas.com\/?page_id=24354","og_locale":"en_GB","og_type":"article","og_title":"Ivan Testing Code Blocks - Scheer PAS","og_description":"Agentic Process Orchestration \u2013 Section Zum Inhalt springen Y Scheer PAS Men\u00fc \u00f6ffnen Plattform \u00dcberblick Architektur Security L\u00f6sungen Automatisierung Integration AI Orchestration Kunden Success Stories Branchen Referenzen Ressourcen Blog Whitepaper Webinare Unternehmen \u00dcber uns Karriere Kontakt Suche \u00f6ffnen Kostenlose Beratung buchen Y Scheer PAS Agentic Process Orchestration Plattform f\u00fcr agentenbasierte Unternehmenstransformation Beratung buchen Kostenlos testen [&hellip;]","og_url":"https:\/\/scheer-pas.com\/?page_id=24354","og_site_name":"Scheer PAS","article_modified_time":"2026-03-25T10:26:06+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/scheer-pas.com\/?page_id=24354","url":"https:\/\/scheer-pas.com\/?page_id=24354","name":"Ivan Testing Code Blocks - Scheer PAS","isPartOf":{"@id":"https:\/\/scheer-pas.com\/en\/#website"},"datePublished":"2026-03-20T09:14:19+00:00","dateModified":"2026-03-25T10:26:06+00:00","breadcrumb":{"@id":"https:\/\/scheer-pas.com\/?page_id=24354#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/scheer-pas.com\/?page_id=24354"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/scheer-pas.com\/?page_id=24354#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/scheer-pas.com\/en\/"},{"@type":"ListItem","position":2,"name":"Ivan Testing Code Blocks"}]},{"@type":"WebSite","@id":"https:\/\/scheer-pas.com\/en\/#website","url":"https:\/\/scheer-pas.com\/en\/","name":"Scheer PAS","description":"Agentic Process Orchestration","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/scheer-pas.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/scheer-pas.com\/en\/wp-json\/wp\/v2\/pages\/24354","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scheer-pas.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scheer-pas.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scheer-pas.com\/en\/wp-json\/wp\/v2\/users\/86"}],"replies":[{"embeddable":true,"href":"https:\/\/scheer-pas.com\/en\/wp-json\/wp\/v2\/comments?post=24354"}],"version-history":[{"count":3,"href":"https:\/\/scheer-pas.com\/en\/wp-json\/wp\/v2\/pages\/24354\/revisions"}],"predecessor-version":[{"id":24698,"href":"https:\/\/scheer-pas.com\/en\/wp-json\/wp\/v2\/pages\/24354\/revisions\/24698"}],"wp:attachment":[{"href":"https:\/\/scheer-pas.com\/en\/wp-json\/wp\/v2\/media?parent=24354"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}