#specialist .card img[alt*="SPECIALIST"] {
	width: 200px !important;
	max-width: 200px !important;
	height: auto !important;
}
:root{--bg:#15192b;--surface:#0f172a;--border:#2a2f45;--text:#e6e6ff;--muted:#a3a3c7;--accent:#7A3CFF;--accent-2:#22D3EE;--accent-3:#00E6E6;--gap:1.25rem;--gl1:rgba(255,255,255,.30);--gl2:rgba(122,60,255,.55);--gl3:rgba(122,60,255,.28);--gl4:rgba(122,60,255,.12);--glow-edge:0 0 0 1px var(--gl1),0 0 10px 6px var(--gl2),0 0 22px 14px var(--gl3),0 0 44px 24px var(--gl4);--glow-gradient:radial-gradient(circle at 50% 50%,rgba(122,60,255,.45)0%,rgba(122,60,255,.28)42%,rgba(34,211,238,.18)68%,transparent 92%);--pill-grad:linear-gradient(135deg,color-mix(in oklab,var(--accent) 60%,transparent),color-mix(in oklab,var(--accent-2) 40%,transparent));color-scheme:dark}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}section{padding:56px 0}.container{max-width:1280px;margin:0 auto;padding:0 20px}a{color:var(--accent);text-decoration:none}a:hover:not(.badge){text-decoration:underline}.grid-3{display:grid;gap:28px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1024px){.grid-3{grid-template-columns:1fr 1fr}}@media (max-width:640px){.grid-3{grid-template-columns:1fr}}.grid-2{display:grid;gap:28px;grid-template-columns:1fr 1fr}@media (max-width:1024px){.grid-2{grid-template-columns:1fr}}.card{background:color-mix(in oklab,var(--surface) 96%,transparent);border:1px solid var(--border);border-radius:14px;padding:18px;position:relative;isolation:isolate;z-index:0}.h2,.title{color:var(--text)}.sub{color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.42rem .7rem;border-radius:9999px;font-weight:700;font-size:.85rem;color:var(--muted);background:color-mix(in oklab,CanvasText 6%,transparent);border:1px solid color-mix(in oklab,CanvasText 10%,transparent);box-shadow:none}.card .icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;margin:0 .6rem 0 0;background:var(--pill-grad);box-shadow:0 6px 22px color-mix(in oklab,var(--accent) 25%,black 0%);vertical-align:middle}.card .icon::before{content:"";position:absolute;inset:10px;border-radius:6px;background:rgba(255,255,255,.10)}.card .icon:not(:has(img))::before{content:none!important}.card .icon img{width:18px;height:18px;display:block;position:relative;z-index:1}.card h3{margin-top:.6rem}.site-header{border-bottom:1px solid rgba(255,255,255,.1)}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:var(--gap);padding:.75rem 0}.site-header,.site-header *{color:#fff!important}.site-header a{text-decoration:none}.site-header a:hover{opacity:.85}.site-header .nav-links{display:flex;gap:.7rem;flex-wrap:wrap}.site-header .nav-links a{display:inline-flex;align-items:center;gap:.4rem;padding:.38rem .72rem;border-radius:999px;background:rgba(255,255,255,.08);color:#fff!important;text-decoration:none;line-height:1;position:relative;isolation:isolate;z-index:0}.site-header .nav-links a:hover{background:rgba(255,255,255,.12)}.site-header .nav-links a[aria-current="page"]{background:rgba(255,255,255,.18)}.site-header .nav-links a::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;opacity:0;box-shadow:var(--glow-edge);transition:opacity .18s ease,filter .18s ease}.site-header .nav-links a:hover::before{opacity:1}.site-header .nav-links .nav-icon{padding:.38rem .52rem}.site-header .nav-links .nav-icon svg{display:block;width:18px;height:18px}.site-header .brand-meta{color:var(--accent)!important}.site-header .brand-name{color:var(--accent)!important}
details.lang-menu{position:relative;display:inline-block}summary.lang-btn{display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:transparent;cursor:pointer;line-height:1;list-style:none;user-select:none}summary.lang-btn::-webkit-details-marker{display:none}summary.lang-btn::marker{content:""}summary.lang-btn .flag{width:18px;height:12px;display:block}.lang-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:50;min-width:220px;max-height:55vh;overflow:auto;padding:.5rem;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(15,23,42,.75);-webkit-backdrop-filter:blur(8px) saturate(1.1);backdrop-filter:blur(8px) saturate(1.1);box-shadow:0 12px 30px rgba(0,0,0,.35)}.lang-list{display:grid;grid-template-columns:1fr;gap:.35rem;margin:0;padding:0;list-style:none}.lang-item{display:flex;align-items:center;gap:.6rem;padding:.45rem .55rem;border-radius:8px;color:#fff;text-decoration:none}.lang-item:hover,.lang-item:focus{background:rgba(255,255,255,.08);outline:none}.lang-item .flag{width:18px;height:12px;display:block}@media (max-width:640px){.lang-panel{right:auto;left:0;min-width:min(92vw,28rem)}}.site-footer{background:var(--surface);border-top:1px solid var(--border);color:var(--text)}.site-footer .foot{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.75rem 0}.site-footer nav{display:flex;gap:.8rem;flex-wrap:wrap}.site-footer a{color:var(--muted);text-decoration:none;position:relative;transition:color .2s ease,text-shadow .2s ease}.site-footer a:hover,.site-footer a:focus-visible{color:#fff;text-decoration:none;text-shadow:0 0 6px rgba(122,60,255,.55),0 0 14px rgba(34,211,238,.48),0 0 22px rgba(122,60,255,.35)}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--text);text-decoration:underline}@media (max-width:640px){.site-footer .foot{flex-direction:column;align-items:flex-start;gap:.5rem}}.badge::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-18px;border-radius:inherit;opacity:0;box-shadow:var(--glow-edge);transition:opacity .18s ease,filter .18s ease}.card::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0;border-radius:inherit;opacity:0;box-shadow:var(--glow-edge);transition:opacity .18s ease,filter .18s ease}.card:hover::before{opacity:1}.card .badge::before,.card .badge::after{content:none!important}.card .icon:has(img[src$="x-erp-100.webp"]){position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;background:var(--pill-grad);border-radius:8px;padding:6px 10px;width:auto;height:auto;margin:0 .6rem 0 0;box-shadow:none}.card .icon:has(img[src$="x-erp-100.webp"])::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;opacity:0;box-shadow:var(--glow-edge);transition:opacity .18s ease,filter .18s ease}.card .icon:has(img[src$="x-erp-100.webp"]):hover::before,.card .icon:has(img[src$="x-erp-100.webp"]):focus-visible::before{opacity:1}.card .icon:has(img[src$="x-erp-100.webp"]) img{width:auto;height:38px;display:block}.site-footer a[aria-label="X-ERP"]{position:relative;isolation:isolate;display:inline-flex;align-items:center;border-radius:8px;background:0 0;box-shadow:none;border:none!important}.site-footer a[aria-label="X-ERP"]::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;opacity:0;box-shadow:var(--glow-edge);transition:opacity .18s ease,filter .18s ease}.site-footer a[aria-label="X-ERP"]:hover::before,.site-footer a[aria-label="X-ERP"]:focus-visible::before{opacity:1}.hero .container{padding:96px 0 48px;text-align:center}.hero-title{font-size:clamp(2rem,4vw,3.2rem);text-align:center;letter-spacing:.05em;margin:24px 0 0}.accent-divider{height:2px;max-width:520px;margin:120px auto 24px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.9}.hero-kicker{margin:80px 0 16px;font-size:clamp(2rem,4.5vw,3.25rem);letter-spacing:.12em;color:var(--accent)}.logo-hero{height:60px;width:auto;vertical-align:middle}.hero a[aria-label="X-ERP"]::before{content:none!important}.hero a[aria-label="X-ERP"] img{transition:filter .2s ease}.hero a[aria-label="X-ERP"]:hover img{filter:drop-shadow(0 0 6px var(--gl1)) drop-shadow(0 0 18px var(--gl2)) drop-shadow(0 0 36px var(--gl3))}@media (prefers-reduced-motion:reduce){.hero a[aria-label="X-ERP"] img{transition:none}}.mt-12{margin-top:12px!important}.mt-22{margin-top:22px!important}.float-right{float:right}.card:has([data-cta-partner]),.card:has([data-cta-questions]){position:relative;padding-bottom:64px}.card [data-cta-partner]{position:absolute;left:var(--gap);bottom:var(--gap);margin:0;z-index:1}.card [data-cta-questions]{position:absolute;right:var(--gap)!important;left:auto!important;bottom:var(--gap);margin:0;z-index:1;display:inline-block}.emoji-md{font-size:18px;line-height:1}[data-cta-partner] .badge,[data-cta-questions] .badge,a.badge[href*="/contact"]{display:inline-flex;align-items:center;gap:.4rem;border-radius:9999px;transition:box-shadow .18s ease,filter .18s ease;text-decoration:none!important}[data-cta-partner] .badge:is(:hover,:focus-visible),[data-cta-questions] .badge:is(:hover,:focus-visible),a.badge[href*="/contact"]:is(:hover,:focus-visible){box-shadow:var(--glow-edge)!important;filter:saturate(1.05);text-decoration:none!important}.wrap .btn{transition:box-shadow .18s ease,filter .18s ease}.wrap .btn:is(:hover,:focus-visible){box-shadow:var(--glow-edge)!important;filter:saturate(1.05)}/* Page-specific tweaks */.page-de-index h2.h2{ text-align:center }

/* X-ERP Marketing Experience – Dark Mode Enhancements */
:root {
  /* Grundfarben & Effekte */
  --mk-gradient-1: radial-gradient(circle at 18% 22%, rgba(80,80,80,.32), transparent 70%);
  --mk-gradient-2: radial-gradient(circle at 78% 24%, rgba(60,60,60,.26), transparent 76%);
  --mk-gradient-3: radial-gradient(circle at 46% 88%, rgba(72,72,72,.22), transparent 78%);
  --mk-bg-sheen: linear-gradient(130deg, rgba(120,120,120,.14) 0%, rgba(70,70,70,.1) 36%, transparent 72%);
  --mk-base-sky: linear-gradient(160deg, #0c0c0c 0%, #121212 38%, #161616 76%, #111111 100%);
  --mk-grid-color: rgba(255,255,255,.022);
  --mk-grid: linear-gradient(var(--mk-grid-color) 1px, transparent 1px),
             linear-gradient(90deg, var(--mk-grid-color) 1px, transparent 1px);
  --mk-grid-size: 52px;  
  --mk-glass: rgba(255,255,255,.04);
  --mk-glass-border: color-mix(in oklab, var(--accent) 40%, transparent);
  --mk-focus: 0 0 0 2px color-mix(in oklab, var(--accent) 80%, transparent),0 0 0 6px rgba(122,60,255,.35);
  --mk-code-bg: #1c2437;
  --mk-code-border: #2c3a57;
  --mk-text-soft: color-mix(in oklab, var(--text) 70%, var(--bg));
}

body.mk-page {
  position:relative;
  background:var(--mk-base-sky);
  min-height:100dvh;
  overflow-x:hidden;
}
body.mk-page::before {
  content:"";
  position:fixed;
  inset:-10% -20%;
  pointer-events:none;
  z-index:-1;
  background:
    var(--mk-gradient-1),
    var(--mk-gradient-2),
    var(--mk-gradient-3),
    var(--mk-bg-sheen);
  filter:blur(180px) saturate(1.05);
  opacity:.46;
  transform:translate3d(0,0,0);
}
body.mk-page::after {
  content:"";
  position:fixed;
  inset:-12% -12%;
  pointer-events:none;
  z-index:-2;
  background:
    var(--mk-grid),
  radial-gradient(circle at 50% 18%, rgba(122,60,255,.08), transparent 62%),
  radial-gradient(circle at 52% 82%, rgba(34,211,238,.06), transparent 68%);
  background-size:
    var(--mk-grid-size) var(--mk-grid-size),
    100% 100%,
    100% 100%;
  mix-blend-mode:soft-light;
  opacity:.24;
  mask-image:radial-gradient(circle at 50% 50%, rgba(0,0,0,.92) 0%, rgba(0,0,0,.26) 74%, transparent 100%);
}

.mk-hero {
  position: relative;
  padding: 140px 0 80px;
  text-align: center;
  overflow: hidden;
}
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.mk-hero-logo {
  margin: 0 0 32px;
  display:flex;
  justify-content:center;
}
.mk-hero-logo img {
  height:clamp(88px,11vw,150px);
  width:auto;
  filter:drop-shadow(0 0 12px rgba(122,60,255,.35)) drop-shadow(0 0 28px rgba(34,211,238,.25));
}
.logo-hero{height:clamp(88px,11vw,150px);width:auto;vertical-align:middle}
.mk-slogan {
  margin:-12px auto 30px;
  font-size:clamp(1rem,2.3vw,1.35rem);
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--accent);
  text-align:center;
  filter:drop-shadow(0 2px 12px rgba(34,211,238,.2));
}
.mk-keywords {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:center;
  margin:26px auto 0;
  padding:0;
  list-style:none;
  max-width:1160px;
}
.mk-keywords li {
  border-radius:14px;
  border:1px solid rgba(122,60,255,.28);
  padding:.55rem .85rem;
  background:rgba(28,28,28,.78);
  backdrop-filter:blur(10px) saturate(1.1);
  -webkit-backdrop-filter:blur(10px) saturate(1.1);
  font-size:.92rem;
  color:var(--text);
  letter-spacing:.02em;
  box-shadow:0 0 18px -12px rgba(122,60,255,.35);
}
.mk-hero-wiki {text-align:left}
.mk-hero-wiki .mk-hero-intro {text-align:left}
.mk-hero-wiki .mk-hero-layout {display:grid;gap:46px;align-items:stretch;grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr)}
.mk-hero-wiki .mk-slogan,.mk-hero-wiki .lead,.mk-hero-wiki .mk-hero-sub {margin-left:0;margin-right:0;text-align:left}
.mk-hero-wiki .mk-actions {justify-content:flex-start}
.mk-hero-wiki .mk-metrics {justify-content:flex-start}
.mk-hero-wiki .mk-hero-metrics {margin-top:36px}
.mk-hero-card {align-self:stretch;padding:32px 30px;border-radius:26px;border:1px solid var(--mk-glass-border);background:rgba(15,23,42,.72);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 30px 80px -42px rgba(0,0,0,.82);display:flex;flex-direction:column;gap:1.25rem}
.mk-hero-card h2 {margin:0;font-size:1.35rem;letter-spacing:.05em;color:var(--text)}
.mk-hero-points {margin:0;padding:0;list-style:none;display:grid;gap:.85rem;font-size:.95rem;color:var(--mk-text-soft)}
.mk-hero-points li strong {color:var(--text);font-weight:600}
.mk-hero-card-links {display:grid;gap:.7rem;margin-top:auto}
.mk-card-link {position:relative;display:inline-flex;align-items:center;gap:.55rem;padding:.7rem 1.1rem;border-radius:14px;border:1px solid rgba(122,60,255,.28);background:rgba(255,255,255,.04);color:var(--text);font-weight:600;letter-spacing:.02em;text-decoration:none;overflow:hidden;transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease}
.mk-card-link-arrow {font-size:1.25rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}
.mk-card-link::after {content:"";position:absolute;inset:-60%;background:radial-gradient(circle at 50% 50%, rgba(122,60,255,.45), transparent 70%);opacity:0;transition:opacity .3s ease}
.mk-card-link:hover,.mk-card-link:focus-visible {transform:translateY(-2px);border-color:rgba(122,60,255,.55);box-shadow:0 18px 44px -26px rgba(122,60,255,.65);outline:none}
.mk-card-link:hover::after,.mk-card-link:focus-visible::after {opacity:.55}
.mk-hero-search {margin-top:56px;padding:26px 28px;border-radius:26px;border:1px solid var(--mk-glass-border);background:rgba(15,23,42,.7);backdrop-filter:blur(18px) saturate(1.18);-webkit-backdrop-filter:blur(18px) saturate(1.18);box-shadow:0 26px 70px -40px rgba(0,0,0,.82);display:flex;flex-direction:column;gap:22px}
.mk-hero-search .search {display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;border:1px solid rgba(122,60,255,.28);background:rgba(8,12,22,.85);box-shadow:0 14px 44px -30px rgba(0,0,0,.85)}
.mk-hero-search .search input {flex:1;background:transparent;border:none;color:var(--text);font-size:1rem;font-family:inherit}
.mk-hero-search .search input::placeholder {color:color-mix(in oklab, var(--text) 45%, transparent)}
.mk-hero-search .search input:focus {outline:none}
.mk-hero-search .search .icon {color:rgba(255,255,255,.65)}
.mk-hero-search .reset {width:32px;height:32px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease, transform .2s ease, box-shadow .2s ease}
.mk-hero-search .reset:hover,.mk-hero-search .reset:focus-visible {background:rgba(255,255,255,.16);transform:translateY(-1px);box-shadow:0 12px 32px -18px rgba(122,60,255,.55);outline:none}
.view-toggle {display:flex;flex-wrap:wrap;gap:12px}
.chip {position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.6rem 1.15rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:var(--muted);font-size:.88rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;overflow:hidden;transition:color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease}
.chip::before {content:"";position:absolute;inset:-60%;background:radial-gradient(circle at var(--mx,50%) var(--my,50%), rgba(122,60,255,.45), transparent 60%);opacity:0;transition:opacity .3s ease}
.chip:hover::before,.chip:focus-visible::before {opacity:.6}
.chip:hover,.chip:focus-visible {color:#fff;border-color:rgba(122,60,255,.5);transform:translateY(-1px);box-shadow:0 12px 34px -24px rgba(122,60,255,.6);outline:none}
.chip.is-active {color:#fff;border-color:rgba(122,60,255,.68);background:linear-gradient(135deg, rgba(122,60,255,.35), rgba(34,211,238,.22));box-shadow:0 16px 44px -28px rgba(122,60,255,.7)}
.tag-list {margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:12px}
.tag-list li {margin:0}
.tag {position:relative;display:inline-flex;align-items:center;gap:.35rem;padding:.55rem .9rem;border-radius:999px;border:1px solid rgba(122,60,255,.3);background:rgba(28,28,28,.8);color:var(--text);font-size:.92rem;letter-spacing:.02em;text-decoration:none;overflow:hidden;transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease}
.tag::before {content:"";position:absolute;inset:-60%;background:radial-gradient(circle at var(--mx,50%) var(--my,50%), rgba(34,211,238,.45), transparent 70%);opacity:0;transition:opacity .3s ease}
.tag:hover::before,.tag:focus-visible::before {opacity:.55}
.tag:hover,.tag:focus-visible {transform:translateY(-1px);border-color:rgba(34,211,238,.55);color:#fff;box-shadow:0 14px 40px -22px rgba(34,211,238,.55);outline:none}
.mk-hero-tags {margin-top:14px}
.mk-wiki-results {padding:120px 0 140px}
.mk-results-container {display:grid;gap:34px}
.result {position:relative;padding:32px 30px;border-radius:26px;border:1px solid rgba(255,255,255,.08);background:rgba(15,23,42,.76);backdrop-filter:blur(16px) saturate(1.22);-webkit-backdrop-filter:blur(16px) saturate(1.22);box-shadow:0 24px 70px -38px rgba(0,0,0,.8);transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease}
.result:hover,.result:focus-within {transform:translateY(-3px);border-color:rgba(122,60,255,.35);box-shadow:0 30px 90px -42px rgba(0,0,0,.88)}
.result h2 {margin:0 0 12px;font-size:1.5rem;letter-spacing:.035em;color:var(--text)}
.result .meta {margin:0 0 14px;font-size:.88rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.result p[itemprop="description"] {margin:0 0 18px;color:var(--mk-text-soft);font-size:.98rem;line-height:1.6}
.result ul {margin:0;padding-left:1.1rem;display:grid;gap:.4rem;color:var(--mk-text-soft);font-size:.92rem}
.result.is-hidden {display:none}
@keyframes mk-result-flash {0%{border-color:rgba(34,211,238,.6);box-shadow:0 0 0 0 rgba(34,211,238,0)}35%{border-color:rgba(122,60,255,.75);box-shadow:0 0 32px rgba(122,60,255,.45)}100%{border-color:rgba(255,255,255,.08);box-shadow:0 24px 70px -38px rgba(0,0,0,.8)}}
.result.flash {animation:mk-result-flash 1.6s ease}
@media (max-width:1080px){.mk-hero-wiki .mk-hero-layout{grid-template-columns:1fr}}
@media (max-width:900px){.mk-hero-wiki{text-align:center}.mk-hero-wiki .mk-hero-intro{text-align:center}.mk-hero-wiki .mk-slogan,.mk-hero-wiki .lead,.mk-hero-wiki .mk-hero-sub{margin-left:auto;margin-right:auto;text-align:center}.mk-hero-wiki .mk-actions{justify-content:center}.mk-hero-wiki .mk-metrics{justify-content:center}.mk-hero-card{padding:28px 24px}.mk-hero-search{padding:22px 20px}}
@media (max-width:640px){.mk-hero-search{margin-top:42px;gap:18px}.view-toggle{justify-content:center}.mk-card-link{justify-content:center}}
.mk-orb {
  display:none;
}
.mk-hero h1 {
  font-size: clamp(2.4rem, 6vw, 4.2rem);
  margin: 0 0 24px;
  line-height:1.05;
  letter-spacing:.04em;
  color:var(--text);
}
.mk-hero h1 .mk-letter-x {
  color:var(--accent-2);
  text-shadow:0 4px 18px rgba(34,211,238,.45);
}
.mk-hero h1 .mk-letter-rest {
  background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent-3));
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent;
  filter:drop-shadow(0 4px 18px rgba(122,60,255,.35));
}
.mk-hero h1 .mk-h1-addon {
  display:inline-flex;
  margin-left:.6rem;
  padding:.25rem .65rem;
  border-radius:999px;
  background:rgba(22,30,47,.68);
  border:1px solid rgba(122,60,255,.35);
  font-size:clamp(1.1rem,2vw,1.35rem);
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--accent-2);
}
.mk-hero p.lead { font-size:clamp(1.1rem,1.9vw,1.45rem); max-width:1140px; margin:0 auto 34px; color:var(--mk-text-soft)}
.mk-hero-sub {
  max-width:720px;
  margin:-12px auto 28px;
  font-size:clamp(1rem,1.6vw,1.2rem);
  color:var(--mk-text-soft);
  letter-spacing:.02em;
}

.mk-actions {display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.mk-btn { --btn-bg:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 60%); --btn-shadow:0 6px 32px -8px rgba(122,60,255,.55),0 4px 56px -10px rgba(34,211,238,.35); position:relative;display:inline-flex;align-items:center;gap:.6rem;padding:.95rem 1.35rem;border-radius:14px;font-weight:600;font-size:1rem;line-height:1.1;background:var(--btn-bg);color:#fff;text-decoration:none;border:1px solid color-mix(in oklab, var(--accent) 55%, transparent);box-shadow:var(--btn-shadow);transition:box-shadow .22s ease, transform .22s ease, filter .22s ease; }
.mk-btn:hover,.mk-btn:focus-visible {box-shadow:0 0 0 1px var(--accent),0 0 0 4px rgba(122,60,255,.55),0 8px 48px -6px rgba(122,60,255,.65),0 6px 60px -8px rgba(34,211,238,.55); transform:translateY(-2px)}
.mk-btn.alt { --btn-bg:linear-gradient(135deg, #1b1b1b, #232323); --btn-shadow:0 6px 24px -8px rgba(0,0,0,.55); color:var(--text); border:1px solid var(--border); }
.mk-btn.alt:hover,.mk-btn.alt:focus-visible {box-shadow:0 0 0 1px var(--accent),0 0 0 4px rgba(122,60,255,.35),0 8px 34px -4px rgba(0,0,0,.65);}

.mk-badges {display:flex;gap:24px;flex-wrap:wrap;justify-content:center;margin:48px auto 0}
.mk-badge {background:rgba(255,255,255,.06);border:none;padding:.55rem .85rem;border-radius:999px;font-size:.78rem;letter-spacing:.02em;text-transform:none;font-weight:600;color:var(--muted);display:inline-flex;gap:.45rem;align-items:center;position:relative;overflow:hidden}
.mk-badge::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,rgba(122,60,255,.35),rgba(34,211,238,.35));opacity:0;transition:opacity .35s ease}
.mk-badge:hover::before{opacity:.35}

.mk-section {padding:90px 0 70px;position:relative}
.mk-section h2 {font-size:clamp(1.9rem,4.2vw,3.0rem);margin:0 0 18px;letter-spacing:.03em;text-align:center}
.mk-section p.section-lead {font-size:clamp(1rem,1.4vw,1.25rem);color:var(--mk-text-soft);max-width:900px;margin:0 auto 54px;text-align:center}
.mk-video-callout {margin:-52px auto 58px;display:flex;justify-content:center}
.mk-video-link {position:relative;display:inline-flex;align-items:center;gap:.65rem;padding:.65rem 1.2rem;border-radius:999px;background:rgba(255,255,255,.08);border:none;color:#fff;text-decoration:none!important;font-weight:600;letter-spacing:.04em;isolation:isolate;overflow:hidden}
.mk-video-link::before{content:"";position:absolute;inset:-30%;border-radius:inherit;background:var(--glow-gradient);opacity:.28;filter:blur(24px);pointer-events:none;z-index:-1;transition:opacity .24s ease,filter .24s ease}
.mk-video-link:hover::before,.mk-video-link:focus-visible::before{opacity:.55;filter:blur(14px)}
.mk-video-link:hover,.mk-video-link:focus-visible{color:#fff;outline:none;text-decoration:none!important}
.mk-video-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:.85rem;box-shadow:0 0 0 1px rgba(255,255,255,.28) inset}
.mk-video-text{white-space:nowrap}

.mk-grid {display:grid;gap:34px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));}
.mk-feature {position:relative;padding:22px 20px 24px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);backdrop-filter:blur(10px) saturate(1.25);-webkit-backdrop-filter:blur(10px) saturate(1.25);border-radius:18px;overflow:hidden;min-height:200px;display:flex;flex-direction:column;gap:.65rem}
.mk-feature::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 35% 30%,rgba(122,60,255,.22),transparent 65%);opacity:.35;mix-blend-mode:normal}
.mk-feature h3 {margin:0;font-size:1.05rem;letter-spacing:.04em;color:var(--text)}
.mk-feature p {margin:0 0 .25rem;color:var(--mk-text-soft);font-size:.9rem;line-height:1.4}
.mk-ico {width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2));color:#fff;font-size:1.1rem;box-shadow:0 4px 18px -4px rgba(122,60,255,.6);position:relative;overflow:hidden}
.mk-ico::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.35),transparent 60%);mix-blend-mode:overlay;opacity:.6}

