:root,.ced-scope{--ce-ink: #0e1626;--ce-ink-soft: #33415c;--ce-muted: #4b5a76;--ce-navy: #0f1a30;--ce-deep: #0a1122;--ce-accent: #1f52d9;--ce-accent-strong: #1a44b8;--ce-accent-light: #9dc0f5;--ce-signal: #a8560d;--ce-surface: #eef2f8;--ce-surface-2: #e4eaf3;--ce-card: #ffffff;--ce-line: #d4ddea;--ce-line-strong: #bccbe0;--ce-grid: #dbe4f0;--ce-on-navy: #c3d4ee;--ce-active-bg: #e7effd;--ce-ok: #12703f;--ce-ok-bg: #e7f5ee;--ce-ok-border: #a3d5ba;--ce-warn-bg: #fdf3e7;--ce-warn-border: #f0b878;--ce-warn-ink: #7a3d0c;--ce-danger: #bf2626;--ce-danger-bg: #fdecec;--ce-danger-border: #f3b4b4;--ce-radius-sm: 6px;--ce-radius-btn: 9px;--ce-radius-card: 14px;--ce-radius-lg: 20px;--ce-radius-pill: 999px;--ce-shadow-sm: 0 1px 2px rgba(14, 22, 38, .06), 0 1px 1px rgba(14, 22, 38, .04);--ce-shadow-md: 0 2px 4px rgba(14, 22, 38, .06), 0 6px 16px -6px rgba(14, 22, 38, .14);--ce-shadow-lg: 0 12px 32px -8px rgba(14, 22, 38, .22), 0 2px 6px rgba(14, 22, 38, .08);--ce-shadow-panel: 0 18px 44px -14px rgba(10, 17, 34, .55);--ce-ring: 0 0 0 4px rgba(31, 82, 217, .16);--ce-space-1: 4px;--ce-space-2: 8px;--ce-space-3: 12px;--ce-space-4: 16px;--ce-space-5: 24px;--ce-space-6: 32px;--ce-space-7: 48px;--ce-space-8: 64px;--ce-font-head: "Poppins", "Segoe UI", system-ui, sans-serif;--ce-font-body: "Manrope", "Segoe UI", system-ui, sans-serif;--ce-font-mono: ui-monospace, "Cascadia Mono", "SFMono-Regular", Consolas, monospace;--ce-fs-xs: .6875rem;--ce-fs-sm: .8125rem;--ce-fs-base: .9375rem;--ce-fs-md: 1.0625rem;--ce-fs-lg: 1.25rem;--ce-fs-xl: 1.5rem;--ce-fs-2xl: 2rem;--ce-label-spacing: .14em;--ce-ease: cubic-bezier(.2, 0, 0, 1);--ce-ease-out: cubic-bezier(.16, 1, .3, 1);--ce-ease-in: cubic-bezier(.4, 0, 1, 1);--ce-dur-fast: .14s;--ce-dur-med: .22s;--ce-dur-slow: .32s;--ce-z-base: 1;--ce-z-sticky: 100;--ce-z-backdrop: 200;--ce-z-modal: 300;--ce-z-toast: 400;--ce-z-tooltip: 500}.ced-label{font-family:var(--ce-font-mono);font-size:var(--ce-fs-xs);letter-spacing:var(--ce-label-spacing);text-transform:uppercase;color:var(--ce-muted)}.ced-label--tick{display:inline-flex;align-items:center;gap:8px}.ced-label--tick:before{content:"";width:14px;height:2px;background:var(--ce-accent);flex:none}.ced-card{background:var(--ce-card);border:1px solid var(--ce-line);border-radius:var(--ce-radius-card);padding:var(--ce-space-5);box-shadow:var(--ce-shadow-sm)}.ced-card--interactive{transition:transform var(--ce-dur-fast) var(--ce-ease),box-shadow var(--ce-dur-med) var(--ce-ease),border-color var(--ce-dur-fast) var(--ce-ease)}.ced-card--interactive:hover{transform:translateY(-2px);box-shadow:var(--ce-shadow-md);border-color:var(--ce-line-strong)}.ced-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid var(--ce-line-strong);border-radius:var(--ce-radius-btn);background:var(--ce-card);color:var(--ce-ink);font-family:var(--ce-font-body);font-size:var(--ce-fs-base);font-weight:600;line-height:1.2;cursor:pointer;text-decoration:none;box-shadow:var(--ce-shadow-sm);transition:background-color var(--ce-dur-fast) var(--ce-ease),border-color var(--ce-dur-fast) var(--ce-ease),color var(--ce-dur-fast) var(--ce-ease),box-shadow var(--ce-dur-fast) var(--ce-ease),transform var(--ce-dur-fast) var(--ce-ease)}.ced-btn:hover{border-color:var(--ce-accent);background:var(--ce-active-bg);color:var(--ce-accent-strong)}.ced-btn:active{transform:translateY(1px);box-shadow:none}.ced-btn[aria-pressed=true],.ced-btn.is-active{background:var(--ce-active-bg);border-color:var(--ce-accent);color:var(--ce-accent-strong);box-shadow:var(--ce-ring)}.ced-btn[disabled],.ced-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;box-shadow:none}.ced-btn--primary{background:var(--ce-accent);border-color:var(--ce-accent);color:#fff;box-shadow:var(--ce-shadow-sm),inset 0 1px #ffffff1f}.ced-btn--primary:hover{background:var(--ce-accent-strong);border-color:var(--ce-accent-strong);color:#fff}.ced-btn--primary[aria-pressed=true],.ced-btn--primary.is-active{color:#fff}.ced-btn--ghost{background:transparent;border-color:#ffffff47;color:#fff;box-shadow:none}.ced-btn--ghost:hover{background:#ffffff14;border-color:#fff9;color:#fff}.ced-chip{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:52px;padding:8px 14px;border:1px solid var(--ce-line-strong);border-radius:var(--ce-radius-btn);background:var(--ce-card);color:var(--ce-ink);font-family:var(--ce-font-body);font-size:var(--ce-fs-base);font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color var(--ce-dur-fast) var(--ce-ease),border-color var(--ce-dur-fast) var(--ce-ease),color var(--ce-dur-fast) var(--ce-ease)}.ced-chip:hover{border-color:var(--ce-accent);background:var(--ce-active-bg)}.ced-chip[aria-pressed=true],.ced-chip.is-active{background:var(--ce-active-bg);border-color:var(--ce-accent);color:var(--ce-accent-strong);box-shadow:var(--ce-ring)}.ced-badge{display:inline-block;padding:4px 12px;border-radius:var(--ce-radius-pill);border:1px solid var(--ce-line);background:var(--ce-card);font-family:var(--ce-font-mono);font-size:var(--ce-fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ce-muted)}.ced-badge--soon{background:var(--ce-active-bg);border-color:var(--ce-accent-light);color:var(--ce-accent-strong)}.ced-panel{position:relative;background-color:var(--ce-navy);background-image:linear-gradient(rgba(157,192,245,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(157,192,245,.05) 1px,transparent 1px);background-size:22px 22px;background-position:-1px -1px;color:var(--ce-on-navy);border-radius:var(--ce-radius-card);padding:var(--ce-space-5);box-shadow:var(--ce-shadow-panel)}.ced-panel .ced-price{font-family:var(--ce-font-head);font-weight:800;font-size:var(--ce-fs-2xl);line-height:1.05;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.ced-hint{background:var(--ce-warn-bg);border:1px solid var(--ce-warn-border);border-radius:var(--ce-radius-btn);color:var(--ce-warn-ink);padding:12px 16px;font-size:var(--ce-fs-sm);line-height:1.5}.ced-status--ok{color:var(--ce-ok)}.ced-status--warn{color:var(--ce-warn-ink)}.ced-status--danger{color:var(--ce-danger)}.ced-field{min-height:44px;padding:8px 12px;border:1px solid var(--ce-line-strong);border-radius:var(--ce-radius-btn);background:var(--ce-card);color:var(--ce-ink);font-family:var(--ce-font-body);font-size:var(--ce-fs-base);font-weight:600;font-variant-numeric:tabular-nums}.ced-field:hover{border-color:var(--ce-line-strong)}.ced-icon{display:inline-block;width:1em;height:1em;flex:none;vertical-align:-.14em;stroke-width:1.7}.ced-icon--sm{width:14px;height:14px}.ced-icon--lg{width:20px;height:20px}.ced-icon--xl{width:28px;height:28px}.ced-btn .ced-icon{color:var(--ce-muted);transition:color var(--ce-dur-fast) var(--ce-ease)}.ced-btn:hover .ced-icon,.ced-btn[aria-pressed=true] .ced-icon,.ced-btn.is-active .ced-icon,.ced-btn--primary .ced-icon,.ced-btn--ghost .ced-icon{color:inherit}.ced-btn--icon{width:44px;min-width:44px;padding:0;font-size:var(--ce-fs-md)}.ced-btn--icon .ced-icon{width:1.25em;height:1.25em}.ced-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ce-space-2)}.ced-toolbar--between{justify-content:space-between}.ced-toolbar__sep{align-self:stretch;width:1px;background:var(--ce-line);margin:2px 4px}.ced-segmented{display:inline-flex;gap:3px;padding:3px;border:1px solid var(--ce-line);border-radius:var(--ce-radius-btn);background:var(--ce-surface-2)}.ced-segmented--stretch{display:flex}.ced-segmented--stretch .ced-seg{flex:1}.ced-seg{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:6px 14px;border:0;border-radius:var(--ce-radius-sm);background:transparent;color:var(--ce-muted);font-family:var(--ce-font-body);font-size:var(--ce-fs-sm);font-weight:600;line-height:1.15;white-space:nowrap;cursor:pointer;transition:background-color var(--ce-dur-fast) var(--ce-ease),color var(--ce-dur-fast) var(--ce-ease),box-shadow var(--ce-dur-fast) var(--ce-ease)}.ced-seg:hover{color:var(--ce-ink)}.ced-seg[aria-pressed=true],.ced-seg[aria-selected=true],.ced-seg.is-active{background:var(--ce-card);color:var(--ce-accent-strong);box-shadow:var(--ce-shadow-sm)}.ced-seg .ced-icon{color:currentColor}@media(prefers-reduced-motion:reduce){.ced-btn .ced-icon,.ced-seg{transition:none}}.ced-scope [hidden]{display:none!important}.ced-btn:focus-visible,.ced-chip:focus-visible,.ced-field:focus-visible,.ced-scope a:focus-visible,.ced-scope button:focus-visible,.ced-scope input:focus-visible,.ced-scope select:focus-visible,.ced-scope textarea:focus-visible,.ced-scope [tabindex]:focus-visible{outline:2px solid var(--ce-accent);outline-offset:2px;border-radius:var(--ce-radius-sm)}@media(prefers-reduced-motion:reduce){.ced-btn,.ced-chip,.ced-card--interactive{transition:none}.ced-btn:active,.ced-card--interactive:hover{transform:none}}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:flex;flex-direction:column;background:var(--ce-surface);color:var(--ce-ink);font-family:var(--ce-font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--ce-font-head);line-height:1.12;margin:0;text-wrap:balance}.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px clamp(20px,5vw,48px);border-bottom:1px solid var(--ce-line);background:#ffffffdb;backdrop-filter:saturate(1.4) blur(6px);position:sticky;top:0;z-index:var(--ce-z-sticky)}.brand{font-family:var(--ce-font-head);font-weight:700;font-size:17px;color:var(--ce-navy);text-decoration:none;letter-spacing:-.01em;white-space:nowrap}.brand:hover{color:var(--ce-accent)}.site-header .ced-badge{white-space:nowrap}@media(max-width:419px){.site-header .ced-badge{display:none}}main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:clamp(32px,6vw,64px) clamp(20px,5vw,48px)}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:center;padding:clamp(12px,3vw,28px) 0 clamp(24px,4vw,40px)}@media(min-width:920px){.hero{grid-template-columns:minmax(0,1fr) minmax(320px,400px)}}.hero:before{content:"";position:absolute;inset:-40px -40px auto;height:320px;z-index:-1;background-image:linear-gradient(var(--ce-grid) 1px,transparent 1px),linear-gradient(90deg,var(--ce-grid) 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(120% 90% at 20% 0%,#000 30%,transparent 78%);opacity:.55;pointer-events:none}.hero h1{font-weight:800;font-size:clamp(33px,4.6vw,50px);letter-spacing:-.02em;color:var(--ce-navy)}.hero .lead{margin:16px 0 0;max-width:58ch;font-size:clamp(16.5px,1.4vw,18px);color:var(--ce-ink-soft);text-wrap:pretty}.hero__note{display:inline-flex;align-items:center;gap:7px;margin:22px 0 0;padding:6px 13px 6px 11px;border-radius:var(--ce-radius-pill);background:var(--ce-warn-bg);border:1px solid var(--ce-warn-border);color:var(--ce-warn-ink);font-size:13.5px;font-weight:600}.hero__note .ced-icon{width:15px;height:15px}.hero__instrument{color:var(--ce-accent-light);padding:var(--ce-space-4) var(--ce-space-5) var(--ce-space-5)}.hero__instrument-label{color:var(--ce-on-navy);margin:0}.hero__zeichnung{display:block;width:100%;height:auto;margin-top:4px}.hero__zeichnung text{fill:#f0b878;stroke:none;font-family:var(--ce-font-mono);font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.04em}.hero__regler{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.hero__regler label{font-family:var(--ce-font-mono);font-size:var(--ce-fs-xs);letter-spacing:var(--ce-label-spacing);text-transform:uppercase;color:var(--ce-on-navy)}.hero__regler output{font-family:var(--ce-font-mono);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;color:#f0b878;min-width:72px;text-align:right;white-space:nowrap}.hero__regler input[type=range]{-webkit-appearance:none;appearance:none;width:100%;min-height:44px;margin:0;background:transparent;cursor:pointer}.hero__regler input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#c3d4ee57}.hero__regler input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-9px;border-radius:50%;background:#fff;border:2px solid var(--ce-accent);box-shadow:var(--ce-shadow-sm)}.hero__regler input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:#c3d4ee57}.hero__regler input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--ce-accent)}.hero__regler input[type=range]:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:var(--ce-radius-sm)}.hero__instrument-hinweis{margin:10px 0 0;font-size:13px;line-height:1.5;color:var(--ce-on-navy)}.demos{margin-top:clamp(24px,4vw,40px)}.filter{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{border-radius:var(--ce-radius-pill);padding:8px 15px;min-height:42px;font-size:14px;gap:7px;white-space:nowrap}.filter-chip .ced-icon{width:15px;height:15px}.filter-status{margin:14px 0 0;font-family:var(--ce-font-mono);font-size:12.5px;letter-spacing:.04em;color:var(--ce-muted);font-variant-numeric:tabular-nums}.branche{margin-top:clamp(26px,4vw,40px)}.branche>h2.ced-label{display:flex;align-items:center;gap:10px;margin:0 0 2px;font-size:var(--ce-fs-xs);color:var(--ce-ink-soft)}.branche>h2.ced-label .ced-icon{width:15px;height:15px;color:var(--ce-accent)}.branche>h2.ced-label:after{content:"";flex:1;height:1px;background:var(--ce-line);margin-left:4px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;margin-top:16px}.demo-card{display:flex;padding:0;overflow:hidden}.demo-card__link{display:flex;flex-direction:column;flex:1;min-width:0;text-decoration:none;color:inherit}.demo-card__link:focus-visible{outline:2px solid var(--ce-accent);outline-offset:-2px;border-radius:var(--ce-radius-card)}.demo-card__thumb{position:relative;display:block;height:116px;color:var(--ce-accent-light);background-color:var(--ce-navy);background-image:linear-gradient(rgba(157,192,245,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(157,192,245,.07) 1px,transparent 1px);background-size:16px 16px;background-position:-1px -1px;border-bottom:1px solid var(--ce-line);overflow:hidden}.demo-thumb__svg{display:block;width:100%;height:100%;padding:10px 16px}.demo-card__thumb .t-amber{stroke:#f0b878}.demo-card__thumb .t-hi{stroke:#fff}.demo-card__thumb .t-dim{stroke:#9dc0f56b}.demo-card--bald{background:var(--ce-surface-2);border-style:dashed;box-shadow:none}.demo-card--bald .demo-card__link{cursor:default}.demo-card--bald .demo-card__thumb{filter:grayscale(.35) opacity(.62)}.demo-card--bald h3{color:var(--ce-ink-soft)}.demo-card--bald .demo-tag{background:var(--ce-card)}.demo-card__bald{position:absolute;top:10px;right:10px;padding:2px 10px;border-radius:var(--ce-radius-pill);background:var(--ce-warn-bg);border:1px solid var(--ce-warn-border);color:var(--ce-warn-ink);font-size:11.5px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.demo-card__body{display:flex;flex-direction:column;gap:8px;flex:1;padding:14px 16px 16px}.demo-card__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.demo-card h3{font-weight:700;font-size:18px;letter-spacing:-.01em;color:var(--ce-navy)}.demo-card__cta-icon{width:17px;height:17px;flex:none;color:var(--ce-muted);transition:transform var(--ce-dur-fast) var(--ce-ease),color var(--ce-dur-fast) var(--ce-ease)}.demo-card__link:hover .demo-card__cta-icon,.demo-card__link:focus-visible .demo-card__cta-icon{transform:translate(3px);color:var(--ce-accent)}.demo-card__link:hover h3{color:var(--ce-accent-strong)}.demo-card__desc{display:block;color:var(--ce-muted);font-size:14px;line-height:1.5;flex:1;text-wrap:pretty}.demo-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.demo-tag{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border:1px solid var(--ce-line);border-radius:var(--ce-radius-pill);background:var(--ce-surface-2);color:var(--ce-ink-soft);font-size:12.5px;font-weight:600;line-height:1.5;white-space:nowrap}.demo-tag .ced-icon{width:13px;height:13px;color:var(--ce-accent)}.anfrage{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px;margin-top:clamp(36px,6vw,64px);padding:clamp(24px,4vw,40px)}.anfrage h2{color:#fff;font-size:clamp(21px,2.6vw,27px);font-weight:700;letter-spacing:-.01em}.anfrage p{margin:10px 0 0;max-width:52ch;color:var(--ce-on-navy);font-size:15.5px;text-wrap:pretty}.anfrage__actions{display:flex;flex-wrap:wrap;gap:10px}.anfrage__actions .ced-btn{white-space:nowrap}.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:24px clamp(20px,5vw,48px);border-top:1px solid var(--ce-line);background:var(--ce-card);font-size:14.5px;color:var(--ce-muted)}.site-footer p{margin:0}.site-footer a{color:var(--ce-navy);text-decoration:underline;text-underline-offset:3px}.site-footer a:hover{color:var(--ce-accent)}.site-footer nav{display:flex;gap:20px}@media(prefers-reduced-motion:reduce){.site-header{backdrop-filter:none}.demo-card__cta-icon{transition:none}.demo-card__link:hover .demo-card__cta-icon,.demo-card__link:focus-visible .demo-card__cta-icon{transform:none}}