@font-face{font-family:Cabinet Grotesk;font-style:normal;font-weight:700 900;font-display:swap;src:url(/assets/fonts/cabinet-grotesk-800.woff2)format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/manrope-latin.woff2)format("woff2")}@keyframes heroZoom{0%{transform:scale(1.02)}to{transform:scale(1.12)}}@keyframes drift{0%{transform:scale(1)translate(0,0)}to{transform:scale(1.12)translate(-2%,1.5%)}}@layer components{.bsp-maler{--ink:#16181d;--ink-2:#333a45;--muted:#6b7280;--paper:#f6f3ef;--card:#fff;--line:#16181d1f;--brand:#b8442c;--brand-dark:#8f3320;--slate:#2f4858;--sand:#e8ded1;--radius:14px;--shell:1160px}.bsp-maler,.bsp-maler *{box-sizing:border-box}.bsp-maler{scroll-behavior:smooth;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,system-ui,sans-serif;line-height:1.6}.bsp-maler a{color:inherit;text-decoration:none}.bsp-maler img{max-width:100%;display:block}.bsp-maler h1,.bsp-maler h2,.bsp-maler h3{letter-spacing:-.03em;margin:0;font-family:Cabinet Grotesk,Arial Black,sans-serif;line-height:1.08}.bsp-maler p{margin:0}.bsp-maler .shell{width:min(var(--shell), calc(100% - 40px));margin:0 auto}.bsp-maler .section{padding:92px 0}.bsp-maler .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--brand);margin-bottom:14px;font-size:.76rem;font-weight:700}.bsp-maler .lead{color:var(--ink-2);max-width:62ch;font-size:1.05rem}.bsp-maler .btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:14px 24px;font-size:.96rem;font-weight:700;display:inline-flex}.bsp-maler .btn-primary{background:var(--brand);color:#fff}.bsp-maler .btn-ghost{color:var(--ink);border-color:var(--line);background:0 0}.bsp-maler .compare{z-index:90;background:var(--ink);color:#fff;border-bottom:1px solid #ffffff1a;position:sticky;top:0}.bsp-maler .compare-inner{width:min(var(--shell), calc(100% - 40px));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:0 auto;padding:11px 0;display:flex}.bsp-maler .compare-label{color:#ffffffbd;font-size:.84rem}.bsp-maler .compare-label strong{color:#fff;font-weight:700}.bsp-maler .compare-switch{background:#ffffff1a;border:1px solid #ffffff24;border-radius:999px;gap:3px;padding:3px;display:inline-flex}.bsp-maler .compare-switch button{appearance:none;cursor:pointer;font:inherit;color:#ffffffb8;background:0 0;border:0;border-radius:999px;padding:7px 16px;font-size:.84rem;font-weight:700;transition:background .25s,color .25s}.bsp-maler .compare-switch button[aria-pressed=true]{color:var(--ink);background:#fff}.bsp-maler .compare-hint{color:#ffffff80;font-size:.78rem}.bsp-maler .ki-hinweis{color:#fff9;margin-top:3px;display:block}.bsp-maler .ki-badge{z-index:4;color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.02em;background:#0c0e12b8;border:1px solid #fff3;border-radius:999px;padding:5px 11px;font-size:.7rem;font-weight:700;position:absolute;bottom:14px;right:14px}.bsp-maler .hero{position:relative}.bsp-maler:not([data-signature=on]) .ki-badge{bottom:22px;right:22px}.bsp-maler .nav{z-index:70;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#f6f3efdb;position:sticky;top:45px}.bsp-maler .nav-inner{width:min(var(--shell), calc(100% - 40px));justify-content:space-between;align-items:center;gap:20px;margin:0 auto;padding:15px 0;display:flex}.bsp-maler .brand{letter-spacing:-.02em;align-items:center;gap:11px;font-size:1.05rem;font-weight:800;display:flex}.bsp-maler .brand-mark{background:var(--brand);color:#fff;border-radius:9px;place-items:center;width:32px;height:32px;font-family:Cabinet Grotesk,sans-serif;font-size:.95rem;display:grid}.bsp-maler .nav-links{color:var(--ink-2);gap:26px;font-size:.93rem;display:flex}.bsp-maler .nav-links a:hover{color:var(--brand)}@media (max-width:860px){.bsp-maler .nav-links{display:none}}.bsp-maler .hero{background:var(--sand);padding:96px 0 84px;position:relative;overflow:hidden}.bsp-maler .hero-bg{opacity:0;transition:opacity .6s;position:absolute;inset:0}.bsp-maler .hero-inner{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid;position:relative}@media (max-width:940px){.bsp-maler .hero-inner{grid-template-columns:1fr;gap:40px}}.bsp-maler .hero h1{margin-bottom:20px;font-size:clamp(2.3rem,5.4vw,3.9rem)}.bsp-maler .hero-sub{color:var(--ink-2);max-width:48ch;margin-bottom:28px;font-size:1.08rem}.bsp-maler .hero-actions{flex-wrap:wrap;gap:12px;margin-bottom:30px;display:flex}.bsp-maler .hero-trust{color:var(--ink-2);flex-wrap:wrap;gap:22px;font-size:.87rem;display:flex}.bsp-maler .hero-trust b{color:var(--ink);font-family:Cabinet Grotesk,sans-serif;font-size:1.5rem;display:block}.bsp-maler .hero-photo{border:1px solid var(--line);aspect-ratio:4/3;background:#fff;border-radius:18px;overflow:hidden}.bsp-maler .hero-photo img{object-fit:cover;width:100%;height:100%}.bsp-maler .hero-scrim{display:none}.bsp-maler .grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;display:grid}.bsp-maler .card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative}.bsp-maler .card h3{margin-bottom:10px;font-size:1.16rem}.bsp-maler .card p{color:var(--ink-2);font-size:.95rem}.bsp-maler .card-icon{background:var(--sand);width:42px;height:42px;color:var(--brand-dark);border-radius:11px;place-items:center;margin-bottom:16px;display:grid}.bsp-maler .ba-wrap{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden}.bsp-maler .ba-static{grid-template-columns:1fr 1fr;display:grid}.bsp-maler .ba-static figure{margin:0;position:relative}.bsp-maler .ba-static img{object-fit:cover;aspect-ratio:16/10;width:100%;height:100%}.bsp-maler .ba-static figcaption{color:#fff;background:#16181dd1;border-radius:999px;padding:6px 13px;font-size:.78rem;font-weight:700;position:absolute;bottom:14px;left:14px}.bsp-maler .ba-slider{-webkit-user-select:none;user-select:none;touch-action:none;cursor:ew-resize;display:none;position:relative}.bsp-maler .ba-slider .ba-after{clip-path:inset(0 0 0 var(--split,50%));position:absolute;inset:0}.bsp-maler .ba-handle{top:0;bottom:0;left:var(--split,50%);background:#fff;width:3px;position:absolute;box-shadow:0 0 0 1px #16181d2e}.bsp-maler .ba-handle:after{content:"↔";width:42px;height:42px;color:var(--ink);background:#fff;border-radius:50%;place-items:center;font-size:1.05rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #16181d47}.bsp-maler .ba-tag{color:#fff;background:#16181dd1;border-radius:999px;padding:6px 13px;font-size:.78rem;font-weight:700;position:absolute;bottom:14px}.bsp-maler .ba-tag--l{left:14px}.bsp-maler .ba-tag--r{right:14px}.bsp-maler .stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;display:grid}.bsp-maler .stat{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);padding:26px}.bsp-maler .stat-num{color:var(--brand);font-family:Cabinet Grotesk,sans-serif;font-size:2.5rem;line-height:1}.bsp-maler .stat-label{color:var(--ink-2);margin-top:8px;font-size:.92rem}.bsp-maler .steps{counter-reset:s;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;display:grid}.bsp-maler .step{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);padding:26px}.bsp-maler .step-num{background:var(--slate);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:14px;font-family:Cabinet Grotesk,sans-serif;font-size:.95rem;display:grid}.bsp-maler .quote{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);padding:28px}.bsp-maler .quote p{margin-bottom:16px;font-size:1.02rem}.bsp-maler .quote footer{color:var(--muted);font-size:.88rem}.bsp-maler .contact{background:var(--slate);color:#fff;border-radius:20px;padding:46px}.bsp-maler .contact h2{margin-bottom:14px;font-size:clamp(1.7rem,3.4vw,2.4rem)}.bsp-maler .contact p{color:#fffc;max-width:52ch;margin-bottom:26px}.bsp-maler .contact .btn-primary{color:var(--slate);background:#fff}.bsp-maler .site-footer{border-top:1px solid var(--line);color:var(--muted);padding:40px 0 24px;font-size:.88rem}.bsp-maler .bts-bridge{background:var(--ink);color:#fff;padding:56px 0}.bsp-maler .bts-bridge h2{margin-bottom:12px;font-size:clamp(1.5rem,3vw,2.1rem)}.bsp-maler .bts-bridge p{color:#ffffffbd;max-width:60ch;margin-bottom:24px}.bsp-maler .bts-bridge .btn-primary{color:#16181d;background:#e0912f}.bsp-maler .bts-bridge .btn-ghost{color:#fff;border-color:#ffffff47}.bsp-maler .demo-pill{z-index:80;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#16181ddb;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:.76rem;display:inline-flex;position:fixed;bottom:18px;left:18px;box-shadow:0 12px 34px #0000003d}.bsp-maler .demo-pill i{background:#e0912f;border-radius:50%;width:8px;height:8px}@media (max-width:620px){.bsp-maler .demo-pill{display:none}}.bsp-maler[data-js=on][data-signature=on] .reveal{opacity:0;transform:translateY(22px)}.bsp-maler[data-js=on][data-signature=on] .reveal.is-in{opacity:1;transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);transform:none}.bsp-maler[data-js=on][data-signature=on] .reveal-d1.is-in{transition-delay:80ms}.bsp-maler[data-js=on][data-signature=on] .reveal-d2.is-in{transition-delay:.16s}.bsp-maler[data-js=on][data-signature=on] .reveal-d3.is-in{transition-delay:.24s}.bsp-maler[data-signature=on] .hero{padding:132px 0 116px}.bsp-maler[data-signature=on] .hero-photo{z-index:0;aspect-ratio:auto;border:0;border-radius:0;animation:26s ease-in-out infinite alternate heroZoom;position:absolute;inset:0}.bsp-maler[data-signature=on] .hero-photo img{object-position:60% center}.bsp-maler[data-signature=on] .hero-scrim{z-index:1;background:linear-gradient(100deg,#0c0e12eb 0%,#0c0e12c7 42%,#0c0e122e 74%,#0000 100%),linear-gradient(#0000 58%,#0c0e128c);display:block;position:absolute;inset:0}.bsp-maler[data-signature=on] .hero-inner{grid-template-columns:1fr;max-width:680px;position:static}.bsp-maler[data-signature=on] .hero-copy{z-index:3;position:relative}.bsp-maler[data-signature=on] .hero h1{color:#fff;font-size:clamp(2.6rem,6vw,4.6rem)}.bsp-maler[data-signature=on] .hero-sub{color:#ffffffd6;font-size:1.14rem}.bsp-maler[data-signature=on] .hero .eyebrow{color:#f0a35e}.bsp-maler[data-signature=on] .hero-trust{color:#ffffffc7}.bsp-maler[data-signature=on] .hero-trust b{color:#fff}.bsp-maler[data-signature=on] .hero .btn-ghost{color:#fff;border-color:#fff6}.bsp-maler[data-signature=on] .hero-bg{opacity:.55;z-index:2;mix-blend-mode:screen;background:radial-gradient(46% 58% at 18% 24%,#b8442c4d,#0000 62%),radial-gradient(42% 52% at 82% 16%,#2f485842,#0000 60%),radial-gradient(50% 60% at 62% 88%,#e0912f3d,#0000 64%);animation:18s ease-in-out infinite alternate drift}.bsp-maler[data-signature=on] .card,.bsp-maler[data-signature=on] .stat,.bsp-maler[data-signature=on] .step,.bsp-maler[data-signature=on] .quote{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(150deg,#b8442c57,#2f485829 46%,#16181d0f) border-box;border:1px solid #0000;box-shadow:0 1px #16181d0d,0 12px 30px -14px #16181d47}.bsp-maler[data-signature=on] .card:hover{transform:translateY(-5px);box-shadow:0 1px #16181d0d,0 26px 50px -18px #16181d5c}.bsp-maler[data-signature=on] .card-icon{background:linear-gradient(140deg, var(--sand), #fff)}.bsp-maler[data-signature=on] .underline{display:inline-block;position:relative}.bsp-maler[data-signature=on] .underline:after{content:"";background:var(--brand);border-radius:2px;height:3px;transition:right .9s cubic-bezier(.22,.61,.36,1) .2s;position:absolute;bottom:-6px;left:0;right:100%}.bsp-maler[data-signature=on] .underline.is-in:after{right:0}.bsp-maler .sig-only{display:none}.bsp-maler[data-signature=on] .sig-only{display:block}.bsp-maler[data-signature=on] .std-only{display:none}.bsp-maler .sig-island{--bg-card:#fff;--border-lo:#16181d1f;--text-hi-rgb:22 24 29;--text-hi:#16181d;--text-med:#333a45;--accent:#b8442c;--orange-rgb:184 68 44;--orange-200:#b8442c;--blue-rgb:47 72 88;--blue-200:#2f4858}.bsp-maler[data-signature=on] .contact{background:linear-gradient(140deg, var(--slate), #16232c 70%)}.bsp-maler .contact--gallery{padding:52px 46px}@media (max-width:760px){.bsp-maler .contact--gallery{padding:34px 22px}}@media (prefers-reduced-motion:reduce){.bsp-maler:not([data-motion-erzwungen=on]){scroll-behavior:auto}.bsp-maler:not([data-motion-erzwungen=on])[data-js=on][data-signature=on] .reveal{opacity:1;transform:none}.bsp-maler:not([data-motion-erzwungen=on])[data-signature=on] .hero-bg,.bsp-maler:not([data-motion-erzwungen=on])[data-signature=on] .hero-photo{animation:none}.bsp-maler:not([data-motion-erzwungen=on])[data-signature=on] .underline:after{transition:none;right:0}.bsp-maler:not([data-motion-erzwungen=on]) .card,.bsp-maler:not([data-motion-erzwungen=on]) .btn{transition:none!important}}.bsp-maler .motion-hinweis{display:none}.bsp-maler[data-motion-reduziert=on] .motion-hinweis{width:min(var(--shell), calc(100% - 40px));color:#ffffffb8;flex-wrap:wrap;align-items:center;gap:10px;margin:0 auto;padding:0 0 11px;font-size:.8rem;display:flex}.bsp-maler .motion-hinweis button{appearance:none;cursor:pointer;font:inherit;color:#fff;background:#ffffff24;border:1px solid #ffffff3d;border-radius:999px;padding:5px 12px;font-weight:700}.bsp-maler .motion-hinweis button:hover{background:#ffffff3d}.bsp-maler[data-motion-erzwungen=on] .motion-hinweis-text:after{content:" Effekte sind jetzt eingeschaltet."}}
.bsp-maler{--demo-background:#f6f3ef;--demo-foreground:#16181d;--demo-muted:#e8ded1;--demo-muted-foreground:#6b7280;--demo-border:#16181d1f}@media (prefers-reduced-motion:reduce){.bsp-maler:not([data-motion-erzwungen=on]) .sig-island *,.bsp-maler:not([data-motion-erzwungen=on]) .sig-island :before,.bsp-maler:not([data-motion-erzwungen=on]) .sig-island :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.bsp-maler .underline{text-decoration-line:underline}.bsp-maler{--bg-card:initial;--border-lo:initial;--text-hi:initial;--text-hi-rgb:initial;--text-med:initial;--text-lo:initial;--blue-200:initial;--blue-rgb:initial;--orange-200:initial;--orange-rgb:initial;--font-display:"Cabinet Grotesk", sans-serif}