.mk-divider {height:2px;margin:110px auto 0;max-width:560px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent-2),transparent);opacity:.85}

.mk-panels {display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:60px}
.mk-panel {position:relative;padding:30px 28px 34px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.028);backdrop-filter:blur(14px) saturate(1.25);-webkit-backdrop-filter:blur(14px) saturate(1.25);border-radius:26px;overflow:hidden;min-height:240px;display:flex;flex-direction:column;gap:.9rem}
.mk-panel::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 40%,rgba(34,211,238,.18),transparent 70%);filter:blur(50px);opacity:.4;mix-blend-mode:normal;pointer-events:none}
.mk-panel h3 {margin:0 0 4px;font-size:1.35rem;letter-spacing:.035em}
.mk-panel p {margin:0 0 12px;color:var(--mk-text-soft);font-size:.95rem;line-height:1.5}
.mk-panel ul {margin:0 0 0 1.1rem;padding:0;display:grid;gap:.35rem;font-size:.88rem;color:var(--mk-text-soft)}
.mk-panel li::marker{color:var(--accent)}

.mk-metrics {display:flex;flex-wrap:wrap;gap:36px;justify-content:center;margin:60px 0 0}
.mk-metric {min-width:160px;text-align:center}
.mk-metric .val {font-size:clamp(1.9rem,3.5vw,2.8rem);font-weight:600;letter-spacing:.04em;background:linear-gradient(90deg,var(--accent),var(--accent-2));background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 2px 8px rgba(34,211,238,.25))}
.mk-metric .lbl {font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:4px}

