/* Eigenständige, lokal ausgeführte Leistungsdemos; bestehende Feature-Inhalte bleiben unberührt. */
body:has(.mw-demo-page) {background:#f6f8fa;}
body:has(.mw-demo-page) #page-content {padding-top:145px;background:#f6f8fa;}
body:has(.mw-demo-page) #page-content>.section {padding-block:0;}
body:has(.mw-demo-page) #page-content .frame {padding-block:0;animation:none!important;visibility:visible!important;}
.mw-demo-page {padding-top:0;padding-bottom:70px;--line:#cddbe6;--soft:#eaf2f8;--blue:#2378b9;}
.mw-demo-page [hidden] {display:none!important;}
.mw-demo-page :is(button,input,textarea,select) {font:inherit;}
.mw-demo-page button {cursor:pointer;}
.mw-demo-page :is(button,a,input,textarea,select):focus-visible {outline:3px solid #2378b9;outline-offset:4px;}
.mw-demo-page p {overflow-wrap:anywhere;}
.mw-demo-page :is(h1,h2,h3,h4) {hyphens:none;}
.mw-demo-nav {display:flex;flex-wrap:wrap;gap:10px;margin:0 0 55px;border-bottom:1px solid var(--line);padding-bottom:24px;}
.mw-demo-nav a {display:inline-flex;align-items:center;gap:10px;padding:11px 17px;border-radius:8px;color:#40566b;font-size:14px;font-weight:700;text-decoration:none;}
.mw-demo-nav a:hover {background:#eaf2f8;}
.mw-demo-nav a[aria-current=page] {background:#172b3b;color:#fff;}
.mw-demo-intro {display:grid;grid-template-columns:1.08fr 1fr;gap:70px;align-items:end;padding-bottom:60px;}
.mw-demo-page .mw-demo-intro h1 {font-family:"Maven Pro",sans-serif;font-size:clamp(36px,4.2vw,58px);line-height:1.08;letter-spacing:-.04em;margin:0;font-weight:700;color:#172b3b;}
.mw-demo-intro h1 span {color:#2378b9;}
.mw-demo-page .mw-demo-lead {font-size:17px;line-height:1.7;color:#465b6e;margin:0 0 20px;}
.mw-demo-stage {border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden;scroll-margin-top:120px;box-shadow:0 18px 55px #172b3b08;}
.mw-demo-stage-heading {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 32px;border-bottom:1px solid var(--line);}
.mw-demo-page .mw-demo-stage h2 {font-size:clamp(25px,2.8vw,35px);line-height:1.2;margin:0;letter-spacing:-.03em;}
.mw-demo-stage .mw-eyebrow {margin-bottom:10px;font-size:11px;}
.mw-demo-reset {display:inline-flex;gap:9px;align-items:center;flex-shrink:0;background:#fff;border:1px solid #b9ccd9;border-radius:7px;padding:10px 14px;color:#40566b;font-size:13px!important;}
.mw-demo-reset:hover {background:#eaf2f8;}
.mw-demo-workbench {display:grid;grid-template-columns:295px minmax(0,1fr);}
.mw-demo-controls {padding:28px;background:#f0f5f9;border-right:1px solid var(--line);}
.mw-control-symbol {display:grid;place-items:center;width:42px;height:42px;border:1px solid #bdd3e2;border-radius:12px;color:#2378b9;background:white;margin-bottom:20px;font-size:19px;}
.mw-demo-page .mw-demo-controls h3 {font-size:21px;line-height:1.3;letter-spacing:-.02em;margin:0 0 24px;color:#172b3b;}
.mw-demo-controls label {display:block;font-size:13px;font-weight:700;line-height:1.4;margin:18px 0 9px;color:#304b60;}
.mw-demo-controls :is(input,textarea,select) {display:block;width:100%;min-width:0;border:1px solid #b9cbd8;background:#fff;border-radius:7px;padding:11px 12px;font-size:14px;line-height:1.5;color:#172b3b;}
.mw-demo-controls textarea {resize:vertical;min-height:110px;}
.mw-demo-page .mw-field-help {font-size:12px;line-height:1.6;color:#526577;margin:10px 0 20px;}
.mw-connected-sites {display:grid;gap:10px;margin-top:25px;}
.mw-connected-sites>div {display:grid;grid-template-columns:22px minmax(0,1fr);gap:6px 10px;background:#fff;border:1px solid #d5e1eb;border-radius:8px;padding:12px;font-size:13px;}
.mw-connected-sites i {color:#2378b9;padding-top:4px;}
.mw-connected-sites strong {font-size:13px;}
.mw-connected-sites span {grid-column:2;color:#526577;overflow-wrap:anywhere;line-height:1.45;}
.mw-demo-page .mw-demo-boundary {font-size:12px;line-height:1.6;color:#526577;margin:20px 0 0;}
.mw-demo-stage>.mw-demo-boundary {margin:0;padding:0 32px 20px;}
.mw-preview-area {padding:28px;min-width:0;background:radial-gradient(#cad8e6 1px,transparent 1px);background-size:15px 15px;background-color:#eaf0f5;}
.mw-demo-switch {display:flex;flex-wrap:wrap;gap:5px;padding:5px;border:1px solid #cad9e5;background:#fff;border-radius:9px;width:fit-content;max-width:100%;margin-bottom:22px;}
.mw-demo-switch button {background:none;border:0;border-radius:5px;padding:10px 13px;color:#40566b;font-size:12px;font-weight:700;line-height:1.4;}
.mw-demo-switch button[aria-pressed=true] {background:#172b3b;color:white;}
.mw-demo-switch button:not([aria-pressed=true]):hover {background:#eaf2f8;}
.mw-demo-switch i {margin-right:6px;}
.mw-browser-shell {overflow:hidden;border:1px solid #bbcddc;border-radius:10px;background:#fff;box-shadow:0 12px 25px #172b3b0a;}
.mw-browser-bar {display:flex;align-items:center;justify-content:space-between;gap:12px;background:#172b3b;color:#d7e6f1;font-size:10px;padding:12px 15px;line-height:1.4;}
.mw-window-dots {font-size:9px;letter-spacing:2px;color:#82a5be;white-space:nowrap;}
.mw-brand-preview {--brand:#246c9b;--tint:#eaf5fb;}
.mw-brand-preview[data-brand-view="1"] {--brand:#254674;--tint:#edf0fa;}
.mw-brand-preview[data-brand-view="2"] {--brand:#375b70;--tint:#e9f0f3;}
.mw-brand-top {display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 25px;border-bottom:1px solid #e2eaf0;color:var(--brand);}
.mw-brand-top strong {font-size:19px;letter-spacing:-.03em;}
.mw-brand-top>span {font-size:9px;max-width:90px;text-align:right;line-height:1.4;}
.mw-brand-hero {position:relative;isolation:isolate;min-height:300px;padding:42px 28px;background:var(--tint);overflow:hidden;}
.mw-mini-label {font-size:10px!important;font-weight:700;letter-spacing:.09em;text-transform:uppercase;line-height:1.6;color:var(--brand,#2378b9);margin:0 0 15px!important;}
.mw-demo-page .mw-brand-hero h3 {font-size:clamp(29px,3vw,42px);letter-spacing:-.045em;line-height:1.08;max-width:13ch;color:var(--brand);margin:0 0 20px;}
.mw-brand-hero>p:not(.mw-mini-label) {max-width:25ch;font-size:13px;line-height:1.6;color:#40566b;margin:0;}
.mw-brand-sculpture {position:absolute;right:-32px;top:76px;width:190px;height:240px;z-index:-1;transform:rotate(-15deg);opacity:.28;}
.mw-brand-sculpture span {position:absolute;inset:0;border:24px solid var(--brand);border-radius:100px 100px 12px 12px;}
.mw-brand-sculpture span:nth-child(2) {inset:33px;border-width:14px;}
.mw-brand-sculpture span:nth-child(3) {inset:62px;border-width:8px;}
.mw-brand-preview[data-brand-view="1"] .mw-brand-sculpture {transform:rotate(35deg);}
.mw-brand-preview[data-brand-view="1"] .mw-brand-sculpture span {border-radius:20px;}
.mw-brand-preview[data-brand-view="2"] .mw-brand-sculpture {transform:rotate(0);}
.mw-brand-preview[data-brand-view="2"] .mw-brand-sculpture span {border-radius:100%;}
.mw-shared-banner {display:flex;align-items:center;gap:12px;padding:18px 25px;background:var(--brand);color:white;font-size:13px;font-weight:700;line-height:1.5;}
.mw-shared-banner span {overflow-wrap:anywhere;min-width:0;}
.mw-brand-topics {display:flex;flex-wrap:wrap;justify-content:space-around;gap:12px;padding:23px 20px;font-size:11px;color:#526577;text-align:center;}
.mw-demo-note {margin:0!important;padding:20px 32px;border-top:1px solid var(--line);background:#fff;font-size:12px;color:#526577;line-height:1.65;}
.mw-demo-fallback {padding:20px 32px;background:#eaf2f8;color:#172b3b;font-size:14px;}
.mw-preview-label {font-size:12px;color:#40566b;display:flex;gap:10px;align-items:center;margin:8px 0 25px;}
.mw-demo-order {display:flex;align-items:center;gap:9px;width:100%;border:1px solid #b9cbd8;background:#fff;border-radius:7px;padding:11px 12px;font-size:13px!important;margin-top:25px;color:#172b3b;}
.mw-demo-order:hover {background:#e1edf6;}
.mw-block-canvas {padding:28px;background:#f7f9fb;}
.mw-content-card {display:flex;flex-direction:column;background:#fff;border:1px solid #d4e0e9;border-radius:9px;overflow:hidden;}
.mw-content-card>img {width:100%;height:210px;display:block;object-fit:cover;}
.mw-content-card-copy {padding:28px;}
.mw-demo-page .mw-content-card h3 {font-size:30px;letter-spacing:-.035em;line-height:1.2;color:#172b3b;margin:0 0 16px;overflow-wrap:anywhere;}
.mw-content-card-copy>p:not(.mw-mini-label) {font-size:15px;line-height:1.65;color:#526577;margin-bottom:22px;white-space:pre-line;}
.mw-example-label {display:inline-block;border:1px solid #cddbe6;border-radius:4px;padding:6px 10px;color:#526577;font-size:10px;}
.mw-demo-explainer {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;padding:65px 0;}
.mw-demo-explainer article {border-top:1px solid #c5d5e2;padding-top:28px;}
.mw-demo-explainer article>i {font-size:25px;color:#2378b9;margin-bottom:23px;}
.mw-demo-page .mw-demo-explainer h2 {font-size:25px;line-height:1.2;letter-spacing:-.025em;margin:0 0 18px;}
.mw-demo-explainer p {font-size:15px;line-height:1.7;color:#526577;margin:0;}
.mw-demo-explainer a {color:#1e658f;text-decoration:underline;}
.mw-sr-only {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
.mw-static-toolbar {display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:25px 30px 0;background:#eaf0f5;}
.mw-static-toolbar .mw-demo-switch {margin:0;}
.mw-device-stage {padding:25px 30px 30px;background:radial-gradient(#cad8e6 1px,transparent 1px);background-size:15px 15px;background-color:#eaf0f5;}
.mw-device-frame {width:100%;margin-inline:auto;transition:width .3s ease;}
.mw-device-frame[data-device-frame=mobile] {width:min(360px,100%);}
.mw-static-canvas {container-type:inline-size;}
.mw-static-site {color:#17304f;background:#f8faff;font-family:"Maven Pro",sans-serif;}
.mw-static-top {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 30px;border-bottom:1px solid #d5e2ee;}
.mw-static-top strong {font-size:17px;letter-spacing:.07em;}
.mw-static-top strong span {display:block;font-size:9px;font-weight:400;letter-spacing:.04em;margin-top:4px;}
.mw-static-top a {font-size:11px;color:#2d5b89;}
.mw-static-hero {display:grid;grid-template-columns:1.25fr 1fr;gap:20px;align-items:center;padding:55px 35px;}
.mw-demo-page .mw-static-hero h3 {font-size:clamp(30px,3.6vw,48px);line-height:1.05;letter-spacing:-.055em;color:#17304f;margin:0 0 22px;max-width:11ch;}
.mw-static-hero p:not(.mw-mini-label) {font-size:13px;line-height:1.7;color:#526577;max-width:40ch;margin-bottom:26px;}
.mw-static-button {display:inline-block;padding:12px 17px;background:#17304f;color:#fff!important;border-radius:5px;font-size:12px;font-weight:700;text-decoration:none;}
.mw-static-art {position:relative;aspect-ratio:1/1.1;isolation:isolate;max-width:300px;}
.mw-static-art span {position:absolute;inset:0 20% 0 0;background:linear-gradient(145deg,#97d8fc,#367ab9);border-radius:100px 100px 8px 8px;transform:rotate(-12deg);}
.mw-static-art span:nth-child(2) {inset:22% 0 0 25%;background:linear-gradient(145deg,#17304f,#527fb7);border-radius:100px 100px 8px 8px;transform:rotate(12deg);}
.mw-static-art span:nth-child(3) {inset:49% 14% 8% 8%;border:1px solid #e1f4ff;background:transparent;border-radius:100%;transform:rotate(-28deg);}
.mw-static-offer {padding:30px 35px;border-top:1px solid #d5e2ee;scroll-margin-top:125px;}
.mw-demo-page .mw-static-offer h4 {font-size:23px;line-height:1.25;letter-spacing:-.03em;margin:0 0 25px;color:#17304f;}
.mw-static-services {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;}
.mw-static-services>div {border-top:1px solid #c4d7e6;padding-top:20px;display:grid;gap:10px;color:#3e6d96;}
.mw-static-services strong {font-size:12px;color:#17304f;}
.mw-static-example {font-size:10px!important;color:#526577;margin:30px 0 0!important;}
@container(max-width:480px){.mw-static-top{padding:22px;}.mw-static-hero{grid-template-columns:1fr;padding:35px 22px;gap:30px;}.mw-demo-page .mw-static-hero h3{font-size:36px;}.mw-static-art{width:180px;justify-self:center;}.mw-static-offer{padding:28px 22px;}.mw-static-top>a{max-width:55px;}.mw-static-services{gap:10px;}}
@media(max-width:991px){.mw-demo-intro{gap:30px;}.mw-demo-workbench{grid-template-columns:240px minmax(0,1fr);}.mw-demo-controls{padding:23px;}.mw-preview-area{padding:20px;}.mw-demo-switch button{padding:9px 10px;}.mw-brand-hero{padding:35px 22px;}.mw-brand-sculpture{right:-70px;}.mw-block-canvas{padding:20px;}.mw-content-card-copy{padding:22px;}.mw-demo-explainer{gap:25px;}.mw-demo-page .mw-demo-explainer h2{font-size:23px;}.mw-demo-page .mw-content-card h3{font-size:25px;}}
@media(max-width:767px){body:has(.mw-demo-page) #page-content{padding-top:125px;}.mw-demo-page{padding-bottom:40px;}.mw-demo-nav{gap:7px;margin-bottom:35px;padding-bottom:20px;}.mw-demo-nav a{font-size:12px;padding:10px;gap:7px;}.mw-demo-intro{grid-template-columns:1fr;gap:25px;padding-bottom:35px;}.mw-demo-page .mw-demo-intro h1{font-size:clamp(33px,9vw,48px);}.mw-demo-page .mw-demo-lead{font-size:16px;}.mw-demo-stage{border-radius:15px;scroll-margin-top:120px;}.mw-demo-stage-heading{display:block;padding:24px 20px;}.mw-demo-reset{margin-top:20px;}.mw-demo-workbench{grid-template-columns:1fr;}.mw-demo-controls{padding:24px 20px;border-right:0;border-bottom:1px solid var(--line);}.mw-control-symbol{display:none;}.mw-demo-page .mw-demo-controls h3{margin-bottom:20px;}.mw-connected-sites{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}.mw-connected-sites>div{display:flex;flex-direction:column;padding:12px 8px;}.mw-connected-sites strong{font-size:11px;}.mw-connected-sites span{font-size:10px;}.mw-preview-area{padding:20px 15px;}.mw-browser-bar{font-size:9px;padding:10px;gap:8px;}.mw-window-dots{font-size:7px;}.mw-brand-hero{min-height:290px;}.mw-brand-sculpture{right:-35px;}.mw-demo-page .mw-brand-hero h3{font-size:36px;}.mw-brand-top{padding:20px;}.mw-brand-top strong{font-size:18px;}.mw-shared-banner{padding:16px 20px;}.mw-brand-topics{font-size:10px;padding:20px 10px;}.mw-demo-note{padding:20px;font-size:11px;}.mw-demo-explainer{grid-template-columns:1fr;gap:30px;padding:45px 0;}.mw-demo-explainer article{padding-top:25px;}.mw-demo-explainer article>i{margin-bottom:18px;}.mw-demo-page .mw-demo-explainer h2{font-size:26px;}.mw-block-canvas{padding:16px;}.mw-content-card-copy{padding:22px 18px;}.mw-content-card>img{height:180px;}.mw-static-toolbar{padding:20px 15px 0;gap:12px;}.mw-device-stage{padding:20px 15px;}.mw-demo-stage>.mw-demo-boundary{padding:0 20px 20px;}.mw-demo-switch button{min-height:40px;}.mw-static-top strong{font-size:14px;}}
@media(prefers-reduced-motion:reduce){.mw-device-frame{transition:none;}}