{"id":4596,"date":"2026-08-15T03:24:30","date_gmt":"2026-08-15T03:24:30","guid":{"rendered":"https:\/\/21x.at\/?page_id=4596"},"modified":"2026-08-17T22:26:58","modified_gmt":"2026-08-17T22:26:58","slug":"21x-learning-media","status":"publish","type":"page","link":"https:\/\/21x.at\/en\/","title":{"rendered":"21x \u2013 Learning, Content &amp; Consulting"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4596\" class=\"elementor elementor-4596\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c87279 e-flex e-con-boxed e-con e-parent\" data-id=\"8c87279\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e14ee95 elementor-widget elementor-widget-html\" data-id=\"e14ee95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.page-id-4596 .entry-header,\n.page-id-4596 .entry-title { display:none !important; }\n.page-id-4596 #colophon { display:none !important; }\n.page-id-4596 .site-content > .ast-container,\n.page-id-4596 .site-content .ast-container { max-width:none !important; padding-left:0 !important; padding-right:0 !important; }\n.page-id-4596 .entry-content,\n.page-id-4596 .elementor { margin:0 !important; }\n.page-id-4596 .elementor-element.e-con { --container-max-width: none; }\n.x21-draft {\n  --ink:#101820;\n  --ink-2:#26323a;\n  --paper:#f4f2ec;\n  --cream:#e9e6dc;\n  --white:#ffffff;\n  --teal:#20b8a6;\n  --teal-deep:#097f78;\n  --lime:#c8df56;\n  --gold:#e5a855;\n  --line:rgba(16,24,32,.14);\n  width:100vw;\n  position:relative;\n  left:50%;\n  margin-left:-50vw;\n  overflow:hidden;\n  color:var(--ink);\n  background:var(--paper);\n  font-family:Inter, \"Helvetica Neue\", Arial, sans-serif;\n  font-size:16px;\n  line-height:1.55;\n}\n.x21-draft * { box-sizing:border-box; }\n.x21-draft h1, .x21-draft h2, .x21-draft h3 { color:inherit !important; }\n.x21-draft a { color:inherit; text-decoration:none !important; }\n.x21-shell { width:min(1180px, calc(100% - 48px)); margin:0 auto; }\n.x21-eyebrow {\n  display:flex; align-items:center; gap:10px;\n  margin:0 0 22px; font-size:12px; line-height:1;\n  font-weight:800; letter-spacing:.16em; text-transform:uppercase;\n}\n.x21-eyebrow:before { content:\"\"; width:34px; height:2px; background:var(--teal); }\n.x21-display {\n  margin:0; max-width:950px; font-size:clamp(48px, 7vw, 92px);\n  line-height:.96; letter-spacing:-.055em; font-weight:760;\n}\n.x21-display em { color:var(--teal); font-style:normal; }\n.x21-lead {\n  max-width:760px; margin:30px 0 0; color:#cbd5d8;\n  font-size:clamp(18px, 2vw, 22px); line-height:1.55;\n}\n.x21-hero {\n  position:relative; isolation:isolate; min-height:760px; padding:126px 0 54px;\n  color:var(--white);\n  background:\n    radial-gradient(circle at 82% 18%, rgba(32,184,166,.27), transparent 28%),\n    radial-gradient(circle at 12% 92%, rgba(200,223,86,.10), transparent 23%),\n    var(--ink);\n}\n.x21-hero:after {\n  content:\"21x\"; position:absolute; z-index:-1; right:-2vw; bottom:-9vw;\n  color:rgba(255,255,255,.025); font-size:clamp(250px, 43vw, 620px);\n  line-height:.8; letter-spacing:-.13em; font-weight:900; white-space:nowrap;\n}\n.x21-orbit {\n  position:absolute; z-index:-1; top:72px; right:6vw; width:320px; height:320px;\n  border:1px solid rgba(255,255,255,.13); border-radius:50%;\n}\n.x21-orbit:before,.x21-orbit:after {\n  content:\"\"; position:absolute; border-radius:50%;\n}\n.x21-orbit:before { inset:42px; border:1px dashed rgba(32,184,166,.4); }\n.x21-orbit:after { width:16px; height:16px; top:20px; left:68px; background:var(--lime); box-shadow:0 0 0 8px rgba(200,223,86,.08); }\n.x21-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:40px; }\n.x21-btn {\n  display:inline-flex; align-items:center; justify-content:center; min-height:54px;\n  padding:0 23px; border:1px solid rgba(255,255,255,.32);\n  border-radius:2px; font-size:14px; font-weight:800; letter-spacing:.02em;\n  transition:transform .2s ease, background .2s ease, border-color .2s ease;\n}\n.x21-btn:hover { transform:translateY(-2px); }\n.x21-btn--primary { color:var(--ink); background:var(--teal); border-color:var(--teal); }\n.x21-btn--primary:hover { background:#36cbbb; }\n.x21-btn--ghost:hover { border-color:var(--white); background:rgba(255,255,255,.06); }\n.x21-btn span { margin-left:20px; font-size:18px; }\n.x21-proof {\n  display:grid; grid-template-columns:repeat(4,1fr);\n  margin-top:104px; border-top:1px solid rgba(255,255,255,.18);\n  border-bottom:1px solid rgba(255,255,255,.18);\n}\n.x21-proof div {\n  min-height:82px; display:flex; align-items:center; padding:0 20px;\n  border-right:1px solid rgba(255,255,255,.18);\n  color:#dde5e7; font-size:13px; font-weight:700; letter-spacing:.03em;\n}\n.x21-proof div:first-child { padding-left:0; }\n.x21-proof div:last-child { border-right:0; }\n.x21-dot { width:7px; height:7px; margin-right:12px; border-radius:50%; background:var(--lime); }\n.x21-section { padding:116px 0; }\n.x21-section--white { background:var(--white); }\n.x21-section--dark { color:var(--white); background:var(--ink); }\n.x21-intro-grid {\n  display:grid; grid-template-columns:minmax(0,1.1fr) minmax(300px,.75fr);\n  align-items:start; gap:90px;\n}\n.x21-h2 {\n  margin:0; font-size:clamp(38px, 5.2vw, 66px); line-height:1.02;\n  letter-spacing:-.045em; font-weight:740;\n}\n.x21-h3 { margin:0; font-size:22px; line-height:1.2; letter-spacing:-.02em; }\n.x21-copy { margin:0; color:#536069; font-size:18px; line-height:1.72; }\n.x21-section--dark .x21-copy { color:#b9c5c9; }\n.x21-intro-note {\n  padding:28px 0 2px 28px; border-left:3px solid var(--teal);\n  color:var(--ink-2); font-size:17px; line-height:1.68;\n}\n.x21-card-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin-top:64px; }\n.x21-card {\n  position:relative; min-height:360px; padding:36px;\n  border:1px solid var(--line); background:rgba(255,255,255,.55);\n  overflow:hidden; transition:transform .25s ease, box-shadow .25s ease;\n}\n.x21-card:hover { transform:translateY(-5px); box-shadow:0 18px 48px rgba(16,24,32,.09); }\n.x21-card-num {\n  display:flex; align-items:center; justify-content:center; width:48px; height:48px;\n  margin-bottom:60px; color:var(--white); background:var(--ink);\n  border-radius:50%; font-size:13px; font-weight:800;\n}\n.x21-card:nth-child(2) .x21-card-num { background:var(--teal-deep); }\n.x21-card:nth-child(3) .x21-card-num { color:var(--ink); background:var(--lime); }\n.x21-card:nth-child(4) .x21-card-num { color:var(--ink); background:var(--gold); }\n.x21-card p { max-width:470px; margin:16px 0 20px; color:#657178; }\n.x21-list { list-style:none; padding:0; margin:0; }\n.x21-list li {\n  position:relative; padding:8px 0 8px 22px; border-top:1px solid var(--line);\n  font-size:14px; font-weight:650;\n}\n.x21-list li:before { content:\"+\"; position:absolute; left:0; color:var(--teal-deep); font-weight:900; }\n.x21-network-grid {\n  display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);\n  gap:92px; align-items:start;\n}\n.x21-network-copy { position:sticky; top:28px; }\n.x21-pills { display:flex; flex-wrap:wrap; gap:11px; align-content:flex-start; }\n.x21-pill {\n  display:inline-flex; align-items:center; min-height:54px; padding:0 18px;\n  border:1px solid rgba(255,255,255,.17); background:rgba(255,255,255,.035);\n  color:#e7eeee; font-size:14px; font-weight:700;\n}\n.x21-pill:nth-child(3n+1):before,.x21-pill:nth-child(4n):before {\n  content:\"\"; width:7px; height:7px; margin-right:11px; border-radius:50%; background:var(--teal);\n}\n.x21-network-stat {\n  display:grid; grid-template-columns:1fr 1fr; gap:1px; margin-top:42px;\n  background:rgba(255,255,255,.15);\n}\n.x21-network-stat div { padding:22px; background:var(--ink); }\n.x21-network-stat strong { display:block; color:var(--lime); font-size:28px; letter-spacing:-.03em; }\n.x21-network-stat span { display:block; margin-top:4px; color:#9eacb1; font-size:12px; text-transform:uppercase; letter-spacing:.08em; }\n.x21-process-head { display:grid; grid-template-columns:1fr .72fr; gap:80px; align-items:end; }\n.x21-process { display:grid; grid-template-columns:repeat(4,1fr); margin-top:68px; border-top:1px solid var(--line); }\n.x21-step { position:relative; padding:32px 30px 12px 0; border-right:1px solid var(--line); }\n.x21-step:not(:first-child) { padding-left:30px; }\n.x21-step:last-child { border-right:0; }\n.x21-step:before { content:\"\"; position:absolute; top:-5px; left:0; width:9px; height:9px; border-radius:50%; background:var(--teal); }\n.x21-step:not(:first-child):before { left:30px; }\n.x21-step small { color:var(--teal-deep); font-size:11px; font-weight:900; letter-spacing:.12em; }\n.x21-step h3 { margin:25px 0 12px; font-size:24px; }\n.x21-step p { margin:0; color:#657178; font-size:14px; line-height:1.65; }\n.x21-audience-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:62px; }\n.x21-audience-card {\n  min-height:330px; padding:34px; color:var(--white); background:#18232b;\n  border-top:4px solid var(--teal);\n}\n.x21-audience-card:nth-child(2) { border-color:var(--lime); }\n.x21-audience-card:nth-child(3) { border-color:var(--gold); }\n.x21-audience-card .x21-label {\n  display:inline-block; margin-bottom:92px; color:#91a0a5; font-size:11px;\n  font-weight:800; letter-spacing:.13em; text-transform:uppercase;\n}\n.x21-audience-card p { margin:16px 0 0; color:#b9c5c9; font-size:15px; line-height:1.68; }\n.x21-work {\n  display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:64px;\n  border:1px solid var(--line);\n}\n.x21-work-card { min-height:300px; padding:32px; border-right:1px solid var(--line); background:var(--white); }\n.x21-work-card:last-child { border-right:0; }\n.x21-work-mark { width:100%; height:7px; margin-bottom:74px; background:var(--teal); }\n.x21-work-card:nth-child(2) .x21-work-mark { background:var(--lime); }\n.x21-work-card:nth-child(3) .x21-work-mark { background:var(--gold); }\n.x21-work-card p { margin:15px 0 0; color:#657178; font-size:14px; line-height:1.7; }\n.x21-cta { padding:94px 0; background:var(--teal); color:var(--ink); }\n.x21-cta-grid { display:grid; grid-template-columns:1fr auto; gap:48px; align-items:end; }\n.x21-cta .x21-eyebrow:before { background:var(--ink); }\n.x21-cta .x21-h2 { max-width:770px; }\n.x21-cta p { max-width:740px; margin:24px 0 0; font-size:18px; }\n.x21-contact {\n  display:inline-flex; align-items:center; min-height:58px; padding:0 24px;\n  color:var(--white) !important; background:var(--ink); font-size:15px; font-weight:800;\n  white-space:nowrap; transition:transform .2s ease;\n}\n.x21-contact:hover { transform:translateY(-3px); }\n.x21-contact span { margin-left:28px; color:var(--lime); font-size:19px; }\n.x21-signoff {\n  display:flex; justify-content:space-between; gap:30px; padding:24px 0 26px;\n  color:#7b888e; background:var(--ink); font-size:12px;\n}\n.x21-signoff .x21-shell { display:flex; justify-content:space-between; gap:30px; }\n.x21-signoff strong { color:var(--white); letter-spacing:.06em; }\n@media (max-width:900px) {\n  .x21-hero { min-height:auto; padding-top:104px; }\n  .x21-orbit { right:-130px; opacity:.65; }\n  .x21-proof { grid-template-columns:1fr 1fr; margin-top:76px; }\n  .x21-proof div:nth-child(2) { border-right:0; }\n  .x21-proof div:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.18); }\n  .x21-proof div:nth-child(3) { padding-left:0; }\n  .x21-intro-grid,.x21-network-grid,.x21-process-head,.x21-cta-grid { grid-template-columns:1fr; gap:42px; }\n  .x21-network-copy { position:static; }\n  .x21-process { grid-template-columns:1fr 1fr; }\n  .x21-step:nth-child(2) { border-right:0; }\n  .x21-step:nth-child(-n+2) { border-bottom:1px solid var(--line); }\n  .x21-step:nth-child(3) { padding-left:0; }\n  .x21-step:nth-child(3):before { left:0; }\n  .x21-audience-grid,.x21-work { grid-template-columns:1fr; }\n  .x21-audience-card { min-height:260px; }\n  .x21-audience-card .x21-label { margin-bottom:55px; }\n  .x21-work-card { min-height:230px; border-right:0; border-bottom:1px solid var(--line); }\n  .x21-work-card:last-child { border-bottom:0; }\n  .x21-work-mark { margin-bottom:46px; }\n  .x21-cta-grid { align-items:start; }\n}\n@media (max-width:640px) {\n  .x21-shell { width:min(100% - 32px, 1180px); }\n  .x21-hero { padding:84px 0 30px; }\n  .x21-display { font-size:clamp(44px, 14vw, 64px); }\n  .x21-lead { font-size:17px; }\n  .x21-actions { flex-direction:column; }\n  .x21-btn { width:100%; justify-content:space-between; }\n  .x21-proof { grid-template-columns:1fr; }\n  .x21-proof div,.x21-proof div:nth-child(3) { min-height:58px; padding:0; border-right:0; border-bottom:1px solid rgba(255,255,255,.18); }\n  .x21-proof div:last-child { border-bottom:0; }\n  .x21-section { padding:78px 0; }\n  .x21-h2 { font-size:39px; }\n  .x21-intro-note { padding-left:20px; }\n  .x21-card-grid { grid-template-columns:1fr; margin-top:44px; }\n  .x21-card { min-height:330px; padding:28px; }\n  .x21-card-num { margin-bottom:42px; }\n  .x21-pills { gap:8px; }\n  .x21-pill { min-height:48px; padding:0 13px; font-size:13px; }\n  .x21-network-stat { grid-template-columns:1fr; }\n  .x21-process { grid-template-columns:1fr; }\n  .x21-step,.x21-step:not(:first-child),.x21-step:nth-child(3) { padding:28px 0; border-right:0; border-bottom:1px solid var(--line); }\n  .x21-step:not(:first-child):before,.x21-step:nth-child(3):before { left:0; }\n  .x21-step:last-child { border-bottom:0; }\n  .x21-audience-grid { margin-top:44px; }\n  .x21-audience-card { padding:28px; }\n  .x21-cta { padding:72px 0; }\n  .x21-contact { width:100%; justify-content:space-between; }\n  .x21-signoff .x21-shell { flex-direction:column; gap:8px; }\n}\n\n\/* 21x standalone one-page shell *\/\nbody:has(.x21-draft) #masthead,\nbody:has(.x21-draft) .site-header,\nbody:has(.x21-draft) #colophon { display:none !important; }\nbody:has(.x21-draft) .site-content > .ast-container,\nbody:has(.x21-draft) .site-content .ast-container { max-width:none !important; padding:0 !important; }\nbody:has(.x21-draft) .entry-header,\nbody:has(.x21-draft) .entry-title { display:none !important; }\nbody:has(.x21-draft) .entry-content,\nbody:has(.x21-draft) .elementor { margin:0 !important; }\n.x21-nav {\n  position:sticky; top:0; z-index:1000; width:100%;\n  color:#fff; background:rgba(16,24,32,.96);\n  border-bottom:1px solid rgba(255,255,255,.12);\n  backdrop-filter:blur(14px);\n}\n.x21-nav .x21-shell { min-height:70px; display:flex; align-items:center; justify-content:space-between; gap:28px; }\n.x21-brand { color:#fff !important; font-size:26px; line-height:1; font-weight:900; letter-spacing:-.06em; }\n.x21-navlinks { display:flex; align-items:center; gap:25px; }\n.x21-navlinks a { color:#dce5e7 !important; font-size:13px; font-weight:750; }\n.x21-navlinks a:hover { color:#20b8a6 !important; }\n.x21-lang { padding-left:20px; border-left:1px solid rgba(255,255,255,.2); }\n.x21-navcta { padding:10px 15px; color:#101820 !important; background:#20b8a6; border-radius:2px; }\n.x21-navlinks .x21-navcta:hover { color:#101820 !important; background:#36cbbb; }\n.x21-cta { padding-bottom:42px; }\n.x21-contact-copy { align-self:end; padding:18px 22px; border:1px solid rgba(16,24,32,.35); font-size:14px; font-weight:800; }\nbody:has(.x21-draft) :is(.elementor-widget-shortcode,.elementor-widget-wpforms) {\n  width:100vw; position:relative; left:50%; margin-left:-50vw;\n  background:#20b8a6;\n}\nbody:has(.x21-draft) :is(.elementor-widget-shortcode,.elementor-widget-wpforms) > .elementor-widget-container {\n  width:min(1180px, calc(100% - 48px)); margin:0 auto; padding:0 0 90px;\n}\nbody:has(.x21-draft) .wpforms-container { margin:0 !important; padding:34px; background:rgba(255,255,255,.18); border:1px solid rgba(16,24,32,.22); }\nbody:has(.x21-draft) .wpforms-container .wpforms-field { padding:9px 0 !important; }\nbody:has(.x21-draft) .wpforms-container label { color:#101820 !important; font-weight:750 !important; }\nbody:has(.x21-draft) .wpforms-container input[type=\"text\"],\nbody:has(.x21-draft) .wpforms-container input[type=\"email\"],\nbody:has(.x21-draft) .wpforms-container textarea {\n  width:100% !important; max-width:none !important; min-height:52px;\n  color:#101820 !important; background:#fff !important;\n  border:1px solid rgba(16,24,32,.22) !important; border-radius:2px !important;\n}\nbody:has(.x21-draft) .wpforms-container textarea { min-height:150px; }\nbody:has(.x21-draft) .wpforms-container .wpforms-field-checkbox { display:none !important; }\nbody:has(.x21-draft) .wpforms-container button[type=\"submit\"] {\n  min-height:54px !important; padding:0 25px !important;\n  color:#fff !important; background:#101820 !important; border:0 !important; border-radius:2px !important;\n  font-weight:800 !important;\n}\nbody:has(.x21-draft) .wpforms-container button[type=\"submit\"]:hover { background:#26323a !important; }\n.x21-form-note {\n  width:100vw; position:relative; left:50%; margin-left:-50vw;\n  padding:0 0 34px; color:#26323a; background:#20b8a6; font-size:12px;\n}\n.x21-form-note a { color:#101820 !important; text-decoration:underline !important; }\n.x21-page-footer {\n  width:100vw; position:relative; left:50%; margin-left:-50vw;\n  color:#aeb9bd; background:#101820;\n}\n.x21-page-footer .x21-shell { min-height:84px; display:flex; align-items:center; justify-content:space-between; gap:28px; }\n.x21-page-footer strong { color:#fff; letter-spacing:.06em; }\n.x21-legal-links { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:18px; }\n.x21-legal-links a { color:#d8e0e2 !important; font-size:12px; }\n.x21-legal-links a:hover { color:#20b8a6 !important; }\n@media (max-width:900px) {\n  .x21-navlinks a:not(.x21-lang):not(.x21-navcta) { display:none; }\n}\n@media (max-width:640px) {\n  .x21-nav .x21-shell { min-height:62px; }\n  .x21-navlinks { gap:13px; }\n  .x21-lang { padding-left:13px; }\n  .x21-navcta { padding:8px 11px; }\n  body:has(.x21-draft) :is(.elementor-widget-shortcode,.elementor-widget-wpforms) > .elementor-widget-container { width:min(100% - 32px,1180px); }\n  body:has(.x21-draft) .wpforms-container { padding:22px; }\n  .x21-page-footer .x21-shell { padding:24px 0; align-items:flex-start; flex-direction:column; }\n  .x21-legal-links { justify-content:flex-start; }\n}\n\n\n.x21-brand{display:inline-flex!important;align-items:center;flex:0 0 auto;line-height:1!important}\n.x21-brandmark{display:block;width:79px;height:31px;filter:invert(1)}\n@media(max-width:640px){.x21-brandmark{width:69px;height:27px}}\n<\/style>\n\n<main class=\"x21-draft\" id=\"top\">\n  <nav class=\"x21-nav\" aria-label=\"Main navigation\">\n    <div class=\"x21-shell\">\n      <a class=\"x21-brand\" href=\"#top\" aria-label=\"21x home\"><img decoding=\"async\" class=\"x21-brandmark\" src=\"https:\/\/21x.at\/wp-content\/uploads\/2025\/01\/21x-logo.svg\" alt=\"21x\"><\/a>\n      <div class=\"x21-navlinks\">\n        <a href=\"#capabilities\">Capabilities<\/a>\n        <a href=\"#experts\">Experts<\/a>\n        <a href=\"#process\">How we work<\/a>\n        <a class=\"x21-lang\" href=\"\/\">DE<\/a>\n        <a class=\"x21-navcta\" href=\"#contact\">Contact<\/a>\n      <\/div>\n    <\/div>\n  <\/nav>\n  <section class=\"x21-flow\" aria-label=\"21x highlights\" aria-roledescription=\"carousel\">\n  <div class=\"x21f-slides\" aria-live=\"off\">\n    <article class=\"x21f-slide x21f-d3 is-active\" aria-label=\"Banner 1 of 6\" aria-hidden=\"false\">\n      <div class=\"x21f-d3-layout\">\n        <div class=\"x21f-d3-art\" aria-hidden=\"true\">\n          <i class=\"x21f-d3-shape x21f-d3-blue-band\"><\/i>\n          <i class=\"x21f-d3-shape x21f-d3-red-band\"><\/i>\n          <i class=\"x21f-d3-shape x21f-d3-red-circle\"><\/i>\n          <i class=\"x21f-d3-shape x21f-d3-blue-circle\"><\/i>\n          <i class=\"x21f-d3-shape x21f-d3-paper-block\"><\/i>\n          <i class=\"x21f-d3-shape x21f-d3-cyan-block\"><\/i>\n          <i class=\"x21f-d3-shape x21f-d3-grid\"><\/i>\n        <\/div>\n        <div class=\"x21f-d3-copy\">\n          <div class=\"x21f-copy\">\n            <p class=\"x21f-eyebrow\">21x learning, content &amp; consulting<\/p>\n            <h1 class=\"x21f-headline\">Build learning<br><span class=\"x21f-accent\">that scales.<\/span><\/h1>\n            <div class=\"x21f-d3-services\">Strategy \u00b7 Consulting \u00b7 Content \u00b7 Delivery<\/div>\n            <p class=\"x21f-description\">We turn expert knowledge into learning and content solutions that work across formats, platforms and markets.<\/p>\n            <div class=\"x21f-actions\">\n              <a class=\"x21f-cta x21f-cta--primary\" href=\"#capabilities\">Explore our capabilities <span class=\"x21f-arrow\">\u2193<\/span><\/a>\n              <a class=\"x21f-cta\" href=\"#contact\">Discuss a project <span class=\"x21f-arrow\">\u2197<\/span><\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/article>\n\n    <article class=\"x21f-slide x21f-original\" aria-label=\"Banner 2 of 6\" aria-hidden=\"true\">\n      <div class=\"x21f-inner\">\n        <div class=\"x21f-copy\">\n          <p class=\"x21f-eyebrow\">21x learning, content &amp; consulting<\/p>\n          <h2 class=\"x21f-headline\">Expert knowledge.<br><span class=\"x21f-accent\">Built for global impact.<\/span><\/h2>\n          <p class=\"x21f-description\">21x brings together experienced experts, learning strategists and production teams to create education, content and business solutions for platforms, organizations and audiences worldwide.<\/p>\n          <div class=\"x21f-actions\">\n            <a class=\"x21f-cta x21f-cta--primary\" href=\"#capabilities\">Explore our capabilities <span class=\"x21f-arrow\">\u2193<\/span><\/a>\n            <a class=\"x21f-cta\" href=\"#contact\">Discuss a project <span class=\"x21f-arrow\">\u2197<\/span><\/a>\n          <\/div>\n        <\/div>\n        <div class=\"x21f-orbit\" aria-hidden=\"true\"><i class=\"x21f-orbit-ring\"><b class=\"x21f-orbit-spark\"><\/b><\/i><\/div>\n      <\/div>\n    <\/article>\n\n    <article class=\"x21f-slide x21f-offer\" aria-label=\"Banner 3 of 6\" aria-hidden=\"true\">\n      <img class=\"x21f-offer-bg\" src=\"https:\/\/21x.at\/wp-content\/uploads\/2026\/08\/21x-banner-strategy.webp\" alt=\"\" aria-hidden=\"true\" decoding=\"async\">\n      <div class=\"x21f-inner\">\n        <div class=\"x21f-copy\">\n          <p class=\"x21f-eyebrow\">21x strategy<\/p>\n          <h2 class=\"x21f-headline\">Clear direction.<br><span class=\"x21f-accent\">Stronger decisions.<\/span><\/h2>\n          <p class=\"x21f-description\">We turn complex ambitions into clear priorities, practical roadmaps and decisions teams can act on.<\/p>\n          <div class=\"x21f-actions\">\n            <a class=\"x21f-cta x21f-cta--primary\" href=\"#capabilities\">Explore strategy <span class=\"x21f-arrow\">\u2193<\/span><\/a>\n            <a class=\"x21f-cta\" href=\"#contact\">Discuss your direction <span class=\"x21f-arrow\">\u2197<\/span><\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/article>\n\n    <article class=\"x21f-slide x21f-offer\" aria-label=\"Banner 4 of 6\" aria-hidden=\"true\">\n      <img class=\"x21f-offer-bg\" src=\"https:\/\/21x.at\/wp-content\/uploads\/2026\/08\/21x-banner-consulting.webp\" alt=\"\" aria-hidden=\"true\" decoding=\"async\">\n      <div class=\"x21f-inner\">\n        <div class=\"x21f-copy\">\n          <p class=\"x21f-eyebrow\">21x consulting<\/p>\n          <h2 class=\"x21f-headline\">Complex challenges.<br><span class=\"x21f-accent\">Clear solutions.<\/span><\/h2>\n          <p class=\"x21f-description\">Senior specialists connect business, learning and production requirements into solutions built around the actual challenge.<\/p>\n          <div class=\"x21f-actions\">\n            <a class=\"x21f-cta x21f-cta--primary\" href=\"#capabilities\">Explore consulting <span class=\"x21f-arrow\">\u2193<\/span><\/a>\n            <a class=\"x21f-cta\" href=\"#contact\">Bring us a challenge <span class=\"x21f-arrow\">\u2197<\/span><\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/article>\n\n    <article class=\"x21f-slide x21f-offer\" aria-label=\"Banner 5 of 6\" aria-hidden=\"true\">\n      <img class=\"x21f-offer-bg\" src=\"https:\/\/21x.at\/wp-content\/uploads\/2026\/08\/21x-banner-learning-content.webp\" alt=\"\" aria-hidden=\"true\" decoding=\"async\">\n      <div class=\"x21f-inner\">\n        <div class=\"x21f-copy\">\n          <p class=\"x21f-eyebrow\">21x learning &amp; content<\/p>\n          <h2 class=\"x21f-headline\">Expert-led content.<br><span class=\"x21f-accent\">Made to engage.<\/span><\/h2>\n          <p class=\"x21f-description\">From learning design and scripts to video, audio and digital formats, we build content people understand, use and remember.<\/p>\n          <div class=\"x21f-actions\">\n            <a class=\"x21f-cta x21f-cta--primary\" href=\"#capabilities\">Explore learning &amp; content <span class=\"x21f-arrow\">\u2193<\/span><\/a>\n            <a class=\"x21f-cta\" href=\"#contact\">Develop content <span class=\"x21f-arrow\">\u2197<\/span><\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/article>\n\n    <article class=\"x21f-slide x21f-offer\" aria-label=\"Banner 6 of 6\" aria-hidden=\"true\">\n      <img class=\"x21f-offer-bg\" src=\"https:\/\/21x.at\/wp-content\/uploads\/2026\/08\/21x-banner-global-delivery.webp\" alt=\"\" aria-hidden=\"true\" decoding=\"async\">\n      <div class=\"x21f-inner\">\n        <div class=\"x21f-copy\">\n          <p class=\"x21f-eyebrow\">21x global delivery<\/p>\n          <h2 class=\"x21f-headline\">Global reach.<br><span class=\"x21f-accent\">Reliable delivery.<\/span><\/h2>\n          <p class=\"x21f-description\">Distributed senior teams combine local context with coordinated production and accountable delivery across markets worldwide.<\/p>\n          <div class=\"x21f-actions\">\n            <a class=\"x21f-cta x21f-cta--primary\" href=\"#capabilities\">Explore global delivery <span class=\"x21f-arrow\">\u2193<\/span><\/a>\n            <a class=\"x21f-cta\" href=\"#contact\">Plan a global project <span class=\"x21f-arrow\">\u2197<\/span><\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/article>\n  <\/div>\n\n  <nav class=\"x21f-controls\" aria-label=\"Banner controls\">\n    <button class=\"x21f-control x21f-previous\" type=\"button\" aria-label=\"Previous banner\">\u2190<\/button>\n    <div class=\"x21f-dots\" aria-label=\"Choose banner\"><\/div>\n    <button class=\"x21f-control x21f-next\" type=\"button\" aria-label=\"Next banner\">\u2192<\/button>\n    <button class=\"x21f-control x21f-pause\" type=\"button\" aria-label=\"Pause automatic rotation\" aria-pressed=\"false\">\u2161<\/button>\n    <span class=\"x21f-counter\" aria-hidden=\"true\">01 \/ 06<\/span>\n  <\/nav>\n<\/section>\n\n  <section class=\"x21-section x21-section--white\">\n    <div class=\"x21-shell\">\n      <p class=\"x21-eyebrow\">Who we are<\/p>\n      <div class=\"x21-intro-grid\">\n        <h2 class=\"x21-h2\">One brand.<br>Many experts.<\/h2>\n        <p class=\"x21-intro-note\">21x operates at the intersection of education, media production and business consulting. We build project teams around the actual challenge\u2014combining subject-matter expertise, editorial precision and scalable execution.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"x21-section\" id=\"capabilities\">\n    <div class=\"x21-shell\">\n      <p class=\"x21-eyebrow\">Capabilities<\/p>\n      <h2 class=\"x21-h2\">Knowledge becomes more valuable<br>when it can move.<\/h2>\n      <div class=\"x21-card-grid\">\n        <article class=\"x21-card\">\n          <div class=\"x21-card-num\">01<\/div>\n          <h3 class=\"x21-h3\">Learning &amp; Education<\/h3>\n          <p>Expert-led learning designed for practical relevance, clear outcomes and international audiences.<\/p>\n          <ul class=\"x21-list\">\n            <li>Business, leadership, technology and AI<\/li>\n            <li>On-demand, live and blended programs<\/li>\n            <li>Learning architecture and curriculum design<\/li>\n          <\/ul>\n        <\/article>\n        <article class=\"x21-card\">\n          <div class=\"x21-card-num\">02<\/div>\n          <h3 class=\"x21-h3\">Content Production<\/h3>\n          <p>From the first idea to a production-ready learning asset\u2014editorially sound and built to scale.<\/p>\n          <ul class=\"x21-list\">\n            <li>Video, audio and digital learning formats<\/li>\n            <li>Topic and expert acquisition<\/li>\n            <li>Scripting, production, localization and QA<\/li>\n          <\/ul>\n        <\/article>\n        <article class=\"x21-card\">\n          <div class=\"x21-card-num\">03<\/div>\n          <h3 class=\"x21-h3\">Business Consulting<\/h3>\n          <p>Focused support for organizations translating strategy, change and knowledge into action.<\/p>\n          <ul class=\"x21-list\">\n            <li>Business development and market strategy<\/li>\n            <li>Leadership and organizational learning<\/li>\n            <li>Coaching, workshops and implementation<\/li>\n          <\/ul>\n        <\/article>\n        <article class=\"x21-card\">\n          <div class=\"x21-card-num\">04<\/div>\n          <h3 class=\"x21-h3\">Content Ventures &amp; Licensing<\/h3>\n          <p>Partnership models that turn expertise and intellectual property into reusable learning value.<\/p>\n          <ul class=\"x21-list\">\n            <li>Multilingual catalog development<\/li>\n            <li>Co-development and licensing models<\/li>\n            <li>Platform-ready content systems<\/li>\n          <\/ul>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"x21-section x21-section--dark\" id=\"experts\">\n    <div class=\"x21-shell x21-network-grid\">\n      <div class=\"x21-network-copy\">\n        <p class=\"x21-eyebrow\">The 21x expert network<\/p>\n        <h2 class=\"x21-h2\">The right expertise for each challenge.<\/h2>\n        <p class=\"x21-copy\" style=\"margin-top:28px\">21x works with an international network of practitioners, educators, authors, creative professionals and business leaders. Teams are assembled around project needs, audiences, markets and languages\u2014so every collaboration gets the expertise it requires.<\/p>\n        <div class=\"x21-network-stat\">\n          <div><strong>Flexible<\/strong><span>Project teams<\/span><\/div>\n          <div><strong>Connected<\/strong><span>Across markets<\/span><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"x21-pills\" aria-label=\"Areas of expertise\">\n        <span class=\"x21-pill\">AI &amp; Emerging Technology<\/span>\n        <span class=\"x21-pill\">Business Development<\/span>\n        <span class=\"x21-pill\">Leadership<\/span>\n        <span class=\"x21-pill\">Finance<\/span>\n        <span class=\"x21-pill\">Marketing &amp; Sales<\/span>\n        <span class=\"x21-pill\">Learning Design<\/span>\n        <span class=\"x21-pill\">Communication<\/span>\n        <span class=\"x21-pill\">Wellbeing at Work<\/span>\n        <span class=\"x21-pill\">Media Production<\/span>\n        <span class=\"x21-pill\">International Markets<\/span>\n        <span class=\"x21-pill\">Strategy &amp; Transformation<\/span>\n        <span class=\"x21-pill\">Editorial &amp; Storytelling<\/span>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"x21-section x21-section--white\" id=\"process\">\n    <div class=\"x21-shell\">\n      <div class=\"x21-process-head\">\n        <div>\n          <p class=\"x21-eyebrow\">How we work<\/p>\n          <h2 class=\"x21-h2\">From idea to impact.<\/h2>\n        <\/div>\n        <p class=\"x21-copy\">A modular operating model connects strategy, expert knowledge and production\u2014whether the result is one program, a complete catalog or a long-term learning initiative.<\/p>\n      <\/div>\n      <div class=\"x21-process\">\n        <article class=\"x21-step\">\n          <small>STEP 01<\/small><h3>Discover<\/h3>\n          <p>Clarify audiences, objectives, context and market opportunity.<\/p>\n        <\/article>\n        <article class=\"x21-step\">\n          <small>STEP 02<\/small><h3>Design<\/h3>\n          <p>Select experts, formats and a learning architecture that fits.<\/p>\n        <\/article>\n        <article class=\"x21-step\">\n          <small>STEP 03<\/small><h3>Create<\/h3>\n          <p>Manage editorial work, production, localization and quality.<\/p>\n        <\/article>\n        <article class=\"x21-step\">\n          <small>STEP 04<\/small><h3>Scale<\/h3>\n          <p>Deliver, license, refresh and expand content across markets.<\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"x21-section x21-section--dark\">\n    <div class=\"x21-shell\">\n      <p class=\"x21-eyebrow\">Who we work with<\/p>\n      <h2 class=\"x21-h2\">Built for organizations<br>that want to move knowledge.<\/h2>\n      <div class=\"x21-audience-grid\">\n        <article class=\"x21-audience-card\">\n          <span class=\"x21-label\">Audience 01<\/span>\n          <h3 class=\"x21-h3\">Platforms &amp; Publishers<\/h3>\n          <p>Build and expand catalogs with original, localized content and reliable rights, editorial and production workflows.<\/p>\n        <\/article>\n        <article class=\"x21-audience-card\">\n          <span class=\"x21-label\">Audience 02<\/span>\n          <h3 class=\"x21-h3\">Companies &amp; Institutions<\/h3>\n          <p>Enable workforce learning, AI adoption, leadership development and transformation through tailored content and consulting.<\/p>\n        <\/article>\n        <article class=\"x21-audience-card\">\n          <span class=\"x21-label\">Audience 03<\/span>\n          <h3 class=\"x21-h3\">Experts &amp; Strategic Partners<\/h3>\n          <p>Turn practical expertise into high-quality learning products and long-term, scalable collaborations.<\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"x21-section\">\n    <div class=\"x21-shell\">\n      <p class=\"x21-eyebrow\">Selected team experience<\/p>\n      <div class=\"x21-intro-grid\">\n        <h2 class=\"x21-h2\">Learning and content<br>that travels.<\/h2>\n        <p class=\"x21-copy\">Our teams have contributed to international learning and content initiatives spanning AI fluency, responsible technology, business skills and multilingual course production.<\/p>\n      <\/div>\n      <div class=\"x21-work\">\n        <article class=\"x21-work-card\">\n          <div class=\"x21-work-mark\"><\/div>\n          <h3 class=\"x21-h3\">AI &amp; Responsible Technology<\/h3>\n          <p>AI fluency and responsible-technology learning formats for international professional audiences.<\/p>\n        <\/article>\n        <article class=\"x21-work-card\">\n          <div class=\"x21-work-mark\"><\/div>\n          <h3 class=\"x21-h3\">Business &amp; Leadership<\/h3>\n          <p>Practical courses on business acumen, negotiation, decision-making, marketing and growth.<\/p>\n        <\/article>\n        <article class=\"x21-work-card\">\n          <div class=\"x21-work-mark\"><\/div>\n          <h3 class=\"x21-h3\">Multilingual Catalogs<\/h3>\n          <p>Original and adapted learning content created for global audiences and markets.<\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"x21-cta\" id=\"contact\">\n    <div class=\"x21-shell x21-cta-grid\">\n      <div>\n        <p class=\"x21-eyebrow\">Start a conversation<\/p>\n        <h2 class=\"x21-h2\">Let\u2019s build something valuable.<\/h2>\n        <p>Whether you need a course, a multilingual catalog, a business learning initiative or an experienced project team, 21x can bring the right capabilities together.<\/p>\n      <\/div>\n      <div class=\"x21-contact-copy\">office@21x.at<\/div>\n    <\/div>\n  <\/section>\n\n<\/main>\n\n<style>\n\/* 21x hero brandline mobile *\/\n@media (max-width:720px) {\n  .x21-hero .x21-eyebrow {\n    font-size:11px;\n    letter-spacing:.08em;\n    white-space:nowrap;\n  }\n}\n<\/style>\n<style>\n\/* 21x bannerflow \u2014 scoped to the homepage hero *\/\n.x21-flow {\n  --flow-ink:#0d1821;\n  --flow-deep:#0d1923;\n  --flow-teal:#20bcb1;\n  --flow-lime:#d7e84e;\n  --flow-paper:#f1ead9;\n  --flow-cobalt:#16419f;\n  --flow-red:#ef4b38;\n  --flow-white:#fffefa;\n  background:var(--flow-deep);\n  color:var(--flow-white);\n  height:clamp(590px,42vw,690px);\n  isolation:isolate;\n  overflow:hidden;\n  position:relative;\n}\n.x21-flow * { box-sizing:border-box; }\n.x21f-slides,.x21f-slide { height:100%; }\n.x21f-slide {\n  inset:0;\n  opacity:0;\n  overflow:hidden;\n  pointer-events:none;\n  position:absolute;\n  transform:translateX(2.2%);\n  transition:opacity .48s ease,transform .68s cubic-bezier(.22,.78,.2,1);\n  visibility:hidden;\n}\n.x21f-slide.is-active {\n  opacity:1;\n  pointer-events:auto;\n  transform:translateX(0);\n  visibility:visible;\n  z-index:2;\n}\n.x21f-inner {\n  height:100%;\n  margin:0 auto;\n  max-width:1500px;\n  padding:clamp(50px,5vw,78px) clamp(28px,5vw,72px) 98px;\n  position:relative;\n  z-index:4;\n}\n.x21f-copy { position:relative;z-index:4; }\n.x21f-eyebrow {\n  align-items:center;\n  display:flex;\n  font-size:clamp(11px,.82vw,14px);\n  font-weight:800;\n  gap:11px;\n  letter-spacing:.14em;\n  margin:0 0 23px;\n  text-transform:uppercase;\n}\n.x21f-eyebrow::before {\n  background:var(--flow-teal);\n  content:\"\";\n  display:block;\n  height:2px;\n  width:34px;\n}\n.x21f-headline {\n  color:inherit;\n  font-size:clamp(52px,5.35vw,84px);\n  font-weight:720;\n  letter-spacing:-.057em;\n  line-height:.94;\n  margin:0;\n  max-width:980px;\n}\n.x21f-headline .x21f-accent { color:var(--flow-teal); }\n.x21f-description {\n  color:inherit;\n  font-size:clamp(16px,1.25vw,21px);\n  line-height:1.48;\n  margin:27px 0 0;\n  max-width:790px;\n}\n.x21f-actions {\n  align-items:center;\n  display:flex;\n  flex-wrap:wrap;\n  gap:13px;\n  margin-top:32px;\n}\n.x21f-cta {\n  align-items:center;\n  border:1px solid rgba(255,255,255,.34);\n  color:var(--flow-white);\n  display:inline-flex;\n  font-size:14px;\n  font-weight:800;\n  gap:23px;\n  justify-content:space-between;\n  min-height:52px;\n  padding:0 21px;\n  text-decoration:none;\n  transition:background .2s ease,border-color .2s ease,transform .2s ease;\n}\n.x21f-cta:hover,.x21f-cta:focus-visible {\n  border-color:var(--flow-white);\n  color:var(--flow-white);\n  outline:2px solid transparent;\n  transform:translateY(-2px);\n}\n.x21f-cta--primary {\n  background:var(--flow-teal);\n  border-color:var(--flow-teal);\n  color:#06171a;\n}\n.x21f-cta--primary:hover,.x21f-cta--primary:focus-visible {\n  background:#45d2c8;\n  color:#06171a;\n}\n.x21f-arrow { font-size:18px;font-weight:500;line-height:1; }\n\n\/* D3-inspired risograph main banner *\/\n.x21f-d3 { background:var(--flow-paper);color:var(--flow-cobalt); }\n.x21f-d3::after {\n  background-image:url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'\/%3E%3C\/svg%3E\");\n  content:\"\";\n  inset:0;\n  mix-blend-mode:multiply;\n  opacity:.24;\n  pointer-events:none;\n  position:absolute;\n  z-index:5;\n}\n.x21f-d3-layout {\n  display:grid;\n  grid-template-columns:53% 47%;\n  height:100%;\n  position:relative;\n}\n.x21f-d3-art {\n  background:var(--flow-paper);\n  overflow:hidden;\n  position:relative;\n}\n.x21f-d3-art::before {\n  background-image:radial-gradient(var(--flow-cobalt) 1.8px,transparent 2px);\n  background-size:16px 16px;\n  content:\"\";\n  height:56%;\n  left:5%;\n  opacity:.75;\n  position:absolute;\n  top:3%;\n  width:46%;\n}\n.x21f-d3-shape { mix-blend-mode:multiply;position:absolute; }\n.x21f-d3-blue-band { background:var(--flow-cobalt);height:34%;left:26%;top:0;transform:skewX(-39deg);width:52%; }\n.x21f-d3-red-band { background:var(--flow-red);height:58%;left:30%;top:-17%;transform:rotate(-25deg);width:28%; }\n.x21f-d3-red-circle { background:var(--flow-red);border-radius:50%;bottom:-23%;height:61%;left:27%;width:43%; }\n.x21f-d3-blue-circle { background:var(--flow-cobalt);border-radius:50%;bottom:-33%;height:72%;right:-8%;width:54%; }\n.x21f-d3-paper-block { background:rgba(241,234,217,.78);bottom:0;height:28%;left:0;width:49%; }\n.x21f-d3-cyan-block { background:rgba(93,193,205,.58);height:29%;right:4%;top:39%;width:31%; }\n.x21f-d3-grid {\n  background-image:radial-gradient(var(--flow-red) 2px,transparent 2.4px);\n  background-size:18px 18px;\n  height:42%;\n  opacity:.82;\n  right:3%;\n  top:11%;\n  width:35%;\n}\n.x21f-d3-copy {\n  align-items:center;\n  background:var(--flow-paper);\n  display:flex;\n  padding:52px clamp(36px,4vw,66px) 102px clamp(50px,5vw,80px);\n  position:relative;\n}\n.x21f-d3-copy::before,.x21f-d3-copy::after {\n  content:\"\";\n  height:58%;\n  left:24px;\n  position:absolute;\n  top:14%;\n  width:4px;\n}\n.x21f-d3-copy::before { background:var(--flow-red);transform:translateX(-8px); }\n.x21f-d3-copy::after { background:var(--flow-cobalt); }\n.x21f-d3 .x21f-eyebrow { color:var(--flow-ink);margin-bottom:18px; }\n.x21f-d3 .x21f-eyebrow::before { background:var(--flow-red); }\n.x21f-d3 .x21f-headline { font-size:clamp(48px,4.55vw,75px);letter-spacing:-.045em; }\n.x21f-d3 .x21f-headline .x21f-accent { color:var(--flow-cobalt); }\n.x21f-d3-services {\n  border-top:4px solid var(--flow-red);\n  color:var(--flow-ink);\n  font-size:11px;\n  font-weight:800;\n  letter-spacing:.11em;\n  margin-top:22px;\n  padding-top:12px;\n  text-transform:uppercase;\n}\n.x21f-d3 .x21f-description { color:var(--flow-ink);font-size:15px;margin-top:16px; }\n.x21f-d3 .x21f-actions { margin-top:23px; }\n.x21f-d3 .x21f-cta { border-color:var(--flow-cobalt);color:var(--flow-cobalt);min-height:48px; }\n.x21f-d3 .x21f-cta--primary { background:var(--flow-cobalt);color:white; }\n.x21f-d3 .x21f-cta:hover,.x21f-d3 .x21f-cta:focus-visible { background:var(--flow-red);border-color:var(--flow-red);color:white; }\n\n\/* Current 21x visual language *\/\n.x21f-original {\n  background:radial-gradient(circle at 100% 0,rgba(27,190,177,.15),transparent 45%),linear-gradient(116deg,#0d1822 0%,#0c1b25 55%,#0c2b2c 100%);\n}\n.x21f-original .x21f-inner {\n  align-content:center;\n  display:grid;\n  grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);\n}\n.x21f-orbit { height:360px;justify-self:end;position:relative;width:360px; }\n.x21f-orbit::before,.x21f-orbit::after,.x21f-orbit-ring {\n  border:1px solid rgba(100,216,206,.24);\n  border-radius:50%;\n  content:\"\";\n  inset:8%;\n  position:absolute;\n}\n.x21f-orbit::after { border-style:dashed;inset:20%; }\n.x21f-orbit-ring { inset:31%; }\n.x21f-orbit-spark {\n  background:var(--flow-lime);\n  border-radius:50%;\n  box-shadow:0 0 0 10px rgba(215,232,78,.09),0 0 34px rgba(215,232,78,.42);\n  height:15px;\n  left:25%;\n  position:absolute;\n  top:9%;\n  width:15px;\n}\n\n\/* Four offering banners *\/\n.x21f-offer { background:#02091c;color:var(--flow-white); }\n.x21f-offer-bg {\n  height:100%;\n  inset:0;\n  object-fit:cover;\n  object-position:center;\n  position:absolute;\n  width:100%;\n}\n.x21f-offer::before {\n  background:linear-gradient(90deg,rgba(2,9,28,.98) 0%,rgba(2,9,28,.91) 42%,rgba(2,9,28,.48) 61%,rgba(2,9,28,.08) 80%);\n  content:\"\";\n  inset:0;\n  position:absolute;\n  z-index:2;\n}\n.x21f-offer .x21f-inner { align-items:center;display:flex; }\n.x21f-offer .x21f-copy { max-width:850px; }\n.x21f-offer .x21f-eyebrow { color:#bed8ff; }\n.x21f-offer .x21f-eyebrow::before { background:#36c8ff;box-shadow:0 0 13px rgba(54,200,255,.55); }\n.x21f-offer .x21f-headline .x21f-accent { color:#c68aff;text-shadow:0 0 27px rgba(140,91,255,.25); }\n.x21f-offer .x21f-description { color:#edf2ff;max-width:730px; }\n.x21f-offer .x21f-cta--primary { background:#4868ff;border-color:#7294ff;color:white; }\n.x21f-offer .x21f-cta--primary:hover,.x21f-offer .x21f-cta--primary:focus-visible { background:#7456ea;border-color:#a98cff;color:white; }\n\n\/* Controls *\/\n.x21f-controls {\n  align-items:center;\n  bottom:24px;\n  display:flex;\n  gap:8px;\n  left:max(28px,calc((100% - 1500px)\/2 + 72px));\n  position:absolute;\n  z-index:10;\n}\n.x21f-control {\n  align-items:center;\n  background:rgba(8,20,30,.72);\n  border:1px solid rgba(255,255,255,.34);\n  border-radius:50%;\n  color:white;\n  cursor:pointer;\n  display:inline-flex;\n  font-size:15px;\n  height:38px;\n  justify-content:center;\n  line-height:1;\n  padding:0;\n  transition:background .2s ease,transform .2s ease;\n  width:38px;\n}\n.x21f-control:hover,.x21f-control:focus-visible { background:var(--flow-teal);color:#07181b;outline:2px solid white;outline-offset:2px;transform:translateY(-1px); }\n.x21f-dots { align-items:center;display:flex;gap:6px;margin:0 4px; }\n.x21f-dot {\n  background:rgba(255,255,255,.38);\n  border:0;\n  border-radius:999px;\n  cursor:pointer;\n  height:8px;\n  padding:0;\n  transition:background .2s ease,width .2s ease;\n  width:8px;\n}\n.x21f-dot[aria-current=\"true\"] { background:var(--flow-teal);width:24px; }\n.x21f-dot:focus-visible { outline:2px solid white;outline-offset:3px; }\n.x21f-counter { color:rgba(255,255,255,.82);font-size:11px;font-weight:800;letter-spacing:.12em;margin-left:7px; }\n.x21-flow:has(.x21f-d3.is-active) .x21f-control { background:rgba(22,65,159,.88);border-color:rgba(22,65,159,.45); }\n.x21-flow:has(.x21f-d3.is-active) .x21f-dot { background:rgba(22,65,159,.38); }\n.x21-flow:has(.x21f-d3.is-active) .x21f-dot[aria-current=\"true\"] { background:var(--flow-red); }\n.x21-flow:has(.x21f-d3.is-active) .x21f-counter { color:var(--flow-cobalt); }\n\n@media(max-width:1050px) {\n  .x21-flow { height:620px; }\n  .x21f-headline { font-size:clamp(48px,7vw,69px); }\n  .x21f-original .x21f-inner { grid-template-columns:minmax(0,1.55fr) minmax(190px,.45fr); }\n  .x21f-orbit { height:260px;width:260px; }\n  .x21f-offer::before { background:linear-gradient(90deg,rgba(2,9,28,.99) 0%,rgba(2,9,28,.9) 54%,rgba(2,9,28,.18) 88%); }\n  .x21f-offer .x21f-copy { max-width:70%; }\n}\n@media(max-width:760px) {\n  .x21-flow { height:780px; }\n  .x21f-inner { padding:45px 24px 94px; }\n  .x21f-eyebrow { font-size:10px;margin-bottom:17px; }\n  .x21f-headline { font-size:clamp(38px,11vw,52px);line-height:.96; }\n  html[lang=\"de\"] .x21f-headline { font-size:clamp(35px,9.8vw,47px); }\n  .x21f-description { font-size:15px;line-height:1.48;margin-top:21px; }\n  .x21f-actions { align-items:stretch;flex-direction:column;gap:9px;margin-top:24px; }\n  .x21f-cta { font-size:13px;min-height:48px;width:100%; }\n  .x21f-original .x21f-inner { align-content:start;display:block;padding-top:78px; }\n  .x21f-original .x21f-copy { max-width:100%; }\n  .x21f-orbit { bottom:-68px;height:270px;opacity:.62;position:absolute;right:-76px;width:270px; }\n  .x21f-offer-bg { height:300px !important;object-fit:cover !important;object-position:74% 48%; }\n  .x21f-offer:nth-child(3) .x21f-offer-bg { object-position:76% 48%; }\n  .x21f-offer:nth-child(4) .x21f-offer-bg { object-position:70% 50%; }\n  .x21f-offer:nth-child(5) .x21f-offer-bg { object-position:76% 50%; }\n  .x21f-offer:nth-child(6) .x21f-offer-bg { object-position:77% 48%; }\n  .x21f-offer::before { background:linear-gradient(180deg,rgba(2,9,28,.03) 0,rgba(2,9,28,.28) 31%,rgba(2,9,28,.98) 40%,rgba(2,9,28,1) 100%); }\n  .x21f-offer .x21f-inner { align-items:flex-start;padding-top:324px; }\n  .x21f-offer .x21f-copy { max-width:100%; }\n  .x21f-d3-layout { grid-template-columns:1fr;grid-template-rows:32% 68%; }\n  .x21f-d3-copy { align-items:flex-start;padding:28px 24px 94px 48px; }\n  .x21f-d3-copy::before,.x21f-d3-copy::after { height:63%;left:23px;top:10%; }\n  .x21f-d3 .x21f-eyebrow { margin-bottom:13px; }\n  .x21f-d3 .x21f-headline { font-size:clamp(39px,11vw,52px); }\n  html[lang=\"de\"] .x21f-d3 .x21f-headline { font-size:clamp(36px,10vw,48px); }\n  .x21f-d3-services { border-top-width:3px;font-size:9px;margin-top:15px;padding-top:9px; }\n  .x21f-d3 .x21f-description { font-size:14px;line-height:1.4;margin-top:12px; }\n  .x21f-d3 .x21f-actions { flex-direction:row;gap:8px;margin-top:16px; }\n  .x21f-d3 .x21f-cta { font-size:10px;gap:8px;min-height:42px;padding:0 11px;width:auto; }\n  .x21f-controls { bottom:22px;left:24px; }\n  .x21f-control { height:36px;width:36px; }\n  .x21f-counter { display:none; }\n}\n@media(max-width:420px) {\n  .x21-flow { height:800px; }\n  .x21f-offer .x21f-inner { padding-top:315px; }\n  .x21f-offer-bg { height:290px !important; }\n  .x21f-d3-copy { padding-right:18px; }\n  .x21f-d3 .x21f-actions { flex-direction:column; }\n  .x21f-d3 .x21f-cta { width:100%; }\n  .x21f-controls { gap:6px;left:18px; }\n  .x21f-control { height:34px;width:34px; }\n}\n@media(prefers-reduced-motion:reduce) {\n  .x21f-slide,.x21f-dot,.x21f-cta { transition:none; }\n}\n\n<\/style>\n<script>\n(() => {\n  const root = document.querySelector('.x21-flow');\n  if (!root || root.dataset.flowReady === 'true') return;\n  root.dataset.flowReady = 'true';\n\n  const slides = [...root.querySelectorAll('.x21f-slide')];\n  const dots = root.querySelector('.x21f-dots');\n  const counter = root.querySelector('.x21f-counter');\n  const previous = root.querySelector('.x21f-previous');\n  const next = root.querySelector('.x21f-next');\n  const pauseButton = root.querySelector('.x21f-pause');\n  const isGerman = document.documentElement.lang.toLowerCase().startsWith('de');\n  const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  let current = 0;\n  let paused = reduceMotion;\n  let interactionPaused = false;\n  let timer = null;\n\n  slides.forEach((slide, index) => {\n    const dot = document.createElement('button');\n    dot.className = 'x21f-dot';\n    dot.type = 'button';\n    dot.setAttribute('aria-label', isGerman ? `Banner ${index + 1} anzeigen` : `Show banner ${index + 1}`);\n    dot.addEventListener('click', () => {\n      show(index);\n      schedule();\n    });\n    dots.append(dot);\n  });\n\n  function show(index) {\n    current = (index + slides.length) % slides.length;\n    slides.forEach((slide, i) => {\n      const active = i === current;\n      slide.classList.toggle('is-active', active);\n      slide.setAttribute('aria-hidden', active ? 'false' : 'true');\n      slide.querySelectorAll('a,button').forEach(item => item.tabIndex = active ? 0 : -1);\n    });\n    [...dots.children].forEach((dot, i) => dot.setAttribute('aria-current', i === current ? 'true' : 'false'));\n    counter.textContent = `${String(current + 1).padStart(2, '0')} \/ ${String(slides.length).padStart(2, '0')}`;\n  }\n\n  function schedule() {\n    window.clearTimeout(timer);\n    if (paused || interactionPaused) return;\n    const delay = current === 0 ? 8000 : 6500;\n    timer = window.setTimeout(() => {\n      if (current === slides.length - 1) {\n        show(0);\n        paused = true;\n        updatePauseButton();\n        return;\n      }\n      show(current + 1);\n      schedule();\n    }, delay);\n  }\n\n  function updatePauseButton() {\n    pauseButton.setAttribute('aria-pressed', String(paused));\n    pauseButton.setAttribute('aria-label', paused\n      ? (isGerman ? 'Automatischen Wechsel fortsetzen' : 'Resume automatic rotation')\n      : (isGerman ? 'Automatischen Wechsel pausieren' : 'Pause automatic rotation'));\n    pauseButton.textContent = paused ? '\u25b6' : '\u2161';\n  }\n\n  previous.addEventListener('click', () => { show(current - 1); schedule(); });\n  next.addEventListener('click', () => { show(current + 1); schedule(); });\n  pauseButton.addEventListener('click', () => {\n    paused = !paused;\n    updatePauseButton();\n    schedule();\n  });\n\n  root.addEventListener('mouseenter', () => {\n    interactionPaused = true;\n    window.clearTimeout(timer);\n  });\n  root.addEventListener('mouseleave', () => {\n    interactionPaused = false;\n    schedule();\n  });\n  root.addEventListener('focusin', () => {\n    interactionPaused = true;\n    window.clearTimeout(timer);\n  });\n  root.addEventListener('focusout', event => {\n    if (!root.contains(event.relatedTarget)) {\n      interactionPaused = false;\n      schedule();\n    }\n  });\n  root.addEventListener('keydown', event => {\n    if (event.key === 'ArrowLeft') { show(current - 1); schedule(); }\n    if (event.key === 'ArrowRight') { show(current + 1); schedule(); }\n  });\n\n  show(0);\n  updatePauseButton();\n  schedule();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a6671a0 elementor-widget elementor-widget-wpforms\" data-id=\"a6671a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wpforms.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wpforms-container wpforms-render-modern\" id=\"wpforms-2916\"><form id=\"wpforms-form-2916\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"2916\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/en\/wp-json\/wp\/v2\/pages\/4596\" data-token=\"9014e11a5c20aa2a829087221a3dc280\" data-token-time=\"1790118861\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-2916-field_9-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"9\"><fieldset><legend class=\"wpforms-field-label wpforms-label-hide\" aria-hidden=\"false\">Name <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/legend><div class=\"wpforms-field-row wpforms-field-large\"><div class=\"wpforms-field-row-block wpforms-first wpforms-one-half\"><input type=\"text\" id=\"wpforms-2916-field_9\" class=\"wpforms-field-name-first wpforms-field-required\" name=\"wpforms[fields][9][first]\" placeholder=\"Vorname\" aria-errormessage=\"wpforms-2916-field_9-error\" required><label for=\"wpforms-2916-field_9\" class=\"wpforms-field-sublabel after wpforms-sublabel-hide\">First<\/label><\/div><div class=\"wpforms-field-row-block wpforms-one-half\"><input type=\"text\" id=\"wpforms-2916-field_9-last\" class=\"wpforms-field-name-last wpforms-field-required\" name=\"wpforms[fields][9][last]\" placeholder=\"Nachname\" aria-errormessage=\"wpforms-2916-field_9-last-error\" required><label for=\"wpforms-2916-field_9-last\" class=\"wpforms-field-sublabel after wpforms-sublabel-hide\">Last<\/label><\/div><\/div><\/fieldset><\/div><div id=\"wpforms-2916-field_10-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"10\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-2916-field_10\" aria-hidden=\"false\">Firmenname (optional) <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-2916-field_10\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][10]\" placeholder=\"Firmenname (optional)\" aria-errormessage=\"wpforms-2916-field_10-error\" required><\/div><div id=\"wpforms-2916-field_2-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"2\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-2916-field_2\" aria-hidden=\"false\">E-Mail <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-2916-field_2\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][2]\" placeholder=\"Ihre E-Mail-Adresse\" spellcheck=\"false\" aria-errormessage=\"wpforms-2916-field_2-error\" required><\/div>\t\t<div id=\"wpforms-2916-field_1-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"1\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-2916-field_1\" >Name Nachricht (optional)<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-2916-field_1\" class=\"wpforms-field-medium\" name=\"wpforms[fields][1]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-2916-field_3-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"3\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-2916-field_3\" aria-hidden=\"false\">Nachricht <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><textarea id=\"wpforms-2916-field_3\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][3]\" placeholder=\"Ihre Nachricht\" aria-errormessage=\"wpforms-2916-field_3-error\" required><\/textarea><\/div><div id=\"wpforms-2916-field_8-container\" class=\"wpforms-field wpforms-field-mailchimp\" data-field-id=\"8\"><ul id=\"\" class=\"\"><li class=\"choice-0 depth-1\"><input type=\"checkbox\" id=\"wpforms-2916-field_8_0\" name=\"wpforms[fields][8]\" value=\"1\"  ><label class=\"wpforms-field-label-inline\" for=\"wpforms-2916-field_8_0\">Melden Sie sich f\u00fcr unseren Newsletter an!<\/label><\/li><\/ul><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-2916-field_1-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-2916-field_1-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-2916-field_1-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"2916\"><input type=\"hidden\" name=\"wpforms[time_token]\" value=\"1790118861.9f82a476978034d48f8a6fff1ab57de7449e25ce3fdfa293ef4dd2a535209b66\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/21x.at\/en\/wp-json\/wp\/v2\/pages\/4596\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-2916\" class=\"wpforms-submit\" data-alt-text=\"Senden...\" data-submit-text=\"Senden\" aria-live=\"assertive\" value=\"wpforms-submit\">Senden<\/button><img decoding=\"async\" src=\"https:\/\/21x.at\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div>  <!-- .wpforms-container -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c6a661 elementor-widget elementor-widget-html\" data-id=\"8c6a661\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"x21-form-note\"><div class=\"x21-shell\">By submitting the form, you acknowledge our <a href=\"\/en\/privacy-policy\/\">Privacy Policy<\/a>. Your information is used only to respond to your enquiry.<\/div><\/div>\n<footer class=\"x21-page-footer\">\n  <div class=\"x21-shell\">\n    <strong>21x GmbH<\/strong>\n    <nav class=\"x21-legal-links\" aria-label=\"Legal\">\n      <a href=\"\/en\/legal-notice\/\">Legal Notice<\/a>\n      <a href=\"\/en\/privacy-policy\/\">Privacy Policy<\/a>\n      <a href=\"\/en\/general-terms-and-conditions\/\">General Terms &amp; Conditions (B2B)<\/a>\n    <\/nav>\n  <\/div>\n<\/footer>\n<script>\n(function(){\n  function localize21xForm(){\n    var f=document.getElementById('wpforms-form-2916');\n    if(!f){setTimeout(localize21xForm,150);return;}\n    var q=function(s){return f.querySelector(s);};\n    var set=function(s,t){var e=q(s);if(e)e.textContent=t;};\n    var attr=function(s,n,v){var e=q(s);if(e)e.setAttribute(n,v);};\n    set('label[for=\"wpforms-2916-field_9\"]','First name *');\n    set('label[for=\"wpforms-2916-field_9-last\"]','Last name');\n    attr('#wpforms-2916-field_9','placeholder','First name');\n    attr('#wpforms-2916-field_9-last','placeholder','Last name');\n    set('label[for=\"wpforms-2916-field_10\"]','Company *');\n    attr('#wpforms-2916-field_10','placeholder','Company');\n    set('label[for=\"wpforms-2916-field_2\"]','Email *');\n    attr('#wpforms-2916-field_2','placeholder','Your email address');\n    set('label[for=\"wpforms-2916-field_3\"]','Message *');\n    attr('#wpforms-2916-field_3','placeholder','Tell us briefly about your project');\n    var news=q('input[type=\"checkbox\"]'); if(news){var row=news.closest('.wpforms-field');if(row)row.style.setProperty('display','none','important');}\n    var b=q('#wpforms-submit-2916'); if(b){b.textContent='Send enquiry';b.setAttribute('data-alt-text','Sending\u2026');}\n  }\n  if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',localize21xForm);}else{localize21xForm();}\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Capabilities Experts How we work DE Contact 21x learning, content &amp; consulting Build learningthat scales. Strategy \u00b7 Consulting \u00b7 Content \u00b7 Delivery We turn expert knowledge into learning and content solutions that work across formats, platforms and markets. Explore our capabilities \u2193 Discuss a project \u2197 21x learning, content &amp; consulting Expert knowledge.Built for global [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-4596","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>21x \u2013 Learning, Content &amp; Consulting - 21x<\/title>\n<meta name=\"description\" content=\"21x bietet ma\u00dfgeschneiderte eLearning-L\u00f6sungen f\u00fcr Unternehmen. Von hochwertigen Lerninhalten bis hin zu innovativen Strategien \u2013 erfahren Sie mehr \u00fcber unsere Services und Vision.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/21x.at\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"21x \u2013 Learning, Content &amp; Consulting - 21x\" \/>\n<meta property=\"og:description\" content=\"21x bietet ma\u00dfgeschneiderte eLearning-L\u00f6sungen f\u00fcr Unternehmen. Von hochwertigen Lerninhalten bis hin zu innovativen Strategien \u2013 erfahren Sie mehr \u00fcber unsere Services und Vision.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/21x.at\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"21x\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-17T22:26:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/21x.at\/wp-content\/uploads\/2025\/01\/21x-logo.svg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/21x.at\\\/en\\\/\",\"url\":\"https:\\\/\\\/21x.at\\\/en\\\/\",\"name\":\"21x \u2013 Learning, Content &amp; Consulting - 21x\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/21x.at\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/21x.at\\\/en\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/21x.at\\\/en\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/21x.at\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/21x-logo.svg\",\"datePublished\":\"2026-08-15T03:24:30+00:00\",\"dateModified\":\"2026-08-17T22:26:58+00:00\",\"description\":\"21x bietet ma\u00dfgeschneiderte eLearning-L\u00f6sungen f\u00fcr Unternehmen. Von hochwertigen Lerninhalten bis hin zu innovativen Strategien \u2013 erfahren Sie mehr \u00fcber unsere Services und Vision.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/21x.at\\\/en\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/21x.at\\\/en\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/21x.at\\\/en\\\/#primaryimage\",\"url\":\"https:\\\/\\\/21x.at\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/21x-logo.svg\",\"contentUrl\":\"https:\\\/\\\/21x.at\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/21x-logo.svg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/21x.at\\\/en\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/21x.at\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"21x \u2013 Learning, Content &amp; Consulting\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/21x.at\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/21x.at\\\/en\\\/\",\"name\":\"21x\",\"description\":\"Ihr Experte f\u00fcr eine zukunftsorientierte Digitalisierungsstrategie\",\"publisher\":{\"@id\":\"https:\\\/\\\/21x.at\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/21x.at\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/21x.at\\\/en\\\/#organization\",\"name\":\"21x\",\"url\":\"https:\\\/\\\/21x.at\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/21x.at\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/21x.at\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/21x-logo.svg\",\"contentUrl\":\"https:\\\/\\\/21x.at\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/21x-logo.svg\",\"width\":570,\"height\":224,\"caption\":\"21x\"},\"image\":{\"@id\":\"https:\\\/\\\/21x.at\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"21x \u2013 Learning, Content &amp; Consulting - 21x","description":"21x bietet ma\u00dfgeschneiderte eLearning-L\u00f6sungen f\u00fcr Unternehmen. Von hochwertigen Lerninhalten bis hin zu innovativen Strategien \u2013 erfahren Sie mehr \u00fcber unsere Services und Vision.","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:\/\/21x.at\/en\/","og_locale":"en_US","og_type":"article","og_title":"21x \u2013 Learning, Content &amp; Consulting - 21x","og_description":"21x bietet ma\u00dfgeschneiderte eLearning-L\u00f6sungen f\u00fcr Unternehmen. Von hochwertigen Lerninhalten bis hin zu innovativen Strategien \u2013 erfahren Sie mehr \u00fcber unsere Services und Vision.","og_url":"https:\/\/21x.at\/en\/","og_site_name":"21x","article_modified_time":"2026-08-17T22:26:58+00:00","og_image":[{"url":"https:\/\/21x.at\/wp-content\/uploads\/2025\/01\/21x-logo.svg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/21x.at\/en\/","url":"https:\/\/21x.at\/en\/","name":"21x \u2013 Learning, Content &amp; Consulting - 21x","isPartOf":{"@id":"https:\/\/21x.at\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/21x.at\/en\/#primaryimage"},"image":{"@id":"https:\/\/21x.at\/en\/#primaryimage"},"thumbnailUrl":"https:\/\/21x.at\/wp-content\/uploads\/2025\/01\/21x-logo.svg","datePublished":"2026-08-15T03:24:30+00:00","dateModified":"2026-08-17T22:26:58+00:00","description":"21x bietet ma\u00dfgeschneiderte eLearning-L\u00f6sungen f\u00fcr Unternehmen. Von hochwertigen Lerninhalten bis hin zu innovativen Strategien \u2013 erfahren Sie mehr \u00fcber unsere Services und Vision.","breadcrumb":{"@id":"https:\/\/21x.at\/en\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/21x.at\/en\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/21x.at\/en\/#primaryimage","url":"https:\/\/21x.at\/wp-content\/uploads\/2025\/01\/21x-logo.svg","contentUrl":"https:\/\/21x.at\/wp-content\/uploads\/2025\/01\/21x-logo.svg"},{"@type":"BreadcrumbList","@id":"https:\/\/21x.at\/en\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/21x.at\/en\/"},{"@type":"ListItem","position":2,"name":"21x \u2013 Learning, Content &amp; Consulting"}]},{"@type":"WebSite","@id":"https:\/\/21x.at\/en\/#website","url":"https:\/\/21x.at\/en\/","name":"21x","description":"Ihr Experte f\u00fcr eine zukunftsorientierte Digitalisierungsstrategie","publisher":{"@id":"https:\/\/21x.at\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/21x.at\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/21x.at\/en\/#organization","name":"21x","url":"https:\/\/21x.at\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/21x.at\/en\/#\/schema\/logo\/image\/","url":"https:\/\/21x.at\/wp-content\/uploads\/2025\/01\/21x-logo.svg","contentUrl":"https:\/\/21x.at\/wp-content\/uploads\/2025\/01\/21x-logo.svg","width":570,"height":224,"caption":"21x"},"image":{"@id":"https:\/\/21x.at\/en\/#\/schema\/logo\/image\/"}}]}},"spectra_custom_meta":{"_uagb_previous_block_counts":["a:90:{s:21:\"uagb\/advanced-heading\";i:0;s:15:\"uagb\/blockquote\";i:0;s:12:\"uagb\/buttons\";i:0;s:18:\"uagb\/buttons-child\";i:0;s:19:\"uagb\/call-to-action\";i:0;s:15:\"uagb\/cf7-styler\";i:0;s:11:\"uagb\/column\";i:0;s:12:\"uagb\/columns\";i:0;s:14:\"uagb\/container\";i:0;s:21:\"uagb\/content-timeline\";i:0;s:27:\"uagb\/content-timeline-child\";i:0;s:14:\"uagb\/countdown\";i:0;s:12:\"uagb\/counter\";i:0;s:8:\"uagb\/faq\";i:0;s:14:\"uagb\/faq-child\";i:0;s:10:\"uagb\/forms\";i:0;s:17:\"uagb\/forms-accept\";i:0;s:19:\"uagb\/forms-checkbox\";i:0;s:15:\"uagb\/forms-date\";i:0;s:16:\"uagb\/forms-email\";i:0;s:17:\"uagb\/forms-hidden\";i:0;s:15:\"uagb\/forms-name\";i:0;s:16:\"uagb\/forms-phone\";i:0;s:16:\"uagb\/forms-radio\";i:0;s:17:\"uagb\/forms-select\";i:0;s:19:\"uagb\/forms-textarea\";i:0;s:17:\"uagb\/forms-toggle\";i:0;s:14:\"uagb\/forms-url\";i:0;s:14:\"uagb\/gf-styler\";i:0;s:15:\"uagb\/google-map\";i:0;s:11:\"uagb\/how-to\";i:0;s:16:\"uagb\/how-to-step\";i:0;s:9:\"uagb\/icon\";i:0;s:14:\"uagb\/icon-list\";i:0;s:20:\"uagb\/icon-list-child\";i:0;s:10:\"uagb\/image\";i:0;s:18:\"uagb\/image-gallery\";i:0;s:13:\"uagb\/info-box\";i:0;s:18:\"uagb\/inline-notice\";i:0;s:11:\"uagb\/lottie\";i:0;s:21:\"uagb\/marketing-button\";i:0;s:10:\"uagb\/modal\";i:0;s:18:\"uagb\/popup-builder\";i:0;s:16:\"uagb\/post-button\";i:0;s:18:\"uagb\/post-carousel\";i:0;s:17:\"uagb\/post-excerpt\";i:0;s:14:\"uagb\/post-grid\";i:0;s:15:\"uagb\/post-image\";i:0;s:17:\"uagb\/post-masonry\";i:0;s:14:\"uagb\/post-meta\";i:0;s:18:\"uagb\/post-taxonomy\";i:0;s:18:\"uagb\/post-timeline\";i:0;s:15:\"uagb\/post-title\";i:0;s:20:\"uagb\/restaurant-menu\";i:0;s:26:\"uagb\/restaurant-menu-child\";i:0;s:11:\"uagb\/review\";i:0;s:12:\"uagb\/section\";i:0;s:14:\"uagb\/separator\";i:0;s:11:\"uagb\/slider\";i:0;s:17:\"uagb\/slider-child\";i:0;s:17:\"uagb\/social-share\";i:0;s:23:\"uagb\/social-share-child\";i:0;s:16:\"uagb\/star-rating\";i:0;s:23:\"uagb\/sure-cart-checkout\";i:0;s:22:\"uagb\/sure-cart-product\";i:0;s:15:\"uagb\/sure-forms\";i:0;s:22:\"uagb\/table-of-contents\";i:0;s:9:\"uagb\/tabs\";i:0;s:15:\"uagb\/tabs-child\";i:0;s:18:\"uagb\/taxonomy-list\";i:0;s:9:\"uagb\/team\";i:0;s:16:\"uagb\/testimonial\";i:0;s:14:\"uagb\/wp-search\";i:0;s:19:\"uagb\/instagram-feed\";i:0;s:10:\"uagb\/login\";i:0;s:17:\"uagb\/loop-builder\";i:0;s:18:\"uagb\/loop-category\";i:0;s:20:\"uagb\/loop-pagination\";i:0;s:15:\"uagb\/loop-reset\";i:0;s:16:\"uagb\/loop-search\";i:0;s:14:\"uagb\/loop-sort\";i:0;s:17:\"uagb\/loop-wrapper\";i:0;s:13:\"uagb\/register\";i:0;s:19:\"uagb\/register-email\";i:0;s:24:\"uagb\/register-first-name\";i:0;s:23:\"uagb\/register-last-name\";i:0;s:22:\"uagb\/register-password\";i:0;s:30:\"uagb\/register-reenter-password\";i:0;s:19:\"uagb\/register-terms\";i:0;s:22:\"uagb\/register-username\";i:0;}"],"_edit_lock":["1787081838:1"],"_alp_processed":["1787005618"],"_uag_custom_page_level_css":[""],"site-sidebar-layout":["no-sidebar"],"site-content-layout":["page-builder"],"ast-site-content-layout":["full-width-container"],"site-content-style":["default"],"site-sidebar-style":["default"],"ast-global-header-display":[""],"ast-banner-title-visibility":[""],"ast-main-header-display":[""],"ast-hfb-above-header-display":[""],"ast-hfb-below-header-display":[""],"ast-hfb-mobile-header-display":[""],"ast-breadcrumbs-content":[""],"ast-featured-img":["disabled"],"footer-sml-layout":[""],"ast-disable-related-posts":[""],"theme-transparent-header-meta":[""],"adv-header-id-meta":[""],"stick-header-meta":[""],"header-above-stick-meta":[""],"header-main-stick-meta":[""],"header-below-stick-meta":[""],"astra-migrate-meta-layouts":["set"],"ast-page-background-enabled":["default"],"ast-page-background-meta":["a:3:{s:7:\"desktop\";a:12:{s:16:\"background-color\";s:25:\"var(--ast-global-color-4)\";s:16:\"background-image\";s:0:\"\";s:17:\"background-repeat\";s:6:\"repeat\";s:19:\"background-position\";s:13:\"center center\";s:15:\"background-size\";s:4:\"auto\";s:21:\"background-attachment\";s:6:\"scroll\";s:15:\"background-type\";s:0:\"\";s:16:\"background-media\";s:0:\"\";s:12:\"overlay-type\";s:0:\"\";s:13:\"overlay-color\";s:0:\"\";s:15:\"overlay-opacity\";s:0:\"\";s:16:\"overlay-gradient\";s:0:\"\";}s:6:\"tablet\";a:12:{s:16:\"background-color\";s:0:\"\";s:16:\"background-image\";s:0:\"\";s:17:\"background-repeat\";s:6:\"repeat\";s:19:\"background-position\";s:13:\"center center\";s:15:\"background-size\";s:4:\"auto\";s:21:\"background-attachment\";s:6:\"scroll\";s:15:\"background-type\";s:0:\"\";s:16:\"background-media\";s:0:\"\";s:12:\"overlay-type\";s:0:\"\";s:13:\"overlay-color\";s:0:\"\";s:15:\"overlay-opacity\";s:0:\"\";s:16:\"overlay-gradient\";s:0:\"\";}s:6:\"mobile\";a:12:{s:16:\"background-color\";s:0:\"\";s:16:\"background-image\";s:0:\"\";s:17:\"background-repeat\";s:6:\"repeat\";s:19:\"background-position\";s:13:\"center center\";s:15:\"background-size\";s:4:\"auto\";s:21:\"background-attachment\";s:6:\"scroll\";s:15:\"background-type\";s:0:\"\";s:16:\"background-media\";s:0:\"\";s:12:\"overlay-type\";s:0:\"\";s:13:\"overlay-color\";s:0:\"\";s:15:\"overlay-opacity\";s:0:\"\";s:16:\"overlay-gradient\";s:0:\"\";}}"],"ast-content-background-meta":["a:3:{s:7:\"desktop\";a:12:{s:16:\"background-color\";s:25:\"var(--ast-global-color-5)\";s:16:\"background-image\";s:0:\"\";s:17:\"background-repeat\";s:6:\"repeat\";s:19:\"background-position\";s:13:\"center center\";s:15:\"background-size\";s:4:\"auto\";s:21:\"background-attachment\";s:6:\"scroll\";s:15:\"background-type\";s:0:\"\";s:16:\"background-media\";s:0:\"\";s:12:\"overlay-type\";s:0:\"\";s:13:\"overlay-color\";s:0:\"\";s:15:\"overlay-opacity\";s:0:\"\";s:16:\"overlay-gradient\";s:0:\"\";}s:6:\"tablet\";a:12:{s:16:\"background-color\";s:25:\"var(--ast-global-color-5)\";s:16:\"background-image\";s:0:\"\";s:17:\"background-repeat\";s:6:\"repeat\";s:19:\"background-position\";s:13:\"center center\";s:15:\"background-size\";s:4:\"auto\";s:21:\"background-attachment\";s:6:\"scroll\";s:15:\"background-type\";s:0:\"\";s:16:\"background-media\";s:0:\"\";s:12:\"overlay-type\";s:0:\"\";s:13:\"overlay-color\";s:0:\"\";s:15:\"overlay-opacity\";s:0:\"\";s:16:\"overlay-gradient\";s:0:\"\";}s:6:\"mobile\";a:12:{s:16:\"background-color\";s:25:\"var(--ast-global-color-5)\";s:16:\"background-image\";s:0:\"\";s:17:\"background-repeat\";s:6:\"repeat\";s:19:\"background-position\";s:13:\"center center\";s:15:\"background-size\";s:4:\"auto\";s:21:\"background-attachment\";s:6:\"scroll\";s:15:\"background-type\";s:0:\"\";s:16:\"background-media\";s:0:\"\";s:12:\"overlay-type\";s:0:\"\";s:13:\"overlay-color\";s:0:\"\";s:15:\"overlay-opacity\";s:0:\"\";s:16:\"overlay-gradient\";s:0:\"\";}}"],"footnotes":[""],"_elementor_edit_mode":["builder"],"_elementor_template_type":["wp-page"],"_elementor_data":["[{\"id\":\"8c87279\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"display_condition_list\":[{\"display_condition_login_status\":\"subscriber\",\"_id\":\"22db58e\"}]},\"elements\":[{\"id\":\"e14ee95\",\"elType\":\"widget\",\"settings\":{\"html\":\"<style>\\n.page-id-4596 .entry-header,\\n.page-id-4596 .entry-title { display:none !important; }\\n.page-id-4596 #colophon { display:none !important; }\\n.page-id-4596 .site-content > .ast-container,\\n.page-id-4596 .site-content .ast-container { max-width:none !important; padding-left:0 !important; padding-right:0 !important; }\\n.page-id-4596 .entry-content,\\n.page-id-4596 .elementor { margin:0 !important; }\\n.page-id-4596 .elementor-element.e-con { --container-max-width: none; }\\n.x21-draft {\\n  --ink:#101820;\\n  --ink-2:#26323a;\\n  --paper:#f4f2ec;\\n  --cream:#e9e6dc;\\n  --white:#ffffff;\\n  --teal:#20b8a6;\\n  --teal-deep:#097f78;\\n  --lime:#c8df56;\\n  --gold:#e5a855;\\n  --line:rgba(16,24,32,.14);\\n  width:100vw;\\n  position:relative;\\n  left:50%;\\n  margin-left:-50vw;\\n  overflow:hidden;\\n  color:var(--ink);\\n  background:var(--paper);\\n  font-family:Inter, \\\"Helvetica Neue\\\", Arial, sans-serif;\\n  font-size:16px;\\n  line-height:1.55;\\n}\\n.x21-draft * { box-sizing:border-box; }\\n.x21-draft h1, .x21-draft h2, .x21-draft h3 { color:inherit !important; }\\n.x21-draft a { color:inherit; text-decoration:none !important; }\\n.x21-shell { width:min(1180px, calc(100% - 48px)); margin:0 auto; }\\n.x21-eyebrow {\\n  display:flex; align-items:center; gap:10px;\\n  margin:0 0 22px; font-size:12px; line-height:1;\\n  font-weight:800; letter-spacing:.16em; text-transform:uppercase;\\n}\\n.x21-eyebrow:before { content:\\\"\\\"; width:34px; height:2px; background:var(--teal); }\\n.x21-display {\\n  margin:0; max-width:950px; font-size:clamp(48px, 7vw, 92px);\\n  line-height:.96; letter-spacing:-.055em; font-weight:760;\\n}\\n.x21-display em { color:var(--teal); font-style:normal; }\\n.x21-lead {\\n  max-width:760px; margin:30px 0 0; color:#cbd5d8;\\n  font-size:clamp(18px, 2vw, 22px); line-height:1.55;\\n}\\n.x21-hero {\\n  position:relative; isolation:isolate; min-height:760px; padding:126px 0 54px;\\n  color:var(--white);\\n  background:\\n    radial-gradient(circle at 82% 18%, rgba(32,184,166,.27), transparent 28%),\\n    radial-gradient(circle at 12% 92%, rgba(200,223,86,.10), transparent 23%),\\n    var(--ink);\\n}\\n.x21-hero:after {\\n  content:\\\"21x\\\"; position:absolute; z-index:-1; right:-2vw; bottom:-9vw;\\n  color:rgba(255,255,255,.025); font-size:clamp(250px, 43vw, 620px);\\n  line-height:.8; letter-spacing:-.13em; font-weight:900; white-space:nowrap;\\n}\\n.x21-orbit {\\n  position:absolute; z-index:-1; top:72px; right:6vw; width:320px; height:320px;\\n  border:1px solid rgba(255,255,255,.13); border-radius:50%;\\n}\\n.x21-orbit:before,.x21-orbit:after {\\n  content:\\\"\\\"; position:absolute; border-radius:50%;\\n}\\n.x21-orbit:before { inset:42px; border:1px dashed rgba(32,184,166,.4); }\\n.x21-orbit:after { width:16px; height:16px; top:20px; left:68px; background:var(--lime); box-shadow:0 0 0 8px rgba(200,223,86,.08); }\\n.x21-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:40px; }\\n.x21-btn {\\n  display:inline-flex; align-items:center; justify-content:center; min-height:54px;\\n  padding:0 23px; border:1px solid rgba(255,255,255,.32);\\n  border-radius:2px; font-size:14px; font-weight:800; letter-spacing:.02em;\\n  transition:transform .2s ease, background .2s ease, border-color .2s ease;\\n}\\n.x21-btn:hover { transform:translateY(-2px); }\\n.x21-btn--primary { color:var(--ink); background:var(--teal); border-color:var(--teal); }\\n.x21-btn--primary:hover { background:#36cbbb; }\\n.x21-btn--ghost:hover { border-color:var(--white); background:rgba(255,255,255,.06); }\\n.x21-btn span { margin-left:20px; font-size:18px; }\\n.x21-proof {\\n  display:grid; grid-template-columns:repeat(4,1fr);\\n  margin-top:104px; border-top:1px solid rgba(255,255,255,.18);\\n  border-bottom:1px solid rgba(255,255,255,.18);\\n}\\n.x21-proof div {\\n  min-height:82px; display:flex; align-items:center; padding:0 20px;\\n  border-right:1px solid rgba(255,255,255,.18);\\n  color:#dde5e7; font-size:13px; font-weight:700; letter-spacing:.03em;\\n}\\n.x21-proof div:first-child { padding-left:0; }\\n.x21-proof div:last-child { border-right:0; }\\n.x21-dot { width:7px; height:7px; margin-right:12px; border-radius:50%; background:var(--lime); }\\n.x21-section { padding:116px 0; }\\n.x21-section--white { background:var(--white); }\\n.x21-section--dark { color:var(--white); background:var(--ink); }\\n.x21-intro-grid {\\n  display:grid; grid-template-columns:minmax(0,1.1fr) minmax(300px,.75fr);\\n  align-items:start; gap:90px;\\n}\\n.x21-h2 {\\n  margin:0; font-size:clamp(38px, 5.2vw, 66px); line-height:1.02;\\n  letter-spacing:-.045em; font-weight:740;\\n}\\n.x21-h3 { margin:0; font-size:22px; line-height:1.2; letter-spacing:-.02em; }\\n.x21-copy { margin:0; color:#536069; font-size:18px; line-height:1.72; }\\n.x21-section--dark .x21-copy { color:#b9c5c9; }\\n.x21-intro-note {\\n  padding:28px 0 2px 28px; border-left:3px solid var(--teal);\\n  color:var(--ink-2); font-size:17px; line-height:1.68;\\n}\\n.x21-card-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin-top:64px; }\\n.x21-card {\\n  position:relative; min-height:360px; padding:36px;\\n  border:1px solid var(--line); background:rgba(255,255,255,.55);\\n  overflow:hidden; transition:transform .25s ease, box-shadow .25s ease;\\n}\\n.x21-card:hover { transform:translateY(-5px); box-shadow:0 18px 48px rgba(16,24,32,.09); }\\n.x21-card-num {\\n  display:flex; align-items:center; justify-content:center; width:48px; height:48px;\\n  margin-bottom:60px; color:var(--white); background:var(--ink);\\n  border-radius:50%; font-size:13px; font-weight:800;\\n}\\n.x21-card:nth-child(2) .x21-card-num { background:var(--teal-deep); }\\n.x21-card:nth-child(3) .x21-card-num { color:var(--ink); background:var(--lime); }\\n.x21-card:nth-child(4) .x21-card-num { color:var(--ink); background:var(--gold); }\\n.x21-card p { max-width:470px; margin:16px 0 20px; color:#657178; }\\n.x21-list { list-style:none; padding:0; margin:0; }\\n.x21-list li {\\n  position:relative; padding:8px 0 8px 22px; border-top:1px solid var(--line);\\n  font-size:14px; font-weight:650;\\n}\\n.x21-list li:before { content:\\\"+\\\"; position:absolute; left:0; color:var(--teal-deep); font-weight:900; }\\n.x21-network-grid {\\n  display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);\\n  gap:92px; align-items:start;\\n}\\n.x21-network-copy { position:sticky; top:28px; }\\n.x21-pills { display:flex; flex-wrap:wrap; gap:11px; align-content:flex-start; }\\n.x21-pill {\\n  display:inline-flex; align-items:center; min-height:54px; padding:0 18px;\\n  border:1px solid rgba(255,255,255,.17); background:rgba(255,255,255,.035);\\n  color:#e7eeee; font-size:14px; font-weight:700;\\n}\\n.x21-pill:nth-child(3n+1):before,.x21-pill:nth-child(4n):before {\\n  content:\\\"\\\"; width:7px; height:7px; margin-right:11px; border-radius:50%; background:var(--teal);\\n}\\n.x21-network-stat {\\n  display:grid; grid-template-columns:1fr 1fr; gap:1px; margin-top:42px;\\n  background:rgba(255,255,255,.15);\\n}\\n.x21-network-stat div { padding:22px; background:var(--ink); }\\n.x21-network-stat strong { display:block; color:var(--lime); font-size:28px; letter-spacing:-.03em; }\\n.x21-network-stat span { display:block; margin-top:4px; color:#9eacb1; font-size:12px; text-transform:uppercase; letter-spacing:.08em; }\\n.x21-process-head { display:grid; grid-template-columns:1fr .72fr; gap:80px; align-items:end; }\\n.x21-process { display:grid; grid-template-columns:repeat(4,1fr); margin-top:68px; border-top:1px solid var(--line); }\\n.x21-step { position:relative; padding:32px 30px 12px 0; border-right:1px solid var(--line); }\\n.x21-step:not(:first-child) { padding-left:30px; }\\n.x21-step:last-child { border-right:0; }\\n.x21-step:before { content:\\\"\\\"; position:absolute; top:-5px; left:0; width:9px; height:9px; border-radius:50%; background:var(--teal); }\\n.x21-step:not(:first-child):before { left:30px; }\\n.x21-step small { color:var(--teal-deep); font-size:11px; font-weight:900; letter-spacing:.12em; }\\n.x21-step h3 { margin:25px 0 12px; font-size:24px; }\\n.x21-step p { margin:0; color:#657178; font-size:14px; line-height:1.65; }\\n.x21-audience-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:62px; }\\n.x21-audience-card {\\n  min-height:330px; padding:34px; color:var(--white); background:#18232b;\\n  border-top:4px solid var(--teal);\\n}\\n.x21-audience-card:nth-child(2) { border-color:var(--lime); }\\n.x21-audience-card:nth-child(3) { border-color:var(--gold); }\\n.x21-audience-card .x21-label {\\n  display:inline-block; margin-bottom:92px; color:#91a0a5; font-size:11px;\\n  font-weight:800; letter-spacing:.13em; text-transform:uppercase;\\n}\\n.x21-audience-card p { margin:16px 0 0; color:#b9c5c9; font-size:15px; line-height:1.68; }\\n.x21-work {\\n  display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:64px;\\n  border:1px solid var(--line);\\n}\\n.x21-work-card { min-height:300px; padding:32px; border-right:1px solid var(--line); background:var(--white); }\\n.x21-work-card:last-child { border-right:0; }\\n.x21-work-mark { width:100%; height:7px; margin-bottom:74px; background:var(--teal); }\\n.x21-work-card:nth-child(2) .x21-work-mark { background:var(--lime); }\\n.x21-work-card:nth-child(3) .x21-work-mark { background:var(--gold); }\\n.x21-work-card p { margin:15px 0 0; color:#657178; font-size:14px; line-height:1.7; }\\n.x21-cta { padding:94px 0; background:var(--teal); color:var(--ink); }\\n.x21-cta-grid { display:grid; grid-template-columns:1fr auto; gap:48px; align-items:end; }\\n.x21-cta .x21-eyebrow:before { background:var(--ink); }\\n.x21-cta .x21-h2 { max-width:770px; }\\n.x21-cta p { max-width:740px; margin:24px 0 0; font-size:18px; }\\n.x21-contact {\\n  display:inline-flex; align-items:center; min-height:58px; padding:0 24px;\\n  color:var(--white) !important; background:var(--ink); font-size:15px; font-weight:800;\\n  white-space:nowrap; transition:transform .2s ease;\\n}\\n.x21-contact:hover { transform:translateY(-3px); }\\n.x21-contact span { margin-left:28px; color:var(--lime); font-size:19px; }\\n.x21-signoff {\\n  display:flex; justify-content:space-between; gap:30px; padding:24px 0 26px;\\n  color:#7b888e; background:var(--ink); font-size:12px;\\n}\\n.x21-signoff .x21-shell { display:flex; justify-content:space-between; gap:30px; }\\n.x21-signoff strong { color:var(--white); letter-spacing:.06em; }\\n@media (max-width:900px) {\\n  .x21-hero { min-height:auto; padding-top:104px; }\\n  .x21-orbit { right:-130px; opacity:.65; }\\n  .x21-proof { grid-template-columns:1fr 1fr; margin-top:76px; }\\n  .x21-proof div:nth-child(2) { border-right:0; }\\n  .x21-proof div:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.18); }\\n  .x21-proof div:nth-child(3) { padding-left:0; }\\n  .x21-intro-grid,.x21-network-grid,.x21-process-head,.x21-cta-grid { grid-template-columns:1fr; gap:42px; }\\n  .x21-network-copy { position:static; }\\n  .x21-process { grid-template-columns:1fr 1fr; }\\n  .x21-step:nth-child(2) { border-right:0; }\\n  .x21-step:nth-child(-n+2) { border-bottom:1px solid var(--line); }\\n  .x21-step:nth-child(3) { padding-left:0; }\\n  .x21-step:nth-child(3):before { left:0; }\\n  .x21-audience-grid,.x21-work { grid-template-columns:1fr; }\\n  .x21-audience-card { min-height:260px; }\\n  .x21-audience-card .x21-label { margin-bottom:55px; }\\n  .x21-work-card { min-height:230px; border-right:0; border-bottom:1px solid var(--line); }\\n  .x21-work-card:last-child { border-bottom:0; }\\n  .x21-work-mark { margin-bottom:46px; }\\n  .x21-cta-grid { align-items:start; }\\n}\\n@media (max-width:640px) {\\n  .x21-shell { width:min(100% - 32px, 1180px); }\\n  .x21-hero { padding:84px 0 30px; }\\n  .x21-display { font-size:clamp(44px, 14vw, 64px); }\\n  .x21-lead { font-size:17px; }\\n  .x21-actions { flex-direction:column; }\\n  .x21-btn { width:100%; justify-content:space-between; }\\n  .x21-proof { grid-template-columns:1fr; }\\n  .x21-proof div,.x21-proof div:nth-child(3) { min-height:58px; padding:0; border-right:0; border-bottom:1px solid rgba(255,255,255,.18); }\\n  .x21-proof div:last-child { border-bottom:0; }\\n  .x21-section { padding:78px 0; }\\n  .x21-h2 { font-size:39px; }\\n  .x21-intro-note { padding-left:20px; }\\n  .x21-card-grid { grid-template-columns:1fr; margin-top:44px; }\\n  .x21-card { min-height:330px; padding:28px; }\\n  .x21-card-num { margin-bottom:42px; }\\n  .x21-pills { gap:8px; }\\n  .x21-pill { min-height:48px; padding:0 13px; font-size:13px; }\\n  .x21-network-stat { grid-template-columns:1fr; }\\n  .x21-process { grid-template-columns:1fr; }\\n  .x21-step,.x21-step:not(:first-child),.x21-step:nth-child(3) { padding:28px 0; border-right:0; border-bottom:1px solid var(--line); }\\n  .x21-step:not(:first-child):before,.x21-step:nth-child(3):before { left:0; }\\n  .x21-step:last-child { border-bottom:0; }\\n  .x21-audience-grid { margin-top:44px; }\\n  .x21-audience-card { padding:28px; }\\n  .x21-cta { padding:72px 0; }\\n  .x21-contact { width:100%; justify-content:space-between; }\\n  .x21-signoff .x21-shell { flex-direction:column; gap:8px; }\\n}\\n\\n\\\/* 21x standalone one-page shell *\\\/\\nbody:has(.x21-draft) #masthead,\\nbody:has(.x21-draft) .site-header,\\nbody:has(.x21-draft) #colophon { display:none !important; }\\nbody:has(.x21-draft) .site-content > .ast-container,\\nbody:has(.x21-draft) .site-content .ast-container { max-width:none !important; padding:0 !important; }\\nbody:has(.x21-draft) .entry-header,\\nbody:has(.x21-draft) .entry-title { display:none !important; }\\nbody:has(.x21-draft) .entry-content,\\nbody:has(.x21-draft) .elementor { margin:0 !important; }\\n.x21-nav {\\n  position:sticky; top:0; z-index:1000; width:100%;\\n  color:#fff; background:rgba(16,24,32,.96);\\n  border-bottom:1px solid rgba(255,255,255,.12);\\n  backdrop-filter:blur(14px);\\n}\\n.x21-nav .x21-shell { min-height:70px; display:flex; align-items:center; justify-content:space-between; gap:28px; }\\n.x21-brand { color:#fff !important; font-size:26px; line-height:1; font-weight:900; letter-spacing:-.06em; }\\n.x21-navlinks { display:flex; align-items:center; gap:25px; }\\n.x21-navlinks a { color:#dce5e7 !important; font-size:13px; font-weight:750; }\\n.x21-navlinks a:hover { color:#20b8a6 !important; }\\n.x21-lang { padding-left:20px; border-left:1px solid rgba(255,255,255,.2); }\\n.x21-navcta { padding:10px 15px; color:#101820 !important; background:#20b8a6; border-radius:2px; }\\n.x21-navlinks .x21-navcta:hover { color:#101820 !important; background:#36cbbb; }\\n.x21-cta { padding-bottom:42px; }\\n.x21-contact-copy { align-self:end; padding:18px 22px; border:1px solid rgba(16,24,32,.35); font-size:14px; font-weight:800; }\\nbody:has(.x21-draft) :is(.elementor-widget-shortcode,.elementor-widget-wpforms) {\\n  width:100vw; position:relative; left:50%; margin-left:-50vw;\\n  background:#20b8a6;\\n}\\nbody:has(.x21-draft) :is(.elementor-widget-shortcode,.elementor-widget-wpforms) > .elementor-widget-container {\\n  width:min(1180px, calc(100% - 48px)); margin:0 auto; padding:0 0 90px;\\n}\\nbody:has(.x21-draft) .wpforms-container { margin:0 !important; padding:34px; background:rgba(255,255,255,.18); border:1px solid rgba(16,24,32,.22); }\\nbody:has(.x21-draft) .wpforms-container .wpforms-field { padding:9px 0 !important; }\\nbody:has(.x21-draft) .wpforms-container label { color:#101820 !important; font-weight:750 !important; }\\nbody:has(.x21-draft) .wpforms-container input[type=\\\"text\\\"],\\nbody:has(.x21-draft) .wpforms-container input[type=\\\"email\\\"],\\nbody:has(.x21-draft) .wpforms-container textarea {\\n  width:100% !important; max-width:none !important; min-height:52px;\\n  color:#101820 !important; background:#fff !important;\\n  border:1px solid rgba(16,24,32,.22) !important; border-radius:2px !important;\\n}\\nbody:has(.x21-draft) .wpforms-container textarea { min-height:150px; }\\nbody:has(.x21-draft) .wpforms-container .wpforms-field-checkbox { display:none !important; }\\nbody:has(.x21-draft) .wpforms-container button[type=\\\"submit\\\"] {\\n  min-height:54px !important; padding:0 25px !important;\\n  color:#fff !important; background:#101820 !important; border:0 !important; border-radius:2px !important;\\n  font-weight:800 !important;\\n}\\nbody:has(.x21-draft) .wpforms-container button[type=\\\"submit\\\"]:hover { background:#26323a !important; }\\n.x21-form-note {\\n  width:100vw; position:relative; left:50%; margin-left:-50vw;\\n  padding:0 0 34px; color:#26323a; background:#20b8a6; font-size:12px;\\n}\\n.x21-form-note a { color:#101820 !important; text-decoration:underline !important; }\\n.x21-page-footer {\\n  width:100vw; position:relative; left:50%; margin-left:-50vw;\\n  color:#aeb9bd; background:#101820;\\n}\\n.x21-page-footer .x21-shell { min-height:84px; display:flex; align-items:center; justify-content:space-between; gap:28px; }\\n.x21-page-footer strong { color:#fff; letter-spacing:.06em; }\\n.x21-legal-links { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:18px; }\\n.x21-legal-links a { color:#d8e0e2 !important; font-size:12px; }\\n.x21-legal-links a:hover { color:#20b8a6 !important; }\\n@media (max-width:900px) {\\n  .x21-navlinks a:not(.x21-lang):not(.x21-navcta) { display:none; }\\n}\\n@media (max-width:640px) {\\n  .x21-nav .x21-shell { min-height:62px; }\\n  .x21-navlinks { gap:13px; }\\n  .x21-lang { padding-left:13px; }\\n  .x21-navcta { padding:8px 11px; }\\n  body:has(.x21-draft) :is(.elementor-widget-shortcode,.elementor-widget-wpforms) > .elementor-widget-container { width:min(100% - 32px,1180px); }\\n  body:has(.x21-draft) .wpforms-container { padding:22px; }\\n  .x21-page-footer .x21-shell { padding:24px 0; align-items:flex-start; flex-direction:column; }\\n  .x21-legal-links { justify-content:flex-start; }\\n}\\n\\n\\n.x21-brand{display:inline-flex!important;align-items:center;flex:0 0 auto;line-height:1!important}\\n.x21-brandmark{display:block;width:79px;height:31px;filter:invert(1)}\\n@media(max-width:640px){.x21-brandmark{width:69px;height:27px}}\\n<\\\/style>\\n\\n<main class=\\\"x21-draft\\\" id=\\\"top\\\">\\n  <nav class=\\\"x21-nav\\\" aria-label=\\\"Main navigation\\\">\\n    <div class=\\\"x21-shell\\\">\\n      <a class=\\\"x21-brand\\\" href=\\\"#top\\\" aria-label=\\\"21x home\\\"><img decoding=\\\"async\\\" class=\\\"x21-brandmark\\\" src=\\\"https:\\\/\\\/21x.at\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/21x-logo.svg\\\" alt=\\\"21x\\\"><\\\/a>\\n      <div class=\\\"x21-navlinks\\\">\\n        <a href=\\\"#capabilities\\\">Capabilities<\\\/a>\\n        <a href=\\\"#experts\\\">Experts<\\\/a>\\n        <a href=\\\"#process\\\">How we work<\\\/a>\\n        <a class=\\\"x21-lang\\\" href=\\\"\\\/\\\">DE<\\\/a>\\n        <a class=\\\"x21-navcta\\\" href=\\\"#contact\\\">Contact<\\\/a>\\n      <\\\/div>\\n    <\\\/div>\\n  <\\\/nav>\\n  <section class=\\\"x21-flow\\\" aria-label=\\\"21x highlights\\\" aria-roledescription=\\\"carousel\\\">\\n  <div class=\\\"x21f-slides\\\" aria-live=\\\"off\\\">\\n    <article class=\\\"x21f-slide x21f-d3 is-active\\\" aria-label=\\\"Banner 1 of 6\\\" aria-hidden=\\\"false\\\">\\n      <div class=\\\"x21f-d3-layout\\\">\\n        <div class=\\\"x21f-d3-art\\\" aria-hidden=\\\"true\\\">\\n          <i class=\\\"x21f-d3-shape x21f-d3-blue-band\\\"><\\\/i>\\n          <i class=\\\"x21f-d3-shape x21f-d3-red-band\\\"><\\\/i>\\n          <i class=\\\"x21f-d3-shape x21f-d3-red-circle\\\"><\\\/i>\\n          <i class=\\\"x21f-d3-shape x21f-d3-blue-circle\\\"><\\\/i>\\n          <i class=\\\"x21f-d3-shape x21f-d3-paper-block\\\"><\\\/i>\\n          <i class=\\\"x21f-d3-shape x21f-d3-cyan-block\\\"><\\\/i>\\n          <i class=\\\"x21f-d3-shape x21f-d3-grid\\\"><\\\/i>\\n        <\\\/div>\\n        <div class=\\\"x21f-d3-copy\\\">\\n          <div class=\\\"x21f-copy\\\">\\n            <p class=\\\"x21f-eyebrow\\\">21x learning, content &amp; consulting<\\\/p>\\n            <h1 class=\\\"x21f-headline\\\">Build learning<br><span class=\\\"x21f-accent\\\">that scales.<\\\/span><\\\/h1>\\n            <div class=\\\"x21f-d3-services\\\">Strategy \\u00b7 Consulting \\u00b7 Content \\u00b7 Delivery<\\\/div>\\n            <p class=\\\"x21f-description\\\">We turn expert knowledge into learning and content solutions that work across formats, platforms and markets.<\\\/p>\\n            <div class=\\\"x21f-actions\\\">\\n              <a class=\\\"x21f-cta x21f-cta--primary\\\" href=\\\"#capabilities\\\">Explore our capabilities <span class=\\\"x21f-arrow\\\">\\u2193<\\\/span><\\\/a>\\n              <a class=\\\"x21f-cta\\\" href=\\\"#contact\\\">Discuss a project <span class=\\\"x21f-arrow\\\">\\u2197<\\\/span><\\\/a>\\n            <\\\/div>\\n          <\\\/div>\\n        <\\\/div>\\n      <\\\/div>\\n    <\\\/article>\\n\\n    <article class=\\\"x21f-slide x21f-original\\\" aria-label=\\\"Banner 2 of 6\\\" aria-hidden=\\\"true\\\">\\n      <div class=\\\"x21f-inner\\\">\\n        <div class=\\\"x21f-copy\\\">\\n          <p class=\\\"x21f-eyebrow\\\">21x learning, content &amp; consulting<\\\/p>\\n          <h2 class=\\\"x21f-headline\\\">Expert knowledge.<br><span class=\\\"x21f-accent\\\">Built for global impact.<\\\/span><\\\/h2>\\n          <p class=\\\"x21f-description\\\">21x brings together experienced experts, learning strategists and production teams to create education, content and business solutions for platforms, organizations and audiences worldwide.<\\\/p>\\n          <div class=\\\"x21f-actions\\\">\\n            <a class=\\\"x21f-cta x21f-cta--primary\\\" href=\\\"#capabilities\\\">Explore our capabilities <span class=\\\"x21f-arrow\\\">\\u2193<\\\/span><\\\/a>\\n            <a class=\\\"x21f-cta\\\" href=\\\"#contact\\\">Discuss a project <span class=\\\"x21f-arrow\\\">\\u2197<\\\/span><\\\/a>\\n          <\\\/div>\\n        <\\\/div>\\n        <div class=\\\"x21f-orbit\\\" aria-hidden=\\\"true\\\"><i class=\\\"x21f-orbit-ring\\\"><b class=\\\"x21f-orbit-spark\\\"><\\\/b><\\\/i><\\\/div>\\n      <\\\/div>\\n    <\\\/article>\\n\\n    <article class=\\\"x21f-slide x21f-offer\\\" aria-label=\\\"Banner 3 of 6\\\" aria-hidden=\\\"true\\\">\\n      <img class=\\\"x21f-offer-bg\\\" src=\\\"https:\\\/\\\/21x.at\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/21x-banner-strategy.webp\\\" alt=\\\"\\\" aria-hidden=\\\"true\\\" decoding=\\\"async\\\">\\n      <div class=\\\"x21f-inner\\\">\\n        <div class=\\\"x21f-copy\\\">\\n          <p class=\\\"x21f-eyebrow\\\">21x strategy<\\\/p>\\n          <h2 class=\\\"x21f-headline\\\">Clear direction.<br><span class=\\\"x21f-accent\\\">Stronger decisions.<\\\/span><\\\/h2>\\n          <p class=\\\"x21f-description\\\">We turn complex ambitions into clear priorities, practical roadmaps and decisions teams can act on.<\\\/p>\\n          <div class=\\\"x21f-actions\\\">\\n            <a class=\\\"x21f-cta x21f-cta--primary\\\" href=\\\"#capabilities\\\">Explore strategy <span class=\\\"x21f-arrow\\\">\\u2193<\\\/span><\\\/a>\\n            <a class=\\\"x21f-cta\\\" href=\\\"#contact\\\">Discuss your direction <span class=\\\"x21f-arrow\\\">\\u2197<\\\/span><\\\/a>\\n          <\\\/div>\\n        <\\\/div>\\n      <\\\/div>\\n    <\\\/article>\\n\\n    <article class=\\\"x21f-slide x21f-offer\\\" aria-label=\\\"Banner 4 of 6\\\" aria-hidden=\\\"true\\\">\\n      <img class=\\\"x21f-offer-bg\\\" src=\\\"https:\\\/\\\/21x.at\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/21x-banner-consulting.webp\\\" alt=\\\"\\\" aria-hidden=\\\"true\\\" decoding=\\\"async\\\">\\n      <div class=\\\"x21f-inner\\\">\\n        <div class=\\\"x21f-copy\\\">\\n          <p class=\\\"x21f-eyebrow\\\">21x consulting<\\\/p>\\n          <h2 class=\\\"x21f-headline\\\">Complex challenges.<br><span class=\\\"x21f-accent\\\">Clear solutions.<\\\/span><\\\/h2>\\n          <p class=\\\"x21f-description\\\">Senior specialists connect business, learning and production requirements into solutions built around the actual challenge.<\\\/p>\\n          <div class=\\\"x21f-actions\\\">\\n            <a class=\\\"x21f-cta x21f-cta--primary\\\" href=\\\"#capabilities\\\">Explore consulting <span class=\\\"x21f-arrow\\\">\\u2193<\\\/span><\\\/a>\\n            <a class=\\\"x21f-cta\\\" href=\\\"#contact\\\">Bring us a challenge <span class=\\\"x21f-arrow\\\">\\u2197<\\\/span><\\\/a>\\n          <\\\/div>\\n        <\\\/div>\\n      <\\\/div>\\n    <\\\/article>\\n\\n    <article class=\\\"x21f-slide x21f-offer\\\" aria-label=\\\"Banner 5 of 6\\\" aria-hidden=\\\"true\\\">\\n      <img class=\\\"x21f-offer-bg\\\" src=\\\"https:\\\/\\\/21x.at\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/21x-banner-learning-content.webp\\\" alt=\\\"\\\" aria-hidden=\\\"true\\\" decoding=\\\"async\\\">\\n      <div class=\\\"x21f-inner\\\">\\n        <div class=\\\"x21f-copy\\\">\\n          <p class=\\\"x21f-eyebrow\\\">21x learning &amp; content<\\\/p>\\n          <h2 class=\\\"x21f-headline\\\">Expert-led content.<br><span class=\\\"x21f-accent\\\">Made to engage.<\\\/span><\\\/h2>\\n          <p class=\\\"x21f-description\\\">From learning design and scripts to video, audio and digital formats, we build content people understand, use and remember.<\\\/p>\\n          <div class=\\\"x21f-actions\\\">\\n            <a class=\\\"x21f-cta x21f-cta--primary\\\" href=\\\"#capabilities\\\">Explore learning &amp; content <span class=\\\"x21f-arrow\\\">\\u2193<\\\/span><\\\/a>\\n            <a class=\\\"x21f-cta\\\" href=\\\"#contact\\\">Develop content <span class=\\\"x21f-arrow\\\">\\u2197<\\\/span><\\\/a>\\n          <\\\/div>\\n        <\\\/div>\\n      <\\\/div>\\n    <\\\/article>\\n\\n    <article class=\\\"x21f-slide x21f-offer\\\" aria-label=\\\"Banner 6 of 6\\\" aria-hidden=\\\"true\\\">\\n      <img class=\\\"x21f-offer-bg\\\" src=\\\"https:\\\/\\\/21x.at\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/21x-banner-global-delivery.webp\\\" alt=\\\"\\\" aria-hidden=\\\"true\\\" decoding=\\\"async\\\">\\n      <div class=\\\"x21f-inner\\\">\\n        <div class=\\\"x21f-copy\\\">\\n          <p class=\\\"x21f-eyebrow\\\">21x global delivery<\\\/p>\\n          <h2 class=\\\"x21f-headline\\\">Global reach.<br><span class=\\\"x21f-accent\\\">Reliable delivery.<\\\/span><\\\/h2>\\n          <p class=\\\"x21f-description\\\">Distributed senior teams combine local context with coordinated production and accountable delivery across markets worldwide.<\\\/p>\\n          <div class=\\\"x21f-actions\\\">\\n            <a class=\\\"x21f-cta x21f-cta--primary\\\" href=\\\"#capabilities\\\">Explore global delivery <span class=\\\"x21f-arrow\\\">\\u2193<\\\/span><\\\/a>\\n            <a class=\\\"x21f-cta\\\" href=\\\"#contact\\\">Plan a global project <span class=\\\"x21f-arrow\\\">\\u2197<\\\/span><\\\/a>\\n          <\\\/div>\\n        <\\\/div>\\n      <\\\/div>\\n    <\\\/article>\\n  <\\\/div>\\n\\n  <nav class=\\\"x21f-controls\\\" aria-label=\\\"Banner controls\\\">\\n    <button class=\\\"x21f-control x21f-previous\\\" type=\\\"button\\\" aria-label=\\\"Previous banner\\\">\\u2190<\\\/button>\\n    <div class=\\\"x21f-dots\\\" aria-label=\\\"Choose banner\\\"><\\\/div>\\n    <button class=\\\"x21f-control x21f-next\\\" type=\\\"button\\\" aria-label=\\\"Next banner\\\">\\u2192<\\\/button>\\n    <button class=\\\"x21f-control x21f-pause\\\" type=\\\"button\\\" aria-label=\\\"Pause automatic rotation\\\" aria-pressed=\\\"false\\\">\\u2161<\\\/button>\\n    <span class=\\\"x21f-counter\\\" aria-hidden=\\\"true\\\">01 \\\/ 06<\\\/span>\\n  <\\\/nav>\\n<\\\/section>\\n\\n  <section class=\\\"x21-section x21-section--white\\\">\\n    <div class=\\\"x21-shell\\\">\\n      <p class=\\\"x21-eyebrow\\\">Who we are<\\\/p>\\n      <div class=\\\"x21-intro-grid\\\">\\n        <h2 class=\\\"x21-h2\\\">One brand.<br>Many experts.<\\\/h2>\\n        <p class=\\\"x21-intro-note\\\">21x operates at the intersection of education, media production and business consulting. We build project teams around the actual challenge\\u2014combining subject-matter expertise, editorial precision and scalable execution.<\\\/p>\\n      <\\\/div>\\n    <\\\/div>\\n  <\\\/section>\\n\\n  <section class=\\\"x21-section\\\" id=\\\"capabilities\\\">\\n    <div class=\\\"x21-shell\\\">\\n      <p class=\\\"x21-eyebrow\\\">Capabilities<\\\/p>\\n      <h2 class=\\\"x21-h2\\\">Knowledge becomes more valuable<br>when it can move.<\\\/h2>\\n      <div class=\\\"x21-card-grid\\\">\\n        <article class=\\\"x21-card\\\">\\n          <div class=\\\"x21-card-num\\\">01<\\\/div>\\n          <h3 class=\\\"x21-h3\\\">Learning &amp; Education<\\\/h3>\\n          <p>Expert-led learning designed for practical relevance, clear outcomes and international audiences.<\\\/p>\\n          <ul class=\\\"x21-list\\\">\\n            <li>Business, leadership, technology and AI<\\\/li>\\n            <li>On-demand, live and blended programs<\\\/li>\\n            <li>Learning architecture and curriculum design<\\\/li>\\n          <\\\/ul>\\n        <\\\/article>\\n        <article class=\\\"x21-card\\\">\\n          <div class=\\\"x21-card-num\\\">02<\\\/div>\\n          <h3 class=\\\"x21-h3\\\">Content Production<\\\/h3>\\n          <p>From the first idea to a production-ready learning asset\\u2014editorially sound and built to scale.<\\\/p>\\n          <ul class=\\\"x21-list\\\">\\n            <li>Video, audio and digital learning formats<\\\/li>\\n            <li>Topic and expert acquisition<\\\/li>\\n            <li>Scripting, production, localization and QA<\\\/li>\\n          <\\\/ul>\\n        <\\\/article>\\n        <article class=\\\"x21-card\\\">\\n          <div class=\\\"x21-card-num\\\">03<\\\/div>\\n          <h3 class=\\\"x21-h3\\\">Business Consulting<\\\/h3>\\n          <p>Focused support for organizations translating strategy, change and knowledge into action.<\\\/p>\\n          <ul class=\\\"x21-list\\\">\\n            <li>Business development and market strategy<\\\/li>\\n            <li>Leadership and organizational learning<\\\/li>\\n            <li>Coaching, workshops and implementation<\\\/li>\\n          <\\\/ul>\\n        <\\\/article>\\n        <article class=\\\"x21-card\\\">\\n          <div class=\\\"x21-card-num\\\">04<\\\/div>\\n          <h3 class=\\\"x21-h3\\\">Content Ventures &amp; Licensing<\\\/h3>\\n          <p>Partnership models that turn expertise and intellectual property into reusable learning value.<\\\/p>\\n          <ul class=\\\"x21-list\\\">\\n            <li>Multilingual catalog development<\\\/li>\\n            <li>Co-development and licensing models<\\\/li>\\n            <li>Platform-ready content systems<\\\/li>\\n          <\\\/ul>\\n        <\\\/article>\\n      <\\\/div>\\n    <\\\/div>\\n  <\\\/section>\\n\\n  <section class=\\\"x21-section x21-section--dark\\\" id=\\\"experts\\\">\\n    <div class=\\\"x21-shell x21-network-grid\\\">\\n      <div class=\\\"x21-network-copy\\\">\\n        <p class=\\\"x21-eyebrow\\\">The 21x expert network<\\\/p>\\n        <h2 class=\\\"x21-h2\\\">The right expertise for each challenge.<\\\/h2>\\n        <p class=\\\"x21-copy\\\" style=\\\"margin-top:28px\\\">21x works with an international network of practitioners, educators, authors, creative professionals and business leaders. Teams are assembled around project needs, audiences, markets and languages\\u2014so every collaboration gets the expertise it requires.<\\\/p>\\n        <div class=\\\"x21-network-stat\\\">\\n          <div><strong>Flexible<\\\/strong><span>Project teams<\\\/span><\\\/div>\\n          <div><strong>Connected<\\\/strong><span>Across markets<\\\/span><\\\/div>\\n        <\\\/div>\\n      <\\\/div>\\n      <div class=\\\"x21-pills\\\" aria-label=\\\"Areas of expertise\\\">\\n        <span class=\\\"x21-pill\\\">AI &amp; Emerging Technology<\\\/span>\\n        <span class=\\\"x21-pill\\\">Business Development<\\\/span>\\n        <span class=\\\"x21-pill\\\">Leadership<\\\/span>\\n        <span class=\\\"x21-pill\\\">Finance<\\\/span>\\n        <span class=\\\"x21-pill\\\">Marketing &amp; Sales<\\\/span>\\n        <span class=\\\"x21-pill\\\">Learning Design<\\\/span>\\n        <span class=\\\"x21-pill\\\">Communication<\\\/span>\\n        <span class=\\\"x21-pill\\\">Wellbeing at Work<\\\/span>\\n        <span class=\\\"x21-pill\\\">Media Production<\\\/span>\\n        <span class=\\\"x21-pill\\\">International Markets<\\\/span>\\n        <span class=\\\"x21-pill\\\">Strategy &amp; Transformation<\\\/span>\\n        <span class=\\\"x21-pill\\\">Editorial &amp; Storytelling<\\\/span>\\n      <\\\/div>\\n    <\\\/div>\\n  <\\\/section>\\n\\n  <section class=\\\"x21-section x21-section--white\\\" id=\\\"process\\\">\\n    <div class=\\\"x21-shell\\\">\\n      <div class=\\\"x21-process-head\\\">\\n        <div>\\n          <p class=\\\"x21-eyebrow\\\">How we work<\\\/p>\\n          <h2 class=\\\"x21-h2\\\">From idea to impact.<\\\/h2>\\n        <\\\/div>\\n        <p class=\\\"x21-copy\\\">A modular operating model connects strategy, expert knowledge and production\\u2014whether the result is one program, a complete catalog or a long-term learning initiative.<\\\/p>\\n      <\\\/div>\\n      <div class=\\\"x21-process\\\">\\n        <article class=\\\"x21-step\\\">\\n          <small>STEP 01<\\\/small><h3>Discover<\\\/h3>\\n          <p>Clarify audiences, objectives, context and market opportunity.<\\\/p>\\n        <\\\/article>\\n        <article class=\\\"x21-step\\\">\\n          <small>STEP 02<\\\/small><h3>Design<\\\/h3>\\n          <p>Select experts, formats and a learning architecture that fits.<\\\/p>\\n        <\\\/article>\\n        <article class=\\\"x21-step\\\">\\n          <small>STEP 03<\\\/small><h3>Create<\\\/h3>\\n          <p>Manage editorial work, production, localization and quality.<\\\/p>\\n        <\\\/article>\\n        <article class=\\\"x21-step\\\">\\n          <small>STEP 04<\\\/small><h3>Scale<\\\/h3>\\n          <p>Deliver, license, refresh and expand content across markets.<\\\/p>\\n        <\\\/article>\\n      <\\\/div>\\n    <\\\/div>\\n  <\\\/section>\\n\\n  <section class=\\\"x21-section x21-section--dark\\\">\\n    <div class=\\\"x21-shell\\\">\\n      <p class=\\\"x21-eyebrow\\\">Who we work with<\\\/p>\\n      <h2 class=\\\"x21-h2\\\">Built for organizations<br>that want to move knowledge.<\\\/h2>\\n      <div class=\\\"x21-audience-grid\\\">\\n        <article class=\\\"x21-audience-card\\\">\\n          <span class=\\\"x21-label\\\">Audience 01<\\\/span>\\n          <h3 class=\\\"x21-h3\\\">Platforms &amp; Publishers<\\\/h3>\\n          <p>Build and expand catalogs with original, localized content and reliable rights, editorial and production workflows.<\\\/p>\\n        <\\\/article>\\n        <article class=\\\"x21-audience-card\\\">\\n          <span class=\\\"x21-label\\\">Audience 02<\\\/span>\\n          <h3 class=\\\"x21-h3\\\">Companies &amp; Institutions<\\\/h3>\\n          <p>Enable workforce learning, AI adoption, leadership development and transformation through tailored content and consulting.<\\\/p>\\n        <\\\/article>\\n        <article class=\\\"x21-audience-card\\\">\\n          <span class=\\\"x21-label\\\">Audience 03<\\\/span>\\n          <h3 class=\\\"x21-h3\\\">Experts &amp; Strategic Partners<\\\/h3>\\n          <p>Turn practical expertise into high-quality learning products and long-term, scalable collaborations.<\\\/p>\\n        <\\\/article>\\n      <\\\/div>\\n    <\\\/div>\\n  <\\\/section>\\n\\n  <section class=\\\"x21-section\\\">\\n    <div class=\\\"x21-shell\\\">\\n      <p class=\\\"x21-eyebrow\\\">Selected team experience<\\\/p>\\n      <div class=\\\"x21-intro-grid\\\">\\n        <h2 class=\\\"x21-h2\\\">Learning and content<br>that travels.<\\\/h2>\\n        <p class=\\\"x21-copy\\\">Our teams have contributed to international learning and content initiatives spanning AI fluency, responsible technology, business skills and multilingual course production.<\\\/p>\\n      <\\\/div>\\n      <div class=\\\"x21-work\\\">\\n        <article class=\\\"x21-work-card\\\">\\n          <div class=\\\"x21-work-mark\\\"><\\\/div>\\n          <h3 class=\\\"x21-h3\\\">AI &amp; Responsible Technology<\\\/h3>\\n          <p>AI fluency and responsible-technology learning formats for international professional audiences.<\\\/p>\\n        <\\\/article>\\n        <article class=\\\"x21-work-card\\\">\\n          <div class=\\\"x21-work-mark\\\"><\\\/div>\\n          <h3 class=\\\"x21-h3\\\">Business &amp; Leadership<\\\/h3>\\n          <p>Practical courses on business acumen, negotiation, decision-making, marketing and growth.<\\\/p>\\n        <\\\/article>\\n        <article class=\\\"x21-work-card\\\">\\n          <div class=\\\"x21-work-mark\\\"><\\\/div>\\n          <h3 class=\\\"x21-h3\\\">Multilingual Catalogs<\\\/h3>\\n          <p>Original and adapted learning content created for global audiences and markets.<\\\/p>\\n        <\\\/article>\\n      <\\\/div>\\n    <\\\/div>\\n  <\\\/section>\\n\\n  <section class=\\\"x21-cta\\\" id=\\\"contact\\\">\\n    <div class=\\\"x21-shell x21-cta-grid\\\">\\n      <div>\\n        <p class=\\\"x21-eyebrow\\\">Start a conversation<\\\/p>\\n        <h2 class=\\\"x21-h2\\\">Let\\u2019s build something valuable.<\\\/h2>\\n        <p>Whether you need a course, a multilingual catalog, a business learning initiative or an experienced project team, 21x can bring the right capabilities together.<\\\/p>\\n      <\\\/div>\\n      <div class=\\\"x21-contact-copy\\\">office@21x.at<\\\/div>\\n    <\\\/div>\\n  <\\\/section>\\n\\n<\\\/main>\\n\\n<style>\\n\\\/* 21x hero brandline mobile *\\\/\\n@media (max-width:720px) {\\n  .x21-hero .x21-eyebrow {\\n    font-size:11px;\\n    letter-spacing:.08em;\\n    white-space:nowrap;\\n  }\\n}\\n<\\\/style>\\n<style>\\n\\\/* 21x bannerflow \\u2014 scoped to the homepage hero *\\\/\\n.x21-flow {\\n  --flow-ink:#0d1821;\\n  --flow-deep:#0d1923;\\n  --flow-teal:#20bcb1;\\n  --flow-lime:#d7e84e;\\n  --flow-paper:#f1ead9;\\n  --flow-cobalt:#16419f;\\n  --flow-red:#ef4b38;\\n  --flow-white:#fffefa;\\n  background:var(--flow-deep);\\n  color:var(--flow-white);\\n  height:clamp(590px,42vw,690px);\\n  isolation:isolate;\\n  overflow:hidden;\\n  position:relative;\\n}\\n.x21-flow * { box-sizing:border-box; }\\n.x21f-slides,.x21f-slide { height:100%; }\\n.x21f-slide {\\n  inset:0;\\n  opacity:0;\\n  overflow:hidden;\\n  pointer-events:none;\\n  position:absolute;\\n  transform:translateX(2.2%);\\n  transition:opacity .48s ease,transform .68s cubic-bezier(.22,.78,.2,1);\\n  visibility:hidden;\\n}\\n.x21f-slide.is-active {\\n  opacity:1;\\n  pointer-events:auto;\\n  transform:translateX(0);\\n  visibility:visible;\\n  z-index:2;\\n}\\n.x21f-inner {\\n  height:100%;\\n  margin:0 auto;\\n  max-width:1500px;\\n  padding:clamp(50px,5vw,78px) clamp(28px,5vw,72px) 98px;\\n  position:relative;\\n  z-index:4;\\n}\\n.x21f-copy { position:relative;z-index:4; }\\n.x21f-eyebrow {\\n  align-items:center;\\n  display:flex;\\n  font-size:clamp(11px,.82vw,14px);\\n  font-weight:800;\\n  gap:11px;\\n  letter-spacing:.14em;\\n  margin:0 0 23px;\\n  text-transform:uppercase;\\n}\\n.x21f-eyebrow::before {\\n  background:var(--flow-teal);\\n  content:\\\"\\\";\\n  display:block;\\n  height:2px;\\n  width:34px;\\n}\\n.x21f-headline {\\n  color:inherit;\\n  font-size:clamp(52px,5.35vw,84px);\\n  font-weight:720;\\n  letter-spacing:-.057em;\\n  line-height:.94;\\n  margin:0;\\n  max-width:980px;\\n}\\n.x21f-headline .x21f-accent { color:var(--flow-teal); }\\n.x21f-description {\\n  color:inherit;\\n  font-size:clamp(16px,1.25vw,21px);\\n  line-height:1.48;\\n  margin:27px 0 0;\\n  max-width:790px;\\n}\\n.x21f-actions {\\n  align-items:center;\\n  display:flex;\\n  flex-wrap:wrap;\\n  gap:13px;\\n  margin-top:32px;\\n}\\n.x21f-cta {\\n  align-items:center;\\n  border:1px solid rgba(255,255,255,.34);\\n  color:var(--flow-white);\\n  display:inline-flex;\\n  font-size:14px;\\n  font-weight:800;\\n  gap:23px;\\n  justify-content:space-between;\\n  min-height:52px;\\n  padding:0 21px;\\n  text-decoration:none;\\n  transition:background .2s ease,border-color .2s ease,transform .2s ease;\\n}\\n.x21f-cta:hover,.x21f-cta:focus-visible {\\n  border-color:var(--flow-white);\\n  color:var(--flow-white);\\n  outline:2px solid transparent;\\n  transform:translateY(-2px);\\n}\\n.x21f-cta--primary {\\n  background:var(--flow-teal);\\n  border-color:var(--flow-teal);\\n  color:#06171a;\\n}\\n.x21f-cta--primary:hover,.x21f-cta--primary:focus-visible {\\n  background:#45d2c8;\\n  color:#06171a;\\n}\\n.x21f-arrow { font-size:18px;font-weight:500;line-height:1; }\\n\\n\\\/* D3-inspired risograph main banner *\\\/\\n.x21f-d3 { background:var(--flow-paper);color:var(--flow-cobalt); }\\n.x21f-d3::after {\\n  background-image:url(\\\"data:image\\\/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http:\\\/\\\/www.w3.org\\\/2000\\\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'\\\/%3E%3C\\\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'\\\/%3E%3C\\\/svg%3E\\\");\\n  content:\\\"\\\";\\n  inset:0;\\n  mix-blend-mode:multiply;\\n  opacity:.24;\\n  pointer-events:none;\\n  position:absolute;\\n  z-index:5;\\n}\\n.x21f-d3-layout {\\n  display:grid;\\n  grid-template-columns:53% 47%;\\n  height:100%;\\n  position:relative;\\n}\\n.x21f-d3-art {\\n  background:var(--flow-paper);\\n  overflow:hidden;\\n  position:relative;\\n}\\n.x21f-d3-art::before {\\n  background-image:radial-gradient(var(--flow-cobalt) 1.8px,transparent 2px);\\n  background-size:16px 16px;\\n  content:\\\"\\\";\\n  height:56%;\\n  left:5%;\\n  opacity:.75;\\n  position:absolute;\\n  top:3%;\\n  width:46%;\\n}\\n.x21f-d3-shape { mix-blend-mode:multiply;position:absolute; }\\n.x21f-d3-blue-band { background:var(--flow-cobalt);height:34%;left:26%;top:0;transform:skewX(-39deg);width:52%; }\\n.x21f-d3-red-band { background:var(--flow-red);height:58%;left:30%;top:-17%;transform:rotate(-25deg);width:28%; }\\n.x21f-d3-red-circle { background:var(--flow-red);border-radius:50%;bottom:-23%;height:61%;left:27%;width:43%; }\\n.x21f-d3-blue-circle { background:var(--flow-cobalt);border-radius:50%;bottom:-33%;height:72%;right:-8%;width:54%; }\\n.x21f-d3-paper-block { background:rgba(241,234,217,.78);bottom:0;height:28%;left:0;width:49%; }\\n.x21f-d3-cyan-block { background:rgba(93,193,205,.58);height:29%;right:4%;top:39%;width:31%; }\\n.x21f-d3-grid {\\n  background-image:radial-gradient(var(--flow-red) 2px,transparent 2.4px);\\n  background-size:18px 18px;\\n  height:42%;\\n  opacity:.82;\\n  right:3%;\\n  top:11%;\\n  width:35%;\\n}\\n.x21f-d3-copy {\\n  align-items:center;\\n  background:var(--flow-paper);\\n  display:flex;\\n  padding:52px clamp(36px,4vw,66px) 102px clamp(50px,5vw,80px);\\n  position:relative;\\n}\\n.x21f-d3-copy::before,.x21f-d3-copy::after {\\n  content:\\\"\\\";\\n  height:58%;\\n  left:24px;\\n  position:absolute;\\n  top:14%;\\n  width:4px;\\n}\\n.x21f-d3-copy::before { background:var(--flow-red);transform:translateX(-8px); }\\n.x21f-d3-copy::after { background:var(--flow-cobalt); }\\n.x21f-d3 .x21f-eyebrow { color:var(--flow-ink);margin-bottom:18px; }\\n.x21f-d3 .x21f-eyebrow::before { background:var(--flow-red); }\\n.x21f-d3 .x21f-headline { font-size:clamp(48px,4.55vw,75px);letter-spacing:-.045em; }\\n.x21f-d3 .x21f-headline .x21f-accent { color:var(--flow-cobalt); }\\n.x21f-d3-services {\\n  border-top:4px solid var(--flow-red);\\n  color:var(--flow-ink);\\n  font-size:11px;\\n  font-weight:800;\\n  letter-spacing:.11em;\\n  margin-top:22px;\\n  padding-top:12px;\\n  text-transform:uppercase;\\n}\\n.x21f-d3 .x21f-description { color:var(--flow-ink);font-size:15px;margin-top:16px; }\\n.x21f-d3 .x21f-actions { margin-top:23px; }\\n.x21f-d3 .x21f-cta { border-color:var(--flow-cobalt);color:var(--flow-cobalt);min-height:48px; }\\n.x21f-d3 .x21f-cta--primary { background:var(--flow-cobalt);color:white; }\\n.x21f-d3 .x21f-cta:hover,.x21f-d3 .x21f-cta:focus-visible { background:var(--flow-red);border-color:var(--flow-red);color:white; }\\n\\n\\\/* Current 21x visual language *\\\/\\n.x21f-original {\\n  background:radial-gradient(circle at 100% 0,rgba(27,190,177,.15),transparent 45%),linear-gradient(116deg,#0d1822 0%,#0c1b25 55%,#0c2b2c 100%);\\n}\\n.x21f-original .x21f-inner {\\n  align-content:center;\\n  display:grid;\\n  grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);\\n}\\n.x21f-orbit { height:360px;justify-self:end;position:relative;width:360px; }\\n.x21f-orbit::before,.x21f-orbit::after,.x21f-orbit-ring {\\n  border:1px solid rgba(100,216,206,.24);\\n  border-radius:50%;\\n  content:\\\"\\\";\\n  inset:8%;\\n  position:absolute;\\n}\\n.x21f-orbit::after { border-style:dashed;inset:20%; }\\n.x21f-orbit-ring { inset:31%; }\\n.x21f-orbit-spark {\\n  background:var(--flow-lime);\\n  border-radius:50%;\\n  box-shadow:0 0 0 10px rgba(215,232,78,.09),0 0 34px rgba(215,232,78,.42);\\n  height:15px;\\n  left:25%;\\n  position:absolute;\\n  top:9%;\\n  width:15px;\\n}\\n\\n\\\/* Four offering banners *\\\/\\n.x21f-offer { background:#02091c;color:var(--flow-white); }\\n.x21f-offer-bg {\\n  height:100%;\\n  inset:0;\\n  object-fit:cover;\\n  object-position:center;\\n  position:absolute;\\n  width:100%;\\n}\\n.x21f-offer::before {\\n  background:linear-gradient(90deg,rgba(2,9,28,.98) 0%,rgba(2,9,28,.91) 42%,rgba(2,9,28,.48) 61%,rgba(2,9,28,.08) 80%);\\n  content:\\\"\\\";\\n  inset:0;\\n  position:absolute;\\n  z-index:2;\\n}\\n.x21f-offer .x21f-inner { align-items:center;display:flex; }\\n.x21f-offer .x21f-copy { max-width:850px; }\\n.x21f-offer .x21f-eyebrow { color:#bed8ff; }\\n.x21f-offer .x21f-eyebrow::before { background:#36c8ff;box-shadow:0 0 13px rgba(54,200,255,.55); }\\n.x21f-offer .x21f-headline .x21f-accent { color:#c68aff;text-shadow:0 0 27px rgba(140,91,255,.25); }\\n.x21f-offer .x21f-description { color:#edf2ff;max-width:730px; }\\n.x21f-offer .x21f-cta--primary { background:#4868ff;border-color:#7294ff;color:white; }\\n.x21f-offer .x21f-cta--primary:hover,.x21f-offer .x21f-cta--primary:focus-visible { background:#7456ea;border-color:#a98cff;color:white; }\\n\\n\\\/* Controls *\\\/\\n.x21f-controls {\\n  align-items:center;\\n  bottom:24px;\\n  display:flex;\\n  gap:8px;\\n  left:max(28px,calc((100% - 1500px)\\\/2 + 72px));\\n  position:absolute;\\n  z-index:10;\\n}\\n.x21f-control {\\n  align-items:center;\\n  background:rgba(8,20,30,.72);\\n  border:1px solid rgba(255,255,255,.34);\\n  border-radius:50%;\\n  color:white;\\n  cursor:pointer;\\n  display:inline-flex;\\n  font-size:15px;\\n  height:38px;\\n  justify-content:center;\\n  line-height:1;\\n  padding:0;\\n  transition:background .2s ease,transform .2s ease;\\n  width:38px;\\n}\\n.x21f-control:hover,.x21f-control:focus-visible { background:var(--flow-teal);color:#07181b;outline:2px solid white;outline-offset:2px;transform:translateY(-1px); }\\n.x21f-dots { align-items:center;display:flex;gap:6px;margin:0 4px; }\\n.x21f-dot {\\n  background:rgba(255,255,255,.38);\\n  border:0;\\n  border-radius:999px;\\n  cursor:pointer;\\n  height:8px;\\n  padding:0;\\n  transition:background .2s ease,width .2s ease;\\n  width:8px;\\n}\\n.x21f-dot[aria-current=\\\"true\\\"] { background:var(--flow-teal);width:24px; }\\n.x21f-dot:focus-visible { outline:2px solid white;outline-offset:3px; }\\n.x21f-counter { color:rgba(255,255,255,.82);font-size:11px;font-weight:800;letter-spacing:.12em;margin-left:7px; }\\n.x21-flow:has(.x21f-d3.is-active) .x21f-control { background:rgba(22,65,159,.88);border-color:rgba(22,65,159,.45); }\\n.x21-flow:has(.x21f-d3.is-active) .x21f-dot { background:rgba(22,65,159,.38); }\\n.x21-flow:has(.x21f-d3.is-active) .x21f-dot[aria-current=\\\"true\\\"] { background:var(--flow-red); }\\n.x21-flow:has(.x21f-d3.is-active) .x21f-counter { color:var(--flow-cobalt); }\\n\\n@media(max-width:1050px) {\\n  .x21-flow { height:620px; }\\n  .x21f-headline { font-size:clamp(48px,7vw,69px); }\\n  .x21f-original .x21f-inner { grid-template-columns:minmax(0,1.55fr) minmax(190px,.45fr); }\\n  .x21f-orbit { height:260px;width:260px; }\\n  .x21f-offer::before { background:linear-gradient(90deg,rgba(2,9,28,.99) 0%,rgba(2,9,28,.9) 54%,rgba(2,9,28,.18) 88%); }\\n  .x21f-offer .x21f-copy { max-width:70%; }\\n}\\n@media(max-width:760px) {\\n  .x21-flow { height:780px; }\\n  .x21f-inner { padding:45px 24px 94px; }\\n  .x21f-eyebrow { font-size:10px;margin-bottom:17px; }\\n  .x21f-headline { font-size:clamp(38px,11vw,52px);line-height:.96; }\\n  html[lang=\\\"de\\\"] .x21f-headline { font-size:clamp(35px,9.8vw,47px); }\\n  .x21f-description { font-size:15px;line-height:1.48;margin-top:21px; }\\n  .x21f-actions { align-items:stretch;flex-direction:column;gap:9px;margin-top:24px; }\\n  .x21f-cta { font-size:13px;min-height:48px;width:100%; }\\n  .x21f-original .x21f-inner { align-content:start;display:block;padding-top:78px; }\\n  .x21f-original .x21f-copy { max-width:100%; }\\n  .x21f-orbit { bottom:-68px;height:270px;opacity:.62;position:absolute;right:-76px;width:270px; }\\n  .x21f-offer-bg { height:300px !important;object-fit:cover !important;object-position:74% 48%; }\\n  .x21f-offer:nth-child(3) .x21f-offer-bg { object-position:76% 48%; }\\n  .x21f-offer:nth-child(4) .x21f-offer-bg { object-position:70% 50%; }\\n  .x21f-offer:nth-child(5) .x21f-offer-bg { object-position:76% 50%; }\\n  .x21f-offer:nth-child(6) .x21f-offer-bg { object-position:77% 48%; }\\n  .x21f-offer::before { background:linear-gradient(180deg,rgba(2,9,28,.03) 0,rgba(2,9,28,.28) 31%,rgba(2,9,28,.98) 40%,rgba(2,9,28,1) 100%); }\\n  .x21f-offer .x21f-inner { align-items:flex-start;padding-top:324px; }\\n  .x21f-offer .x21f-copy { max-width:100%; }\\n  .x21f-d3-layout { grid-template-columns:1fr;grid-template-rows:32% 68%; }\\n  .x21f-d3-copy { align-items:flex-start;padding:28px 24px 94px 48px; }\\n  .x21f-d3-copy::before,.x21f-d3-copy::after { height:63%;left:23px;top:10%; }\\n  .x21f-d3 .x21f-eyebrow { margin-bottom:13px; }\\n  .x21f-d3 .x21f-headline { font-size:clamp(39px,11vw,52px); }\\n  html[lang=\\\"de\\\"] .x21f-d3 .x21f-headline { font-size:clamp(36px,10vw,48px); }\\n  .x21f-d3-services { border-top-width:3px;font-size:9px;margin-top:15px;padding-top:9px; }\\n  .x21f-d3 .x21f-description { font-size:14px;line-height:1.4;margin-top:12px; }\\n  .x21f-d3 .x21f-actions { flex-direction:row;gap:8px;margin-top:16px; }\\n  .x21f-d3 .x21f-cta { font-size:10px;gap:8px;min-height:42px;padding:0 11px;width:auto; }\\n  .x21f-controls { bottom:22px;left:24px; }\\n  .x21f-control { height:36px;width:36px; }\\n  .x21f-counter { display:none; }\\n}\\n@media(max-width:420px) {\\n  .x21-flow { height:800px; }\\n  .x21f-offer .x21f-inner { padding-top:315px; }\\n  .x21f-offer-bg { height:290px !important; }\\n  .x21f-d3-copy { padding-right:18px; }\\n  .x21f-d3 .x21f-actions { flex-direction:column; }\\n  .x21f-d3 .x21f-cta { width:100%; }\\n  .x21f-controls { gap:6px;left:18px; }\\n  .x21f-control { height:34px;width:34px; }\\n}\\n@media(prefers-reduced-motion:reduce) {\\n  .x21f-slide,.x21f-dot,.x21f-cta { transition:none; }\\n}\\n\\n<\\\/style>\\n<script>\\n(() => {\\n  const root = document.querySelector('.x21-flow');\\n  if (!root || root.dataset.flowReady === 'true') return;\\n  root.dataset.flowReady = 'true';\\n\\n  const slides = [...root.querySelectorAll('.x21f-slide')];\\n  const dots = root.querySelector('.x21f-dots');\\n  const counter = root.querySelector('.x21f-counter');\\n  const previous = root.querySelector('.x21f-previous');\\n  const next = root.querySelector('.x21f-next');\\n  const pauseButton = root.querySelector('.x21f-pause');\\n  const isGerman = document.documentElement.lang.toLowerCase().startsWith('de');\\n  const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\\n  let current = 0;\\n  let paused = reduceMotion;\\n  let interactionPaused = false;\\n  let timer = null;\\n\\n  slides.forEach((slide, index) => {\\n    const dot = document.createElement('button');\\n    dot.className = 'x21f-dot';\\n    dot.type = 'button';\\n    dot.setAttribute('aria-label', isGerman ? `Banner ${index + 1} anzeigen` : `Show banner ${index + 1}`);\\n    dot.addEventListener('click', () => {\\n      show(index);\\n      schedule();\\n    });\\n    dots.append(dot);\\n  });\\n\\n  function show(index) {\\n    current = (index + slides.length) % slides.length;\\n    slides.forEach((slide, i) => {\\n      const active = i === current;\\n      slide.classList.toggle('is-active', active);\\n      slide.setAttribute('aria-hidden', active ? 'false' : 'true');\\n      slide.querySelectorAll('a,button').forEach(item => item.tabIndex = active ? 0 : -1);\\n    });\\n    [...dots.children].forEach((dot, i) => dot.setAttribute('aria-current', i === current ? 'true' : 'false'));\\n    counter.textContent = `${String(current + 1).padStart(2, '0')} \\\/ ${String(slides.length).padStart(2, '0')}`;\\n  }\\n\\n  function schedule() {\\n    window.clearTimeout(timer);\\n    if (paused || interactionPaused) return;\\n    const delay = current === 0 ? 8000 : 6500;\\n    timer = window.setTimeout(() => {\\n      if (current === slides.length - 1) {\\n        show(0);\\n        paused = true;\\n        updatePauseButton();\\n        return;\\n      }\\n      show(current + 1);\\n      schedule();\\n    }, delay);\\n  }\\n\\n  function updatePauseButton() {\\n    pauseButton.setAttribute('aria-pressed', String(paused));\\n    pauseButton.setAttribute('aria-label', paused\\n      ? (isGerman ? 'Automatischen Wechsel fortsetzen' : 'Resume automatic rotation')\\n      : (isGerman ? 'Automatischen Wechsel pausieren' : 'Pause automatic rotation'));\\n    pauseButton.textContent = paused ? '\\u25b6' : '\\u2161';\\n  }\\n\\n  previous.addEventListener('click', () => { show(current - 1); schedule(); });\\n  next.addEventListener('click', () => { show(current + 1); schedule(); });\\n  pauseButton.addEventListener('click', () => {\\n    paused = !paused;\\n    updatePauseButton();\\n    schedule();\\n  });\\n\\n  root.addEventListener('mouseenter', () => {\\n    interactionPaused = true;\\n    window.clearTimeout(timer);\\n  });\\n  root.addEventListener('mouseleave', () => {\\n    interactionPaused = false;\\n    schedule();\\n  });\\n  root.addEventListener('focusin', () => {\\n    interactionPaused = true;\\n    window.clearTimeout(timer);\\n  });\\n  root.addEventListener('focusout', event => {\\n    if (!root.contains(event.relatedTarget)) {\\n      interactionPaused = false;\\n      schedule();\\n    }\\n  });\\n  root.addEventListener('keydown', event => {\\n    if (event.key === 'ArrowLeft') { show(current - 1); schedule(); }\\n    if (event.key === 'ArrowRight') { show(current + 1); schedule(); }\\n  });\\n\\n  show(0);\\n  updatePauseButton();\\n  schedule();\\n})();\\n<\\\/script>\\n\",\"display_condition_list\":[{\"display_condition_login_status\":\"subscriber\",\"_id\":\"e8cda2c\"}]},\"elements\":[],\"widgetType\":\"html\"},{\"id\":\"a6671a0\",\"elType\":\"widget\",\"settings\":{\"form_id\":\"2916\",\"display_condition_list\":[{\"display_condition_login_status\":\"subscriber\",\"_id\":\"03a3f00\"}]},\"elements\":[],\"widgetType\":\"wpforms\"},{\"id\":\"8c6a661\",\"elType\":\"widget\",\"settings\":{\"html\":\"\\n<div class=\\\"x21-form-note\\\"><div class=\\\"x21-shell\\\">By submitting the form, you acknowledge our <a href=\\\"\\\/en\\\/privacy-policy\\\/\\\">Privacy Policy<\\\/a>. Your information is used only to respond to your enquiry.<\\\/div><\\\/div>\\n<footer class=\\\"x21-page-footer\\\">\\n  <div class=\\\"x21-shell\\\">\\n    <strong>21x GmbH<\\\/strong>\\n    <nav class=\\\"x21-legal-links\\\" aria-label=\\\"Legal\\\">\\n      <a href=\\\"\\\/en\\\/legal-notice\\\/\\\">Legal Notice<\\\/a>\\n      <a href=\\\"\\\/en\\\/privacy-policy\\\/\\\">Privacy Policy<\\\/a>\\n      <a href=\\\"\\\/en\\\/general-terms-and-conditions\\\/\\\">General Terms &amp; Conditions (B2B)<\\\/a>\\n    <\\\/nav>\\n  <\\\/div>\\n<\\\/footer>\\n<script>\\n(function(){\\n  function localize21xForm(){\\n    var f=document.getElementById('wpforms-form-2916');\\n    if(!f){setTimeout(localize21xForm,150);return;}\\n    var q=function(s){return f.querySelector(s);};\\n    var set=function(s,t){var e=q(s);if(e)e.textContent=t;};\\n    var attr=function(s,n,v){var e=q(s);if(e)e.setAttribute(n,v);};\\n    set('label[for=\\\"wpforms-2916-field_9\\\"]','First name *');\\n    set('label[for=\\\"wpforms-2916-field_9-last\\\"]','Last name');\\n    attr('#wpforms-2916-field_9','placeholder','First name');\\n    attr('#wpforms-2916-field_9-last','placeholder','Last name');\\n    set('label[for=\\\"wpforms-2916-field_10\\\"]','Company *');\\n    attr('#wpforms-2916-field_10','placeholder','Company');\\n    set('label[for=\\\"wpforms-2916-field_2\\\"]','Email *');\\n    attr('#wpforms-2916-field_2','placeholder','Your email address');\\n    set('label[for=\\\"wpforms-2916-field_3\\\"]','Message *');\\n    attr('#wpforms-2916-field_3','placeholder','Tell us briefly about your project');\\n    var news=q('input[type=\\\"checkbox\\\"]'); if(news){var row=news.closest('.wpforms-field');if(row)row.style.setProperty('display','none','important');}\\n    var b=q('#wpforms-submit-2916'); if(b){b.textContent='Send enquiry';b.setAttribute('data-alt-text','Sending\\u2026');}\\n  }\\n  if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',localize21xForm);}else{localize21xForm();}\\n})();\\n<\\\/script>\",\"display_condition_list\":[{\"display_condition_login_status\":\"subscriber\",\"_id\":\"665d28e\"}]},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]"],"_wpml_word_count":["978"],"_edit_last":["1"],"_wpml_media_duplicate":["1"],"_wpml_media_featured":["1"],"_yoast_wpseo_content_score":["90"],"_yoast_wpseo_estimated-reading-time-minutes":["5"],"_astra_content_layout_flag":["disabled"],"ast-title-bar-display":["disabled"],"_elementor_version":["4.2.2"],"_wp_page_template":["default"],"_wpml_location_migration_done":["1"],"_pa_widget_elements":["a:0:{}"],"_wpml_media_has_media":["1"],"_elementor_page_settings":["a:0:{}"],"_elementor_page_assets":["a:1:{s:7:\"scripts\";a:2:{i:0;s:18:\"elementor-frontend\";i:1;s:17:\"wpforms-elementor\";}}"],"_elementor_css":["a:6:{s:4:\"time\";i:1790114782;s:5:\"fonts\";a:0:{}s:5:\"icons\";a:0:{}s:20:\"dynamic_elements_ids\";a:0:{}s:6:\"status\";s:4:\"file\";i:0;s:0:\"\";}"],"_elementor_element_cache":["{\"timeout\":1790201182,\"value\":{\"content\":\"<div class=\\\"elementor-element elementor-element-8c87279 e-flex e-con-boxed e-con e-parent\\\" data-id=\\\"8c87279\\\" data-element_type=\\\"container\\\" data-e-type=\\\"container\\\">\\n\\t\\t\\t\\t\\t<div class=\\\"e-con-inner\\\">\\n\\t\\t\\t\\t<div class=\\\"elementor-element elementor-element-e14ee95 elementor-widget elementor-widget-html\\\" data-id=\\\"e14ee95\\\" data-element_type=\\\"widget\\\" data-e-type=\\\"widget\\\" data-widget_type=\\\"html.default\\\">\\n\\t\\t\\t\\t<div class=\\\"elementor-widget-container\\\">\\n\\t\\t\\t\\t\\t<style>\\n.page-id-4596 .entry-header,\\n.page-id-4596 .entry-title { display:none !important; }\\n.page-id-4596 #colophon { display:none !important; }\\n.page-id-4596 .site-content > .ast-container,\\n.page-id-4596 .site-content .ast-container { max-width:none !important; padding-left:0 !important; padding-right:0 !important; }\\n.page-id-4596 .entry-content,\\n.page-id-4596 .elementor { margin:0 !important; }\\n.page-id-4596 .elementor-element.e-con { --container-max-width: none; }\\n.x21-draft {\\n  --ink:#101820;\\n  --ink-2:#26323a;\\n  --paper:#f4f2ec;\\n  --cream:#e9e6dc;\\n  --white:#ffffff;\\n  --teal:#20b8a6;\\n  --teal-deep:#097f78;\\n  --lime:#c8df56;\\n  --gold:#e5a855;\\n  --line:rgba(16,24,32,.14);\\n  width:100vw;\\n  position:relative;\\n  left:50%;\\n  margin-left:-50vw;\\n  overflow:hidden;\\n  color:var(--ink);\\n  background:var(--paper);\\n  font-family:Inter, \\\"Helvetica Neue\\\", Arial, sans-serif;\\n  font-size:16px;\\n  line-height:1.55;\\n}\\n.x21-draft * { box-sizing:border-box; }\\n.x21-draft h1, .x21-draft h2, .x21-draft h3 { color:inherit !important; }\\n.x21-draft a { color:inherit; text-decoration:none !important; }\\n.x21-shell { width:min(1180px, calc(100% - 48px)); margin:0 auto; }\\n.x21-eyebrow {\\n  display:flex; align-items:center; gap:10px;\\n  margin:0 0 22px; font-size:12px; line-height:1;\\n  font-weight:800; letter-spacing:.16em; text-transform:uppercase;\\n}\\n.x21-eyebrow:before { content:\\\"\\\"; width:34px; height:2px; background:var(--teal); }\\n.x21-display {\\n  margin:0; max-width:950px; font-size:clamp(48px, 7vw, 92px);\\n  line-height:.96; letter-spacing:-.055em; font-weight:760;\\n}\\n.x21-display em { color:var(--teal); font-style:normal; }\\n.x21-lead {\\n  max-width:760px; margin:30px 0 0; color:#cbd5d8;\\n  font-size:clamp(18px, 2vw, 22px); line-height:1.55;\\n}\\n.x21-hero {\\n  position:relative; isolation:isolate; min-height:760px; padding:126px 0 54px;\\n  color:var(--white);\\n  background:\\n    radial-gradient(circle at 82% 18%, rgba(32,184,166,.27), transparent 28%),\\n    radial-gradient(circle at 12% 92%, rgba(200,223,86,.10), transparent 23%),\\n    var(--ink);\\n}\\n.x21-hero:after {\\n  content:\\\"21x\\\"; position:absolute; z-index:-1; right:-2vw; bottom:-9vw;\\n  color:rgba(255,255,255,.025); font-size:clamp(250px, 43vw, 620px);\\n  line-height:.8; letter-spacing:-.13em; font-weight:900; white-space:nowrap;\\n}\\n.x21-orbit {\\n  position:absolute; z-index:-1; top:72px; right:6vw; width:320px; height:320px;\\n  border:1px solid rgba(255,255,255,.13); border-radius:50%;\\n}\\n.x21-orbit:before,.x21-orbit:after {\\n  content:\\\"\\\"; position:absolute; border-radius:50%;\\n}\\n.x21-orbit:before { inset:42px; border:1px dashed rgba(32,184,166,.4); }\\n.x21-orbit:after { width:16px; height:16px; top:20px; left:68px; background:var(--lime); box-shadow:0 0 0 8px rgba(200,223,86,.08); }\\n.x21-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:40px; }\\n.x21-btn {\\n  display:inline-flex; align-items:center; justify-content:center; min-height:54px;\\n  padding:0 23px; border:1px solid rgba(255,255,255,.32);\\n  border-radius:2px; font-size:14px; font-weight:800; letter-spacing:.02em;\\n  transition:transform .2s ease, background .2s ease, border-color .2s ease;\\n}\\n.x21-btn:hover { transform:translateY(-2px); }\\n.x21-btn--primary { color:var(--ink); background:var(--teal); border-color:var(--teal); }\\n.x21-btn--primary:hover { background:#36cbbb; }\\n.x21-btn--ghost:hover { border-color:var(--white); background:rgba(255,255,255,.06); }\\n.x21-btn span { margin-left:20px; font-size:18px; }\\n.x21-proof {\\n  display:grid; grid-template-columns:repeat(4,1fr);\\n  margin-top:104px; border-top:1px solid rgba(255,255,255,.18);\\n  border-bottom:1px solid rgba(255,255,255,.18);\\n}\\n.x21-proof div {\\n  min-height:82px; display:flex; align-items:center; padding:0 20px;\\n  border-right:1px solid rgba(255,255,255,.18);\\n  color:#dde5e7; font-size:13px; font-weight:700; letter-spacing:.03em;\\n}\\n.x21-proof div:first-child { padding-left:0; }\\n.x21-proof div:last-child { border-right:0; }\\n.x21-dot { width:7px; height:7px; margin-right:12px; border-radius:50%; background:var(--lime); }\\n.x21-section { padding:116px 0; }\\n.x21-section--white { background:var(--white); }\\n.x21-section--dark { color:var(--white); background:var(--ink); }\\n.x21-intro-grid {\\n  display:grid; grid-template-columns:minmax(0,1.1fr) minmax(300px,.75fr);\\n  align-items:start; gap:90px;\\n}\\n.x21-h2 {\\n  margin:0; font-size:clamp(38px, 5.2vw, 66px); line-height:1.02;\\n  letter-spacing:-.045em; font-weight:740;\\n}\\n.x21-h3 { margin:0; font-size:22px; line-height:1.2; letter-spacing:-.02em; }\\n.x21-copy { margin:0; color:#536069; font-size:18px; line-height:1.72; }\\n.x21-section--dark .x21-copy { color:#b9c5c9; }\\n.x21-intro-note {\\n  padding:28px 0 2px 28px; border-left:3px solid var(--teal);\\n  color:var(--ink-2); font-size:17px; line-height:1.68;\\n}\\n.x21-card-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin-top:64px; }\\n.x21-card {\\n  position:relative; min-height:360px; padding:36px;\\n  border:1px solid var(--line); background:rgba(255,255,255,.55);\\n  overflow:hidden; transition:transform .25s ease, box-shadow .25s ease;\\n}\\n.x21-card:hover { transform:translateY(-5px); box-shadow:0 18px 48px rgba(16,24,32,.09); }\\n.x21-card-num {\\n  display:flex; align-items:center; justify-content:center; width:48px; height:48px;\\n  margin-bottom:60px; color:var(--white); background:var(--ink);\\n  border-radius:50%; font-size:13px; font-weight:800;\\n}\\n.x21-card:nth-child(2) .x21-card-num { background:var(--teal-deep); }\\n.x21-card:nth-child(3) .x21-card-num { color:var(--ink); background:var(--lime); }\\n.x21-card:nth-child(4) .x21-card-num { color:var(--ink); background:var(--gold); }\\n.x21-card p { max-width:470px; margin:16px 0 20px; color:#657178; }\\n.x21-list { list-style:none; padding:0; margin:0; }\\n.x21-list li {\\n  position:relative; padding:8px 0 8px 22px; border-top:1px solid var(--line);\\n  font-size:14px; font-weight:650;\\n}\\n.x21-list li:before { content:\\\"+\\\"; position:absolute; left:0; color:var(--teal-deep); font-weight:900; }\\n.x21-network-grid {\\n  display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);\\n  gap:92px; align-items:start;\\n}\\n.x21-network-copy { position:sticky; top:28px; }\\n.x21-pills { display:flex; flex-wrap:wrap; gap:11px; align-content:flex-start; }\\n.x21-pill {\\n  display:inline-flex; align-items:center; min-height:54px; padding:0 18px;\\n  border:1px solid rgba(255,255,255,.17); background:rgba(255,255,255,.035);\\n  color:#e7eeee; font-size:14px; font-weight:700;\\n}\\n.x21-pill:nth-child(3n+1):before,.x21-pill:nth-child(4n):before {\\n  content:\\\"\\\"; width:7px; height:7px; margin-right:11px; border-radius:50%; background:var(--teal);\\n}\\n.x21-network-stat {\\n  display:grid; grid-template-columns:1fr 1fr; gap:1px; margin-top:42px;\\n  background:rgba(255,255,255,.15);\\n}\\n.x21-network-stat div { padding:22px; background:var(--ink); }\\n.x21-network-stat strong { display:block; color:var(--lime); font-size:28px; letter-spacing:-.03em; }\\n.x21-network-stat span { display:block; margin-top:4px; color:#9eacb1; font-size:12px; text-transform:uppercase; letter-spacing:.08em; }\\n.x21-process-head { display:grid; grid-template-columns:1fr .72fr; gap:80px; align-items:end; }\\n.x21-process { display:grid; grid-template-columns:repeat(4,1fr); margin-top:68px; border-top:1px solid var(--line); }\\n.x21-step { position:relative; padding:32px 30px 12px 0; border-right:1px solid var(--line); }\\n.x21-step:not(:first-child) { padding-left:30px; }\\n.x21-step:last-child { border-right:0; }\\n.x21-step:before { content:\\\"\\\"; position:absolute; top:-5px; left:0; width:9px; height:9px; border-radius:50%; background:var(--teal); }\\n.x21-step:not(:first-child):before { left:30px; }\\n.x21-step small { color:var(--teal-deep); font-size:11px; font-weight:900; letter-spacing:.12em; }\\n.x21-step h3 { margin:25px 0 12px; font-size:24px; }\\n.x21-step p { margin:0; color:#657178; font-size:14px; line-height:1.65; }\\n.x21-audience-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:62px; }\\n.x21-audience-card {\\n  min-height:330px; padding:34px; color:var(--white); background:#18232b;\\n  border-top:4px solid var(--teal);\\n}\\n.x21-audience-card:nth-child(2) { border-color:var(--lime); }\\n.x21-audience-card:nth-child(3) { border-color:var(--gold); }\\n.x21-audience-card .x21-label {\\n  display:inline-block; margin-bottom:92px; color:#91a0a5; font-size:11px;\\n  font-weight:800; letter-spacing:.13em; text-transform:uppercase;\\n}\\n.x21-audience-card p { margin:16px 0 0; color:#b9c5c9; font-size:15px; line-height:1.68; }\\n.x21-work {\\n  display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:64px;\\n  border:1px solid var(--line);\\n}\\n.x21-work-card { min-height:300px; padding:32px; border-right:1px solid var(--line); background:var(--white); }\\n.x21-work-card:last-child { border-right:0; }\\n.x21-work-mark { width:100%; height:7px; margin-bottom:74px; background:var(--teal); }\\n.x21-work-card:nth-child(2) .x21-work-mark { background:var(--lime); }\\n.x21-work-card:nth-child(3) .x21-work-mark { background:var(--gold); }\\n.x21-work-card p { margin:15px 0 0; color:#657178; font-size:14px; line-height:1.7; }\\n.x21-cta { padding:94px 0; background:var(--teal); color:var(--ink); }\\n.x21-cta-grid { display:grid; grid-template-columns:1fr auto; gap:48px; align-items:end; }\\n.x21-cta .x21-eyebrow:before { background:var(--ink); }\\n.x21-cta .x21-h2 { max-width:770px; }\\n.x21-cta p { max-width:740px; margin:24px 0 0; font-size:18px; }\\n.x21-contact {\\n  display:inline-flex; align-items:center; min-height:58px; padding:0 24px;\\n  color:var(--white) !important; background:var(--ink); font-size:15px; font-weight:800;\\n  white-space:nowrap; transition:transform .2s ease;\\n}\\n.x21-contact:hover { transform:translateY(-3px); }\\n.x21-contact span { margin-left:28px; color:var(--lime); font-size:19px; }\\n.x21-signoff {\\n  display:flex; justify-content:space-between; gap:30px; padding:24px 0 26px;\\n  color:#7b888e; background:var(--ink); font-size:12px;\\n}\\n.x21-signoff .x21-shell { display:flex; justify-content:space-between; gap:30px; }\\n.x21-signoff strong { color:var(--white); letter-spacing:.06em; }\\n@media (max-width:900px) {\\n  .x21-hero { min-height:auto; padding-top:104px; }\\n  .x21-orbit { right:-130px; opacity:.65; }\\n  .x21-proof { grid-template-columns:1fr 1fr; margin-top:76px; }\\n  .x21-proof div:nth-child(2) { border-right:0; }\\n  .x21-proof div:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.18); }\\n  .x21-proof div:nth-child(3) { padding-left:0; }\\n  .x21-intro-grid,.x21-network-grid,.x21-process-head,.x21-cta-grid { grid-template-columns:1fr; gap:42px; }\\n  .x21-network-copy { position:static; }\\n  .x21-process { grid-template-columns:1fr 1fr; }\\n  .x21-step:nth-child(2) { border-right:0; }\\n  .x21-step:nth-child(-n+2) { border-bottom:1px solid var(--line); }\\n  .x21-step:nth-child(3) { padding-left:0; }\\n  .x21-step:nth-child(3):before { left:0; }\\n  .x21-audience-grid,.x21-work { grid-template-columns:1fr; }\\n  .x21-audience-card { min-height:260px; }\\n  .x21-audience-card .x21-label { margin-bottom:55px; }\\n  .x21-work-card { min-height:230px; border-right:0; border-bottom:1px solid var(--line); }\\n  .x21-work-card:last-child { border-bottom:0; }\\n  .x21-work-mark { margin-bottom:46px; }\\n  .x21-cta-grid { align-items:start; }\\n}\\n@media (max-width:640px) {\\n  .x21-shell { width:min(100% - 32px, 1180px); }\\n  .x21-hero { padding:84px 0 30px; }\\n  .x21-display { font-size:clamp(44px, 14vw, 64px); }\\n  .x21-lead { font-size:17px; }\\n  .x21-actions { flex-direction:column; }\\n  .x21-btn { width:100%; justify-content:space-between; }\\n  .x21-proof { grid-template-columns:1fr; }\\n  .x21-proof div,.x21-proof div:nth-child(3) { min-height:58px; padding:0; border-right:0; border-bottom:1px solid rgba(255,255,255,.18); }\\n  .x21-proof div:last-child { border-bottom:0; }\\n  .x21-section { padding:78px 0; }\\n  .x21-h2 { font-size:39px; }\\n  .x21-intro-note { padding-left:20px; }\\n  .x21-card-grid { grid-template-columns:1fr; margin-top:44px; }\\n  .x21-card { min-height:330px; padding:28px; }\\n  .x21-card-num { margin-bottom:42px; }\\n  .x21-pills { gap:8px; }\\n  .x21-pill { min-height:48px; padding:0 13px; font-size:13px; }\\n  .x21-network-stat { grid-template-columns:1fr; }\\n  .x21-process { grid-template-columns:1fr; }\\n  .x21-step,.x21-step:not(:first-child),.x21-step:nth-child(3) { padding:28px 0; border-right:0; border-bottom:1px solid var(--line); }\\n  .x21-step:not(:first-child):before,.x21-step:nth-child(3):before { left:0; }\\n  .x21-step:last-child { border-bottom:0; }\\n  .x21-audience-grid { margin-top:44px; }\\n  .x21-audience-card { padding:28px; }\\n  .x21-cta { padding:72px 0; }\\n  .x21-contact { width:100%; justify-content:space-between; }\\n  .x21-signoff .x21-shell { flex-direction:column; gap:8px; }\\n}\\n\\n\\\/* 21x standalone one-page shell *\\\/\\nbody:has(.x21-draft) #masthead,\\nbody:has(.x21-draft) .site-header,\\nbody:has(.x21-draft) #colophon { display:none !important; }\\nbody:has(.x21-draft) .site-content > .ast-container,\\nbody:has(.x21-draft) .site-content .ast-container { max-width:none !important; padding:0 !important; }\\nbody:has(.x21-draft) .entry-header,\\nbody:has(.x21-draft) .entry-title { display:none !important; }\\nbody:has(.x21-draft) .entry-content,\\nbody:has(.x21-draft) .elementor { margin:0 !important; }\\n.x21-nav {\\n  position:sticky; top:0; z-index:1000; width:100%;\\n  color:#fff; background:rgba(16,24,32,.96);\\n  border-bottom:1px solid rgba(255,255,255,.12);\\n  backdrop-filter:blur(14px);\\n}\\n.x21-nav .x21-shell { min-height:70px; display:flex; align-items:center; justify-content:space-between; gap:28px; }\\n.x21-brand { color:#fff !important; font-size:26px; line-height:1; font-weight:900; letter-spacing:-.06em; }\\n.x21-navlinks { display:flex; align-items:center; gap:25px; }\\n.x21-navlinks a { color:#dce5e7 !important; font-size:13px; font-weight:750; }\\n.x21-navlinks a:hover { color:#20b8a6 !important; }\\n.x21-lang { padding-left:20px; border-left:1px solid rgba(255,255,255,.2); }\\n.x21-navcta { padding:10px 15px; color:#101820 !important; background:#20b8a6; border-radius:2px; }\\n.x21-navlinks .x21-navcta:hover { color:#101820 !important; background:#36cbbb; }\\n.x21-cta { padding-bottom:42px; }\\n.x21-contact-copy { align-self:end; padding:18px 22px; border:1px solid rgba(16,24,32,.35); font-size:14px; font-weight:800; }\\nbody:has(.x21-draft) :is(.elementor-widget-shortcode,.elementor-widget-wpforms) {\\n  width:100vw; position:relative; left:50%; margin-left:-50vw;\\n  background:#20b8a6;\\n}\\nbody:has(.x21-draft) :is(.elementor-widget-shortcode,.elementor-widget-wpforms) > .elementor-widget-container {\\n  width:min(1180px, calc(100% - 48px)); margin:0 auto; padding:0 0 90px;\\n}\\nbody:has(.x21-draft) .wpforms-container { margin:0 !important; padding:34px; background:rgba(255,255,255,.18); border:1px solid rgba(16,24,32,.22); }\\nbody:has(.x21-draft) .wpforms-container .wpforms-field { padding:9px 0 !important; }\\nbody:has(.x21-draft) .wpforms-container label { color:#101820 !important; font-weight:750 !important; }\\nbody:has(.x21-draft) .wpforms-container input[type=\\\"text\\\"],\\nbody:has(.x21-draft) .wpforms-container input[type=\\\"email\\\"],\\nbody:has(.x21-draft) .wpforms-container textarea {\\n  width:100% !important; max-width:none !important; min-height:52px;\\n  color:#101820 !important; background:#fff !important;\\n  border:1px solid rgba(16,24,32,.22) !important; border-radius:2px !important;\\n}\\nbody:has(.x21-draft) .wpforms-container textarea { min-height:150px; }\\nbody:has(.x21-draft) .wpforms-container .wpforms-field-checkbox { display:none !important; }\\nbody:has(.x21-draft) .wpforms-container button[type=\\\"submit\\\"] {\\n  min-height:54px !important; padding:0 25px !important;\\n  color:#fff !important; background:#101820 !important; border:0 !important; border-radius:2px !important;\\n  font-weight:800 !important;\\n}\\nbody:has(.x21-draft) .wpforms-container button[type=\\\"submit\\\"]:hover { background:#26323a !important; }\\n.x21-form-note {\\n  width:100vw; position:relative; left:50%; margin-left:-50vw;\\n  padding:0 0 34px; color:#26323a; background:#20b8a6; font-size:12px;\\n}\\n.x21-form-note a { color:#101820 !important; text-decoration:underline !important; }\\n.x21-page-footer {\\n  width:100vw; position:relative; left:50%; margin-left:-50vw;\\n  color:#aeb9bd; background:#101820;\\n}\\n.x21-page-footer .x21-shell { min-height:84px; display:flex; align-items:center; justify-content:space-between; gap:28px; }\\n.x21-page-footer strong { color:#fff; letter-spacing:.06em; }\\n.x21-legal-links { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:18px; }\\n.x21-legal-links a { color:#d8e0e2 !important; font-size:12px; }\\n.x21-legal-links a:hover { color:#20b8a6 !important; }\\n@media (max-width:900px) {\\n  .x21-navlinks a:not(.x21-lang):not(.x21-navcta) { display:none; }\\n}\\n@media (max-width:640px) {\\n  .x21-nav .x21-shell { min-height:62px; }\\n  .x21-navlinks { gap:13px; }\\n  .x21-lang { padding-left:13px; }\\n  .x21-navcta { padding:8px 11px; }\\n  body:has(.x21-draft) :is(.elementor-widget-shortcode,.elementor-widget-wpforms) > .elementor-widget-container { width:min(100% - 32px,1180px); }\\n  body:has(.x21-draft) .wpforms-container { padding:22px; }\\n  .x21-page-footer .x21-shell { padding:24px 0; align-items:flex-start; flex-direction:column; }\\n  .x21-legal-links { justify-content:flex-start; }\\n}\\n\\n\\n.x21-brand{display:inline-flex!important;align-items:center;flex:0 0 auto;line-height:1!important}\\n.x21-brandmark{display:block;width:79px;height:31px;filter:invert(1)}\\n@media(max-width:640px){.x21-brandmark{width:69px;height:27px}}\\n<\\\/style>\\n\\n<main class=\\\"x21-draft\\\" id=\\\"top\\\">\\n  <nav class=\\\"x21-nav\\\" aria-label=\\\"Main navigation\\\">\\n    <div class=\\\"x21-shell\\\">\\n      <a class=\\\"x21-brand\\\" href=\\\"#top\\\" aria-label=\\\"21x home\\\"><img decoding=\\\"async\\\" class=\\\"x21-brandmark\\\" src=\\\"https:\\\/\\\/21x.at\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/21x-logo.svg\\\" alt=\\\"21x\\\"><\\\/a>\\n      <div class=\\\"x21-navlinks\\\">\\n        <a href=\\\"#capabilities\\\">Capabilities<\\\/a>\\n        <a href=\\\"#experts\\\">Experts<\\\/a>\\n        <a href=\\\"#process\\\">How we work<\\\/a>\\n        <a class=\\\"x21-lang\\\" href=\\\"\\\/\\\">DE<\\\/a>\\n        <a class=\\\"x21-navcta\\\" href=\\\"#contact\\\">Contact<\\\/a>\\n      <\\\/div>\\n    <\\\/div>\\n  <\\\/nav>\\n  <section class=\\\"x21-flow\\\" aria-label=\\\"21x highlights\\\" aria-roledescription=\\\"carousel\\\">\\n  <div class=\\\"x21f-slides\\\" aria-live=\\\"off\\\">\\n    <article class=\\\"x21f-slide x21f-d3 is-active\\\" aria-label=\\\"Banner 1 of 6\\\" aria-hidden=\\\"false\\\">\\n      <div class=\\\"x21f-d3-layout\\\">\\n        <div class=\\\"x21f-d3-art\\\" aria-hidden=\\\"true\\\">\\n          <i class=\\\"x21f-d3-shape x21f-d3-blue-band\\\"><\\\/i>\\n          <i class=\\\"x21f-d3-shape x21f-d3-red-band\\\"><\\\/i>\\n          <i class=\\\"x21f-d3-shape x21f-d3-red-circle\\\"><\\\/i>\\n          <i class=\\\"x21f-d3-shape x21f-d3-blue-circle\\\"><\\\/i>\\n          <i class=\\\"x21f-d3-shape x21f-d3-paper-block\\\"><\\\/i>\\n          <i class=\\\"x21f-d3-shape x21f-d3-cyan-block\\\"><\\\/i>\\n          <i class=\\\"x21f-d3-shape x21f-d3-grid\\\"><\\\/i>\\n        <\\\/div>\\n        <div class=\\\"x21f-d3-copy\\\">\\n          <div class=\\\"x21f-copy\\\">\\n            <p class=\\\"x21f-eyebrow\\\">21x learning, content &amp; consulting<\\\/p>\\n            <h1 class=\\\"x21f-headline\\\">Build learning<br><span class=\\\"x21f-accent\\\">that scales.<\\\/span><\\\/h1>\\n            <div class=\\\"x21f-d3-services\\\">Strategy \\u00b7 Consulting \\u00b7 Content \\u00b7 Delivery<\\\/div>\\n            <p class=\\\"x21f-description\\\">We turn expert knowledge into learning and content solutions that work across formats, platforms and markets.<\\\/p>\\n            <div class=\\\"x21f-actions\\\">\\n              <a class=\\\"x21f-cta x21f-cta--primary\\\" href=\\\"#capabilities\\\">Explore our capabilities <span class=\\\"x21f-arrow\\\">\\u2193<\\\/span><\\\/a>\\n              <a class=\\\"x21f-cta\\\" href=\\\"#contact\\\">Discuss a project <span class=\\\"x21f-arrow\\\">\\u2197<\\\/span><\\\/a>\\n            <\\\/div>\\n          <\\\/div>\\n        <\\\/div>\\n      <\\\/div>\\n    <\\\/article>\\n\\n    <article class=\\\"x21f-slide x21f-original\\\" aria-label=\\\"Banner 2 of 6\\\" aria-hidden=\\\"true\\\">\\n      <div class=\\\"x21f-inner\\\">\\n        <div class=\\\"x21f-copy\\\">\\n          <p class=\\\"x21f-eyebrow\\\">21x learning, content &amp; consulting<\\\/p>\\n          <h2 class=\\\"x21f-headline\\\">Expert knowledge.<br><span class=\\\"x21f-accent\\\">Built for global impact.<\\\/span><\\\/h2>\\n          <p class=\\\"x21f-description\\\">21x brings together experienced experts, learning strategists and production teams to create education, content and business solutions for platforms, organizations and audiences worldwide.<\\\/p>\\n          <div class=\\\"x21f-actions\\\">\\n            <a class=\\\"x21f-cta x21f-cta--primary\\\" href=\\\"#capabilities\\\">Explore our capabilities <span class=\\\"x21f-arrow\\\">\\u2193<\\\/span><\\\/a>\\n            <a class=\\\"x21f-cta\\\" href=\\\"#contact\\\">Discuss a project <span class=\\\"x21f-arrow\\\">\\u2197<\\\/span><\\\/a>\\n          <\\\/div>\\n        <\\\/div>\\n        <div class=\\\"x21f-orbit\\\" aria-hidden=\\\"true\\\"><i class=\\\"x21f-orbit-ring\\\"><b class=\\\"x21f-orbit-spark\\\"><\\\/b><\\\/i><\\\/div>\\n      <\\\/div>\\n    <\\\/article>\\n\\n    <article class=\\\"x21f-slide x21f-offer\\\" aria-label=\\\"Banner 3 of 6\\\" aria-hidden=\\\"true\\\">\\n      <img class=\\\"x21f-offer-bg\\\" src=\\\"https:\\\/\\\/21x.at\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/21x-banner-strategy.webp\\\" alt=\\\"\\\" aria-hidden=\\\"true\\\" decoding=\\\"async\\\">\\n      <div class=\\\"x21f-inner\\\">\\n        <div class=\\\"x21f-copy\\\">\\n          <p class=\\\"x21f-eyebrow\\\">21x strategy<\\\/p>\\n          <h2 class=\\\"x21f-headline\\\">Clear direction.<br><span class=\\\"x21f-accent\\\">Stronger decisions.<\\\/span><\\\/h2>\\n          <p class=\\\"x21f-description\\\">We turn complex ambitions into clear priorities, practical roadmaps and decisions teams can act on.<\\\/p>\\n          <div class=\\\"x21f-actions\\\">\\n            <a class=\\\"x21f-cta x21f-cta--primary\\\" href=\\\"#capabilities\\\">Explore strategy <span class=\\\"x21f-arrow\\\">\\u2193<\\\/span><\\\/a>\\n            <a class=\\\"x21f-cta\\\" href=\\\"#contact\\\">Discuss your direction <span class=\\\"x21f-arrow\\\">\\u2197<\\\/span><\\\/a>\\n          <\\\/div>\\n        <\\\/div>\\n      <\\\/div>\\n    <\\\/article>\\n\\n    <article class=\\\"x21f-slide x21f-offer\\\" aria-label=\\\"Banner 4 of 6\\\" aria-hidden=\\\"true\\\">\\n      <img class=\\\"x21f-offer-bg\\\" src=\\\"https:\\\/\\\/21x.at\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/21x-banner-consulting.webp\\\" alt=\\\"\\\" aria-hidden=\\\"true\\\" decoding=\\\"async\\\">\\n      <div class=\\\"x21f-inner\\\">\\n        <div class=\\\"x21f-copy\\\">\\n          <p class=\\\"x21f-eyebrow\\\">21x consulting<\\\/p>\\n          <h2 class=\\\"x21f-headline\\\">Complex challenges.<br><span class=\\\"x21f-accent\\\">Clear solutions.<\\\/span><\\\/h2>\\n          <p class=\\\"x21f-description\\\">Senior specialists connect business, learning and production requirements into solutions built around the actual challenge.<\\\/p>\\n          <div class=\\\"x21f-actions\\\">\\n            <a class=\\\"x21f-cta x21f-cta--primary\\\" href=\\\"#capabilities\\\">Explore consulting <span class=\\\"x21f-arrow\\\">\\u2193<\\\/span><\\\/a>\\n            <a class=\\\"x21f-cta\\\" href=\\\"#contact\\\">Bring us a challenge <span class=\\\"x21f-arrow\\\">\\u2197<\\\/span><\\\/a>\\n          <\\\/div>\\n        <\\\/div>\\n      <\\\/div>\\n    <\\\/article>\\n\\n    <article class=\\\"x21f-slide x21f-offer\\\" aria-label=\\\"Banner 5 of 6\\\" aria-hidden=\\\"true\\\">\\n      <img class=\\\"x21f-offer-bg\\\" src=\\\"https:\\\/\\\/21x.at\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/21x-banner-learning-content.webp\\\" alt=\\\"\\\" aria-hidden=\\\"true\\\" decoding=\\\"async\\\">\\n      <div class=\\\"x21f-inner\\\">\\n        <div class=\\\"x21f-copy\\\">\\n          <p class=\\\"x21f-eyebrow\\\">21x learning &amp; content<\\\/p>\\n          <h2 class=\\\"x21f-headline\\\">Expert-led content.<br><span class=\\\"x21f-accent\\\">Made to engage.<\\\/span><\\\/h2>\\n          <p class=\\\"x21f-description\\\">From learning design and scripts to video, audio and digital formats, we build content people understand, use and remember.<\\\/p>\\n          <div class=\\\"x21f-actions\\\">\\n            <a class=\\\"x21f-cta x21f-cta--primary\\\" href=\\\"#capabilities\\\">Explore learning &amp; content <span class=\\\"x21f-arrow\\\">\\u2193<\\\/span><\\\/a>\\n            <a class=\\\"x21f-cta\\\" href=\\\"#contact\\\">Develop content <span class=\\\"x21f-arrow\\\">\\u2197<\\\/span><\\\/a>\\n          <\\\/div>\\n        <\\\/div>\\n      <\\\/div>\\n    <\\\/article>\\n\\n    <article class=\\\"x21f-slide x21f-offer\\\" aria-label=\\\"Banner 6 of 6\\\" aria-hidden=\\\"true\\\">\\n      <img class=\\\"x21f-offer-bg\\\" src=\\\"https:\\\/\\\/21x.at\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/21x-banner-global-delivery.webp\\\" alt=\\\"\\\" aria-hidden=\\\"true\\\" decoding=\\\"async\\\">\\n      <div class=\\\"x21f-inner\\\">\\n        <div class=\\\"x21f-copy\\\">\\n          <p class=\\\"x21f-eyebrow\\\">21x global delivery<\\\/p>\\n          <h2 class=\\\"x21f-headline\\\">Global reach.<br><span class=\\\"x21f-accent\\\">Reliable delivery.<\\\/span><\\\/h2>\\n          <p class=\\\"x21f-description\\\">Distributed senior teams combine local context with coordinated production and accountable delivery across markets worldwide.<\\\/p>\\n          <div class=\\\"x21f-actions\\\">\\n            <a class=\\\"x21f-cta x21f-cta--primary\\\" href=\\\"#capabilities\\\">Explore global delivery <span class=\\\"x21f-arrow\\\">\\u2193<\\\/span><\\\/a>\\n            <a class=\\\"x21f-cta\\\" href=\\\"#contact\\\">Plan a global project <span class=\\\"x21f-arrow\\\">\\u2197<\\\/span><\\\/a>\\n          <\\\/div>\\n        <\\\/div>\\n      <\\\/div>\\n    <\\\/article>\\n  <\\\/div>\\n\\n  <nav class=\\\"x21f-controls\\\" aria-label=\\\"Banner controls\\\">\\n    <button class=\\\"x21f-control x21f-previous\\\" type=\\\"button\\\" aria-label=\\\"Previous banner\\\">\\u2190<\\\/button>\\n    <div class=\\\"x21f-dots\\\" aria-label=\\\"Choose banner\\\"><\\\/div>\\n    <button class=\\\"x21f-control x21f-next\\\" type=\\\"button\\\" aria-label=\\\"Next banner\\\">\\u2192<\\\/button>\\n    <button class=\\\"x21f-control x21f-pause\\\" type=\\\"button\\\" aria-label=\\\"Pause automatic rotation\\\" aria-pressed=\\\"false\\\">\\u2161<\\\/button>\\n    <span class=\\\"x21f-counter\\\" aria-hidden=\\\"true\\\">01 \\\/ 06<\\\/span>\\n  <\\\/nav>\\n<\\\/section>\\n\\n  <section class=\\\"x21-section x21-section--white\\\">\\n    <div class=\\\"x21-shell\\\">\\n      <p class=\\\"x21-eyebrow\\\">Who we are<\\\/p>\\n      <div class=\\\"x21-intro-grid\\\">\\n        <h2 class=\\\"x21-h2\\\">One brand.<br>Many experts.<\\\/h2>\\n        <p class=\\\"x21-intro-note\\\">21x operates at the intersection of education, media production and business consulting. We build project teams around the actual challenge\\u2014combining subject-matter expertise, editorial precision and scalable execution.<\\\/p>\\n      <\\\/div>\\n    <\\\/div>\\n  <\\\/section>\\n\\n  <section class=\\\"x21-section\\\" id=\\\"capabilities\\\">\\n    <div class=\\\"x21-shell\\\">\\n      <p class=\\\"x21-eyebrow\\\">Capabilities<\\\/p>\\n      <h2 class=\\\"x21-h2\\\">Knowledge becomes more valuable<br>when it can move.<\\\/h2>\\n      <div class=\\\"x21-card-grid\\\">\\n        <article class=\\\"x21-card\\\">\\n          <div class=\\\"x21-card-num\\\">01<\\\/div>\\n          <h3 class=\\\"x21-h3\\\">Learning &amp; Education<\\\/h3>\\n          <p>Expert-led learning designed for practical relevance, clear outcomes and international audiences.<\\\/p>\\n          <ul class=\\\"x21-list\\\">\\n            <li>Business, leadership, technology and AI<\\\/li>\\n            <li>On-demand, live and blended programs<\\\/li>\\n            <li>Learning architecture and curriculum design<\\\/li>\\n          <\\\/ul>\\n        <\\\/article>\\n        <article class=\\\"x21-card\\\">\\n          <div class=\\\"x21-card-num\\\">02<\\\/div>\\n          <h3 class=\\\"x21-h3\\\">Content Production<\\\/h3>\\n          <p>From the first idea to a production-ready learning asset\\u2014editorially sound and built to scale.<\\\/p>\\n          <ul class=\\\"x21-list\\\">\\n            <li>Video, audio and digital learning formats<\\\/li>\\n            <li>Topic and expert acquisition<\\\/li>\\n            <li>Scripting, production, localization and QA<\\\/li>\\n          <\\\/ul>\\n        <\\\/article>\\n        <article class=\\\"x21-card\\\">\\n          <div class=\\\"x21-card-num\\\">03<\\\/div>\\n          <h3 class=\\\"x21-h3\\\">Business Consulting<\\\/h3>\\n          <p>Focused support for organizations translating strategy, change and knowledge into action.<\\\/p>\\n          <ul class=\\\"x21-list\\\">\\n            <li>Business development and market strategy<\\\/li>\\n            <li>Leadership and organizational learning<\\\/li>\\n            <li>Coaching, workshops and implementation<\\\/li>\\n          <\\\/ul>\\n        <\\\/article>\\n        <article class=\\\"x21-card\\\">\\n          <div class=\\\"x21-card-num\\\">04<\\\/div>\\n          <h3 class=\\\"x21-h3\\\">Content Ventures &amp; Licensing<\\\/h3>\\n          <p>Partnership models that turn expertise and intellectual property into reusable learning value.<\\\/p>\\n          <ul class=\\\"x21-list\\\">\\n            <li>Multilingual catalog development<\\\/li>\\n            <li>Co-development and licensing models<\\\/li>\\n            <li>Platform-ready content systems<\\\/li>\\n          <\\\/ul>\\n        <\\\/article>\\n      <\\\/div>\\n    <\\\/div>\\n  <\\\/section>\\n\\n  <section class=\\\"x21-section x21-section--dark\\\" id=\\\"experts\\\">\\n    <div class=\\\"x21-shell x21-network-grid\\\">\\n      <div class=\\\"x21-network-copy\\\">\\n        <p class=\\\"x21-eyebrow\\\">The 21x expert network<\\\/p>\\n        <h2 class=\\\"x21-h2\\\">The right expertise for each challenge.<\\\/h2>\\n        <p class=\\\"x21-copy\\\" style=\\\"margin-top:28px\\\">21x works with an international network of practitioners, educators, authors, creative professionals and business leaders. Teams are assembled around project needs, audiences, markets and languages\\u2014so every collaboration gets the expertise it requires.<\\\/p>\\n        <div class=\\\"x21-network-stat\\\">\\n          <div><strong>Flexible<\\\/strong><span>Project teams<\\\/span><\\\/div>\\n          <div><strong>Connected<\\\/strong><span>Across markets<\\\/span><\\\/div>\\n        <\\\/div>\\n      <\\\/div>\\n      <div class=\\\"x21-pills\\\" aria-label=\\\"Areas of expertise\\\">\\n        <span class=\\\"x21-pill\\\">AI &amp; Emerging Technology<\\\/span>\\n        <span class=\\\"x21-pill\\\">Business Development<\\\/span>\\n        <span class=\\\"x21-pill\\\">Leadership<\\\/span>\\n        <span class=\\\"x21-pill\\\">Finance<\\\/span>\\n        <span class=\\\"x21-pill\\\">Marketing &amp; Sales<\\\/span>\\n        <span class=\\\"x21-pill\\\">Learning Design<\\\/span>\\n        <span class=\\\"x21-pill\\\">Communication<\\\/span>\\n        <span class=\\\"x21-pill\\\">Wellbeing at Work<\\\/span>\\n        <span class=\\\"x21-pill\\\">Media Production<\\\/span>\\n        <span class=\\\"x21-pill\\\">International Markets<\\\/span>\\n        <span class=\\\"x21-pill\\\">Strategy &amp; Transformation<\\\/span>\\n        <span class=\\\"x21-pill\\\">Editorial &amp; Storytelling<\\\/span>\\n      <\\\/div>\\n    <\\\/div>\\n  <\\\/section>\\n\\n  <section class=\\\"x21-section x21-section--white\\\" id=\\\"process\\\">\\n    <div class=\\\"x21-shell\\\">\\n      <div class=\\\"x21-process-head\\\">\\n        <div>\\n          <p class=\\\"x21-eyebrow\\\">How we work<\\\/p>\\n          <h2 class=\\\"x21-h2\\\">From idea to impact.<\\\/h2>\\n        <\\\/div>\\n        <p class=\\\"x21-copy\\\">A modular operating model connects strategy, expert knowledge and production\\u2014whether the result is one program, a complete catalog or a long-term learning initiative.<\\\/p>\\n      <\\\/div>\\n      <div class=\\\"x21-process\\\">\\n        <article class=\\\"x21-step\\\">\\n          <small>STEP 01<\\\/small><h3>Discover<\\\/h3>\\n          <p>Clarify audiences, objectives, context and market opportunity.<\\\/p>\\n        <\\\/article>\\n        <article class=\\\"x21-step\\\">\\n          <small>STEP 02<\\\/small><h3>Design<\\\/h3>\\n          <p>Select experts, formats and a learning architecture that fits.<\\\/p>\\n        <\\\/article>\\n        <article class=\\\"x21-step\\\">\\n          <small>STEP 03<\\\/small><h3>Create<\\\/h3>\\n          <p>Manage editorial work, production, localization and quality.<\\\/p>\\n        <\\\/article>\\n        <article class=\\\"x21-step\\\">\\n          <small>STEP 04<\\\/small><h3>Scale<\\\/h3>\\n          <p>Deliver, license, refresh and expand content across markets.<\\\/p>\\n        <\\\/article>\\n      <\\\/div>\\n    <\\\/div>\\n  <\\\/section>\\n\\n  <section class=\\\"x21-section x21-section--dark\\\">\\n    <div class=\\\"x21-shell\\\">\\n      <p class=\\\"x21-eyebrow\\\">Who we work with<\\\/p>\\n      <h2 class=\\\"x21-h2\\\">Built for organizations<br>that want to move knowledge.<\\\/h2>\\n      <div class=\\\"x21-audience-grid\\\">\\n        <article class=\\\"x21-audience-card\\\">\\n          <span class=\\\"x21-label\\\">Audience 01<\\\/span>\\n          <h3 class=\\\"x21-h3\\\">Platforms &amp; Publishers<\\\/h3>\\n          <p>Build and expand catalogs with original, localized content and reliable rights, editorial and production workflows.<\\\/p>\\n        <\\\/article>\\n        <article class=\\\"x21-audience-card\\\">\\n          <span class=\\\"x21-label\\\">Audience 02<\\\/span>\\n          <h3 class=\\\"x21-h3\\\">Companies &amp; Institutions<\\\/h3>\\n          <p>Enable workforce learning, AI adoption, leadership development and transformation through tailored content and consulting.<\\\/p>\\n        <\\\/article>\\n        <article class=\\\"x21-audience-card\\\">\\n          <span class=\\\"x21-label\\\">Audience 03<\\\/span>\\n          <h3 class=\\\"x21-h3\\\">Experts &amp; Strategic Partners<\\\/h3>\\n          <p>Turn practical expertise into high-quality learning products and long-term, scalable collaborations.<\\\/p>\\n        <\\\/article>\\n      <\\\/div>\\n    <\\\/div>\\n  <\\\/section>\\n\\n  <section class=\\\"x21-section\\\">\\n    <div class=\\\"x21-shell\\\">\\n      <p class=\\\"x21-eyebrow\\\">Selected team experience<\\\/p>\\n      <div class=\\\"x21-intro-grid\\\">\\n        <h2 class=\\\"x21-h2\\\">Learning and content<br>that travels.<\\\/h2>\\n        <p class=\\\"x21-copy\\\">Our teams have contributed to international learning and content initiatives spanning AI fluency, responsible technology, business skills and multilingual course production.<\\\/p>\\n      <\\\/div>\\n      <div class=\\\"x21-work\\\">\\n        <article class=\\\"x21-work-card\\\">\\n          <div class=\\\"x21-work-mark\\\"><\\\/div>\\n          <h3 class=\\\"x21-h3\\\">AI &amp; Responsible Technology<\\\/h3>\\n          <p>AI fluency and responsible-technology learning formats for international professional audiences.<\\\/p>\\n        <\\\/article>\\n        <article class=\\\"x21-work-card\\\">\\n          <div class=\\\"x21-work-mark\\\"><\\\/div>\\n          <h3 class=\\\"x21-h3\\\">Business &amp; Leadership<\\\/h3>\\n          <p>Practical courses on business acumen, negotiation, decision-making, marketing and growth.<\\\/p>\\n        <\\\/article>\\n        <article class=\\\"x21-work-card\\\">\\n          <div class=\\\"x21-work-mark\\\"><\\\/div>\\n          <h3 class=\\\"x21-h3\\\">Multilingual Catalogs<\\\/h3>\\n          <p>Original and adapted learning content created for global audiences and markets.<\\\/p>\\n        <\\\/article>\\n      <\\\/div>\\n    <\\\/div>\\n  <\\\/section>\\n\\n  <section class=\\\"x21-cta\\\" id=\\\"contact\\\">\\n    <div class=\\\"x21-shell x21-cta-grid\\\">\\n      <div>\\n        <p class=\\\"x21-eyebrow\\\">Start a conversation<\\\/p>\\n        <h2 class=\\\"x21-h2\\\">Let\\u2019s build something valuable.<\\\/h2>\\n        <p>Whether you need a course, a multilingual catalog, a business learning initiative or an experienced project team, 21x can bring the right capabilities together.<\\\/p>\\n      <\\\/div>\\n      <div class=\\\"x21-contact-copy\\\">office@21x.at<\\\/div>\\n    <\\\/div>\\n  <\\\/section>\\n\\n<\\\/main>\\n\\n<style>\\n\\\/* 21x hero brandline mobile *\\\/\\n@media (max-width:720px) {\\n  .x21-hero .x21-eyebrow {\\n    font-size:11px;\\n    letter-spacing:.08em;\\n    white-space:nowrap;\\n  }\\n}\\n<\\\/style>\\n<style>\\n\\\/* 21x bannerflow \\u2014 scoped to the homepage hero *\\\/\\n.x21-flow {\\n  --flow-ink:#0d1821;\\n  --flow-deep:#0d1923;\\n  --flow-teal:#20bcb1;\\n  --flow-lime:#d7e84e;\\n  --flow-paper:#f1ead9;\\n  --flow-cobalt:#16419f;\\n  --flow-red:#ef4b38;\\n  --flow-white:#fffefa;\\n  background:var(--flow-deep);\\n  color:var(--flow-white);\\n  height:clamp(590px,42vw,690px);\\n  isolation:isolate;\\n  overflow:hidden;\\n  position:relative;\\n}\\n.x21-flow * { box-sizing:border-box; }\\n.x21f-slides,.x21f-slide { height:100%; }\\n.x21f-slide {\\n  inset:0;\\n  opacity:0;\\n  overflow:hidden;\\n  pointer-events:none;\\n  position:absolute;\\n  transform:translateX(2.2%);\\n  transition:opacity .48s ease,transform .68s cubic-bezier(.22,.78,.2,1);\\n  visibility:hidden;\\n}\\n.x21f-slide.is-active {\\n  opacity:1;\\n  pointer-events:auto;\\n  transform:translateX(0);\\n  visibility:visible;\\n  z-index:2;\\n}\\n.x21f-inner {\\n  height:100%;\\n  margin:0 auto;\\n  max-width:1500px;\\n  padding:clamp(50px,5vw,78px) clamp(28px,5vw,72px) 98px;\\n  position:relative;\\n  z-index:4;\\n}\\n.x21f-copy { position:relative;z-index:4; }\\n.x21f-eyebrow {\\n  align-items:center;\\n  display:flex;\\n  font-size:clamp(11px,.82vw,14px);\\n  font-weight:800;\\n  gap:11px;\\n  letter-spacing:.14em;\\n  margin:0 0 23px;\\n  text-transform:uppercase;\\n}\\n.x21f-eyebrow::before {\\n  background:var(--flow-teal);\\n  content:\\\"\\\";\\n  display:block;\\n  height:2px;\\n  width:34px;\\n}\\n.x21f-headline {\\n  color:inherit;\\n  font-size:clamp(52px,5.35vw,84px);\\n  font-weight:720;\\n  letter-spacing:-.057em;\\n  line-height:.94;\\n  margin:0;\\n  max-width:980px;\\n}\\n.x21f-headline .x21f-accent { color:var(--flow-teal); }\\n.x21f-description {\\n  color:inherit;\\n  font-size:clamp(16px,1.25vw,21px);\\n  line-height:1.48;\\n  margin:27px 0 0;\\n  max-width:790px;\\n}\\n.x21f-actions {\\n  align-items:center;\\n  display:flex;\\n  flex-wrap:wrap;\\n  gap:13px;\\n  margin-top:32px;\\n}\\n.x21f-cta {\\n  align-items:center;\\n  border:1px solid rgba(255,255,255,.34);\\n  color:var(--flow-white);\\n  display:inline-flex;\\n  font-size:14px;\\n  font-weight:800;\\n  gap:23px;\\n  justify-content:space-between;\\n  min-height:52px;\\n  padding:0 21px;\\n  text-decoration:none;\\n  transition:background .2s ease,border-color .2s ease,transform .2s ease;\\n}\\n.x21f-cta:hover,.x21f-cta:focus-visible {\\n  border-color:var(--flow-white);\\n  color:var(--flow-white);\\n  outline:2px solid transparent;\\n  transform:translateY(-2px);\\n}\\n.x21f-cta--primary {\\n  background:var(--flow-teal);\\n  border-color:var(--flow-teal);\\n  color:#06171a;\\n}\\n.x21f-cta--primary:hover,.x21f-cta--primary:focus-visible {\\n  background:#45d2c8;\\n  color:#06171a;\\n}\\n.x21f-arrow { font-size:18px;font-weight:500;line-height:1; }\\n\\n\\\/* D3-inspired risograph main banner *\\\/\\n.x21f-d3 { background:var(--flow-paper);color:var(--flow-cobalt); }\\n.x21f-d3::after {\\n  background-image:url(\\\"data:image\\\/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http:\\\/\\\/www.w3.org\\\/2000\\\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'\\\/%3E%3C\\\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'\\\/%3E%3C\\\/svg%3E\\\");\\n  content:\\\"\\\";\\n  inset:0;\\n  mix-blend-mode:multiply;\\n  opacity:.24;\\n  pointer-events:none;\\n  position:absolute;\\n  z-index:5;\\n}\\n.x21f-d3-layout {\\n  display:grid;\\n  grid-template-columns:53% 47%;\\n  height:100%;\\n  position:relative;\\n}\\n.x21f-d3-art {\\n  background:var(--flow-paper);\\n  overflow:hidden;\\n  position:relative;\\n}\\n.x21f-d3-art::before {\\n  background-image:radial-gradient(var(--flow-cobalt) 1.8px,transparent 2px);\\n  background-size:16px 16px;\\n  content:\\\"\\\";\\n  height:56%;\\n  left:5%;\\n  opacity:.75;\\n  position:absolute;\\n  top:3%;\\n  width:46%;\\n}\\n.x21f-d3-shape { mix-blend-mode:multiply;position:absolute; }\\n.x21f-d3-blue-band { background:var(--flow-cobalt);height:34%;left:26%;top:0;transform:skewX(-39deg);width:52%; }\\n.x21f-d3-red-band { background:var(--flow-red);height:58%;left:30%;top:-17%;transform:rotate(-25deg);width:28%; }\\n.x21f-d3-red-circle { background:var(--flow-red);border-radius:50%;bottom:-23%;height:61%;left:27%;width:43%; }\\n.x21f-d3-blue-circle { background:var(--flow-cobalt);border-radius:50%;bottom:-33%;height:72%;right:-8%;width:54%; }\\n.x21f-d3-paper-block { background:rgba(241,234,217,.78);bottom:0;height:28%;left:0;width:49%; }\\n.x21f-d3-cyan-block { background:rgba(93,193,205,.58);height:29%;right:4%;top:39%;width:31%; }\\n.x21f-d3-grid {\\n  background-image:radial-gradient(var(--flow-red) 2px,transparent 2.4px);\\n  background-size:18px 18px;\\n  height:42%;\\n  opacity:.82;\\n  right:3%;\\n  top:11%;\\n  width:35%;\\n}\\n.x21f-d3-copy {\\n  align-items:center;\\n  background:var(--flow-paper);\\n  display:flex;\\n  padding:52px clamp(36px,4vw,66px) 102px clamp(50px,5vw,80px);\\n  position:relative;\\n}\\n.x21f-d3-copy::before,.x21f-d3-copy::after {\\n  content:\\\"\\\";\\n  height:58%;\\n  left:24px;\\n  position:absolute;\\n  top:14%;\\n  width:4px;\\n}\\n.x21f-d3-copy::before { background:var(--flow-red);transform:translateX(-8px); }\\n.x21f-d3-copy::after { background:var(--flow-cobalt); }\\n.x21f-d3 .x21f-eyebrow { color:var(--flow-ink);margin-bottom:18px; }\\n.x21f-d3 .x21f-eyebrow::before { background:var(--flow-red); }\\n.x21f-d3 .x21f-headline { font-size:clamp(48px,4.55vw,75px);letter-spacing:-.045em; }\\n.x21f-d3 .x21f-headline .x21f-accent { color:var(--flow-cobalt); }\\n.x21f-d3-services {\\n  border-top:4px solid var(--flow-red);\\n  color:var(--flow-ink);\\n  font-size:11px;\\n  font-weight:800;\\n  letter-spacing:.11em;\\n  margin-top:22px;\\n  padding-top:12px;\\n  text-transform:uppercase;\\n}\\n.x21f-d3 .x21f-description { color:var(--flow-ink);font-size:15px;margin-top:16px; }\\n.x21f-d3 .x21f-actions { margin-top:23px; }\\n.x21f-d3 .x21f-cta { border-color:var(--flow-cobalt);color:var(--flow-cobalt);min-height:48px; }\\n.x21f-d3 .x21f-cta--primary { background:var(--flow-cobalt);color:white; }\\n.x21f-d3 .x21f-cta:hover,.x21f-d3 .x21f-cta:focus-visible { background:var(--flow-red);border-color:var(--flow-red);color:white; }\\n\\n\\\/* Current 21x visual language *\\\/\\n.x21f-original {\\n  background:radial-gradient(circle at 100% 0,rgba(27,190,177,.15),transparent 45%),linear-gradient(116deg,#0d1822 0%,#0c1b25 55%,#0c2b2c 100%);\\n}\\n.x21f-original .x21f-inner {\\n  align-content:center;\\n  display:grid;\\n  grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);\\n}\\n.x21f-orbit { height:360px;justify-self:end;position:relative;width:360px; }\\n.x21f-orbit::before,.x21f-orbit::after,.x21f-orbit-ring {\\n  border:1px solid rgba(100,216,206,.24);\\n  border-radius:50%;\\n  content:\\\"\\\";\\n  inset:8%;\\n  position:absolute;\\n}\\n.x21f-orbit::after { border-style:dashed;inset:20%; }\\n.x21f-orbit-ring { inset:31%; }\\n.x21f-orbit-spark {\\n  background:var(--flow-lime);\\n  border-radius:50%;\\n  box-shadow:0 0 0 10px rgba(215,232,78,.09),0 0 34px rgba(215,232,78,.42);\\n  height:15px;\\n  left:25%;\\n  position:absolute;\\n  top:9%;\\n  width:15px;\\n}\\n\\n\\\/* Four offering banners *\\\/\\n.x21f-offer { background:#02091c;color:var(--flow-white); }\\n.x21f-offer-bg {\\n  height:100%;\\n  inset:0;\\n  object-fit:cover;\\n  object-position:center;\\n  position:absolute;\\n  width:100%;\\n}\\n.x21f-offer::before {\\n  background:linear-gradient(90deg,rgba(2,9,28,.98) 0%,rgba(2,9,28,.91) 42%,rgba(2,9,28,.48) 61%,rgba(2,9,28,.08) 80%);\\n  content:\\\"\\\";\\n  inset:0;\\n  position:absolute;\\n  z-index:2;\\n}\\n.x21f-offer .x21f-inner { align-items:center;display:flex; }\\n.x21f-offer .x21f-copy { max-width:850px; }\\n.x21f-offer .x21f-eyebrow { color:#bed8ff; }\\n.x21f-offer .x21f-eyebrow::before { background:#36c8ff;box-shadow:0 0 13px rgba(54,200,255,.55); }\\n.x21f-offer .x21f-headline .x21f-accent { color:#c68aff;text-shadow:0 0 27px rgba(140,91,255,.25); }\\n.x21f-offer .x21f-description { color:#edf2ff;max-width:730px; }\\n.x21f-offer .x21f-cta--primary { background:#4868ff;border-color:#7294ff;color:white; }\\n.x21f-offer .x21f-cta--primary:hover,.x21f-offer .x21f-cta--primary:focus-visible { background:#7456ea;border-color:#a98cff;color:white; }\\n\\n\\\/* Controls *\\\/\\n.x21f-controls {\\n  align-items:center;\\n  bottom:24px;\\n  display:flex;\\n  gap:8px;\\n  left:max(28px,calc((100% - 1500px)\\\/2 + 72px));\\n  position:absolute;\\n  z-index:10;\\n}\\n.x21f-control {\\n  align-items:center;\\n  background:rgba(8,20,30,.72);\\n  border:1px solid rgba(255,255,255,.34);\\n  border-radius:50%;\\n  color:white;\\n  cursor:pointer;\\n  display:inline-flex;\\n  font-size:15px;\\n  height:38px;\\n  justify-content:center;\\n  line-height:1;\\n  padding:0;\\n  transition:background .2s ease,transform .2s ease;\\n  width:38px;\\n}\\n.x21f-control:hover,.x21f-control:focus-visible { background:var(--flow-teal);color:#07181b;outline:2px solid white;outline-offset:2px;transform:translateY(-1px); }\\n.x21f-dots { align-items:center;display:flex;gap:6px;margin:0 4px; }\\n.x21f-dot {\\n  background:rgba(255,255,255,.38);\\n  border:0;\\n  border-radius:999px;\\n  cursor:pointer;\\n  height:8px;\\n  padding:0;\\n  transition:background .2s ease,width .2s ease;\\n  width:8px;\\n}\\n.x21f-dot[aria-current=\\\"true\\\"] { background:var(--flow-teal);width:24px; }\\n.x21f-dot:focus-visible { outline:2px solid white;outline-offset:3px; }\\n.x21f-counter { color:rgba(255,255,255,.82);font-size:11px;font-weight:800;letter-spacing:.12em;margin-left:7px; }\\n.x21-flow:has(.x21f-d3.is-active) .x21f-control { background:rgba(22,65,159,.88);border-color:rgba(22,65,159,.45); }\\n.x21-flow:has(.x21f-d3.is-active) .x21f-dot { background:rgba(22,65,159,.38); }\\n.x21-flow:has(.x21f-d3.is-active) .x21f-dot[aria-current=\\\"true\\\"] { background:var(--flow-red); }\\n.x21-flow:has(.x21f-d3.is-active) .x21f-counter { color:var(--flow-cobalt); }\\n\\n@media(max-width:1050px) {\\n  .x21-flow { height:620px; }\\n  .x21f-headline { font-size:clamp(48px,7vw,69px); }\\n  .x21f-original .x21f-inner { grid-template-columns:minmax(0,1.55fr) minmax(190px,.45fr); }\\n  .x21f-orbit { height:260px;width:260px; }\\n  .x21f-offer::before { background:linear-gradient(90deg,rgba(2,9,28,.99) 0%,rgba(2,9,28,.9) 54%,rgba(2,9,28,.18) 88%); }\\n  .x21f-offer .x21f-copy { max-width:70%; }\\n}\\n@media(max-width:760px) {\\n  .x21-flow { height:780px; }\\n  .x21f-inner { padding:45px 24px 94px; }\\n  .x21f-eyebrow { font-size:10px;margin-bottom:17px; }\\n  .x21f-headline { font-size:clamp(38px,11vw,52px);line-height:.96; }\\n  html[lang=\\\"de\\\"] .x21f-headline { font-size:clamp(35px,9.8vw,47px); }\\n  .x21f-description { font-size:15px;line-height:1.48;margin-top:21px; }\\n  .x21f-actions { align-items:stretch;flex-direction:column;gap:9px;margin-top:24px; }\\n  .x21f-cta { font-size:13px;min-height:48px;width:100%; }\\n  .x21f-original .x21f-inner { align-content:start;display:block;padding-top:78px; }\\n  .x21f-original .x21f-copy { max-width:100%; }\\n  .x21f-orbit { bottom:-68px;height:270px;opacity:.62;position:absolute;right:-76px;width:270px; }\\n  .x21f-offer-bg { height:300px !important;object-fit:cover !important;object-position:74% 48%; }\\n  .x21f-offer:nth-child(3) .x21f-offer-bg { object-position:76% 48%; }\\n  .x21f-offer:nth-child(4) .x21f-offer-bg { object-position:70% 50%; }\\n  .x21f-offer:nth-child(5) .x21f-offer-bg { object-position:76% 50%; }\\n  .x21f-offer:nth-child(6) .x21f-offer-bg { object-position:77% 48%; }\\n  .x21f-offer::before { background:linear-gradient(180deg,rgba(2,9,28,.03) 0,rgba(2,9,28,.28) 31%,rgba(2,9,28,.98) 40%,rgba(2,9,28,1) 100%); }\\n  .x21f-offer .x21f-inner { align-items:flex-start;padding-top:324px; }\\n  .x21f-offer .x21f-copy { max-width:100%; }\\n  .x21f-d3-layout { grid-template-columns:1fr;grid-template-rows:32% 68%; }\\n  .x21f-d3-copy { align-items:flex-start;padding:28px 24px 94px 48px; }\\n  .x21f-d3-copy::before,.x21f-d3-copy::after { height:63%;left:23px;top:10%; }\\n  .x21f-d3 .x21f-eyebrow { margin-bottom:13px; }\\n  .x21f-d3 .x21f-headline { font-size:clamp(39px,11vw,52px); }\\n  html[lang=\\\"de\\\"] .x21f-d3 .x21f-headline { font-size:clamp(36px,10vw,48px); }\\n  .x21f-d3-services { border-top-width:3px;font-size:9px;margin-top:15px;padding-top:9px; }\\n  .x21f-d3 .x21f-description { font-size:14px;line-height:1.4;margin-top:12px; }\\n  .x21f-d3 .x21f-actions { flex-direction:row;gap:8px;margin-top:16px; }\\n  .x21f-d3 .x21f-cta { font-size:10px;gap:8px;min-height:42px;padding:0 11px;width:auto; }\\n  .x21f-controls { bottom:22px;left:24px; }\\n  .x21f-control { height:36px;width:36px; }\\n  .x21f-counter { display:none; }\\n}\\n@media(max-width:420px) {\\n  .x21-flow { height:800px; }\\n  .x21f-offer .x21f-inner { padding-top:315px; }\\n  .x21f-offer-bg { height:290px !important; }\\n  .x21f-d3-copy { padding-right:18px; }\\n  .x21f-d3 .x21f-actions { flex-direction:column; }\\n  .x21f-d3 .x21f-cta { width:100%; }\\n  .x21f-controls { gap:6px;left:18px; }\\n  .x21f-control { height:34px;width:34px; }\\n}\\n@media(prefers-reduced-motion:reduce) {\\n  .x21f-slide,.x21f-dot,.x21f-cta { transition:none; }\\n}\\n\\n<\\\/style>\\n<script>\\n(() => {\\n  const root = document.querySelector('.x21-flow');\\n  if (!root || root.dataset.flowReady === 'true') return;\\n  root.dataset.flowReady = 'true';\\n\\n  const slides = [...root.querySelectorAll('.x21f-slide')];\\n  const dots = root.querySelector('.x21f-dots');\\n  const counter = root.querySelector('.x21f-counter');\\n  const previous = root.querySelector('.x21f-previous');\\n  const next = root.querySelector('.x21f-next');\\n  const pauseButton = root.querySelector('.x21f-pause');\\n  const isGerman = document.documentElement.lang.toLowerCase().startsWith('de');\\n  const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\\n  let current = 0;\\n  let paused = reduceMotion;\\n  let interactionPaused = false;\\n  let timer = null;\\n\\n  slides.forEach((slide, index) => {\\n    const dot = document.createElement('button');\\n    dot.className = 'x21f-dot';\\n    dot.type = 'button';\\n    dot.setAttribute('aria-label', isGerman ? `Banner ${index + 1} anzeigen` : `Show banner ${index + 1}`);\\n    dot.addEventListener('click', () => {\\n      show(index);\\n      schedule();\\n    });\\n    dots.append(dot);\\n  });\\n\\n  function show(index) {\\n    current = (index + slides.length) % slides.length;\\n    slides.forEach((slide, i) => {\\n      const active = i === current;\\n      slide.classList.toggle('is-active', active);\\n      slide.setAttribute('aria-hidden', active ? 'false' : 'true');\\n      slide.querySelectorAll('a,button').forEach(item => item.tabIndex = active ? 0 : -1);\\n    });\\n    [...dots.children].forEach((dot, i) => dot.setAttribute('aria-current', i === current ? 'true' : 'false'));\\n    counter.textContent = `${String(current + 1).padStart(2, '0')} \\\/ ${String(slides.length).padStart(2, '0')}`;\\n  }\\n\\n  function schedule() {\\n    window.clearTimeout(timer);\\n    if (paused || interactionPaused) return;\\n    const delay = current === 0 ? 8000 : 6500;\\n    timer = window.setTimeout(() => {\\n      if (current === slides.length - 1) {\\n        show(0);\\n        paused = true;\\n        updatePauseButton();\\n        return;\\n      }\\n      show(current + 1);\\n      schedule();\\n    }, delay);\\n  }\\n\\n  function updatePauseButton() {\\n    pauseButton.setAttribute('aria-pressed', String(paused));\\n    pauseButton.setAttribute('aria-label', paused\\n      ? (isGerman ? 'Automatischen Wechsel fortsetzen' : 'Resume automatic rotation')\\n      : (isGerman ? 'Automatischen Wechsel pausieren' : 'Pause automatic rotation'));\\n    pauseButton.textContent = paused ? '\\u25b6' : '\\u2161';\\n  }\\n\\n  previous.addEventListener('click', () => { show(current - 1); schedule(); });\\n  next.addEventListener('click', () => { show(current + 1); schedule(); });\\n  pauseButton.addEventListener('click', () => {\\n    paused = !paused;\\n    updatePauseButton();\\n    schedule();\\n  });\\n\\n  root.addEventListener('mouseenter', () => {\\n    interactionPaused = true;\\n    window.clearTimeout(timer);\\n  });\\n  root.addEventListener('mouseleave', () => {\\n    interactionPaused = false;\\n    schedule();\\n  });\\n  root.addEventListener('focusin', () => {\\n    interactionPaused = true;\\n    window.clearTimeout(timer);\\n  });\\n  root.addEventListener('focusout', event => {\\n    if (!root.contains(event.relatedTarget)) {\\n      interactionPaused = false;\\n      schedule();\\n    }\\n  });\\n  root.addEventListener('keydown', event => {\\n    if (event.key === 'ArrowLeft') { show(current - 1); schedule(); }\\n    if (event.key === 'ArrowRight') { show(current + 1); schedule(); }\\n  });\\n\\n  show(0);\\n  updatePauseButton();\\n  schedule();\\n})();\\n<\\\/script>\\n\\t\\t\\t\\t<\\\/div>\\n\\t\\t\\t\\t<\\\/div>\\n\\t\\t[elementor-element k=\\\"50b17dfce3827dc34b337425be13d617\\\" data=\\\"eyJpZCI6ImE2NjcxYTAiLCJlbFR5cGUiOiJ3aWRnZXQiLCJzZXR0aW5ncyI6eyJmb3JtX2lkIjoiMjkxNiIsImRpc3BsYXlfY29uZGl0aW9uX2xpc3QiOlt7ImRpc3BsYXlfY29uZGl0aW9uX2xvZ2luX3N0YXR1cyI6InN1YnNjcmliZXIiLCJfaWQiOiIwM2EzZjAwIn1dfSwiZWxlbWVudHMiOltdLCJ3aWRnZXRUeXBlIjoid3Bmb3JtcyJ9\\\"]\\t\\t<div class=\\\"elementor-element elementor-element-8c6a661 elementor-widget elementor-widget-html\\\" data-id=\\\"8c6a661\\\" data-element_type=\\\"widget\\\" data-e-type=\\\"widget\\\" data-widget_type=\\\"html.default\\\">\\n\\t\\t\\t\\t<div class=\\\"elementor-widget-container\\\">\\n\\t\\t\\t\\t\\t\\n<div class=\\\"x21-form-note\\\"><div class=\\\"x21-shell\\\">By submitting the form, you acknowledge our <a href=\\\"\\\/en\\\/privacy-policy\\\/\\\">Privacy Policy<\\\/a>. Your information is used only to respond to your enquiry.<\\\/div><\\\/div>\\n<footer class=\\\"x21-page-footer\\\">\\n  <div class=\\\"x21-shell\\\">\\n    <strong>21x GmbH<\\\/strong>\\n    <nav class=\\\"x21-legal-links\\\" aria-label=\\\"Legal\\\">\\n      <a href=\\\"\\\/en\\\/legal-notice\\\/\\\">Legal Notice<\\\/a>\\n      <a href=\\\"\\\/en\\\/privacy-policy\\\/\\\">Privacy Policy<\\\/a>\\n      <a href=\\\"\\\/en\\\/general-terms-and-conditions\\\/\\\">General Terms &amp; Conditions (B2B)<\\\/a>\\n    <\\\/nav>\\n  <\\\/div>\\n<\\\/footer>\\n<script>\\n(function(){\\n  function localize21xForm(){\\n    var f=document.getElementById('wpforms-form-2916');\\n    if(!f){setTimeout(localize21xForm,150);return;}\\n    var q=function(s){return f.querySelector(s);};\\n    var set=function(s,t){var e=q(s);if(e)e.textContent=t;};\\n    var attr=function(s,n,v){var e=q(s);if(e)e.setAttribute(n,v);};\\n    set('label[for=\\\"wpforms-2916-field_9\\\"]','First name *');\\n    set('label[for=\\\"wpforms-2916-field_9-last\\\"]','Last name');\\n    attr('#wpforms-2916-field_9','placeholder','First name');\\n    attr('#wpforms-2916-field_9-last','placeholder','Last name');\\n    set('label[for=\\\"wpforms-2916-field_10\\\"]','Company *');\\n    attr('#wpforms-2916-field_10','placeholder','Company');\\n    set('label[for=\\\"wpforms-2916-field_2\\\"]','Email *');\\n    attr('#wpforms-2916-field_2','placeholder','Your email address');\\n    set('label[for=\\\"wpforms-2916-field_3\\\"]','Message *');\\n    attr('#wpforms-2916-field_3','placeholder','Tell us briefly about your project');\\n    var news=q('input[type=\\\"checkbox\\\"]'); if(news){var row=news.closest('.wpforms-field');if(row)row.style.setProperty('display','none','important');}\\n    var b=q('#wpforms-submit-2916'); if(b){b.textContent='Send enquiry';b.setAttribute('data-alt-text','Sending\\u2026');}\\n  }\\n  if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',localize21xForm);}else{localize21xForm();}\\n})();\\n<\\\/script>\\t\\t\\t\\t<\\\/div>\\n\\t\\t\\t\\t<\\\/div>\\n\\t\\t\\t\\t\\t<\\\/div>\\n\\t\\t\\t\\t<\\\/div>\\n\\t\\t\",\"scripts\":[],\"styles\":[]}}"],"_uag_page_assets":["a:9:{s:3:\"css\";s:12364:\".wp-block-uagb-advanced-heading.uagb-block-ea53f9b8.wp-block-uagb-advanced-heading .uagb-heading-text{color: var(--ast-global-color-5);}.wp-block-uagb-advanced-heading.uagb-block-ea53f9b8.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-ea53f9b8.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-ea53f9b8.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-ea53f9b8.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-faca794c.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-faca794c.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-faca794c.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-faca794c.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-faca794c .uagb-heading-text{line-height: 3em;}.uagb-block-88842c93.wp-block-uagb-image--layout-default figure img{box-shadow: 0px 0px 0 #00000070;}.uagb-block-88842c93.wp-block-uagb-image .wp-block-uagb-image__figure figcaption{font-style: normal;align-self: center;}.uagb-block-88842c93.wp-block-uagb-image--layout-overlay figure img{box-shadow: 0px 0px 0 #00000070;}.uagb-block-88842c93.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__color-wrapper{opacity: 0.2;}.uagb-block-88842c93.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner{left: 15px;right: 15px;top: 15px;bottom: 15px;}.uagb-block-88842c93.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner .uagb-image-heading{font-style: normal;color: #fff;opacity: 1;}.uagb-block-88842c93.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner .uagb-image-heading a{color: #fff;}.uagb-block-88842c93.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner .uagb-image-caption{opacity: 0;}.uagb-block-88842c93.wp-block-uagb-image--layout-overlay .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__color-wrapper{opacity: 1;}.uagb-block-88842c93.wp-block-uagb-image .wp-block-uagb-image--layout-overlay__inner .uagb-image-separator{width: 30%;border-top-width: 2px;border-top-color: #fff;opacity: 0;}.uagb-block-88842c93.wp-block-uagb-image .wp-block-uagb-image__figure img{width: px;height: auto;}.uagb-block-88842c93.wp-block-uagb-image .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__inner .uagb-image-caption{opacity: 1;}.uagb-block-88842c93.wp-block-uagb-image .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__inner .uagb-image-separator{opacity: 1;}.uagb-block-88842c93.wp-block-uagb-image--layout-default figure:hover img{box-shadow: 0px 0px 0 #00000070;}.uagb-block-88842c93.wp-block-uagb-image--layout-overlay figure:hover img{box-shadow: 0px 0px 0 #00000070;}.wp-block-uagb-advanced-heading.uagb-block-8df4c415.wp-block-uagb-advanced-heading .uagb-heading-text{color: var(--ast-global-color-5);}.wp-block-uagb-advanced-heading.uagb-block-8df4c415.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-8df4c415.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-8df4c415.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-8df4c415.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}@media only screen and (max-width: 976px) {.uagb-block-88842c93.wp-block-uagb-image .wp-block-uagb-image__figure img{width: px;height: auto;}}@media only screen and (max-width: 767px) {.uagb-block-88842c93.wp-block-uagb-image .wp-block-uagb-image__figure img{width: px;height: auto;}.uagb-block-88842c93.wp-block-uagb-image{text-align: center;justify-content: center;align-self: center;}.uagb-block-88842c93 .wp-block-uagb-image__figure{align-items: center;}}.wp-block-uagb-advanced-heading.uagb-block-ca6fdea8.wp-block-uagb-advanced-heading .uagb-heading-text{color: var(--ast-global-color-5);}.wp-block-uagb-advanced-heading.uagb-block-ca6fdea8.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-ca6fdea8.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-ca6fdea8.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-ca6fdea8.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-fee5cedc.wp-block-uagb-advanced-heading .uagb-heading-text{color: var(--ast-global-color-5);}.wp-block-uagb-advanced-heading.uagb-block-fee5cedc.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-fee5cedc.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-fee5cedc.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-fee5cedc.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-fee5cedc .uagb-heading-text{line-height: 3em;}.wp-block-uagb-advanced-heading.uagb-block-0e3c203b.wp-block-uagb-advanced-heading .uagb-heading-text{color: var(--ast-global-color-5);}.wp-block-uagb-advanced-heading.uagb-block-0e3c203b.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-0e3c203b.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-0e3c203b.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-0e3c203b.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-fee5cedc.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-fee5cedc.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-fee5cedc.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-fee5cedc.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-fee5cedc .uagb-heading-text{line-height: 3em;}.wp-block-uagb-advanced-heading.uagb-block-0ff7a102.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 0px;}.wp-block-uagb-advanced-heading.uagb-block-0ff7a102.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-0ff7a102.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-0ff7a102.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-0ff7a102 .uagb-heading-text{font-size: 27px;line-height: 1.5em;margin-bottom: 27px;}.wp-block-uagb-advanced-heading.uagb-block-aac68066.wp-block-uagb-advanced-heading {margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}.wp-block-uagb-advanced-heading.uagb-block-aac68066.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 0px;}.wp-block-uagb-advanced-heading.uagb-block-aac68066.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-aac68066.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-aac68066.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-aac68066 .uagb-heading-text{font-size: 27px;line-height: 1.5em;margin-bottom: 27px;} .uagb-block-96ec1eef.uagb-icon-wrapper{text-align: center;} .uagb-block-96ec1eef.uagb-icon-wrapper .uagb-svg-wrapper a{display: contents;} .uagb-block-96ec1eef.uagb-icon-wrapper svg{width: 30px;height: 30px;transform: rotate(0deg);box-sizing: content-box;fill: var(--ast-global-color-2);filter: drop-shadow( 0px 0px 0px #00000070 );} .uagb-block-96ec1eef.uagb-icon-wrapper .uagb-svg-wrapper:hover svg{fill: var(--ast-global-color-0);} .uagb-block-96ec1eef.uagb-icon-wrapper .uagb-svg-wrapper:focus-visible svg{fill: var(--ast-global-color-0);} .uagb-block-96ec1eef.uagb-icon-wrapper .uagb-svg-wrapper{display: inline-flex;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;border-style: none;box-shadow: 0px 0px 0 #00000070 ;} .uagb-block-96ec1eef.uagb-icon-wrapper .uagb-svg-wrapper:hover{box-shadow: 0px 0px 0 #00000070 ;} .uagb-block-96ec1eef.uagb-icon-wrapper .uagb-svg-wrapper:focus-visible{box-shadow: 0px 0px 0 #00000070 ;}@media only screen and (max-width: 976px) { .uagb-block-96ec1eef.uagb-icon-wrapper .uagb-svg-wrapper{display: inline-flex;border-style: none;}}@media only screen and (max-width: 767px) { .uagb-block-96ec1eef.uagb-icon-wrapper .uagb-svg-wrapper{display: inline-flex;border-style: none;}} .uagb-block-e964f9f0.uagb-icon-wrapper{text-align: center;} .uagb-block-e964f9f0.uagb-icon-wrapper .uagb-svg-wrapper a{display: contents;} .uagb-block-e964f9f0.uagb-icon-wrapper svg{width: 30px;height: 30px;transform: rotate(0deg);box-sizing: content-box;fill: var(--ast-global-color-2);filter: drop-shadow( 0px 0px 0px #00000070 );} .uagb-block-e964f9f0.uagb-icon-wrapper .uagb-svg-wrapper:hover svg{fill: var(--ast-global-color-0);} .uagb-block-e964f9f0.uagb-icon-wrapper .uagb-svg-wrapper:focus-visible svg{fill: var(--ast-global-color-0);} .uagb-block-e964f9f0.uagb-icon-wrapper .uagb-svg-wrapper{display: inline-flex;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;border-style: default;box-shadow: 0px 0px 0 #00000070 ;} .uagb-block-e964f9f0.uagb-icon-wrapper .uagb-svg-wrapper:hover{box-shadow: 0px 0px 0 #00000070 ;} .uagb-block-e964f9f0.uagb-icon-wrapper .uagb-svg-wrapper:focus-visible{box-shadow: 0px 0px 0 #00000070 ;}@media only screen and (max-width: 976px) { .uagb-block-e964f9f0.uagb-icon-wrapper .uagb-svg-wrapper{display: inline-flex;}}@media only screen and (max-width: 767px) { .uagb-block-e964f9f0.uagb-icon-wrapper .uagb-svg-wrapper{display: inline-flex;}}\";s:2:\"js\";s:1088:\"document.addEventListener(\"DOMContentLoaded\", function(){ \t\t\t\twindow.addEventListener( 'DOMContentLoaded', () => {\n\t\t\t\t\tconst blockScope = document.querySelector( '.uagb-block-96ec1eef' );\n\t\t\t\t\tif ( ! blockScope ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst anchorElement = blockScope.querySelector('a');\n\t\t\t\t\tif (!anchorElement) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t} \n\n\t\t\t\t\t \n\t\t\t\t\tblockScope.addEventListener('keydown', (event) => {\n\t\t\t\t\t\tif ( 13 === event.keyCode || 32 === event.keyCode ) {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\tanchorElement.click();\t\n\t\t\t\t\t\t}\n\t\t\t\t\t} );\n\t\t\t\t} );\n\t\t\t\t\t\t\twindow.addEventListener( 'DOMContentLoaded', () => {\n\t\t\t\t\tconst blockScope = document.querySelector( '.uagb-block-e964f9f0' );\n\t\t\t\t\tif ( ! blockScope ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst anchorElement = blockScope.querySelector('a');\n\t\t\t\t\tif (!anchorElement) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t} \n\n\t\t\t\t\t \n\t\t\t\t\tblockScope.addEventListener('keydown', (event) => {\n\t\t\t\t\t\tif ( 13 === event.keyCode || 32 === event.keyCode ) {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\tanchorElement.click();\t\n\t\t\t\t\t\t}\n\t\t\t\t\t} );\n\t\t\t\t} );\n\t\t\t });\";s:18:\"current_block_list\";a:18:{i:0;s:11:\"core\/search\";i:1;s:10:\"core\/group\";i:2;s:12:\"core\/heading\";i:3;s:17:\"core\/latest-posts\";i:4;s:20:\"core\/latest-comments\";i:5;s:13:\"core\/archives\";i:6;s:15:\"core\/categories\";i:7;s:14:\"core\/separator\";i:9;s:21:\"uagb\/advanced-heading\";i:11;s:10:\"uagb\/image\";i:12;s:9:\"core\/list\";i:13;s:14:\"core\/list-item\";i:14;s:10:\"core\/image\";i:15;s:14:\"core\/paragraph\";i:16;s:12:\"core\/buttons\";i:17;s:11:\"core\/button\";i:18;s:22:\"wpml\/language-switcher\";i:19;s:9:\"uagb\/icon\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1790116035\";s:6:\"gfonts\";a:0:{}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"]},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/21x.at\/en\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":"Capabilities Experts How we work DE Contact 21x learning, content &amp; consulting Build learningthat scales. Strategy \u00b7 Consulting \u00b7 Content \u00b7 Delivery We turn expert knowledge into learning and content solutions that work across formats, platforms and markets. Explore our capabilities \u2193 Discuss a project \u2197 21x learning, content &amp; consulting Expert knowledge.Built for global&hellip;","_links":{"self":[{"href":"https:\/\/21x.at\/en\/wp-json\/wp\/v2\/pages\/4596","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/21x.at\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/21x.at\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/21x.at\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/21x.at\/en\/wp-json\/wp\/v2\/comments?post=4596"}],"version-history":[{"count":39,"href":"https:\/\/21x.at\/en\/wp-json\/wp\/v2\/pages\/4596\/revisions"}],"predecessor-version":[{"id":4712,"href":"https:\/\/21x.at\/en\/wp-json\/wp\/v2\/pages\/4596\/revisions\/4712"}],"wp:attachment":[{"href":"https:\/\/21x.at\/en\/wp-json\/wp\/v2\/media?parent=4596"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}