.mk-code-slab {position:relative;margin:70px auto 0;max-width:980px;background:#181818;border:1px solid #282828;border-radius:22px;padding:34px 30px;box-shadow:0 8px 60px -20px rgba(0,0,0,.75),0 6px 40px -12px rgba(122,60,255,.28)}
.mk-code-slab::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--accent),var(--accent-2));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.55}
.mk-code-slab pre {margin:0;overflow:auto;font:500 13px/1.55 ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;color:#d6e1ff}
.mk-code-slab code {background:transparent;padding:0}
.mk-code-line {display:block;padding:2px 0 2px 0;position:relative}
.mk-code-line[data-k] {padding-left:34px}
.mk-code-line[data-k]::before{content:attr(data-k);position:absolute;left:0;top:0;color:#4d688f;min-width:22px;text-align:right;padding-right:10px}
.mk-code-line strong {color:var(--accent-2);font-weight:600}
.mk-code-line em {color:var(--accent);font-style:normal}

@media (max-width:760px){
  .mk-hero {padding:120px 0 70px}
  .mk-actions {flex-direction:column}
  .mk-btn {width:100%;justify-content:center}
  .mk-panels {grid-template-columns:1fr}
}

/* Motion reductions */
@media (prefers-reduced-motion:reduce){
  .mk-btn,.mk-badge {transition:none}
}

/* Section specific adjustments */
/* Entfernt die über die gesamte Breite wahrgenommene Farbabstufung beim Architektur/Architecture Abschnitt */
#architektur, #architecture {
  /* Nutzung des globalen Hintergrunds für fließende Übergänge */
  background: transparent !important;
  background-image: none !important;
}

.mk-updates {
  display:grid;
  gap:32px;
  margin-top:48px;
}
.mk-update {
  position:relative;
  padding:32px 28px 30px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.02);
  border-radius:22px;
  backdrop-filter:blur(12px) saturate(1.25);
  -webkit-backdrop-filter:blur(12px) saturate(1.25);
  box-shadow:0 12px 36px -20px rgba(0,0,0,.65);
}
.mk-update::before {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 18% 20%,rgba(122,60,255,.22),transparent 70%);
  opacity:.4;
  pointer-events:none;
}
.mk-update-header {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-bottom:18px;
}
.mk-update-meta {
  display:flex;
  align-items:center;
  gap:14px;
  font-size:.92rem;
  color:var(--muted);
  letter-spacing:.05em;
  text-transform:uppercase;
}
.mk-update-pill {
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.35rem .7rem;
  border-radius:999px;
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
  color:#fff;
  font-weight:600;
  font-size:.72rem;
  letter-spacing:.12em;
}
.mk-update h3 {
  margin:0;
  font-size:1.3rem;
  letter-spacing:.035em;
}
.mk-update p {
  margin:0 0 20px;
  color:var(--mk-text-soft);
  font-size:.96rem;
  line-height:1.6;
}
.mk-update-links {
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  gap:20px;
  flex-wrap:wrap;
}
.mk-update-links a {
  color:var(--accent-2);
  text-decoration:none;
  font-weight:600;
}
.mk-update-links a:hover,
.mk-update-links a:focus-visible {
  text-decoration:underline;
}

