@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0}html{text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--space-md))}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100svh}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}a,button{touch-action:manipulation}button{cursor:pointer;background:0 0;border:none}ul[role=list],ol[role=list]{padding:0;list-style:none}:target{scroll-margin-top:calc(var(--header-height) + var(--space-lg))}}@layer tokens{:root{--ink-900:#12181b;--ink-700:#2a343a;--ink-600:#46545a;--ink-400:#7a8a90;--paper:#e4e2dc;--paper-deep:#d7d4cc;--surface:#f3f1ec;--hairline:#cac6bc;--hairline-strong:#a19c8f;--signal-ok:#166534;--signal-warn:#b8460a;--signal-error:#b91c1c;--on-signal:#fff;--accent:#0a549e;--accent-ink:#084078;--accent-soft:#e1ebf4;--on-accent:#fff;--font-display:"IBM Plex Sans Condensed", "Arial Narrow", system-ui, sans-serif;--font-body:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "Cascadia Mono", "Courier New", monospace;--text-2xs:.75rem;--text-xs:.8125rem;--text-sm:.9375rem;--text-md:clamp(1rem, .97rem + .15vw, 1.0625rem);--text-lg:clamp(1.125rem, 1.08rem + .22vw, 1.25rem);--text-xl:clamp(1.375rem, 1.28rem + .45vw, 1.625rem);--text-2xl:clamp(1.75rem, 1.55rem + .95vw, 2.375rem);--text-3xl:clamp(2.25rem, 1.85rem + 2vw, 3.25rem);--text-4xl:clamp(2.625rem, 1.9rem + 3.6vw, 4.75rem);--leading-tight:1.06;--leading-snug:1.25;--leading-normal:1.6;--leading-relaxed:1.72;--tracking-display:-.02em;--tracking-normal:0;--tracking-label:.14em;--measure:66ch;--measure-tight:34ch;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-section:clamp(3.5rem, 2rem + 6vw, 7rem);--gutter:clamp(1rem, .5rem + 2vw, 2rem);--container:78rem;--container-narrow:46rem;--radius-sm:2px;--radius-md:3px;--radius-lg:4px;--border-hair:1px;--border-strong:2px;--shadow-card:0 1px 2px #12181b0a, 0 10px 28px -14px #12181b24;--shadow-lift:0 2px 4px #12181b0d, 0 18px 40px -18px #12181b33;--dur-fast:.15s;--dur-base:.25s;--dur-slow:.6s;--ease-out:cubic-bezier(.2, .7, .2, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--z-base:0;--z-raised:10;--z-sticky:40;--z-overlay:100;--z-toast:1000;--header-height:14.5rem;--target-min:2.75rem}@media (width<=48rem){:root{--header-height:12rem}}[data-area=sicherheit]{--accent:#0a549e;--accent-ink:#084078;--accent-soft:#e1ebf4;--accent-line:#a0c7ee;--on-accent:#fff}[data-area=computer-service]{--accent:#34b2a5;--accent-ink:#115f58;--accent-soft:#e1f4f2;--accent-line:#90dfd7;--on-accent:var(--ink-900)}[data-area] .accent-transition,[data-area] .btn--primary,[data-area] .eyebrow:before,[data-area] .plan__node{transition:background-color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out)}}@layer base{body{background-color:var(--paper);color:var(--ink-700);font-family:var(--font-body);font-size:var(--text-md);font-weight:400;line-height:var(--leading-normal);hyphens:auto;hyphenate-limit-chars:8 4 4}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-display);color:var(--ink-900);text-wrap:balance;overflow-wrap:anywhere}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}@media (width<=48rem){h1,h2,h3,h4{font-family:var(--font-body);letter-spacing:-.006em;text-wrap:wrap;overflow-wrap:break-word;word-break:break-word;hyphens:auto}h1{font-size:clamp(1.4rem,6vw,2.2rem)}}p{text-wrap:pretty}p,li{max-width:var(--measure)}a{color:var(--accent-ink);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}strong{color:var(--ink-900);font-weight:600}:focus-visible{outline:3px solid var(--ink-900);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background-color:var(--accent);color:var(--ink-900)}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.container--narrow{max-width:var(--container-narrow)}.section{padding-block:var(--space-section)}.section--deep{background-color:var(--paper-deep)}.stack>*+*{margin-block-start:var(--flow,var(--space-md))}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:var(--space-xs);left:var(--space-xs);z-index:var(--z-toast);padding:var(--space-sm) var(--space-md);background-color:var(--ink-900);color:var(--paper);border-radius:var(--radius-sm);font-weight:500;text-decoration:none;position:absolute;transform:translateY(-200%)}.skip-link:focus-visible{outline-color:var(--accent);transform:translateY(0)}@media (width<=48rem){html,body{overflow-x:clip}}}@layer components{.eyebrow{align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-600);max-width:none;font-weight:500;display:flex}.eyebrow:before{content:"";background-color:var(--accent);flex:none;block-size:.5rem;inline-size:.5rem}.pos{min-inline-size:3.25rem;padding:.15rem var(--space-xs);border:var(--border-hair) solid var(--hairline-strong);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.08em;color:var(--ink-600);background-color:var(--surface);justify-content:center;align-items:center;font-weight:500;display:inline-flex}.pos--active{border-color:var(--accent);background-color:var(--accent-soft);color:var(--accent-ink)}.btn{justify-content:center;align-items:center;gap:var(--space-xs);min-block-size:var(--target-min);padding:var(--space-sm) var(--space-lg);border:var(--border-strong) solid transparent;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:.01em;text-align:center;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background-color:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn--primary:hover{background-color:var(--ink-900);border-color:var(--ink-900);color:var(--paper)}.btn--secondary{border-color:var(--ink-900);color:var(--ink-900);background-color:#0000}.btn--secondary:hover{background-color:var(--ink-900);color:var(--paper)}.btn--quiet{border-color:var(--hairline-strong);color:var(--ink-700);background-color:#0000;font-weight:500}.btn--quiet:hover{border-color:var(--ink-900);color:var(--ink-900)}.btn[aria-disabled=true],.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.card{gap:var(--space-md);padding:var(--space-lg);background-color:color-mix(in srgb, var(--paper) 46%, transparent);-webkit-backdrop-filter:blur(16px);border:none;border-block-start:4px solid var(--accent);box-shadow:0 1px 40px -12px color-mix(in srgb, var(--ink-900) 18%, transparent);block-size:100%;transition:box-shadow var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);border-radius:1.25rem;grid-template-rows:auto 1fr auto;display:grid;position:relative}.card__edge{pointer-events:none;z-index:1;position:absolute;inset:-24px}.card>.svc__link>*{z-index:2}.card__title{font-family:var(--font-display);font-size:var(--text-xl);line-height:var(--leading-snug);color:var(--ink-900);text-wrap:balance}.card__text{color:var(--ink-600);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.card__foot{align-items:center;gap:var(--space-sm);border-block-start:var(--border-hair) solid var(--hairline);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--accent-ink);padding-block-start:var(--space-sm);display:flex}@media (hover:hover){.card:hover{box-shadow:0 24px 60px -16px color-mix(in srgb, var(--accent) 35%, transparent);transform:translateY(-6px)}}.grid-auto{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr));align-items:stretch;display:grid}.stat{gap:var(--space-2xs);padding-block:var(--space-sm);border-block-start:var(--border-strong) solid var(--ink-900);flex-direction:column;display:flex}.stat__value{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--ink-900);font-variant-numeric:tabular-nums;font-weight:600;line-height:1}.stat__label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;color:var(--ink-600);max-width:24ch}.status{align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;color:var(--ink-600);display:inline-flex}.status:before{content:"";background-color:var(--accent);border-radius:50%;block-size:.4375rem;inline-size:.4375rem}.rule{border:0;border-block-start:var(--border-hair) solid var(--hairline)}.rule--strong{border-block-start:var(--border-strong) solid var(--ink-900)}@media (width<=48rem){.card{padding:var(--space-md);gap:var(--space-sm);-webkit-backdrop-filter:none}.card__title{font-family:var(--font-body);font-weight:600;font-size:var(--text-md);line-height:var(--leading-snug);letter-spacing:normal;text-wrap:wrap;overflow-wrap:break-word;word-break:break-word;hyphens:auto;margin-block-end:var(--space-2xs)}}}@layer motion{.reveal{opacity:1;transform:none}html.js:not([data-cms-mode=edit]) .reveal{opacity:0;transition:opacity var(--dur-slow) var(--ease-out) var(--reveal-delay,0s), transform var(--dur-slow) var(--ease-out) var(--reveal-delay,0s);will-change:opacity, transform;transform:translateY(14px)}html.js .reveal.is-visible{opacity:1;will-change:auto;transform:none}html.js:not([data-cms-mode=edit]) .reveal--left{transform:translate(-16px)}html.js:not([data-cms-mode=edit]) .reveal--right{transform:translate(16px)}html.js .reveal--left.is-visible,html.js .reveal--right.is-visible{transform:none}.plan__line{stroke-dasharray:1;stroke-dashoffset:0}html.js:not([data-cms-mode=edit]):not([data-hero=static]) .plan__line{animation:plan-draw 1.6s var(--ease-out) var(--plan-delay,0s) both}@keyframes plan-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.plan__node{transform-box:fill-box;transform-origin:50%}html.js:not([data-cms-mode=edit]):not([data-hero=static]) .plan__node{animation:plan-node-in var(--dur-base) var(--ease-out) var(--node-delay,1.4s) both}@keyframes plan-node-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.plan__node{opacity:1}.plan__pulse{transform-box:fill-box;transform-origin:50%;opacity:0}html.js:not([data-cms-mode=edit]) .plan__pulse{animation:plan-pulse 2.6s var(--ease-in-out) var(--plan-delay,0s) infinite}@keyframes plan-pulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:0;transform:scale(2.4)}}.plan__overlay{transition:opacity var(--dur-base) var(--ease-out)}.plan__overlay[data-active=false]{opacity:0;pointer-events:none}@media (prefers-reduced-motion:no-preference){html.js:not([data-cms-mode=edit]) [data-splitflap]{visibility:hidden}}.flap-visual{perspective:300px;display:inline}.flap-word{white-space:nowrap;display:inline-block}.flap-char{transform-origin:50%;display:inline-block}html.js:not([data-cms-mode=edit]) .flap-char.is-flipping{animation:.13s ease-in flap-spin}@keyframes flap-spin{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}html.js:not([data-cms-mode=edit]) .eyebrow{background-image:linear-gradient(100deg, var(--ink-600) 38%, var(--ink-900) 50%, var(--ink-600) 62%);color:#0000;-webkit-text-fill-color:transparent;background-size:240% 100%;background-clip:text;animation:4.5s linear infinite eyebrow-shine}@keyframes eyebrow-shine{0%{background-position:120% 0}to{background-position:-120% 0}}.spark-host{position:relative;overflow:visible}.spark{background-color:var(--on-accent);pointer-events:none;transform-origin:50% 100%;block-size:9px;inline-size:2px;transform:translate(-50%, -100%) rotate(var(--spark-angle)) translateY(0) scaleY(1);border-radius:1px;animation:.42s ease-out forwards spark-fly;position:absolute}@keyframes spark-fly{to{opacity:0;transform:translate(-50%, -100%) rotate(var(--spark-angle)) translateY(-20px) scaleY(.4)}}.lift{transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out)}@media (hover:hover){.lift:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}}[data-cms-field]:focus,[data-cms-field]:focus-within{transition:none!important;transform:none!important}@media (prefers-reduced-motion:reduce){html.js .reveal,html.js .reveal--left,html.js .reveal--right{opacity:1!important;transition:none!important;transform:none!important}.plan__line{stroke-dashoffset:0!important;animation:none!important}.plan__pulse{opacity:.3!important;animation:none!important;transform:none!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.reveal{opacity:1!important;transform:none!important}.plan__line{stroke-dashoffset:0!important}}}@layer utilities;@font-face{font-family:IBM Plex Sans Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-condensed-latin-600-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+FEFF}@font-face{font-family:IBM Plex Sans Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-sans-condensed-latin-700-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+FEFF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+FEFF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-500-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+FEFF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-600-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+FEFF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+FEFF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-500-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+FEFF}.cms-bar[data-astro-cid-hkbrpulz]{z-index:var(--z-toast);align-items:center;gap:var(--space-md);padding:var(--space-xs) var(--space-md);background-color:var(--ink-900);color:var(--paper);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.03em;display:flex;position:sticky;inset-block-start:0}.cms-bar[data-astro-cid-hkbrpulz] span[data-astro-cid-hkbrpulz]{flex:1}.cms-bar__link[data-astro-cid-hkbrpulz]{border:var(--border-hair) solid #ffffff4d;border-radius:var(--radius-sm);color:var(--paper);padding:.4em .9em;text-decoration:none}.cms-bar__link[data-astro-cid-hkbrpulz]:hover{border-color:#fff}.cms-bar[data-astro-cid-hkbrpulz] button[data-astro-cid-hkbrpulz]{border:var(--border-hair) solid #ffffff4d;border-radius:var(--radius-sm);color:var(--paper);font:inherit;cursor:pointer;background:0 0;padding:.4em .9em}.cms-bar[data-astro-cid-hkbrpulz] button[data-astro-cid-hkbrpulz][data-cms-bar-save]{background-color:var(--signal-ok);border-color:var(--signal-ok);color:#fff;font-weight:600}.cms-bar[data-astro-cid-hkbrpulz] button[data-astro-cid-hkbrpulz]:hover{border-color:#fff}[data-astro-cid-hkbrpulz][data-cms-field]{outline:1px dashed color-mix(in srgb, var(--accent) 50%, transparent);outline-offset:4px;border-radius:2px}[data-astro-cid-hkbrpulz][data-cms-field]:focus-visible{outline:2px solid var(--accent)}[data-astro-cid-hkbrpulz][data-cms-field][data-cms-dirty=true]{outline-style:solid;outline-color:var(--signal-warn)}