@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url(//komp64.de/wp-content/themes/komp/startseite/../fonts/plus-jakarta-sans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url(//komp64.de/wp-content/themes/komp/startseite/../fonts/plus-jakarta-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 700;font-display:swap;src:url(//komp64.de/wp-content/themes/komp/startseite/../fonts/jetbrains-mono-latin.woff2) format('woff2')}@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(//komp64.de/wp-content/themes/komp/startseite/../fonts/instrument-serif-italic-latin.woff2) format('woff2')}:root{--color-surface:#0a0c0a;--color-surface-raised:#111411;--color-surface-card:#161916;--color-text:#f3f5f2;--color-text-muted:#b9bdb6;--color-text-faint:#6b6f68;--color-accent:#1aff85;--color-accent-deep:#14d96f;--color-on-accent:#07120c;--color-line:rgba(243,245,242,.12);--color-line-strong:rgba(243,245,242,.42);--color-error:#ff5b5b;--color-accent-tint:rgba(26,255,133,.1);--color-text-tint:rgba(243,245,242,.06);--color-aurora-1:#1aff85;--color-aurora-2:#0fc266;--color-aurora-3:#0b7a40;--color-aurora-4:#063d22;--font-sans:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-serif:"Instrument Serif",Georgia,"Times New Roman",serif;--font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--text-display:clamp(46px, 6.4vw, 96px);--text-h1:clamp(40px, 5.2vw, 76px);--text-h2:clamp(36px, 4.4vw, 64px);--text-h3:clamp(26px, 2.5vw, 36px);--text-title:clamp(19px, 1.45vw, 21px);--text-body-lg:clamp(17px, 1.3vw, 19px);--text-body:clamp(16px, 1.2vw, 17px);--text-small:14px;--text-overline:13px;--text-metric:clamp(32px, 3vw, 44px);--tracking-tight:-.04em;--tracking-snug:-.02em;--tracking-overline:.12em;--serif-scale:1.08;--space-3xs:4px;--space-2xs:8px;--space-xs:12px;--space-sm:16px;--space-md:24px;--space-lg:32px;--space-xl:48px;--space-2xl:64px;--space-3xl:96px;--space-4xl:128px;--content-max:1240px;--text-max:68ch;--page-gutter:clamp(24px, 4vw, 56px);--section-gap:clamp(96px, 12vw, 180px);--grid-gap:clamp(16px, 2vw, 32px);--header-height:80px;--radius-small:10px;--radius-card:14px;--radius-media:22px;--radius-pill:999px;--ease-out-expo:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--duration-fast:.25s;--duration-base:.45s;--duration-reveal:1s;--focus-ring:2px solid var(--color-accent);--focus-offset:3px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:clip;scroll-padding-top:96px}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto !important}.lenis.lenis-stopped{overflow:hidden}body{margin:0;background:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-body);line-height:1.55;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}img,svg{display:block;max-width:100%}img{height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0}ul,ol{padding:0;list-style:none}::selection{background:var(--color-accent);color:var(--color-on-accent)}:focus{outline:none}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:6px}.visually-hidden{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:16px;z-index:200;padding:12px 20px;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-on-accent);font-weight:600;transform:translateY(-160%);transition:transform var(--duration-fast) var(--ease-out-expo)}.skip-link:focus-visible{transform:none}.container{width:100%;max-width:calc(var(--content-max) + 2 * var(--page-gutter));margin-inline:auto;padding-inline:var(--page-gutter)}.section{padding-block:calc(var(--section-gap) / 2);position:relative}.section+.section{padding-top:calc(var(--section-gap) / 2)}.type-display,.type-h1,.type-h2,.type-h3{font-weight:600;letter-spacing:var(--tracking-tight);color:var(--color-text);text-wrap:balance}.type-display{font-size:var(--text-display);line-height:.98}.type-h1{font-size:var(--text-h1);line-height:1}.type-h2{font-size:var(--text-h2);line-height:1.04}.type-h3{font-size:var(--text-h3);line-height:1.12;letter-spacing:-.03em}.type-title{font-size:var(--text-title);line-height:1.3;font-weight:600;letter-spacing:-.01em}.type-body-lg{font-size:var(--text-body-lg);line-height:1.55;color:var(--color-text-muted)}.type-body{font-size:var(--text-body);line-height:1.55;color:var(--color-text-muted)}.type-small{font-size:var(--text-small);line-height:1.5;color:var(--color-text-muted)}.type-overline{font-size:var(--text-overline);line-height:1.2;font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-overline);color:var(--color-text-muted)}.type-metric{font-family:var(--font-mono);font-size:var(--text-metric);line-height:1;font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.signature{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:calc(var(--serif-scale) * 1em);letter-spacing:-.01em;color:var(--color-accent);padding-right:.04em}.reveal-line{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}.reveal-word{display:inline-block;will-change:transform}.button{--button-scale:1;--magnet-x:0px;--magnet-y:0px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:56px;padding:0 26px;border-radius:var(--radius-pill);font-size:16px;font-weight:600;letter-spacing:-.01em;line-height:1;white-space:nowrap;transform:translate3d(var(--magnet-x),var(--magnet-y),0) scale(var(--button-scale));transition:transform var(--duration-fast) var(--ease-out-expo),background-color var(--duration-fast) ease,border-color var(--duration-fast) ease,color var(--duration-fast) ease;-webkit-tap-highlight-color:transparent}.button:active,.button.is-pressed{--button-scale:.97}.button:focus-visible{border-radius:var(--radius-pill)}.button--primary{padding:0 8px 0 28px;background:var(--color-accent);color:var(--color-on-accent)}.button--primary:hover,.button--primary.is-hover{background:var(--color-accent-deep)}.button__arrow{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--color-on-accent);color:var(--color-accent);flex:none;overflow:hidden;transition:transform var(--duration-base) var(--ease-out-expo)}.button__arrow svg{width:18px;height:18px;transition:transform var(--duration-base) var(--ease-out-expo)}.button--primary:hover .button__arrow,.button--primary.is-hover .button__arrow{transform:translateX(4px)}.button--primary:hover .button__arrow svg,.button--primary.is-hover .button__arrow svg{transform:translateX(2px)}.button--secondary{border:1px solid var(--color-line-strong);color:var(--color-text);background:0 0}.button--secondary:hover,.button--secondary.is-hover{border-color:var(--color-text);background:var(--color-text-tint)}.button[disabled],.button.is-disabled{cursor:not-allowed;--button-scale:1}.button--primary[disabled],.button--primary.is-disabled{background:var(--color-surface-card);color:var(--color-text-faint)}.button--primary[disabled] .button__arrow,.button--primary.is-disabled .button__arrow{background:var(--color-surface-raised);color:var(--color-text-faint);transform:none}.button--secondary[disabled],.button--secondary.is-disabled{color:var(--color-text-faint);border-color:var(--color-line);background:0 0}.button__spinner{display:none;width:18px;height:18px;border-radius:50%;border:2px solid rgba(26,255,133,.25);border-top-color:var(--color-accent);animation:komp-spin .8s linear infinite}.button.is-loading{cursor:progress}.button.is-loading .button__arrow svg{display:none}.button.is-loading .button__spinner{display:block}.button.is-loading .button__arrow{transform:none}@keyframes komp-spin{to{transform:rotate(360deg)}}.text-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-weight:600;font-size:16px;color:var(--color-accent);background-image:linear-gradient(currentColor,currentColor);background-size:0% 1px;background-position:0 calc(100% - 10px);background-repeat:no-repeat;transition:background-size var(--duration-base) var(--ease-out-expo),color var(--duration-fast) ease}.text-link svg{width:18px;height:18px;flex:none;transition:transform var(--duration-base) var(--ease-out-expo)}.text-link:hover,.text-link.is-hover{background-size:calc(100% - 28px) 1px}.text-link:hover svg,.text-link.is-hover svg{transform:translateX(4px)}.text-link--quiet{color:var(--color-text)}.text-link--quiet svg{color:var(--color-accent)}.text-link[aria-disabled=true]{color:var(--color-text-faint);pointer-events:none}.site-header{position:fixed;inset:0 0 auto 0;z-index:100;padding-top:0;pointer-events:none;transition:padding var(--duration-base) var(--ease-out-expo)}.site-header__inner{pointer-events:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-md);width:100%;max-width:calc(var(--content-max) + 2 * var(--page-gutter));height:var(--header-height);margin-inline:auto;padding-inline:var(--page-gutter);border:1px solid transparent;border-radius:var(--radius-pill);background:0 0;transition:max-width var(--duration-base) var(--ease-out-expo),height var(--duration-base) var(--ease-out-expo),padding var(--duration-base) var(--ease-out-expo),background-color var(--duration-base) ease,border-color var(--duration-base) ease}.site-header.is-floating{padding-top:14px}.site-header.is-floating .site-header__inner{max-width:1080px;height:66px;padding-inline:22px 9px;background:var(--color-surface-raised);border-color:var(--color-line)}.site-header.is-floating .site-header__inner{width:calc(100% - 2 * var(--page-gutter))}.site-header.is-floating .button{min-height:48px}.site-header.is-floating .button__arrow{width:34px;height:34px}.site-header__brand{display:inline-flex;align-items:center;justify-self:start;min-height:44px}.site-header__brand img{height:30px;width:auto}.site-header.is-floating .site-header__brand img{height:26px}.site-nav{display:flex;align-items:center;gap:6px}.site-nav__link{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:var(--radius-pill);font-size:15px;font-weight:500;color:var(--color-text-muted);transition:color var(--duration-fast) ease,background-color var(--duration-fast) ease}.site-nav__link:hover,.site-nav__link.is-hover{color:var(--color-text);background:var(--color-text-tint)}.site-nav__link[aria-current=page],.site-nav__link.is-current{color:var(--color-text)}.site-nav__link[aria-current=page]:after,.site-nav__link.is-current:after{content:"";position:absolute;left:50%;bottom:6px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--color-accent)}.site-nav__link:focus-visible{border-radius:var(--radius-pill)}.site-header__actions{justify-self:end;display:flex;align-items:center;gap:8px}.menu-toggle{display:none;align-items:center;gap:10px;min-height:44px;padding:0 6px 0 16px;border-radius:var(--radius-pill);border:1px solid var(--color-line-strong);font-size:15px;font-weight:600}.menu-toggle__icon{position:relative;width:32px;height:32px;border-radius:50%;background:var(--color-text)}.menu-toggle__icon:before,.menu-toggle__icon:after{content:"";position:absolute;left:9px;right:9px;height:1.5px;background:var(--color-surface);transition:transform var(--duration-base) var(--ease-out-expo),top var(--duration-base) var(--ease-out-expo)}.menu-toggle__icon:before{top:12.5px}.menu-toggle__icon:after{top:18px}.menu-toggle[aria-expanded=true] .menu-toggle__icon:before{top:15.25px;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-toggle__icon:after{top:15.25px;transform:rotate(-45deg)}.mobile-menu{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;padding:calc(var(--header-height) + 24px) var(--page-gutter) calc(28px + env(safe-area-inset-bottom));background:var(--color-surface);visibility:hidden;opacity:0;transition:opacity var(--duration-base) var(--ease-out-expo),visibility 0s linear var(--duration-base)}.mobile-menu.is-open{visibility:visible;opacity:1;transition:opacity var(--duration-base) var(--ease-out-expo)}.mobile-menu__list{display:flex;flex-direction:column;border-top:1px solid var(--color-line)}.mobile-menu__link{display:flex;align-items:center;justify-content:space-between;min-height:72px;border-bottom:1px solid var(--color-line);font-size:34px;font-weight:600;letter-spacing:var(--tracking-tight);transform:translateY(16px);opacity:0;transition:transform .7s var(--ease-out-expo),opacity .7s var(--ease-out-expo)}.mobile-menu__link svg{width:22px;height:22px;color:var(--color-accent)}.mobile-menu.is-open .mobile-menu__link{transform:none;opacity:1}.mobile-menu.is-open .mobile-menu__item:nth-child(2) .mobile-menu__link{transition-delay:.04s}.mobile-menu.is-open .mobile-menu__item:nth-child(3) .mobile-menu__link{transition-delay:.08s}.mobile-menu.is-open .mobile-menu__item:nth-child(4) .mobile-menu__link{transition-delay:.12s}.mobile-menu__footer{margin-top:auto;display:grid;gap:18px}.mobile-menu__footer .button{width:100%;justify-content:space-between}.mobile-menu__contact{display:flex;flex-wrap:wrap;gap:4px 20px;font-size:15px;color:var(--color-text-muted)}.mobile-menu__contact a{min-height:44px;display:inline-flex;align-items:center}.aurora{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.aurora__field{position:absolute;inset:-20% -10%;filter:blur(70px) saturate(115%);opacity:.62}.aurora__blob{position:absolute;border-radius:50%;mix-blend-mode:screen;will-change:transform;animation:aurora-drift 60s var(--ease-in-out) infinite}.aurora__blob--1{width:46%;height:34%;left:44%;top:8%;background:radial-gradient(closest-side,var(--color-aurora-2),transparent)}.aurora__blob--2{width:58%;height:26%;left:30%;top:30%;background:radial-gradient(closest-side,var(--color-aurora-3),transparent);animation-delay:-15s}.aurora__blob--3{width:30%;height:22%;left:62%;top:22%;background:radial-gradient(closest-side,var(--color-aurora-1),transparent);opacity:.55;animation-delay:-30s}.aurora__blob--4{width:70%;height:40%;left:10%;top:46%;background:radial-gradient(closest-side,var(--color-aurora-4),transparent);animation-delay:-45s}.aurora__blob--5{width:36%;height:20%;left:18%;top:14%;background:radial-gradient(closest-side,var(--color-aurora-3),transparent);opacity:.7;animation-delay:-8s}@keyframes aurora-drift{0%{transform:translate3d(0,0,0) rotate(0deg) scale(1)}25%{transform:translate3d(-14%,6%,0) rotate(8deg) scale(1.12)}50%{transform:translate3d(-4%,-8%,0) rotate(-6deg) scale(.94)}75%{transform:translate3d(12%,4%,0) rotate(5deg) scale(1.08)}100%{transform:translate3d(0,0,0) rotate(0deg) scale(1)}}.grain{position:absolute;inset:0;pointer-events:none;opacity:.08;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:160px 160px}.komp-figure{position:relative;aspect-ratio:720/1280;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 88%,transparent 100%);mask-image:linear-gradient(to bottom,#000 88%,transparent 100%)}.komp-figure__pose{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:bottom center;opacity:0;transition:opacity var(--duration-fast) ease}.komp-figure__pose.is-active{opacity:1}.komp-figure--edge{-webkit-mask-image:none;mask-image:none}.section-head{display:grid;grid-template-columns:minmax(0, 1fr) auto;align-items:end;gap:var(--space-md) var(--space-xl);margin-bottom:clamp(40px, 5vw, 72px)}.section-head__main{display:grid;gap:20px;max-width:860px}.section-head__text{max-width:58ch}.section-head__link{justify-self:end}.logo-band{padding-block:40px 8px}.logo-band__caption{text-align:center;margin-bottom:28px}.logo-band__viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.logo-band__track{display:flex;width:max-content;animation:logo-band-run 55s linear infinite}.logo-band__viewport:hover .logo-band__track,.logo-band__viewport:focus-within .logo-band__track,.logo-band.is-paused .logo-band__track{animation-play-state:paused}.logo-band__list{display:flex;align-items:center;gap:clamp(48px, 6vw, 88px);padding-right:clamp(48px, 6vw, 88px)}.logo-band__item{display:grid;place-items:center;height:72px}.logo-band__logo{height:var(--logo-height,36px);width:auto;max-width:none;opacity:.55;transition:opacity var(--duration-fast) ease}.logo-band__item:hover .logo-band__logo,.logo-band__logo.is-hover{opacity:.9}@keyframes logo-band-run{to{transform:translate3d(-50%,0,0)}}.reason-list{border-top:1px solid var(--color-line)}.reason{display:grid;grid-template-columns:clamp(80px, 11vw, 168px) minmax(0, 1fr) minmax(0, 1fr);gap:var(--space-md) var(--grid-gap);align-items:start;padding-block:clamp(28px, 3.4vw, 48px);border-bottom:1px solid var(--color-line);transition:opacity var(--duration-base) var(--ease-out-expo)}.reason-list.is-tracking .reason{opacity:.35}.reason-list.is-tracking .reason.is-active{opacity:1}.reason__number{font-size:clamp(64px, 8vw, 128px);line-height:.8;font-weight:600;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px var(--color-text-muted);transition:-webkit-text-stroke-color var(--duration-base) ease}.reason.is-active .reason__number{-webkit-text-stroke-color:var(--color-accent)}.reason__title{padding-top:6px}.reason__text{padding-top:10px;max-width:46ch}.statement{margin-top:clamp(40px, 5vw, 72px);max-width:24ch;font-size:clamp(26px, 2.8vw, 40px);line-height:1.15;font-weight:600;letter-spacing:-.03em;color:var(--color-text)}.site-check{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1.05fr);align-items:center;gap:var(--space-md) var(--space-xl);margin-top:clamp(56px, 6vw, 96px);padding:22px 22px 22px 32px;border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface-raised)}.site-check__text{max-width:52ch}.site-check__text strong{color:var(--color-text);font-weight:600}.site-check__form{display:flex;gap:10px}.site-check__form .input{flex:1;min-width:0}.one-hand__intro{display:grid;grid-template-columns:minmax(0, 1.15fr) minmax(0, 1fr);gap:var(--space-lg) var(--space-2xl);align-items:end}.one-hand__intro-side{display:grid;gap:18px;justify-items:start}.converge{position:relative;height:clamp(560px, 62vw, 760px);margin-top:clamp(32px, 4vw, 56px)}.converge__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.converge__line{fill:none;stroke:var(--color-text-muted);stroke-width:1;opacity:.6;vector-effect:non-scaling-stroke}.converge__strand{fill:none;stroke:var(--color-accent);stroke-width:2;vector-effect:non-scaling-stroke}.converge__node{fill:var(--color-accent)}.converge__flash{fill:var(--color-accent);opacity:0}.converge__label{position:absolute;font-size:15px;font-weight:600;color:var(--color-text);white-space:nowrap;display:inline-flex;align-items:center;gap:8px}.converge__label:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-accent)}.converge__figure{position:absolute;left:50%;bottom:0;height:74%;transform:translateX(-50%)}.part-list{display:grid;grid-template-columns:repeat(2,minmax(0, 1fr));gap:0 var(--grid-gap);margin-top:clamp(40px, 5vw, 72px);border-top:1px solid var(--color-line)}.part-list__item{display:grid;gap:8px;padding:26px 0 28px;border-bottom:1px solid var(--color-line)}.part-list__item:nth-child(odd){padding-right:var(--space-lg)}.service-list{border-top:1px solid var(--color-line)}.service-row{border-bottom:1px solid var(--color-line);transition:opacity var(--duration-base) var(--ease-out-expo)}.service-row__link{display:grid;grid-template-columns:minmax(0, 1.15fr) minmax(0, 1fr) 44px;grid-template-rows:auto 0fr;column-gap:var(--grid-gap);align-items:center;padding-block:clamp(22px, 2.6vw, 34px);transition:grid-template-rows .6s var(--ease-out-expo),padding .6s var(--ease-out-expo)}.service-row__name{font-size:clamp(30px, 3.7vw, 54px);line-height:1.02;font-weight:600;letter-spacing:var(--tracking-tight);transition:color var(--duration-fast) ease}.service-row__benefit{font-size:var(--text-title);font-weight:600;letter-spacing:-.01em;color:var(--color-text)}.service-row__arrow{justify-self:end;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--color-accent);opacity:0;transform:translateX(-14px);transition:opacity var(--duration-base) var(--ease-out-expo),transform var(--duration-base) var(--ease-out-expo)}.service-row__arrow svg{width:22px;height:22px}.service-row__detail{grid-column:2/3;overflow:hidden;min-height:0}.service-row__detail p{padding-top:12px;max-width:46ch;opacity:0;transform:translateY(8px);transition:opacity var(--duration-base) ease,transform .6s var(--ease-out-expo)}.service-row.is-open .service-row__link,.service-row:hover .service-row__link,.service-row:focus-within .service-row__link{grid-template-rows:auto 1fr}.service-row.is-open .service-row__detail p,.service-row:hover .service-row__detail p,.service-row:focus-within .service-row__detail p{opacity:1;transform:none}.service-row.is-open .service-row__arrow,.service-row:hover .service-row__arrow,.service-row:focus-within .service-row__arrow{opacity:1;transform:none}.service-list:hover .service-row:not(:hover),.service-list.is-dimmed .service-row:not(.is-open){opacity:.35}.service-row__link:focus-visible{outline-offset:-2px;border-radius:var(--radius-small)}.work-gallery{display:flex;gap:12px;height:clamp(520px, 46vw, 660px)}.work-panel{position:relative;display:flex;flex-direction:column;flex:1 1 0;min-width:0;transition:flex-grow .9s var(--ease-out-expo);cursor:pointer;overflow:clip;overflow-clip-margin:8px}.work-panel.is-active{flex-grow:10;cursor:default}.browser-frame{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid var(--color-line);border-radius:var(--radius-media);background:var(--color-surface-raised);overflow:hidden;transition:border-color var(--duration-base) ease}.work-panel:hover .browser-frame,.work-panel.is-active .browser-frame{border-color:rgba(243,245,242,.2)}.browser-frame__bar{display:flex;align-items:center;gap:14px;height:44px;padding:0 16px;border-bottom:1px solid var(--color-line);flex:none}.browser-frame__dots{display:flex;gap:6px;flex:none}.browser-frame__dots span{width:9px;height:9px;border-radius:50%;background:rgba(243,245,242,.18)}.browser-frame__address{flex:1;min-width:0;max-width:340px;margin-inline:auto;height:26px;display:flex;align-items:center;justify-content:center;padding:0 14px;border-radius:var(--radius-pill);background:var(--color-surface);font-size:12.5px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity var(--duration-fast) ease}.browser-frame__viewport{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--color-surface)}.browser-frame__image{position:absolute;left:0;top:0;width:var(--work-open-width,100%);max-width:none;height:auto;will-change:transform}.work-panel:not(.is-active) .browser-frame__address,.work-panel:not(.is-active) .browser-frame__dots{opacity:0}.work-panel__strip{position:absolute;inset:44px 0 0 0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:22px;background:linear-gradient(to top,rgba(10,12,10,.92) 0%,rgba(10,12,10,.55) 45%,rgba(10,12,10,.2) 100%);opacity:0;transition:opacity var(--duration-base) ease;pointer-events:none}.work-panel__strip span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:15px;font-weight:600;white-space:nowrap;color:var(--color-text)}.work-panel:not(.is-active) .work-panel__strip{opacity:1}.work-panel__caption{display:grid;grid-template-columns:minmax(0, 1fr) auto;align-items:center;gap:4px 24px;height:96px;padding:18px 6px 0;width:var(--work-open-width,100%);opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .6s var(--ease-out-expo);pointer-events:none}.work-panel.is-active .work-panel__caption{opacity:1;transform:none;transition-delay:.25s;pointer-events:auto}.work-panel__name{font-size:var(--text-title);font-weight:600;letter-spacing:-.01em}.work-panel__meta{grid-column:1;font-size:15px;color:var(--color-text-muted)}.work-panel__link{grid-column:2;grid-row:1/span 2}.metric-bar{display:flex;flex-wrap:wrap;align-items:center;gap:20px clamp(32px, 5vw, 72px);margin-top:clamp(40px, 5vw, 64px);padding-block:26px;border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line)}.metric{display:flex;align-items:center;gap:18px}.metric__ring{width:64px;height:64px;flex:none;transform:rotate(-90deg)}.metric__arc{fill:none;stroke:var(--color-accent);stroke-width:2.5;stroke-linecap:round}.metric__body{display:grid;gap:6px}.metric__value{color:var(--color-text)}.metric__label{font-size:15px;color:var(--color-text-muted)}.metric-bar__note{margin-left:auto;max-width:30ch;font-size:var(--text-small);color:var(--color-text-muted)}.build-list{position:relative}.build-list__line{position:absolute;left:6px;width:1px;background:var(--color-accent);opacity:.5;transform-origin:top}.build-row{position:relative;display:grid;grid-template-columns:150px minmax(0, 1fr) minmax(0, 1.25fr) 56px;gap:8px var(--grid-gap);align-items:baseline;padding-block:30px;border-bottom:1px solid var(--color-line)}.build-row:first-child{border-top:1px solid var(--color-line)}.build-row__status{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:600;color:var(--color-text);white-space:nowrap}.status-dot{position:relative;z-index:1;width:13px;height:13px;flex:none;border-radius:50%;border:1.5px solid var(--color-accent);background:var(--color-surface);transform:translateY(1px)}.status-dot--test{background:var(--color-accent)}.status-dot--progress{background:linear-gradient(90deg,var(--color-accent) 50%,var(--color-surface) 50%)}.build-row__name{font-size:var(--text-h3);line-height:1.12;font-weight:600;letter-spacing:-.03em}.build-row__kind{justify-self:end;font-size:13px;font-weight:600;color:var(--color-text-muted);letter-spacing:.04em}.process-steps{display:grid;grid-template-columns:repeat(3,minmax(0, 1fr));gap:var(--space-xl) var(--grid-gap)}.process-step__head{display:flex;align-items:center;gap:20px;margin-bottom:28px}.process-step__number{font-size:clamp(72px, 7vw, 108px);line-height:.8;font-weight:600;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px var(--color-accent);flex:none}.process-step__line{flex:1;height:1px;background:var(--color-accent);opacity:.7;transform-origin:left center}.process-step__title{margin-bottom:12px}.process-step__text{max-width:36ch}.faq{display:grid;grid-template-columns:minmax(0, .9fr) minmax(0, 1.2fr);gap:var(--space-xl) var(--space-2xl);align-items:start}.faq__head{position:sticky;top:120px;display:grid;gap:20px}.faq-list{border-top:1px solid var(--color-line)}.faq-item{border-bottom:1px solid var(--color-line)}.faq-item__question{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;min-height:76px;padding:20px 0;text-align:left;font-size:var(--text-title);font-weight:600;letter-spacing:-.01em;line-height:1.3;transition:color var(--duration-fast) ease}.faq-item__question:hover{color:var(--color-accent)}.faq-item__question:focus-visible{outline-offset:-2px;border-radius:var(--radius-small)}.faq-item__icon{position:relative;width:40px;height:40px;flex:none;border-radius:50%;border:1px solid var(--color-line-strong);transition:transform .6s var(--ease-out-expo),border-color var(--duration-fast) ease,background-color var(--duration-fast) ease}.faq-item__icon:before,.faq-item__icon:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1.5px;margin:-.75px 0 0 -7px;background:currentColor}.faq-item__icon:after{transform:rotate(90deg)}.faq-item.is-open .faq-item__icon{transform:rotate(45deg);border-color:var(--color-accent);color:var(--color-accent)}.faq-item__answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease-out-expo)}.faq-item.is-open .faq-item__answer{grid-template-rows:1fr}.faq-item__answer-inner{overflow:hidden;min-height:0}.faq-item__answer p{padding:0 64px 28px 0;max-width:62ch}.field{display:grid;gap:10px;align-content:start}.field__label{font-size:14px;font-weight:600;color:var(--color-text)}.input,.textarea{width:100%;min-height:56px;padding:0 22px;border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);font-size:16px;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease,background-color var(--duration-fast) ease;-webkit-appearance:none;appearance:none}.textarea{min-height:148px;padding:18px 22px;border-radius:var(--radius-media);resize:vertical;line-height:1.55}.input::placeholder,.textarea::placeholder{color:var(--color-text-muted);opacity:1}.input:hover,.textarea:hover,.input.is-hover{border-color:rgba(243,245,242,.6)}.input:focus,.textarea:focus,.input.is-focus,.textarea.is-focus{outline:none;border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--color-error);box-shadow:inset 0 0 0 1px var(--color-error)}.input:disabled,.textarea:disabled{color:var(--color-text-faint);border-color:var(--color-line);cursor:not-allowed}.field__error{display:none;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--color-error)}.field__error svg{width:16px;height:16px;flex:none}.field.has-error .field__error{display:flex}.choice-group{border:0;margin:0;padding:0;display:grid;gap:12px}.choice-group legend{padding:0;margin-bottom:12px}.choice-group__options{display:flex;flex-wrap:wrap;gap:8px}.choice-pill{position:relative}.choice-pill input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.choice-pill__label{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);font-size:15px;font-weight:500;color:var(--color-text);transition:border-color var(--duration-fast) ease,background-color var(--duration-fast) ease,color var(--duration-fast) ease,transform var(--duration-fast) var(--ease-out-expo);pointer-events:none}.choice-pill__label svg{width:14px;height:14px;display:none}.choice-pill:hover .choice-pill__label,.choice-pill.is-hover .choice-pill__label{border-color:var(--color-text)}.choice-pill input:checked+.choice-pill__label{border-color:var(--color-accent);background:var(--color-accent-tint);color:var(--color-accent)}.choice-pill input:checked+.choice-pill__label svg{display:block}.choice-pill input:focus-visible+.choice-pill__label{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.choice-pill input:active+.choice-pill__label{transform:scale(.97)}.choice-pill input:disabled+.choice-pill__label{color:var(--color-text-faint);border-color:var(--color-line)}.check{display:grid;grid-template-columns:24px minmax(0, 1fr);gap:14px;align-items:start;font-size:15px;line-height:1.5;color:var(--color-text-muted);cursor:pointer}.check input{position:absolute;opacity:0;width:24px;height:24px;margin:0}.check__box{position:relative;display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--color-line-strong);border-radius:7px;background:var(--color-surface);color:var(--color-on-accent);transition:background-color var(--duration-fast) ease,border-color var(--duration-fast) ease}.check__box svg{width:14px;height:14px;opacity:0;transform:scale(.6);transition:opacity var(--duration-fast) ease,transform var(--duration-fast) var(--ease-out-expo)}.check:hover .check__box{border-color:var(--color-text)}.check input:checked+.check__box{background:var(--color-accent);border-color:var(--color-accent)}.check input:checked+.check__box svg{opacity:1;transform:none}.check input:focus-visible+.check__box{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.check input[aria-invalid=true]+.check__box{border-color:var(--color-error);box-shadow:inset 0 0 0 1px var(--color-error)}.check a{color:var(--color-text);text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:3px}.check a:hover{color:var(--color-accent)}.check-field{position:relative;display:grid;gap:10px}.form-message{display:grid;grid-template-columns:28px minmax(0, 1fr);gap:14px;align-items:start;padding:18px 20px;border-radius:var(--radius-card);border:1px solid var(--color-line);background:var(--color-surface-card);font-size:16px;color:var(--color-text)}.form-message__icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%}.form-message__icon svg{width:15px;height:15px}.form-message--success .form-message__icon{background:var(--color-accent);color:var(--color-on-accent)}.form-message--error{border-color:rgba(255,91,91,.45)}.form-message--error .form-message__icon{border:1.5px solid var(--color-error);color:var(--color-error)}.promise-list{display:grid;gap:14px}.promise-list__item{display:grid;grid-template-columns:22px minmax(0, 1fr);gap:14px;align-items:start;font-size:16px;color:var(--color-text)}.promise-list__item svg{width:22px;height:22px;color:var(--color-accent);margin-top:1px}.contact-panel{--figure-reserve:clamp(180px, 19vw, 260px);position:relative;display:grid;grid-template-columns:minmax(0, .95fr) minmax(0, 1.05fr);gap:var(--space-xl) clamp(40px, 5vw, 72px);padding:clamp(32px, 5vw, 72px);padding-right:calc(var(--figure-reserve) + clamp(24px, 3vw, 40px));border:1px solid var(--color-line);border-radius:var(--radius-media);background:var(--color-surface-raised)}.contact-panel__aurora{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}.contact-panel__aurora .aurora__field{inset:30% -20% -40% 30%;opacity:.38}.contact-panel__head,.contact-panel__main,.contact-panel__form{position:relative;z-index:1}.contact-panel__head{grid-column:1/-1;display:grid;gap:20px;max-width:760px}.contact-panel__head p{max-width:52ch}.contact-panel__main{display:grid;gap:28px;align-content:start}.contact-panel__direct{display:grid;gap:4px;padding-top:8px;border-top:1px solid var(--color-line)}.contact-panel__direct a{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:18px;font-weight:600;letter-spacing:-.01em;transition:color var(--duration-fast) ease;width:fit-content}.contact-panel__direct a svg{width:20px;height:20px;color:var(--color-accent)}.contact-panel__direct a:hover{color:var(--color-accent)}.contact-panel__figure{position:absolute;z-index:2;bottom:0;right:calc(-1 * max(var(--page-gutter), (100vw - var(--content-max)) / 2) + 16px);height:min(720px, 86%)}.contact-form{display:grid;gap:22px}.contact-form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.contact-form__submit{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}.contact-form__hint{font-size:var(--text-small);color:var(--color-text-muted);max-width:40ch}.contact-form__hint a{color:var(--color-accent);font-weight:600}.contact-form__hint a:hover{text-decoration:underline;text-underline-offset:3px}.contact-success{display:none;gap:20px;align-content:start}.contact-form.is-success{display:none}.contact-form.is-success+.contact-success{display:grid}.site-footer{position:relative;margin-top:calc(var(--section-gap) / 2);border-top:1px solid var(--color-line)}.site-footer__grid{display:grid;grid-template-columns:minmax(0, 1.4fr) repeat(3, minmax(0, 1fr));gap:var(--space-xl) var(--grid-gap);padding-block:clamp(56px, 7vw, 96px) 48px}.site-footer__brand{display:grid;gap:20px;align-content:start}.site-footer__brand img{height:32px;width:auto}.site-footer__brand p{max-width:30ch}.site-footer__heading{margin-bottom:14px;font-size:14px;font-weight:600;color:var(--color-text)}.site-footer__links{display:grid;gap:0}.site-footer__links a,.site-footer__links span{display:inline-flex;align-items:center;min-height:40px;font-size:15px;color:var(--color-text-muted);transition:color var(--duration-fast) ease;width:fit-content}.site-footer__links a:hover{color:var(--color-accent)}.site-footer__legal{display:flex;flex-wrap:wrap;align-items:center;gap:4px 28px;padding-block:22px 32px;border-top:1px solid var(--color-line);font-size:14px;color:var(--color-text-muted)}.site-footer__legal a,.site-footer__legal button{min-height:44px;display:inline-flex;align-items:center;color:var(--color-text-muted);transition:color var(--duration-fast) ease;font-size:14px}.site-footer__legal a:hover,.site-footer__legal button:hover{color:var(--color-text)}.site-footer__legal span{margin-right:auto}@media (max-width:1080px){.site-nav{display:none}.menu-toggle{display:inline-flex}.site-header__actions .button{display:none}.site-header__inner{grid-template-columns:1fr auto}.contact-panel{grid-template-columns:1fr;padding-right:clamp(32px, 5vw, 72px);padding-top:240px}.contact-panel__figure{top:-120px;bottom:auto;right:12px;height:380px}.faq{grid-template-columns:1fr}.faq__head{position:static}}@media (max-width:860px){:root{--header-height:68px}.section-head{grid-template-columns:1fr}.section-head__link{justify-self:start}.reason{grid-template-columns:1fr;gap:12px}.reason__number{font-size:72px;margin-bottom:8px}.reason__title,.reason__text{padding-top:0}.site-check{grid-template-columns:1fr;padding:24px}.site-check__form{flex-direction:column}.one-hand__intro{grid-template-columns:1fr}.part-list{grid-template-columns:1fr}.part-list__item:nth-child(odd){padding-right:0}.service-row__link{grid-template-columns:minmax(0, 1fr);grid-template-rows:auto auto auto;row-gap:10px}.service-row__detail{grid-column:1}.service-row__detail p{opacity:1;transform:none;padding-top:0}.service-row__arrow{display:none}.service-list:hover .service-row:not(:hover){opacity:1}.build-row{grid-template-columns:minmax(0, 1fr) auto;padding-left:0}.build-row__status{grid-column:1/-1}.build-row__name{grid-column:1}.build-row__kind{grid-column:2;grid-row:2}.build-row__text{grid-column:1/-1}.process-steps{grid-template-columns:1fr;gap:48px}.process-step__head{margin-bottom:18px}.site-footer__grid{grid-template-columns:1fr 1fr}.site-footer__brand{grid-column:1/-1}.metric-bar__note{margin-left:0}.contact-form__row{grid-template-columns:1fr}.faq-item__answer p{padding-right:0}}@media (max-width:560px){.contact-panel{padding:220px 22px 28px}.contact-panel__figure{top:-110px;right:0;height:320px}.site-footer__grid{grid-template-columns:1fr}.button{min-height:54px}}@media (prefers-reduced-motion:reduce){.aurora__blob{animation:none}.logo-band__track{animation:none;flex-wrap:wrap}*,*:before,*:after{transition-duration:.01ms !important;scroll-behavior:auto !important}.komp-figure__pose{transition:opacity .2s ease !important}}.reveal-line{padding-top:.06em;margin-top:-.06em}.signature .reveal-line{padding-right:.1em;margin-right:-.1em}.service-list:focus-within .service-row:not(:focus-within){opacity:.35}@media (max-width:860px){.service-list:focus-within .service-row:not(:focus-within){opacity:1}}.hero{position:relative;min-height:0;display:flex;align-items:stretch;isolation:isolate}.hero__backdrop{position:absolute;inset:0 0 -24% 0;z-index:-1;-webkit-mask-image:linear-gradient(to bottom,#000 62%,transparent 100%);mask-image:linear-gradient(to bottom,#000 62%,transparent 100%)}.hero__inner{position:relative;display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, .82fr);grid-template-rows:auto 1fr;column-gap:var(--grid-gap);padding-top:calc(var(--header-height) + clamp(48px, 9vh, 104px))}.hero__title{grid-column:1/-1;font-size:var(--text-display);line-height:.98}.hero__title-line{display:block}@media (min-width:861px){.hero__title{font-size:min(5.6vw, 84px)}.hero__title-line:first-child{white-space:nowrap}}.hero__body{grid-column:1;align-self:start;display:grid;gap:32px;justify-items:start;padding-top:clamp(28px, 4vh, 44px);padding-bottom:clamp(72px, 12vh, 140px);max-width:600px;position:relative;z-index:2}.hero__text{color:var(--color-text-muted);font-size:var(--text-body-lg)}.hero__action{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.hero__note{font-size:var(--text-small);color:var(--color-text-muted);margin-top:-14px}.service-icons{display:flex;align-items:center;gap:10px;color:var(--color-accent)}.service-icons svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .7s var(--ease-out-expo)}.hero__action.is-engaged .service-icons svg:nth-child(1){transform:translateX(6px)}.hero__action.is-engaged .service-icons svg:nth-child(2){transform:translateX(16px)}.hero__action.is-engaged .service-icons svg:nth-child(3){transform:translateX(26px)}.hero__action.is-engaged .service-icons svg:nth-child(4){transform:translateX(36px)}.intro{position:fixed;inset:0;z-index:150;background:var(--color-surface);overflow:hidden;cursor:pointer}.intro__scene{position:absolute;left:50%;top:50%;width:min(92vw, 158vh);aspect-ratio:1280/720;transform:translate(-50%,-46%)}.intro__image{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;transform-origin:0 0}.intro__image--standing,.intro__image--figure{opacity:0}.intro__image--table{clip-path:inset(0 52% 0 0)}.intro__image--figure{clip-path:inset(0 0 0 70%)}.intro__skip{position:absolute;right:var(--page-gutter);bottom:calc(24px + env(safe-area-inset-bottom));min-height:44px;padding:0 16px;border-radius:var(--radius-pill);font-size:14px;font-weight:500;color:var(--color-text-muted);transition:color var(--duration-fast) ease,background-color var(--duration-fast) ease}.intro__skip:hover{color:var(--color-text);background:var(--color-text-tint)}.intro__floor{position:absolute;left:0;right:0;bottom:0;height:40%;background:radial-gradient(60% 60% at 50% 100%,rgba(26,255,133,.07),transparent 70%);pointer-events:none}.intro.is-leaving{background:0 0;pointer-events:none}.intro.is-leaving .intro__skip,.intro.is-leaving .intro__floor{opacity:0;transition:opacity .3s ease}html.has-intro body{overflow:hidden}.section--problem{padding-top:clamp(96px, 10vw, 150px)}.section--contact{padding-top:clamp(140px, 14vw, 220px)}@media (prefers-reduced-motion:reduce){.logo-band__list[aria-hidden=true]{display:none}.logo-band__track{width:100%;justify-content:center}.logo-band__list{flex-wrap:wrap;justify-content:center;row-gap:24px;padding-right:0}.logo-band__viewport{-webkit-mask-image:none;mask-image:none}}@media (max-width:860px){.hero{min-height:0}.hero__inner{grid-template-columns:1fr;padding-top:calc(var(--header-height) + 40px)}.hero__title{font-size:clamp(42px, 11.4vw, 64px);line-height:1}.hero__body{padding-bottom:0;gap:26px}.hero__action{width:100%}.work-gallery{height:auto;margin-inline:calc(-1 * var(--page-gutter));padding-inline:var(--page-gutter);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--page-gutter);scrollbar-width:none}.work-gallery::-webkit-scrollbar{display:none}.work-panel,.work-panel.is-active{flex:0 0 84%;scroll-snap-align:start;cursor:default}.work-panel .browser-frame{flex:none;height:auto}.work-panel .browser-frame__viewport{flex:none;aspect-ratio:1600/960}.work-panel .browser-frame__address,.work-panel .browser-frame__dots{opacity:1 !important}.work-panel__strip{display:none}.work-panel__caption{width:100%;height:auto;opacity:1;transform:none;pointer-events:auto;grid-template-columns:1fr;padding:16px 2px 0}.work-panel__link{grid-column:1;grid-row:auto}.browser-frame__image{width:100%}.converge{height:640px}}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.komp-consent[hidden]{display:none}.komp-consent{position:fixed;inset:0;z-index:200;display:flex;align-items:flex-end;justify-content:flex-start;padding:var(--page-gutter);pointer-events:none}.komp-consent-backdrop{position:absolute;inset:0;background:rgba(10,12,10,.45);pointer-events:auto}.komp-consent-dialog{position:relative;pointer-events:auto;width:min(460px, 100%);max-height:calc(100dvh - 2 * var(--page-gutter));overflow:auto;padding:var(--space-lg);background:var(--color-surface-raised);border:1px solid var(--color-line);border-radius:var(--radius-media);color:var(--color-text);font-family:var(--font-sans);display:grid;gap:var(--space-md)}.komp-consent-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.komp-consent-title{font-size:var(--text-title);font-weight:600;letter-spacing:var(--tracking-snug)}.komp-consent-close{width:44px;height:44px;margin:-10px -10px -10px 0;border-radius:50%;display:grid;place-items:center;font-size:22px;color:var(--color-text-muted);background:0 0;border:0;cursor:pointer}.komp-consent-close:hover{color:var(--color-text);background:var(--color-text-tint)}.komp-consent-text{font-size:var(--text-small);line-height:1.55;color:var(--color-text-muted)}.komp-consent-categories{display:grid;border-top:1px solid var(--color-line)}.komp-consent-category{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding-block:var(--space-sm);border-bottom:1px solid var(--color-line)}.komp-consent-category h3{font-size:15px;font-weight:600;margin-bottom:4px}.komp-consent-category p{font-size:13px;line-height:1.5;color:var(--color-text-muted)}.komp-consent-category--disabled{opacity:.6}.komp-consent-badge{flex:none;font-size:12px;font-weight:600;color:var(--color-accent);padding:4px 10px;border-radius:var(--radius-pill);background:var(--color-accent-tint)}.komp-consent-switch{position:relative;flex:none;width:44px;height:26px;cursor:pointer}.komp-consent-switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.komp-consent-slider{position:absolute;inset:0;border-radius:var(--radius-pill);background:var(--color-text-tint);border:1px solid var(--color-line-strong);transition:background .25s ease,border-color .25s ease}.komp-consent-slider:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--color-text-muted);transition:transform .25s var(--ease-out-expo),background .25s ease}.komp-consent-switch input:checked+.komp-consent-slider{background:var(--color-accent);border-color:var(--color-accent)}.komp-consent-switch input:checked+.komp-consent-slider:after{transform:translateX(18px);background:var(--color-on-accent)}.komp-consent-switch input:focus-visible+.komp-consent-slider{outline:2px solid var(--color-accent);outline-offset:3px}.komp-consent-actions{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.komp-consent-btn{min-height:44px;padding:0 20px;border-radius:var(--radius-pill);font:600 14px/1 var(--font-sans);cursor:pointer;color:var(--color-text);background:0 0;border:1px solid var(--color-line-strong);transition:background .2s ease,border-color .2s ease}.komp-consent-btn:hover{border-color:var(--color-text)}.komp-consent-btn--primary{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent)}.komp-consent-btn--primary:hover{background:var(--color-accent-deep);border-color:var(--color-accent-deep)}.komp-consent-btn:active{transform:scale(.97)}.komp-consent-btn[hidden]{display:none}.komp-consent-links{display:flex;gap:var(--space-md);font-size:13px}.komp-consent-links a{color:var(--color-text-muted);text-decoration:underline;text-underline-offset:3px}.komp-consent-links a:hover{color:var(--color-text)}@media (max-width:600px){.komp-consent{padding:12px}.komp-consent-dialog{padding:var(--space-md)}.komp-consent-btn{flex:1 1 auto}}.contact-form>.form-message--error{margin-bottom:var(--space-md)}.form-message--error .form-message__icon{font-weight:700;font-size:15px;line-height:1}.build-row__name{display:flex;align-items:center;gap:16px}.build-row__icon{flex:none;width:48px;height:48px;border-radius:11px;box-shadow:0 0 0 1px var(--color-line-strong);transition:transform .5s var(--ease-out-expo)}.build-row:hover .build-row__icon{transform:scale(1.06) rotate(-3deg)}@media (max-width:860px){.build-row__name{gap:12px}.build-row__icon{width:40px;height:40px;border-radius:9px}}@media (prefers-reduced-motion:reduce){.build-row:hover .build-row__icon{transform:none}}.work-panel__strip span{text-orientation:sideways}.site-header__brand img.site-header__logo-kmp{height:26px;width:auto}.site-header.is-floating .site-header__brand img.site-header__logo-kmp{height:23px}.site-header__actions .button--primary{transition:opacity .35s var(--ease-out-expo),transform .35s var(--ease-out-expo),visibility 0s linear 0s}html.js .site-header.is-cta-hidden .site-header__actions .button--primary{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s}@media (min-width:861px){.build-row{align-items:center}.status-dot{transform:none}}@media (max-width:860px){.build-row{align-items:center}.build-list__line{display:none}}@media (min-width:861px){.komp-consent{justify-content:flex-end;padding:24px}}.hero__inner--komplett{grid-template-columns:minmax(0, 1.12fr) minmax(0, .88fr);grid-template-rows:1fr;align-items:end;min-height:min(100svh, 920px);padding-top:calc(var(--header-height) + clamp(32px, 6vh, 72px))}.hero__copy{grid-column:1;align-self:center;display:grid;gap:30px;justify-items:start;padding-bottom:clamp(56px, 9vh, 110px);position:relative;z-index:2}.hero__absender{font-size:var(--text-small);font-weight:600;color:var(--color-text-muted);letter-spacing:.01em;margin-bottom:-6px}.hero__absender span{color:var(--color-accent);margin-inline:6px}.hero__inner--komplett .hero__title{grid-column:auto;line-height:.95;justify-self:stretch}.hero__title-sub{display:block;margin-top:.32em;font-size:.5em;line-height:1.12;letter-spacing:-.03em;color:var(--color-text);max-width:17ch}.hero__title-sub .signature{font-size:1.08em}.hero__inner--komplett .hero__action{gap:26px}.hero__beweise{display:flex;flex-wrap:wrap;gap:8px 0;font-size:var(--text-small);color:var(--color-text-muted);padding-top:22px;border-top:1px solid var(--color-line);width:100%}.hero__beweise li{display:inline-flex;align-items:center}.hero__beweise li+li:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--color-accent);margin-inline:14px}.hero-figur{grid-column:2;align-self:end;justify-self:center;position:relative;height:min(78svh, 760px);aspect-ratio:720/1280;margin-bottom:-2px;pointer-events:none}.hero-figur>*{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 100%}.hero-figur video{opacity:0;transition:opacity .25s ease}.hero-figur video.is-on{opacity:1}.hero-figur__bild{transition:opacity .25s ease}.hero-figur__bild.is-off{opacity:0}@media (min-width:861px){.hero__inner--komplett .hero__title{font-size:clamp(56px, 6.2vw, 96px)}.hero__copy{padding-right:clamp(8px, 2vw, 32px)}.hero__inner--komplett .hero__title-line:first-child{white-space:nowrap}}@media (max-width:860px){.hero__inner--komplett{grid-template-columns:1fr;min-height:0}.hero__copy{padding-bottom:8px;gap:24px}.hero__inner--komplett .hero__title{font-size:clamp(46px, 13vw, 64px)}.hero__title-sub{font-size:.52em}.hero__inner--komplett .hero__action{flex-wrap:wrap;gap:18px}.hero__beweise{flex-direction:column;gap:6px}.hero__beweise li+li:before{display:none}.hero-figur{grid-column:1;height:min(62svh, 520px)}}.hero__backdrop--schwarz{inset:0 0 -12% 0;background:var(--color-surface);-webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent 100%);mask-image:linear-gradient(to bottom,#000 80%,transparent 100%)}.hero-funken{position:absolute;inset:0;width:100%;height:100%;display:block}.hero-figur{-webkit-mask-image:linear-gradient(to bottom,#000 86%,transparent 100%);mask-image:linear-gradient(to bottom,#000 86%,transparent 100%)}.hg-vergleich{position:fixed;z-index:150;left:50%;bottom:20px;transform:translateX(-50%);display:flex;gap:6px;padding:6px;border-radius:999px;background:rgba(17,20,17,.92);border:1px solid var(--color-line-strong);font:600 13px/1 var(--font-sans)}.hg-vergleich a{padding:10px 16px;border-radius:999px;color:var(--color-text-muted);white-space:pre}.hg-vergleich a:hover{color:var(--color-text)}.hg-vergleich a.is-aktiv{background:var(--color-accent);color:var(--color-on-accent)}.mission{padding-block:clamp(80px, 11vw, 160px) clamp(24px, 4vw, 40px)}.mission__satz{font-size:clamp(34px, 5.4vw, 80px);font-weight:600;line-height:1.12;letter-spacing:-.04em;color:var(--color-text);max-width:22ch}.tactile{position:relative;display:inline-block;white-space:nowrap;padding:0 .14em;margin:0 -.06em}.tactile__block{position:absolute;inset:.06em 0 .02em 0;background:var(--color-accent);border-radius:14px;transform:scaleX(0);transform-origin:0 50%;transition:transform .9s cubic-bezier(.34,1.36,.5,1),border-radius .9s ease}.tactile.is-an .tactile__block{transform:scaleX(1);border-radius:6px;transition-delay:.2s}.tactile__text{position:relative;color:var(--color-text);transition:color .35s ease .45s}.tactile.is-an .tactile__text{color:var(--color-on-accent)}@media (hover:hover){.tactile.is-an:hover .tactile__block{transform:scale(1.04) rotate(-1.2deg);border-radius:10px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),border-radius .35s ease}}@media (prefers-reduced-motion:reduce){.tactile__block,.tactile__text{transition:none !important}}@media (min-width:861px){.hero__inner--komplett .hero__title--anspruch{font-size:clamp(42px, 4.6vw, 72px) !important}.hero__inner--komplett .hero__title--anspruch .hero__title-line:first-child{white-space:normal}}.hero__title--anspruch{line-height:1.04}.hero__title--anspruch .hero__title-line+.hero__title-line{margin-top:.08em}.hero__komplett{font-size:clamp(19px, 1.7vw, 24px);line-height:1.4;color:var(--color-text-muted);max-width:30ch}.hero__komplett strong{color:var(--color-text);font-weight:600}.hero__komplett .signature{color:var(--color-accent)}@media (max-width:860px){.hero__inner--komplett .hero__title--anspruch{font-size:clamp(36px, 9.6vw, 54px) !important}}.hero-funken{-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,.28) 0%,rgba(0,0,0,.28) 52%,#000 72%);mask-image:linear-gradient(to right,rgba(0,0,0,.28) 0%,rgba(0,0,0,.28) 52%,#000 72%)}@media (max-width:860px){.hero-funken{-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.3) 55%,#000 75%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.3) 55%,#000 75%)}}.site-footer__brand img.site-footer__logo-kmp{height:30px;width:auto}.hero__title .hero__absender{display:block;margin-bottom:26px;font-size:var(--text-small);line-height:1.4;letter-spacing:.01em;font-weight:600}.hero__title .hero__absender .hero__punkt{margin-inline:6px}.logo-band__item{height:88px}.logo-band__logo{height:calc(var(--logo-height, 36px) * 1.22);opacity:.78}.logo-band__item:hover .logo-band__logo{opacity:1}.reason-list.is-tracking .reason{opacity:.62}.service-row__nr{font-size:var(--text-small);font-weight:600;color:var(--color-text-faint);font-variant-numeric:tabular-nums;letter-spacing:.04em;transition:color var(--duration-fast) ease}.leistung-buehne{display:grid;grid-template-columns:minmax(0, 7fr) minmax(0, 5fr);gap:clamp(32px, 5vw, 88px);align-items:start}.leistung-buehne .service-row{position:relative}.leistung-buehne .service-row:before{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:var(--color-accent);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease-out-expo)}.leistung-buehne .service-row__link{grid-template-columns:44px minmax(0, 1fr) 44px;grid-template-areas:"nr name pfeil" ". nutzen pfeil" ". detail detail";grid-template-rows:auto auto 0fr;row-gap:6px;align-items:baseline;padding-block:clamp(20px, 2.2vw, 30px)}.leistung-buehne .service-row__nr{grid-area:nr}.leistung-buehne .service-row__name{grid-area:name;font-size:clamp(28px, 3.1vw, 46px);transition:color var(--duration-fast) ease,transform .7s var(--ease-out-expo)}.leistung-buehne .service-row__benefit{grid-area:nutzen;font-size:var(--text-body-lg);font-weight:500;color:var(--color-text-muted)}.leistung-buehne .service-row__arrow{grid-area:pfeil;align-self:center}.leistung-buehne .service-row__detail{grid-area:detail;grid-column:2/4}.leistung-buehne .service-row.is-aktiv .service-row__link{grid-template-rows:auto auto 1fr}.leistung-buehne .service-row.is-aktiv .service-row__detail p{opacity:1;transform:none}.leistung-buehne .service-row.is-aktiv .service-row__arrow{opacity:1;transform:none}.leistung-buehne .service-row.is-aktiv .service-row__nr{color:var(--color-accent)}.leistung-buehne .service-row.is-aktiv .service-row__name{transform:translateX(10px)}.leistung-buehne .service-row.is-aktiv:before{transform:scaleX(1)}.leistung-buehne .service-list .service-row{opacity:.38}.leistung-buehne .service-list .service-row.is-aktiv{opacity:1}.leistung-buehne .service-list:hover .service-row:not(:hover){opacity:.38}.leistung-buehne .service-row:hover:not(.is-aktiv) .service-row__link{grid-template-rows:auto auto 0fr}.leistung-buehne .service-row:hover:not(.is-aktiv) .service-row__detail p{opacity:0}.buehne{position:sticky;top:calc(var(--header-height) + 40px)}.buehne__rahmen{position:relative;aspect-ratio:4/5;border-radius:var(--radius-media);overflow:hidden;background:var(--color-surface-raised);border:1px solid var(--color-line)}.buehne__rahmen:after{content:"";position:absolute;inset:auto -20% -35% -20%;height:70%;pointer-events:none;background:radial-gradient(closest-side,rgba(26,255,133,.16),transparent);filter:blur(10px)}.buehne__tafel{position:absolute;inset:0;margin:0;display:flex;flex-direction:column;gap:var(--space-md);padding:clamp(20px, 2.2vw, 32px);clip-path:inset(100% 0 0 0 round var(--radius-media));opacity:0;transition:clip-path .9s var(--ease-out-expo),opacity .4s ease}.buehne__tafel.is-aktiv{clip-path:inset(0 0 0 0 round var(--radius-media));opacity:1;z-index:2}.buehne__tafel.is-weg{clip-path:inset(0 0 100% 0 round var(--radius-media));opacity:0;z-index:1}.buehne__tafel>*{transform:translateY(24px);transition:transform 1s var(--ease-out-expo)}.buehne__tafel.is-aktiv>*{transform:none}.buehne__tafel.is-aktiv>*:nth-child(2){transition-delay:.08s}.buehne .browser-frame{flex:1;min-height:0;height:auto;border-radius:var(--radius-card)}.buehne__bildflaeche{position:relative;flex:1;min-height:0;overflow:hidden}.buehne__bildflaeche img{position:absolute;inset:0;width:100%;height:auto;transform:translateY(0);transition:transform 6s linear}.buehne__tafel.is-aktiv .buehne__bildflaeche img{transform:translateY(-18%)}.buehne__foto{flex:1;min-height:0;overflow:hidden;border-radius:var(--radius-card)}.buehne__foto img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;transform:scale(1.12);transition:transform 6s var(--ease-out-expo)}.buehne__tafel.is-aktiv .buehne__foto img{transform:scale(1)}.buehne__notiz{display:flex;justify-content:space-between;gap:var(--space-sm);font-size:var(--text-small);color:var(--color-text-muted)}.buehne__notiz span:first-child{color:var(--color-text);font-weight:600}.buehne__tafel--suche{justify-content:center}.buehne__suchfeld{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-line-strong);font-size:var(--text-body-lg);color:var(--color-text)}.buehne__suchfeld svg{width:20px;height:20px;flex:none;color:var(--color-text-muted)}.buehne__tippen{display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid var(--color-accent);width:0}.buehne__tafel--suche.is-aktiv .buehne__tippen{animation:buehne-tippen 1.2s steps(15) .35s forwards,buehne-cursor .8s step-end infinite}@keyframes buehne-tippen{to{width:15ch}}@keyframes buehne-cursor{50%{border-color:transparent}}.buehne__treffer{display:grid;gap:10px}.buehne__treffer li{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius-card);border:1px solid var(--color-line);background:var(--color-surface)}.buehne__treffer li span:last-child{display:grid;gap:6px;flex:1}.buehne__treffer i{display:block;height:10px;width:62%;border-radius:5px;background:var(--color-text-tint)}.buehne__treffer li small{display:block;height:8px;width:40%;border-radius:4px;background:var(--color-text-tint)}.buehne__treffer li.is-ihr{border-color:var(--color-accent);background:var(--color-accent-tint);transform:translateY(16px);opacity:0;transition:transform .8s var(--ease-out-expo) 1.5s,opacity .5s ease 1.5s}.buehne__tafel--suche.is-aktiv .buehne__treffer li.is-ihr{transform:none;opacity:1}.buehne__treffer li.is-ihr small{height:auto;width:auto;background:0 0;color:var(--color-text-muted);font-size:var(--text-small)}.buehne__treffer strong{font-weight:600}.buehne__pin{width:12px;height:12px;border-radius:50%;background:var(--color-text-faint);flex:none}.is-ihr .buehne__pin{background:var(--color-accent);box-shadow:0 0 0 6px rgba(26,255,133,.15)}.buehne__logos{flex:1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--color-line);border-left:1px solid var(--color-line)}.buehne__logos img{width:100%;height:100%;padding:22%;object-fit:contain;border-right:1px solid var(--color-line);border-bottom:1px solid var(--color-line);opacity:0;transform:scale(.85);transition:opacity .5s ease,transform .8s var(--ease-out-expo)}.buehne__tafel--logos.is-aktiv .buehne__logos img{opacity:.82;transform:none}.buehne__tafel--logos.is-aktiv .buehne__logos img:hover{opacity:1}.buehne__tafel--logos.is-aktiv .buehne__logos img:nth-child(1){transition-delay:.05s}.buehne__tafel--logos.is-aktiv .buehne__logos img:nth-child(2){transition-delay:.1s}.buehne__tafel--logos.is-aktiv .buehne__logos img:nth-child(3){transition-delay:.15s}.buehne__tafel--logos.is-aktiv .buehne__logos img:nth-child(4){transition-delay:.2s}.buehne__tafel--logos.is-aktiv .buehne__logos img:nth-child(5){transition-delay:.25s}.buehne__tafel--logos.is-aktiv .buehne__logos img:nth-child(6){transition-delay:.3s}.buehne__tafel--logos.is-aktiv .buehne__logos img:nth-child(7){transition-delay:.35s}.buehne__tafel--logos.is-aktiv .buehne__logos img:nth-child(8){transition-delay:.4s}.buehne__tafel--logos.is-aktiv .buehne__logos img:nth-child(9){transition-delay:.45s}.buehne__tafel--server{justify-content:center}.buehne__status{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-md);border-bottom:1px solid var(--color-line)}.buehne__live{display:inline-flex;align-items:center;gap:10px;font-weight:600;color:var(--color-accent)}.buehne__live span{width:10px;height:10px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 0 rgba(26,255,133,.5);animation:buehne-puls 2s ease-out infinite}@keyframes buehne-puls{to{box-shadow:0 0 0 14px rgba(26,255,133,0)}}.buehne__preis{font-size:var(--text-h3);font-weight:600;letter-spacing:-.03em}.buehne__preis small{font-size:var(--text-small);font-weight:400;color:var(--color-text-muted);letter-spacing:0}.buehne__checks{display:grid;gap:4px}.buehne__checks li{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--color-line);font-size:var(--text-body-lg);color:var(--color-text);opacity:0;transform:translateX(-12px);transition:opacity .5s ease,transform .7s var(--ease-out-expo)}.buehne__checks svg{width:20px;height:20px;color:var(--color-accent);flex:none}.buehne__tafel--server.is-aktiv .buehne__checks li{opacity:1;transform:none}.buehne__tafel--server.is-aktiv .buehne__checks li:nth-child(1){transition-delay:.22s}.buehne__tafel--server.is-aktiv .buehne__checks li:nth-child(2){transition-delay:.34s}.buehne__tafel--server.is-aktiv .buehne__checks li:nth-child(3){transition-delay:.46s}.buehne__tafel--server.is-aktiv .buehne__checks li:nth-child(4){transition-delay:.58s}.buehne__tafel--server.is-aktiv .buehne__checks li:nth-child(5){transition-delay:.7s}@media (max-width:960px){.leistung-buehne{grid-template-columns:1fr}.buehne{display:none}.leistung-buehne .service-list .service-row{opacity:1}.leistung-buehne .service-row__link{grid-template-columns:36px minmax(0, 1fr);grid-template-areas:"nr name" ". nutzen" ". detail";grid-template-rows:auto auto auto}.leistung-buehne .service-row__detail p{opacity:1;transform:none}.leistung-buehne .service-row__arrow{display:none}.leistung-buehne .service-row__name{transform:none !important}}@media (prefers-reduced-motion:reduce){.buehne__tafel,.buehne__tafel>*,.buehne__bildflaeche img,.buehne__foto img,.buehne__checks li,.buehne__logos img{transition:none !important}.buehne__tippen{width:15ch;animation:none !important}}.buehne__rahmen{aspect-ratio:1/1}.buehne__bildflaeche img{height:100%;object-fit:cover;object-position:50% 0;transform:scale(1.06);transform-origin:50% 0;transition:transform 5s var(--ease-out-expo)}.buehne__tafel.is-aktiv .buehne__bildflaeche img{transform:scale(1)}.buehne__foto img{object-position:50% 78%}.field__optional{margin-left:6px;font-weight:400;color:var(--color-text-faint)}.choice-group--herkunft .choice-pill__label{min-height:40px}.buehne__tafel[data-tafel="4"] .buehne__logos{grid-template-columns:repeat(2,1fr)}.buehne__apps{grid-template-columns:repeat(2,1fr)}.buehne__app{display:grid;place-items:center;align-content:center;gap:12px;border-right:1px solid var(--color-line);border-bottom:1px solid var(--color-line)}.buehne__apps .buehne__app img{width:76px;height:76px;padding:0;border:0;border-radius:18px;object-fit:cover}.buehne__app small{font-size:var(--text-small);color:var(--color-text-muted)}.hero-figur.is-winken{-webkit-mask-image:linear-gradient(to bottom,#000 86%,transparent 100%),linear-gradient(to bottom,#000 30%,transparent 44%),linear-gradient(to right,transparent 0,rgba(0,0,0,.35) 6%,#000 13%);mask-image:linear-gradient(to bottom,#000 86%,transparent 100%),linear-gradient(to bottom,#000 30%,transparent 44%),linear-gradient(to right,transparent 0,rgba(0,0,0,.35) 6%,#000 13%);-webkit-mask-composite:source-in,source-over;mask-composite:intersect,add}@media (min-width:861px){.hero__title--anspruch .hero__title-line{white-space:nowrap}}.site-header__brand img.site-header__logo-kmp{height:21px;width:auto}.site-header.is-floating .site-header__brand img.site-header__logo-kmp{height:19px}.site-footer__brand img.site-footer__logo-kmp{height:26px;width:auto}.kopf-anruf{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;border:1px solid rgba(243,245,242,.16);color:#f3f5f2;flex:none;transition:border-color .2s,color .2s}.kopf-anruf:hover,.kopf-anruf:focus-visible{border-color:#1aff85;color:#1aff85}.kopf-anruf svg{width:18px;height:18px}
.seitenkopf{position:relative;padding-top:calc(var(--header-height) + clamp(56px, 8vw, 120px));padding-bottom:clamp(56px, 7vw, 104px);border-bottom:1px solid var(--color-line);overflow:hidden}.seitenkopf__inner{position:relative;display:grid;gap:var(--space-xl)}.seitenkopf__text{display:grid;gap:var(--space-md);justify-items:start;max-width:860px}.seitenkopf__titel{max-width:18ch}.seitenkopf__einleitung{max-width:58ch}.seitenkopf__aktion{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md) var(--space-lg);margin-top:var(--space-xs)}.seitenkopf__fakten{display:flex;flex-wrap:wrap;gap:var(--space-2xs) var(--space-md);margin-top:var(--space-xs)}.seitenkopf__fakten li{display:inline-flex;align-items:center;gap:var(--space-2xs)}.seitenkopf__fakten li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-accent)}.seitenkopf--figur .seitenkopf__inner{grid-template-columns:minmax(0, 1.25fr) minmax(0, .75fr);align-items:end}.seitenkopf__figur{align-self:end;justify-self:end;width:min(100%, 380px);margin-bottom:calc(-1 * clamp(56px, 7vw, 104px));-webkit-mask-image:linear-gradient(to bottom,#000 82%,transparent 100%);mask-image:linear-gradient(to bottom,#000 82%,transparent 100%)}.seitenkopf__figur img{width:100%;height:auto}.brotkrumen{display:flex;flex-wrap:wrap;gap:var(--space-2xs);color:var(--color-text-faint)}.brotkrumen a{color:var(--color-text-muted);transition:color var(--duration-fast) ease}.brotkrumen a:hover{color:var(--color-text)}.brotkrumen [aria-current]{color:var(--color-text)}.bereich+.bereich{margin-top:clamp(64px, 8vw, 120px)}.bereich__kopf{display:grid;gap:var(--space-xs);margin-bottom:var(--space-lg)}.leistung{display:grid;grid-template-columns:minmax(0, 5fr) minmax(0, 7fr);gap:var(--space-md) var(--grid-gap);padding-block:clamp(28px, 3.4vw, 44px);border-top:1px solid var(--color-line);scroll-margin-top:calc(var(--header-height) + 24px)}.leistung:last-child{border-bottom:1px solid var(--color-line)}.leistung__kopf{display:grid;gap:var(--space-xs);align-content:start}.leistung__nummer{font-size:var(--text-small);color:var(--color-text-faint);font-variant-numeric:tabular-nums}.leistung__titel{font-size:var(--text-h3);line-height:1.12;letter-spacing:-.03em;font-weight:600}.leistung__inhalt{display:grid;gap:var(--space-md);align-content:start}.leistung__inhalt .promise-list{display:grid;gap:var(--space-xs)}.leistung__links{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg)}.leistung__preis{color:var(--color-text);font-weight:600}.leistung__preis span{color:var(--color-text-muted);font-weight:400}.preis-raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px, 1fr));gap:var(--grid-gap)}.preis-karte{display:grid;gap:var(--space-sm);align-content:start;padding:clamp(24px, 2.6vw, 36px);border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface-raised)}.preis-karte__name{font-size:var(--text-title);font-weight:600;letter-spacing:-.01em}.preis-karte__betrag{font-size:var(--text-metric);line-height:1;font-weight:600;letter-spacing:-.03em;color:var(--color-text)}.preis-karte__betrag small{font-size:var(--text-body);font-weight:400;color:var(--color-text-muted);letter-spacing:0}.preis-karte .promise-list{display:grid;gap:var(--space-2xs)}.preis-hinweis{margin-top:var(--space-md);max-width:68ch}.lesetext{max-width:var(--text-max);font-size:var(--text-body-lg);line-height:1.7;color:var(--color-text-muted)}.lesetext>*+*{margin-top:1.1em}.lesetext h2{margin-top:2.2em;font-size:var(--text-h3);line-height:1.15;letter-spacing:-.03em;font-weight:600;color:var(--color-text);scroll-margin-top:calc(var(--header-height) + 24px)}.lesetext h3{margin-top:1.8em;font-size:var(--text-title);font-weight:600;color:var(--color-text)}.lesetext h4{margin-top:1.4em;font-weight:600;color:var(--color-text)}.lesetext strong{color:var(--color-text);font-weight:600}.lesetext a{color:var(--color-text);text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:3px}.lesetext a:hover{color:var(--color-accent)}.lesetext ul,.lesetext ol{padding-left:1.2em}.lesetext ul{list-style:disc}.lesetext ol{list-style:decimal}.lesetext li+li{margin-top:.4em}.lesetext li::marker{color:var(--color-accent)}.lesetext blockquote,.lesetext .hinweis{padding:var(--space-md) var(--space-lg);border-left:2px solid var(--color-accent);background:var(--color-surface-raised);border-radius:0 var(--radius-small) var(--radius-small) 0;color:var(--color-text)}.lesetext table{width:100%;border-collapse:collapse;font-size:var(--text-body)}.lesetext th,.lesetext td{text-align:left;padding:var(--space-xs) var(--space-sm) var(--space-xs) 0;border-bottom:1px solid var(--color-line);vertical-align:top}.lesetext th{color:var(--color-text);font-weight:600}.lesetext img{border-radius:var(--radius-media)}.lesetext code{font-family:var(--font-mono);font-size:.9em;color:var(--color-text)}.artikel{display:grid;grid-template-columns:minmax(0, 240px) minmax(0, 1fr);gap:clamp(32px, 6vw, 96px);align-items:start}.inhaltsverzeichnis{position:sticky;top:calc(var(--header-height) + 32px);display:grid;gap:var(--space-sm)}.inhaltsverzeichnis ol{display:grid;gap:var(--space-2xs);counter-reset:iv}.inhaltsverzeichnis li{counter-increment:iv}.inhaltsverzeichnis a{display:block;padding:4px 0 4px 14px;border-left:1px solid var(--color-line);color:var(--color-text-muted);font-size:var(--text-small);line-height:1.4;transition:color var(--duration-fast) ease,border-color var(--duration-fast) ease}.inhaltsverzeichnis a:hover,.inhaltsverzeichnis a.is-aktiv{color:var(--color-text);border-color:var(--color-accent)}.artikel-meta{display:flex;flex-wrap:wrap;gap:var(--space-2xs) var(--space-md);color:var(--color-text-muted)}.karten-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%, 340px), 1fr));gap:var(--grid-gap)}.karte{position:relative;display:grid;gap:var(--space-sm);align-content:start;padding:clamp(22px, 2.4vw, 32px);border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface-raised);transition:border-color var(--duration-fast) ease,transform var(--duration-base) var(--ease-out-expo)}.karte:hover{border-color:var(--color-line-strong);transform:translateY(-2px)}.karte__ueber{color:var(--color-text-faint)}.karte__titel{font-size:var(--text-title);line-height:1.3;font-weight:600;letter-spacing:-.01em}.karte__titel a:after{content:"";position:absolute;inset:0;border-radius:inherit}.karte__fuss{display:flex;justify-content:space-between;gap:var(--space-sm);color:var(--color-text-muted)}.projekt-raster{display:grid;grid-template-columns:repeat(2,minmax(0, 1fr));gap:clamp(40px, 5vw, 72px) var(--grid-gap)}.projekt{display:grid;gap:var(--space-md);scroll-margin-top:calc(var(--header-height) + 24px)}.projekt .browser-frame{transition:transform var(--duration-base) var(--ease-out-expo)}.projekt:hover .browser-frame{transform:translateY(-4px)}.projekt__kopf{display:grid;gap:var(--space-2xs)}.projekt__titel{font-size:var(--text-h3);line-height:1.12;letter-spacing:-.03em;font-weight:600}.projekt__art{color:var(--color-text-faint)}.projekt__fakten{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.projekt__fakten li{padding:6px 12px;border:1px solid var(--color-line);border-radius:var(--radius-pill);font-size:var(--text-small);color:var(--color-text-muted)}.filter-leiste{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin-bottom:var(--space-xl)}.zweispaltig{display:grid;grid-template-columns:minmax(0, 5fr) minmax(0, 7fr);gap:var(--space-xl) var(--grid-gap);align-items:start}.zweispaltig__text{display:grid;gap:var(--space-md)}.zahlen-reihe{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px, 1fr));gap:var(--grid-gap)}.zahl{display:grid;gap:var(--space-2xs);padding-top:var(--space-md);border-top:1px solid var(--color-line)}.zahl__wert{font-size:var(--text-metric);line-height:1;font-weight:600;letter-spacing:-.03em;color:var(--color-text)}.zahl__wert em{color:var(--color-accent);font-style:normal}.anfrage-band{border-top:1px solid var(--color-line);overflow:hidden}.anfrage-band__inner{display:grid;grid-template-columns:minmax(0, 1.4fr) minmax(0, .6fr);gap:var(--space-xl);align-items:end}.anfrage-band__text{display:grid;gap:var(--space-md);max-width:760px;padding-bottom:clamp(16px, 3vw, 48px)}.anfrage-band__aktion{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md) var(--space-lg);margin-top:var(--space-xs)}.anfrage-band__figur{justify-self:end;width:min(100%, 320px);margin-bottom:calc(-1 * var(--section-gap) / 2);-webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent 100%);mask-image:linear-gradient(to bottom,#000 80%,transparent 100%)}.kontakt-seite .contact-panel{margin-top:0}@media (max-width:960px){.leistung,.zweispaltig{grid-template-columns:1fr}.artikel{grid-template-columns:1fr}.inhaltsverzeichnis{position:static;padding:var(--space-md);border:1px solid var(--color-line);border-radius:var(--radius-card)}.projekt-raster{grid-template-columns:1fr}}@media (max-width:760px){.seitenkopf--figur .seitenkopf__inner,.anfrage-band__inner{grid-template-columns:1fr}.seitenkopf__figur{display:none}.anfrage-band__figur{justify-self:center;width:220px}}.projekt-raster--drei{grid-template-columns:repeat(3,minmax(0, 1fr))}@media (max-width:960px){.projekt-raster--drei{grid-template-columns:1fr}}.projekt .browser-frame,.seiten-browser .browser-frame{flex:none;height:auto}.projekt .browser-frame__viewport,.seiten-browser .browser-frame__viewport{flex:none;aspect-ratio:16/10}.projekt .browser-frame__image,.seiten-browser .browser-frame__image{width:100%;height:auto;transition:transform 1.2s var(--ease-out-expo)}.projekt:hover .browser-frame__image{transform:translateY(-4%)}.process-steps:has(>li:nth-child(4)){grid-template-columns:repeat(4,minmax(0, 1fr))}@media (max-width:1100px){.process-steps:has(>li:nth-child(4)){grid-template-columns:repeat(2,minmax(0, 1fr))}}@media (max-width:760px){.process-steps:has(>li:nth-child(4)){grid-template-columns:1fr}}.preis-raster{grid-template-columns:repeat(auto-fit,minmax(min(100%, 270px), 1fr))}.site-nav__link[aria-current=page]{color:var(--color-text)}.preis-karte__betrag small{display:block;margin-top:8px}
.anfrage-konfigurator{padding-top:clamp(40px,5vw,72px)}.anfrage-konfigurator .komp-onboarding{--ob-bg:var(--color-surface);--ob-fg:var(--color-text);--ob-muted:var(--color-text-muted);--ob-faint:var(--color-text-faint);--ob-line:var(--color-line);--ob-accent:var(--color-accent);--ob-accent-soft:var(--color-accent-tint);--ob-error:var(--color-error);--ob-sans:var(--font-sans);--ob-mono:var(--font-sans);min-height:0;padding:0;background:0 0}
.lesetext .artikel-lead{font-size:var(--text-title);line-height:1.55;color:var(--color-text)}.lesetext .artikel-lead__hervor{color:var(--color-accent)}.lesetext .hinweis>:first-child{margin-top:0}.lesetext .hinweis>*+*{margin-top:.8em}.lesetext .promise-list{list-style:none;padding-left:0;gap:var(--space-xs)}.lesetext .promise-list__item{font-size:inherit;line-height:1.6;color:var(--color-text-muted)}.lesetext .promise-list__item+.promise-list__item{margin-top:0}.lesetext .promise-list__item svg{margin-top:4px}.lesetext .faq-list{margin-top:var(--space-lg)}.lesetext .faq-item h3{margin:0;font-size:inherit;line-height:inherit}.lesetext .faq-item__answer p{margin:0;padding-right:0;color:var(--color-text-muted)}.lesetext table{display:block;overflow-x:auto}.lesetext .ar-ladder{display:grid;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface-raised);font-size:var(--text-small)}.lesetext .ar-ladder-head,.lesetext .ar-ladder-row-top,.lesetext .ar-ladder-scale{display:flex;justify-content:space-between;gap:var(--space-sm)}.lesetext .ar-ladder-head{color:var(--color-text-faint)}.lesetext .ar-ladder-name{color:var(--color-text)}.lesetext .ar-ladder-track{position:relative;height:6px;margin-top:var(--space-2xs);border-radius:var(--radius-pill);background:var(--color-text-tint)}.lesetext .ar-ladder-fill{position:absolute;top:0;bottom:0;left:var(--l);width:var(--w);border-radius:var(--radius-pill);background:var(--color-accent)}.lesetext .ar-ladder-scale{color:var(--color-text-faint)}.lesetext .artikel-autor{display:grid;gap:var(--space-2xs);margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--color-line)}.lesetext .artikel-autor>*+*{margin-top:0}.lesetext .artikel-autor .type-title{color:var(--color-text)}.lesetext>:first-child{margin-top:0}.artikel>.lesetext,.artikel>.inhaltsverzeichnis{min-width:0}
.faq-werkzeug__felder{display:grid;gap:var(--space-lg)}.faq-werkzeug__suche{max-width:560px}.faq-werkzeug__themen{margin-bottom:0}.faq-werkzeug__ergebnis{color:var(--color-text-muted)}.faq-gruppen{display:grid;gap:var(--space-2xl);margin-top:var(--space-3xl)}.faq-gruppe{scroll-margin-top:calc(var(--header-height) + 24px)}.faq-gruppe__anzahl{color:var(--color-text-faint)}.faq-leer{display:grid;gap:var(--space-sm);max-width:62ch}.faq-gruppe[hidden],.faq-gruppe .faq-item[hidden],.faq-leer[hidden]{display:none}
.zweispaltig__text>*+*{margin-top:var(--space-sm)}.orte{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--space-md);padding:0;list-style:none}.orte li{padding:8px 14px;border:1px solid var(--color-line);border-radius:var(--radius-pill);font-size:var(--text-small);color:var(--color-text-muted)}.orte li:first-child{border-color:var(--color-accent);color:var(--color-text)}.hinweis-karte{display:grid;gap:var(--space-sm);align-content:start;padding:clamp(24px,2.6vw,36px);border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface-raised)}.foto-karte{margin:0;display:grid;gap:12px}.foto-karte img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border:1px solid var(--color-line);border-radius:var(--radius-card)}.foto-karte figcaption{color:var(--color-text-faint)}
.landingpage-absatz{margin-top:var(--space-xl)}
.projekt[hidden]{display:none}.projekt__bild{display:block;border-radius:var(--radius-media)}.projekt>.type-body{color:var(--color-text-muted);max-width:60ch}.projekt>.text-link{justify-self:start}.projekt-filter__zahl{color:var(--color-text-faint);font-variant-numeric:tabular-nums}.choice-pill input:checked+.choice-pill__label .projekt-filter__zahl{color:inherit}.projekt-filter__ergebnis{align-self:center;margin-left:auto}.projekt-filter__leer{color:var(--color-text-muted)}@media (max-width:760px){.projekt-filter__ergebnis{flex-basis:100%;margin-left:0;margin-top:var(--space-2xs)}}.projekt__handy{border-radius:var(--radius-media);overflow:hidden;background:var(--color-surface-raised);aspect-ratio:16/10}.projekt__handy img{width:100%;height:100%;object-fit:cover;display:block}.projekt__handy--foto{background:#fff}.projekt--aufbau .projekt__bild{position:relative}.projekt--aufbau .projekt__bild>.browser-frame{filter:grayscale(1);opacity:.5}.projekt--aufbau .projekt__titel,.projekt--aufbau .type-body,.projekt--aufbau .projekt__fakten{opacity:.6}.projekt__aufbau-marke{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);z-index:2;padding:6px 12px;border-radius:999px;background:var(--color-text);color:var(--color-surface);font-size:13px;font-weight:600}.projekt__aufbau-text{color:var(--color-text-faint)}
.ratgeber-filter .choice-pill,.ratgeber-seiten .choice-pill{display:inline-flex;border-radius:var(--radius-pill)}.ratgeber-filter .choice-pill[aria-current] .choice-pill__label,.ratgeber-seiten .choice-pill[aria-current] .choice-pill__label{border-color:var(--color-accent);background:var(--color-accent-tint);color:var(--color-accent)}.ratgeber-filter .choice-pill:focus-visible,.ratgeber-seiten .choice-pill:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.ratgeber-filter__zahl{color:var(--color-text-faint);font-variant-numeric:tabular-nums}.ratgeber-filter [aria-current] .ratgeber-filter__zahl{color:inherit}.ratgeber-seiten{margin:var(--space-xl) 0 0}.karte__text{color:var(--color-text-muted)}.karte__fuss{margin-top:var(--space-2xs)}.karte__titel a{color:var(--color-text);transition:color var(--duration-fast) ease}.karte:hover .karte__titel a{color:var(--color-accent)}.karte__titel a:focus-visible{outline:none}.karte:has(.karte__titel a:focus-visible){outline:var(--focus-ring);outline-offset:var(--focus-offset)}.karte--gross{gap:var(--space-md);padding:clamp(28px,4vw,56px)}.karte--gross .karte__titel{font-size:var(--text-h3);line-height:1.12;letter-spacing:-.03em;max-width:24ch}.karte--gross .karte__text{font-size:var(--text-body-lg);max-width:62ch}.karte--gross .karte__fuss{justify-content:flex-start;gap:var(--space-md)}
.ueber-geschichte{align-items:center}.ueber-foto{display:grid;gap:var(--space-xs);margin:0;max-width:460px}.ueber-foto img{width:100%;height:auto;border:1px solid var(--color-line);border-radius:var(--radius-media)}.ueber-foto figcaption{color:var(--color-text-faint)}.ueber-geschichte__text{gap:var(--space-lg)}.ueber-anker{display:block;scroll-margin-top:var(--header-height)}
.check-werkzeug{padding-top:var(--space-2xl)}.check-eingabe{margin-top:0}.check-status{margin-top:var(--space-md);max-width:62ch;color:var(--color-text-muted)}.check-status.is-gut{color:var(--color-accent)}.check-status.is-fehler{color:var(--color-error)}.check-status.is-laeuft:after{content:"";display:inline-block;width:8px;height:8px;margin-left:var(--space-2xs);border-radius:50%;background:var(--color-accent);vertical-align:middle;animation:check-puls 1.2s var(--ease-in-out) infinite}.check-ergebnis{margin-top:var(--space-xl)}.check-ergebnis__titel{overflow-wrap:anywhere}.check-ergebnis__titel span{color:var(--color-text-muted)}.check-werte{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));margin-top:var(--space-md)}.check-wert__spur{fill:none;stroke:var(--color-line);stroke-width:2.5}.check-wert .metric__arc{transition:stroke-dasharray 1.1s var(--ease-out-expo),stroke var(--duration-fast) ease}.check-wert.is-mittel .metric__arc{stroke:var(--color-text-muted)}.check-wert.is-schlecht .metric__arc{stroke:var(--color-error)}.check-wert[data-wert=gesamt] .metric__label{color:var(--color-text);font-weight:600}.check-ergebnis.is-scanning .check-wert__spur{animation:check-puls 1.2s var(--ease-in-out) infinite}.check-wert .metric__value:empty:before{content:"\00a0"}.check-bericht{margin-top:var(--space-2xl)}.check-bericht__form{display:grid;gap:var(--space-md);align-content:start}.check-bericht__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.check-bericht__status:empty{display:none}.check-bericht__status.is-fehler{color:var(--color-error)}.check-bericht__status.is-erfolg{color:var(--color-accent)}@keyframes check-puls{0%,100%{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.check-status.is-laeuft:after,.check-ergebnis.is-scanning .check-wert__spur{animation:none}.check-wert .metric__arc{transition:none}}#check [hidden]{display:none !important}.check-wert:not(.is-gut):not(.is-mittel):not(.is-schlecht) .metric__arc{opacity:0}
@font-face{font-family:'Lora';font-style:normal;font-weight:400 700;font-display:swap;src:url(//komp64.de/wp-content/themes/komp/startseite/neu/../../fonts/lora-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Lora';font-style:normal;font-weight:400 700;font-display:swap;src:url(//komp64.de/wp-content/themes/komp/startseite/neu/../../fonts/lora-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url(//komp64.de/wp-content/themes/komp/startseite/neu/../../fonts/plus-jakarta-sans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url(//komp64.de/wp-content/themes/komp/startseite/neu/../../fonts/plus-jakarta-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--kurve-landen:cubic-bezier(.22,.78,.51,.94);--kurve-gleiten:cubic-bezier(.49,.84,.84,.99);--kurve-blende:cubic-bezier(.34,.07,.66,.93);--kurve-weg:cubic-bezier(.35,-.01,.66,.12)}:root{--grund:#ecedef;--karte:#e2e3e6;--feld:#f5f6f7;--text:#111311;--text2:#4a4d48;--leise:#6e716c;--rand-feld:#6e716c;--linie:rgba(17,19,17,.12);--linie-stark:rgba(17,19,17,.22);--akzent:#0f9c52;--knopf:#111311;--knopf-text:#fff;--logo-filter:brightness(0);--muster:rgba(17,19,17,.035);--serif:Lora,Georgia,"Times New Roman",serif;--sans:Jakarta,"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--r-gross:32px;--r-mittel:24px;--r-klein:16px;--r-knopf:12px;--r-rund:999px;--abschnitt:clamp(80px,10vw,136px);--innen:clamp(24px,3.2vw,44px);--rahmen:1240px}*,*:before,*:after{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html,body{overflow-x:hidden}body{background-color:var(--grund);color:var(--text);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;background-image:repeating-linear-gradient(135deg,var(--muster) 0 1px,transparent 1px 7px)}img{max-width:100%;display:block}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--akzent);outline-offset:3px;border-radius:6px}.rahmen{max-width:var(--rahmen);margin:0 auto;padding:0 clamp(20px,4vw,48px)}.nur-vorleser{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.sprung{position:absolute;left:16px;top:-60px;z-index:50;background:var(--knopf);color:var(--knopf-text);padding:12px 18px;border-radius:var(--r-knopf);text-decoration:none;font-weight:600}.sprung:focus{top:12px}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 22px;border-radius:var(--r-knopf);font-weight:600;font-size:15px;line-height:1.2;text-decoration:none;white-space:nowrap;border:0;cursor:pointer;transition:background-color .2s,border-color .2s,transform .2s var(--kurve-gleiten)}.knopf--voll{background:var(--knopf);color:var(--knopf-text);box-shadow:0 6px 18px -8px rgba(0,0,0,.4)}.knopf--voll:hover{background:#2a2d2a}.knopf--rand{border:1px solid var(--linie-stark);color:var(--text);background:0 0}.knopf--rand:hover{border-color:var(--text)}.knopf svg{width:16px;height:16px;flex:none}.marke{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text2);display:flex;align-items:center;gap:10px;margin-bottom:20px}.marke i{width:7px;height:7px;border-radius:50%;background:var(--akzent);display:inline-block;flex:none}.titel{font-family:var(--serif);font-weight:500;font-size:clamp(32px,4vw,50px);line-height:1.08;letter-spacing:-.02em;text-wrap:balance}.titel span{display:block}.titel .zwei{color:var(--leise)}.einleitung{font-size:18px;line-height:1.6;color:var(--text2);max-width:34em}.h3{font-family:var(--serif);font-weight:500;font-size:clamp(21px,1.9vw,24px);line-height:1.25;letter-spacing:-.01em}.text2{color:var(--text2)}.abschnitt{padding:var(--abschnitt) 0 0}.kopfzeile{display:grid;gap:20px;margin-bottom:clamp(36px,5vw,64px)}@media (min-width:900px){.kopfzeile--zwei{grid-template-columns:1.1fr .9fr;align-items:end;gap:48px}}.pfeil-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;font-size:15px;text-decoration:none;border-bottom:1px solid transparent}.pfeil-link:hover{border-bottom-color:currentColor}.pfeil-link svg{width:16px;height:16px}.foto-platz{position:relative;background:var(--karte);border-radius:var(--r-gross);overflow:hidden;aspect-ratio:4/5;background-image:repeating-linear-gradient(135deg,rgba(17,19,17,.05) 0 1px,transparent 1px 9px)}.foto-platz img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.foto-platz figcaption{position:absolute;left:20px;bottom:18px;font-size:13px;font-weight:600;color:var(--text2);letter-spacing:.02em}.js .einblenden{opacity:0;transform:translateY(14px);transition:opacity .25s var(--kurve-blende),transform .45s var(--kurve-landen)}.js .einblenden.sichtbar{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.js .einblenden{opacity:1;transform:none;transition:none}}.kopf__innen{max-width:var(--rahmen);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:22px clamp(20px,4vw,48px)}.logo{display:inline-flex;align-items:center;min-height:44px}.logo img{height:22px;width:auto;display:block}.kopf nav ul{display:flex;gap:34px;list-style:none;padding:0;font-size:15px;font-weight:500}.kopf nav a{color:var(--text);text-decoration:none;display:inline-block;padding:10px 0;border-bottom:1px solid transparent}.kopf nav a:hover{border-bottom-color:var(--text)}.kopf-r{display:flex;gap:10px;align-items:center}.tel{width:44px;height:44px;border-radius:999px;border:1px solid var(--linie);display:grid;place-items:center;color:var(--text)}.tel:hover{border-color:var(--text)}.tel svg{width:17px}.startneu-hero{position:relative;overflow:visible;margin-top:clamp(16px,2.5vw,32px);background:var(--karte);border-radius:var(--r-gross);min-height:min(680px,calc(100vh - 130px));display:grid;grid-template-columns:1.1fr .9fr}.startneu-hero__text{padding:clamp(40px,6vw,88px) 0 clamp(36px,5vw,64px) clamp(28px,6vw,84px);position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center}.absender{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text2);margin-bottom:22px;display:flex;align-items:center;gap:10px}.absender i{width:7px;height:7px;border-radius:50%;background:var(--akzent);display:inline-block}.startneu-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(36px,3.7vw,54px);line-height:1.04;letter-spacing:-.02em}.startneu-hero h1 span{display:block}.startneu-hero h1 .zwei{color:var(--leise)}.unter{margin-top:22px;font-size:18px;line-height:1.55;color:var(--text2);max-width:25em}.unter b{color:var(--text);font-weight:600}.aktion{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap}.hero__hinweis{margin-top:18px;font-size:14.5px;line-height:1.45;color:var(--text2)}.unterschrift{display:block;width:clamp(150px,13vw,190px);height:auto;margin-top:22px;margin-left:-6px;opacity:.9}.zahlen{display:flex;gap:clamp(24px,4vw,48px);margin-top:22px}.zahlen b{display:block;font-family:var(--serif);font-weight:500;font-size:34px;line-height:1.3;letter-spacing:-.02em}.zahlen span{font-size:14px;color:var(--text2)}.hero__bild{position:relative;clip-path:inset(-400px 0 0 -400px round 0 0 32px 0)}.hero__bild img{position:absolute;right:0;bottom:0;height:calc(100% + 80px);width:auto;max-width:none;object-fit:contain}.glas{display:none;position:relative;z-index:3;margin:16px;padding:20px 22px;border-radius:18px;background:rgba(17,19,17,.9);border:1px solid rgba(255,255,255,.18);color:#fff;gap:16px;align-items:flex-end}.glas small{font-size:12.5px;color:rgba(255,255,255,.7)}.glas strong{display:block;font-size:17px;margin:4px 0 6px}.glas p{font-size:13.5px;line-height:1.45;color:rgba(255,255,255,.85)}.glas a{flex:none;width:46px;height:46px;border-radius:12px;background:#fff;display:grid;place-items:center;color:#111}.glas a svg{width:18px}@media (min-width:861px) and (max-width:1200px){.startneu-hero{grid-template-columns:1.25fr .75fr}.hero__bild img{height:calc(100% + 40px)}.startneu-hero h1{font-size:clamp(34px,3.4vw,46px)}}@media (max-width:860px){.kopf nav{display:none}.kopf-r .knopf{display:none}.startneu-hero{grid-template-columns:1fr;min-height:0;margin-top:40px}.startneu-hero__text{padding:28px 24px 32px}.hero__hinweis{display:none}.hero__bild{clip-path:none;display:flex;flex-direction:column;align-items:center;overflow:hidden;border-radius:0 0 32px 32px}.hero__bild img{position:relative;right:auto;bottom:auto;height:440px;width:auto}.glas{display:flex;align-self:stretch}.zahlen{gap:22px}.zahlen b{font-size:26px}.unterschrift{width:150px;margin-top:20px}}.logoband{padding-top:clamp(44px,5vw,64px)}.logoband__titel{font-family:var(--sans);font-size:14px;font-weight:500;color:var(--text2);text-align:center;margin-bottom:24px;padding:0 20px}.band{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.band__spur{display:flex;width:max-content;animation:band 48s linear infinite}.band:hover .band__spur{animation-play-state:paused}.band ul{display:flex;align-items:center;gap:64px;padding:0 32px;list-style:none}.band img{height:40px;width:auto;filter:var(--logo-filter);opacity:.72}.band img.breit{height:28px}@keyframes band{to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.band{-webkit-mask-image:none;mask-image:none}.band__spur{animation:none;width:auto;justify-content:center}.band ul{flex-wrap:wrap;justify-content:center;gap:28px 44px}.band ul[aria-hidden]{display:none}}.gruende{display:grid;gap:12px;list-style:none;padding:0;counter-reset:g}@media (min-width:900px){.gruende{grid-template-columns:repeat(3,1fr);gap:16px}}.grund{background:var(--karte);border-radius:var(--r-mittel);padding:var(--innen);display:flex;flex-direction:column;gap:14px}.grund__nr{width:44px;height:44px;border-radius:50%;border:1px solid var(--linie-stark);display:grid;place-items:center;font-family:var(--serif);font-size:18px;font-weight:500;margin-bottom:10px}.grund p{color:var(--text2);font-size:16px}.fazit{font-family:var(--serif);font-weight:500;font-size:clamp(24px,2.6vw,34px);line-height:1.2;letter-spacing:-.015em;margin:clamp(40px,5vw,64px) 0 clamp(28px,3vw,40px);max-width:24em;text-wrap:balance}.fazit span{color:var(--leise)}.startneu-check{border:1px solid var(--linie-stark);border-radius:var(--r-gross);padding:var(--innen);display:grid;gap:24px}@media (min-width:900px){.startneu-check{grid-template-columns:1fr 1.05fr;align-items:center;gap:48px}}.startneu-check p{color:var(--text2)}.startneu-check p b{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(21px,1.9vw,24px);line-height:1.25;color:var(--text);margin-bottom:6px}.check__form{display:grid;gap:10px}.check__form label{font-size:14px;font-weight:600}.check__zeile{display:flex;flex-direction:column;gap:10px}@media (min-width:560px){.check__zeile{flex-direction:row}.check__zeile input{flex:1}}.feld{width:100%;min-height:50px;padding:12px 16px;border-radius:var(--r-knopf);border:1px solid var(--rand-feld);background:var(--feld);font-size:16px;color:var(--text)}.feld::placeholder{color:#6e716c}.feld:focus-visible{outline:2px solid var(--akzent);outline-offset:2px;border-color:var(--text)}textarea.feld{min-height:132px;resize:vertical;line-height:1.5}select.feld{appearance:none;-webkit-appearance:none;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111311' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px}.person{display:grid;gap:clamp(28px,4vw,56px);margin-bottom:clamp(48px,6vw,80px)}@media (min-width:900px){.person{grid-template-columns:.8fr 1.2fr;align-items:center}}.person .foto-platz{max-width:460px;width:100%}.person__text{display:grid;gap:22px;justify-items:start}.leistungen{display:grid;list-style:none;padding:0;border-top:1px solid var(--linie)}@media (min-width:700px){.leistungen{grid-template-columns:repeat(2,1fr)}}@media (min-width:1000px){.leistungen{grid-template-columns:repeat(3,1fr)}}.startneu-leistung{padding:28px 0 32px;border-bottom:1px solid var(--linie);display:flex;flex-direction:column;gap:10px}@media (min-width:700px){.startneu-leistung{padding:32px 32px 36px 0}.startneu-leistung:nth-child(n){border-right:0}}@media (min-width:700px) and (max-width:999px){.startneu-leistung:nth-child(2n+1){border-right:1px solid var(--linie)}.startneu-leistung:nth-child(2n){padding-left:32px}}@media (min-width:1000px){.startneu-leistung:not(:nth-child(3n)){border-right:1px solid var(--linie)}.startneu-leistung:not(:nth-child(3n+1)){padding-left:32px}}.startneu-leistung__kopf{display:flex;gap:12px;align-items:baseline;font-size:14px;font-weight:600}.startneu-leistung__kopf span{color:var(--text2);font-variant-numeric:tabular-nums}.startneu-leistung p{color:var(--text2);font-size:16px}.status-online{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-size:14px;font-weight:600;color:var(--text)}.status-online i{width:7px;height:7px;border-radius:50%;background:var(--akzent)}.status-online span{color:var(--text2);font-weight:500}.kopfzeile--arbeiten{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px}.arbeiten__liste{display:grid;gap:16px;list-style:none;padding:0}@media (min-width:800px){.arbeiten__liste{grid-template-columns:repeat(2,1fr)}}.arbeit{background:var(--karte);border-radius:var(--r-gross);padding:clamp(12px,1.4vw,16px);display:flex;flex-direction:column}.arbeit__bild{position:relative;border-radius:calc(var(--r-gross) - 12px);overflow:hidden;aspect-ratio:16/11;background:var(--grund);border:1px solid var(--linie)}.arbeit__bild img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .35s var(--kurve-gleiten)}.arbeit:hover .arbeit__bild img{transform:scale(1.02)}@media (prefers-reduced-motion:reduce){.arbeit__bild img{transition:none}.arbeit:hover .arbeit__bild img{transform:none}}.arbeit__domain{position:absolute;left:12px;top:12px;background:rgba(245,246,247,.94);color:var(--text);font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:var(--r-rund)}.arbeit__text{padding:22px clamp(8px,1.4vw,16px) 8px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.arbeit__text p{color:var(--text2);font-size:15px;margin-top:6px}.beleg{margin-top:16px;border:1px solid var(--linie-stark);border-radius:var(--r-gross);padding:var(--innen);display:grid;gap:28px}@media (min-width:800px){.beleg{grid-template-columns:auto auto 1fr;align-items:center;gap:56px}}.messung{display:flex;align-items:center;gap:18px}.messung svg{width:64px;height:64px;flex:none;transform:rotate(-90deg)}.messung .bahn{stroke:var(--linie)}.messung .wert{stroke:var(--akzent);transition:stroke-dashoffset 1.4s ease}.messung b{display:block;font-family:var(--serif);font-weight:500;font-size:44px;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.messung span{font-size:14px;color:var(--text2)}.beleg__quelle{font-size:14px;color:var(--text2)}@media (min-width:800px){.beleg__quelle{text-align:right}}.aufbau{background:var(--karte);border-radius:var(--r-gross);padding:var(--innen)}.aufbau .kopfzeile{margin-bottom:clamp(28px,4vw,48px)}.apps{list-style:none;padding:0;border-top:1px solid var(--linie-stark)}.app{display:grid;gap:8px 32px;padding:24px 0;border-bottom:1px solid var(--linie)}.app:last-child{border-bottom:0;padding-bottom:4px}@media (min-width:900px){.app{grid-template-columns:150px 1fr 1.6fr 60px;align-items:baseline;padding:28px 0}}.app p{color:var(--text2);font-size:16px}.status{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;white-space:nowrap}.status i{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--text);flex:none}.status--test i{background:var(--akzent);border-color:var(--akzent)}.status--arbeit i{background:var(--text)}.status--konzept i{background:0 0}.art{font-size:13px;font-weight:600;color:var(--text2);letter-spacing:.04em}@media (min-width:900px){.art{text-align:right}}.app__kopf{display:flex;justify-content:space-between;align-items:center}@media (min-width:900px){.app__kopf{display:contents}.app__kopf .art{order:4}}.schritte{display:grid;gap:0;list-style:none;padding:0}@media (min-width:900px){.schritte{grid-template-columns:repeat(3,1fr);gap:32px}}.schritt{border-top:1px solid var(--linie-stark);padding:24px 0 32px;display:grid;gap:12px}.schritt__nr{font-family:var(--serif);font-weight:500;font-size:clamp(44px,5vw,64px);line-height:1;color:var(--leise);letter-spacing:-.02em}.schritt p{color:var(--text2);font-size:16px;max-width:30em}.fragen{display:grid;gap:clamp(28px,4vw,48px)}@media (min-width:900px){.fragen{grid-template-columns:.8fr 1.2fr;align-items:start;gap:64px}.fragen .kopfzeile{position:sticky;top:32px;margin:0}}.liste-fragen{border-top:1px solid var(--linie-stark)}.frage{border-bottom:1px solid var(--linie-stark)}.frage summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:44px;padding:22px 0;font-family:var(--serif);font-weight:500;font-size:clamp(19px,1.7vw,22px);line-height:1.3}.frage summary::-webkit-details-marker{display:none}.frage summary:focus-visible{outline-offset:4px}.plus{flex:none;width:36px;height:36px;border-radius:50%;border:1px solid var(--linie-stark);position:relative;transition:background-color .2s}.plus:before,.plus:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:var(--text);transform:translate(-50%,-50%);transition:transform .25s var(--kurve-landen)}.plus:after{transform:translate(-50%,-50%) rotate(90deg)}.frage[open] .plus:after{transform:translate(-50%,-50%) rotate(0)}.frage[open] .plus{background:var(--karte)}.frage__antwort{padding:0 56px 26px 0;color:var(--text2);font-size:16px;max-width:42em}.kontakt{background:var(--karte);border-radius:var(--r-gross);padding:var(--innen);display:grid;gap:clamp(32px,4vw,56px)}@media (min-width:980px){.kontakt{grid-template-columns:.95fr 1.05fr}}.kontakt__links{display:flex;flex-direction:column;gap:24px}.haken{list-style:none;padding:0;display:grid;gap:10px}.haken li{display:flex;gap:12px;align-items:flex-start;font-size:16px}.haken svg{width:20px;height:20px;flex:none;margin-top:3px}.wege{display:grid;gap:8px}.weg{display:flex;align-items:center;gap:14px;min-height:56px;padding:6px 18px 6px 6px;border:1px solid var(--linie-stark);border-radius:var(--r-klein);text-decoration:none;font-weight:600;font-size:16px;width:fit-content;max-width:100%}.weg:hover{border-color:var(--text)}.weg span{width:44px;height:44px;border-radius:12px;background:var(--grund);display:grid;place-items:center;flex:none}.weg svg{width:18px;height:18px}.kontakt .foto-platz{aspect-ratio:5/4;margin-top:auto}.formular{background:var(--feld);border-radius:var(--r-mittel);padding:clamp(22px,3vw,36px);display:grid;gap:18px;align-content:start}.formular__zeile{display:grid;gap:18px}@media (min-width:600px){.formular__zeile{grid-template-columns:1fr 1fr}}.feldgruppe{display:grid;gap:8px}.feldgruppe>label,.feldgruppe legend{font-size:14px;font-weight:600}.feldgruppe small{font-weight:500;color:var(--text2)}fieldset{border:0;padding:0;min-width:0}fieldset legend{margin-bottom:8px;padding:0}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{position:relative}.chip input{position:absolute;opacity:0;width:1px;height:1px}.chip label{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--rand-feld);border-radius:var(--r-rund);font-size:15px;font-weight:500;cursor:pointer;background:0 0;transition:background-color .15s,color .15s}.chip input:checked+label{background:var(--knopf);color:var(--knopf-text);border-color:var(--knopf)}.chip input:focus-visible+label{outline:2px solid var(--akzent);outline-offset:2px}.zustimmung{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;color:var(--text2);line-height:1.5}.zustimmung input{width:22px;height:22px;margin:1px 0 0;flex:none;accent-color:var(--knopf)}.zustimmung a{color:var(--text);font-weight:600}.formular .knopf{justify-self:start;min-height:50px;padding:0 26px}.formular__hinweis{font-size:14px;color:var(--text2)}.formular__hinweis a{color:var(--text);font-weight:600}.fuss{margin-top:var(--abschnitt);border-top:1px solid var(--linie);padding:clamp(48px,6vw,72px) 0 32px}.fuss__raster{display:grid;gap:36px}@media (min-width:700px){.fuss__raster{grid-template-columns:1fr 1fr}}@media (min-width:1000px){.fuss__raster{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px}}.fuss__marke img{height:22px;width:auto;margin-bottom:18px}.fuss__marke p{color:var(--text2);font-size:15px;max-width:22em}.fuss h2{font-family:var(--sans);font-size:14px;font-weight:600;margin-bottom:12px}.fuss ul{list-style:none;padding:0;display:grid}.fuss li a{display:inline-flex;align-items:center;min-height:36px;font-size:15px;color:var(--text2);text-decoration:none}.fuss li a:hover{color:var(--text);text-decoration:underline;text-underline-offset:3px}.fuss__unten{margin-top:clamp(40px,5vw,64px);padding-top:20px;border-top:1px solid var(--linie);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;font-size:14px;color:var(--text2)}.fuss .fuss__recht{display:flex;flex-wrap:wrap;gap:4px 20px;list-style:none;padding:0}.fuss__recht a,.fuss__recht button{display:inline-flex;align-items:center;min-height:44px;color:var(--text2);text-decoration:none;background:0 0;border:0;padding:0;cursor:pointer;font-size:14px}.fuss__recht a:hover,.fuss__recht button:hover{color:var(--text);text-decoration:underline;text-underline-offset:3px}.fuss__unten p{display:flex;align-items:center;min-height:44px}.komp-consent{--page-gutter:24px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:28px;--color-surface-raised:var(--feld);--color-line:var(--linie);--color-line-strong:var(--linie-stark);--radius-media:var(--r-mittel);--radius-pill:var(--r-knopf);--color-text:var(--text);--color-text-muted:var(--text2);--color-text-tint:rgba(17,19,17,.06);--font-sans:var(--sans);--text-title:20px;--tracking-snug:-.01em;--text-small:14px;--color-accent:var(--knopf);--color-accent-deep:#000;--color-accent-tint:rgba(15,156,82,.1);--color-on-accent:#fff;--ease-out-expo:cubic-bezier(.16,1,.3,1)}.komp-consent-badge{color:var(--akzent)}.komp-consent[hidden]{display:none}.komp-consent{position:fixed;inset:0;z-index:200;display:flex;align-items:flex-end;justify-content:flex-start;padding:var(--page-gutter);pointer-events:none}.komp-consent-backdrop{position:absolute;inset:0;background:rgba(10,12,10,.45);pointer-events:auto}.komp-consent-dialog{position:relative;pointer-events:auto;width:min(460px, 100%);max-height:calc(100dvh - 2 * var(--page-gutter));overflow:auto;padding:var(--space-lg);background:var(--color-surface-raised);border:1px solid var(--color-line);border-radius:var(--radius-media);color:var(--color-text);font-family:var(--font-sans);display:grid;gap:var(--space-md)}.komp-consent-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.komp-consent-title{font-size:var(--text-title);font-weight:600;letter-spacing:var(--tracking-snug)}.komp-consent-close{width:44px;height:44px;margin:-10px -10px -10px 0;border-radius:50%;display:grid;place-items:center;font-size:22px;color:var(--color-text-muted);background:0 0;border:0;cursor:pointer}.komp-consent-close:hover{color:var(--color-text);background:var(--color-text-tint)}.komp-consent-text{font-size:var(--text-small);line-height:1.55;color:var(--color-text-muted)}.komp-consent-categories{display:grid;border-top:1px solid var(--color-line)}.komp-consent-category{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding-block:var(--space-sm);border-bottom:1px solid var(--color-line)}.komp-consent-category h3{font-size:15px;font-weight:600;margin-bottom:4px}.komp-consent-category p{font-size:13px;line-height:1.5;color:var(--color-text-muted)}.komp-consent-category--disabled{opacity:.6}.komp-consent-badge{flex:none;font-size:12px;font-weight:600;color:var(--color-accent);padding:4px 10px;border-radius:var(--radius-pill);background:var(--color-accent-tint)}.komp-consent-switch{position:relative;flex:none;width:44px;height:26px;cursor:pointer}.komp-consent-switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.komp-consent-slider{position:absolute;inset:0;border-radius:var(--radius-pill);background:var(--color-text-tint);border:1px solid var(--color-line-strong);transition:background .25s ease,border-color .25s ease}.komp-consent-slider:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--color-text-muted);transition:transform .25s var(--ease-out-expo),background .25s ease}.komp-consent-switch input:checked+.komp-consent-slider{background:var(--color-accent);border-color:var(--color-accent)}.komp-consent-switch input:checked+.komp-consent-slider:after{transform:translateX(18px);background:var(--color-on-accent)}.komp-consent-switch input:focus-visible+.komp-consent-slider{outline:2px solid var(--color-accent);outline-offset:3px}.komp-consent-actions{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.komp-consent-btn{min-height:44px;padding:0 20px;border-radius:var(--radius-pill);font:600 14px/1 var(--font-sans);cursor:pointer;color:var(--color-text);background:0 0;border:1px solid var(--color-line-strong);transition:background .2s ease,border-color .2s ease}.komp-consent-btn:hover{border-color:var(--color-text)}.komp-consent-btn--primary{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent)}.komp-consent-btn--primary:hover{background:var(--color-accent-deep);border-color:var(--color-accent-deep)}.komp-consent-btn:active{transform:scale(.97)}.komp-consent-btn[hidden]{display:none}.komp-consent-links{display:flex;gap:var(--space-md);font-size:13px}.komp-consent-links a{color:var(--color-text-muted);text-decoration:underline;text-underline-offset:3px}.komp-consent-links a:hover{color:var(--color-text)}@media (max-width:600px){.komp-consent{padding:12px}.komp-consent-dialog{padding:var(--space-md)}.komp-consent-btn{flex:1 1 auto}}@media (min-width:861px){.komp-consent{justify-content:flex-end;padding:24px}}.formular__meldung{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--r-klein);background:rgba(180,40,30,.08);color:#7a1d14;font-size:15px;line-height:1.5}.formular--danke{display:grid;gap:12px;align-content:start;padding:var(--innen);background:var(--feld);border-radius:var(--r-mittel)}.formular--danke h3{font-family:var(--serif);font-weight:500;font-size:26px;letter-spacing:-.02em}.formular--danke:focus{outline:none}.formular--danke{align-self:start}.kopf-menue{position:relative}.kopf-menue summary{list-style:none;width:44px;height:44px;border:1px solid var(--linie-stark);border-radius:var(--r-knopf);display:grid;place-content:center;gap:6px;cursor:pointer}.kopf-menue summary::-webkit-details-marker{display:none}.kopf-menue summary span{display:block;width:18px;height:1.5px;background:var(--text);transition:transform .25s var(--kurve-landen)}.kopf-menue[open] summary span:first-child{transform:translateY(3.75px) rotate(45deg)}.kopf-menue[open] summary span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.kopf-menue__flaeche{position:absolute;right:0;top:calc(100% + 10px);z-index:60;min-width:240px;background:var(--feld);border:1px solid var(--linie);border-radius:var(--r-mittel);padding:10px;box-shadow:0 18px 40px -20px rgba(0,0,0,.35)}.kopf-menue ul{list-style:none;padding:0;display:grid}.kopf-menue a{display:flex;align-items:center;min-height:46px;padding:0 14px;border-radius:var(--r-klein);text-decoration:none;font-weight:500}.kopf-menue a:hover{background:var(--karte)}.kopf-menue li:last-child a{margin-top:6px;background:var(--knopf);color:var(--knopf-text);font-weight:600;justify-content:center}@media (min-width:861px){.kopf-menue{display:none}}@media (max-width:860px){.hero__bild .glas{margin:0 16px 16px!important;margin-top:0!important;border-radius:0 0 22px 22px}}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.kopf-r .knopf{max-width:220px;overflow:hidden;white-space:nowrap;transition:opacity .25s var(--kurve-landen),max-width .3s var(--kurve-landen),padding .3s var(--kurve-landen),margin .3s var(--kurve-landen),visibility 0s linear 0s}html.js .kopf.knopf-weg .kopf-r .knopf{opacity:0;visibility:hidden;pointer-events:none;max-width:0;padding-left:0;padding-right:0;margin-left:-10px;border-width:0;transition:opacity .2s var(--kurve-weg),max-width .3s var(--kurve-weg),padding .3s var(--kurve-weg),margin .3s var(--kurve-weg),visibility 0s linear .3s}.foto-platz img{position:absolute;inset:0;object-position:50% 30%}.foto-platz--echt figcaption{display:none}.kontakt .foto-platz img{object-position:50% 0}.app{align-items:center}.app__titel{display:flex;align-items:center;gap:14px}.app__icon{width:48px;height:48px;border-radius:12px;flex:none;box-shadow:0 0 0 1px var(--linie)}.fuss__recht{align-items:baseline}.fuss__recht button{font:inherit;line-height:inherit;padding:0;background:0 0;border:0;cursor:pointer}.arbeiten__hinweis{margin-top:14px;color:var(--text2);font-size:16px}.cf{--cf-karte:clamp(240px,40vw,560px);margin-top:clamp(8px,2vw,24px)}.arbeiten{overflow-x:clip}.cf__buehne{position:relative;overflow:hidden;padding:36px 0 44px;margin-inline:calc(50% - 50vw);outline:none;cursor:grab;touch-action:pan-y;perspective:calc(var(--cf-karte) * 3);-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.cf__buehne:active{cursor:grabbing}.cf__buehne:focus-visible{box-shadow:inset 0 0 0 2px var(--text);border-radius:var(--r-mittel)}.cf__spur{position:relative;list-style:none;padding:0;margin:0;height:calc(var(--cf-karte) * .625);transform-style:preserve-3d;user-select:none;-webkit-user-select:none;pointer-events:none}.cf__karte{position:absolute;left:50%;top:0;width:var(--cf-karte);aspect-ratio:16/10;border-radius:18px;overflow:hidden;background:var(--karte);border:1px solid var(--linie);box-shadow:0 24px 48px -24px rgba(17,19,17,.35);will-change:transform,opacity;transform:translateX(-50%);pointer-events:auto}.cf__karte img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;pointer-events:none}.cf__karte:not(.ist-mitte){cursor:pointer}.cf__unten{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px 28px;border-top:1px solid var(--linie);padding-top:22px}.cf__text p{color:var(--text2);margin-top:4px;font-size:15px}.cf__steuer{display:flex;align-items:center;gap:14px}.cf__pfeil{width:44px;height:44px;border-radius:var(--r-rund);border:1px solid var(--linie-stark);background:0 0;color:var(--text);display:grid;place-items:center;cursor:pointer;transition:border-color .2s,background .2s}.cf__pfeil:hover{border-color:var(--text);background:var(--feld)}.cf__pfeil svg{width:18px;height:18px}.cf__punkte{display:flex;gap:2px}.cf__punkt{width:24px;height:44px;border:0;background:0 0;cursor:pointer;display:grid;place-items:center;padding:0}.cf__punkt:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--text);opacity:.25;transition:opacity .25s}.cf__punkt[aria-current=true]:after{opacity:1}@media (max-width:860px){.cf{--cf-karte:78vw}.cf__buehne{padding:24px 0 32px}.cf__unten{grid-template-columns:1fr auto}.cf__text{grid-column:1/-1}.cf__punkte{display:none}}html:not(.js) .cf__spur{display:flex;gap:16px;height:auto;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 16px}html:not(.js) .cf__karte{position:relative;left:auto;transform:none;flex:0 0 var(--cf-karte);scroll-snap-align:center}html:not(.js) .cf__steuer{display:none}.wisch-zeile{position:relative;width:fit-content;max-width:100%}.wisch-zeile>.wisch-block{position:absolute;inset:-.04em -.12em;background:#1aff85;transform:scaleX(0);transform-origin:left center;pointer-events:none;z-index:1}.wisch-verdeckt{-webkit-text-fill-color:transparent}@media (prefers-reduced-motion:no-preference){html.js .startneu-hero h1>span{-webkit-text-fill-color:transparent;animation:wisch-notfall 0s 2.5s forwards}html.js .startneu-hero h1.wisch-bereit>span{animation:none}html.js .startneu-hero h1.wisch-bereit>span:not(.wisch-verdeckt){-webkit-text-fill-color:currentColor}}@keyframes wisch-notfall{to{-webkit-text-fill-color:currentColor}}.logo>.wisch-block{inset:calc(50% - 14px) -6px}.ablauf__clip{margin:28px 0 0;border-radius:var(--r-gross);overflow:hidden;background:var(--karte);aspect-ratio:3/2}.ablauf__clip video{width:100%;height:100%;display:block;object-fit:cover}@media (min-width:900px){.ablauf__raster{display:grid;grid-template-columns:.8fr 1.2fr;column-gap:56px;align-items:start}.ablauf__links{display:contents}.ablauf__raster>.ablauf__links>.kopfzeile{grid-column:1/-1}.ablauf__raster .schritte{grid-column:1;grid-template-columns:1fr;gap:0}.ablauf__raster .schritt{padding:20px 0 22px}.ablauf__clip{grid-column:2;grid-row:2;margin:0;position:sticky;top:110px}}
body.komp-unterseite{--color-surface:#ecedef;--color-surface-raised:#e2e3e6;--color-surface-card:#f5f6f7;--color-text:#111311;--color-text-muted:#4a4d48;--color-text-faint:#6e716c;--color-accent:#0f9c52;--color-accent-deep:#0b7a40;--color-on-accent:#fff;--color-line:rgba(17,19,17,.12);--color-line-strong:rgba(17,19,17,.22);--color-error:#b4281e;--color-accent-tint:rgba(15,156,82,.1);--color-text-tint:rgba(17,19,17,.05);--font-serif:Lora,Georgia,"Times New Roman",serif;--font-mono:Lora,Georgia,serif;--text-display:clamp(38px, 4.6vw, 62px);--text-h1:clamp(36px, 4.2vw, 58px);--text-h2:clamp(32px, 4vw, 50px);--text-h3:clamp(21px, 1.9vw, 26px);--text-metric:clamp(30px, 2.6vw, 40px);--radius-card:24px;--radius-media:24px;--header-height:0px;--content-max:1144px;--page-gutter:clamp(20px, 4vw, 48px);background-color:var(--grund);color:var(--text)}.komp-unterseite .type-display,.komp-unterseite .type-h1,.komp-unterseite .type-h2,.komp-unterseite .type-h3{font-family:var(--serif);font-weight:500;letter-spacing:-.02em}.komp-unterseite .type-h1,.komp-unterseite .type-display{line-height:1.06}.komp-unterseite .type-h2{line-height:1.08}.komp-unterseite .type-h3{line-height:1.25;letter-spacing:-.01em}.komp-unterseite .type-metric{font-family:var(--serif);font-weight:500;letter-spacing:-.01em}.komp-unterseite .signature{font-family:inherit;font-style:normal;font-weight:inherit;font-size:inherit;letter-spacing:inherit;color:var(--leise);padding-right:0}.komp-unterseite .type-overline{letter-spacing:.08em;color:var(--text2);display:inline-flex;align-items:center;gap:10px}.komp-unterseite .type-overline:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--akzent);flex:none}.komp-unterseite .button{min-height:46px;padding:0 22px;gap:10px;border-radius:var(--r-knopf);font-size:15px;font-weight:600;line-height:1.2;transform:none}.komp-unterseite .button--primary{padding:0 22px;background:var(--knopf);color:var(--knopf-text);box-shadow:0 6px 18px -8px rgba(0,0,0,.4)}.komp-unterseite .button--primary:hover,.komp-unterseite .button--primary.is-hover{background:#2a2d2a}.komp-unterseite .button__arrow{width:auto;height:auto;background:0 0;color:inherit;border-radius:0}.komp-unterseite .button__arrow svg{width:16px;height:16px}.komp-unterseite .button--secondary{border-color:var(--linie-stark)}.komp-unterseite .button--secondary:hover{border-color:var(--text);background:0 0}.komp-unterseite .button--primary[disabled],.komp-unterseite .button--primary.is-disabled{background:var(--karte);color:var(--leise);box-shadow:none}.komp-unterseite .text-link{font-weight:600}.komp-unterseite .seitenkopf{padding:clamp(16px, 2.5vw, 32px) 0 0;border-bottom:0;overflow:visible}.komp-unterseite .seitenkopf__inner{background:var(--karte);border-radius:var(--r-gross);padding:clamp(32px, 5vw, 72px) clamp(24px, 5vw, 72px);width:calc(100% - 2 * clamp(20px, 4vw, 48px));max-width:calc(var(--rahmen) - 2 * clamp(20px, 4vw, 48px));margin-inline:auto}.komp-unterseite .seitenkopf--figur .seitenkopf__inner{padding-bottom:0;align-items:end}.komp-unterseite .seitenkopf--figur .seitenkopf__text{padding-bottom:clamp(32px, 5vw, 72px)}.komp-unterseite .seitenkopf__figur--foto{width:min(100%, 400px);margin:calc(-1 * clamp(56px, 6vw, 96px)) 0 0;-webkit-mask-image:none;mask-image:none}.komp-unterseite .seitenkopf__figur--foto img{width:100%;height:auto;display:block}.komp-unterseite .seitenkopf__fakten li:before{background:var(--akzent)}.komp-unterseite .brotkrumen{color:var(--leise)}.komp-unterseite .browser-frame{border-color:var(--linie);box-shadow:none;background:var(--feld)}.komp-unterseite .browser-frame__bar{background:var(--feld);border-color:var(--linie)}.komp-unterseite .browser-frame__dots span{background:rgba(17,19,17,.14)}.komp-unterseite .browser-frame__viewport{background:var(--karte)}.komp-unterseite .karte,.komp-unterseite .preis-karte{box-shadow:none}.komp-unterseite .input{background:var(--feld);border-color:var(--rand-feld);color:var(--text)}.komp-unterseite .input:hover{border-color:var(--text)}.komp-unterseite .input::placeholder{color:var(--leise)}.komp-unterseite .choice-pill__label{border-color:var(--linie-stark)}.komp-unterseite .kontakt-abschnitt{padding-bottom:0}.komp-unterseite .fuss{margin-top:var(--abschnitt)}.komp-unterseite main>.section:first-child+.section{padding-top:clamp(64px, 8vw, 112px)}.komp-unterseite .process-step__line{background:var(--linie-stark);opacity:1}@media (max-width:860px){.komp-unterseite .seitenkopf__inner{padding:28px 22px}.komp-unterseite .seitenkopf--figur .seitenkopf__text{padding-bottom:0}.komp-unterseite .seitenkopf--figur .seitenkopf__inner{padding-bottom:28px}}.komp-unterseite .seitenkopf__inner{width:auto;max-width:var(--content-max);margin-inline:max(var(--page-gutter), calc((100% - var(--content-max)) / 2))}.komp-unterseite .service-row__name{font-family:var(--serif);font-weight:500;letter-spacing:-.02em;font-size:clamp(26px, 2.8vw, 40px);line-height:1.12}.komp-unterseite .service-row:hover .service-row__name{color:var(--text)}.komp-unterseite .process-step__number{font-family:var(--serif);font-weight:500;letter-spacing:-.02em;font-size:clamp(44px, 4.4vw, 64px);color:var(--leise);-webkit-text-stroke:0}.komp-unterseite .faq-item__question:hover{color:var(--text)}.komp-unterseite .faq-item__question{font-family:var(--serif);font-weight:500}.komp-unterseite .faq-item.is-open .faq-item__icon{border-color:var(--text);color:var(--text)}.komp-unterseite .komp-onboarding{--ob-panel:var(--feld);--ob-panel-strong:#fff;--ob-line-strong:var(--rand-feld);--ob-accent:var(--akzent);--ob-accent-soft:rgba(15,156,82,.1);--ob-accent-glow:transparent;--ob-sans:var(--sans);--ob-mono:var(--sans)}.komp-unterseite .komp-onboarding:before{display:none}.komp-unterseite .komp-onboarding-stage{background:var(--karte);border-color:transparent;box-shadow:none;border-radius:var(--r-gross)}.komp-unterseite .komp-onboarding-stage:after{display:none}.komp-unterseite .komp-onboarding-actions{background:linear-gradient(180deg,rgba(226,227,230,0),var(--karte) 32%)}.komp-unterseite .komp-onboarding input.komp-onboarding-input,.komp-unterseite .komp-onboarding-input{background:var(--feld) !important;color:var(--text) !important;border-color:var(--rand-feld) !important}.komp-unterseite .komp-onboarding input.komp-onboarding-input::placeholder,.komp-unterseite .komp-onboarding-input::placeholder{color:var(--leise) !important}.komp-unterseite .komp-onboarding input.komp-onboarding-input:focus{background:#fff !important;box-shadow:0 0 0 3px rgba(15,156,82,.15) !important}.komp-unterseite .komp-onboarding-btn{border-color:var(--knopf);background:var(--knopf);color:var(--knopf-text);border-radius:var(--r-knopf);font-family:var(--sans);font-size:15px;font-weight:600}.komp-unterseite .komp-onboarding-btn:hover,.komp-unterseite .komp-onboarding-btn:focus-visible{background:#2a2d2a;color:#fff;box-shadow:none}.komp-unterseite .komp-onboarding-btn.is-ghost{background:0 0;color:var(--text);border-color:var(--linie-stark)}.komp-unterseite .komp-onboarding-btn.is-ghost:hover{background:0 0;border-color:var(--text);color:var(--text)}.komp-unterseite .komp-onboarding-log,.komp-unterseite .komp-onboarding-panel{background:var(--karte);border-color:transparent;box-shadow:none}.komp-unterseite .komp-onboarding-log-text,.komp-unterseite .komp-onboarding pre{color:var(--text2)}.komp-unterseite .komp-onboarding pre{background:var(--feld)}.komp-unterseite .komp-onboarding-log-time,.komp-unterseite .komp-onboarding-node,.komp-unterseite .komp-onboarding-card-code{color:var(--leise)}.komp-unterseite .komp-onboarding-progress-track,.komp-unterseite .komp-onboarding-mini-progress,.komp-unterseite .komp-onboarding-stepbar span{background:var(--linie)}.komp-unterseite .komp-onboarding-scanbox,.komp-unterseite .komp-onboarding-privacy,.komp-unterseite .komp-onboarding-frueh,.komp-unterseite .komp-onboarding-zusammenfassung,.komp-unterseite .komp-onboarding-pill{background:var(--feld);border-color:var(--linie)}.komp-unterseite .komp-onboarding-card{background:var(--feld)}.komp-unterseite .komp-onboarding-card:hover{background:#fff;border-color:var(--text)}.komp-unterseite .komp-onboarding-success{box-shadow:none}.komp-unterseite .komp-onboarding h1,.komp-unterseite .komp-onboarding h2{font-family:var(--serif);font-weight:500;letter-spacing:-.02em}.komp-unterseite .komp-onboarding h1 em,.komp-unterseite .komp-onboarding h2 em,.komp-unterseite .komp-onboarding h2 span[class*=accent]{color:var(--leise)}.komp-unterseite .text-link{color:var(--text)}.komp-unterseite .text-link:hover{color:var(--text);text-decoration:underline;text-underline-offset:4px}.komp-unterseite .komp-onboarding h1 span,.komp-unterseite .komp-onboarding h2 span{color:var(--leise) !important}.komp-unterseite .komp-onboarding [class*=eyebrow],.komp-unterseite .komp-onboarding [class*=kicker]{color:var(--text2)}.komp-unterseite .lesetext a,.komp-unterseite .artikel a{color:var(--text);text-decoration:underline;text-underline-offset:3px}.komp-unterseite .choice-pill input:checked+.choice-pill__label,.komp-unterseite .choice-pill.is-active .choice-pill__label{background:var(--knopf);border-color:var(--knopf);color:var(--knopf-text)}.komp-unterseite .choice-pill input:checked+.choice-pill__label *{color:inherit}.komp-unterseite .choice-pill__label svg{color:inherit}.komp-unterseite .komp-onboarding-status,.komp-unterseite .komp-onboarding-panel-title{color:var(--text2)}.komp-unterseite .artikel-lead__hervor{color:var(--text);font-weight:600}.komp-unterseite .lesetext .artikel-lead__hervor{color:var(--text);font-weight:600}.komp-unterseite .karte:hover .karte__titel a{color:var(--text);text-decoration:underline;text-underline-offset:3px}.komp-unterseite .ratgeber-filter .choice-pill[aria-current] .choice-pill__label,.komp-unterseite .ratgeber-seiten .choice-pill[aria-current] .choice-pill__label{background:var(--knopf);border-color:var(--knopf);color:var(--knopf-text)}.komp-unterseite .ratgeber-filter .choice-pill[aria-current] .choice-pill__label *{color:inherit}.komp-unterseite .ueber-foto img{border:0;border-radius:var(--r-gross)}.komp-lp-hell .lp-anruf{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 18px;border:1px solid var(--linie-stark);border-radius:var(--r-knopf);text-decoration:none;font-weight:600;font-size:15px}.komp-lp-hell .lp-anruf svg{width:17px;height:17px}.komp-lp-hell .lp-anruf:hover{border-color:var(--text)}.komp-lp-hell .lp-unterschrift{width:160px;margin-top:4px;opacity:.9}.komp-lp-hell .lp-formular{padding-top:clamp(32px, 4vw, 56px)}.komp-lp-hell .lp-schritte{list-style:none;padding:0;display:grid;gap:0;margin-top:clamp(28px, 4vw, 48px)}.komp-lp-hell .lp-schritte li{border-top:1px solid var(--linie-stark);padding:24px 0;display:grid;gap:8px}.komp-lp-hell .lp-nr{font-family:var(--serif);font-size:40px;line-height:1;color:var(--leise)}@media (min-width:900px){.komp-lp-hell .lp-schritte{grid-template-columns:repeat(4,1fr);gap:32px}}.komp-lp-hell .lp-direkt__karte{background:var(--karte);border-radius:var(--r-gross);padding:var(--innen);display:grid;gap:28px}.komp-lp-hell .lp-direkt__karte .haken{margin-top:18px}@media (min-width:860px){.komp-lp-hell .lp-direkt__karte{grid-template-columns:1.2fr .8fr;align-items:center}}.komp-lp-hell .lp-fuss .fuss__unten{border-top:0}@media (max-width:520px){.komp-lp-hell .lp-anruf span{display:none}.komp-lp-hell .lp-anruf{padding:0 13px}}.komp-unterseite .komp-onboarding{--ob-bg:var(--grund);--ob-fg:var(--text);--ob-muted:var(--text2);--ob-faint:var(--leise);--ob-line:var(--linie);--ob-error:#b4281e;min-height:0;padding:0;background:0 0;color:var(--text)}.komp-unterseite .leistung__titel,.komp-unterseite .preis-karte__name,.komp-unterseite .karte__titel,.komp-unterseite .projekt__titel,.komp-unterseite .reason__title,.komp-unterseite .process-step__title{font-family:var(--serif);font-weight:500;letter-spacing:-.01em}.komp-unterseite .leistung__titel{font-size:clamp(22px, 2vw, 28px);line-height:1.2}.komp-unterseite .preis-karte__name{font-size:22px}.komp-unterseite .reason__number{font-family:var(--serif);font-weight:500;font-size:clamp(36px, 3.4vw, 48px);line-height:1;color:var(--leise);-webkit-text-stroke:0;letter-spacing:-.02em}.komp-unterseite .promise-list__item svg{color:var(--text);width:18px;height:18px;margin-top:3px}.komp-unterseite .promise-list__item{grid-template-columns:18px minmax(0, 1fr);gap:12px;font-size:15.5px}.komp-unterseite .preis-karte{background:var(--karte);border:0;border-radius:var(--r-mittel)}.komp-unterseite .preis-karte__betrag{font-family:var(--serif);font-weight:500;letter-spacing:-.02em;font-size:clamp(36px, 3.2vw, 46px)}.komp-unterseite .karte{background:var(--karte);border-color:transparent;border-radius:var(--r-mittel)}.komp-unterseite .karte:hover{border-color:transparent;background:#dadbde}.komp-unterseite .zahl strong,.komp-unterseite .zahl__wert,.komp-unterseite .metric__value{font-family:var(--serif);font-weight:500;letter-spacing:-.02em}.komp-unterseite{--section-gap:clamp(88px, 9vw, 150px)}.komp-unterseite .preis-karte__betrag small{font-family:var(--sans);font-size:14px}.komp-unterseite .bereich+.bereich{margin-top:clamp(56px, 6vw, 88px)}.komp-unterseite .seitenkopf__fakten li:before{width:9px;height:5px;border-radius:0;background:0 0;border-left:1.5px solid var(--text);border-bottom:1.5px solid var(--text);transform:rotate(-45deg) translateY(-2px);margin-right:2px}@media (min-width:861px){.komp-unterseite .seitenkopf--figur .seitenkopf__inner{grid-template-columns:1.1fr .9fr;min-height:min(680px, calc(100vh - 130px));padding-block:0;padding-right:0;overflow:visible;align-items:center}.komp-unterseite .seitenkopf--figur .seitenkopf__text{padding-block:clamp(48px, 5vw, 72px);position:relative;z-index:1}.komp-unterseite .seitenkopf--figur .seitenkopf__einleitung,.komp-unterseite .seitenkopf--figur .seitenkopf__fakten{max-width:25em}.komp-unterseite .seitenkopf--figur .seitenkopf__fakten{flex-wrap:wrap}.komp-unterseite .seitenkopf--figur .seitenkopf__titel{max-width:12em}.komp-unterseite .seitenkopf__figur--foto{position:relative;width:100%;height:100%;margin:0;align-self:stretch;clip-path:inset(-400px 0 0 -400px round 0 0 32px 0)}.komp-unterseite .seitenkopf__figur--foto img{position:absolute;right:0;bottom:0;height:calc(100% + 80px);max-height:783px;width:auto;max-width:none}}@media (min-width:861px) and (max-width:1200px){.komp-unterseite .seitenkopf--figur .seitenkopf__inner{grid-template-columns:1.25fr .75fr}.komp-unterseite .seitenkopf--figur .seitenkopf__einleitung,.komp-unterseite .seitenkopf--figur .seitenkopf__fakten{max-width:22em}.komp-unterseite .seitenkopf__figur--foto img{height:calc(100% + 40px)}}.komp-unterseite .komp-onboarding{--ob-accent:var(--text);--ob-accent-soft:#fff;--ob-accent-glow:transparent}.komp-unterseite .komp-onboarding-card{border-color:var(--linie);border-radius:18px;transition:border-color .2s,background .2s}.komp-unterseite .komp-onboarding-card.is-active{background:#fff;border-color:var(--text);box-shadow:none;animation:none}.komp-unterseite .komp-onboarding-card-icon{border:0;background:var(--karte);border-radius:10px}.komp-unterseite .komp-onboarding-card-icon i,.komp-unterseite .komp-onboarding-card-icon .komp-onboarding-icon{color:var(--text)}.komp-unterseite .komp-onboarding-card.is-active .komp-onboarding-card-icon{background:var(--knopf)}.komp-unterseite .komp-onboarding-card.is-active .komp-onboarding-card-icon i,.komp-unterseite .komp-onboarding-card.is-active .komp-onboarding-card-icon .komp-onboarding-icon{color:var(--knopf-text)}.komp-unterseite .komp-onboarding-check{background:var(--knopf);color:var(--knopf-text);box-shadow:none}.komp-unterseite .komp-onboarding-pill{color:var(--text2);font-size:15px}.komp-unterseite .komp-onboarding-pill:hover{border-color:var(--text);color:var(--text)}.komp-unterseite .komp-onboarding-pill.is-active{background:var(--knopf);border-color:var(--knopf);color:var(--knopf-text)}.komp-unterseite .komp-onboarding-stepbar span{height:3px;border-radius:2px}.komp-unterseite .komp-onboarding-stepbar span.is-done,.komp-unterseite .komp-onboarding-stepbar span.is-active{background:var(--text);box-shadow:none}.komp-unterseite .komp-onboarding-mini-progress span,.komp-unterseite .komp-onboarding-progress-fill{background:var(--text);box-shadow:none}.komp-unterseite .komp-onboarding-scanline{background:var(--text);box-shadow:none}.komp-unterseite .komp-onboarding-status{text-shadow:none}.komp-unterseite .komp-onboarding-privacy,.komp-unterseite .komp-onboarding-frueh{border-style:solid}.komp-unterseite .komp-onboarding-privacy-label a,.komp-unterseite .komp-onboarding-frueh-check a{color:var(--text)}.komp-unterseite .komp-onboarding-privacy-label input[type=checkbox],.komp-unterseite .komp-onboarding-frueh-check input{accent-color:var(--knopf)}.komp-unterseite .komp-onboarding input.komp-onboarding-input:focus{border-color:var(--text) !important;box-shadow:0 0 0 3px rgba(17,19,17,.08) !important}.komp-unterseite .komp-onboarding-log-text.is-success{color:var(--akzent-text,#0b7a40)}.komp-unterseite .komp-onboarding-card:hover,.komp-unterseite .komp-onboarding-card:focus-visible{transform:translateY(-2px);border-color:var(--text)}.komp-unterseite .komp-onboarding-card:hover .komp-onboarding-card-icon,.komp-unterseite .komp-onboarding-card:focus-visible .komp-onboarding-card-icon{border:0;background:var(--karte);box-shadow:none}.komp-unterseite .komp-onboarding-card.is-active .komp-onboarding-card-icon{border:0;background:var(--knopf);box-shadow:none}.komp-neu .skip-link{background:var(--knopf);color:var(--knopf-text)}.komp-unterseite .komp-onboarding-stepbar span.is-active,.komp-unterseite .komp-onboarding-stepbar span.is-done{animation:none !important;box-shadow:none !important}.komp-unterseite .seitenkopf__collage{position:relative;height:clamp(220px, 58vw, 320px);margin-top:8px}.komp-unterseite .collage__karte{position:absolute;margin:0;width:72%;border-radius:14px;overflow:hidden;background:#f5f6f7;border:1px solid rgba(17,19,17,.08);box-shadow:0 28px 50px -28px rgba(17,19,17,.45)}.komp-unterseite .collage__leiste{display:flex;gap:6px;padding:9px 12px;border-bottom:1px solid rgba(17,19,17,.07)}.komp-unterseite .collage__leiste i{width:8px;height:8px;border-radius:50%;background:rgba(17,19,17,.16)}.komp-unterseite .collage__karte img{display:block;width:100%;aspect-ratio:16/10;height:auto;object-fit:cover;object-position:top}.komp-unterseite .collage__karte--1{left:0;bottom:0;z-index:3}.komp-unterseite .collage__karte--2{right:0;top:0;z-index:2;width:62%}.komp-unterseite .collage__karte--3{display:none}@media (min-width:861px){.komp-unterseite .seitenkopf--collage .seitenkopf__inner{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(32px, 4vw, 56px);align-items:center}.komp-unterseite .seitenkopf__collage{height:clamp(360px, 33vw, 440px);margin:0}.komp-unterseite .collage__karte--1{width:82%;left:0;top:20%;bottom:auto}.komp-unterseite .collage__karte--2{width:64%;right:0;top:0;z-index:2}.komp-unterseite .collage__karte--3{display:block;width:50%;right:2%;bottom:0;z-index:4}}