@media (max-width:640px){
  .mk-update-header {flex-direction:column;align-items:flex-start;gap:10px}
  .mk-update-links {flex-direction:column;gap:12px}
}

.mk-faq {
  display:grid;
  gap:26px;
  margin-top:36px;
}
.mk-faq-item {
  position:relative;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(15,23,42,.78);
  padding:26px 28px 24px;
  box-shadow:0 10px 30px -18px rgba(0,0,0,.75);
}
.mk-faq-item::before {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:radial-gradient(circle at 20% 20%,rgba(34,211,238,.18),transparent 70%);
  opacity:.35;
  pointer-events:none;
}
.mk-faq-item h3 {
  margin:0 0 12px;
  font-size:1.2rem;
  letter-spacing:.03em;
}
.mk-faq-body p {
  margin:0;
  color:var(--mk-text-soft);
  font-size:.96rem;
  line-height:1.65;
}

@media (max-width:640px){
  .mk-faq-item {padding:24px 22px}
}

/* iPad Showcase */
.mk-section-diashow .container {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:32px;
}

.mk-ipad {
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%;
  gap:20px;
}

.mk-ipad-body {
  position:relative;
  width:min(920px,94vw);
  border-radius:42px;
  padding:clamp(16px,3vw,28px);
  background:linear-gradient(155deg,rgba(5,8,16,.95),rgba(18,24,38,.9));
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 45px 90px -48px rgba(0,0,0,.9),0 18px 56px -32px rgba(122,60,255,.35);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  transition:box-shadow .25s ease,border-color .25s ease;
}

.mk-ipad-body::after {
  content:"";
  position:absolute;
  bottom:clamp(10px,2vw,18px);
  left:50%;
  width:clamp(90px,24vw,140px);
  height:4px;
  background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.25),rgba(255,255,255,.08));
  border-radius:999px;
  transform:translateX(-50%);
}

.mk-ipad-camera {
  position:absolute;
  top:clamp(10px,1.4vw,18px);
  left:50%;
  width:clamp(58px,18vw,88px);
  height:10px;
  background:rgba(0,0,0,.65);
  border-radius:16px;
  box-shadow:0 0 0 1px rgba(255,255,255,.08);
  transform:translateX(-50%);
}

.mk-ipad-screen {
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  border-radius:28px;
  overflow:hidden;
  background:radial-gradient(circle at 50% 50%,rgba(34,211,238,.08),transparent 70%),rgba(8,12,20,.92);
  border:1px solid rgba(255,255,255,.04);
  display:flex;
  align-items:center;
  justify-content:center;
  touch-action:pan-y;
}

.mk-ipad-screen::before {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),inset 0 -40px 80px -60px rgba(122,60,255,.45);
  transition:box-shadow .25s ease;
}

.mk-ipad-body:is(:hover,:focus-within) {
  border-color:rgba(122,60,255,.65);
  box-shadow:0 52px 110px -50px rgba(0,0,0,.94),0 28px 68px -34px rgba(122,60,255,.48);
}

.mk-ipad-body:is(:hover,:focus-within) .mk-ipad-screen::before {
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 -50px 120px -70px rgba(122,60,255,.55);
}

.mk-ipad-slides {
  list-style:none;
  margin:0;
  padding:0;
  position:relative;
  width:100%;
  height:100%;
}

.mk-ipad-slide {
  position:absolute;
  inset:0;
  opacity:0;
  transform:scale(.985);
  transition:opacity .65s ease,transform .65s ease;
  display:flex;
}

.mk-ipad-slide.is-active {
  opacity:1;
  transform:scale(1);
  z-index:2;
}

.mk-ipad-slide img {
  width:100%;
  height:100%;
  object-fit:contain;
  background:rgba(5,9,18,.92);
}

.mk-ipad-nav {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:46px;
  height:46px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(10,15,24,.72);
  color:#fff;
  font-size:1.8rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:background .22s ease,border-color .22s ease,transform .22s ease;
  z-index:3;
}

.mk-ipad-nav span {
  line-height:1;
}

.mk-ipad-nav:hover,
.mk-ipad-nav:focus-visible {
  background:rgba(122,60,255,.42);
  border-color:rgba(122,60,255,.65);
  outline:none;
}

.mk-ipad-nav:focus-visible {
  box-shadow:var(--mk-focus);
}

.mk-ipad-nav:active {
  transform:translateY(-50%) scale(.96);
}

.mk-ipad-nav-prev {
  left:clamp(10px,2.5vw,26px);
}

.mk-ipad-nav-next {
  right:clamp(10px,2.5vw,26px);
}

.mk-ipad-status {
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  font-size:.95rem;
  color:var(--mk-text-soft);
  padding:.5rem 1.05rem;
  border-radius:999px;
  background:rgba(12,16,26,.72);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 12px 40px -28px rgba(0,0,0,.8);
  letter-spacing:.08em;
  text-transform:uppercase;
}

.mk-ipad-status [data-ipad-current] {
  font-variant-numeric:tabular-nums;
  color:#fff;
}

.mk-ipad-status [data-ipad-total] {
  font-variant-numeric:tabular-nums;
}

@media (max-width:768px){
  .mk-ipad-body {border-radius:34px;}
  .mk-ipad-screen {border-radius:22px;}
  .mk-ipad-nav {width:40px;height:40px;font-size:1.5rem;}
}

@media (max-width:520px){
  .mk-section-diashow .section-lead {margin-bottom:36px;}
  .mk-ipad-nav {display:none;}
  .mk-ipad-status {font-size:.85rem;padding:.45rem .9rem;}
}

@media (prefers-reduced-motion:reduce){
  .mk-ipad-slide {transition:none;}
}

/* Einheitlicher Glow für pillenförmige Elemente */
:is(.mk-btn,
    .mk-video-link,
    .mk-badge,
    .mk-update-pill) {
  position:relative;
  isolation:isolate;
  z-index:0;
}

:is(.mk-btn,
    .mk-video-link,
    .mk-badge,
    .mk-update-pill)::after {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  z-index:-1;
  opacity:0;
  box-shadow:var(--glow-edge);
  transition:opacity .22s ease,filter .22s ease;
}

:is(.mk-btn,
    .mk-video-link,
    .mk-badge,
    .mk-update-pill):is(:hover,:focus-visible)::after {
  opacity:1;
}

.mk-video-link::before {
  content:none!important;
}

.mk-badge,
.mk-video-link {
  overflow:visible;
}

.site-header .nav-links a::before {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  box-shadow:var(--glow-edge);
  transition:opacity .18s ease,filter .18s ease;
}

.site-header .nav-links a:is(:hover,:focus-visible)::before {
  opacity:1;
}

.site-header .brand {
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.35rem .6rem;
  border-radius:12px;
  position:relative;
  isolation:isolate;
  text-decoration:none!important;
}

.site-header .brand::after {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  box-shadow:var(--glow-edge);
  transition:opacity .18s ease,filter .18s ease;
  z-index:-1;
}

.site-header .brand:is(:hover,:focus-visible) {
  text-decoration:none!important;
  outline:none;
}

.site-header .brand:is(:hover,:focus-visible)::after {
  opacity:1;
}

summary.lang-btn {
  border:none!important;
  background:rgba(255,255,255,.05)!important;
  position:relative;
  isolation:isolate;
  z-index:0;
  text-decoration:none!important;
  transition:background .18s ease;
}

summary.lang-btn::after {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  box-shadow:var(--glow-edge);
  transition:opacity .18s ease,filter .18s ease;
  z-index:-1;
}

summary.lang-btn:is(:hover,:focus-visible) {
  background:rgba(255,255,255,.12)!important;
  text-decoration:none!important;
  outline:none;
}

summary.lang-btn:is(:hover,:focus-visible)::after {
  opacity:1;
}

/* Footer glow overrides */
.site-footer nav a {
  color:var(--muted);
  text-decoration:none!important;
  position:relative;
  transition:color .2s ease,text-shadow .2s ease;
}

.site-footer nav a:hover,
.site-footer nav a:focus-visible {
  color:#fff!important;
  text-decoration:none!important;
  text-shadow:var(--glow-edge);
}