PageSourceSearch

https://rocket9.ch/

html rocket9.ch collected 2026-09-29 10:49:36 UTC 608,196 bytes, 3,800 lines download raw bytes

1<!DOCTYPE html>
2<html lang="de-CH" prefix="og: https://ogp.me/ns#">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1">
6
7<!-- Google Tag Manager for WordPress by gtm4wp.com -->
8<script data-cfasync="false" data-pagespeed-no-defer>
9	var gtm4wp_datalayer_name = "dataLayer";
10	var dataLayer = dataLayer || [];
11</script>
11
12<!-- End Google Tag Manager for WordPress by gtm4wp.com -->
13<!-- Suchmaschinen-Optimierung durch Rank Math PRO - https://rankmath.com/ -->
14<title>WordPress Webdesign + CRM Agentur | Rocket9 | Burgdorf | Bern</title>
15<link data-rocket-prefetch href="https://cdn.iubenda.com" rel="dns-prefetch">
16<link data-rocket-prefetch href="https://js-eu1.hs-banner.com" rel="dns-prefetch">
17<link data-rocket-prefetch href="https://js-eu1.hsadspixel.net" rel="dns-prefetch">
18<link data-rocket-prefetch href="https://js-eu1.hs-analytics.net" rel="dns-prefetch">
19<link data-rocket-prefetch href="https://js-eu1.hscollectedforms.net" rel="dns-prefetch">
20<link data-rocket-prefetch href="https://unpkg.com" rel="dns-prefetch">
21<link data-rocket-prefetch href="https://cdnjs.cloudflare.com" rel="dns-prefetch">
22<link data-rocket-prefetch href="https://cdn.jsdelivr.net" rel="dns-prefetch">
23<link data-rocket-prefetch href="https://embeds.iubenda.com" rel="dns-prefetch">
24<link data-rocket-prefetch href="https://js-eu1.hs-scripts.com" rel="dns-prefetch">
25<link data-rocket-prefetch href="https://instant.page" rel="dns-prefetch">
26<link crossorigin data-rocket-preload as="font" href="https://rocket9.ch/wp-content/uploads/Inter-Regular.woff2" rel="preload">
27<style id="wpr-usedcss">img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}:root{--primary-hex:#ff27d7;--primary-hsl:311 100% 58%;--primary-rgb:255 39 215;--primary-r:255;--primary-g:39;--primary-b:215;--primary-h:311;--primary-s:100%;--primary-l:58%;--primary-hover-h:311;--primary-hover-s:100%;--primary-hover-l:67%;--primary-ultra-light-h:311;--primary-ultra-light-s:100%;--primary-ultra-light-l:95%;--primary-light-h:311;--primary-light-s:100%;--primary-light-l:85%;--primary-semi-light-h:311;--primary-semi-light-s:100%;--primary-semi-light-l:65%;--primary-semi-dark-h:311;--primary-semi-dark-s:100%;--primary-semi-dark-l:35%;--primary-dark-h:311;--primary-dark-s:100%;--primary-dark-l:25%;--primary-ultra-dark-h:311;--primary-ultra-dark-s:100%;--primary-ultra-dark-l:10%;--base-hex:#0a2434;--base-hsl:203 68% 12%;--base-rgb:10 36 52;--base-r:10;--base-g:36;--base-b:52;--base-h:203;--base-s:68%;--base-l:12%;--base-hover-h:203;--base-hover-s:68%;--base-hover-l:13.8%;--base-ultra-light-h:203;--base-ultra-light-s:68%;--base-ultra-light-l:95%;--base-light-h:203;--base-light-s:68%;--base-light-l:85%;--base-semi-light-h:203;--base-semi-light-s:68%;--base-semi-light-l:65%;--base-semi-dark-h:203;--base-semi-dark-s:68%;--base-semi-dark-l:35%;--base-dark-h:203;--base-dark-s:68%;--base-dark-l:25%;--base-ultra-dark-h:203;--base-ultra-dark-s:68%;--base-ultra-dark-l:10%;--neutral-hex:#000000;--neutral-hsl:0 0% 0%;--neutral-rgb:0 0 0;--neutral-r:0;--neutral-g:0;--neutral-b:0;--neutral-h:0;--neutral-s:0%;--neutral-l:0%;--neutral-hover-h:0;--neutral-hover-s:0%;--neutral-hover-l:0%;--neutral-ultra-light-h:0;--neutral-ultra-light-s:0%;--neutral-ultra-light-l:95%;--neutral-light-h:0;--neutral-light-s:0%;--neutral-light-l:85%;--neutral-semi-light-h:0;--neutral-semi-light-s:0%;--neutral-semi-light-l:65%;--neutral-semi-dark-h:0;--neutral-semi-dark-s:0%;--neutral-semi-dark-l:35%;--neutral-dark-h:0;--neutral-dark-s:0%;--neutral-dark-l:25%;--neutral-ultra-dark-h:0;--neutral-ultra-dark-s:0%;--neutral-ultra-dark-l:10%;--success-hex:#29A745;--success-hsl:133 61% 41%;--success-rgb:41 167 69;--success-r:41;--success-g:167;--success-b:69;--success-h:133;--success-s:61%;--success-l:41%;--success-hover-h:133;--success-hover-s:61%;--success-hover-l:47.15%;--success-ultra-light-h:133;--success-ultra-light-s:61%;--success-ultra-light-l:95%;--success-light-h:133;--success-light-s:61%;--success-light-l:85%;--success-semi-light-h:133;--success-semi-light-s:61%;--success-semi-light-l:65%;--success-semi-dark-h:133;--success-semi-dark-s:61%;--success-semi-dark-l:35%;--success-dark-h:133;--success-dark-s:61%;--success-dark-l:15%;--success-ultra-dark-h:133;--success-ultra-dark-s:61%;--success-ultra-dark-l:10%;--primary:#ff27d7;--primary-hover:#ff57e0;--primary-ultra-light:#ffe6fa;--primary-light:#ffb3f1;--primary-semi-light:#ff4dde;--primary-semi-dark:#b30092;--primary-dark:#800068;--primary-ultra-dark:#33002a;--base:#0a2434;--base-hover:#0b293b;--base-ultra-light:#eaf4fb;--base-light:#bfdff3;--base-semi-light:#69b4e2;--base-semi-dark:#1d6796;--base-dark:#144a6b;--base-ultra-dark:#081e2b;--neutral:#000000;--neutral-hover:black;--neutral-ultra-light:#f2f2f2;--neutral-light:#d9d9d9;--neutral-semi-light:#a6a6a6;--neutral-semi-dark:#595959;--neutral-dark:#404040;--neutral-ultra-dark:#1a1a1a;--white:#fff;--black:#000;--success:#29A745;--success-hover:#2fc24f;--success-ultra-light:#eafaee;--success-light:#c1f0cc;--success-semi-light:#6fdc87;--success-semi-dark:#23903a;--success-dark:#0f3e19;--success-ultra-dark:#0a2911;--primary-trans-10:rgba(255, 39, 215, .1);--primary-trans-20:rgba(255, 39, 215, .2);--primary-trans-30:rgba(255, 39, 215, .3);--primary-trans-40:rgba(255, 39, 215, .4);--primary-trans-50:rgba(255, 39, 215, .5);--primary-trans-60:rgba(255, 39, 215, .6);--primary-trans-70:rgba(255, 39, 215, .7);--primary-trans-80:rgba(255, 39, 215, .8);--primary-trans-90:rgba(255, 39, 215, .9);--primary-light-trans-10:rgba(255, 179, 241, .1);--primary-light-trans-20:rgba(255, 179, 241, .2);--primary-light-trans-30:rgba(255, 179, 241, .3);--primary-light-trans-40:rgba(255, 179, 241, .4);--primary-light-trans-50:rgba(255, 179, 241, .5);--primary-light-trans-60:rgba(255, 179, 241, .6);--primary-light-trans-70:rgba(255, 179, 241, .7);--primary-light-trans-80:rgba(255, 179, 241, .8);--primary-light-trans-90:rgba(255, 179, 241, .9);--primary-dark-trans-10:rgba(128, 0, 104, .1);--primary-dark-trans-20:rgba(128, 0, 104, .2);--primary-dark-trans-30:rgba(128, 0, 104, .3);--primary-dark-trans-40:rgba(128, 0, 104, .4);--primary-dark-trans-50:rgba(128, 0, 104, .5);--primary-dark-trans-60:rgba(128, 0, 104, .6);--primary-dark-trans-70:rgba(128, 0, 104, .7);--primary-dark-trans-80:rgba(128, 0, 104, .8);--primary-dark-trans-90:rgba(128, 0, 104, .9);--primary-ultra-dark-trans-10:rgba(51, 0, 42, .1);--primary-ultra-dark-trans-20:rgba(51, 0, 42, .2);
27--primary-ultra-dark-trans-30:rgba(51, 0, 42, .3);--primary-ultra-dark-trans-40:rgba(51, 0, 42, .4);--primary-ultra-dark-trans-50:rgba(51, 0, 42, .5);--primary-ultra-dark-trans-60:rgba(51, 0, 42, .6);--primary-ultra-dark-trans-70:rgba(51, 0, 42, .7);--primary-ultra-dark-trans-80:rgba(51, 0, 42, .8);--primary-ultra-dark-trans-90:rgba(51, 0, 42, .9);--base-trans-10:rgba(10, 36, 52, .1);--base-trans-20:rgba(10, 36, 52, .2);--base-trans-30:rgba(10, 36, 52, .3);--base-trans-40:rgba(10, 36, 52, .4);--base-trans-50:rgba(10, 36, 52, .5);--base-trans-60:rgba(10, 36, 52, .6);--base-trans-70:rgba(10, 36, 52, .7);--base-trans-80:rgba(10, 36, 52, .8);--base-trans-90:rgba(10, 36, 52, .9);--base-light-trans-10:rgba(191, 223, 243, .1);--base-light-trans-20:rgba(191, 223, 243, .2);--base-light-trans-30:rgba(191, 223, 243, .3);--base-light-trans-40:rgba(191, 223, 243, .4);--base-light-trans-50:rgba(191, 223, 243, .5);--base-light-trans-60:rgba(191, 223, 243, .6);--base-light-trans-70:rgba(191, 223, 243, .7);--base-light-trans-80:rgba(191, 223, 243, .8);--base-light-trans-90:rgba(191, 223, 243, .9);--base-dark-trans-10:rgba(20, 74, 107, .1);--base-dark-trans-20:rgba(20, 74, 107, .2);--base-dark-trans-30:rgba(20, 74, 107, .3);--base-dark-trans-40:rgba(20, 74, 107, .4);--base-dark-trans-50:rgba(20, 74, 107, .5);--base-dark-trans-60:rgba(20, 74, 107, .6);--base-dark-trans-70:rgba(20, 74, 107, .7);--base-dark-trans-80:rgba(20, 74, 107, .8);--base-dark-trans-90:rgba(20, 74, 107, .9);--base-ultra-dark-trans-10:rgba(8, 30, 43, .1);--base-ultra-dark-trans-20:rgba(8, 30, 43, .2);--base-ultra-dark-trans-30:rgba(8, 30, 43, .3);--base-ultra-dark-trans-40:rgba(8, 30, 43, .4);--base-ultra-dark-trans-50:rgba(8, 30, 43, .5);--base-ultra-dark-trans-60:rgba(8, 30, 43, .6);--base-ultra-dark-trans-70:rgba(8, 30, 43, .7);--base-ultra-dark-trans-80:rgba(8, 30, 43, .8);--base-ultra-dark-trans-90:rgba(8, 30, 43, .9);--neutral-trans-10:rgba(0, 0, 0, .1);--neutral-trans-20:rgba(0, 0, 0, .2);--neutral-trans-30:rgba(0, 0, 0, .3);--neutral-trans-40:rgba(0, 0, 0, .4);--neutral-trans-50:rgba(0, 0, 0, .5);--neutral-trans-60:rgba(0, 0, 0, .6);--neutral-trans-70:rgba(0, 0, 0, .7);--neutral-trans-80:rgba(0, 0, 0, .8);--neutral-trans-90:rgba(0, 0, 0, .9);--neutral-light-trans-10:rgba(217, 217, 217, .1);--neutral-light-trans-20:rgba(217, 217, 217, .2);--neutral-light-trans-30:rgba(217, 217, 217, .3);--neutral-light-trans-40:rgba(217, 217, 217, .4);--neutral-light-trans-50:rgba(217, 217, 217, .5);--neutral-light-trans-60:rgba(217, 217, 217, .6);--neutral-light-trans-70:rgba(217, 217, 217, .7);--neutral-light-trans-80:rgba(217, 217, 217, .8);--neutral-light-trans-90:rgba(217, 217, 217, .9);--neutral-dark-trans-10:rgba(64, 64, 64, .1);--neutral-dark-trans-20:rgba(64, 64, 64, .2);--neutral-dark-trans-30:rgba(64, 64, 64, .3);--neutral-dark-trans-40:rgba(64, 64, 64, .4);--neutral-dark-trans-50:rgba(64, 64, 64, .5);--neutral-dark-trans-60:rgba(64, 64, 64, .6);--neutral-dark-trans-70:rgba(64, 64, 64, .7);--neutral-dark-trans-80:rgba(64, 64, 64, .8);--neutral-dark-trans-90:rgba(64, 64, 64, .9);--neutral-ultra-dark-trans-10:rgba(26, 26, 26, .1);--neutral-ultra-dark-trans-20:rgba(26, 26, 26, .2);--neutral-ultra-dark-trans-30:rgba(26, 26, 26, .3);--neutral-ultra-dark-trans-40:rgba(26, 26, 26, .4);--neutral-ultra-dark-trans-50:rgba(26, 26, 26, .5);--neutral-ultra-dark-trans-60:rgba(26, 26, 26, .6);--neutral-ultra-dark-trans-70:rgba(26, 26, 26, .7);--neutral-ultra-dark-trans-80:rgba(26, 26, 26, .8);--neutral-ultra-dark-trans-90:rgba(26, 26, 26, .9);--white-trans-10:rgba(255, 255, 255, .1);--white-trans-20:rgba(255, 255, 255, .2);--white-trans-30:rgba(255, 255, 255, .3);--white-trans-40:rgba(255, 255, 255, .4);--white-trans-50:rgba(255, 255, 255, .5);--white-trans-60:rgba(255, 255, 255, .6);--white-trans-70:rgba(255, 255, 255, .7);--white-trans-80:rgba(255, 255, 255, .8);--white-trans-90:rgba(255, 255, 255, .9);--black-trans-10:rgba(0, 0, 0, .1);--black-trans-20:rgba(0, 0, 0, .2);--black-trans-30:rgba(0, 0, 0, .3);--black-trans-40:rgba(0, 0, 0, .4);--black-trans-50:rgba(0, 0, 0, .5);--black-trans-60:rgba(0, 0, 0, .6);--black-trans-70:rgba(0, 0, 0, .7);--black-trans-80:rgba(0, 0, 0, .8);--black-trans-90:rgba(0, 0, 0, .9);--success-trans-10:rgba(41, 167, 69, .1);--success-trans-20:rgba(41, 167, 69, .2);--success-trans-30:rgba(41, 167, 69, .3);--success-trans-40:rgba(41, 167, 69, .4);--success-trans-50:rgba(41, 167, 69, .5);--success-trans-60:rgba(41, 167, 69, .6);--success-trans-70:rgba(41, 167, 69, .7);--success-trans-80:rgba(41, 167, 69, .8);--success-trans-90:rgba(41, 167, 69, .9);--success-light-trans-10:rgba(193, 240, 204, .1);--success-light-trans-20:rgba(193, 240, 204, .2);--success-light-trans-30:rgba(193, 240, 204, .3);--success-light-trans-40:rgba(193, 240, 204, .4);--success-light-trans-50:rgba(193, 240, 204, .5);--success-light-trans-60:rgba(193, 240, 204, .6);--success-light-trans-70:rgba(193, 240, 204, .7);--success-light-trans-80:rgba(193, 240, 204, .8);--success-light-trans-90:rgba(193, 240, 204, .9);--success-dark-trans-10:rgba(15, 62, 25, .1);--success-dark-trans-20:rgba(15, 62, 25, .2);--success-dark-trans-30:rgba(15, 62, 25, .3);--success-dark-trans-40:rgba(15, 62, 25, .4);--success-dark-trans-50:rgba(15, 62, 25, .5);--success-dark-trans-60:rgba(15, 62, 25, .6);--success-dark-trans-70:rgba(15, 62, 25, .7);--success-dark-trans-80:rgba(15, 62, 25, .8);--success-dark-trans-90:rgba(15, 62, 25, .9);--success-ultra-dark-trans-10:rgba(10, 41, 17, .1);--success-ultra-dark-trans-20:rgba(10, 41, 17, .2);--success-ultra-dark-trans-30:rgba(10, 41, 17, .3);--success-ultra-dark-trans-40:rgba(10, 41, 17, .4);--success-ultra-dark-trans-50:rgba(10, 41, 17, .5);--success-ultra-dark-trans-60:rgba(10, 41, 17, .6);--success-ultra-dark-trans-70:rgba(10, 41, 17, .7);--success-ultra-dark-trans-80:rgba(10, 41, 17, .8);--success-ultra-dark-trans-90:rgba(10, 41, 17, .9);--shade-white:#fff;
27--shade-black:#000;--bg-ultra-light:var(--neutral-ultra-light);--bg-light:var(--neutral-light);--bg-dark:var(--neutral-dark);--bg-ultra-dark:var(--neutral-ultra-dark);--text-light:var(--white);--text-light-muted:var(--white-trans-80);--text-dark:var(--black);--text-dark-muted:var(--black-trans-80);--body-bg-color:var(--white);--body-color:var(--text-dark)}:root{--on:initial;--off: ;--section-padding-x:1rem;--section-padding-block:var(--section-space-m);--section-gutter:1rem;--gutter:1rem;--text-xs:1.26rem;--text-s:1.42rem;--text-m:1.8rem;--text-l:2.025rem;--text-xl:2.28rem;--text-xxl:2.565rem;--root-font-size:100%;--h6:1.26rem;--h5:1.42rem;--h4:1.8rem;--h3:2.025rem;--h2:2.28rem;--h1:2.565rem;--space-xs:1.896rem;--space-s:2.133rem;--space-m:2.4rem;--space-l:2.7rem;--space-xl:3.038rem;--space-xxl:3.42rem;--section-space-xs:3.84rem;--section-space-s:4.8rem;--section-space-m:6rem;--section-space-l:7.5rem;--section-space-xl:9.375rem;--section-space-xxl:11.719rem;--content-width:85.375rem;--content-width-safe:min(var(--content-width), calc(100% - var(--gutter) * 2));--width-xs:calc(var(--content-width) * 0.1);--width-s:calc(var(--content-width) * 0.2);--width-m:calc(var(--content-width) * 0.4);--width-l:calc(var(--content-width) * 0.6);--width-xl:calc(var(--content-width) * 0.8);--width-xxl:calc(var(--content-width) * 0.9);--width-vp-max:calc(var(--content-width) * 1);--width-content:calc(var(--content-width) * 1);--width-full:calc(var(--content-width) * 100%);--width-10:calc(var(--content-width) * 0.1);--width-20:calc(var(--content-width) * 0.2);--width-30:calc(var(--content-width) * 0.3);--width-40:calc(var(--content-width) * 0.4);--width-50:calc(var(--content-width) * 0.5);--width-60:calc(var(--content-width) * 0.6);--width-70:calc(var(--content-width) * 0.7);--width-80:calc(var(--content-width) * 0.8);--width-90:calc(var(--content-width) * 0.9);--focus-color:var(--primary);--focus-width:2px;--focus-offset:2px;--box-shadow-m:0 0 40px var(--black-trans-10);--box-shadow-l:0 0 60px var(--black-trans-20);--box-shadow-xl:0 0 80px var(--black-trans-30);--box-shadow-1:0 0 40px var(--black-trans-10);--box-shadow-2:0 0 60px var(--black-trans-20);--box-shadow-3:0 0 80px var(--black-trans-30);--admin-bar-height:var(--wp-admin--admin-bar--height, 0px);--text-xxl-max-width:100%;--text-xl-max-width:100%;--text-l-max-width:100%;--text-m-line-height:calc(6px + 2ex);--text-m-max-width:100%;--text-s-max-width:100%;--text-xs-max-width:100%;--base-text-lh:calc(6px + 2ex);--heading-line-height:calc(4px + 2ex);--heading-font-weight:700;--heading-text-wrap:pretty;--base-heading-lh:calc(4px + 2ex);--h1-max-width:100%;--h2-max-width:100%;--h3-max-width:100%;--h4-line-height:calc(4px + 2ex);--h4-max-width:100%;--h5-max-width:100%;--h6-max-width:100%;--text-color:var(--text-dark);--text-line-height:calc(6px + 2ex);--text-text-wrap:pretty}:root{--grid-1:repeat(1, minmax(0, 1fr));--grid-2:repeat(2, minmax(0, 1fr));--grid-3:repeat(3, minmax(0, 1fr));--grid-4:repeat(4, minmax(0, 1fr));--grid-5:repeat(5, minmax(0, 1fr));--grid-6:repeat(6, minmax(0, 1fr));--grid-7:repeat(7, minmax(0, 1fr));--grid-8:repeat(8, minmax(0, 1fr));--grid-9:repeat(9, minmax(0, 1fr));--grid-10:repeat(10, minmax(0, 1fr));--grid-11:repeat(11, minmax(0, 1fr));--grid-12:repeat(12, minmax(0, 1fr));--grid-1-2:minmax(0, 1fr) minmax(0, 2fr);--grid-1-3:minmax(0, 1fr) minmax(0, 3fr);--grid-2-1:minmax(0, 2fr) minmax(0, 1fr);--grid-2-3:minmax(0, 2fr) minmax(0, 3fr);--grid-3-1:minmax(0, 3fr) minmax(0, 1fr);--grid-3-2:minmax(0, 3fr) minmax(0, 2fr)}:root{--grid-auto-2:repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((2 - 1) * var(--grid-gap))) / 2) * 0.7, (100% - (2 - 1) * var(--grid-gap)) / 2)), 1fr));--grid-auto-3:repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((3 - 1) * var(--grid-gap))) / 3) * 0.7, (100% - (3 - 1) * var(--grid-gap)) / 3)), 1fr));--grid-auto-4:repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((4 - 1) * var(--grid-gap))) / 4) * 0.7, (100% - (4 - 1) * var(--grid-gap)) / 4)), 1fr));--grid-auto-5:repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((5 - 1) * var(--grid-gap))) / 5) * 0.7, (100% - (5 - 1) * var(--grid-gap)) / 5)), 1fr));
27--grid-auto-6:repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((6 - 1) * var(--grid-gap))) / 6) * 0.7, (100% - (6 - 1) * var(--grid-gap)) / 6)), 1fr));--grid-auto-7:repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((7 - 1) * var(--grid-gap))) / 7) * 0.7, (100% - (7 - 1) * var(--grid-gap)) / 7)), 1fr));--grid-auto-8:repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((8 - 1) * var(--grid-gap))) / 8) * 0.7, (100% - (8 - 1) * var(--grid-gap)) / 8)), 1fr));--grid-auto-9:repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((9 - 1) * var(--grid-gap))) / 9) * 0.7, (100% - (9 - 1) * var(--grid-gap)) / 9)), 1fr));--grid-auto-10:repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((10 - 1) * var(--grid-gap))) / 10) * 0.7, (100% - (10 - 1) * var(--grid-gap)) / 10)), 1fr));--grid-auto-11:repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((11 - 1) * var(--grid-gap))) / 11) * 0.7, (100% - (11 - 1) * var(--grid-gap)) / 11)), 1fr));--grid-auto-12:repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((12 - 1) * var(--grid-gap))) / 12) * 0.7, (100% - (12 - 1) * var(--grid-gap)) / 12)), 1fr));--auto-grid-aggressiveness:0.7}:root{--header-height:0rem;--header-height-xl:0rem;--header-height-l:0rem;--header-height-m:0rem;--header-height-s:0rem}@media (max-width:1366px){:root{--header-height:var(--header-height-xl)}}@media (max-width:992px){:root{--header-height:var(--header-height-l)}}@media (max-width:768px){:root{--header-height:var(--header-height-m)}}@media (max-width:480px){:root{--header-height:var(--header-height-s)}}:root{--paragraph-spacing:1em;--heading-spacing:1.2em;--list-spacing:var(--paragraph-spacing);--list-indent-spacing:2em;--list-item-spacing:0.5em;--nested-list-indent-spacing:1em;--flow-spacing:var(--paragraph-spacing);--figure-spacing:var(--paragraph-spacing);--figcaption-spacing:0.5em;--blockquote-spacing:var(--paragraph-spacing)}:root{--option-primary-btn-outline:on;--option-secondary-btn-outline:on;--btn-padding-block:0.5em;--btn-padding-inline:1.25em;--btn-min-width:8.75rem;--btn-line-height:1;--btn-font-weight:400;--btn-font-style:normal;--btn-text-decoration:none;--btn-text-decoration-hover:none;--btn-letter-spacing:0;--btn-text-transform:none;--btn-border-width:2px;--btn-outline-border-width:2px;--btn-border-style:solid;--btn-border-radius:var(--radius);--btn-justify-content:center;--btn-text-align:center}:root{--btn-border-size:2px;--btn-radius:var(--radius);--outline-btn-border-size:2px;--btn-pad-x:1.25em;--btn-pad-y:0.5em;--btn-text-style:normal;--btn-weight:400;--btn-width:8.75}:root{--link-color:var(--primary);--link-color-hover:var(--primary-hover);--link-transition:var(--transition);--link-decoration:inherit;--link-decoration-hover:inherit;--link-underline-offset:auto;--link-weight:inherit}:root{--col-width-s:13rem;--col-width-m:25rem;--col-width-l:38rem;--col-rule-width-s:0.5px;--col-rule-width-m:1px;--col-rule-width-l:3px}:root{--sticky-s:2.5%;--sticky-m:5%;--sticky-l:10%}:root{--content-gap:var(--space-m);--fr-content-gap:var(--space-m);--container-gap:var(--space-xl);--fr-container-gap:var(--space-xl);--grid-gap:var(--space-m);--fr-grid-gap:var(--space-m);--bg-ultra-light-text:var(--text-dark);--bg-light-text:var(--text-dark);--bg-dark-text:var(--text-light);--bg-ultra-dark-text:var(--text-light);--bg-ultra-light-heading:var(--text-dark);--bg-light-heading:var(--text-dark);--bg-dark-heading:var(--text-light);--bg-ultra-dark-heading:var(--text-light);--bg-ultra-light-button:primary;--bg-light-button:primary;--bg-dark-button:primary;--bg-ultra-dark-button:primary}:root{--radius:8px;--radius-50:50%;--radius-circle:50vw;--radius-none:0;--radius-xs:3.5555555556px;--radius-s:5.3333333333px;--radius-m:8px;--radius-l:12px;--radius-xl:18px;--radius-xxl:27px;--border-size:1px;--border-width:1px;--border-style:solid;--border-color-dark:var(--black-trans-20);--border-color-light:var(--white-trans-20);--border:var(--border-size) var(--border-style) var(--border-color-dark);--border-light:var(--border-size) var(--border-style) var(--border-color-light);--border-dark:var(--border-size) var(--border-style) var(--border-color-dark)}:root{--divider-size:1px;--divider-style:solid;--divider-inline-size:100%;--divider-gap:var(--content-gap);--divider-color-dark:var(--black-trans-20);--divider-color-light:var(--white-trans-20);
27--divider:var(--divider-size) var(--divider-style) var(--divider-color-dark);--divider-light:var(--divider-size) var(--divider-style) var(--divider-color-light);--divider-dark:var(--divider-size) var(--divider-style) var(--divider-color-dark)}:root{--transition-duration:0.3s;--transition-timing:ease-in-out;--transition-delay:0s;--transition:background var(--transition-duration) var(--transition-timing) var(--transition-delay),color var(--transition-duration) var(--transition-timing) var(--transition-delay),border var(--transition-duration) var(--transition-timing) var(--transition-delay),translate var(--transition-duration) var(--transition-timing) var(--transition-delay)}[id]{scroll-margin-top:var(--offset,0)}html{font-size:var(--root-font-size)!important}:root{interpolate-size:allow-keywords}*,::after,::before{box-sizing:border-box}body{min-block-size:100vh}button,input,select,textarea{font:inherit}:where(dd){margin-inline-start:0}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,::after,::before{-webkit-animation-duration:0s!important;animation-duration:0s!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}:where(section:not(section section)){padding-block:var(--section-padding-block);padding-inline:var(--gutter)}body:where(:not(.block-editor-writing-flow,.editor-styles-wrapper)) :where(p,h1,h2,h3,h4,h5,h6,ul,ol,li){margin-block:0}:where(.woocommerce-checkout) p{margin:0 0 1.2em}.brxe-post-content:where(:not([data-source=bricks]))>*+*,.brxe-text>*+*{margin-block-start:var(--flow-spacing,initial);margin-block-end:0}.brxe-post-content:where(:not([data-source=bricks]))>*+:where(h1,h2,h3,h4,h5,h6),.brxe-text>*+:where(h1,h2,h3,h4,h5,h6){margin-block-start:var(--heading-spacing,var(--flow-spacing,initial));margin-block-end:0}.brxe-post-content:where(:not([data-source=bricks]))>:where(* + h2),.brxe-text>:where(* + h2){margin-block-start:var(--h2-spacing,var(--heading-spacing));margin-block-end:0}.brxe-post-content:where(:not([data-source=bricks]))>:where(* + h3),.brxe-text>:where(* + h3){margin-block-start:var(--h3-spacing,var(--heading-spacing));margin-block-end:0}.brxe-post-content:where(:not([data-source=bricks]))>:where(* + h4),.brxe-text>:where(* + h4){margin-block-start:var(--h4-spacing,var(--heading-spacing));margin-block-end:0}.brxe-post-content:where(:not([data-source=bricks]))>:where(* + h5),.brxe-text>:where(* + h5){margin-block-start:var(--h5-spacing,var(--heading-spacing));margin-block-end:0}.brxe-post-content:where(:not([data-source=bricks]))>:where(* + h6),.brxe-text>:where(* + h6){margin-block-start:var(--h6-spacing,var(--heading-spacing));margin-block-end:0}.brxe-post-content:where(:not([data-source=bricks]))>*+p,.brxe-text>*+p{margin-block-start:var(--paragraph-spacing,var(--flow-spacing,initial));margin-block-end:0}.brxe-post-content:where(:not([data-source=bricks]))>:is(* + ul,* + ol),.brxe-text>:is(* + ul,* + ol){margin-block:var(--list-spacing,var(--flow-spacing,initial))}.brxe-post-content:where(:not([data-source=bricks]))>:is(ul,ol),.brxe-text>:is(ul,ol){padding-inline-start:var(--list-indent-spacing,var(--flow-spacing,initial))}.brxe-post-content:where(:not([data-source=bricks]))>ul *+li,.brxe-text>ul *+li{margin-block-start:var(--list-item-spacing,var(--flow-spacing,initial));margin-block-end:0}.brxe-post-content:where(:not([data-source=bricks]))>ul ul,.brxe-text>ul ul{margin-block:var(--nested-list-spacing,var(--list-item-spacing,initial));padding-inline-start:var(--nested-list-indent-spacing,initial)}.brxe-post-content:where(:not([data-source=bricks]))>:is(ul,ol) :is(ul,ol) li,.brxe-text>:is(ul,ol) :is(ul,ol) li{margin-block-start:var(--nested-list-item-spacing,var(--list-item-spacing,initial))}.brxe-post-content:where(:not([data-source=bricks]))>*+picture,.brxe-text>*+picture{margin-block:var(--figure-spacing,var(--flow-spacing,initial))}.brxe-post-content:where(:not([data-source=bricks]))>*+blockquote:where(:not(figure > blockquote)),.brxe-text>
27*+blockquote:where(:not(figure > blockquote)){margin-block:var(--blockquote-spacing,var(--flow-spacing,initial))}.brxe-post-content:where(:not([data-source=bricks]))>blockquote *+*,.brxe-text>blockquote *+*{margin-block-start:var(--paragraph-spacing,var(--flow-spacing,initial));margin-block-end:0}.brxe-post-content:where(:not([data-source=bricks]))>:is(figure,blockquote,ul,ol)+*,.brxe-text>:is(figure,blockquote,ul,ol)+*{--paragraph-spacing:0;--flow-spacing:0}body :where(p:last-of-type)+:is(h1,h2,h3,h4,h5,h6){margin-top:0;margin-block-start:0}:not(.woocommerce-checkout) [class*=woocommerce] *+p>*+*{margin-block-start:var(--flow-spacing,initial);margin-block-end:0}:not(.woocommerce-checkout) [class*=woocommerce] *+p>*+:where(h1,h2,h3,h4,h5,h6){margin-block-start:var(--heading-spacing,var(--flow-spacing,initial));margin-block-end:0}:not(.woocommerce-checkout) [class*=woocommerce] *+p>:where(* + h2){margin-block-start:var(--h2-spacing,var(--heading-spacing));margin-block-end:0}:not(.woocommerce-checkout) [class*=woocommerce] *+p>:where(* + h3){margin-block-start:var(--h3-spacing,var(--heading-spacing));margin-block-end:0}:not(.woocommerce-checkout) [class*=woocommerce] *+p>:where(* + h4){margin-block-start:var(--h4-spacing,var(--heading-spacing));margin-block-end:0}:not(.woocommerce-checkout) [class*=woocommerce] *+p>:where(* + h5){margin-block-start:var(--h5-spacing,var(--heading-spacing));margin-block-end:0}:not(.woocommerce-checkout) [class*=woocommerce] *+p>:where(* + h6){margin-block-start:var(--h6-spacing,var(--heading-spacing));margin-block-end:0}:not(.woocommerce-checkout) [class*=woocommerce] *+p>*+p{margin-block-start:var(--paragraph-spacing,var(--flow-spacing,initial));margin-block-end:0}:not(.woocommerce-checkout) [class*=woocommerce] *+p>:is(* + ul,* + ol){margin-block:var(--list-spacing,var(--flow-spacing,initial))}:not(.woocommerce-checkout) [class*=woocommerce] *+p>:is(ul,ol){padding-inline-start:var(--list-indent-spacing,var(--flow-spacing,initial))}:not(.woocommerce-checkout) [class*=woocommerce] *+p>ul *+li{margin-block-start:var(--list-item-spacing,var(--flow-spacing,initial));margin-block-end:0}:not(.woocommerce-checkout) [class*=woocommerce] *+p>ul ul{margin-block:var(--nested-list-spacing,var(--list-item-spacing,initial));padding-inline-start:var(--nested-list-indent-spacing,initial)}:not(.woocommerce-checkout) [class*=woocommerce] *+p>:is(ul,ol) :is(ul,ol) li{margin-block-start:var(--nested-list-item-spacing,var(--list-item-spacing,initial))}:not(.woocommerce-checkout) [class*=woocommerce] *+p>*+picture{margin-block:var(--figure-spacing,var(--flow-spacing,initial))}:not(.woocommerce-checkout) [class*=woocommerce] *+p>*+blockquote:where(:not(figure > blockquote)){margin-block:var(--blockquote-spacing,var(--flow-spacing,initial))}:not(.woocommerce-checkout) [class*=woocommerce] *+p>blockquote *+*{margin-block-start:var(--paragraph-spacing,var(--flow-spacing,initial));margin-block-end:0}:not(.woocommerce-checkout) [class*=woocommerce] *+p>:is(figure,blockquote,ul,ol)+*{--paragraph-spacing:0;--flow-spacing:0}:root{--bg-ultra-light-text:var(--text-dark);--bg-light-text:var(--text-dark);--bg-dark-text:var(--text-light);--bg-ultra-dark-text:var(--text-light);--bg-ultra-light-heading:var(--text-dark);--bg-light-heading:var(--text-dark);--bg-dark-heading:var(--text-light);--bg-ultra-dark-heading:var(--text-light)}.color-scheme--alt{--bg-ultra-light-text:var(--text-dark);--bg-light-text:var(--text-dark);--bg-dark-text:var(--text-light);--bg-ultra-dark-text:var(--text-light);--bg-ultra-light-heading:var(--text-dark);--bg-light-heading:var(--text-dark);--bg-dark-heading:var(--text-light);--bg-ultra-dark-heading:var(--text-light);--bg-ultra-dark-text:var(--text-light)}:where(.bg--ultra-light),:where(.bg--ultra-light) :is(h1,h2,h3,h4,h5,h6){color:var(--bg-ultra-light-text)}:where(.bg--light),:where(.bg--light) :is(h1,h2,h3,h4,h5,h6){color:var(--bg-light-text)}:where(.bg--dark),:where(.bg--dark) :is(h1,h2,h3,h4,h5,h6){color:var(--bg-dark-text)}:where(.bg--ultra-dark),:where(.bg--ultra-dark) :is(h1,h2,h3,h4,h5,h6){color:var(--bg-ultra-dark-text)}.h3.h3{font-size:var(--h3);max-width:var(--h3-max-width)}blockquote{text-wrap:pretty}.relative{position:relative}.sticky.sticky{position:-webkit-sticky;position:sticky;inset-block-start:var(--sticky-offset,var(--offset,0))}[class*=col-]>*{break-inside:avoid}:where([class*=masonry--] > *){break-inside:avoid;width:100%}:where([class*=masonry--]){--col-gap:var(--grid-gap)}:where([class*=masonry--] > *){margin-block-end:var(--grid-gap)}[class*=masonry]:is([class*=gap--],[class*=row-gap--],[class*=content-gap],[class*=container-gap],[class*=grid-gap],[class*=fr-content-gap],[class*=fr-container-gap],[class*=fr-grid-gap])>*{margin-block-end:var(--row-gap)}
27[class*=grid--auto]:where(:not([class*=rows])){display:grid!important;grid-template-columns:var(--grid-template-columns);gap:var(--grid-gap);inline-size:100%;--grid-template-columns-any:var(--grid-template-columns-fit);--min-formula:min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count)));--grid-template-columns-fit:repeat(auto-fit, minmax(var(--min-formula), 1fr));--grid-template-columns-fill:repeat(auto-fill, minmax(var(--min-formula), 1fr));--grid-template-columns-even-fit:repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));--grid-template-columns-even-fill:repeat(auto-fill, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr))}[class*=grid--auto]:where(:not([class*=rows]))>*{min-width:0;max-width:100%;overflow-wrap:break-word}:is(.grid--auto-2,.grid--auto-3,.grid--auto-4,.grid--auto-5,.grid--auto-6,.grid--auto-7,.grid--auto-8,.grid--auto-9,.grid--auto-10,.grid--auto-11,.grid--auto-12):where(.grid--auto-rows)>*{min-width:0;max-width:100%;overflow-wrap:break-word}.grid--auto-2{--min:calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;--column-count:2;--grid-template-columns:repeat(auto-fit, minmax(var(--min-formula), 1fr));--grid-template-columns-even:repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr))}.grid--auto-3{--min:calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;--column-count:3;--grid-template-columns:repeat(auto-fit, minmax(var(--min-formula), 1fr));--grid-template-columns-even:repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr))}.grid--auto-4{--min:calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;--column-count:4;--grid-template-columns:repeat(auto-fit, minmax(var(--min-formula), 1fr));--grid-template-columns-even:repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr))}@supports (font-size:calc(1vw + 2vw)){:root{--text-xs:calc(0.75rem + (-0.1168709751 * ((100vw - 22.5rem) / 62.875)));--text-s:calc(0.8125rem + (0.0314609902 * ((100vw - 22.5rem) / 62.875)));--text-m:calc(1rem + (0.125 * ((100vw - 22.5rem) / 62.875)));--text-l:calc(1.2rem + (0.299625 * ((100vw - 22.5rem) / 62.875)));--text-xl:calc(1.44rem + (0.559000125 * ((100vw - 22.5rem) / 62.875)));--text-xxl:calc(1.728rem + (0.9366671666 * ((100vw - 22.5rem) / 62.875)));--h6:calc(0.75rem + (-0.0465233056 * ((100vw - 22.5rem) / 62.875)));--h5:calc(0.8125rem + (0.1252344336 * ((100vw - 22.5rem) / 62.875)));--h4:calc(1.125rem + (0.125 * ((100vw - 22.5rem) / 62.875)));--h3:calc(1.35rem + (0.31625 * ((100vw - 22.5rem) / 62.875)));--h2:calc(1.62rem + (0.60111125 * ((100vw - 22.5rem) / 62.875)));--h1:calc(1.944rem + (1.0167412963 * ((100vw - 22.5rem) / 62.875)))}@media (min-width:1367px){:root{--text-xs:0.6331290249rem;--text-s:0.8439609902rem;--text-m:1.125rem;--text-l:1.499625rem;--text-xl:1.999000125rem;--text-xxl:2.6646671666rem;--h6:0.7034766944rem;--h5:0.9377344336rem;--h4:1.25rem;--h3:1.66625rem;--h2:2.22111125rem;--h1:2.9607412963rem}}}@supports (font-size:clamp(1vw,2vw,3vw)){:root{--text-xs:clamp(0.75rem, calc(-0.1858782904vw + 0.7918226153rem), 0.6331290249rem);--text-s:clamp(0.8125rem, calc(0.0500373602vw + 0.8012415939rem), 0.8439609902rem);--text-m:clamp(1rem, calc(0.1988071571vw + 0.9552683897rem), 1.125rem);--text-l:clamp(1.2rem, calc(0.4765407555vw + 1.09277833rem), 1.499625rem);--text-xl:clamp(1.44rem, calc(0.8890658052vw + 1.2399601938rem), 1.999000125rem);--text-xxl:clamp(1.728rem, calc(1.489729092vw + 1.3928109543rem), 2.6646671666rem);--h6:clamp(0.75rem, calc(-0.073993329vw + 0.766648499rem), 0.7034766944rem);--h5:clamp(0.8125rem, calc(0.1991800137vw + 0.7676844969rem), 0.9377344336rem);--h4:clamp(1.125rem, calc(0.1988071571vw + 1.0802683897rem), 1.25rem);--h3:clamp(1.35rem, calc(0.5029821074vw + 1.2368290258rem), 1.66625rem);--h2:clamp(1.62rem, calc(0.9560417495vw + 1.4048906064rem), 2.22111125rem);--h1:clamp(1.944rem, calc(1.6170835726vw + 1.5801561962rem), 2.9607412963rem)}}@supports (padding:calc(1vw + 2vw)){:root{--space-xs:calc(0.8441720333rem + (-0.0108386999 * ((100vw - 22.5rem) / 62.875)));--space-s:calc(1.1252813203rem + (0.1247186797 * ((100vw - 22.5rem) / 62.875)));--space-m:calc(1.5rem + (0.375 * ((100vw - 22.5rem) / 62.875)));--space-l:calc(1.9995rem + (0.813 * ((100vw - 22.5rem) / 62.875)));--space-xl:calc(2.6653335rem + (1.5534165 * ((100vw - 22.5rem) / 62.875)));--space-xxl:calc(3.5528895555rem + (2.7752354445 * ((100vw - 22.5rem) / 62.875)));--section-space-xs:calc(1.6883440665rem + (0.8116559335 * ((100vw - 22.5rem) / 62.875)));--section-space-s:calc(2.2505626407rem + (1.4994373593 * ((100vw - 22.5rem) / 62.875)));--section-space-m:calc(3rem + (2.625 * ((100vw - 22.5rem) / 62.875)));--section-space-l:calc(3.999rem + (4.4385 * ((100vw - 22.5rem) / 62.875)));--section-space-xl:calc(5.330667rem + (7.325583 * ((100vw - 22.5rem) / 62.875)));--section-space-xxl:calc(7.105779111rem + (11.878595889 * ((100vw - 22.5rem) / 62.875)));--section-padding-x:calc(1rem + (2.75 * ((100vw - 22.5rem) / 62.875)));--gutter:calc(1rem + (2.75 * ((100vw - 22.5rem) / 62.875)))}@media (min-width:1367px){:root{--space-xs:0.8333333333rem;--space-s:1.25rem;--space-m:1.875rem;--space-l:2.8125rem;--space-xl:4.21875rem;--space-xxl:6.328125rem;--section-space-xs:2.5rem;--section-space-s:3.75rem;--section-space-m:5.625rem;--section-space-l:8.4375rem;--section-space-xl:12.65625rem;--section-space-xxl:18.984375rem;--section-padding-x:3.75rem;--gutter:3.75rem}}}@supports (padding:clamp(1vw,2vw,3vw)){:root{--space-xs:clamp(0.8441720333rem, calc(-0.0172384889vw + 0.8480506933rem), 0.8333333333rem);--space-s:clamp(1.1252813203rem, calc(0.1983597291vw + 1.0806503813rem), 1.25rem);--space-m:clamp(1.5rem, calc(0.5964214712vw + 1.365805169rem), 1.875rem);--space-l:clamp(1.9995rem, calc(1.2930417495vw + 1.7085656064rem), 2.8125rem);--space-xl:clamp(2.6653335rem, calc(2.4706425447vw + 2.1094389274rem), 4.21875rem);--space-xxl:clamp(3.5528895555rem, calc(4.4138933511vw + 2.5597635515rem), 6.328125rem);--section-space-xs:clamp(1.6883440665rem, calc(1.2909040692vw + 1.3978906509rem), 2.5rem);--section-space-s:clamp(2.2505626407rem, calc(2.3847910288vw + 1.7139846592rem), 3.75rem);--section-space-m:clamp(3rem, calc(4.1749502982vw + 2.0606361829rem), 5.625rem);--section-space-l:clamp(3.999rem, calc(7.0592445328vw + 2.4106699801rem), 8.4375rem);--section-space-xl:clamp(5.330667rem, calc(11.6510266402vw + 2.709186006rem), 12.65625rem);--section-space-xxl:clamp(7.105779111rem, calc(18.8923990282vw + 2.8549893296rem), 18.984375rem);--section-padding-x:clamp(1rem, calc(4.3737574553vw + 0.0159045726rem), 3.75rem);--gutter:clamp(1rem, calc(4.3737574553vw + 0.0159045726rem), 3.75rem)}}.contain{container-type:inline-size}.contain>*{container-type:inline-size}
27section:where(:not(.bricks-shape-divider)){display:flex;flex-direction:column;align-items:center;gap:var(--container-gap)}section>div:where(:not(.bricks-shape-divider)){display:flex;flex-direction:column;align-items:flex-start;gap:var(--content-gap)}:where(:where(.brxe-block)){gap:var(--content-gap)}:where(:where(.brxe-div)){gap:var(--content-gap)}:where([class*=grid--]),section>div:where([class*=grid--]){gap:var(--grid-gap)}:root{--f-label-size:clamp(0.875rem, calc(0.1988071571vw + 0.8302683897rem), 1rem);--f-label-font-weight:400;--f-label-line-height:1;--f-label-padding-x:0;--f-label-padding-y:0;--f-label-margin-bottom:0.5em;--f-label-text-transform:none;--f-label-inside-position-left:1.5em;--f-label-inside-position-top:0;--f-label-inside-scale:1;--f-legend-text-weight:600;--f-legend-size:clamp(0.875rem, calc(0.1988071571vw + 0.8302683897rem), 1rem);--f-legend-margin-bottom:1em;--f-legend-border:none;--f-legend-line-height:1.2;--f-help-text-weight:400;--f-help-size:clamp(0.75rem, calc(0.1988071571vw + 0.7052683897rem), 0.875rem);--f-help-line-height:1.4;--f-help-margin-block:0.5em 0;--f-field-margin-bottom:1.5em;--f-fieldset-margin-bottom:1.5em;--f-grid-gutter:2rem;--f-input-border-style:solid;--f-input-border-top-size:0.0625rem;--f-input-border-right-size:0.0625rem;--f-input-border-bottom-size:0.0625rem;--f-input-border-left-size:0.0625rem;--f-input-border-radius:var(--btn-radius);--f-input-size:clamp(0.875rem, calc(0.3976143141vw + 0.7855367793rem), 1.125rem);--f-input-font-weight:400;--f-input-line-height:1;--f-input-height:3.125rem;--f-input-padding-x:1em;--f-input-padding-y:0.5em;--f-btn-border-style:solid;--f-btn-border-width:var(--btn-border-width);--f-btn-border-radius:var(--btn-radius);--f-btn-text-size:clamp(0.875rem, calc(0.3976143141vw + 0.7855367793rem), 1.125rem);--f-btn-font-weight:400;--f-btn-line-height:1;--f-btn-padding-y:0.75em;--f-btn-padding-x:1.5em;--f-btn-margin-top:0;--f-btn-text-decoration:none;--f-btn-text-transform:none;--f-option-label-font-weight:400;--f-option-label-size:clamp(0.875rem, calc(0.1988071571vw + 0.8302683897rem), 1rem);--f-option-label-spacing:0.5em;--f-option-label-line-height:1.4;--f-progress-height:1.875rem;--f-progress-bar-radius:var(--btn-radius);--f-tab-border-size:0;--f-tab-border-style:solid;--f-tab-border-radius:0;--f-tab-text-size:clamp(1rem, calc(0.1988071571vw + 0.9552683897rem), 1.125rem);--f-tab-text-weight:400;--f-tab-text-line-height:1;--f-tab-text-align:center;--f-tab-text-transform:none;--f-tab-text-decoration:none;--f-tab-padding-y:0.75em;--f-tab-padding-x:1.5em;--f-tab-margin-x:0;--f-tab-width:auto;--f-tab-active-border-bottom-size:3px;--f-tab-active-text-weight:600;--f-tab-active-border-size:0;--f-tab-active-border-style:solid;--f-tab-group-padding-y:0;--f-tab-group-padding-x:0;--f-tab-group-border-bottom-size:2px;--f-tab-group-border-bottom-style:solid;--f-tab-group-margin-bottom:3rem}.border:where(:not(:is(figure,picture))),.border:where(figure,picture)>img{border:var(--border);border-radius:var(--radius)}.rounded--circle.rounded--circle{border-radius:var(--radius-circle)}:where(figure:not(figure:has(img))),:where(img):not(header img){border-radius:var(--radius)}.transition{transition:var(--transition)}:root{--wp-page-block-width:100%;--wp-post-block-width:767px}:root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#ffffff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;
27--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,rgb(6, 147, 227) 0%,rgb(155, 81, 224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,rgb(122, 220, 180) 0%,rgb(0, 208, 130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,rgb(252, 185, 0) 0%,rgb(255, 105, 0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgb(255, 105, 0) 0%,rgb(207, 46, 46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,rgb(238, 238, 238) 0%,rgb(169, 184, 195) 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,rgb(74, 234, 220) 0%,rgb(151, 120, 209) 20%,rgb(207, 42, 186) 40%,rgb(238, 44, 130) 60%,rgb(251, 105, 98) 80%,rgb(254, 248, 76) 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,rgb(255, 206, 236) 0%,rgb(152, 150, 240) 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,rgb(254, 205, 165) 0%,rgb(254, 45, 45) 50%,rgb(107, 0, 62) 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,rgb(255, 203, 112) 0%,rgb(199, 81, 192) 50%,rgb(65, 88, 208) 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,rgb(255, 245, 203) 0%,rgb(182, 227, 212) 50%,rgb(51, 167, 181) 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,rgb(202, 248, 128) 0%,rgb(113, 206, 126) 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,rgb(2, 3, 129) 0%,rgb(40, 116, 252) 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--spacing--20:0.44rem;--wp--preset--spacing--30:0.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0, 0, 0, .2);--wp--preset--shadow--deep:12px 12px 50px rgba(0, 0, 0, .4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0, 0, 0, .2);--wp--preset--shadow--outlined:6px 6px 0px -3px rgb(255, 255, 255),6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp:6px 6px 0px rgb(0, 0, 0)}:where(body){margin:0}:where(.is-layout-flex){gap:.5em}:where(.is-layout-grid){gap:.5em}body{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}:root :where(.wp-element-button,.wp-block-button__link){background-color:#32373c;border-width:0;color:#fff;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;padding-top:calc(.667em + 2px);padding-right:calc(1.333em + 2px);
27padding-bottom:calc(.667em + 2px);padding-left:calc(1.333em + 2px);text-decoration:none;text-transform:inherit}:root{--bricks-vh:1vh;--bricks-transition:all 0.2s;--bricks-color-primary:#ffd64f;--bricks-color-secondary:#fc5778;--bricks-text-dark:#212121;--bricks-text-medium:#616161;--bricks-text-light:#9e9e9e;--bricks-text-info:#00b0f4;--bricks-text-success:#11b76b;--bricks-text-warning:#ffa100;--bricks-text-danger:#fa4362;--bricks-bg-info:#e5f3ff;--bricks-bg-success:#e6f6ed;--bricks-bg-warning:#fff2d7;--bricks-bg-danger:#ffe6ec;--bricks-bg-dark:#263238;--bricks-bg-light:#f5f6f7;--bricks-border-color:#dddedf;--bricks-border-radius:4px;--bricks-tooltip-bg:#23282d;--bricks-tooltip-text:#eaecef}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}article,footer,header,main,nav,section{display:block}hr{box-sizing:content-box;height:0;overflow:visible}code{font-family:monospace;font-size:1em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}button,input,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}menu{display:block}canvas{display:inline-block}[hidden],template{display:none}.brxe-section{align-items:center;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;width:100%}@media (max-width:767px){.brxe-section{flex-wrap:wrap}}.brxe-section.bricks-lazy-hidden{background-image:none!important}.brxe-container{align-items:flex-start;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;width:1100px}@media (max-width:767px){.brxe-container{flex-wrap:wrap}}.brxe-container.bricks-lazy-hidden{background-image:none!important}.brxe-block{align-items:flex-start;display:flex;flex-direction:column;width:100%}@media (max-width:767px){.brxe-block{flex-wrap:wrap}}.brxe-block.bricks-lazy-hidden{background-image:none!important}.brxe-div.bricks-lazy-hidden{background-image:none!important}[class*=brxe-]{max-width:100%}:where([class*=brxe-].has-shape>*){position:relative}svg:not([width]){min-width:1em}svg:not([height]){min-height:1em}svg.fill *{fill:inherit}span[class*=brxe-]:not(.brxe-section):not(.brxe-container):not(.brxe-block):not(.brxe-div){width:auto}#brx-footer{background-position:50%;background-size:cover;flex-shrink:0;margin-top:auto;position:relative;width:100%}.brx-popup{align-items:center;display:flex;flex-direction:column;height:100vh;height:calc(var(--bricks-vh,1vh)*100);justify-content:center;left:0;position:fixed!important;top:0;width:100%;z-index:10000}.brx-popup .brx-popup-backdrop{background-color:rgba(0,0,0,.5);bottom:0;left:0;opacity:1;position:absolute;right:0;top:0;transition:all 1s ease-in-out;visibility:visible}.brx-popup.hide{pointer-events:none}.brx-popup.hide,.brx-popup.hide .brx-popup-backdrop{opacity:0;visibility:hidden}.brx-popup-content{background-color:#fff;margin:0;max-width:100%;overflow-y:auto;padding:30px;z-index:1}.brx-popup-content.brx-woo-quick-view{width:auto}html{font-size:62.5%}*,:after,:before,html{box-sizing:border-box}:after,:before{outline:0}*{border-color:var(--bricks-border-color)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;background-color:#fff;background-position:50%;color:#363636;font-family:-apple-system,"system-ui",'Segoe UI',roboto,helvetica,arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';font-size:15px;line-height:1.7;transition:var(--bricks-transition);transition:padding-top 0s}body.no-scroll{overflow:hidden}
27.brx-body{display:flex;flex-direction:column;margin:0 auto;width:100%}:where(a){border-color:currentcolor;color:currentcolor;cursor:pointer;text-decoration:none}h1,h2,h3{margin:0;text-rendering:optimizelegibility}h1 a,h2 a,h3 a{color:currentcolor}h1{font-size:2.4em}h1,h2{line-height:1.4}h2{font-size:2.1em}h3{font-size:1.8em}h3{line-height:1.4}:where(p){margin:0 0 1.2em}:where(p:last-of-type){margin-bottom:0}:where(p:last-of-type)+h1,:where(p:last-of-type)+h2,:where(p:last-of-type)+h3,:where(p:last-of-type)+h4,:where(p:last-of-type)+h5,:where(p:last-of-type)+h6{margin-top:1.2em}img{height:auto;max-width:100%;outline:0;vertical-align:middle}.bricks-lazy-hidden.wait,.bricks-lazy-load-isotope.wait{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGNpcmNsZSBzdHJva2Utb3BhY2l0eT0iLjUiIGN4PSIxOCIgY3k9IjE4IiByPSIxOCIvPjxwYXRoIGQ9Ik0zNiAxOGMwLTkuOTQtOC4wNi0xOC0xOC0xOCI+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMTggMTgiIHRvPSIzNjAgMTggMTgiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPjwvZz48L3N2Zz4=")!important;background-position:50% 50%;background-repeat:no-repeat;background-size:32px;filter:brightness(.5);transition:all 0s}audio,iframe{max-width:100%}button{border:none;cursor:pointer;outline:0;padding:0}blockquote{border-left-style:solid;border-left-width:4px;font-family:georgia,'Times New Roman',times,serif;font-size:1.3em;margin:15px 0;padding:0 0 0 30px;position:relative}hr{border:none;border-top:1px solid var(--bricks-border-color);margin:1em 0}pre{background-color:var(--bricks-bg-light);color:#fc1f49;font-family:monospace;font-size:13px;margin:0;padding:10px 15px;white-space:pre-wrap}label{color:var(--bricks-text-light);display:block;font-weight:400;margin-bottom:5px}button,input,select,textarea{font-family:inherit;text-align:inherit}.input,input:not([type=submit]),select,textarea{border-style:solid;border-width:1px;box-shadow:none;color:currentcolor;font-size:inherit;line-height:40px;outline:0;padding:0 12px;transition:var(--bricks-transition);width:100%}input[type=button]{width:auto}input[type=submit],select{cursor:pointer}select{appearance:none;-webkit-appearance:none;background-color:transparent;background-image:linear-gradient(45deg,transparent 50%,gray 0),linear-gradient(135deg,gray 50%,transparent 0);background-position:calc(100% - 20px) calc(50% + 2px),calc(100% - 16px) calc(50% + 2px);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-radius:0}textarea{height:auto;line-height:inherit!important;min-height:90px;padding:10px 12px}::placeholder{color:var(--bricks-border-color)}.skip-link{background:#000;border-bottom-right-radius:8px;color:#fff;font-weight:700;left:0;padding:5px 10px;position:fixed;top:0;transform:translateY(-102%);transition:transform .3s;z-index:9999}body.bricks-is-frontend :focus-visible{outline:auto}.brx-has-megamenu.open .brx-megamenu{opacity:1;visibility:visible}.brx-megamenu{left:0;opacity:0;position:absolute;transition-duration:.2s;transition-property:opacity,transform,visibility;transition-timing-function:ease;visibility:hidden;width:100%;z-index:998}.brx-megamenu:not(.brx-submenu-positioned){display:none!important}.brx-has-multilevel .open>
27ul,.brx-has-multilevel.open>ul{opacity:1;transform:translate(0);visibility:visible}.brx-has-multilevel .open.active,.brx-has-multilevel .open.active>ul>li,.brx-has-multilevel.open.active,.brx-has-multilevel.open.active>ul>li{display:flex}.brx-has-multilevel .menu-item a{width:100%}.brx-has-multilevel .open:not(.active)>.brx-submenu-toggle{display:none}.brx-has-multilevel>ul ul{transform:translate(20px);transition:transform .1s cubic-bezier(0,0,.2,1);will-change:transform}.brx-has-multilevel ul:not(.brx-multilevel-overflow-right){left:0!important}.brx-has-multilevel ul .active>.brx-submenu-toggle,.brx-has-multilevel ul li:not(.open){display:none}.brx-submenu-toggle{align-items:center;cursor:pointer;display:flex}.brx-submenu-toggle button{align-items:center;background-color:transparent;color:currentcolor;display:flex;transition:transform .1s cubic-bezier(0,0,.2,1);will-change:transform}.brx-multilevel-overflow-right,.brx-multilevel-overflow-right ul,.brx-submenu-overflow-right{left:auto!important;right:0!important}.brx-sub-submenu-overflow-right,.brx-sub-submenu-overflow-right ul,.brx-submenu-overflow-right ul{left:auto!important;right:100%!important}#brx-content{flex:1;position:relative;width:100%}#brx-content>.woocommerce{margin-left:auto;margin-right:auto}.bricks-layout-item{line-height:1.6;position:relative}.bricks-layout-item:last-child img{padding-bottom:0!important}.bricks-layout-item .dynamic{margin:0;padding:0}li.bricks-gutter-sizer{pointer-events:none;position:absolute;top:-99999px;visibility:hidden;width:var(--gutter)!important}.bricks-masonry{--columns:3;--gutter:10px;display:flex;flex-flow:row wrap;position:relative}.bricks-masonry>:not(.bricks-gutter-sizer){margin-bottom:var(--gutter);width:calc(100%/var(--columns) - var(--gutter)*(var(--columns) - 1)/ var(--columns))}#brx-header{background-position:50%;background-size:cover;position:relative;width:100%}#brx-header.sticky{left:0;position:fixed;right:0;top:0;transition:background-color .2s,transform .4s;width:100%;z-index:998}#brx-header.sticky .bricks-nav-menu>li>a,#brx-header.sticky>.brxe-block,#brx-header.sticky>.brxe-container,#brx-header.sticky>.brxe-div,#brx-header.sticky>.brxe-section{transition:inherit}#brx-header.sticky.slide-up:not(:has(.cart-detail.off-canvas.active,.brxe-offcanvas.brx-open)){-ms-overflow-style:none;overflow-x:hidden;scrollbar-width:none;transform:translateY(-101%)}#brx-header.sticky.slide-up::-webkit-scrollbar{display:none}#brx-header.sticky.sliding{overflow:hidden}#brx-header.sticky:has(.cart-detail.off-canvas.active,.brxe-offcanvas.brx-open){transition:none}.bricks-lightbox a{cursor:zoom-in}.bricks-background-video-wrapper{background-size:cover;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute!important;top:0;width:100%;z-index:-1}.bricks-background-video-wrapper iframe,.bricks-background-video-wrapper video{border:none;height:inherit;left:50%;max-width:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:inherit}.bricks-background-video-wrapper .bricks-video-poster-image{height:inherit;left:50%;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:inherit;z-index:1}.bricks-pagination ul{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;list-style-type:none;margin:0;padding:0}.brx-load-more-hidden,.brx-query-trail:not(.bricks-isotope-sizer){display:none}.bricks-isotope-sizer{pointer-events:none;position:absolute;top:-99999px;visibility:hidden}.brx-load-more-hidden{display:none}.gallery{display:flex;flex-flow:row wrap;margin:0 -10px}.bricks-isotope-filters{color:var(--bricks-text-light);list-style-type:none;margin:0;padding:0;text-align:center}.bricks-isotope-filters li{cursor:pointer;display:inline-block;margin-bottom:30px;padding:0 20px;width:auto!important}.bricks-isotope-filters .active{color:var(--bricks-text-dark)}.bricks-swiper-container{list-style:none;margin-left:auto;margin-right:auto;opacity:0;overflow:hidden;padding:0;position:relative;transition:opacity .1s ease-in .1s;z-index:1}.bricks-swiper-container:not(.swiper-initialized) .swiper-slide:not(.swiper-slide-active){opacity:0}
27[class^=brxe-] .bricks-swiper-container{opacity:1!important}.swiper-slide{flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.bricks-swiper-button-prev{background-image:none!important;transform:translate(-100%,-50%)}.bricks-swiper-button-next{background-image:none!important;transform:translate(100%,-50%)}.swiper-pagination{display:flex;flex-direction:row;position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10}:where(.brxe-accordion){list-style-type:none;margin:0;padding:0;width:100%}:where(.brxe-accordion) .brx-open .accordion-content-wrapper{display:block}:where(.brxe-accordion) .brx-open .icon.expanded{display:block!important}:where(.brxe-accordion) .brx-open .icon.expanded+.icon{display:none}:where(.brxe-accordion) .accordion-title-wrapper{cursor:pointer;margin-bottom:-1px;padding:15px 0;transition:var(--bricks-transition)}:where(.brxe-accordion) .accordion-title{align-items:center;display:flex}:where(.brxe-accordion) .accordion-title:empty{display:none!important}:where(.brxe-accordion) .accordion-title.icon-left{flex-direction:row-reverse}:where(.brxe-accordion) .accordion-title.icon-left .icon{margin-left:0;margin-right:10px}:where(.brxe-accordion) .accordion-title.icon-right .icon{margin-left:10px;margin-right:0}:where(.brxe-accordion) .accordion-title .title{flex:1;line-height:30px;margin:0}:where(.brxe-accordion) .accordion-title .icon{font-size:.8em;line-height:1;position:relative;top:1px;transform-origin:center}:where(.brxe-accordion) .accordion-title .icon.expanded{display:none}:where(.brxe-accordion) .accordion-subtitle{opacity:.8}:where(.brxe-accordion) .accordion-content-wrapper{animation:.5s height;display:none;overflow:hidden;padding:0 0 15px}:where(.brxe-accordion) .accordion-content-wrapper:empty{display:none!important}.brxe-accordion-nested{width:100%}.brxe-accordion-nested .accordion-title-wrapper{cursor:pointer}.brxe-accordion-nested .accordion-title-wrapper .brxe-heading{margin:0}.brxe-accordion-nested .accordion-content-wrapper{display:none}.brxe-accordion-nested .brx-open>.accordion-content-wrapper{display:block}:where(.brxe-alert){align-items:center;border-color:currentcolor;display:flex;justify-content:space-between;padding:15px;width:100%}:where(.brxe-alert).info{background-color:var(--bricks-bg-info);color:var(--bricks-text-info)}:where(.brxe-alert).info .bricks-button{background-color:var(--bricks-text-info);color:#fff}:where(.brxe-alert).success{background-color:var(--bricks-bg-success);color:var(--bricks-text-success)}:where(.brxe-alert).success .bricks-button{background-color:var(--bricks-text-success);color:#fff}:where(.brxe-alert).warning{background-color:var(--bricks-bg-warning);color:var(--bricks-text-warning)}:where(.brxe-alert).warning .bricks-button{background-color:var(--bricks-text-warning);color:#fff}:where(.brxe-alert).danger{background-color:var(--bricks-bg-danger);color:var(--bricks-text-danger)}:where(.brxe-alert).danger .bricks-button{background-color:var(--bricks-text-danger);color:#fff}:where(.brxe-alert).muted{background-color:var(--bricks-bg-light)}:where(.brxe-alert) .content{flex:1}:where(.brxe-alert) h1,:where(.brxe-alert) h2,:where(.brxe-alert) h3,:where(.brxe-alert) h4,:where(.brxe-alert) h5,:where(.brxe-alert) h6{color:inherit}:where(.brxe-alert) p{margin:0}:where(.brxe-alert) a{text-decoration:underline}:where(.brxe-alert) svg{cursor:pointer;height:1em}:where(.brxe-alert) svg g{stroke:currentcolor}.brxe-audio{background-color:var(--bricks-bg-dark);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;padding:15px 20px;width:100%}.brxe-back-to-top{align-items:center;appearance:none;bottom:20px;cursor:pointer;display:flex;flex-direction:row;opacity:0;position:fixed;right:20px;transition:all .1s ease-in-out;visibility:hidden;z-index:9999}.brxe-back-to-top.visible{opacity:1;visibility:visible}.brxe-animated-typing{line-height:1;margin:0}.brxe-carousel{min-width:0;position:relative;width:100%}.brxe-carousel .image{background-position:50%;background-size:cover;bottom:0;height:300px;left:0;position:relative;right:0;top:0}.brxe-carousel .dynamic{margin:0;padding:0}.brxe-code{width:100%}.brxe-countdown{display:inline-flex;flex-wrap:wrap;width:auto}.brxe-countdown .field{align-items:center;display:inline-flex;flex-direction:column;justify-content:center}.brxe-countdown .format,.brxe-countdown .prefix,.brxe-countdown .suffix{display:block}.brxe-counter{width:auto}:where(.brxe-divider){align-items:center;display:flex;font-size:30px;
27gap:30px}:where(.brxe-divider).horizontal{width:100%}:where(.brxe-divider).horizontal .line{border-top:1px solid}:where(.brxe-divider).vertical{flex-direction:column}:where(.brxe-divider).vertical .line{border-right:1px solid;width:auto}:where(.brxe-divider) .line{position:relative;width:100%}:where(.brxe-divider) .icon{flex-shrink:0;position:relative}:where(.brxe-divider) a{display:inline-flex}.brxe-dropdown{display:flex;flex-direction:column;position:relative}.brxe-dropdown[data-static] .open>.brx-dropdown-content,.brxe-dropdown[data-static].open>.brx-dropdown-content{display:block}.brxe-dropdown[data-static] .brx-dropdown-content{display:none;position:static}.brxe-dropdown:not([data-toggle=click]):hover .brx-dropdown-content:after{bottom:100%;content:"";height:var(--brx-dropdown-height-before,0);position:absolute;width:100%;z-index:1}.brxe-dropdown.open>.brx-dropdown-content{opacity:1;visibility:visible}.brxe-dropdown:not(.open) .brx-dropdown-content{pointer-events:none}.brxe-dropdown .brx-submenu-toggle{gap:10px}.brxe-dropdown .brxe-dropdown:not([data-toggle=click]):hover:before{display:none}.brxe-dropdown .brxe-dropdown .brx-dropdown-content{left:100%;top:0}.brx-dropdown-content{background-color:#fff;display:flex;flex-direction:column;list-style-type:none;margin:0;
27min-width:200px;opacity:0;padding:0;position:absolute;top:100%;transition-duration:.2s;transition-property:opacity,transform,visibility;transition-timing-function:ease;visibility:hidden;z-index:1001}.brx-dropdown-content:not(.brx-submenu-positioned){display:none!important}.brx-dropdown-content>li.brxe-text-link{display:list-item}.brx-dropdown-content>li .brxe-text-link{display:flex}.brx-multilevel-back{align-items:center;cursor:pointer;display:flex;gap:3px;width:100%}:where(.brxe-form){display:flex;flex-wrap:wrap;width:100%}:where(.brxe-form) .label,:where(.brxe-form) label{color:inherit;font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}:where(.brxe-form) .form-group{display:flex;flex-direction:column;padding:0 0 20px;width:100%}:where(.brxe-form) .form-group.captcha,:where(.brxe-form) .form-group:last-child{padding-bottom:0}:where(.brxe-form) .form-group.captcha{line-height:1}:where(.brxe-form) .form-group.file{display:block}:where(.brxe-form) .form-group.file>label.choose-files{margin-bottom:0}:where(.brxe-form) .form-group>.label{margin-bottom:5px}:where(.brxe-form) .form-group .form-group-error-message{background-color:var(--bricks-bg-danger);color:var(--bricks-text-danger);display:none;padding:15px;width:100%}:where(.brxe-form) .form-group .form-group-error-message.show{display:block}:where(.brxe-form) .form-group .password-input-wrapper{position:relative}:where(.brxe-form) .form-group .password-input-wrapper .password-toggle{background:0 0;position:absolute;right:12px;top:50%;transform:translateY(-50%)}:where(.brxe-form) .form-group .password-input-wrapper .password-toggle span{display:flex}:where(.brxe-form) .form-group .password-input-wrapper .password-toggle span.hide{display:none}:where(.brxe-form) .submit-button-wrapper{width:auto}:where(.brxe-form) .required:after{content:"*";padding:0 2px;position:relative;top:-2px}:where(.brxe-form) .options-wrapper{list-style-type:none;margin:0;padding:0}:where(.brxe-form) .options-wrapper input,:where(.brxe-form) .options-wrapper label{display:inline-block;height:auto;margin:0 5px 0 0;width:auto}:where(.brxe-form) .options-wrapper input[type=checkbox],:where(.brxe-form) .options-wrapper input[type=radio]{margin:initial;padding:initial;position:relative;top:1px}:where(.brxe-form) button[type=submit].sending{cursor:default}:where(.brxe-form) button[type=submit].sending .text{opacity:.5}:where(.brxe-form) button[type=submit].sending>i,:where(.brxe-form) button[type=submit].sending>svg{display:none}:where(.brxe-form) button[type=submit].sending .loading{animation:1s linear infinite load8;display:flex;opacity:1}:where(.brxe-form) button[type=submit].sending .loading svg{transform:scaleX(-1)}:where(.brxe-form) button[type=submit] .loading{display:none}:where(.brxe-form) button[type=submit] svg{height:1em;transform-origin:center}:where(.brxe-form) .recaptcha-hidden{display:none}:where(.brxe-form) .recaptcha-error{display:none;padding:0!important}:where(.brxe-form) .recaptcha-error.show{display:block}:where(.brxe-form) .recaptcha-error .brxe-alert.danger{align-items:center;background-color:var(--bricks-bg-danger);border-color:currentcolor;color:var(--bricks-text-danger);display:flex;justify-content:space-between;padding:15px;width:100%}:where(.brxe-form) .hcaptcha-error{display:none;padding:0!important}:where(.brxe-form) .hcaptcha-error.show{display:block}:where(.brxe-form) .hcaptcha-error .brxe-alert.danger{align-items:center;background-color:var(--bricks-bg-danger);border-color:currentcolor;color:var(--bricks-text-danger);display:flex;justify-content:space-between;padding:15px;width:100%}:where(.brxe-form) input[type=checkbox]+.label,:where(.brxe-form) input[type=checkbox]+label,:where(.brxe-form) input[type=radio]+.label,:where(.brxe-form) input[type=radio]+label{color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-align:inherit;text-transform:inherit}:where(.brxe-form) textarea{height:inherit;resize:vertical}:where(.brxe-form) .message{background-color:var(--bricks-bg-info);color:var(--bricks-text-info);display:flex;gap:15px;justify-content:space-between;opacity:1;padding-bottom:0;position:relative;width:100%}:where(.brxe-form) .message.success{background-color:var(--bricks-bg-success);color:var(--bricks-text-success)}:where(.brxe-form) .message.error{background-color:var(--bricks-bg-danger);color:var(--bricks-text-danger)}:where(.brxe-form) .message .text{padding:15px}:where(.brxe-form) .message.closing{opacity:0;transition:opacity .2s}:where(.brxe-form) .message .close{all:unset;cursor:pointer;padding:15px}:where(.brxe-form) input.file,:where(.brxe-form) input[type=file]{display:block;height:0;opacity:0;width:0}:where(.brxe-form) .file-result{display:none;padding:0}:where(.brxe-form) .file-result.show{align-items:center;display:flex;margin:0 0 15px}:where(.brxe-form) .file-result.show.danger{background-color:var(--bricks-bg-danger);color:var(--bricks-text-danger);justify-content:space-between;padding:15px}:where(.brxe-form) .file-result.show.danger svg{cursor:pointer;height:1em;margin-left:5px}:where(.brxe-form) .file-result.show.danger svg g{stroke:currentcolor}:where(.brxe-form) .file-result.show .remove{display:inline-block;font-size:12px;line-height:30px;margin:0 15px;padding:0 10px}:where(.brxe-form) .file-result.show .remove:hover{background-color:var(--bricks-text-danger);color:#fff}:where(.brxe-form) .choose-files{border-style:solid;border-width:1px;cursor:pointer;display:inline-block;line-height:40px;padding:0 15px;text-align:center;text-transform:none;white-space:nowrap;width:auto}:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}:where(.brxe-icon-box){align-items:flex-start;display:flex;flex-direction:column}:where(.brxe-icon-box).top .icon{margin-bottom:20px}:where(.brxe-icon-box).bottom{flex-direction:column-reverse}
27:where(.brxe-icon-box).bottom .icon{margin-top:20px}:where(.brxe-icon-box).right{flex-direction:row-reverse}:where(.brxe-icon-box).right .icon{margin-left:20px}:where(.brxe-icon-box).left{flex-direction:row}:where(.brxe-icon-box).left .icon{margin-right:20px}:where(.brxe-icon-box) .icon{display:inline-flex}:where(.brxe-icon-box) .icon a{display:inline-flex}:where(.brxe-icon-box) i{display:inline-block;font-size:40px;line-height:1;text-align:center}a.brxe-image{display:inline-block}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{overflow:hidden;position:relative}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute!important;text-align:center;width:100%;z-index:1}.brxe-image-gallery{width:100%}.brxe-image-gallery .image{position:relative}.brxe-image-gallery[data-layout=metro] .image img{height:auto;width:100%}:where(.brxe-filter-checkbox[data-mode=button]){display:flex;flex-wrap:wrap;gap:10px}:where(.brxe-filter-checkbox[data-mode=button]) .bricks-button{display:inline-block}:where(.brxe-filter-radio[data-mode=button]){display:flex;flex-wrap:wrap;gap:10px}:where(.brxe-list){list-style-type:none;margin:0;padding:0;width:100%}:where(.brxe-list) li{position:relative}:where(.brxe-list) li:last-child{margin-bottom:0}:where(.brxe-list) li[data-highlight]:before{content:attr(data-highlight);display:inline-block}:where(.brxe-list) .content{align-items:center;display:flex;justify-content:space-between}:where(.brxe-list) .icon{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}:where(.brxe-list) .icon svg{font-size:medium}:where(.brxe-list) .title{display:inline-block;margin:0 10px 0 0}:where(.brxe-list) .meta{margin-left:10px}:where(.brxe-list) .description{display:flex}:where(.brxe-list) .separator{border-top-style:solid;border-top-width:1px;flex:1;flex-basis:50px}.brxe-map{height:300px;width:100%}.brxe-map>iframe{border:0}.brxe-map ul{list-style-type:none;margin:0;padding:0}:where(.brxe-nav-menu).dragging .bricks-mobile-menu-wrapper{display:none!important;pointer-events:none!important}:where(.brxe-nav-menu) .menu-item:not(.open) .sub-menu{pointer-events:none}:where(.brxe-nav-menu) .menu-item:not(.open) .sub-menu:not(.brx-submenu-positioned){display:none!important}:where(.brxe-nav-menu) ol,:where(.brxe-nav-menu) ul{list-style-type:none;margin:0;padding:0}:where(.brxe-nav-menu) .bricks-nav-menu{display:flex;line-height:inherit;margin:0;padding:0}:where(.brxe-nav-menu) .bricks-nav-menu>
27li{margin:0 0 0 30px}:where(.brxe-nav-menu) .bricks-nav-menu>li.menu-item-has-children:hover:before{content:"";height:100%;min-height:60px;position:absolute;top:100%;width:100%;z-index:1}:where(.brxe-nav-menu) .bricks-nav-menu>li>.sub-menu.caret:before{border:0 solid transparent;border-bottom:0 solid var(--bricks-bg-dark);content:"";height:0;left:0;position:absolute;top:0;transform:translateY(-100%);width:0}:where(.brxe-nav-menu) .bricks-nav-menu>li[data-toggle=click]:before{display:none}:where(.brxe-nav-menu) .bricks-nav-menu>li[data-toggle=click].open>.sub-menu.caret:before{display:block}:where(.brxe-nav-menu) .bricks-nav-menu>li[data-toggle=click] .sub-menu.caret:before{display:none}:where(.brxe-nav-menu) .bricks-nav-menu li{position:relative}:where(.brxe-nav-menu) .bricks-nav-menu li.open>.sub-menu{opacity:1;visibility:visible}:where(.brxe-nav-menu) .bricks-nav-menu li.open[data-static]>.sub-menu{display:block}:where(.brxe-nav-menu) .bricks-nav-menu li:not(.brx-has-megamenu)>a{display:flex;width:100%}:where(.brxe-nav-menu) .bricks-nav-menu li[data-static]{flex-direction:column}:where(.brxe-nav-menu) .bricks-nav-menu li[data-static] .sub-menu{display:none;position:static!important;transform:none}:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu{background-color:var(--bricks-bg-dark);color:#fff;line-height:60px;min-width:150px;opacity:0;position:absolute;top:100%;transition:var(--bricks-transition);visibility:hidden;white-space:nowrap;z-index:998}:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu li{border-style:none;position:relative;width:100%}:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu a,:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu button{color:currentcolor;padding:0 20px}:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu .sub-menu{left:100%;padding-top:0;top:0}:where(.brxe-nav-menu) .bricks-nav-menu .brx-has-multilevel .sub-menu .brx-submenu-toggle{width:100%}:where(.brxe-nav-menu) .bricks-mobile-menu-toggle{background-color:transparent;cursor:pointer;display:none;height:16px;min-width:12px;position:relative;width:20px}:where(.brxe-nav-menu) .bricks-mobile-menu-toggle.always{display:block!important}:where(.brxe-nav-menu) .bricks-mobile-menu-toggle:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}:where(.brxe-nav-menu) .bricks-mobile-menu-toggle:hover span{min-width:12px;width:20px}:where(.brxe-nav-menu) .bricks-mobile-menu-toggle span{background-color:currentcolor;display:block;height:2px;position:absolute;right:0;transition:var(--bricks-transition)}:where(.brxe-nav-menu) .bricks-mobile-menu-toggle .bar-top{min-width:12px;top:0;width:20px}:where(.brxe-nav-menu) .bricks-mobile-menu-toggle .bar-center{min-width:12px;top:7px;width:20px}:where(.brxe-nav-menu) .bricks-mobile-menu-toggle .bar-bottom{min-width:12px;top:14px;width:20px}.brx-body.iframe .bricks-mobile-menu-wrapper .sub-menu{display:block!important}.brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-toggle{min-width:20px;width:20px;z-index:1000}.brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-toggle.fixed{position:fixed}.brxe-nav-menu.show-mobile-menu li.open>.brx-megamenu{display:initial;opacity:1;position:static;visibility:visible}.brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-wrapper{max-width:100vw;opacity:1!important;transform:translateX(0)!important;visibility:visible;z-index:999}.brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-overlay{opacity:1;visibility:visible;z-index:998}.brxe-nav-menu .bricks-mobile-menu-wrapper{bottom:0;color:#fff;display:flex;flex-direction:column;height:100vh;height:calc(var(--bricks-vh,1vh)*100);left:0;position:fixed;right:auto;scrollbar-width:none;top:var(--wp-admin--admin-bar--height,0);transition-duration:.2s;transition-property:background-color,opacity,transform,visibility;visibility:hidden;width:300px;z-index:999}.brxe-nav-menu .bricks-mobile-menu-wrapper::-webkit-scrollbar{background:0 0;height:0;width:0}.brxe-nav-menu .bricks-mobile-menu-wrapper:before{background-color:#23282d;background-size:cover;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.brxe-nav-menu .bricks-mobile-menu-wrapper.fade-in{opacity:0;transform:translateX(0)!important}.brxe-nav-menu .bricks-mobile-menu-wrapper.left{transform:translateX(-100%)}.brxe-nav-menu .bricks-mobile-menu-wrapper.right{left:auto;right:0;transform:translateX(100%)}.brxe-nav-menu .bricks-mobile-menu-wrapper a{display:block;width:100%}.brxe-nav-menu .bricks-mobile-menu-wrapper .brx-megamenu a{display:initial}.brxe-nav-menu .bricks-mobile-menu-wrapper li a{line-height:60px}.brxe-nav-menu .bricks-mobile-menu-wrapper li a:focus{outline-offset:-1px}.brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu{background:0 0!important;display:none;line-height:40px}.brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu li>.brx-submenu-toggle>*,.brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu li>a{padding:0 45px}.brxe-nav-menu .bricks-mobile-menu-wrapper li.open>.sub-menu{display:block}.brxe-nav-menu .bricks-mobile-menu-wrapper li.menu-item-has-children:hover:before{display:none}.brxe-nav-menu .bricks-mobile-menu-overlay{background-color:rgba(0,0,0,.25);bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .2s;visibility:hidden;z-index:-1}li.menu-item-has-children [aria-expanded=false] .open{display:block}li.menu-item-has-children [aria-expanded=false] .close{display:none}li.menu-item-has-children [aria-expanded=true] .close{display:block}li.menu-item-has-children [aria-expanded=true] .open{display:none}.brxe-nav-nested{align-items:center;display:inline-flex}.brxe-nav-nested[data-toggle=always] .brx-nav-nested-items{display:none}.brxe-nav-nested[data-toggle=always] .brx-toggle-div,.brxe-nav-nested[data-toggle=always] .brxe-toggle{display:inline-flex}.brxe-nav-nested .brx-toggle-div,.brxe-nav-nested .brxe-toggle{display:none}.brxe-nav-nested .menu-item:has(>.brx-toggle-div:not(.is-active):not(.brx-child-node)){display:none}.brxe-nav-nested li.brxe-text-link.menu-item{display:list-item}.brxe-nav-nested.brx-open .brxe-dropdown:not([data-toggle=click]) .brx-dropdown-content:after{content:none}.brxe-nav-nested.brx-open .brx-nav-nested-items{align-items:stretch;background-color:#fff;bottom:0;display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;justify-content:center;left:0;overflow-y:auto;position:fixed;right:0;top:var(--wp-admin--admin-bar--height,0);transition-duration:.2s;transition-property:opacity,transform,visibility;transition-timing-function:ease;z-index:1001}.brxe-nav-nested.brx-open li.menu-item a{justify-content:inherit;width:100%}.brxe-nav-nested.brx-open :where(li.menu-item.brx-toggle-div){display:block}.brxe-nav-nested.brx-open .brx-submenu-toggle{justify-content:space-between}.brxe-nav-nested.brx-open .brxe-dropdown:hover:before{content:none}.brxe-nav-nested.brx-open .brxe-dropdown.open>.brx-dropdown-content{display:flex;min-width:auto;opacity:1;overflow-y:auto;position:static;visibility:visible}.brxe-nav-nested.brx-open .brxe-dropdown .brx-dropdown-content{display:none}.brxe-nav-nested.brx-open .brx-has-megamenu .brx-dropdown-content{min-width:0!important}.brxe-nav-nested.brx-closing .brx-nav-nested-items{opacity:0!important;visibility:hidden!important}.brx-nav-nested-items{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:30px;list-style-type:none;margin:0;padding:0}.brxe-offcanvas{visibility:hidden}.brxe-offcanvas.brx-open{visibility:visible}.brxe-offcanvas.brx-open .brx-offcanvas-inner{transform:translate(0)!important}.brxe-offcanvas.brx-open .brx-offcanvas-backdrop{opacity:1;visibility:visible;z-index:998}.brxe-offcanvas[data-direction=top] .brx-offcanvas-inner{bottom:auto;height:300px;left:0;right:0;top:0;transform:translateY(-100%);width:100vw}.brxe-offcanvas[data-direction=right] .brx-offcanvas-inner{bottom:0;height:100vh;height:calc(var(--bricks-vh,1vh)*100);left:auto;right:0;top:0;transform:translate(100%);width:300px}.brxe-offcanvas[data-direction=bottom] .brx-offcanvas-inner{bottom:0;height:300px;left:0;right:0;top:auto;transform:translateY(100%);width:100vw}.brxe-offcanvas[data-direction=left] .brx-offcanvas-inner{bottom:0;height:100vh;height:calc(var(--bricks-vh,1vh)*100);left:0;right:auto;top:0;transform:translate(-100%);width:300px}.brx-offcanvas-inner{background-color:#fff;display:flex;overflow-x:hidden;position:fixed;transition:transform .2s cubic-bezier(.25,0,.25,1);z-index:999}.brx-offcanvas-backdrop{background:rgba(0,0,0,.5);bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .2s cubic-bezier(.25,0,.25,1);visibility:hidden;z-index:-1}.brxe-pie-chart{align-items:center;display:flex;flex-flow:column wrap;font-size:30px;line-height:1;position:relative}.brxe-pie-chart .content{display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.brxe-post-content{width:100%}body:has(.wp-lightbox-overlay) #brx-content{overflow:hidden}:where(.brxe-post-meta) a{color:currentcolor}.brxe-post-toc{overflow-y:auto;top:var(--wp-admin--admin-bar--height,0);transform:translateX(0);width:400px}@media (min-width:52em){.brxe-post-toc{transform:translateX(0)}}.brxe-post-toc>.toc-list{overflow:hidden;position:relative}.brxe-post-toc .toc-list{counter-reset:item;list-style:none;margin:0;padding:0}.brxe-post-toc .toc-list li.toc-list-item{position:relative}.brxe-post-toc .toc-link{color:currentcolor;display:block;height:100%;text-decoration:none}.brxe-post-toc .toc-link:before{content:"";display:inline-block;height:inherit;
27left:0;position:absolute;right:0}.brxe-post-toc .toc-link.is-active-link{font-weight:700}.brxe-post-toc .is-collapsible{max-height:1000px;overflow:hidden;transition:all .3s ease-in-out}.brxe-post-toc .is-collapsed{max-height:0}.brxe-post-toc .is-position-fixed{position:fixed!important;top:0}.brxe-post-reading-progress-bar{background-color:transparent;border:none;height:12px;left:0;overflow:hidden;position:fixed;right:0;width:100%;z-index:9999}.brxe-post-reading-progress-bar::-webkit-progress-bar{background-color:transparent}.brxe-post-reading-progress-bar::-moz-progress-bar{background-color:var(--bricks-color-primary)}.brxe-post-reading-progress-bar::-webkit-progress-value{background-color:var(--bricks-color-primary)}.brxe-post-reading-progress-bar[value]{-webkit-appearance:none;appearance:none}.brxe-posts{overflow:hidden;width:100%}.brxe-posts img{width:100%}.brxe-posts .bricks-pagination{position:relative;z-index:1}:where(.brxe-pricing-tables){width:100%}:where(.brxe-pricing-tables) .pricing-tables{display:grid;gap:30px;grid-auto-columns:1fr;grid-auto-flow:column}@media (max-width:991px){:where(.brxe-pricing-tables) .pricing-tables{grid-auto-flow:unset;grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){:where(.brxe-pricing-tables) .pricing-tables{grid-template-columns:repeat(1,1fr)}}:where(.brxe-pricing-tables) ol,:where(.brxe-pricing-tables) ul{list-style-type:none;margin:0;padding:0}:where(.brxe-pricing-tables) .tabs{display:flex;flex-direction:row;justify-content:center;margin:0 0 30px;padding:0}:where(.brxe-pricing-tables) .tab{cursor:pointer;margin:0 10px;text-align:center}:where(.brxe-pricing-tables) .pricing-table-bg{background-position:50%;background-size:cover;bottom:0;content:"";left:0;position:absolute;right:0;top:0}:where(.brxe-pricing-tables) .pricing-table-features,:where(.brxe-pricing-tables) .pricing-table-footer,:where(.brxe-pricing-tables) .pricing-table-header,:where(.brxe-pricing-tables) .pricing-table-pricing{position:relative;z-index:1}:where(.brxe-pricing-tables) .pricing-table{display:none;overflow:hidden;position:relative;text-align:center}:where(.brxe-pricing-tables) .pricing-table.active{display:block}:where(.brxe-pricing-tables) .pricing-table-header{display:flex;flex-wrap:wrap;justify-content:center;padding:30px}:where(.brxe-pricing-tables) .pricing-table-title{font-size:27px;font-weight:700}:where(.brxe-pricing-tables) .pricing-table-subtitle{width:100%}:where(.brxe-pricing-tables) .pricing-table-pricing{padding:30px}:where(.brxe-pricing-tables) .pricing-table-price-wrapper{align-self:stretch;color:var(--bricks-text-dark);display:inline-flex;flex-wrap:wrap;justify-content:center;position:relative}:where(.brxe-pricing-tables) .pricing-table-original-price{align-self:center;color:var(--bricks-text-light);font-size:1.2em;margin-right:10px;position:absolute;right:100%;text-decoration:line-through}:where(.brxe-pricing-tables) .pricing-table-price-prefix,:where(.brxe-pricing-tables) .pricing-table-price-suffix{display:flex;font-size:20px!important;font-weight:700}:where(.brxe-pricing-tables) .pricing-table-price{font-size:60px;line-height:1;margin:0 2px}:where(.brxe-pricing-tables) .pricing-table-price-meta{color:var(--bricks-text-light);display:block;width:100%}:where(.brxe-pricing-tables) .pricing-table-feature{align-items:center;border-bottom:1px solid var(--bricks-border-color);display:flex;justify-content:center;line-height:2;padding:10px 30px}:where(.brxe-pricing-tables) .pricing-table-feature:first-child{border-top:1px solid var(--bricks-border-color)}:where(.brxe-pricing-tables) .pricing-table-feature svg{flex-shrink:0}:where(.brxe-pricing-tables) .pricing-table-feature-title{margin:0 .5em}:where(.brxe-pricing-tables) .pricing-table-footer{padding:30px}:where(.brxe-pricing-tables) .pricing-table-button-text{display:flex;justify-content:center}:where(.brxe-pricing-tables) .pricing-table-additional-info{margin-top:1em}:where(.brxe-pricing-tables) .pricing-table-ribbon{height:100px;left:0;overflow:hidden;position:absolute;right:auto;top:0;width:100px;z-index:2}:where(.brxe-pricing-tables) .pricing-table-ribbon .pricing-table-ribbon-title{letter-spacing:.25px;margin-top:39px;transform:translateY(-50%) translateX(-50%) translateX(39px) rotate(-45deg);width:200%}:where(.brxe-pricing-tables) .pricing-table-ribbon.right{left:auto;right:0;transform:rotate(90deg)}:where(.brxe-pricing-tables) .pricing-table-ribbon.top .pricing-table-ribbon-title{line-height:40px;margin-top:-40px}:where(.brxe-pricing-tables) .pricing-table-ribbon-title{background-color:var(--bricks-color-primary);color:#fff;font-size:14px;font-weight:700;line-height:30px;text-align:center}:where(.brxe-progress-bar){display:grid;gap:20px;width:100%}:where(.brxe-progress-bar) label{cursor:inherit;display:flex;justify-content:space-between;margin-bottom:.5em}:where(.brxe-progress-bar) label>*{flex:1}:where(.brxe-progress-bar) label>*+.percentage{flex:none}:where(.brxe-progress-bar) .bar{background-color:var(--bricks-bg-light);height:8px;overflow:hidden;position:relative}:where(.brxe-progress-bar) .bar span{background-color:#dee2e5;height:100%;left:0;position:absolute;transition:all .6s cubic-bezier(.55,.055,.675,.19);width:0}:where(.brxe-related-posts) .related-posts{display:grid;gap:30px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;list-style-type:none;margin:0;padding:0;width:100%}@media (max-width:478px){:where(.brxe-related-posts) .related-posts{grid-auto-flow:unset;grid-template-columns:repeat(1,1fr)}}:where(.brxe-related-posts) .related-posts.overlay .post-content{bottom:0;display:flex;flex-direction:column;position:absolute;right:0;top:0;width:100%;z-index:1}:where(.brxe-related-posts) .related-posts.image-right li{flex-direction:row-reverse}
27:where(.brxe-related-posts) .related-posts.image-right li>*{width:50%}:where(.brxe-related-posts) .related-posts.image-bottom li{flex-direction:column-reverse;justify-content:space-between}:where(.brxe-related-posts) .related-posts.image-left li{flex-direction:row}:where(.brxe-related-posts) .related-posts.image-left li>*{width:50%}:where(.brxe-related-posts) .related-posts figure{all:unset;position:relative}:where(.brxe-related-posts) .related-posts img{aspect-ratio:4/3;height:100%;object-fit:cover;object-position:center;width:100%}:where(.brxe-related-posts) .related-posts .post-content{height:100%}:where(.brxe-related-posts) .related-posts li{display:flex;flex-direction:column;position:relative;width:100%}:where(.brxe-related-posts) .related-posts h1,:where(.brxe-related-posts) .related-posts h2,:where(.brxe-related-posts) .related-posts h3,:where(.brxe-related-posts) .related-posts h4,:where(.brxe-related-posts) .related-posts h5,:where(.brxe-related-posts) .related-posts h6,:where(.brxe-related-posts) .related-posts p{margin:0}:where(.brxe-search) button{align-items:center;background-color:transparent;cursor:pointer;display:flex;gap:.5em;height:40px;justify-content:center;width:60px}:where(.brxe-search) button svg:not([height]){height:inherit}.bricks-search-overlay{background-color:#fff;background-position:50%;background-size:cover;bottom:0;color:var(--bricks-text-medium);height:100%;left:0;opacity:0;position:fixed;right:0;text-align:center;top:0;transform:scale(1.1);transition:all .4s;visibility:hidden;width:100%;z-index:-1}.bricks-search-overlay:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.bricks-search-overlay.show{opacity:1;transform:scale(1);visibility:visible;z-index:999}.bricks-search-overlay .close{background-color:transparent!important;cursor:pointer;font-size:60px;line-height:1;position:fixed;right:30px;text-align:center;top:15px;z-index:1}.bricks-search-overlay .title{margin:0 0 1em}:where(.brxe-sidebar){list-style-type:none;margin:0;padding:0}:where(.brxe-sidebar) a{color:inherit}:where(.brxe-sidebar) .bricks-widget-wrapper{margin-bottom:40px}:where(.brxe-sidebar) .bricks-widget-wrapper:last-child{margin-bottom:0}:where(.brxe-sidebar) .bricks-widget-wrapper ul{margin-bottom:0}:where(.brxe-sidebar) .bricks-widget-wrapper li{line-height:30px;position:relative}:where(.brxe-sidebar) .bricks-widget-wrapper .wp-block-search button[type=submit],:where(.brxe-sidebar) .bricks-widget-wrapper .wp-block-search label{display:none!important}:where(.brxe-slider){list-style-type:none;margin:0;min-width:0;padding:0;position:relative;width:100%}:where(.brxe-slider) .title{color:#fff;font-size:3em;margin:0}:where(.brxe-slider) .content{color:#fff;font-size:1.6em}:where(.brxe-slider) .content+.bricks-button{margin-top:1em}:where(.brxe-slider) .bricks-button{display:inline-flex}:where(.brxe-slider) .bricks-swiper-container{height:inherit;max-height:inherit;max-width:inherit;min-height:inherit;min-width:inherit;width:inherit}:where(.brxe-slider) .swiper-slide{align-items:center;display:flex;justify-content:center;min-height:50vh;position:relative;text-align:center}:where(.brxe-slider) .slider-content{padding:30px 60px;position:relative;z-index:2}:where(.brxe-slider) .image{background-position:50%;background-size:cover;bottom:0;left:0;position:absolute;right:0;top:0}:where(.brxe-slider) .image:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}:where(.brxe-svg){height:auto;width:auto}:where(.brxe-svg) svg{height:auto;max-width:100%;overflow:visible;width:auto}:where(.brxe-tabs){display:flex;flex-direction:column;width:100%}:where(.brxe-tabs).horizontal .tab-title:not(:first-child){border-left:0!important}:where(.brxe-tabs).horizontal .tab-content{margin-top:-1px}:where(.brxe-tabs).vertical{flex-direction:row}:where(.brxe-tabs).vertical .tab-title:not(:first-child){border-top:0!important}:where(.brxe-tabs).vertical .tab-menu{display:block;max-width:40%;min-width:20%}:where(.brxe-tabs) .tab-menu{display:flex;flex-wrap:wrap;line-height:1;list-style-type:none;margin:0;padding:0;position:relative}:where(.brxe-tabs) .tab-title{align-items:center;cursor:pointer;display:flex;gap:10px;line-height:1;width:auto}:where(.brxe-tabs) .tab-title:empty{display:none!important}:where(.brxe-tabs) .tab-title.brx-open{font-weight:700}:where(.brxe-tabs) .tab-title.icon-right{flex-direction:row-reverse}
27:where(.brxe-tabs) .tab-content{flex:1;list-style-type:none;margin:0;padding:0}:where(.brxe-tabs) .tab-pane{display:none}:where(.brxe-tabs) .tab-pane:empty{display:none!important}:where(.brxe-tabs) .tab-pane.brx-open{display:block}.brxe-tabs-nested{display:flex;flex-direction:column;width:100%}.brxe-tabs-nested .tab-title{cursor:pointer;width:auto}.brxe-tabs-nested .tab-pane{display:none}.brxe-tabs-nested .tab-pane:empty{display:none!important}.brxe-tabs-nested .tab-pane.brx-open{display:block}:where(.brxe-team-members){display:grid;gap:20px;grid-auto-flow:column;list-style-type:none;margin:0;padding:0;width:100%}@media (max-width:478px){:where(.brxe-team-members){grid-auto-flow:unset;grid-template-columns:repeat(2,1fr)}}:where(.brxe-team-members).image-right .member{flex-direction:row-reverse}:where(.brxe-team-members).image-left .member{flex-direction:row}:where(.brxe-team-members).image-bottom .member{flex-direction:column-reverse}:where(.brxe-team-members) .member{display:flex;flex:1;flex-direction:column;overflow:hidden}:where(.brxe-team-members) .image{align-self:center;background-position:50%;background-size:cover;width:100%}:where(.brxe-team-members) .image:before{content:"";display:block;padding-top:100%}:where(.brxe-team-members) .image.ratio-16-9:before{padding-top:56.25%}:where(.brxe-team-members) .image.ratio-4-3:before{padding-top:75%}:where(.brxe-team-members) .content{flex:1;padding-top:15px}:where(.brxe-team-members) .title{margin-bottom:.2em}:where(.brxe-team-members) .subtitle{font-size:1.1em;margin-bottom:0}:where(.brxe-team-members) .subtitle+.description{margin-top:.25em}:where(.brxe-testimonials){position:relative}:where(.brxe-testimonials) .testimonial-meta-wrapper{align-items:center;display:inline-flex;letter-spacing:.5px;margin-top:15px}:where(.brxe-testimonials) .testimonial-meta-wrapper.image-position-top{flex-direction:column}:where(.brxe-testimonials) .testimonial-meta-wrapper.image-position-top .image{margin-bottom:15px}:where(.brxe-testimonials) .testimonial-meta-wrapper.image-position-right{flex-direction:row-reverse}:where(.brxe-testimonials) .testimonial-meta-wrapper.image-position-right .image{margin-left:15px}:where(.brxe-testimonials) .testimonial-meta-wrapper.image-position-bottom{flex-direction:column-reverse}:where(.brxe-testimonials) .testimonial-meta-wrapper.image-position-bottom .image{margin-top:15px}:where(.brxe-testimonials) .testimonial-meta-wrapper.image-position-left{flex-direction:row}:where(.brxe-testimonials) .testimonial-meta-wrapper.image-position-left .image{margin-right:15px}:where(.brxe-testimonials) .image{background-position:50%;background-size:cover;display:inline-block;height:60px;position:relative;width:60px}:where(.brxe-testimonials) .repeater-item{display:flex;flex-direction:column}:where(.brxe-testimonials) .testimonial-name{font-weight:700}:where(.brxe-testimonials) .testimonial-content-wrapper{all:unset}.brxe-text-link{gap:5px;vertical-align:middle}.brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex}.brxe-text-link span{justify-content:center}.brxe-text-link svg:not([width]){min-width:3px}.brxe-text-link svg:not([height]){min-height:3px}.brxe-toggle{background-color:transparent;border:0;color:inherit;font:inherit;margin:0;overflow:visible;text-transform:none;transition-duration:.15s;transition-property:opacity,filter;transition-timing-function:linear}.brxe-toggle{--brxe-toggle-scale:1;--brxe-toggle-width:40px;--brxe-toggle-height:24px;--brxe-toggle-bar-height:4px;--brxe-toggle-bar-width:40px;--brxe-toggle-bar-radius:4px;cursor:pointer;display:flex;line-height:1;transform:scale(var(--brxe-toggle-scale))}:where(.brxe-video){align-items:center;display:flex;justify-content:center;overflow:hidden;padding-top:56.25%;position:relative;width:100%}:where(.brxe-video) iframe,:where(.brxe-video) video{border:none;height:100%;position:absolute;top:0;width:100%}:where(.brxe-video) video{object-fit:cover}:where(.brxe-video) .perfmatters-lazy-youtube{margin-top:-56.25%}.bricks-video-preview-image{background-position:50%;background-repeat:no-repeat}.bricks-video-overlay,.bricks-video-preview-image{background-size:cover;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.bricks-video-overlay{align-items:center;display:flex;justify-content:center;z-index:1}.bricks-video-overlay.bricks-lazy-hidden{background-image:none!important}.bricks-video-overlay-icon{color:#fff;cursor:pointer;font-size:60px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}@keyframes load8{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(https://rocket9.ch/wp-content/uploads/Inter-Regular.woff2) format("woff2")}@font-face{font-family:Inter;font-weight:500;font-display:swap;src:url(https://rocket9.ch/wp-content/uploads/Inter-Medium.woff2) format("woff2")}@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(https://rocket9.ch/wp-content/uploads/Inter-SemiBold.woff2) format("woff2")}@font-face{font-family:Inter;font-weight:700;font-display:swap;src:url(https://rocket9.ch/wp-content/uploads/Inter-Bold.woff2) format("woff2")}@font-face{font-family:Geist;font-weight:400;font-display:swap;src:url(https://rocket9.ch/wp-content/uploads/2025/02/Geist-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:'Font Awesome 6 Solid';font-style:normal;font-weight:900;src:url(https://rocket9.ch/wp-content/themes/bricks/assets/fonts/fontawesome/fa-solid-900.woff2) format("woff2"),url(https://rocket9.ch/wp-content/themes/bricks/assets/fonts/fontawesome/fa-solid-900.ttf) format("truetype")}.fas{font-family:'Font Awesome 6 Solid';font-style:normal;font-weight:900}.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-star:before{content:"\f005"}@font-face{font-display:swap;font-family:Ionicons;font-style:normal;font-weight:400;
27src:url(https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/themes/bricks/assets/fonts/ionicons/ionicons.eot);src:url(https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/themes/bricks/assets/fonts/ionicons/ionicons.eot#iefix) format("embedded-opentype"),url(https://rocket9.ch/wp-content/themes/bricks/assets/fonts/ionicons/ionicons.woff2) format("woff2"),url(https://rocket9.ch/wp-content/themes/bricks/assets/fonts/ionicons/ionicons.woff) format("woff"),url(https://rocket9.ch/wp-content/themes/bricks/assets/fonts/ionicons/ionicons.ttf) format("truetype")}[class*=" ion-"],[class*=" ion-ios-"],[class^=ion-],[class^=ion-ios-]{speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-family:Ionicons;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-rendering:auto;text-transform:none}[class*=" ion-"]:before,[class*=" ion-ios-"]:before,[class^=ion-]:before,[class^=ion-ios-]:before{font-family:Ionicons}.ion-ios-arrow-down:before{content:"\f3d0"}body.bricks-is-frontend.bricks-is-frontend :focus{outline:0;box-shadow:none}body.bricks-is-frontend.bricks-is-frontend :focus-visible{outline-style:solid;outline-color:var(--focus-color);outline-width:var(--focus-width);outline-offset:var(--focus-offset)}@supports not selector(:focus-visible){body.bricks-is-frontend :focus{outline:auto}body.bricks-is-frontend.bricks-is-frontend :focus{outline-style:solid;outline-color:var(--focus-color);outline-width:var(--focus-width);outline-offset:var(--focus-offset)}}.skip-link{position:absolute;inset-block-start:1rem;inset-inline-start:1rem;transform:translateY(-250%);--btn-min-width:fit-content;background:var(--btn-background);color:var(--btn-text-color);padding-block:var(--btn-padding-block);padding-inline:var(--btn-padding-inline);min-inline-size:var(--btn-min-width);line-height:var(--btn-line-height);font-size:var(--btn-font-size, var(--text-m));font-weight:var(--btn-font-weight);font-style:var(--btn-font-style);text-transform:var(--btn-text-transform);letter-spacing:var(--btn-letter-spacing);text-decoration:var(--btn-text-decoration);border-width:var(--btn-border-width);border-style:var(--btn-border-style);border-radius:var(--btn-radius);border-color:var(--btn-border-color);transition:var(--btn-transition, var(--transition));justify-content:var(--btn-justify-content,center);text-align:var(--btn-text-align,center);--btn-background:var(--primary);--btn-background-hover:var(--primary-hover);--btn-text-color:var(--primary-ultra-light);--btn-text-color-hover:var(--primary-ultra-light);--btn-border-color:var(--primary);--btn-border-color-hover:var(--primary-hover);--focus-color:var(--primary-light)}.skip-link:focus{outline-style:solid;outline-color:var(--focus-color);outline-width:var(--focus-width);outline-offset:var(--focus-offset)}.skip-link:focus{transform:translateY(0)}body{color:var(--body-color,var(--text-dark));background-color:var(--body-bg-color,var(--white))}html:has(body.boxed-layout){background-color:var(--device-bg-color,var(--white))}body{font-size:var(--default-font-size, var(--text-m));color:var(--text-color);line-height:var(--text-line-height);text-wrap:var(--text-text-wrap)}li,p{line-height:var(--text-line-height, calc(6px + 2ex))}.h3,h1,h2,h3{line-height:var(--heading-line-height);font-weight:var(--heading-font-weight);text-wrap:var(--heading-text-wrap)}h1{font-size:var(--h1);max-width:var(--h1-max-width)}h2{font-size:var(--h2);max-width:var(--h2-max-width)}h3{font-size:var(--h3);max-width:var(--h3-max-width)}body a:where(:not([class*= btn--])){color:var(--link-color,var(--primary));font-weight:var(--link-weight,inherit);-webkit-text-decoration:var(--link-decoration,inherit);text-decoration:var(--link-decoration,inherit);text-underline-offset:var(--link-underline-offset,auto);transition:var(--link-transition, var(--transition))}h1 a,h2 a,h3 a{font-weight:inherit;text-decoration:inherit;color:currentcolor;text-underline-offset:var(--link-underline-offset,auto)}@media (hover:hover) and (pointer:fine){.skip-link:hover{background:var(--btn-background-hover);color:var(--btn-text-color-hover);border-color:var(--btn-border-color-hover);text-decoration:var(--btn-text-decoration-hover)}
27body a:where(:not([class*= btn--])):hover{color:var(--link-color-hover,var(--primary-hover))}h1 a:hover,h2 a:hover,h3 a:hover{color:currentcolor}}body:where(.bricks-is-frontend),body:where(:not(.bricks-is-frontend)){color:var(--body-color,var(--text-dark))}:root{--slate-light-25:#FAFAFA;--slate-light-50:#F5F5F5;--slate-light-75:#F0F0F0;--slate-light-100:#EBEBEB;--slate-light-150:#E8E8E8;--slate-light-200:#E0E0E0;--slate-light-250:#D8D8D8;--slate-light-300:#CCCCCC;--slate-light-350:#C2C2C2;--slate-light-400:#B8B8B8;--slate-light-500:#A3A3A3;--slate-light-600:#8F8F8F;--slate-light-700:#7A7A7A;--slate-light-800:#666666;--slate-light-900:#525252;--slate-light-925:#303030;--slate-light-950:#292929;--slate-light-975:#141414;--slate-dark-0:#E8E8E8;--slate-dark-25:#A0A0A8;--slate-dark-50:#909098;--slate-dark-75:#808088;--slate-dark-100:#707078;--slate-dark-150:#606068;--slate-dark-200:#585860;--slate-dark-250:#505058;--slate-dark-300:#484850;--slate-dark-400:#404048;--slate-dark-500:#383840;--slate-dark-600:#303038;--slate-dark-700:#282830;--slate-dark-800:#202028;--slate-dark-900:#181820;--slate-dark-925:#121218;--slate-dark-950:#0D0D0D;--slate-dark-975:#050505;--hero-section-padding:calc(var(--section-padding-block) + var(--main-header-height));--main-bg-light:var(--white);--str-h1:clamp(2.25rem, 1.4377rem + 3.0227vw, 3.75rem);--str-h2:clamp(1.875rem, 1.2657rem + 2.267vw, 3rem);--str-h3:clamp(1.5rem, 1.0938rem + 1.5113vw, 2.25rem);--str-h4:clamp(1.25rem, 0.9115rem + 1.2594vw, 1.875rem);--text-lg-20:1.25rem;--text-md-18:1.125rem;--text-base-16:1rem;--text-sm-14:0.875rem;--text-xs-12:0.75rem;--main-bg-dark:var(--slate-dark-925);--btn-height:44px;--header-gradient:linear-gradient(148.44deg, #f2f2f2 -5.77%, #a0a0a8 100%);--text-primary-dark:var(--white);--text-secondary-dark:var(--slate-dark-25);--btn-width:150px;--main-header-height:80px;--str-primary-50:#FFF0FC;--str-primary-100:#FFE3FC;--str-primary-200:#FFC6F9;--str-primary-300:#FF98F2;--str-primary-400:#FF58E7;--str-primary-500:#FF27D7;--str-primary-600:#FF0EBE;--str-primary-700:#DF0097;--str-primary-800:#B8007D;--str-primary-900:#98036A;--str-primary-950:#5F003C;--text-primary-light:var(--slate-light-925);--text-secondary-light:var(--slate-light-700);--text-subtitle-dark:var(--slate-dark-0);--text-subtitle-light:var(--slate-light-900);--btn-height-sm:36px;--space-2:0.125rem;--space-4:0.25rem;--space-8:0.5rem;--space-12:0.75rem;--space-16:1rem;--space-20:1.25rem;--space-24:1.5rem;--space-28:1.75rem;--space-32:2rem;--space-36:2.25rem;--space-40:2.5rem;--space-48:3rem;--space-56:3.5rem;--space-64:4rem;--space-80:5rem;--space-96:6rem;--space-112:7rem;--space-128:8rem;--space-144:9rem;--space-160:10rem;--blend-mode:difference;--btn-radius:8px;--lh-h1:clamp(2.5rem, 1.823rem + 2.5189vw, 3.75rem);--lh-h2:clamp(2.25rem, 1.8438rem + 1.5113vw, 3rem);--lh-h3:clamp(2rem, 1.7292rem + 1.0076vw, 2.5rem);--lh-h4:clamp(1.75rem, 1.4792rem + 1.0076vw, 2.25rem);--lh-body-lg:1.75rem;--lh-body-md:1.75rem;--lh-body-base:1.5rem;--lh-body-sm:1.25rem;--lh-body-xs:1rem;--lh-label-xl:1.75rem;--lh-label-lg:1.5rem;--lh-label-base:1.25rem;--lh-label-sm:1rem;--header-gradient-light:linear-gradient(148.44deg, #555555 -5.77%, #555555 100%);--shadow-2xs:0px 1px 2px 0px rgba(0, 0, 0, .05);--shadow-xs:0px 1px 3px 0px rgba(0, 0, 0, .1),0px 1px 2px 0px rgba(0, 0, 0, .06);--shadow-sm:0px 4px 8px -2px rgba(0, 0, 0, .1),0px 2px 4px -2px rgba(0, 0, 0, .06);--shadow-md:0px 12px 16px -4px rgba(0, 0, 0, .08),0px 4px 6px -2px rgba(0, 0, 0, .03);--shadow-lg:0px 20px 24px -4px rgba(0, 0, 0, .08),0px 8px 8px -4px rgba(0, 0, 0, .03);--shadow-xl:0px 24px 48px -12px rgba(0, 0, 0, .18);--shadow-2xl:0px 32px 64px -12px rgba(0, 0, 0, .14);--shadow-antimetal:0px 0px 0px 1px rgba(14, 63, 126, .04),0px 1px 1px -0.5px rgba(42, 51, 69, .04),0px 3px 3px -1.5px rgba(42, 51, 70, .04),0px 6px 6px -3px rgba(42, 51, 70, .04),0px 12px 12px -6px rgba(14, 63, 126, .04),0px 24px 24px -12px rgba(14, 63, 126, .04);--shadow-antimetal-orange:0px 0px 0px 1px rgba(252, 122, 19, .04),0px 1px 1px -0.5px rgba(252, 122, 19, .04),0px 3px 3px -1.5px rgba(252, 122, 19, .04),0px 6px 6px -3px rgba(252, 122, 19, .04),0px 12px 12px -6px rgba(252, 122, 19, .04),0px 24px 24px -12px rgba(252, 122, 19, .04);--shadow-clerk:0px 1px 1px 0px rgba(42, 51, 70, .05),0px 4px 6px 0px rgba(42, 51, 70, .04),0px 2px 3px 0px rgba(14, 63, 126, .04);--shadow-badge:0px 0px 0px 1px rgba(14, 63, 126, .04),0px 1px 1px -0.5px rgba(42, 51, 69, .04),0px 3px 3px -1.5px rgba(42, 51, 70, .04);--gradient-accent:linear-gradient(135deg, var(--str-primary-400), var(--str-primary-600), #8A2BE2);--nav-mobile-font:clamp(2rem, 1.5432rem + 1.7076vw, 3rem);--min-viewport:360;--max-viewport:1600;--base-font:10;--clamp-unit:1vw;--before-gradient-size:clamp(-33rem, -24.3085rem + -32.4918vw, -70rem);--rose-400:#FB7185;--rose-600:#E11D48;--rose-800:#9F1239;--rose-950:#4C0519;--amber-400:#F59E0B;--amber-600:#D97706;--amber-800:#92400E;--amber-950:#451A03;--teal-400:#2DD4BF;--teal-600:#0D9488;--teal-800:#115E59;--teal-950:#042F2E;--success-stroke-light:var(--teal-400);--success-surface-light:var(--teal-50);--success-stroke-dark:var(--teal-800);--success-surface-dark:var(--teal-950);--warning-stroke-light:var(--amber-400);--warning-surface-light:var(--amber-50);--warning-stroke-dark:var(--amber-800);--warning-surface-dark:var(--amber-950);--error-stroke-light:var(--rose-400);--error-surface-light:var(--rose-50);--error-stroke-dark:var(--rose-800);--error-surface-dark:var(--rose-950)}.brxe-container{max-width:var(--content-width);width:100%}.brxe-div{display:flex;flex-direction:row}body{font-family:Inter,system-ui,san-serif;color:var(--theme-text-secondary)}h1,h2,h3{color:var(--theme-text-primary);font-weight:600;font-family:Inter,system-ui,san-serif}h1{font-size:var(--str-h1)}h2{font-size:var(--str-h2)}h3{font-size:var(--str-h3)}html{background-color:var(--theme-main-bg)}body{background:0 0}.header-scoria{min-height:var(--main-header-height)}.header-scoria-left{align-items:center}[data-theme=dark] .header-scoria__logo img{mix-blend-mode:difference}.mm-scoria__nav-items-wrapper{display:none}.ul-list--reset{list-style:none;padding-inline-start:0;margin-block:0}@media (max-width:991px){.mm-scoria-mega-dropdown__content{margin-top:20px}}.mm-scoria:not(.brx-open) .mm-scoria-dropdown-1{padding-block:var(--space-l)}.main-nav-tray{align-self:stretch!important;width:100%;flex-direction:column;justify-content:flex-start;row-gap:var(--space-4)}.main-nav-tray{--list-space-block:var(--space-8);--list-space-inline:var(--space-12)}.main-nav-tray-row1{align-self:stretch!important;width:100%}.main-nav-tray-row1{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));inline-size:100%}@media (max-width:1365px){.main-nav-tray-row1{display:grid!important;grid-template-columns:1fr;inline-size:100%}}.main-nav-tray-col{flex-direction:column;row-gap:var(--space-24)}.main-nav-tray-col-title{font-size:var(--text-base-16);font-weight:600;color:var(--nav-text-primary)}.main-nav-tray-col-list{margin-left:calc(var(--list-space-block) * -1);flex-direction:column;row-gap:var(--space-16)}.main-nav-tray-col-item{padding-top:var(--list-space-inline);padding-right:var(--list-space-block);padding-bottom:var(--list-space-inline);padding-left:var(--list-space-block);column-gap:var(--space-12);border-radius:12px}.main-nav-tray-col-item{transition:background-color .3s ease}.main-nav-tray-col-item:hover{background-color:var(--slate-dark-700)}[data-theme=dark] .main-nav-tray-col-item:hover{background-color:var(--slate-light-75)}.str-clickable-card a:before{content:"";position:absolute;inset:0}.str-clickable-card{position:relative}.main-nav-tray-col-item__icon-wrap{justify-content:center;align-items:center;width:32px;height:32px;border-radius:4px;flex-shrink:0}.main-nav-tray-col-item__icon-wrap{border:1px solid var(--slate-dark-500);background:rgba(56,56,64,.5)}[data-theme=dark] .main-nav-tray-col-item__icon-wrap{border:unset;background:var(--slate-light-25);box-shadow:0 0 1px rgba(0,0,0,.2),1px 2px 2px rgba(0,0,0,.17),2px 4px 2px rgba(0,0,0,.1),3px 7px 3px rgba(0,0,0,.03),5px 10px 3px transparent}.main-nav-tray-col-item__icon{height:18px;width:18px}[data-theme=dark] .main-nav-tray-col-item__icon{--icon-color:black}[data-theme=dark] .main-nav-tray-col-item__icon [stroke]{stroke:var(--icon-color)}[data-theme=dark] .main-nav-tray-col-item__icon [fill]:not([fill=none]){fill:var
27(--icon-color)}.main-nav-tray-col-item__content{flex-direction:column;row-gap:var(--space-8)}.main-nav-tray-col-item__content-title{font-size:var(--text-base-16);font-weight:600;color:var(--nav-text-primary)}.main-nav-tray-col-item__content-title a{color:var(--nav-text-primary)}.main-nav-tray-col-item__content-title a:hover{color:var(--nav-text-primary)}.main-nav-tray-col-item__content-subtitle{font-size:var(--text-sm-14)}.main-nav-tray-col-item__content-subtitle{color:var(--slate-dark-25)}[data-theme=dark] .main-nav-tray-col-item__content-subtitle{color:var(--slate-light-925)}.text-btn{column-gap:8px;align-self:center!important;justify-content:center;align-items:center}.text-btn{position:relative;color:var(--str-primary-400)!important;background-color:transparent;font-size:var(--text-base-16)!important;font-weight:600;padding-block:10px;display:flex;justify-content:center;cursor:pointer;isolation:isolate}.text-btn svg{transition:transform .4s cubic-bezier(.16, 1, .3, 1)}.text-btn:hover svg{transform:translateX(4px)}.main-header__nav-link{z-index:100}.main-header__nav-link-btn{min-width:var(--btn-width);height:var(--btn-height-sm);align-items:center;justify-content:center}.main-header__nav-cta-btn{min-width:var(--btn-width);height:var(--btn-height-sm);align-items:center;justify-content:center}.mm-scoria__nav-items-social-ul-wrap{margin-top:auto}.mm-scoria__nav-items-social-ul-wrap{padding:calc(var(--space-m)/ 1.6) var(--gutter);display:none}@media (max-width:1365px){.mm-scoria__nav-items-social-ul-wrap{display:flex}}.mm-scoria__nav-items-social-ul{width:100%;grid-gap:var(--space-16);display:grid;align-items:initial;grid-template-columns:var(--grid-3)}.mm-scoria__nav-items-social{color:var(--header-dropdown-text-color);font-weight:600;font-size:clamp(1rem, .8858rem + .4269vw, 1.25rem)}.hero-section{min-height:100dvh;position:relative;isolation:isolate;padding-top:calc(var(--hero-section-padding) + 10px)}.hero-section{z-index:2!important}.hero-section__container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1200px;padding:2rem 5%;text-align:center;z-index:2}.hero-section__container a,.hero-section__container button{pointer-events:auto}.hero-section__container,.hero-section__container *{position:relative;z-index:3}.hero-section:before{content:"";position:absolute;background-image:url("https://ucarecdn.com/b0bf1761-fb2c-4860-9e07-880e8c4ec895/-/preview/1000x718/-/format/webp/-/quality/smart/");background-size:cover;top:-100%;bottom:0;left:var(--before-gradient-size);right:0;z-index:-2}[data-theme=light] .hero-section:before{opacity:.5}.hero-section{position:relative;z-index:1}.hero-section::after{content:"";position:absolute;top:0;left:0;width:100%;height:var(--pseudo-after-height,100%);background:var(--bg-noise);z-index:-1;pointer-events:none;opacity:.5}[data-theme=light] .hero-section::after{opacity:.15}.hero-section__container{justify-content:center;align-items:center;row-gap:var(--space-128)}.hero-section__container-content{align-self:stretch!important;width:100%;flex-direction:column;justify-content:center;align-items:center}.hero-content__copy{flex-direction:column;justify-content:center;align-items:center}.hero-badge{column-gap:var(--space-8);align-items:center;padding-top:var(--space-4);padding-right:var(--space-12);padding-bottom:var(--space-4);padding-left:var(--space-12)}.hero-badge{background:rgba(255,255,255,.0020000000949949026);border:1px solid rgba(255,255,255,.15);border-radius:32px;box-shadow:inset 0 -7px 11px rgba(164,143,255,.12);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}[data-theme=light] .hero-badge{box-shadow:inset 0 -7px 11px rgb(233 182 238)}.hero-badge::after{border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:add,add;mask-composite:xor;-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}.hero-badge a:after{content:"";position:absolute;inset:0}.hero-badge__count{background-color:var(--str-primary-500);padding-right:var(--space-8);padding-left:var(--space-8);border-radius:100px;align-items:center;justify-content:center}.hero-badge__count-txt{color:var(--white);font-size:var(--text-sm-14);font-weight:500;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0}.hero-badge__count-txt{line-height:var(--lh-body-base)}.hero-badge__text{font-size:var(--text-base-16);color:var(--theme-text-primary);line-height:normal}.hero-badge__icon-wrap{column-gap:var(--space-2)}.hero-badge__icon{height:24px;width:24px}[data-theme=light] .hero-badge__icon{color:gold;fill:#FFD700}.hero-badge__icon{--icon-color:#F6CF09}[data-theme=light] .hero-badge__icon{--icon-color:#FFD700}.hero-badge__icon [stroke]{stroke:var(--icon-color)}
27.hero-badge__icon [fill]:not([fill=none]){fill:var(--icon-color)}.line-effect{--line-width:1px;--line-color:#adbbff;--start-angle:0deg;--delay:0s;--easing:linear}[data-theme=light] .line-effect{--line-color:#FF27D7}.line-effect{position:absolute;inset:0;border-radius:inherit;filter:drop-shadow(0 0 10px var(--line-color));animation:card_line-anim__iu92O 12s var(--easing) infinite,card_line-opacity-loop__KzXmR 3s var(--easing) infinite}.line-effect::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:var(--line-width);background:conic-gradient(from calc(var(--angle) + var(--start-angle)),transparent 0,var(--line-color) 20%,transparent 25%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;mask-composite:exclude;animation:inherit;pointer-events:none}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes card_line-anim__iu92O{to{--angle:360deg}}@keyframes card_line-opacity-loop__KzXmR{0%{opacity:.75}50%{opacity:1}to{opacity:.75}}.hero-badge__link{position:static}.hero-badge__link{--icon-color:var(--white);width:auto;height:16px}[data-theme=light] .hero-badge__link{--icon-color:var(--slate-light-800)}.hero-badge__link [stroke]{stroke:var(--icon-color)}.hero-badge__link [fill]:not([fill=none]){fill:var(--icon-color)}.hero-content__copy-title{text-align:center;color:var(--theme-text-primary);width:100%;max-width:850px}@media (max-width:478px){.hero-badge__icon-wrap{display:none}.hero-content__copy-title{max-width:100%;font-size:var(--h1)}}.hero-content__copy-subtitle{text-align:center;color:var(--theme-text-subtitle);font-size:var(--text-lg-20);width:100%;max-width:712px}@media (max-width:478px){.hero-content__copy-subtitle{font-size:var(--text-base-16)}.hero-content__btn{flex-direction:column;align-self:stretch!important;width:100%}}.cta-btn{min-width:var(--btn-width);min-height:var(--btn-height)}.cta-btn{--red:#FF6565;--pink:#FF64F9;--purple:#6B5FFF;--blue:#4D8AFF;--green:#5BFF89;--yellow:#FFEE55;--orange:#FF6D1B}.cta-btn{border-radius:8px;position:relative}.cta-btn:before{content:'';background:linear-gradient(90deg,var(--orange),var(--yellow),var(--green),var(--blue),var(--purple),var(--pink),var(--red));height:30%;width:60%;position:absolute;bottom:-20%;left:50%;transform:translate(-50%,-50%);background-size:200%;animation:4s linear infinite animate;filter:blur(10px)}.cta-btn:hover::before,.cta-btn__inner:hover{animation:1s linear infinite animate;color:var(--text-primary-dark)}@keyframes animate{0%{background-position:0}100%{background-position:200%}}.cta-btn__inner{width:100%;height:100%}.cta-btn__inner{border:.5px solid transparent;position:relative;color:#f3f3f3;font-size:var(--text-base-16)!important;font-weight:600;border-radius:var(--btn-border-radius);padding-block:10px;padding-inline:16px;display:flex;justify-content:center;cursor:pointer;isolation:isolate;background:linear-gradient(#1c0e1e26,#121213bf),linear-gradient(#121213ed 50%,rgba(18,18,19,.6) 80%,rgba(18,18,19,0)),linear-gradient(90deg,var(--orange),var(--yellow),var(--green),var(--blue),var(--purple),var(--pink),var(--red));background-origin:border-box;background-clip:padding-box,border-box,border-box;background-size:200%;animation:4s linear infinite animate;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.button-color-flip{--elastic-ease-out:linear(0, 0.5737 7.6%, 0.8382 11.87%, 0.9463 14.19%, 1.0292 16.54%, 1.0886 18.97%, 1.1258 21.53%, 1.137 22.97%, 1.1424 24.48%, 1.1423 26.1%, 1.1366 27.86%, 1.1165 31.01%, 1.0507 38.62%, 1.0219 42.57%, 0.9995 46.99%, 0.9872 51.63%, 0.9842 58.77%, 1.0011 81.26%, 1);--smooth-ease:cubic-bezier(.32, .72, 0, 1);--color-ease:cubic-bezier(.216, .62, .356, 1);transition:transform .45s var(--elastic-ease-out);-webkit-tap-highlight-color:transparent}.button-color-flip{width:215px;color:#fff}.button-color-flip_inner{width:100%;pointer-events:none;perspective:500px;transform-style:preserve-3d;display:grid}.button-color-flip_back{background:var(--str-primary-400);color:#fff;grid-column-gap:.25rem;grid-row-gap:.25rem;border-radius:.3125rem;grid-area:1/1;justify-content:center;place-self:center;align-items:center;width:calc(100% - .125rem);height:calc(100% - .125rem);display:flex;translate:0 .5rem -3.5rem}.button-color-flip_front{grid-area:1/1;display:grid}
27.button-color-flip:active{transform:scaleX(.955) scaleY(.954)}.button-color-flip_bg{display:grid;grid-area:1/1;background-color:transparent;border:1px solid var(--theme-text-primary);border-radius:var(--btn-border-radius);transition:background-color .2s var(--color-ease)}.button-color-flip_front{transition:translate .85s var(--elastic-ease-out),rotate .75s var(--elastic-ease-out),opacity .15s ease-out}.button-color-flip_text{color:var(--theme-text-primary);font-size:var(--text-base-16);font-weight:600;text-align:center;grid-area:1/1;padding:.75rem 1rem;transition:translate .75s var(--elastic-ease-out)}.button-color-flip_arrow,.button-color-flip_back::before{transition:translate .75s var(--elastic-ease-out);translate:0 .75rem 0}.button-color-flip_back{transition:translate .85s var(--elastic-ease-out),rotate .75s var(--elastic-ease-out),opacity .15s ease-out;opacity:0;translate:0 2rem -6rem;rotate:1 0 0 -90deg}.button-color-flip_back::before{--index:1;content:attr(data-text);display:contents}@media (hover:hover) and (pointer:fine){.button-color-flip:is(:hover,:focus-visible) .button-color-flip_front{translate:0 -2rem -6rem;rotate:1 0 0 85deg;opacity:0}.button-color-flip:is(:hover,:focus-visible) .button-color-flip_text{translate:0 -.75rem 0;transition-delay:0s}.button-color-flip:is(:hover,:focus-visible) .button-color-flip_back{transition:translate .85s var(--elastic-ease-out),rotate .75s var(--elastic-ease-out),opacity 75ms ease-in;rotate:1 0 0 0deg;translate:0 0 0;opacity:1}.button-color-flip:is(:hover,:focus-visible) :is(.button-color-flip_back::before,.button-color-flip_arrow){translate:0 0 0;transition-delay:calc(var(--index) * .012s)}}@media (hover:none) or (pointer:coarse){.button-color-flip:active .button-color-flip_bg{background-color:var(--str-primary-500);transition-duration:0s}}@media (max-width:478px){.button-color-flip{width:100%}}.button-color-flip_text{text-wrap:nowrap}.hero-sctn-marquee{flex-direction:column;align-items:center}.hero-marquee__text{font-size:var(--text-md-18);color:var(--theme-text-secondary);font-weight:400;width:100%;max-width:300px}.hero-marquee__content{--logo-wrap:2rem;--marquee-gap:calc(var(--logo-wrap) /2)}.hero-marquee__content{width:100%;max-width:600px;overflow:hidden;padding-block:1rem;-webkit-mask:linear-gradient(90deg,transparent,white 20%,white 80%,transparent);mask:linear-gradient(90deg,transparent,white 20%,white 80%,transparent)}.hero-marquee__logo-wrap{width:max-content;min-width:max-content;gap:var(--logo-wrap);flex-wrap:nowrap;align-items:center;animation:30s linear infinite scroll2}@keyframes scroll2{to{transform:translateX(calc(-50% - var(--marquee-gap)))}}.hero-marquee__logo{width:auto;height:24px}.hero-marquee__logo img,.hero-marquee__logo:not(.tag){object-fit:cover}.problem-sctn{margin-top:clamp(-300px,calc(-100px - 20vh),-200px);overflow:hidden}:root{--problem-bg:url("https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/04/pixel-texture-dark-optimised.png")}[data-theme=light]{--problem-bg:url("https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/04/pixel-texture-light-optimised.png")}.problem-sctn:before{content:"";position:absolute;width:100%;max-width:var(--content-width);background-image:var(--problem-bg);background-size:cover;top:0;bottom:0;left:50%;transform:translateX(-50%);right:0;z-index:1;-webkit-mask:linear-gradient(90deg,transparent,white 20%,white 80%,transparent);mask:linear-gradient(90deg,transparent,white 20%,white 80%,transparent)}.problem-sctn__container{row-gap:var(--space-40)}.problem-sctn__container{z-index:2}.sctn__intro{align-items:center;row-gap:var(--space-8)}.sctn__intro{max-width:var(--content-width)}.sctn-badge{font-size:var(--text-base-16)}.sctn-badge span{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}[data-theme=light] .sctn-badge span{color:var(--str-primary-500)}.problem-sctn__intro-headline{font-size:var(--str-h2);font-weight:600;color:var(--theme-text-primary);text-align:center}.problem-sctn__intro-headline{text-wrap:balance}.problem-sctn__content-wrap{--card-gap:var(--space-32);--marquee-gap:calc(var(--card-gap) / 2)}.problem-sctn__content-wrap{gap:var(--card-gap);padding-block-end:var(--space-24);-webkit-mask:linear-gradient(to right,transparent,white 20%,white 80%,transparent) top/100% 100% no-repeat;mask:linear-gradient\( to right,transparent,white 20%,white 80%,transparent}@media (max-width:767px){.eclipse-divider-wrap{display:none}.problem-sctn{margin-top:0}.problem-sctn__content-wrap{height:fit-content}}.problem-sctn__content[data-direction=right]{--_animation-direction:reverse}.problem-sctn__content[data-direction=left]{--_animation-direction:forwards}.problem-sctn__content[data-speed=fast]{--_animation-duration:60s}.problem-sctn__content[data-speed=medium]{--_animation-duration:80s}.problem-sctn__content[data-speed=slow]{--_animation-duration:100s}.problem-sctn__content{width:100%;max-width:var(--content-width);overflow-x:clip}.problem-sctn__content-marquee{width:max-content;min-width:max-content;flex-wrap:nowrap;animation:scroll var(--_animation-duration,40s) var(--_animation-direction,forwards) linear infinite}.problem-sctn__content:hover .problem-sctn__content-marquee{animation-play-state:paused}@keyframes scroll{to{transform:translateX(calc(-50% - var(--marquee-gap)))}}.problem-sctn__content-marquee{flex-direction:row;align-items:center;column-gap:var(--card-gap)}.problem-sctn__content-marquee{align-items:stretch;height:auto}.problem-card{max-width:257px;min-height:110px;background:#202028;box-shadow:-14px 71px 20px 0 rgba(13,13,13,.01),-9px 45px 18px 0 rgba(13,13,13,.07),-5px 25px 16px 0 rgba(13,13,13,.25),-2px 11px 12px 0 rgba(13,13,13,.43),-1px 3px 6px 0 rgba(13,13,13,.49);border-inline-start:3px solid #efefef;border-radius:8px;padding-inline:var(--space-16);padding-block:var(--space-16);position:relative;overflow:hidden;z-index:1;isolation:isolate}.problem-card:before{content:"";position:absolute;background:#efefef;width:44px;height:44px;border-radius:100%;filter:blur(50px);-webkit-filter:blur(50px)}.problem-card:after{content:"";position:absolute;background:#efefef;width:50px;height:50px;top:-10%;left:-3%;border-radius:100%;filter:blur(50px);-webkit-filter:blur(50px);z-index:-1}[data-theme=light] .problem-card{background:var(--white);border-inline-start:3px solid var(--primary);box-shadow:-14px 71px 20px 0 rgba(13,13%,13%,0%),-9px 45px 18px 0 rgba(13,13%,13%,3%),-5px 25px 16px 0 rgba(13,13%,13%,10%),-2px 11px 12px 0 rgba(13,13%,13%,17%),-1px 3px 6px 0 rgba(13,13%,13%,20%)}.header-gradient{background:var(--header-gradient);position:relative;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}[data-theme=light] .header-gradient{background:var(--header-gradient-light);position:relative;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.problem-card__stroke-top{position:absolute;inset:0;border-radius:var(--btn-border-radius);padding-top:2px;background:linear-gradient(339deg,#efefef -132.72%,rgba(239,239,239,0) 80.87%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:1;pointer-events:none}.problem-card__stroke-bottom{position:absolute;inset:0;border-radius:var(--btn-border-radius);padding-bottom:2px;background:linear-gradient(213deg,#efefef -132.72%,rgba(239,239,239,0) 80.87%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:1;pointer-events:none}.solution-sctn{padding-top:150px;padding-bottom:150px}.solution-sctn__header{font-size:var(--str-h2);font-weight:700;line-height:var(--heading-line-height)}@media (max-width:478px){.solution-sctn{padding-top:100px;padding-bottom:100px}.solution-sctn__header{font-size:var(--str-h3)}}.service-sctn{position:relative;overflow:hidden}.service-sctn{padding-block-end:calc(var(--gutter) + 70px)}.service-sctn:before{content:"";width:100%;height:1px;position:absolute;top:0;background-color:#ff27d7;opacity:.4;mask-image:radial-gradient(circle,black,transparent 50%)}.service-sctn::after{content:"";position:absolute;top:0;left:0;width:100%;height:var(--service-testimonial-height,100%);background:var(--bg-noise);z-index:-1;pointer-events:none;opacity:.5}[data-theme=light] .service-sctn::after{opacity:.15}.service-sctn__container:after{content:"";position:absolute;background-color:rgba(255,39,215,.6);width:380px;height:380px;border-radius:100%;top:-15%;left:50%;transform:translateX(-50%);filter:blur(200px);--webkit-filter:blur(200px);pointer-events:none;z-index:1}@media (max-width:767px){.service-sctn__container:after{top:-15%}}[data-theme=light] .service-sctn__container:before{opacity:0}
27.service-sctn__intro{position:relative}.sctn-intro__headline{font-size:var(--str-h2);font-weight:600;color:var(--theme-text-primary);text-align:center;width:100%;max-width:720px}.sctn-intro__text{width:100%;max-width:530px;text-align:center;font-size:var(--text-md-18)}.service-sctn__content{grid-gap:var(--space-12);align-items:stretch}.service-card{min-height:460px;overflow:hidden}.service-card{background:var(--slate-dark-800);box-shadow:inset 0 1px 2.200000047683716px 0 #282830;border-radius:12px}[data-theme=light] .service-card{background:var(--slate-light-100);box-shadow:0 0 0 1px rgba(14,63%,126%,6%),0 1px 1px -.5px rgba(42,51%,70%,3%),0 3px 3px -1.5px rgba(42,51%,70%,5%),0 5px 5px -2.5px rgba(42,51%,70%,3%),0 16px 16px -8px rgba(42,51%,70%,4%)}.service-card__media--website{padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px}.service-card__media-inner--website{width:100%;aspect-ratio:408/272;position:relative;border:1px solid var(--slate-dark-600);border-radius:12px;overflow:hidden;box-shadow:0 91px 25px 0 rgba(0,0,0,.01),0 58px 23px 0 rgba(0,0,0,.04),0 33px 20px 0 rgba(0,0,0,.15),0 15px 15px 0 rgba(0,0,0,.26),0 4px 8px 0 rgba(0,0,0,.29)}[data-theme=light] .service-card__media-inner--website{border:1px solid transparent;box-shadow:0 91px 25px 0 rgba(0,0%,0%,0%),0 58px 23px 0 rgba(0,0%,0%,3%),0 33px 20px 0 rgba(0,0%,0%,10%),0 14px 14px 0 rgba(0,0%,0%,17%),0 4px 8px 0 rgba(0,0%,0%,20%)}.service-card__content{margin-top:auto;row-gap:var(--space-16);padding-right:var(--space-16);padding-bottom:var(--space-16);padding-left:var(--space-16)}.service-card__copy{row-gap:var(--space-8)}.service-card__copy-header{font-size:var(--text-base-16)}.service-card__copy-text{font-size:var(--text-base-16)}.text-btn-sm{column-gap:8px;align-self:flex-start!important;justify-content:flex-start;align-items:center}.text-btn-sm{position:relative;color:var(--str-primary-400)!important;background-color:transparent;font-size:var(--text-sm-14)!important;font-weight:600;padding-block:10px;display:flex;justify-content:center;cursor:pointer;isolation:isolate}.text-btn-sm svg{transition:transform .4s cubic-bezier(.16, 1, .3, 1)}.text-btn-sm:hover svg{transform:translateX(4px)}[data-theme=light] .text-btn-sm{color:var(--str-primary-500)!important}.service-card__media{width:100%;aspect-ratio:408/272;position:relative}.service-card-sm{min-height:250px;padding-top:var(--space-16);padding-right:var(--space-16);padding-bottom:var(--space-16);padding-left:var(--space-16)}.service-card-sm{background:var(--slate-dark-800);box-shadow:inset 0 1px 2.200000047683716px 0 #282830;border-radius:12px}[data-theme=light] .service-card-sm{background:var(--slate-light-100);box-shadow:unset}.service-card-sm__content{row-gap:var(--space-16)}.service-card-sm__icon-wrap{align-self:flex-start!important}.service-card-sm__icon{fill:none}[data-theme=light] .service-card-sm__icon path{stroke:var(--str-primary-500)}.color-btn{padding-top:var(--space-16);padding-right:var(--space-20);padding-bottom:var(--space-16);padding-left:var(--space-20);justify-content:center;align-items:center}.color-btn{background:var(--str-primary-500);border-radius:10px;box-shadow:inset 0 4px 6.199999809265137px 0 rgba(255,255,255,.3),0 8px 40px 0 rgba(255,88,231,.5),0 0 0 1px rgba(255,88,231,.12);color:var(--white);font-weight:600;transition:all .5s ease}.color-btn:hover{color:#fff;scale:1.03}.testimonial-sctn{position:relative}.testimonial-sctn{background:var(--white)}.section-divider{flex-direction:row}.section-divider{position:absolute;top:-2.75rem;left:0;right:0;margin-top:calc(-3 / 16 * 1rem);display:flex;align-items:flex-end;flex-wrap:nowrap;overflow:hidden}.section-divider__left{width:10%;flex:1 1 auto;height:2.75rem;margin-right:calc(-1 * (2rem - .375rem));background:var(--main-bg-light)}.section-divider__center{flex-direction:row;justify-content:space-between}@media (min-width:80em){.section-divider__center{max-width:80rem}}@media (min-width:64em){.section-divider__center{max-width:64rem}}@media (min-width:48em){.section-divider__center{max-width:48rem}}.section-divider__center{width:100%;margin-left:auto;margin-right:auto;max-width:var(--content-width)}
27.section-divider__svg-left{fill:var(--main-bg-light);overflow:visible;flex:none;width:3.5rem;margin-bottom:calc(-1 / 16 * 1rem)}.section-divider__svg-right{display:block;fill:var(--main-bg-light);overflow:visible;flex:none;width:3.5rem;margin-bottom:calc(-1 / 16 * 1rem)}.section-divider__right{width:10%;flex:1 1 auto;height:2.75rem;margin-left:calc(-1 * (2rem - .375rem));background:var(--main-bg-light)}.testimonial-sctn__container{row-gap:var(--space-48)}.testimonial-sctn__intro{position:relative;align-items:center}.service-sctn-badge{font-size:var(--text-base-16)}.service-sctn-badge{color:var(--black)}.service-sctn-badge span{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}[data-theme=light] .service-sctn-badge span{color:var(--str-primary-500)}.testimonial-sctn-intro__headline{font-size:var(--str-h2);font-weight:600;color:var(--theme-text-primary);text-align:center;width:100%;max-width:720px}.testimonial-sctn-intro__headline{background:var(--header-gradient-light);position:relative;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.testimonial-sctn-intro__text{width:100%;max-width:530px;text-align:center;font-size:var(--text-md-18);color:var(--text-secondary-light)}.testimonial-sctn-intro__text{text-wrap:balance}.sctn__intro-review-badge-wrap{align-self:center!important;flex-wrap:nowrap;justify-content:space-between;margin-top:var(--space-8)}.sctn__intro-review-badge{flex-direction:row;align-items:center;align-self:center!important;justify-content:center;padding-top:var(--space-12);padding-right:var(--space-12);padding-bottom:var(--space-12);padding-left:var(--space-12);column-gap:var(--space-8)}.sctn__intro-review-badge{background:var(--white);border:1px solid #ebebeb;box-shadow:var(--shadow-clerk);border-radius:6px}.sctn__intro-review-badge--logo{height:24px}.sctn__intro-review-badge--text{color:var(--black)}.sctn__intro-review-badge-star-wrap{column-gap:var(--space-4)}.sctn__intro-review-badge-star{font-size:20px;color:#fcd503;fill:#fcd503}.testimonial-card2__grid-wrap{position:relative;flex-direction:column}.testimonial-card2__grid-wrap{position:relative;max-height:700px;overflow:hidden;transition:max-height .5s ease-in-out}.testimonial-card2__grid-wrap.expanded{max-height:100%;overflow:visible}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);visibility:hidden}to{opacity:1;transform:translateY(0);visibility:visible}}.testimonial-card2__grid-action.fade-in{animation:.2s ease-out forwards fadeInUp;pointer-events:auto!important}@keyframes fadeOutDown{from{opacity:1;transform:translateY(0);visibility:visible}to{opacity:0;transform:translateY(30px);visibility:hidden}}.testimonial-card2__grid-action.fade-out{animation:.2s ease-in forwards fadeOutDown;pointer-events:none!important}.testimonial-card2__grid{visibility:visible}.testimonial-card2__grid{--review-gap:var(--space-24)}.testimonial-card2__grid{display:block!important;width:100%;columns:4 330px;gap:var(--review-gap);position:relative}.testimonial-card2{min-height:344px;background-color:var(--slate-light-50);border-radius:24px}.testimonial-card2{padding:6px;box-shadow:5px 10px 3px 0 transparent,3px 7px 3px 0 rgba(0,0,0,.03),2px 4px 2px 0 rgba(0,0,0,.06),1px 2px 2px 0 rgba(0,0,0,.1);margin-bottom:var(--review-gap);break-inside:avoid}.testimonial-card2__inner{align-items:flex-start;flex-direction:column}.testimonial-card2__inner{width:100%;min-height:100%;padding-block:var(--space-20);padding-inline:var(--space-20);background:var(--white);border:1px solid var(--slate-light-100);border-radius:20px}.testimonial-card2__info{align-items:center;justify-content:space-between;width:100%}.testimonial-card2__info-name{font-size:var(--lh-label-lg);line-height:var(--lh-label-lg);color:var(--text-primary-light);font-weight:500}[data-theme=light] .testimonial-card2__info-name{color:var(--text-primary-light)}.testimonial-card2__info-rating{background-color:var(--white);align-items:center;justify-content:center;padding-top:var(--space-8);padding-right:var(--space-12);padding-bottom:var(--space-8);padding-left:var(--space-12);column-gap:var(--space-4)}.testimonial-card2__info-rating{box-shadow:inset 0 4px 11.399999618530273px 0 rgba(255,39,215,.1),0 0 1px 0 rgba(32,38,50,.25),0 1px 1px -.5px rgba(32,38,50,.24),0 3px 3px -1.5px rgba(32,38,50,.15),0 6px 6px -3px rgba(32,38,50,.1),0 11px 24px -12px rgba(32,38,50,.15),0 32px 32px -16px rgba(32,38,50,.24),inset 0 .5px .5px 0 rgba(255,255,255,.4),inset 0 1px 2px 0 rgba(255,255,255,.32)}.testimonial-reviews-card__rating-icon{color:var(--str-primary-500);
27fill:var(--str-primary-500);font-size:16px}.testimonial-card2__quote{flex-direction:column;row-gap:16px}.testimonial-card2__quote{margin:0;padding:0;border:none;font-style:inherit;quotes:none;position:static;overflow:visible}.testimonial-card2__quote-icon{height:25px}.testimonial-card2__quote-icon :not([fill=none]){fill:var(--slate-light-800)!important}.testimonial-card2__quote-text{color:var(--slate-light-800);font-family:Geist;font-size:var(--text-md-18);font-weight:400}.testimonial-card2__quote-text:before{content:""}.testimonial-card2__grid-action{position:sticky;bottom:0;background-image:repeating-linear-gradient(rgba(255,255,255,0),#fff);padding-top:4rem;padding-bottom:4rem;justify-content:center;align-items:center}.testimonial-card2__grid-action{z-index:10;transition:opacity .2s ease-out,transform .4s ease-out,visibility 0s linear .4s}.testimonial-card2__grid-action.hidden{opacity:0;transform:translateY(100%);pointer-events:none;visibility:hidden;transition:opacity .2s ease-out,transform .4s ease-out,visibility 0s linear .4s}.testimonial-card2__grid-action-btn{margin-bottom:-22px}.testimonial-card2__grid-action-btn{background:var(--str-primary-500);color:#fff;min-height:44px;justify-content:center;align-items:center;padding-block:6px;padding-inline:32px;border-radius:8px;box-shadow:inset 0 1px .75px 0 rgba(255,255,255,.12),inset 0 -1px 0 0 #df0097,0 0 0 1px #b8007d,0 1px 3px 0 rgba(0,0,0,.1),0 1px 1px -.5px rgba(32,38,50,.24),0 3px 3px -1.5px rgba(32,38,50,.24),0 6px 6px -3px rgba(32,38,50,.24),0 12px 12px -6px rgba(32,38,50,.32),0 24px 24px -12px rgba(32,38,50,.24),0 32px 32px -16px rgba(32,38,50,.24),inset 0 .5px .5px 0 rgba(255,255,255,.4),inset 0 1px 2px 0 rgba(255,255,255,.32)}.testimonial-card2__grid-action-btn:focus{box-shadow:inset 0 1px .75px 0 rgba(255,255,255,.12),inset 0 -1px 0 0 #df0097,0 0 0 1px #b8007d,0 1px 3px 0 rgba(0,0,0,.1),0 1px 1px -.5px rgba(32,38,50,.24),0 3px 3px -1.5px rgba(32,38,50,.24),0 6px 6px -3px rgba(32,38,50,.24),0 12px 12px -6px rgba(32,38,50,.32),0 24px 24px -12px rgba(32,38,50,.24),0 32px 32px -16px rgba(32,38,50,.24),inset 0 .5px .5px 0 rgba(255,255,255,.4),inset 0 1px 2px 0 rgba(255,255,255,.32)!important}.portfolio-sctn{position:relative;background-color:var(--divider-bg);padding-right:0;padding-bottom:0;padding-left:0;overflow:hidden}:root{--divider-bg:var(--main-bg-dark);--line-color:var(--slate-dark-800);--grid-size:40px}[data-theme=light]{--line-color:var(--slate-light-150);--divider-bg:var(--slate-light-50)}.portfolio-sctn:before{content:"";height:100%;width:100vw;position:absolute;top:0;left:0;z-index:1;background:linear-gradient(90deg,var(--line-color) 1px,transparent 1px var(--grid-size)) 0 0/var(--grid-size) var(--grid-size),linear-gradient(0deg,var(--line-color) 1px,transparent 1px var(--grid-size)) 0 0/var(--grid-size) var(--grid-size);mask:radial-gradient(circle at top center,white 10%,transparent 30%)}.section-divider-bottom{flex-direction:row}.section-divider-bottom{display:flex;align-items:flex-end;flex-wrap:nowrap;overflow:hidden;background:var(--main-bg-light)}.section-divider-portfolio{position:relative}.section-divider-portfolio{position:absolute;top:0}.section-divider-bottom__center{flex-direction:row;justify-content:space-between;column-gap:0;row-gap:0;align-items:center}@media (min-width:80em){.section-divider-bottom__center{max-width:80rem}}@media (min-width:64em){.section-divider-bottom__center{max-width:64rem}}@media (min-width:48em){.section-divider-bottom__center{max-width:48rem}}.section-divider-bottom__center{width:90%;margin-left:auto;margin-right:auto;margin-bottom:-3px;flex-shrink:0;max-width:var(--content-width);flex-wrap:nowrap}.section-divider-bottom__svg-left{fill:var(--divider-bg);overflow:visible;flex:none;width:3.5rem;margin-bottom:calc(-1 / 16 * 1rem);margin-left:-.375rem;margin-right:-1px}.section-divider-bottom__svg-center{width:100%;align-self:stretch!important}.section-divider-bottom__svg-center{background:var(--divider-bg)}.section-divider-bottom__svg-right{display:block;fill:var(--divider-bg);overflow:visible;flex:none;width:3.5rem;margin-bottom:calc(-1 / 16 * 1rem);margin-right:-.375rem}.portfolio-sctn__rays{position:absolute;z-index:1;top:-20%}@media (max-width:767px){.portfolio-sctn__rays{top:-8%}}.portfolio-sctn__stars{position:absolute;z-index:1;top:-3%;opacity:.5;pointer-events:none}.portfolio-sctn__container{z-index:2}.portfolio-gallery{z-index:1}.portfolio-gallery{--portfolio-img-gap:18px;--img-border-color:var(--slate-dark-700)}[data-theme=light] .portfolio-gallery{--img-border-color:var(--slate-light-200)}.portfolio-gallery{width:100%;overflow:hidden;padding:0;height:100vh;max-height:950px;display:flex;justify-content:center;position:relative}.portfolio-gallery__wrapper{display:flex;gap:var(--portfolio-img-gap);justify-content:start;transform:rotate(-20deg);width:160%;min-width:160%;position:absolute;top:-20%}.portfolio-gallery__img-wrapper{flex-direction:column;row-gap:var(--space-24)}.portfolio-gallery__img-wrapper{display:flex;flex-direction:column;gap:var(--portfolio-img-gap);will-change:transform;flex-shrink:0;transform:translateY(200px)}.portfolio-gallery__img{width:clamp(18.75rem,12.4707rem + 23.4742vw,31.25rem);height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px;border:1.5px solid var(--img-border-color);overflow:hidden;transition:transform .3s ease;flex-shrink:0}.bg-noise{position:relative;z-index:1}.bg-noise::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-noise);z-index:-1;pointer-events:none;opacity:.5}[data-theme=light] .bg-noise::after{opacity:.1}.calculator-sctn__container{min-height:644px;border:1px solid var(--slate-dark-700);border-radius:24px;position:relative;overflow:hidden;flex-direction:row;padding-top:clamp(1.125rem,.4343rem + 2.5822vw,2.5rem);padding-right:clamp(1.125rem,.4343rem + 2.5822vw,2.5rem);padding-bottom:clamp(1.125rem,.4343rem + 2.5822vw,2.5rem);padding-left:clamp(1.125rem,.4343rem + 2.5822vw,2.5rem)}.calculator-sctn__container:before{content:"";position:absolute;width:115%;background-image:url("https://spcdn.shortpixel.ai/spio/ret_img+q_c
27dnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/05/calc-sctn-gradient-bg.png");background-size:cover;background-repeat:no-repeat;top:-20%;bottom:0;left:50%;transform:translateX(-50%);right:0;z-index:-2}[data-theme=light] .calculator-sctn__container{border:1px solid var(--slate-light-200)}@media (max-width:1260px){#visual-calc{display:none!important}#visual-hosting{display:none!important}.calculator-sctn__visual{display:flex!important}.calculator-sctn__intro{width:calc(100% + 40%)}}@media (max-width:767px){.calculator-sctn__visual{display:grid!important;grid-template-columns:var(--grid-2)}}@media (max-width:653px){.calculator-sctn__visual{display:flex!important}}.calculator-sctn__intro{align-items:flex-start;row-gap:8px}@media (max-width:991px){.calculator-sctn__intro{width:calc(100% + 40%)}}.calculator-sctn__intro-headline{font-size:var(--str-h2);font-weight:600;color:var(--theme-text-primary);text-align:left;width:100%;max-width:720px;margin-top:10px;margin-bottom:10px}.calculator-sctn__intro-headline{text-wrap:balance}.calculator-sctn__intro-headline{background:var(--header-gradient);position:relative;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}[data-theme=light] .calculator-sctn__intro-headline{background:var(--black);position:relative;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.calculator-sctn__intro-text{width:100%;max-width:530px;text-align:left;font-size:var(--text-md-18);color:var(--white)}[data-theme=light] .calculator-sctn__intro-text{color:#000}.footer-btn__wrap{--red:#FF6565;--pink:#FF64F9;--purple:#6B5FFF;--blue:#4D8AFF;--green:#5BFF89;--yellow:#FFEE55;--orange:#FF6D1B}.footer-btn__wrap{position:relative;overflow:hidden}.footer-btn__wrap:hover .footer-btn__bg{animation:2s ease-in-out infinite alternate random-move-3}@keyframes random-move-3{0%{transform:translateX(-50%) translateY(0);width:50%;height:80%}33%{transform:translateX(-45%) translateY(-12%);width:70%;height:100%}66%{transform:translateX(-60%) translateY(-8%);width:65%;height:90%}100%{transform:translateX(-50%) translateY(0);width:50%;height:80%}}.footer-btn{min-height:var(--btn-height);justify-content:center;align-items:center}.footer-btn{padding-inline:var(--space-16);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);color:var(--theme-text-primary);background-color:rgba(40,40,48,.5);border-radius:var(--btn-border-radius);z-index:1}.footer-btn :before{content:"";position:absolute;inset:0;border-radius:var(--btn-border-radius);padding-bottom:2px;background:linear-gradient(90deg,var(--orange),var(--yellow),var(--green),var(--blue),var(--purple),var(--pink),var(--red));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}[data-theme=light] .footer-btn{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:rgba(255,255,255,.5);border-radius:var(--btn-border-radius)}.label-base-16{font-size:var(--text-base-16);font-weight:600}.footer-btn__bg{position:absolute;width:50%;height:80%;bottom:0;background:linear-gradient(90deg,var(--orange),var(--yellow),var(--green),var(--blue),var(--purple),var(--pink),var(--red));border-radius:var(--btn-border-radius);left:50%;transform:translateX(-50%);filter:blur(20px);-webkit-filter:blur(20px)}.calculator-sctn__visual{display:grid;align-items:initial;grid-template-columns:var(--grid-2);grid-gap:var(--grid-gap)}.calc-card{min-width:270px;min-height:265px;background-color:var(--slate-dark-700);position:relative;flex-direction:column}.calc-card{border:1px solid var(--slate-dark-600);border-radius:24px;opacity:.7}.calc-card-site{padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;flex-direction:column}.calc-card-site__input-wrap{width:100%;min-height:155px;background-color:var(--slate-dark-600);border:2px solid var(--slate-dark-500);border-radius:16px;padding-top:20px;padding-right:16px;padding-bottom:20px;padding-left:16px;flex-direction:column;row-gap:var(--space-16)}.calc-card-site__input-wrap{box-shadow:23px 25px 9px 0 transparent,15px 16px 9px 0 rgba(0,0,0,.03),8px 9px 7px 0 rgba(0,0,0,.1),4px 4px 5px 0 rgba(0,0,0,.17),1px 1px 3px 0 rgba(0,0,0,.2)}.calc-card__intro-text{color:#fff;font-size:var(--text-xs-12);line-height:normal}.calc-card-site__input{border-radius:8px;padding-top:1px;padding-right:1px;padding-bottom:1px;padding-left:1px;min-height:32px}.calc-card-site__input{background:linear-gradient(90deg,#ff27d7 0,#7451ff 50%,#484850 100%)}.calc-card-site__input-inner{width:100%;background-color:var(--slate-dark-400);border-radius:8px;min-height:32px;padding-top:8px;padding-right:12px;padding-bottom:8px;padding-left:12px;align-items:center;justify-content:space-between}.calc-card-site__input-meta{column-gap:var(--space-8);align-items:center;width:100%}
27.calc-card-site__input-meta-icon{height:16px;width:16px;flex-shrink:0}.calc-card-site__input-meta-text{font-size:var(--text-xs-12);font-weight:500;line-height:1}.calc-card-site__input-meta-text{background:var(--header-gradient);position:relative;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.calc-card-site__input-chevron{height:20px;width:auto}.calc-card-site__drawer{width:215px;min-height:140px;background-color:var(--slate-dark-800);border:1px solid var(--slate-dark-500);border-radius:16px;padding-top:16px;padding-right:16px;padding-bottom:16px;padding-left:16px;flex-direction:column;row-gap:var(--space-12)}.calc-card-site__drawer{box-shadow:26px 66px 20px 0 transparent,17px 42px 18px 0 rgba(0,0,0,.03),9px 24px 15px 0 rgba(0,0,0,.1),4px 11px 11px 0 rgba(0,0,0,.17),1px 3px 6px 0 rgba(0,0,0,.2);position:absolute;top:40%;left:50%;transform:translateX(-50%)}.calc-card-site__select{padding-right:12px;padding-left:12px;column-gap:var(--space-8);align-items:center;justify-content:flex-start;min-height:28px;border-radius:6px}.calc-card-site__select{background:0 0;transition:all .3s ease;cursor:pointer}.calc-card-site__select:hover{background:var(--slate-dark-600)}.calc-card-site__select-icon{height:16px;width:auto}.calc-card-site__select-text{font-size:var(--text-xs-12);line-height:0}.calc-card-site__select-text{width:100%;text-wrap:nowrap}.calc-card-site__select--hover{background-color:var(--slate-dark-600)}.calc-card-addons{padding-top:var(--space-20);padding-right:var(--space-16);padding-bottom:var(--space-20);padding-left:var(--space-16)}.calc-card__input-wrap{flex-direction:column;row-gap:var(--space-16)}.calc-card__input-active{width:100%}.calc-card__input-active{border-radius:1rem;padding:1px;height:52px;background:linear-gradient(90deg,#ff27d7 0,#7451ff 50%,#484850 100%);box-shadow:26px 66px 20px 0 transparent,17px 42px 18px 0 rgba(0,0,0,.03),9px 24px 15px 0 rgba(0,0,0,.1),4px 11px 11px 0 rgba(0,0,0,.17),1px 3px 6px 0 rgba(0,0,0,.2)}.calc-card__input-inner{width:100%;column-gap:var(--space-16);align-items:center;padding-top:4px;padding-right:4px;padding-bottom:4px;padding-left:4px}.calc-card__input-inner{height:100%;border-radius:inherit;background:var(--slate-dark-800)}.calc-card__input-icon-wrap{align-items:center;justify-content:center}.calc-card__input-icon-wrap{width:45px;height:44px;background:var(--slate-dark-500);border:1px solid var(--slate-dark-300);border-radius:12px}.calc-card__input-icon{height:20px}.calc-card__input-text{font-size:var(--text-sm-14);line-height:normal;color:#fff}.calc-card__input{width:100%}.calc-card__input{border-radius:1rem;padding:1px;height:52px;background:var(--slate-dark-500);box-shadow:26px 66px 20px 0 transparent,17px 42px 18px 0 rgba(0,0,0,.03),9px 24px 15px 0 rgba(0,0,0,.1),4px 11px 11px 0 rgba(0,0,0,.17),1px 3px 6px 0 rgba(0,0,0,.2);transition:all .3s ease;cursor:pointer}.calc-card__input:hover{background:linear-gradient(90deg,#ff27d7 0,#7451ff 50%,#484850 100%)}.calc-card-cost{padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px}.calc-card-cost__inner{width:100%;background-color:var(--slate-dark-600);border:2px solid var(--slate-dark-500);border-radius:16px;padding-top:20px;padding-right:16px;padding-bottom:20px;padding-left:16px;flex-direction:column;row-gap:var(--space-24);height:100%}.calc-card-cost__inner{box-shadow:23px 25px 9px 0 transparent,15px 16px 9px 0 rgba(0,0,0,.03),8px 9px 7px 0 rgba(0,0,0,.1),4px 4px 5px 0 rgba(0,0,0,.17),1px 1px 3px 0 rgba(0,0,0,.2)}.calc-card-cost__inner-content{flex-direction:column;row-gap:var(--space-16)}.calc-card-cost__inner-form-wrap{flex-direction:column;row-gap:var(--space-16)}.calc-card-cost__inner-form{border-radius:8px;padding-top:1px;padding-right:1px;padding-bottom:1px;padding-left:1px;min-height:32px;width:100%}.calc-card-cost__inner-form{background:linear-gradient(90deg,#ff27d7 0,#7451ff 50%,#484850 100%)}.calc-card-cost__inner-btn{width:100%;height:44px;justify-content:center;align-items:center}.calc-card-cost__inner-btn{background:var(--slate-dark-800);border:1px solid var(--slate-dark-500);border-radius:8px;box-shadow:26px 66px 20px 0 transparent,17px 42px 18px 0 rgba(0,0,0,.03),9px 24px 15px 0 rgba(0,0,0,.1),4px 11px 11px 0 rgba(0,0,0,.17),1px 3px 6px 0 rgba(0,0,0,.2)}.cvs-sctn{overflow:hidden}.cvs-sctn__content{align-items:flex-start;row-gap:var(--space-8);flex-direction:column}.srv-includes__headline{font-size:var(--str-h2);font-weight:600;color:var(--theme-text-primary);text-align:left;width:100%;max-width:900px}.srv-includes__text{width:100%;max-width:100%;text-align:left;font-size:var(--text-md-18)}.cvs-sctn__card{flex-direction:column;row-gap:var(--space-12);padding-top:var(--space-32);padding-right:var(--space-32);padding-bottom:var(--space-32);padding-left:var(--space-32);position:relative;overflow:hidden;min-height:300px}.cvs-sctn__card{--card-background:linear-gradient(130.88deg, #202028 5.56%, rgba(32, 32, 40, 0) 60.63%);border:1px solid #303038;border-radius:16px;background:var(--card-background)}[data-theme=light] .cvs-sctn__card{--card-background:linear-gradient(130.88deg, #ebebeb 5.56%, rgba(235, 235, 235, 0) 69.63%);border:1px solid #d8d8d8}.cvs-sctn__card-icon-wrap{width:44px;height:44px;align-items:center;justify-content:center;flex-shrink:0}.cvs-sctn__card-icon-wrap{background:rgba(56,56,64,.5);border:1px solid var(--slate-dark-500);border-radius:12px;box-shadow:23px 23px 9px 0 transparent,15px 15px 8px 0 rgba(0,0,0,.03),8px 8px 7px 0 rgba(0,0,0,.1),4px 4px 5px 0 rgba(0,0,0,.17),1px 1px 3px 0 rgba(0,0,0,.2)}[data-theme=light] .cvs-sctn__card-icon-wrap{background:#fff;border:1px solid transparent;box-shadow:0 22px 6px 0 rgba(0,0%,0%,0%),0 14px 6px 0 rgba(0,0%,0%,3%),0 8px 5px 0 rgba(0,0%,0%,10%),0 3px 3px 0 rgba(0,0%,0%,17%),0 1px 2px 0 rgba(0,0%,0%,20%)}.cvs-sctn__card-icon{height:30px}[data-theme=light] .cvs-sctn__card-icon path{stroke:var(--slate-dark-300)!important}
27[data-theme=light] .singlepath.singlepath path{fill:var(--slate-dark-300)!important}.cvs-sctn__card-header{font-size:calc(var(--text-md-18) + .2rem);line-height:var(--lh-label-xl)}.cvs-sctn__card-glow{position:absolute;top:-2%;left:-5%;pointer-events:none}.cvs-sctn__card-media-wrap{position:relative}.cvs-sctn__card-media{flex-direction:column;position:relative;padding-top:var(--space-12);padding-right:var(--space-12);padding-bottom:var(--space-12);padding-left:var(--space-12);width:100%}.cvs-sctn__card-media{background:rgba(18,18,24,.2);border-radius:16px;overflow:hidden}[data-theme=light] .cvs-sctn__card-media{background:rgba(255,255,255,.4)}.cvs-sctn__card-media-inner{width:100%;height:100%}.cvs-sctn__card-media-inner{border-radius:16px;overflow:hidden}.cvs-sctn__card-img{width:100%;height:100%}.cvs-sctn__card-img img,.cvs-sctn__card-img:not(.tag){object-fit:cover}@media (max-width:478px){.cvs-sctn__card-img{height:300px}#brxe-atcekg{display:flex}}.cvs-sctn__card-media-glow--inner{position:absolute;bottom:0;right:0;z-index:-1}.cvs-sctn__card-media-glow-wrap{position:absolute;right:-10%;height:calc(100% + 300px);z-index:-1;top:-40%}.cvs-sctn__card-media-glow-wrap{overflow-x:clip}.cvs-sctn__card-media-glow{width:96px;align-items:center}.cvs-sctn__card-media-glow{overflow:hidden}.cvs-sctn__card-media-glow-line{height:100%;width:1px}.cvs-sctn__card-media-glow-line{background:linear-gradient(90deg,rgba(255,14,190,0) 22%,#ff0ebe 50%,rgba(255,14,190,0) 72%);position:absolute;right:0;mask-image:radial-gradient(circle,black,transparent 50%)}.cvs-sctn__card-media-glow-light{right:-20%;position:absolute}.cvs-sctn__card-media-glow-light{background:#ff27d7;border-radius:100%;height:40%;width:50px;filter:blur(50px);-webkit-filter:blur(50px)}@media (max-width:767px){.cvs-sctn__card-media-glow-light{display:none}}.faq-sctn{position:relative;overflow:clip}.faq-sctn:before{content:"";width:100%;height:1px;position:absolute;top:0;background-color:#909098;opacity:.2;mask-image:radial-gradient(circle,black,transparent 50%)}.faq-sctn__container{flex-direction:row;position:relative;z-index:2}@media (max-width:991px){.faq-sctn__container{flex-direction:column}}.faq-sctn__intro{flex-direction:column;row-gap:var(--space-16);width:100%;position:sticky;top:calc(var(--header-height) + 10px)}.faq-sctn__intro-headline{font-weight:600;color:var(--theme-text-primary);text-align:left;font-size:calc(var(--str-h3) + .5rem);width:100%;max-width:720px}.faq-sctn-intro__text{width:100%;max-width:530px;text-align:left;font-size:var(--text-md-18)}.faq-sctn__faq-wrapper{width:100%;background-color:var(--slate-dark-700);padding-top:var(--space-12);padding-right:var(--space-12);padding-bottom:var(--space-12);padding-left:var(--space-12);min-height:550px}.faq-sctn__faq-wrapper{border-radius:20px;box-shadow:inset 0 4px 5px 0 rgba(56,56,64,.6)}[data-theme=light] .faq-sctn__faq-wrapper{background:var(--slate-light-75);box-shadow:-1px 0 0 0 rgba(0,0%,0%,4%),37px 95px 28px 0 rgba(0,0%,0%,0%),24px 61px 26px 0 rgba(0,0%,0%,1%),13px 34px 22px 0 rgba(0,0%,0%,5%),6px 15px 16px 0 rgba(0,0%,0%,9%),1px 4px 9px 0 rgba(0,0%,0%,10%)}.faq-sctn__faq-inner{display:flex;flex-direction:column;gap:var(--space-20)}.faq-sctn__faq{background-color:var(--slate-dark-600);padding-top:var(--space-20);padding-right:var(--space-16);padding-bottom:var(--space-20);padding-left:var(--space-16);flex-direction:column;row-gap:var(--space-16)}.faq-sctn__faq{border:1px solid var(--slate-dark-400);border-radius:12px}.faq-sctn__faq.brx-open .faq-sctn__faq-title-icon-wrap{background:#fff}.faq-sctn__faq.brx-open .faq-sctn__faq-title-icon{transform:rotate(180deg);color:#000}[data-theme=light] .faq-sctn__faq{background:#fff;border:1px solid transparent;box-shadow:0 0 0 1px rgba(14,63%,126%,6%),0 1px 1px -.5px rgba(42,51%,70%,3%),0 3px 3px -1.5px rgba(42,51%,70%,5%),0 5px 5px -2.5px rgba(42,51%,70%,3%),0 16px 16px -8px rgba(42,51%,70%,4%)}:is([data-theme=light] .faq-sctn__faq.brx-open) .faq-sctn__faq-title-icon-wrap{background:#000;border:1px solid transparent}:is([data-theme=light] .faq-sctn__faq.brx-open) .faq-sctn__faq-title-icon{transform:rotate(180deg);color:#fff}.faq-sctn__faq-title{align-items:center;flex-direction:row;column-gap:var(--space-16)}@media (max-width:991px){.faq-sctn__intro{position:relative;top:0}.faq-sctn__faq-title{flex-wrap:nowrap;align-items:flex-start}}.faq-sctn__faq-title-icon-wrap{width:24px;height:24px;justify-content:center;align-items:center}.faq-sctn__faq-title-icon-wrap{background:var(--slate-dark-300);border:1px solid var(--slate-dark-200);border-radius:50%}.faq-sctn__faq-title-icon-wrap{transition:all .3s ease}[data-theme=light] .faq-sctn__faq-title-icon-wrap{background:var(--slate-light-150);border:1px solid var(--slate-light-200)}@media (max-width:991px){.faq-sctn__faq-title-icon-wrap{flex-shrink:0}.cta-sctn__intro{width:calc(100% + 40%)}}.faq-sctn__faq-title-icon{line-height:0}.faq-sctn__faq-title-icon{transition:all .3s ease}.faq-sctn__faq-content{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}.faq-sctn__faq-content{padding:0!important}.faq-sctn__rays{position:absolute;z-index:1;top:-2%;pointer-events:none}.cta-sctn__container{min-height:644px;border:1px solid var(--slate-dark-700);border-radius:24px;position:relative;overflow:hidden;flex-direction:row;padding-top:clamp(1.125rem,.4343rem + 2.5822vw,2.5rem);padding-right:clamp(1.125rem,.4343rem + 2.5822vw,2.5rem);padding-bottom:clamp(1.125rem,.4343rem + 2.5822vw,2.5rem);padding-left:clamp(1.125rem,.4343rem + 2.5822vw,2.5rem)}.cta-sctn__container{--right-offset:clamp(-14rem, -46.4722rem + 44.4444vw, -8rem);--bottom-offset: }.cta-sctn__container:before{content:"";position:absolute;width:115%;background-image:url("https://spcdn.shortpixel.ai/spio/ret_img+q_c
27dnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/05/CTA-main-gradient-bg-v2.png");background-size:cover;background-repeat:no-repeat;top:-20%;bottom:0;left:50%;transform:translateX(-50%);right:0;z-index:-2}[data-theme=light] .cta-sctn__container{border:1px solid var(--slate-light-200)}@media (max-width:1138px){.cta-sctn__container{flex-direction:column}.cta-sctn__intro-media-wrap{display:none}.cta-sctn__intro-media-mb-wrap{display:flex!important}}.cta-sctn__intro{align-items:flex-start;row-gap:8px}.cta-sctn__intro-header{width:100%;max-width:530px}.cta-sctn__intro-text{width:100%;max-width:530px;text-align:left;font-size:var(--text-md-18);color:var(--white)}[data-theme=light] .cta-sctn__intro-text{color:#000}.cta-sctn__intro-media-wrap{width:100%;position:absolute;top:-20%;right:var(--right-offset)}@media (max-width:1385px){.cta-sctn__intro-media-wrap{bottom:-20%}}.cta-sctn__intro-media img,.cta-sctn__intro-media:not(.tag){object-fit:cover}.cta-sctn__intro-media-mb-wrap{display:none}.main-footer{background-color:var(--theme-main-bg);position:relative;overflow:hidden;min-height:600px}.main-footer{position:relative;isolation:isolate}.main-footer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;background-image:url('https://ucarecdn.com/4336a823-e3c1-4aad-98fb-4047207e7bce/-/preview/1000x413/-/format/webp/-/quality/smart/');background-size:cover;background-position:center center;background-repeat:no-repeat;color:#fff;z-index:-2}[data-theme=light] .main-footer:after{opacity:.5}@media screen and (max-width:1365px){.main-footer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;background-image:url('https://ucarecdn.com/4336a823-e3c1-4aad-98fb-4047207e7bce/-/preview/1000x413/-/format/webp/-/quality/smart/');background-size:cover;background-position:center center;background-repeat:no-repeat;color:#fff}}.main-footer::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-noise);z-index:-1;pointer-events:none;opacity:.4}[data-theme=light] .main-footer::before{opacity:.2}.main-footer__container{z-index:5;flex-direction:column}.main-footer__up-intro{flex-direction:column;align-items:flex-start;row-gap:var(--space-16)}.main-footer__up-intro-logo{width:15rem}.main-footer__up-intro-logo{mix-blend-mode:difference}.body-base-16 a{font-size:var(--text-base-16);font-size:inherit}.body-base-16{font-size:var(--text-base-16)}.main-footer__up-intro-text{color:var(--theme-text-primary)}.main-footer__up-intro-text a{color:var(--theme-text-primary);font-size:inherit}.main-footer__up-nav{width:100%}.main-footer__nav-col{row-gap:var(--space-16)}.label-md-18{font-size:var(--text-md-18);font-weight:600}.main-footer__nav-col-h3{color:var(--theme-text-primary)}.main-footer__nav-col-ul{row-gap:var(--space-16)}.main-footer__nav-col-li-a{color:var(--theme-text-primary)}.main-footer__nav-col-li-a{position:relative}.main-footer__nav-col-li-a::after{content:"";display:block;position:absolute;bottom:-.275em;left:0;right:0;transition:transform .75s cubic-bezier(.19, 1, .22, 1);transform:scaleX(0);transform-origin:right;border-bottom:1px solid currentColor}.main-footer__nav-col-li-a:hover{color:var(--theme-text-secondary)}.main-footer__nav-col-li-a:hover::after{transform-origin:left;transform:scaleX(1)}.main-footer__up-cta{flex-direction:column;row-gap:var(--space-16)}.main-footer__up-cta .cta-btn{width:100%}.main-footer__down{position:relative;z-index:1}.main-footer__down-meta{flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap-reverse}.main-footer__meta-copyright{color:var(--theme-text-primary)}.body-sm-14{font-size:var(--text-sm-14)}.main-footer__meta-legal{flex-direction:row;row-gap:var(--space-16);column-gap:var(--space-16);flex-wrap:wrap}.main-footer__legal-btn{min-height:var(--btn-height-sm);padding-right:10px;padding-left:6px;flex-direction:row;align-items:center;column-gap:var(--space-4);flex-wrap:nowrap;position:relative}.main-footer__legal-btn{color:var(--theme-text-primary);background-color:rgba(40,40,48,.5);backdrop-filter:blur(20px);border-radius:var(--btn-border-radius);max-width:fit-content}.main-footer__legal-btn:hover{color:var(--theme-text-primary)}[data-theme=light] .main-footer__legal-btn{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:rgba(255,255,255,.5);border-radius:var(--btn-border-radius)}.footer__rive{position:absolute;
27left:50%;width:100%;transform:translateX(-50%);max-width:calc(var(--content-width) + 80px);bottom:-10%;-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-image:linear-gradient(to top,transparent 28%,black 92%);-webkit-mask-image:linear-gradient(to top,transparent 28%,black 92%)}#footer-canvas{display:block;width:100%;height:auto;aspect-ratio:1002/212}#brx-header.sticky.str-slide-up:not(:has(.cart-detail.off-canvas.active,.brxe-offcanvas.brx-open)){-ms-overflow-style:none;overflow-x:hidden;scrollbar-width:none;transform:translateY(-101%)}:root{--bricks-color-dauump:#f5f9fa;--bricks-color-fzpkie:#071225;--bricks-color-mjqntr:#ffffff;--bricks-color-taoyvf:#1da69a;--bricks-color-ielgpk:#072027;--bricks-color-zjqkxi:rgba(0, 0, 0, 0);--bricks-color-xfpjiv:#535353;--bricks-color-onuzzi:#ff5964;--bricks-color-spkqtn:#212121;--bricks-color-likepz:#616161;--bricks-color-tguios:#ffffff;--bricks-color-cfwfoj:#35a7ff;--bricks-color-acss_import_transparent:transparent}#theme-toggle{border:none;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;width:40px;height:40px;transition:all var(--theme-transition-time) var(--theme-transition-easing);position:relative;z-index:var(--header-above-dropdown-z-index)}[data-theme=light] #theme-toggle{background:var(--slate-dark-0);color:var(--slate-dark-925);border:solid 1px var(--white)}[data-theme=dark] #theme-toggle{background:var(--slate-dark-600);color:var(--slate-dark-0);border:solid 1px var(--slate-dark-75)}.icon{position:absolute;width:20px;height:20px;stroke:currentColor;transition:all var(--theme-transition-time) var(--theme-transition-easing)}.moon{opacity:0;transform:scale(.8) rotate(-180deg)}[data-theme=dark] .sun{opacity:0;transform:scale(.8) rotate(180deg)}[data-theme=dark] .moon{opacity:1;transform:scale(1) rotate(0)}#brxe-upbkon{align-self:flex-start!important}[data-theme=dark] #brxe-upbkon{color:var(--str-primary-500)}#brxe-atcekg{display:flex}#brxe-xkvwpc{display:none}#brxe-sxyxhn{display:flex}@media (max-width:478px){#brxe-sxyxhn{display:flex}#brxe-rhdkhy{transition:transition-delay: .6s}}#brxe-zfiptm{display:flex}#brxe-ibvkbu{display:flex}@media (max-width:991px){#brxe-qgjyzv{margin-top:10px}#brxe-ixtwpf{margin-top:10px}#brxe-gspwoc{display:flex}}#brxe-oioctd#brxe-ewmwns{display:none}#brxe-ewmwns{display:none!important}#brxe-jyunyw{align-items:center}#brxe-umklid{position:relative;overflow:visible}#brxe-tgsabk{display:none}#brxe-ekbgmj{color:var(--primary);text-transform:uppercase;font-size:13px;font-weight:600}#brxe-uhhuft{align-self:flex-start!important}[data-theme=dark] #brxe-uhhuft{color:var(--str-primary-500)}#brxe-rgznuk{display:none}#brxe-lgecog{display:none}#brxe-ptktum{display:none}#brxe-rkxbxn{color:var(--primary);text-transform:uppercase;font-size:13px;font-weight:600}#brxe-gbnxbq{align-self:flex-start!important}[data-theme=dark] #brxe-gbnxbq{color:var(--str-primary-500)}#brxe-fabsxg{display:none}#brxe-cjljdj{display:none}#brxe-glacph{display:none}#brxe-gpsvgt{color:var(--primary);text-transform:uppercase;font-size:13px;font-weight:600}#brxe-wjqqlw{align-self:flex-start!important}[data-theme=dark] #brxe-wjqqlw{color:var(--str-primary-500)}#brxe-uxaaou{display:none}#brxe-yfpozs{display:none}#brxe-rxgvsa{display:none}#brxe-ireufu{color:var(--primary);text-transform:uppercase;font-size:13px;font-weight:600}#brxe-vlwrpr{align-self:flex-start!important}[data-theme=dark] #brxe-vlwrpr{color:var(--str-primary-500)}#brxe-uttrir{display:none}#brxe-bxrxqt{color:var(--primary);text-transform:uppercase;font-size:13px;font-weight:600}#brxe-xbdifq{align-self:flex-start!important}[data-theme=dark] #brxe-xbdifq{color:var(--str-primary-500)}#brxe-nfsuke{display:none}#brxe-ujwfws{color:var(--primary);text-transform:uppercase;font-size:13px;font-weight:600}#brxe-jpvfgt{align-self:flex-start!important}[data-theme=dark] #brxe-jpvfgt{color:var(--str-primary-500)}#brxe-etvkvq{display:none}#brxe-lacukl{color:var(--primary);text-transform:uppercase;font-size:13px;font-weight:600}#brxe-ithwed{display:none}#brxe-rcnyfi{margin-left:0}#brxe-weeqco{color:var(--primary);text-transform:uppercase;font-size:13px;font-weight:600;font-family:Inter}#brxe-npcbwm{color:var(--primary);text-transform:uppercase;font-size:13px;font-weight:600;font-family:Inter}#brxe-repgfh{color:var(--primary);text-transform:uppercase;font-size:13px;font-weight:600;font-family:Inter}#brxe-zobnem{color:var(--primary);text-transform:uppercase;font-size:13px;font-weight:600;font-family:Inter}#brxe-gelork{color:var(--primary);text-transform:uppercase;font-size:13px;font-weight:600;font-family:Inter}#brxe-fxmhdz{color:var(--primary);text-transform:uppercase;font-size:13px;font-weight:600;font-family:Inter}#brxe-onotcp{color:var(--primary);text-transform:uppercase;font-size:13px;font-weight:600;font-family:Inter}#brxe-mjbmvu{padding-bottom:0}.brxe-aevwvr{padding-right:20px;padding-left:20px;min-width:184px}.brxe-rvdybm{margin-top:24px}.brxe-xkeglz{font-size:var(--text-sm-14);color:#fff;line-height:normal}#brxe-mpucij{display:none}#brxe-gvcsvj{text-align:left}#brxe-wipmjj{font-size:1em}#brxe-bvdike{font-size:var(--text-base-16)}#brxe-slwxdy{font-size:1em}#brxe-krcdvq{font-size:var(--text-base-16)}#brxe-zkeisn{font-size:1em}#brxe-ykbisb{font-size:var(--text-base-16)}#brxe-vkpgxv{font-size:1em}#brxe-vbxmbn{font-size:var(--text-base-16)}#brxe-eptsaa{font-size:1em}#brxe-obivly{font-size:var(--text-base-16)}#brxe-sfhwon{font-size:1em}#brxe-guwvov{font-size:var(--text-base-16)}#brxe-raevmd{font-size:1em}#brxe-hzbjqg{font-size:var(--text-base-16)}#brxe-wfrsuj{font-size:1em}#brxe-hzmydr{font-size:var(--text-base-16)}#brxe-oxsikn{font-size:1em}#brxe-brhtzr{font-size:var(--text-base-16)}#brxe-sfgdqq{font-size:1em}#brxe-qxbqqi{font-size:var(--text-base-16)}#brxe-qepwvv{font-size:1em}#brxe-kcivqf{font-size:var(--text-base-16)}#brxe-yqnzlh{filter:saturate(200%) hue-rotate(352deg)}.brxe-ckrhmz{padding-right:20px;padding-left:20px;min-width:184px}.brxe-guuzxx{margin-top:24px}#brxe-wuquhs{display:none}#brxe-nhjcrg{flex-shrink:0}#privacy-policy{background:unset!important;font-size:var(--text-xs-12)!important;font-weight:400!important;height:unset!important;background-image:unset!important;padding:unset!important;position:static!important;white-space:wrap!important;color:var(--theme-text-primary)!important;line-height:unset!important;box-shadow:none!important}#privacy-policy:before{content:"";position:absolute;inset:0}#brxe-mtqiay{flex-shrink:0}#cookie-policy{background:unset!important;font-size:var(--text-xs-12)!important;font-weight:400!important;height:unset!important;background-image:unset!important;padding:unset!important;position:static!important;white-space:wrap!important;color:var(--theme-text-primary)!important;line-height:unset!important;box-shadow:none!important}#cookie-policy:before{content:"";position:absolute;inset:0}#brxe-jmijbd{height:20px;width:20px}#brxe-ufmujo{flex-shrink:0}#privacy-preference{background:unset!important;font-size:var(--text-xs-12)!important;font-weight:400!important;height:unset!important;background-image:unset!important;padding:unset!important;position:static!important;white-space:wrap!important;color:var(--theme-text-primary)!important;line-height:unset!important;box-shadow:none!important}#privacy-preference:before{content:"";position:absolute;inset:0}.skip-link{transform:translateY(-300%)}html{scroll-behavior:smooth}[id]{scroll-margin-top:calc(var(--header-height) + 20px)}:root{--str-underline-width:0%;--breakpoint-mobile:767px}[data-theme=light]{--str-active-color:var(--str-primary-500)}[data-theme=dark]{--str-active-color:var(--str-primary-400)}.solution-sctn__header .char{display:inline-block;will-change:opacity}.str-active .char,.str-underline .char{display:inline-block;opacity:1;will-change:opacity;color:var(--str-active-color)}.str-active{opacity:1}.str-underline::before{content:"";position:absolute;bottom:-2px;left:0;width:var(--str-underline-width);height:4px;background:var(--str-active-color);border-radius:4px;box-shadow:0 0 113px 12px var(--str-active-color);will-change:width;transition:none}.solution-sctn__line{position:absolute;top:0;width:5px;height:0%;background:var(--str-active-color);border-radius:10px;transform-origin:top;left:0;will-change:height;height:100%;transform:scaleY(0)}
27@media (max-width:767px){.solution-sctn__line{display:none}.str-active,.str-underline{position:relative;color:var(--str-active-color);display:unset}.str-underline::before{box-shadow:unset;width:unset;height:unset}}.pin-spacer::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-noise);z-index:-1;pointer-events:none;opacity:.5}[data-theme=light] .pin-spacer::after{opacity:.2}#theme-toggle{display:flex!important}html{scrollbar-gutter:stable}:root{--header-reveal-timing:0.6s;--header-reveal-timing-function:cubic-bezier(0.65, 0.23, 0.21, 0.99);--header-dropdown-bg-color:var(--white);--header-dropdown-text-color:var(--black);--header-dropdown-z-index:50;--header-above-dropdown-z-index:51;--blend-mode:difference;--header-padding:var(--space-20);--header-mobile-padding:var(--space-8);--space-header:calc(var(--header-padding) + var(--header-height));--header-radius:var(--btn-border-radius);--header-top-padding:calc(var(--header-height) - var(--header-padding))}[data-theme=dark]{--header-bg-color:var(--white);--header-dropdown-text-color:var(--slate-dark-925);--header-dropdown-bg-color:var(--white);--dropdown-stroke-color:var(--slate-light-300);--ham-color:var(--text-primary-dark);--bck-btn-color:var(--str-primary-500)}[data-theme=light]{--header-bg-color:var(--slate-dark-900);--header-dropdown-text-color:var(--text-primary-dark);--header-dropdown-bg-color:var(--slate-dark-900);--dropdown-stroke-color:var(--slate-dark-500);--ham-color:var(--slate-dark-925);--bck-btn-color:var(--str-primary-400)}main:has(header#brx-header.dropdown-active){overflow-y:hidden!important}[data-theme=light] header.dropdown-active .mm-scoria__nav-items-wrapper .mm-scoria__nav-items>li:not(:nth-last-child(-n + 2))>.brx-submenu-toggle{color:#fff!important}[data-theme=light] header.dropdown-active .mm-scoria__nav-items-wrapper .mm-scoria__nav-items>li:not(:nth-last-child(-n + 2))>.brx-submenu-toggle span,[data-theme=light] header.dropdown-active .mm-scoria__nav-items-wrapper .mm-scoria__nav-items>li:not(:nth-last-child(-n + 2))>.brx-submenu-toggle svg{color:inherit;font-size:inherit}[data-theme=light] header.dropdown-active .mm-scoria__toggle-open svg path{stroke:var(--white)!important}header#brx-header.scrolling>.brxe-section.header-scoria{position:relative;background-color:rgba(255,255,255,.55);z-index:999;
27backdrop-filter:blur(7px) saturate(180%);-webkit-backdrop-filter:blur(7px) saturate(180%);transition:all .5s ease;overflow-x:clip}header#brx-header.scrolling::before{content:"";position:absolute;bottom:0;width:100%;height:1px;background:rgba(0,0,0,.07);z-index:1000}[data-theme=dark] header#brx-header.scrolling>.brxe-section.header-scoria{position:relative;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background-color:rgba(18,18,24,.23)}[data-theme=dark] header#brx-header.scrolling::before{content:"";position:absolute;bottom:0;width:100%;height:1px;background:rgba(255,255,255,.2);z-index:1000}.main-header__nav-link-btn::after{border-bottom:none!important}@media (min-width:1040px){[data-theme=light] header.dropdown-active .main-header__nav-cta-btn{background:var(--white);color:var(--text-primary-light)!important}[data-theme=light] header.dropdown-active .main-header__nav-link-btn{background:var(--slate-dark-400);color:var(--white)!important}[data-theme=dark] header.dropdown-active .main-header__nav-link-btn{color:var(--text-primary-light)!important;background:var(--white);box-shadow:0 2px 6px 0 rgba(18,43,105,.04),0 1px 2px 0 rgba(18,43,105,.08),0 0 0 1px rgba(18,43,105,.08)}[data-theme=dark] header.dropdown-active .main-header__nav-cta-btn{background:var(--black);color:var(--text-primary-dark)!important}[data-theme=light] .mm-scoria .mm-scoria__nav-items>li:not(:nth-last-child(-n + 2))>.brx-submenu-toggle,[data-theme=light] .mm-scoria .mm-scoria__nav-items>li:not(:nth-last-child(-n + 2))>a{color:var(--black)!important;mix-blend-mode:unset!important}}.brx-dropdown-content,.mm-scoria__nav-items-wrapper{gap:unset}#brx-header{margin-bottom:calc(-1 * var(--space-80))}section.header-scoria{padding:var(--space-s) var(--space-m);background-color:transparent}section.header-scoria .header-scoria__container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap}section.header-scoria .header-scoria__logo{width:10rem;mix-blend-mode:var(--blend-mode);transform:translate3d(0,0,0);z-index:var(--header-above-dropdown-z-index)}[data-theme=light] .header-scoria__logo{mix-blend-mode:unset!important}.mm-scoria{--back-btn-top:calc(var(--header-height) + (var(--text-m) / 2));width:100%;justify-content:flex-end}.mm-scoria .brxe-dropdown.brx-has-megamenu .brx-dropdown-content{background-color:var(--header-dropdown-bg-color);overflow:hidden;padding-top:var(--header-height)}.mm-scoria .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content{min-width:fit-content;box-shadow:119px 360px 152px rgba(0,0,0,.01),67px 203px 128px rgba(0,0,0,.05),30px 90px 95px rgba(0,0,0,.09),7px 23px 52px rgba(0,0,0,.1),0 0 0 rgba(0,0,0,.1);background-color:var(--header-dropdown-bg-color)}.mm-scoria .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content>li .brx-submenu-toggle,.mm-scoria .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content>li a{white-space:nowrap}.mm-scoria .mm-scoria__nav-items{gap:var(--space-m)}.mm-scoria .mm-scoria__toggle-open{display:none;background-color:unset;z-index:var(--header-above-dropdown-z-index);mix-blend-mode:difference;transform:translate3d(0,0,0);--brxe-toggle-scale:1;height:2.6rem;width:2.6rem}.mm-scoria .mm-scoria__toggle-open svg{width:2.6rem;height:auto;transition:rotate .2s}.mm-scoria .mm-scoria__toggle-open svg path{fill:none;stroke:var(--white);transition:stroke-dasharray .4s,stroke-dashoffset .4s,rotate .2s;stroke-width:2;stroke-linecap:round}.mm-scoria .mm-scoria__toggle-open svg path:first-child{stroke-dasharray:24 31;stroke-dashoffset:0}.mm-scoria .mm-scoria__toggle-open svg path:last-child{transform-origin:50%;stroke-dasharray:15 30;stroke-dashoffset:-30}.mm-scoria .mm-scoria__toggle-open.is-active svg{rotate:45deg}.mm-scoria .mm-scoria__toggle-open.is-active svg path{fill:none}.mm-scoria .mm-scoria__toggle-open.is-active svg path:first-child{stroke-dasharray:25 31;stroke-dashoffset:-30}.mm-scoria .mm-scoria__toggle-open.is-active svg path:last-child{rotate:90deg;stroke-dasharray:24 31;stroke-dashoffset:0}[data-theme=light] .mm-scoria__toggle-open{mix-blend-mode:normal}[data-theme=light] .mm-scoria__toggle-open svg path{stroke:var(--black)}.mm-scoria__nav-items-social-ul-wrap{display:none}@media (max-width:1040px){.brxe-dropdown.open>.brx-submenu-toggle{transform:none!important}.mm-scoria__nav-items>li>.brx-submenu-toggle,.mm-scoria__nav-items>li>a{font-size:var(--str-h1);letter-spacing:-.0057rem;line-height:1;
27font-family:inter,sans-serif;font-weight:400}.mm-scoria__nav-items-social-ul-wrap{display:block}.main-nav-tray{padding-block-end:var(--space-96)}.mm-scoria .mm-scoria__toggle-open{display:flex!important}.mm-scoria .mm-scoria__nav-items-wrapper{visibility:hidden;position:fixed;width:100%;min-width:100vw!important;height:100dvh;top:calc((var(--header-mobile-padding) - 8px) * -1);left:50%;transform:translateX(-50%);clip-path:inset(0 0 100% 0);background-color:var(--header-dropdown-bg-color);z-index:-1;padding-top:var(--header-height)}.mm-scoria .mm-scoria__nav-items-wrapper ul.mm-scoria__nav-items{position:relative;top:unset;gap:unset;display:flex;padding-block-end:var(--space-16);flex-wrap:nowrap;bottom:unset;flex-direction:column;align-items:stretch;overflow-x:hidden;overflow-y:auto;left:0;right:0;flex:1;justify-content:flex-start;background-color:var(--header-dropdown-bg-color);-ms-overflow-style:none;scrollbar-width:none;margin-top:calc(var(--text-m) * 2);transition-duration:6s;transition-property:opacity,visibility;transition-timing-function:var(--header-reveal-timing-function)}li>a .mm-scoria .mm-scoria__nav-items-wrapper ul.mm-scoria__nav-items .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content.main-header__nav-link{background-color:transparent;color:var(--header-dropdown-text-color);transition:background-color .2s ease,color .2s ease}.mm-scoria .mm-scoria__nav-items-wrapper ul.mm-scoria__nav-items .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu) .brx-submenu-toggle{background-color:transparent;color:var(--header-dropdown-text-color);transition:background-color .2s ease,color .2s ease}.mm-scoria .mm-scoria__nav-items-wrapper ul.mm-scoria__nav-items .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu) .brx-submenu-toggle svg{color:inherit;font-weight:inherit}.mm-scoria .mm-scoria__nav-items-wrapper ul.mm-scoria__nav-items .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu) .brx-submenu-toggle>a{color:inherit;font-weight:inherit;text-decoration:inherit}.mm-scoria .mm-scoria__nav-items-wrapper ul.mm-scoria__nav-items .brxe-dropdown{position:static}.mm-scoria .mm-scoria__nav-items-wrapper ul.mm-scoria__nav-items .brxe-dropdown .brx-dropdown-content{display:flex;position:absolute!important;inset:0;transition-property:transform,opacity,visibility;transition-duration:.6s;transition-timing-function:cubic-bezier(0.79,0.14,0.15,0.86);display:flex;padding:var(--space-m) var(--gutter);left:0!important;min-width:100%!important;overflow-x:hidden;flex-direction:column;background-color:var(--header-dropdown-bg-color);border-radius:0;box-shadow:none;opacity:0;transform:translateX(100%)}.mm-scoria .mm-scoria__nav-items-wrapper ul.mm-scoria__nav-items .brxe-dropdown .brx-dropdown-content>*{max-width:100%}.mm-scoria .mm-scoria__nav-items-wrapper ul.mm-scoria__nav-items .brxe-dropdown>.brx-submenu-toggle button svg{transition:none;transform:rotate(-90deg)}.mm-scoria .mm-scoria__nav-items-wrapper ul.mm-scoria__nav-items .brxe-dropdown.open .brx-dropdown-content{opacity:1;transform:translateX(0)}.mm-scoria .mm-scoria__nav-items-wrapper ul.mm-scoria__nav-items .brxe-dropdown.open>.brx-submenu-toggle button{position:fixed;top:var(--back-btn-top);left:var(--gutter);gap:.4em;align-items:center;min-height:var(--text-m);font-size:var(--text-m);color:var(--bck-btn-color)}.mm-scoria .mm-scoria__nav-items-wrapper ul.mm-scoria__nav-items .brxe-dropdown.open>.brx-submenu-toggle button svg{transform:rotate(90deg)}.mm-scoria .mm-scoria__nav-items-wrapper ul.mm-scoria__nav-items .brxe-dropdown.open>.brx-submenu-toggle button::after{content:"Back";font-weight:600}.mm-scoria .mm-scoria__nav-items-wrapper ul.mm-scoria__nav-items .brxe-dropdown .brx-dropdown-content{-ms-overflow-style:none;scrollbar-width:none}.mm-scoria .mm-scoria__nav-items-wrapper ul.mm-scoria__nav-items .brxe-dropdown .brx-dropdown-content::-webkit-scrollbar{display:none}.mm-scoria .mm-scoria__nav-items-wrapper ul.mm-scoria__nav-items::-webkit-scrollbar{display:none}.mm-scoria .mm-scoria__nav-items-wrapper ul.mm-scoria__nav-items>li{border-bottom:unset}.mm-scoria .mm-scoria__nav-items-wrapper ul.mm-scoria__nav-items>li li.main-header__nav-link>a.main-header__nav-link-btn,.mm-scoria .mm-scoria__nav-items-wrapper ul.mm-scoria__nav-items>li>.brx-submenu-toggle{padding:calc(var(--space-m)/ 1.6) var(--gutter)}.mm-scoria .mm-scoria__nav-items-wrapper ul.mm-scoria__nav-items>li>.brx-submenu-toggle{background-color:transparent;color:var(--header-dropdown-text-color);transition:background-color .2s ease,color .2s ease;justify-content:space-between}.mm-scoria .mm-scoria__nav-items-wrapper ul.mm-scoria__nav-items>li>.brx-submenu-toggle svg{color:inherit;font-weight:inherit}.mm-scoria .mm-scoria__nav-items-wrapper ul.mm-scoria__nav-items>li>.brx-submenu-toggle>a{color:inherit;font-weight:inherit;text-decoration:inherit}.mm-scoria .mm-scoria__nav-items-wrapper ul.mm-scoria__nav-items li.brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content,.mm-scoria .mm-scoria__nav-items-wrapper ul.mm-scoria__nav-items li.brxe-dropdown:not(.brx-has-megamenu) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content{padding:0;gap:0}.mm-scoria .mm-scoria__nav-items-wrapper ul.mm-scoria__nav-items li.brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu),.mm-scoria .mm-scoria__nav-items-wrapper ul.mm-scoria__nav-items li.brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .menu-item,.mm-scoria .mm-scoria__nav-items-wrapper ul.mm-scoria__nav-items li.brxe-dropdown:not(.brx-has-megamenu) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu),.mm-scoria .mm-scoria__nav-items-wrapper ul.mm-scoria__nav-items li.brxe-dropdown:not(.brx-has-megamenu) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .menu-item{border-bottom:1px solid var(--dropdown-stroke-color)}.mm-scoria .mm-scoria__nav-items-wrapper ul.mm-scoria__nav-items li.brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu)>.brx-submenu-toggle,.mm-scoria .mm-scoria__nav-items-wrapper ul.mm-scoria__nav-items li.brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content li a,.mm-scoria .mm-scoria__nav-items-wrapper ul.mm-scoria__nav-items li.brxe-dropdown:not(.brx-has-megamenu) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu)>.brx-submenu-toggle,.mm-scoria .mm-scoria__nav-items-wrapper ul.mm-scoria__nav-items li.brxe-dropdown:not(.brx-has-megamenu) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content li a{padding:calc(var(--space-m)/ 1.6) var(--gutter)}.mm-scoria .main-header__nav-cta-btn,.mm-scoria .main-header__nav-link-btn{color:var(--header-dropdown-text-color)!important;width:100%;min-width:auto;height:auto;background:0 0;border-radius:0;box-shadow:none;backdrop-filter:none;padding:calc(var(--space-m)/ 1.6) var(--gutter);display:block}}@media (min-width:1040px){.main-header__nav-link-btn{min-width:var(--btn-width);height:var(--btn-height-sm);color:var(--theme-text-primary)!important;font-size:var(--text-base-16);font-weight:600;background:rgba(48,48,56,.5);border-radius:var(--btn-border-radius);backdrop-filter:blur(20px)}[data-theme=light] .main-header__nav-link-btn{color:var(--text-primary-light)!important;background:var(--white);box-shadow:0 2px 6px 0 rgba(18,43,105,.04),0 1px 2px 0 rgba(18,43,105,.08),0 0 0 1px rgba(18,43,105,.08)}.main-header__nav-cta-btn{min-width:var(--btn-width);height:var(--btn-height-sm);background:var(--white);color:var(--text-primary-light)!important;font-size:var(--text-base-16);font-weight:600;border-radius:var(--btn-border-radius);box-shadow:0 2px 5px rgba(0,0,0,.15),-2px 9px 9px rgba(0,0,0,.13),-4px 20px 12px rgba(0,0,0,.08),-7px 36px 15px rgba(0,0,0,.02),-11px 56px 16px transparent}[data-theme=light] .main-header__nav-cta-btn{background:var(--black);color:var(--text-primary-dark)!important;box-shadow:1px 1px 3px rgba(0,0,0,.1),4px 4px 6px rgba(0,0,0,.09),10px 10px 8px rgba(0,0,0,.05),17px 17px 10px rgba(0,0,0,.01),27px 27px 11px transparent}.mm-scoria:not(.brx-open) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu) .brx-submenu-toggle,.mm-scoria:not(.brx-open) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content li a{color:var(--header-dropdown-text-color);padding:var(--space-s)}.mm-scoria:not(.brx-open) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu) .brx-submenu-toggle:hover,.mm-scoria:not(.brx-open) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content li a:hover{color:var(--white);background-color:var(--neutral)}.mm-scoria:not(.brx-open) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brx-submenu-toggle>a{color:inherit;font-weight:inherit;text-transform:inherit}.mm-scoria:not(.brx-open) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .main-header__nav-link>a{color:var(--header-dropdown-text-color);padding:var(--space-s)}.mm-scoria:not(.brx-open) .brxe-dropdown:not(.brx-has-megamenu) .brxe-dropdown:not(.brx-has-megamenu) .brx-submenu-toggle{justify-content:space-between}.mm-scoria:not(.brx-open) .brxe-dropdown:not(.brx-has-megamenu) .brxe-dropdown:not(.brx-has-megamenu) .brx-submenu-toggle svg{transform:rotate(-90deg)}.mm-scoria:not(.brx-open) .brxe-dropdown.brx-has-megamenu .brx-dropdown-content{position:fixed;top:calc(var(--header-padding) * -1);left:50%!important;transform:translateX(-50%);min-width:100vw!important;clip-path:inset(0 0 100% 0);transition-duration:var(--header-reveal-timing);transition-property:clip-path,visibility;transition-timing-function:var(--header-reveal-timing-function);opacity:unset;z-index:var(--header-dropdown-z-index)}.mm-scoria:not(.brx-open) .brxe-dropdown.brx-has-megamenu .brx-dropdown-content .mm-scoria-mega-dropdown__content-wrapper{padding-inline:var(--gutter);display:flex;align-items:center;overflow-y:auto;max-height:calc(100vh - var(--space-xl) * 2);scrollbar-width:none;ms-overflow-style:none}.mm-scoria:not(.brx-open) .brxe-dropdown.brx-has-megamenu .brx-dropdown-content .mm-scoria-mega-dropdown__content-wrapper::-webkit-scrollbar{display:none}.mm-scoria:not(.brx-open) .brxe-dropdown.brx-has-megamenu .brx-dropdown-content .mm-scoria-mega-dropdown__content-inner{max-width:var(--content-width)}.mm-scoria:not(.brx-open) .brxe-dropdown.brx-has-megamenu .brx-dropdown-content .mm-scoria-mega-dropdown__content-inner>*{transform:translateY(10%);transition:transform calc(var(--header-reveal-timing) * 1.4) var(--header-reveal-timing-function)}.mm-scoria:not(.brx-open) .brxe-dropdown.brx-has-megamenu.open .brx-dropdown-content{clip-path:inset(0 0 0 0);transition-delay:calc(var(--header-reveal-timing) / 3)}.mm-scoria:not(.brx-open) .brxe-dropdown.brx-has-megamenu.open .mm-scoria-mega-dropdown__content-inner{transform:translateY(0)}.mm-scoria:not(.brx-open) .brxe-dropdown.brx-has-megamenu.open .mm-scoria-mega-dropdown__content-inner>*{transform:translateY(0)}.mm-scoria:not(.brx-open) .mm-scoria__nav-items>li{max-inline-size:max-content}.mm-scoria:not(.brx-open) .mm-scoria__nav-items .brxe-dropdown:not(.brx-has-megamenu)>.brx-dropdown-content{transform:translateY(40px)}.mm-scoria:not(.brx-open) .mm-scoria__nav-items .brxe-dropdown:not(.brx-has-megamenu).open>.brx-dropdown-content{transform:translateY(20px)}.mm-scoria:not(.brx-open) .mm-scoria__nav-items>.brxe-dropdown>.brx-submenu-toggle button svg{transform:rotate(0);transition:transform .2s ease-in-out}.mm-scoria:not(.brx-open) .mm-scoria__nav-items>.brxe-dropdown.open>.brx-submenu-toggle button svg{transform:rotatex(180deg)}.mm-scoria:not(.brx-open) .mm-scoria__nav-items>li:last-of-type>.brx-submenu-toggle{mix-blend-mode:var(--blend-mode);color:var(--white);position:relative;z-index:var(--header-above-dropdown-z-index)}.mm-scoria:not(.brx-open) .mm-scoria__nav-items>li:last-of-type>.brx-submenu-toggle:hover::before{transition-delay:0.25s;
27transform:scaleX(1)}.mm-scoria:not(.brx-open) .mm-scoria__nav-items>li:last-of-type>.brx-submenu-toggle:hover::after{transition-delay:0s;transform:scaleX(0)}.mm-scoria:not(.brx-open) .mm-scoria__nav-items>li:last-of-type>.brx-submenu-toggle::after,.mm-scoria:not(.brx-open) .mm-scoria__nav-items>li:last-of-type>.brx-submenu-toggle::before{content:"";display:block;position:absolute;bottom:-.275em;left:0;right:0;transition:transform .75s cubic-bezier(.19, 1, .22, 1);border-bottom:1px solid currentColor}.mm-scoria:not(.brx-open) .mm-scoria__nav-items>li:last-of-type>.brx-submenu-toggle::before{transition-delay:0s;transform:scaleX(0);transform-origin:left}.mm-scoria:not(.brx-open) .mm-scoria__nav-items>li:last-of-type>.brx-submenu-toggle::after{transition-delay:0.25s;transform-origin:right}.mm-scoria:not(.brx-open) .mm-scoria__nav-items>li:last-of-type .brx-submenu-toggle a{color:inherit}.mm-scoria:not(.brx-open) .mm-scoria__nav-items>li:not(:nth-last-of-type(-n+2))>a{color:var(--white);mix-blend-mode:var(--blend-mode);position:relative;z-index:var(--header-above-dropdown-z-index)}.mm-scoria:not(.brx-open) .mm-scoria__nav-items>li:not(:nth-last-of-type(-n+2))>a::after{content:"";display:block;position:absolute;bottom:-.275em;left:0;right:0;transition:transform .75s cubic-bezier(.19, 1, .22, 1);transform:scaleX(0);transform-origin:right;border-bottom:1px solid currentColor}.mm-scoria:not(.brx-open) .mm-scoria__nav-items>li:not(:nth-last-of-type(-n+2))>a:hover{color:var(--neutral-light)}.mm-scoria:not(.brx-open) .mm-scoria__nav-items>li:not(:nth-last-of-type(-n+2))>a:hover::after{transform-origin:left;transform:scaleX(1)}.mm-scoria:not(.brx-open) .mm-scoria__nav-items>li:not(:nth-last-of-type(-n+2))>.brx-submenu-toggle{color:var(--white);mix-blend-mode:var(--blend-mode);position:relative;z-index:var(--header-above-dropdown-z-index)}.mm-scoria:not(.brx-open) .mm-scoria__nav-items>li:not(:nth-last-of-type(-n+2))>.brx-submenu-toggle::after{content:"";display:block;position:absolute;bottom:-.275em;left:0;right:0;transition:transform .75s cubic-bezier(.19, 1, .22, 1);transform:scaleX(0);transform-origin:right;border-bottom:1px solid currentColor}.mm-scoria:not(.brx-open) .mm-scoria__nav-items>li:not(:nth-last-of-type(-n+2))>.brx-submenu-toggle:hover{color:var(--neutral-light)}.mm-scoria:not(.brx-open) .mm-scoria__nav-items>li:not(:nth-last-of-type(-n+2))>.brx-submenu-toggle:hover::after{transform-origin:left;transform:scaleX(1)}.mm-scoria:not(.brx-open) .mm-scoria__nav-items>li:not(:nth-last-of-type(-n+2))>.brx-submenu-toggle>a{color:var(--white);mix-blend-mode:var(--blend-mode);position:relative;z-index:var(--header-above-dropdown-z-index)}.mm-scoria:not(.brx-open) .mm-scoria__nav-items>li:not(:nth-last-of-type(-n+2))>.brx-submenu-toggle>a::after{content:"";display:block;position:absolute;bottom:-.275em;left:0;right:0;transition:transform .75s cubic-bezier(.19, 1, .22, 1);transform:scaleX(0);transform-origin:right;border-bottom:1px solid currentColor}.mm-scoria:not(.brx-open) .mm-scoria__nav-items>li:not(:nth-last-of-type(-n+2))>.brx-submenu-toggle>a:hover{color:var(--neutral-light)}.mm-scoria:not(.brx-open) .mm-scoria__nav-items>li:not(:nth-last-of-type(-n+2))>.brx-submenu-toggle>a:hover::after{transform-origin:left;transform:scaleX(1)}.mm-scoria:not(.brx-open) .mm-scoria__nav-items>li:not(:nth-last-of-type(-n+2))>.brx-submenu-toggle a,.mm-scoria:not(.brx-open) .mm-scoria__nav-items>li:not(:nth-last-of-type(-n+2))>.brx-submenu-toggle span,.mm-scoria:not(.brx-open) .mm-scoria__nav-items>li:not(:nth-last-of-type(-n+2))>.brx-submenu-toggle svg{color:inherit}.mm-scoria__nav-items>li:nth-last-child(-n+2)>.brx-submenu-toggle::after,.mm-scoria__nav-items>li:nth-last-child(-n+2)>a::after{display:none!important}.mm-scoria__nav-items>li:first-child{margin-left:auto}}@media (min-width:1040px) and (max-width:1040px){.main-header__nav-link-btn{min-width:auto;height:auto;background:0 0;border-radius:0;box-shadow:none;backdrop-filter:none;padding:0;display:block}.main-header__nav-cta-btn{min-width:auto;height:auto;background:0 0;border-radius:0;box-shadow:none;backdrop-filter:none;padding:0;display:block}}[data-theme=light]{--theme-main-bg:var(--main-bg-light);--theme-text-primary:var(--text-primary-light);--theme-text-secondary:var(--text-secondary-light);--theme-text-subtitle:var(--text-subtitle-light);--theme-border-color:var(--slate-light-200)}[data-theme=dark]{--theme-main-bg:var(--main-bg-dark);--theme-text-primary:var(--text-primary-dark);--theme-text-secondary:var(--text-secondary-dark);--theme-text-subtitle:var(--text-subtitle-dark);--theme-border-color:var(--slate-dark-700)}:root{--theme-transition-time:0.5s;--theme-transition-easing:ease;--theme-transition:var(--theme-transition-time) var(--theme-transition-easing)}body.bricks-is-frontend:root[data-theme],body.brx-body:root[data-theme],body.page-template-default:root[data-theme],body.page:not(.wp-admin):root[data-theme]{transition:all var(--theme-transition-time) var(--theme-transition-easing)}[data-theme=light]{--nav-main-bg:var(--main-bg-light);--nav-text-primary:var(--text-primary-dark);--nav-text-secondary:var(--text-secondary-light);--nav-text-subtitle:var(--text-subtitle-light)}[data-theme=dark]{--nav-main-bg:var(--main-bg-dark);--nav-text-primary:var(--text-primary-light);--nav-text-secondary:var(--text-secondary-dark);--nav-text-subtitle:var(--text-subtitle-dark)}@media (min-width:1265px){[data-theme=light] header.dropdown-active .main-header__nav-cta-btn{background:var(--white);color:var(--text-primary-light)!important}[data-theme=light] header.dropdown-active .main-header__nav-link-btn{background:var(--slate-dark-400);color:var(--white)!important}[data-theme=dark] header.dropdown-active .main-header__nav-cta-btn{background:var(--black);color:var(--text-primary-dark)!important}}.eclipse-divider{--color-bg:var(--theme-main-bg);--color-text:#ffffff;--color-glow:rgba(255, 255, 255, .5);--container-max-width:1200px;--divider-height:500px;
27--eclipse-height:956px;--eclipse-width:242%;--glow-width:987px;--glow-height:111px;--glow-bottom:230px;--gradient-height:100px;--fade-width:600px}[data-theme=dark] .eclipse-divider{--glow-effect:linear-gradient(223deg, #570047 -9.9%, #573b00 34.12%, #005710 78.69%, #001b57 105.21%);--glow-effect-white:radial-gradient(50% 50% at 50% 50%, var(--color-glow) 0%, rgba(10, 10, 10, 0) 100%);--eclipse-base-shadow:inset 0 2px 20px #fff,0 -10px 50px 1px #fbabec59;--eclipse-ring:linear-gradient(180deg, #ffffff 0%, rgba(10, 10, 10, 0) 100%)}[data-theme=light] .eclipse-divider{--glow-width:1226px;--glow-bottom:163px;--glow-effect:linear-gradient(149deg, #ff27d7 -9.9%, #ffbc29 34.12%, #29ff50 78.69%, #296cff 105.21%);--glow-effect-white:radial-gradient(50% 50% at 50% 50%, var(--color-glow) 0%, rgba(10, 10, 10, 0) 100%);--eclipse-base-shadow:inset 0px 14px 23px rgba(163, 163, 163, 0.7),inset 0px 8px 77px rgba(163, 163, 163, 0.5);--eclipse-ring:linear-gradient(180deg, transparent 0%, rgba(10, 10, 10, 0) 100%)}div.brxe-div.eclipse-divider{max-width:unset}.eclipse-divider .brxe-div{max-width:unset}.eclipse-divider-wrap{max-width:var(--content-width);background-color:var(--theme-main-bg);margin:0 auto;margin-top:clamp(-400px,calc(-100px - 20vh),-100px);mask:linear-gradient(90deg,transparent,white 20%,white 80%,transparent)}.eclipse-divider{position:relative;width:100%;max-width:var(--content-width)!important;height:var(--divider-height);background-color:var(--theme-main-bg);z-index:1;overflow:visible;contain:layout paint;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.2) 5%,black 15%,black 85%,rgba(0,0,0,.2) 95%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.2) 5%,black 15%,black 85%,rgba(0,0,0,.2) 95%,transparent 100%)}.eclipse-fx{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;contain:strict}.gradient-layer{position:absolute;width:100%;height:100%;background-color:var(--color-bg);transform:translateZ(0);will-change:transform;z-index:1}.blur-layer{position:absolute;inset:0;backdrop-filter:blur(80px);-webkit-backdrop-filter:blur(80px);background:linear-gradient(180deg,var(--color-bg) 0%,rgba(0,0,0,0) 100%);z-index:2}.particles-layer{position:absolute;width:100%;height:100%;background-color:transparent;transform:translateZ(0);will-change:transform;z-index:3}.top-gradient{position:absolute;top:0;left:0;right:0;height:var(--gradient-height);background:linear-gradient(180deg,var(--color-bg) 0%,rgba(10,10,10,0) 100%);z-index:4}.glow-effect{position:absolute;left:50%;bottom:var(--glow-bottom);transform:translateX(-50%);width:var(--glow-width);height:var(--glow-height);background:var(--glow-effect);filter:blur(57px);-webkit-filter:blur(87px);z-index:5;will-change:transform}.eclipse-base{position:absolute;bottom:-668px;left:-521px;right:-521px;height:var(--eclipse-height);background-color:var(--color-bg);border-radius:50%;box-shadow:var(--eclipse-base-shadow);z-index:6;will-change:transform}.eclipse-ring{display:flex!important;background:var(--eclipse-ring);border-radius:100%;bottom:-662px;flex:none;height:955px;left:-443px;position:absolute;right:-443px;z-index:5}@media (prefers-reduced-motion:reduce){.eclipse-base,.glow-effect{transition:none!important;animation:none!important}}@media print{.eclipse-divider{height:100px;border-top:2px solid rgba(255,255,255,.2);border-bottom:2px solid rgba(255,255,255,.2)}.eclipse-base,.eclipse-fx,.glow-effect{display:none}}:root{--follower-outer-size:18px;--follower-inner-size:6px;--follower-outer-color:rgba(255, 88, 231, .2);--follower-inner-color:var(--str-primary-500);--follower-inactive-color:#6e6e6e;--follower-transition-speed:0.3s;--follower-inactive-scale:0.2;--follower-hover-scale:2.7;--follower-hover-opacity:0.5;--navigation-breakpoint:1365px;--elastic-scale-x:1;--elastic-scale-y:1;--elastic-rotation:0deg}.mouse-follower{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;will-change:transform;transition:opacity .2s ease,visibility .2s ease}@media (max-width:1264px){.mouse-follower{display:none!important}}.follower-outer{width:var(--follower-outer-size);height:var(--follower-outer-size);background-color:var(--follower-outer-color);border-radius:50%;display:flex;justify-content:center;align-items:center;transition:transform var(--follower-transition-speed) ease,background-color var(--follower-transition-speed) ease,opacity var(--follower-transition-speed) ease;backface-visibility:hidden;transform:rotate(var(--elastic-rotation)) scale(var(--elastic-scale-x),var(--elastic-scale-y))}.follower-inner{width:var(--follower-inner-size);height:var(--follower-inner-size);background-color:var(--follower-inner-color);border-radius:50%;transition:background-color var(--follower-transition-speed) ease;backface-visibility:hidden;transform:rotate(var(--elastic-rotation)) scale(var(--elastic-scale-x),var(--elastic-scale-y))}.follower-inactive{background-color:var(--follower-inactive-color)!important;transform:rotate(var(--elastic-rotation)) scale(calc(var(--elastic-scale-x) * var(--follower-inactive-scale)),calc(var(--elastic-scale-y) * var(--follower-inactive-scale)))}.follower-hover{transform:rotate(var(--elastic-rotation)) scale(calc(var(--elastic-scale-x) * var(--follower-hover-scale)),calc(var(--elastic-scale-y) * var(--follower-hover-scale)));opacity:var(--follower-hover-opacity)}.g-form-step{border-radius:20px;border:1px solid var(--Slate-dark-500,#383840);background:var(--theme-main-bg);box-shadow:23px 25px 9px 0 transparent,15px 16px 9px 0 rgba(0,0,0,.03),8px 9px 7px 0 rgba(0,0,0,.1),4px 4px 5px 0 rgba(0,0,0,.17),1px 1px 3px 0 rgba(0,0,0,.2);backdrop-filter:blur(25px);padding:46px 37px;max-width:935px}:root{--bg-page:#121218;--border-color-soft:rgba(255, 255, 255, .1);--text-primary:#ffffff;--text-secondary:#a0a0a8;--text-accent:#f426d8;--control-bg:#303038;--gradient-accent:linear-gradient(135deg, #ff58e7, #ff0ebe, #8a2be2);--control-border:#383840;--progress-bar-bg:#303038;--progress-bar-fill:var(--gradient-accent);--content-box-bg:rgba(18, 18, 24, .6);--space-8:0.5rem;--space-12:0.75rem;--space-16:1rem;--space-24:1.5rem;--sctn-inline-padding:clamp(1rem, -0.3815rem + 5.1643vw, 3.75rem);--sctn-block-padding:clamp(3rem, 1.6813rem + 4.9296vw, 5.625rem);--content-width:85.375rem;--stack-x-offset:9%;--stack-scale-decrement:0.12;--anim-duration:0.2s;
27--anim-timing:cubic-bezier(0.65, 0, 0.35, 1);--autoplay-duration:5s}[data-theme=light]:root{--content-box-bg:rgba(255, 255, 255, .6);--progress-bar-bg:var(--slate-light-250)}.portfolio-showcase-section{width:100%;display:flex;flex-direction:column;gap:var(--space-24)}.portfolio-showcase__image-area{width:80vw;max-width:calc(.8 * calc(var(--content-width) + 2%));aspect-ratio:16/9;position:relative}.portfolio-showcase__image-link-area{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:8;overflow:hidden;touch-action:pan-y;user-select:none}.portfolio-showcase__image-window{position:absolute;width:100%;height:100%;border-radius:12px;box-shadow:0 25px 50px -12px #000,0 15px 30px -15px #000;overflow:hidden;border:1px solid var(--border-color-soft);background-color:#1a1a22;transition:transform var(--anim-duration) var(--anim-timing),opacity var(--anim-duration) var(--anim-timing);opacity:0;transform:translateX(0) scale(.5);touch-action:pan-y;will-change:transform,opacity}.portfolio-showcase__image-window img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.portfolio-showcase__image-window.is-front{z-index:5;transform:translateX(0) scale(1);opacity:1}.portfolio-showcase__image-window.is-left-1{z-index:4;transform:translateX(calc(-1 * var(--stack-x-offset))) scale(calc(1 - var(--stack-scale-decrement)));opacity:1}.portfolio-showcase__image-window.is-left-2{z-index:3;transform:translateX(calc(-2 * var(--stack-x-offset))) scale(calc(1 - (2 * var(--stack-scale-decrement))));opacity:1}.portfolio-showcase__image-window.is-right-1{z-index:2;transform:translateX(var(--stack-x-offset)) scale(calc(1 - var(--stack-scale-decrement)));opacity:1}.portfolio-showcase__image-window.is-right-2{z-index:1;transform:translateX(calc(2 * var(--stack-x-offset))) scale(calc(1 - (2 * var(--stack-scale-decrement))));opacity:1}.portfolio-showcase__image-window.is-exiting-left{z-index:6;transform:translateX(calc(-3 * var(--stack-x-offset))) scale(.6);opacity:0}.portfolio-showcase__image-window.is-exiting-right{z-index:6;transform:translateX(calc(3 * var(--stack-x-offset))) scale(.6);opacity:0}.portfolio-showcase__tag{padding:var(--space-8) var(--space-12);background:rgba(32,32,40,.3);border-radius:8px;position:relative;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1),0 7px 7px rgba(0,0,0,.09),0 17px 10px rgba(0,0,0,.05),0 30px 12px rgba(0,0,0,.01),0 46px 13px transparent;isolation:isolate}.portfolio-showcase__tag p{margin:0;color:var(--text-primary);font-size:14px;font-weight:500}.portfolio-showcase__tag::before{content:"";position:absolute;width:100%;height:31px;background:var(--gradient-accent);border-radius:50%;left:50%;transform:translateX(-50%);z-index:-1;filter:blur(15px);opacity:.8}.portfolio-showcase__cursor-follower{width:96px;aspect-ratio:1/1;border:1px solid #606068;border-radius:50%;color:#fff;font-size:16px;background:rgba(0,0,0,.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;pointer-events:none;opacity:0;transform:scale(.5) translate(-50%,-50%);transition:opacity .3s ease,transform .3s ease;z-index:9}.portfolio-showcase__cursor-follower.active{opacity:1;transform:scale(1) translate(-50%,-50%)}.portfolio-showcase__cursor-follower p{text-align:center;margin:0;line-height:1.2}.screen{border-radius:44px;border-radius:calc(15cqw - 6px);overflow:hidden;aspect-ratio:9/19.5;position:relative}:root{font-size:12px;--color-text:#292828;--color-bg:#ddd;--color-link:#000;--color-link-hover:#000;--page-padding:1rem;--angle:-15deg;--trans-content:-30vh}.hidden{opacity:0;pointer-events:none}.project-gallery{width:100%;max-height:1080px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background:#000}.project-gallery__row{display:flex;gap:1.5vmin;flex-direction:row;margin:0 auto;will-change:transform}@media screen and (min-width:53em){:root{--page-padding:2rem 3rem}}#rive-automation{width:100%;height:100%;display:block;position:absolute;top:0;left:0}#rive-crm{width:100%;height:100%;display:block;position:absolute;top:0;left:0}</style><link rel="preload" data-rocket-preload as="image" href="https://ucarecdn.com/b0bf1761-fb2c-4860-9e07-880e8c4ec895/-/preview/1000x718/-/format/webp/-/quality/smart/" fetchpriority="high">
28<meta name="description" content="WordPress-Websites die knallen + Business-Systeme die funktionieren ✓ WordPress Agentur in Burgdorf/Bern ✓ CRM-Automatisierung ✓ Jetzt unverbindlich anfragen!"/>
29<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/>
30<link rel="canonical" href="https://rocket9.ch/" />
31<meta property="og:locale" content="de_DE" />
32<meta property="og:type" content="website" />
33<meta property="og:title" content="WordPress Webdesign + CRM Agentur | Rocket9 | Burgdorf | Bern" />
34<meta property="og:description" content="WordPress-Websites die knallen + Business-Systeme die funktionieren ✓ WordPress Agentur in Burgdorf/Bern ✓ CRM-Automatisierung ✓ Jetzt unverbindlich anfragen!" />
35<meta property="og:url" content="https://rocket9.ch/" />
36<meta property="og:site_name" content="Rocket9.ch" />
37<meta property="og:updated_time" content="2026-09-16T13:46:02+02:00" />
38<meta property="og:image" content="https://rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development.png" />
39<meta property="og:image:secure_url" content="https://rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development.png" />
40<meta property="og:image:width" content="1536" />
41<meta property="og:image:height" content="1024" />
42<meta property="og:image:alt" content="Wordpress Webdesign Schweiz" />
43<meta property="og:image:type" content="image/png" />
44<meta property="article:published_time" content="2024-10-23T14:06:06+02:00" />
45<meta property="article:modified_time" content="2026-09-16T13:46:02+02:00" />
46<meta name="twitter:card" content="summary_large_image" />
47<meta name="twitter:title" content="WordPress Webdesign + CRM Agentur | Rocket9 | Burgdorf | Bern" />
48<meta name="twitter:description" content="WordPress-Websites die knallen + Business-Systeme die funktionieren ✓ WordPress Agentur in Burgdorf/Bern ✓ CRM-Automatisierung ✓ Jetzt unverbindlich anfragen!" />
49<meta name="twitter:image" content="https://rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development.png" />
50<meta name="twitter:label1" content="Verfasst von" />
51<meta name="twitter:data1" content="rocket9-adm" />
52<meta name="twitter:label2" content="Lesedauer" />
53<meta name="twitter:data2" content="Weniger als eine Minute" />
54<script type="application/ld+json" class="rank-math-schema">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://rocket9.ch/#organization","name":"Rocket9 GmbH","url":"https://rocket9.ch"},{"@type":"WebSite","@id":"https://rocket9.ch/#website","url":"https://rocket9.ch","name":"Rocket9.ch","alternateName":"Rocket9","publisher":{"@id":"https://rocket9.ch/#organization"},"inLanguage":"de-CH","potentialAction":{"@type":"SearchAction","target":"https://rocket9.ch/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"ImageObject","@id":"https://rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development.png","url":"https://rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development.png","width":"1536","height":"1024","caption":"Wordpress Webdesign Schweiz","inLanguage":"de-CH"},{"@type":"WebPage","@id":"https://rocket9.ch/#webpage","url":"https://rocket9.ch/","name":"WordPress Webdesign + CRM Agentur | Rocket9 | Burgdorf | Bern","datePublished":"2024-10-23T14:06:06+02:00","dateModified":"2026-09-16T13:46:02+02:00","about":{"@id":"https://rocket9.ch/#organization"},"isPartOf":{"@id":"https://rocket9.ch/#website"},"primaryImageOfPage":{"@id":"https://rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development.png"},"inLanguage":"de-CH"},{"@type":"Person","@id":"https://rocket9.ch/author/rocket9-adm/","name":"rocket9-adm","url":"https://rocket9.ch/author/rocket9-adm/","image":{"@type":"ImageObject","@id":"https://secure.gravatar.com/avatar/375b8e385c63c0505abb42d59925efccd12c79493e6a7190a390edc945800edb?s=96&amp;d=mm&amp;r=g","url":"https://secure.gravatar.com/avatar/375b8e385c63c0505abb42d59925efccd12c79493e6a7190a390edc945800edb?s=96&amp;d=mm&amp;r=g","caption":"rocket9-adm","inLanguage":"de-CH"},"sameAs":["https://rocket9.ch"],"worksFor":{"@id":"https://rocket9.ch/#organization"}},{"headline":"WordPress Webdesign + CRM Agentur | Rocket9 | Burgdorf | Bern","description":"WordPress-Websites die knallen + Business-Systeme die funktionieren \u2713 WordPress Agentur in Burgdorf/Bern \u2713 CRM-Automatisierung \u2713 Jetzt unverbindlich anfragen!","keywords":"WordPress Agentur","@type":"Article","author":{"@id":"https://rocket9.ch/author/rocket9-adm/","name":"rocket9-adm"},"datePublished":"2024-10-23T14:06:06+02:00","dateModified":"2026-09-16T13:46:02+02:00","image":{"@id":"https://rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development.png"},"name":"WordPress Webdesign + CRM Agentur | Rocket9 | Burgdorf | Bern","@id":"https://rocket9.ch/#schema-6430","isPartOf":{"@id":"https://rocket9.ch/#webpage"},"publisher":{"@id":"https://rocket9.ch/#organization"},"inLanguage":"de-CH","mainEntityOfPage":{"@id":"https://rocket9.ch/#webpage"}}]}</script>
54
55<!-- /Rank Math WordPress SEO Plugin -->
56
57<link rel='dns-prefetch' href='//js-eu1.hs-scripts.com' />
58<link rel='dns-prefetch' href='//cdn.jsdelivr.net' />
59
60<link rel="alternate" type="application/rss+xml" title="Rocket9 &raquo; Feed" href="https://rocket9.ch/feed/" />
61<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://rocket9.ch/wp-json/oembed/1.0/embed?url=https%3A%2F%2Frocket9.ch%2F" />
62<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://rocket9.ch/wp-json/oembed/1.0/embed?url=https%3A%2F%2Frocket9.ch%2F&#038;format=xml" />
63<style id="wp-img-auto-sizes-contain-inline-css"></style>
64<style id="classic-theme-styles-inline-css"></style>
65
66
67
68<style id="global-styles-inline-css"></style>
69
70
71<style id="bricks-frontend-inline-css"></style>
72
73
74
75
76
77<style id="bricks-frontend-inline-inline-css"></style>
78<script id="color-scheme-switcher-frontend-js-extra">
79var acss = {"color_mode":"light","enable_client_color_preference":"false"};
80//# sourceURL=color-scheme-switcher-frontend-js-extra
81</script>
vendor: 1 bytes, line 81
81
82<script id="color-scheme-switcher-frontend-js" src="https://rocket9.ch/wp-content/plugins/automaticcss-plugin/classes/Features/Color_Scheme_Switcher/js/frontend.min.js?ver=1790403127" data-rocket-defer defer></script>
82
83<link rel="https://api.w.org/" href="https://rocket9.ch/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://rocket9.ch/wp-json/wp/v2/pages/9" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://rocket9.ch/xmlrpc.php?rsd" />
84<link rel='shortlink' href='https://rocket9.ch/' />
85        
86
87            
88
89    
90<script type="text/javascript"  defer  src="https://rocket9.ch/wp-content/uploads/wpcodebox/39.js?v=f33f333461fd914e"></script>
90
91
92        
93<script type="text/javascript"  src="https://rocket9.ch/wp-content/uploads/wpcodebox/59.js?v=03d6ad46a91ab1b5" data-rocket-defer defer></script>
93
94
95             
95<script
96  type="text/plain"
97  class="_iub_cs_activate"
98  data-iub-purposes="4">
vendor: 383 bytes, lines 98-108
98
99  (function(w,d,s,l,i){
100    w[l]=w[l]||[];
101    w[l].push({'gtm.start': new Date().getTime(), event:'gtm.js'});
102    var f=d.getElementsByTagName(s)[0],
103        j=d.createElement(s),
104        dl=l!='dataLayer' ? '&l='+l : '';
105    j.async=true;
106    j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;
107    f.parentNode.insertBefore(j,f);
108  })(window,document,'script','dataLayer','
108GTM-W8926H28
vendor: 4 bytes, line 108
108');
109</script>
109
110  
110<script type='text/javascript'>(function() {
111    // Define delay times in milliseconds
112    const desktopEntranceDelay = 300; // Desktop delay before dropdown-active is added
113    const desktopExitDelay = 300;    // Desktop delay before dropdown-active is removed
114    const mobileEntranceDelay = 100;  // Mobile delay before dropdown-active is added
115    const mobileExitDelay = 550;     // Mobile delay before dropdown-active is removed
116
117    let desktopDropdownActiveTimeout; // Timeout for desktop dropdown-active removal
118    let mobileDropdownActiveTimeout;  // Timeout for mobile dropdown-active toggle
119
120    // Get elements (now targeting .mm-scoria specifically)
121    function getElements() {
122        return {
123            header: document.querySelector('header'),
124            nav: document.querySelector('.mm-scoria'),
125            toggleButton: document.querySelector('.mm-scoria__toggle-open'),
126            megaMenuItems: document.querySelectorAll('li.brx-has-megamenu')
127        };
128    }
129
130    function setHeaderHeightCSSVariable() {
131        const { header } = getElements();
132        if (!header) {
133            console.error('Header element not found.');
134            return;
135        }
136
137        const headerHeight = header.offsetHeight;
138        document.documentElement.style.setProperty('--header-height', `${headerHeight}px`);
139    }
140
141    function setupMobileMenu() {
142        const { nav, toggleButton, header } = getElements();
143
144        if (!nav || !toggleButton || !header) {
145            console.error('Mobile menu elements not found');
146            return;
147        }
148
149        // Always use 'brxe-open' class
150        toggleButton.addEventListener('click', () => {
151            nav.classList.toggle('brxe-open');
152            toggleButton.classList.toggle('is-active');
153
154            const isExpanded = nav.classList.contains('brxe-open');
155            toggleButton.setAttribute('aria-expanded', isExpanded ? 'true' : 'false');
156
157            clearTimeout(mobileDropdownActiveTimeout); // Clear any existing mobile timeout
158
159            if (isExpanded) {
160                // Delay before adding dropdown-active on mobile menu open
161                mobileDropdownActiveTimeout = setTimeout(() => {
162                    header.classList.add('dropdown-active');
163                    console.log('dropdown-active added to header (mobile) after entrance delay');
164                }, mobileEntranceDelay);
165            } else {
166                // Delay before removing dropdown-active on mobile menu close
167                mobileDropdownActiveTimeout = setTimeout(() => {
168                    header.classList.remove('dropdown-active');
169                    console.log('dropdown-active removed from header (mobile) after exit delay');
170                }, mobileExitDelay);
171            }
172        });
173    }
174
175    function setupMegaMenu() {
176        const { header, megaMenuItems } = getElements();
177
178        if (!header || megaMenuItems.length === 0) {
179            console.error('Mega menu items not found (li.brx-has-megamenu)');
180            return;
181        }
182
183        const updateHeaderDropdownActiveClass = () => {
184            if (window.innerWidth >= 1365) { // Apply mega menu dropdown-active logic only on desktop
185                let hasOpenOrActiveClass = false;
186                megaMenuItems.forEach(menuItem => {
187                    if (menuItem.classList.contains('open') || menuItem.classList.contains('active')) {
188                        hasOpenOrActiveClass = true;
189                    }
190                });
191
192                clearTimeout(desktopDropdownActiveTimeout); // Clear any existing desktop timeout
193
194                if (hasOpenOrActiveClass) {
195                    // Delay before adding dropdown-active on desktop menu open
196                    desktopDropdownActiveTimeout = setTimeout(() => {
197                        header.classList.add('dropdown-active');
198                        console.log('dropdown-active added to header (desktop) after entrance delay');
199                    }, desktopEntranceDelay);
200                } else {
201                    // Delay before removing dropdown-active on desktop menu close
202                    desktopDropdownActiveTimeout = setTimeout(() => {
203                        header.classList.remove('dropdown-active');
204                        console.log('dropdown-active removed from header (desktop) after exit delay');
205                    }, desktopExitDelay);
206                }
207            }
208            // No action for dropdown-active based on mega menu items below breakpoint, mobile menu toggle controls it
209        };
210
211        // Mutation Observer to observe changes in class attribute of mega menu items
212        const observer = new MutationObserver(mutationsList => {
213            for (const mutation of mutationsList) {
214                if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
215                    updateHeaderDropdownActiveClass();
216                }
217            }
218        });
219
220        megaMenuItems.forEach(menuItem => {
221            observer.observe(menuItem, { attributes: true, attributeFilter: ['class'] });
222        });
223
224        // Initial check in case classes are already present on page load
225        updateHeaderDropdownActiveClass();
226    }
227
228    function handleWindowResize() {
229        const { nav, toggleButton, header } = getElements();
230        
231        // Use breakpoint of 1050px as in the original code
232        const mobileBreakpoint = 1050;
233
234        if (window.innerWidth >= mobileBreakpoint) {
235            if (nav) {
236                // Only remove 'brxe-open' class
237                nav.classList.remove('brxe-open');
238                
239                if (header) {
240                    header.classList.remove('dropdown-active');
241                }
242            }
243            
244            if (toggleButton) {
245                toggleButton.classList.remove('is-active');
246                toggleButton.setAttribute('aria-expanded', 'false');
247            }
248        }
249    }
250
251    // Initialize when DOM is loaded
252    document.addEventListener('DOMContentLoaded', function() {
253        setHeaderHeightCSSVariable();
254        setupMobileMenu();
255        setupMegaMenu();
256
257        window.addEventListener('resize', () => {
258            setHeaderHeightCSSVariable();
259            handleWindowResize();
260        });
261    });
262})();
263
264/**
265 * Eclipse Divider Component
266 * 
267 * Creates an animated divider with gradient and particle effects
268 * Particles effect is disabled on mobile devices (width <= MOBILE_WIDTH_THRESHOLD)
269 * 
270 * @version 1.4.0
271 */
272
273// Mobile width threshold in pixels - adjust this value as needed
274const MOBILE_WIDTH_THRESHOLD = 655;
275
276// Initialize when DOM is ready
277document.addEventListener('DOMContentLoaded', () => {
278    // Check if the divider element exists
279    const divider = document.querySelector('.eclipse-divider');
280    if (!divider) return;
281    
282    // Initialize only if component is in viewport or will be soon
283    const observer = new IntersectionObserver((entries) => {
284        if (entries[0].isIntersecting || entries[0].intersectionRatio > 0) {
285            initEclipseDivider();
286            observer.disconnect();
287        }
288    }, {
289        rootMargin: '200px 0px' // Initialize when within 200px of viewport
290    });
291    
292    observer.observe(divider);
293});
294
295/**
296 * Check if device is mobile based on screen width
297 * @returns {boolean} True if device width is less than or equal to the mobile threshold
298 */
299function isMobileDevice() {
300    return window.innerWidth <= MOBILE_WIDTH_THRESHOLD;
301}
302
303/**
304 * Initialize all eclipse divider features
305 */
306function initEclipseDivider() {
307    // Initialize Gradient Background
308    setupGradientBackground();
309    
310    // Initialize Particles Effect only for non-mobile devices
311    if (!isMobileDevice()) {
312        setupParticlesEffect();
313    }
314    
315    // Remove parallax effect entirely - keep everything static
316    // setupParallaxEffect();
317}
318
319/**
320 * Check if light mode is active
321 */
322function isLightMode() {
323    return document.documentElement.getAttribute('data-theme') === 'light';
324}
325
326/**
327 * Setup the gradient background effect
328 */
329function setupGradientBackground() {
330    const gradientLayer = document.querySelector('.gradient-layer');
331    if (!gradientLayer) return;
332    
333    // Create canvas element for gradient
334    const canvas = document.createElement('canvas');
335    canvas.classList.add('gradient-canvas');
336    canvas.style.width = '100%';
337    canvas.style.height = '100%';
338    canvas.style.position = 'absolute';
339    canvas.style.pointerEvents = 'none';
340    
341    // Set canvas size and handle resize
342    const setCanvasSize = () => {
343        const containerRect = gradientLayer.getBoundingClientRect();
344        const dpr = window.devicePixelRatio || 1;
345        
346        // Set display size
347        canvas.style.width = `${containerRect.width}px`;
348        canvas.style.height = `${containerRect.height}px`;
349        
350        // Set actual size adjusted for device pixel ratio
351        canvas.width = Math.floor(containerRect.width * dpr);
352        canvas.height = Math.floor(containerRect.height * dpr);
353        
354        // Scale context for higher resolution screens
355        const ctx = canvas.getContext('2d');
356        ctx.scale(dpr, dpr);
357        
358        // Redraw gradient
359        drawGradient(containerRect.width, containerRect.height);
360    };
361    
362    /**
363     * Draw gradient on the canvas
364     * @param {number} width - Canvas width
365     * @param {number} height - Canvas height
366     */
367    const drawGradient = (width, height) => {
368        const ctx = canvas.getContext('2d');
369        
370        // Clear canvas
371        ctx.clearRect(0, 0, width, height);
372        
373        // Create a subtle gradient background
374        const gradient = ctx.createRadialGradient(
375            width / 2, height * 0.8, 0, 
376            width / 2, height * 0.8, width * 0.7
377        );
378        
379        if (isLightMode()) {
380            gradient.addColorStop(0, 'rgba(255, 39, 215, 0.2)');
381            gradient.addColorStop(1, 'rgba(255, 255, 255, 0)');
382        } else {
383            gradient.addColorStop(0, 'rgba(30, 30, 30, 0.5)');
384            gradient.addColorStop(1, 'rgba(10, 10, 10, 0)');
385        }
386        
387        ctx.fillStyle = gradient;
388        ctx.fillRect(0, 0, width, height);
389    };
390    
391    // Initial setup
392    gradientLayer.appendChild(canvas);
393    setCanvasSize();
394    
395    // Handle resize with debounce
396    let resizeTimeout;
397    window.addEventListener('resize', () => {
398        clearTimeout(resizeTimeout);
399        resizeTimeout = setTimeout(setCanvasSize, 100);
400    });
401    
402    // Handle theme changes
403    const observer = new MutationObserver((mutations) => {
404        mutations.forEach((mutation) => {
405            if (mutation.type === 'attributes' && mutation.attributeName === 'data-theme') {
406                drawGradient(canvas.width, canvas.height);
407            }
408        });
409    });
410    
411    observer.observe(document.documentElement, {
412        attributes: true,
413        attributeFilter: ['data-theme']
414    });
415}
416
417/**
418 * Setup the particles effect
419 * Will not run on mobile devices (width <= MOBILE_WIDTH_THRESHOLD)
420 */
421function setupParticlesEffect() {
422    const particlesLayer = document.querySelector('.particles-layer');
423    if (!particlesLayer) return;
424    
425    // Early return if on mobile device
426    if (isMobileDevice()) return;
427    
428    // Create canvas element for particles
429    const canvas = document.createElement('canvas');
430    canvas.classList.add('particles-canvas');
431    canvas.style.width = '100%';
432    canvas.style.height = '100%';
433    canvas.style.position = 'absolute';
434    canvas.style.pointerEvents = 'none';
435    
436    // Set canvas size and handle resize
437    const setCanvasSize = () => {
438        // Check if we switched to mobile size during resize
439        if (isMobileDevice()) {
440            // Clean up and remove the canvas if it exists in the DOM
441            if (canvas.parentNode) {
442                canvas.parentNode.removeChild(canvas);
443            }
444            
445            // Stop animation if it's running
446            if (animationFrame) {
447                cancelAnimationFrame(animationFrame);
448                animationFrame = null;
449            }
450            
451            isAnimating = false;
452            return;
453        }
454        
455        const containerRect = particlesLayer.getBoundingClientRect();
456        const dpr = window.devicePixelRatio || 1;
457        
458        // Set display size
459        canvas.style.width = `${containerRect.width}px`;
460        canvas.style.height = `${containerRect.height}px`;
461        
462        // Set actual size adjusted for device pixel ratio
463        canvas.width = Math.floor(containerRect.width * dpr);
464        canvas.height = Math.floor(containerRect.height * dpr);
465        
466        // Scale context for higher resolution screens
467        const ctx = canvas.getContext('2d');
468        ctx.scale(dpr, dpr);
469    };
470    
471    // Initial setup
472    particlesLayer.appendChild(canvas);
473    setCanvasSize();
474    
475    // Handle resize
476    let resizeTimeout;
477    window.addEventListener('resize', () => {
478        clearTimeout(resizeTimeout);
479        resizeTimeout = setTimeout(() => {
480            // Check if switched to mobile
481            if (isMobileDevice()) {
482                // Clean up and remove the canvas if it exists in the DOM
483                if (canvas.parentNode) {
484                    canvas.parentNode.removeChild(canvas);
485                }
486                
487                // Stop animation if it's running
488                if (animationFrame) {
489                    cancelAnimationFrame(animationFrame);
490                    animationFrame = null;
491                }
492                
493                isAnimating = false;
494            } else {
495                // If not mobile or switched back from mobile, ensure canvas is in DOM
496                if (!canvas.parentNode) {
497                    particlesLayer.appendChild(canvas);
498                }
499                
500                setCanvasSize();
501                
502                // Restart animation if needed
503                if (!animationFrame && isAnimating) {
504                    animate();
505                }
506            }
507        }, 100);
508    });
509    
510    // Get canvas context
511    const ctx = canvas.getContext('2d');
512    
513    /**
514     * Particle class
515     */
516    class Particle {
517        constructor() {
518            this.reset();
519        }
520        
521        /**
522         * Reset particle to initial state
523         */
524        reset() {
525            const width = particlesLayer.getBoundingClientRect().width;
526            const height = particlesLayer.getBoundingClientRect().height;
527            
528            // Add extra width to account for masked edges
529            const extraWidth = width * 0.2;
530            
531            this.x = Math.random() * (width + extraWidth) - extraWidth/2;
532            this.y = Math.random() * height;
533            this.size = Math.random() * 1.5 + 0.5;
534            this.speed = Math.random() * 0.5 + 0.1;
535            this.opacity = Math.random() * 0.4 + 0.1;
536            this.velocity = {
537                x: (Math.random() - 0.5) * 0.2,
538                y: -this.speed
539            };
540        }
541        
542        /**
543         * Update particle position
544         */
545        update() {
546            const width = particlesLayer.getBoundingClientRect().width;
547            const height = particlesLayer.getBoundingClientRect().height;
548            
549            // Extra boundary to account for masked edges
550            const extraWidth = width * 0.2;
551            
552            // Move particle
553            this.x += this.velocity.x;
554            this.y += this.velocity.y;
555            
556            // Reset particle when it moves off screen but allow overflow at the top
557            // And allow particles to move beyond the sides (they'll be masked by CSS)
558            if (this.y < -20 || this.x < -extraWidth/2 || this.x > width + extraWidth/2) {
559                this.reset();
560                this.y = height;
561            }
562        }
563        
564        /**
565         * Draw particle on canvas
566         */
567        draw() {
568            if (isLightMode()) {
569                ctx.fillStyle = `rgba(255, 39, 215, ${this.opacity})`;
570            } else {
571                ctx.fillStyle = `rgba(255, 255, 255, ${this.opacity})`;
572            }
573            ctx.beginPath();
574            ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);
575            ctx.fill();
576        }
577    }
578    
579    // Create particles - adjust count based on screen size
580    const particles = [];
581    const getParticleCount = () => {
582        const width = particlesLayer.getBoundingClientRect().width;
583        return Math.min(Math.max(Math.floor(width / 15), 30), 70);
584    };
585    
586    const particleCount = getParticleCount();
587    for (let i = 0; i < particleCount; i++) {
588        particles.push(new Particle());
589    }
590    
591    // Animation variables
592    let animationFrame;
593    let isAnimating = true;
594    
595    // Animation loop
596    function animate() {
597        if (!isAnimating || isMobileDevice()) return;
598        
599        const width = particlesLayer.getBoundingClientRect().width;
600        const height = particlesLayer.getBoundingClientRect().height;
601        
602        ctx.clearRect(0, 0, width, height);
603        
604        particles.forEach(particle => {
605            particle.update();
606            particle.draw();
607        });
608        
609        animationFrame = requestAnimationFrame(animate);
610    }
611    
612    // Start animation only if not on mobile
613    if (!isMobileDevice()) {
614        animate();
615    }
616    
617    // Pause animation when not visible to save resources
618    const observer = new IntersectionObserver((entries) => {
619        if (entries[0].isIntersecting && !isMobileDevice()) {
620            isAnimating = true;
621            if (!animationFrame) {
622                animate();
623            }
624        } else {
625            isAnimating = false;
626            if (animationFrame) {
627                cancelAnimationFrame(animationFrame);
628                animationFrame = null;
629            }
630        }
631    });
632    
633    observer.observe(particlesLayer);
634    
635    // Pause when tab is not active
636    document.addEventListener('visibilitychange', () => {
637        if (document.hidden || isMobileDevice()) {
638            isAnimating = false;
639            if (animationFrame) {
640                cancelAnimationFrame(animationFrame);
641                animationFrame = null;
642            }
643        } else {
644            isAnimating = true;
645            if (!animationFrame && !isMobileDevice()) {
646                animate();
647            }
648        }
649    });
650    
651    // React to theme changes - redraw particles
652    const themeObserver = new MutationObserver(() => {
653        if (!isMobileDevice()) {
654            ctx.clearRect(0, 0, canvas.width, canvas.height);
655        }
656    });
657    
658    themeObserver.observe(document.documentElement, {
659        attributes: true,
660        attributeFilter: ['data-theme']
661    });
662}
663
664/**
665 * Setup the parallax effect - removed to make all elements static
666 */
667// function setupParallaxEffect() {
668//     // All parallax functionality removed to keep elements static
669// }
670function setHeroAfterHeight() {
671  const heroSection = document.querySelector('.hero-section'); // Or use the ID #brxe-umklid
672  const divider = document.querySelector('.eclipse-divider-wrap');
673  // Be careful selecting the second section - use a unique ID or a more specific class/selector
674  const secondSection = document.querySelector('#brxe-umklid'); // Use the *correct unique ID* here
675
676  if (!heroSection || !divider || !secondSection) {
677    console.error("One or more elements not found for height calculation.");
678    return;
679  }
680
681  // Get the bounding rectangles to account for margins etc.
682  const heroRect = heroSection.getBoundingClientRect();
683  const dividerRect = divider.getBoundingClientRect();
684  const secondSectionRect = secondSection.getBoundingClientRect();
685
686  // Calculate total height - distance from top of first to bottom of last
687  // This is more robust than just summing offsetHeights if there are margins
688  const totalHeight = (secondSectionRect.bottom - heroRect.top);
689
690  // Apply the height to the pseudo-element via a CSS variable
691  // (Directly styling pseudo-elements with JS is tricky)
692  heroSection.style.setProperty('--pseudo-after-height', `${totalHeight}px`);
693}
694
695// Initial calculation on load
696window.addEventListener('load', setHeroAfterHeight);
697
698// Recalculate on resize (important for responsiveness)
699window.addEventListener('resize', setHeroAfterHeight);
700
701// Optional: Use ResizeObserver for more complex dynamic content changes
702// const resizeObserver = new ResizeObserver(setHeroAfterHeight);
703// resizeObserver.observe(document.body); // Observe relevant container(s)
704function calculateServiceTestimonialHeight() {
705  const serviceSection = document.querySelector('.service-sctn');
706  const testimonialSection = document.querySelector('.testimonial-sctn');
707
708  if (!serviceSection || !testimonialSection) {
709    console.error("Service or testimonial section not found for height calculation.");
710    return;
711  }
712
713  // Get the bounding rectangles for accurate measurements
714  const serviceRect = serviceSection.getBoundingClientRect();
715  const testimonialRect = testimonialSection.getBoundingClientRect();
716
717  // Calculate total height from top of service section to bottom of testimonial section
718  const combinedHeight = (testimonialRect.bottom - serviceRect.top);
719
720  // Store the height in a custom CSS variable with unique name
721  document.documentElement.style.setProperty('--service-testimonial-height', `${combinedHeight}px`);
722  
723  // You can also return the value if needed elsewhere
724  return combinedHeight;
725}
726
727// Run calculation when page loads
728window.addEventListener('load', calculateServiceTestimonialHeight);
729
730// Recalculate when window is resized
731window.addEventListener('resize', calculateServiceTestimonialHeight);
732
733// Optional: Use ResizeObserver for more precise tracking of element changes
734// const sectionResizeObserver = new ResizeObserver(calculateServiceTestimonialHeight);
735// sectionResizeObserver.observe(document.querySelector('.service-sctn'));
736// sectionResizeObserver.observe(document.querySelector('.testimonial-sctn'));
737// Adds smooth scroll when clicked links to specific section
738document.addEventListener('DOMContentLoaded', function() {
739  // Select all links that have hash links (like #testimonial-sctn)
740  const links = document.querySelectorAll('a[href^="#"]');
741  
742  // Add click event listener to each link
743  links.forEach(link => {
744    link.addEventListener('click', function(e) {
745      e.preventDefault(); // Prevent default jump behavior
746      
747      // Get the target element
748      const targetId = this.getAttribute('href');
749      const targetElement = document.querySelector(targetId);
750      
751      if (targetElement) {
752        // Smooth scroll to the element
753        targetElement.scrollIntoView({
754          behavior: 'smooth',
755          block: 'start'
756        });
757        
758        // Update the URL hash (optional)
759        history.pushState(null, null, targetId);
760      }
761    });
762  });
763});
764document.addEventListener('DOMContentLoaded', () => {
765    // 1. Define the navigation breakpoint
766    const navBreakpoint = 1040;
767
768    // 2. Select the necessary elements
769    const navMenu = document.querySelector('.mm-scoria');
770    // NEW: Select the wrapper that will be animated
771    const navWrapper = document.querySelector('.mm-scoria__nav-items-wrapper');
772    // The animated items remain the same
773    const animatedElements = document.querySelectorAll('.mm-scoria__nav-items > li > *:first-child');
774
775    // Declare variables in a wider scope
776    let mobileNavTimeline, observer;
777
778    // 3. Create a media query object
779    const mediaQuery = window.matchMedia(`(max-width: ${navBreakpoint}px)`);
780
781    // 4. Define a function to handle the setup and teardown of the animation
782    const handleBreakpointChange = (e) => {
783        if (e.matches) {
784            // --- MOBILE VIEW: SETUP THE ANIMATION ---
785
786            if (!navMenu || !navWrapper || animatedElements.length === 0) {
787                console.error('GSAP Mobile Nav: Required elements not found.');
788                return;
789            }
790
791            // Set the initial state of the list items
792            gsap.set(animatedElements, {
793                opacity: 0,
794                y: 30
795            });
796
797            // Create the master GSAP timeline, paused by default
798            mobileNavTimeline = gsap.timeline({
799                paused: true,
800                // Add a callback for when the reverse animation completes
801                onReverseComplete: () => {
802                    // Ensure the wrapper is truly hidden after closing for performance and accessibility
803                    gsap.set(navWrapper, { visibility: 'hidden' });
804                }
805            });
806
807            // ---- BUILD THE ANIMATION SEQUENCE ----
808            
809            // 1. Reveal the main wrapper
810            mobileNavTimeline.to(navWrapper, {
811                clipPath: 'inset(0% 0% 0% 0%)',
812                duration: 0.6,
813                ease: 'power3.inOut',
814                // On start of the animation, immediately make the wrapper visible
815                onStart: () => {
816                    gsap.set(navWrapper, { visibility: 'visible' });
817                }
818            });
819
820            // 2. Animate the list items
821            mobileNavTimeline.to(animatedElements, {
822                opacity: 1,
823                y: 0,
824                duration: 0.4,
825                stagger: 0.08,
826                ease: 'power3.out',
827            }, "-=0.4"); // The position parameter: Start this animation 0.4s before the previous one ends for a smooth overlap.
828
829
830            // The observer logic remains the same, as it watches the parent navMenu
831            observer = new MutationObserver((mutationsList) => {
832                for (const mutation of mutationsList) {
833                    if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
834                        const isMenuOpen = navMenu.classList.contains('brxe-open');
835                        if (isMenuOpen) {
836                            mobileNavTimeline.play();
837                        } else {
838                            // Reverse the entire timeline, maintaining the sequence
839                            mobileNavTimeline.reverse();
840                        }
841                    }
842                }
843            });
844
845            observer.observe(navMenu, {
846                attributes: true
847            });
848
849        } else {
850            // --- DESKTOP VIEW: TEARDOWN AND CLEANUP ---
851
852            if (observer) {
853                observer.disconnect();
854            }
855
856            if (mobileNavTimeline) {
857                mobileNavTimeline.kill();
858            }
859
860            // UPDATED: Clear inline styles from BOTH the wrapper and the list items
861            gsap.set([navWrapper, ...animatedElements], {
862                clearProps: 'all'
863            });
864        }
865    };
866
867    // 5. Add the listener for breakpoint changes
868    mediaQuery.addEventListener('change', handleBreakpointChange);
869
870    // 6. Run the function once on initial page load
871    handleBreakpointChange(mediaQuery);
872});
873document.addEventListener('DOMContentLoaded', () => {
874    // --- Configuration ---
875    // Set to 'true' for the default animation to run as intended.
876    // Set to 'false' to make the toast container stay for debugging its position.
877    const animation = true;
878
879    const highFiveSound = document.getElementById('high-five-sound');
880    const cards = document.querySelectorAll('.team-card');
881
882    cards.forEach(card => {
883        const toastContainer = card.querySelector('.team-card__toast-container');
884        const handContainer = card.querySelector('.team-card__hand-container');
885        const highFiveDashes = card.querySelector('.high-five-dashes');
886        const contentBlock = card.querySelector('.team-card__content');
887
888        // Event Listeners for the whole card
889        card.addEventListener('mouseenter', () => {
890            card.classList.add('high-five-active');
891        });
892
893        card.addEventListener('mouseleave', () => {
894            card.classList.remove('high-five-active', 'clicking');
895        });
896
897        // Event Listeners for the hand container
898        handContainer.addEventListener('mousedown', () => {
899            card.classList.add('clicking');
900        });
901
902        window.addEventListener('mouseup', () => {
903            card.classList.remove('clicking');
904        });
905        
906        handContainer.addEventListener('click', (e) => {
907            e.stopPropagation(); 
908            
909            // This assumes an <audio> element with id="high-five-sound" exists in your HTML
910            if (highFiveSound) {
911                highFiveSound.currentTime = 0;
912                highFiveSound.play().catch(error => console.error("Audio playback failed:", error));
913            }
914
915            highFiveDashes.classList.add('animate-dashes');
916
917            // Create the toast notification
918            const toast = document.createElement('div');
919            toast.className = 'toast-notification';
920            // Set the static text as requested
921            toast.textContent = 'High5 erhalten!';
922            toastContainer.prepend(toast);
923
924            // Conditionally run the exit animation based on the configuration
925            if (animation) {
926                setTimeout(() => {
927                    toast.classList.add('exit');
928                    toast.addEventListener('animationend', () => toast.remove());
929                }, 2000);
930            }
931        });
932
933        highFiveDashes.addEventListener('animationend', () => {
934            highFiveDashes.classList.remove('animate-dashes');
935        });
936
937        if (contentBlock) {
938            contentBlock.addEventListener('mouseenter', () => {
939                card.classList.remove('high-five-active');
940            });
941            contentBlock.addEventListener('mouseleave', () => {
942                card.classList.add('high-five-active');
943            });
944        }
945    });
946});
947/* ========================================================================================================================================== */
948/*This is where the site theme is configured, change the values to either true or false, only one option can be true.
949/* ========================================================================================================================================== */
950
951(function () {
952    // Define the config and attach it to the global window object.
953    window.THEME_CONFIG = {
954        CHOOSE_LIGHT_DEFAULT_THEME: false,
955        CHOOSE_DARK_DEFAULT_THEME: false,
956        LET_USER_CHOOSE: true,
957        // Bricks editor specific settings
958        BRICKS_EDITOR: {
959            FORCE_THEME: true,
960            DEFAULT_THEME: "dark",
961        },
962    };
963
964    const CONFIG = window.THEME_CONFIG;
965    let theme;
966    let allowUserChoice = CONFIG.LET_USER_CHOOSE;
967
968    if (CONFIG.CHOOSE_LIGHT_DEFAULT_THEME) {
969        theme = "light";
970        allowUserChoice = false;
971        localStorage.removeItem("theme");
972    } else if (CONFIG.CHOOSE_DARK_DEFAULT_THEME) {
973        theme = "dark";
974        allowUserChoice = false;
975        localStorage.removeItem("theme");
976    } else if (allowUserChoice) {
977        // Check for a saved theme; if none, default to 'dark' instead of system preference.
978        theme = localStorage.getItem("theme") || "dark";
979    } else {
980        // Fallback for when LET_USER_CHOOSE is false but no default is set
981        theme = window.matchMedia("(prefers-color-scheme: dark)").matches
982            ? "dark"
983            : "light";
984    }
985
986    document.documentElement.setAttribute("data-theme", theme);
987
988    if (allowUserChoice) {
989        // If user choice is allowed, create a rule to show the button.
990        const style = document.createElement("style");
991        style.textContent = "#theme-toggle { display: flex !important; }";
992        document.head.appendChild(style);
993    }
994})();
995
996document.addEventListener('DOMContentLoaded', function() {
997  let lastScrollY = 0;
998  const header = document.getElementById('brx-header');
999  
1000  // Check if header exists
1001  if (!header) {
1002    return;
1003  }
1004  
1005  // Function to handle scroll direction
1006  function handleScroll(currentScrollY) {
1007    if (currentScrollY > lastScrollY && currentScrollY > 50) {
1008      // Scrolling down and past threshold
1009      if (!header.classList.contains('str-slide-up')) {
1010        header.classList.add('str-slide-up');
1011      }
1012    } else if (currentScrollY < lastScrollY) {
1013      // Scrolling up
1014      if (header.classList.contains('str-slide-up')) {
1015        header.classList.remove('str-slide-up');
1016      }
1017    }
1018    
1019    lastScrollY = currentScrollY;
1020  }
1021  
1022  // Wait for Lenis to be initialized, then attach to its scroll event
1023  setTimeout(() => {
1024    // Check if Lenis is available globally
1025    if (typeof window.lenis !== 'undefined') {
1026      window.lenis.on('scroll', (e) => {
1027        handleScroll(e.scroll);
1028      });
1029    } else {
1030      // Fallback to native scroll if Lenis is not available
1031      window.addEventListener('scroll', () => {
1032        handleScroll(window.scrollY);
1033      });
1034    }
1035  }, 100);
1036});
1037</script>
1037<style type='text/css'  class='wpcb2-inline-style'></style>			<!-- DO NOT COPY THIS SNIPPET! Start of Page Analytics Tracking for HubSpot WordPress plugin v11.3.45-->
1038			
1038<script class="hsq-set-content-id" data-content-id="standard-page">
1039				var _hsq = _hsq || [];
1040				_hsq.push(["setContentType", "standard-page"]);
1041			</script>
1041
1042			<!-- DO NOT COPY THIS SNIPPET! End of Page Analytics Tracking for HubSpot WordPress plugin -->
1043			<link rel="dns-prefetch" href="//cdn.jsdelivr.net">
1044
1045<!-- Google Tag Manager for WordPress by gtm4wp.com -->
1046<!-- GTM Container placement set to off -->
1047<script data-cfasync="false" data-pagespeed-no-defer>
1048	var dataLayer_content = {"pagePostType":"frontpage","pagePostType2":"single-page","pagePostAuthor":"rocket9-adm"};
1049	dataLayer.push( dataLayer_content );
1050</script>
vendor: 1 bytes, line 1050
1050
1051<script data-cfasync="false" data-pagespeed-no-defer>
1052	console.warn && console.warn("[GTM4WP] Google Tag Manager container code placement set to OFF !!!");
1053	console.warn && console.warn("[GTM4WP] Data layer codes are active but GTM container must be loaded using custom coding !!!");
1054</script>
1054
1055<!-- End Google Tag Manager for WordPress by gtm4wp.com -->
1055<script src="https://unpkg.com/[email protected]/dist/lenis.min.js" data-rocket-defer defer></script>
1055 
1056<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js" data-rocket-defer defer></script>
1056
1057    
1057<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js" data-rocket-defer defer></script>
vendor: 2 bytes, line 1057
1057
1058<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/SplitText.min.js" data-rocket-defer defer></script>
1058
1059    
1059<script src="https://unpkg.com/split-type" data-rocket-defer defer></script>
1059
1060
1061
1062
1063
1064<script type="text/javascript" src="//embeds.iubenda.com/widgets/b1aad49b-95c9-4e98-8ea5-7ca80a045c67.js" data-rocket-defer defer></script>
1064
1065<link rel="icon" href="https://rocket9.ch/wp-content/uploads/rocket9-icon-color-02-150x150.png" sizes="32x32" />
1066<link rel="icon" href="https://rocket9.ch/wp-content/uploads/rocket9-icon-color-02-300x300.png" sizes="192x192" />
1067<link rel="apple-touch-icon" href="https://rocket9.ch/wp-content/uploads/rocket9-icon-color-02-300x300.png" />
1068<meta name="msapplication-TileImage" content="https://rocket9.ch/wp-content/uploads/rocket9-icon-color-02-300x300.png" />
1069<noscript><style id="rocket-lazyload-nojs-css">.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript><style id="rocket-lazyrender-inline-css">[data-wpr-lazyrender] {content-visibility: auto;}</style><meta name="generator" content="WP Rocket 3.21.1" data-wpr-features="wpr_remove_unused_css wpr_defer_js wpr_lazyload_images wpr_lazyload_iframes wpr_preconnect_external_domains wpr_auto_preload_fonts wpr_automatic_lazy_rendering wpr_oci wpr_image_dimensions wpr_minify_css wpr_preload_links wpr_desktop" /></head>
1070
1071<body class="home wp-singular page-template-default page page-id-9 wp-theme-bricks wp-child-theme-bricks-child brx-body bricks-is-frontend wp-embed-responsive">		<a class="skip-link" href="#brx-content">Skip to main content</a>
1072
1073					<a class="skip-link" href="#brx-footer">Skip to footer</a>
1074			<header  id="brx-header" class="sticky" data-slide-up-after="100"><section  id="brxe-oioctd" class="brxe-section header-scoria"><div  id="brxe-gspwoc" class="brxe-container header-scoria__container"><div class="brxe-div header-scoria-left"><a id="main-header__logo" class="brxe-image header-scoria__logo tag" href="/" aria-current="page"><img width="1090" height="151" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/rocket9-logo-white.svg" class="css-filter size-full" alt="Rocket9 Logo" loading="eager" decoding="async" /></a><button id="theme-toggle" class="brxe-div"><svg class="icon sun" viewBox="0 0 24 24">
1075                    <circle cx="12" cy="12" r="5"></circle>
1076                    <line x1="12" y1="1" x2="12" y2="3"></line>
1077                    <line x1="12" y1="21" x2="12" y2="23"></line>
1078                    <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
1079                    <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
1080                    <line x1="1" y1="12" x2="3" y2="12"></line>
1081                    <line x1="21" y1="12" x2="23" y2="12"></line>
1082                    <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
1083                    <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
1084                </svg>
1085                <svg class="icon moon" viewBox="0 0 24 24">
1086                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
1087                </svg></button></div><nav id="brxe-ibvkbu" data-script-id="ibvkbu" class="brxe-nav-nested mm-scoria" aria-label="Menu" data-toggle="never"><button class="brxe-div mm-scoria__toggle-open" data-interactions="[{&quot;id&quot;:&quot;igwxms&quot;,&quot;trigger&quot;:&quot;click&quot;,&quot;action&quot;:&quot;toggleOffCanvas&quot;,&quot;target&quot;:&quot;offcanvas&quot;,&quot;actionAttributeKey&quot;:&quot;class&quot;,&quot;actionAttributeValue&quot;:&quot;brxe-open&quot;,&quot;offCanvasSelector&quot;:&quot;.mm-scoria&quot;}]" data-interaction-id="ae39be" data-brx-toggle-offcanvas="true" tabindex="0" aria-expanded="false" aria-label="Open"><svg class="ham1" viewBox="0 0 40 40" width="40">
1088    <path class="line" d="M32,16s-24,0-24,0c-1.1,0-2,.9-2,2s.9,2,2,2h24" />
1089    <path class="line" d="M8,20h24c1.1,0,2,.9,2,2s-.9,2-2,2H8" />
1090  </svg></button><div id="brxe-zfiptm" class="brxe-block mm-scoria__nav-items-wrapper"><ul class="brxe-block mm-scoria__nav-items ul-list--reset brx-nav-nested-items" data-lenis-prevent="true"><li id="brxe-atcekg" data-script-id="atcekg" class="brxe-dropdown mm-scoria-mega-dropdown brx-has-megamenu" data-toggle="both" data-mega-menu=".header"><div class="brx-submenu-toggle"><span>Services</span><button aria-expanded="false" aria-label="Toggle dropdown"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5" stroke="currentcolor"></path></svg></button></div><ul id="brxe-qgjyzv" class="brxe-div mm-scoria-mega-dropdown__content brx-dropdown-content" data-lenis-prevent="true"><div class="brxe-block mm-scoria-mega-dropdown__content-wrapper"><div class="brxe-block mm-scoria-mega-dropdown__content-inner mm-scoria-dropdown-1"><div class="brxe-div main-nav-tray"><div class="brxe-div main-nav-tray-row1"><div class="brxe-div main-nav-tray-col"><h3 class="brxe-heading main-nav-tray-col-title">Digitale Präsenz & Webdesign</h3><ul class="brxe-div main-nav-tray-col-list ul-list--reset"><li class="brxe-div main-nav-tray-col-item str-clickable-card"><div class="brxe-div main-nav-tray-col-item__icon-wrap"><svg class="brxe-svg main-nav-tray-col-item__icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
1090ox="0 0 16 16" fill="none"><path d="M7.33333 11.3333C7.33333 12.0406 7.05238 12.7189 6.55229 13.219C6.05219 13.719 5.37391 14 4.66667 14C3.95942 14 3.28115 13.719 2.78105 13.219C2.28095 12.7189 2 12.0406 2 11.3333V3.33333C2 2.97971 2.14048 2.64057 2.39052 2.39052C2.64057 2.14048 2.97971 2 3.33333 2H6C6.35362 2 6.69276 2.14048 6.94281 2.39052C7.19286 2.64057 7.33333 2.97971 7.33333 3.33333V11.3333Z" stroke="url(#paint0_linear_2745_2006)" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path><path d="M11.1346 8.66699H12.668C13.0216 8.66699 13.3607 8.80747 13.6108 9.05752C13.8608 9.30757 14.0013 9.6467 14.0013 10.0003V12.667C14.0013 13.0206 13.8608 13.3598 13.6108 13.6098C13.3607 13.8598 13.0216 14.0003 12.668 14.0003H4.66797M4.66797 11.3337H4.67464" stroke="url(#paint1_linear_2745_2006)" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path><path d="M7.33099 5.33304L8.86432 3.7997C9.01319 3.65032 9.19013 3.53183 9.38495 3.45107C9.57978 3.3703 9.78864 3.32885 9.99954 3.3291C10.2104 3.32935 10.4192 3.37129 10.6138 3.45251C10.8085 3.53373 10.9851 3.65263 11.1337 3.80237L12.3977 5.06637C12.5514 5.21424 12.674 5.39136 12.7583 5.58731C12.8426 5.78326 12.8868 5.99409 12.8884 6.20739C12.89 6.42069 12.849 6.63216 12.7677 6.82936C12.6864 7.02657 12.5665 7.20552 12.415 7.3557L6.59766 13.1997" stroke="url(#paint2_linear_2745_2006)" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path><defs><linearGradient id="paint0_linear_2745_2006" x1="2.05702" y1="1.30769" x2="5.93754" y2="1.43606" gradientUnits="userSpaceOnUse"><stop stop-color="#F2F2F2"></stop><stop offset="1" stop-color="#A0A0A8"></stop></linearGradient><linearGradient id="paint1_linear_2745_2006" x1="4.76775" y1="8.3593" x2="11.4527" y2="9.23002" gradientUnits="userSpaceOnUse"><stop stop-color="#F2F2F2"></stop><stop offset="1" stop-color="#A0A0A8"></stop></linearGradient><linearGradient id="paint2_linear_2745_2006" x1="6.66491" y1="2.75964" x2="11.2368" y2="2.97652" gradientUnits="userSpaceOnUse"><stop stop-color="#F2F2F2"></stop><stop offset="1" stop-color="#A0A0A8"></stop></linearGradient></defs></svg></div><div class="brxe-div main-nav-tray-col-item__content"><h3 class="brxe-heading main-nav-tray-col-item__content-title"><a href="/services/wordpress-webdesign-schweiz/">Website Design &amp; Entwicklung</a></h3><p class="brxe-text-basic main-nav-tray-col-item__content-subtitle">Professionelle Websites, die Besucher zu Kunden machen. Modern, mobiloptimiert und benutzerfreundlich.</p></div></li><li class="brxe-div main-nav-tray-col-item str-clickable-card"><div class="brxe-div main-nav-tray-col-item__icon-wrap"><svg class="brxe-svg main-nav-tray-col-item__icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M11.3346 11.9997C11.6883 11.9997 12.0274 12.1402 12.2774 12.3902C12.5275 12.6402 12.668 12.9794 12.668 13.333C12.668 13.6866 12.5275 14.0258 12.2774 14.2758C12.0274 14.5259 11.6883 14.6663 11.3346 14.6663C10.981 14.6663 10.6419 14.5259 10.3918 14.2758C10.1418 14.0258 10.0013 13.6866 10.0013 13.333C10.0013 12.593 10.5946 11.9997 11.3346 11.9997ZM0.667969 1.33301H2.84797L3.47464 2.66634H13.3346C13.5114 2.66634 13.681 2.73658 13.806 2.8616C13.9311 2.98663 14.0013 3.1562 14.0013 3.33301C14.0013 3.44634 13.968 3.55967 13.9213 3.66634L11.5346 7.97967C11.308 8.38634 10.868 8.66634 10.368 8.66634H5.4013L4.8013 9.75301L4.7813 9.83301C4.7813 9.87721 4.79886 9.9196 4.83012 9.95086C4.86137 9.98212 4.90377 9.99967 4.94797 9.99967H12.668V11.333H4.66797C4.31435 11.333 3.97521 11.1925 3.72516 10.9425C3.47511 10.6924 3.33464 10.3533 3.33464 9.99967C3.33464 9.76634 3.39464 9.54634 3.49464 9.35967L4.4013 7.72634L2.0013 2.66634H0.667969V1.33301ZM4.66797 11.9997C5.02159 11.9997 5.36073 12.1402 5.61078 12.3902C5.86083 12.6402 6.0013 12.9794 6.0013 13.333C6.0013 13.6866 5.86083 14.0258 5.61078 14.2758C5.36073 14.5259 5.02159 14.6663 4.66797 14.6663C4.31435 14.6663 3.97521 14.5259 3.72516 14.2758C3.47511 14.0258 3.33464 13.6866 3.33464 13.333C3.33464 12.593 3.92797 11.9997 4.66797 11.9997ZM10.668 7.33301L12.5213 3.99967H4.09464L5.66797 7.33301H10.668Z" fill="url(#paint0_linear_2745_2016)"></path><defs><linearGradient id="paint0_linear_2745_2016" x1="0.810513" y1="0.563777" x2="10.4689" y2="1.28265" gradientUnits="userSpaceOnUse"><stop stop-color="#F2F2F2"></stop><stop offset="1" stop-color="#A0A0A8"></stop></linearGradient></defs></svg></div><div class="brxe-div main-nav-tray-col-item__content"><h3 class="brxe-heading main-nav-tray-col-item__content-title"><a href="/services/webshop-erstellen/">E-Commerce Lösungen</a></h3><p class="brxe-text-basic main-nav-tray-col-item__content-subtitle">Erfolgreiche Online-Shops, die verkaufen. Wir entwickeln E-Commerce-Plattformen, die deinen Umsatz steigern.</p></div></li><li class="brxe-div main-nav-tray-col-item str-clickable-card"><div class="brxe-div main-nav-tray-col-item__icon-wrap"><svg class="brxe-svg main-nav-tray-col-item__icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
1090ox="0 0 16 16" fill="none"><path d="M9.66536 7.99967C9.66536 7.55765 9.48977 7.13372 9.17721 6.82116C8.86465 6.5086 8.44073 6.33301 7.9987 6.33301C7.55667 6.33301 7.13275 6.5086 6.82019 6.82116C6.50763 7.13372 6.33203 7.55765 6.33203 7.99967C6.33203 8.4417 6.50763 8.86563 6.82019 9.17819C7.13275 9.49075 7.55667 9.66634 7.9987 9.66634C8.44073 9.66634 8.86465 9.49075 9.17721 9.17819C9.48977 8.86563 9.66536 8.4417 9.66536 7.99967Z" stroke="url(#paint0_linear_2745_2032)" stroke-linecap="round" stroke-linejoin="round"></path><path d="M13.6654 10.5331V5.46645C13.6651 5.24468 13.6068 5.02683 13.4964 4.83448C13.3861 4.64213 13.2274 4.48195 13.036 4.36978L8.62803 1.83645C8.43687 1.72546 8.21975 1.66699 7.9987 1.66699C7.77765 1.66699 7.56053 1.72546 7.36937 1.83645L2.96137 4.36978C2.7696 4.48144 2.61052 4.64151 2.50008 4.83398C2.38963 5.02644 2.33168 5.24455 2.33203 5.46645V10.5345C2.33246 10.7561 2.39075 10.9738 2.50113 11.166C2.6115 11.3583 2.77015 11.5183 2.96137 11.6305L7.36937 14.1638C7.56053 14.2748 7.77765 14.3332 7.9987 14.3332C8.21975 14.3332 8.43687 14.2748 8.62803 14.1638L13.036 11.6305C13.2279 11.5187 13.387 11.3586 13.4975 11.166C13.6079 10.9734 13.6658 10.7551 13.6654 10.5331Z" stroke="url(#paint1_linear_2745_2032)" stroke-linecap="round" stroke-linejoin="round"></path><defs><linearGradient id="paint0_linear_2745_2032" x1="6.36767" y1="6.1407" x2="8.78227" y2="6.32042" gradientUnits="userSpaceOnUse"><stop stop-color="#F2F2F2"></stop><stop offset="1" stop-color="#A0A0A8"></stop></linearGradient><linearGradient id="paint1_linear_2745_2032" x1="2.45319" y1="0.936247" x2="10.6719" y2="1.48359" gradientUnits="userSpaceOnUse"><stop stop-color="#F2F2F2"></stop><stop offset="1" stop-color="#A0A0A8"></stop></linearGradient></defs></svg></div><div class="brxe-div main-nav-tray-col-item__content"><h3 class="brxe-heading main-nav-tray-col-item__content-title"><a href="/services/website-wartung/">Rocket9 Site Protect+</a></h3><p class="brxe-text-basic main-nav-tray-col-item__content-subtitle">Rocket9 Site Protect+ sorgt für Sicherheit, Performance und Updates – proaktiv, datengestützt und exklusiv. Damit du dich auf dein Business konzentrieren kannst.</p></div></li></ul></div><div class="brxe-div main-nav-tray-col"><h3 class="brxe-heading main-nav-tray-col-title">Automation &amp; CRM</h3><ul class="brxe-div main-nav-tray-col-list ul-list--reset"><li class="brxe-div main-nav-tray-col-item str-clickable-card"><div class="brxe-div main-nav-tray-col-item__icon-wrap"><svg class="brxe-svg main-nav-tray-col-item__icon single-path-icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M11.25 15C10.285 15 9.5 14.215 9.5 13.25C9.5 12.7825 9.682 12.3435 10.012 12.013L10.7195 12.72C10.5913 12.8631 10.5229 13.0499 10.5282 13.2419C10.5335 13.4339 10.6122 13.6166 10.7481 13.7524C10.884 13.8881 11.0668 13.9667 11.2588 13.9718C11.4508 13.977 11.6375 13.9083 11.7805 13.78L14.2805 11.28C14.4097 11.137 14.479 10.9499 14.474 10.7573C14.4691 10.5646 14.3903 10.3813 14.2539 10.2451C14.1176 10.109 13.9341 10.0304 13.7415 10.0258C13.5488 10.0211 13.3618 10.0906 13.219 10.22L12.5115 9.51351C12.6737 9.35026 12.8667 9.22082 13.0793 9.13268C13.2919 9.04453 13.5199 8.99944 13.75 9.00001C14.715 9.00001 15.5 9.78501 15.5 10.75C15.5 11.2175 15.318 11.657 14.9875 11.9875L12.4875 14.4875C12.3253 14.6504 12.1324 14.7796 11.92 14.8676C11.7076 14.9556 11.4799 15.0006 11.25 15Z" fill="url(#paint0_linear_2745_2051)"></path><path d="M8.25 15.5C7.285 15.5 6.5 14.715 6.5 13.75C6.5 13.2825 6.682 12.843 7.0125 12.5125L9.5125 10.0125C9.67469 9.84956 9.86755 9.72037 10.08 9.6324C10.2924 9.54444 10.5201 9.49944 10.75 9.5C11.715 9.5 12.5 10.285 12.5 11.25C12.5 11.7175 12.318 12.1565 11.988 12.487L11.28 11.78C11.4082 11.6369 11.4766 11.4501 11.4713 11.2581C11.466 11.0661 11.3873 10.8834 11.2514 10.7476C11.1155 10.6119 10.9327 10.5333 10.7407 10.5282C10.5487 10.523 10.362 10.5917 10.219 10.72L7.719 13.22C7.58982 13.363 7.52054 13.5501 7.52549 13.7428C7.53043 13.9354 7.60923 14.1187 7.74558 14.2549C7.88193 14.391 8.06539 14.4696 8.25802 14.4743C8.45065 14.4789 8.63771 14.4094 8.7805 14.28L9.488 14.9865C9.32584 15.1497 9.13293 15.2791 8.92043 15.3672C8.70792 15.4554 8.48005 15.5005 8.25 15.5ZM8 1C5.351 1 2.5 1.626 2.5 3V12C2.5 12.84 3.567 13.399 5 13.7075V12.6845C4.003 12.448 3.5275 12.113 3.5 12V10.214C4.247 10.5885 5.337 10.8215 6.5 10.929V9.93C4.561 9.7415 3.5615 9.219 3.5 9V7.214C4.564 7.7475 6.3215 8 8 8C10.649 8 13.5 7.374 13.5 6V3C13.5 1.626 10.649 1 8 1ZM3.4995 3.0075C3.575 2.73 5.0745 2 8 2C10.899 2 12.3975 2.717 12.4985 3C12.3975 3.283 10.8985 4 8 4C5.075 4 3.575 3.27 3.4995 3.0075ZM12.5 5.9935C12.42 6.272 10.9205 7 8 7C5.075 7 3.575 6.27 3.5 6V4.214C4.564 4.7475 6.3215 5 8 5C9.6785 5 11.436 4.7475 12.5 4.214V5.9935Z" fill="url(#paint1_linear_2745_2051)"></path><defs><linearGradient id="paint0_linear_2745_2051" x1="9.56414" y1="8.65385" x2="13.9104" y2="8.97734" gradientUnits="userSpaceOnUse"><stop stop-color="#F2F2F2"></stop><stop offset="1" stop-color="#A0A0A8"></stop></linearGradient><linearGradient id="paint1_linear_2745_2051" x1="2.6176" y1="0.163462" x2="10.6045" y2="0.614431" gradientUnits="userSpaceOnUse"><stop stop-color="#F2F2F2"></stop><stop offset="1" stop-color="#A0A0A8"></stop></linearGradient></defs></svg></div><div class="brxe-div main-nav-tray-col-item__content"><h3 class="brxe-heading main-nav-tray-col-item__content-title"><a href="/services/bexio-automatisierung/">Bexio Automatisierung</a></h3><p class="brxe-text-basic main-nav-tray-col-item__content-subtitle">Wir verbinden Bexio mit deinen anderen Tools und automatisieren deine Offerten, Aufträge und Rechnungen komplett. Fehlerfrei und blitzschnell.</p></div></li><li class="brxe-div main-nav-tray-col-item str-clickable-card"><div class="brxe-div main-nav-tray-col-item__icon-wrap"><svg class="brxe-svg main-nav-tray-col-item__icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
1090ox="0 0 16 16" fill="none"><g clip-path="url(#clip0_2745_2059)"><path d="M8.66667 12.9997H8C6.11467 12.9997 5.17133 12.9997 4.586 12.4137C4 11.8283 4 10.885 4 8.99967V7.66634M4 7.66634V5.33301M4 7.66634H7.66667" stroke="url(#paint0_linear_2745_2059)" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8.66536 12.9997C8.66536 12.2143 8.66536 11.821 8.89936 11.577C9.1347 11.333 9.51203 11.333 10.2654 11.333H11.0654C11.8194 11.333 12.1967 11.333 12.4307 11.577C12.6654 11.821 12.6654 12.2143 12.6654 12.9997C12.6654 13.785 12.6654 14.1783 12.4307 14.4223C12.1974 14.6663 11.8194 14.6663 11.0654 14.6663H10.2654C9.51136 14.6663 9.13403 14.6663 8.89936 14.4223C8.6647 14.1783 8.66536 13.785 8.66536 12.9997ZM2.85603 1.33301H5.14136C6.52536 1.33301 6.66536 2.07301 6.66536 3.33301C6.66536 4.59301 6.5247 5.33301 5.14136 5.33301H2.85603C1.47203 5.33301 1.33203 4.59301 1.33203 3.33301C1.33203 2.07301 1.4727 1.33301 2.85603 1.33301ZM14.0027 3.58901L14.408 3.99301C14.4895 4.07415 14.5541 4.17056 14.5982 4.27673C14.6423 4.38289 14.665 4.49672 14.665 4.61167C14.665 4.72663 14.6423 4.84046 14.5982 4.94662C14.5541 5.05279 14.4895 5.1492 14.408 5.23034L12.2834 7.38634C12.116 7.55295 11.9022 7.66518 11.67 7.70834L10.354 7.99301C10.3062 8.00361 10.2565 8.00202 10.2095 7.98839C10.1625 7.97476 10.1196 7.94953 10.0849 7.91501C10.0502 7.88048 10.0247 7.83779 10.0108 7.79084C9.99691 7.74389 9.99504 7.6942 10.0054 7.64634L10.2854 6.34301C10.3294 6.11167 10.442 5.89834 10.6087 5.73234L12.76 3.58901C12.925 3.42454 13.1484 3.33218 13.3814 3.33218C13.6143 3.33218 13.8377 3.42454 14.0027 3.58901Z" stroke="url(#paint1_linear_2745_2059)" stroke-linecap="round" stroke-linejoin="round"></path></g><defs><linearGradient id="paint0_linear_2745_2059" x1="4.04989" y1="4.8907" x2="7.4421" y2="5.
109004438" gradientUnits="userSpaceOnUse"><stop stop-color="#F2F2F2"></stop><stop offset="1" stop-color="#A0A0A8"></stop></linearGradient><linearGradient id="paint1_linear_2745_2059" x1="1.47457" y1="0.563777" x2="11.1327" y2="1.28261" gradientUnits="userSpaceOnUse"><stop stop-color="#F2F2F2"></stop><stop offset="1" stop-color="#A0A0A8"></stop></linearGradient><clipPath id="clip0_2745_2059"><rect width="16" height="16" fill="white"></rect></clipPath></defs></svg></div><div class="brxe-div main-nav-tray-col-item__content"><h3 class="brxe-heading main-nav-tray-col-item__content-title"><a href="/services/business-automation/">Business Automatisierung</a></h3><p class="brxe-text-basic main-nav-tray-col-item__content-subtitle">Automatisierte Arbeitsabläufe mit Make &amp; Ki-Agenten. Spare Zeit und steigere die Effizienz deines Unternehmens.</p></div></li><li class="brxe-div main-nav-tray-col-item str-clickable-card"><div class="brxe-div main-nav-tray-col-item__icon-wrap"><svg class="brxe-svg main-nav-tray-col-item__icon single-path-icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><g clip-path="url(#clip0_2745_2044)"><path d="M4 15.3333C3.44444 15.3333 2.97222 15.1389 2.58333 14.75C2.19444 14.3611 2 13.8889 2 13.3333C2 12.7778 2.19444 12.3056 2.58333 11.9167C2.97222 11.5278 3.44444 11.3333 4 11.3333C4.15556 11.3333 4.3 11.35 4.43333 11.3833C4.56667 11.4167 4.69444 11.4611 4.81667 11.5167L5.76667 10.3333C5.45556 9.98889 5.23889 9.6 5.11667 9.16667C4.99444 8.73333 4.96667 8.3 5.03333 7.86667L3.68333 7.41667C3.49444 7.69444 3.25556 7.91667 2.96667 8.08333C2.67778 8.25 2.35556 8.33333 2 8.33333C1.44444 8.33333 0.972222 8.13889 0.583333 7.75C0.194444 7.36111 0 6.88889 0 6.33333C0 5.77778 0.194444 5.30556 0.583333 4.91667C0.972222 4.52778 1.44444 4.33333 2 4.33333C2.55556 4.33333 3.02778 4.52778 3.41667 4.91667C3.80556 5.30556 4 5.77778 4 6.33333V6.46667L5.35 6.93333C5.57222 6.53333 5.86956 6.19444 6.242 5.91667C6.61444 5.63889 7.03378 5.46111 7.5 5.38333V3.93333C7.06667 3.81111 6.70844 3.57489 6.42533 3.22467C6.14222 2.87444 6.00044 2.46622 6 2C6 1.44444 6.19444 0.972222 6.58333 0.583333C6.97222 0.194444 7.44444 0 8 0C8.55556 0 9.02778 0.194444 9.41667 0.583333C9.80556 0.972222 10 1.44444 10 2C10 2.46667 9.85556 2.87511 9.56667 3.22533C9.27778 3.57556 8.92222 3.81156 8.5 3.93333V5.38333C8.96667 5.46111 9.38622 5.63889 9.75867 5.91667C10.1311 6.19444 10.4282 6.53333 10.65 6.93333L12 6.46667V6.33333C12 5.77778 12.1944 5.30556 12.5833 4.91667C12.9722 4.52778 13.4444 4.33333 14 4.33333C14.5556 4.33333 15.0278 4.52778 15.4167 4.91667C15.8056 5.30556 16 5.77778 16 6.33333C16 6.88889 15.8056 7.36111 15.4167 7.75C15.0278 8.13889 14.5556 8.33333 14 8.33333C13.6444 8.33333 13.3193 8.25 13.0247 8.08333C12.73 7.91667 12.494 7.69444 12.3167 7.41667L10.9667 7.86667C11.0333 8.3 11.0056 8.73067 10.8833 9.15867C10.7611 9.58667 10.5444 9.97822 10.2333 10.3333L11.1833 11.5C11.3056 11.4444 11.4333 11.4029 11.5667 11.3753C11.7 11.3478 11.8444 11.3338 12 11.3333C12.5556 11.3333 13.0278 11.5278 13.4167 11.9167C13.8056 12.3056 14 12.7778 14 13.3333C14 13.8889 13.8056 14.3611 13.4167 14.75C13.0278 15.1389 12.5556 15.3333 12 15.3333C11.4444 15.3333 10.9722 15.1389 10.5833 14.75C10.1944 14.3611 10 13.8889 10 13.3333C10 13.1111 10.0362 12.8973 10.1087 12.692C10.1811 12.4867 10.2782 12.3004 10.4 12.1333L9.45 10.95C8.99444 11.2056 8.50844 11.3333 7.992 11.3333C7.47556 11.3333 6.98933 11.2056 6.53333 10.95L5.6 12.1333C5.72222 12.3 5.81956 12.4862 5.892 12.692C5.96444 12.8978 6.00044 13.1116 6 13.3333C6 13.8889 5.80556 14.3611 5.41667 14.75C5.02778 15.1389 4.55556 15.3333 4 15.3333ZM2 7C2.18889 7 2.34733 6.936 2.47533 6.808C2.60333 6.68 2.66711 6.52178 2.66667 6.33333C2.66622 6.14489 2.60222 5.98667 2.47467 5.85867C2.34711 5.73067 2.18889 5.66667 2 5.66667C1.81111 5.66667 1.65289 5.73067 1.52533 5.85867C1.39778 5.98667 1.33378 6.14489 1.33333 6.33333C1.33289 6.52178 1.39689 6.68022 1.52533 6.80867C1.65378 6.93711 1.812 7.00089 2 7ZM4 14C4.18889 14 4.34733 13.936 4.47533 13.808C4.60333 13.68 4.66711 13.5218 4.66667 13.3333C4.66622 13.1449 4.60222 12.9867 4.47467 12.8587C4.34711 12.7307 4.18889 12.6667 4 12.6667C3.81111 12.6667 3.65289 12.7307 3.52533 12.8587C3.39778 12.9867 3.33378 13.1449 3.33333 13.3333C3.33289 13.5218 3.39689 13.6802 3.52533 13.8087C3.65378 13.9371 3.812 14.0009 4 14ZM8 2.66667C8.18889 2.66667 8.34733 2.60267 8.47533 2.47467C8.60333 2.34667 8.66711 2.18844 8.66667 2C8.66622 1.81156 8.60222 1.65333 8.47467 1.52533C8.34711 1.39733 8.18889 1.33333 8 1.33333C7.81111 1.33333 7.65289 1.39733 7.52533 1.52533C7.39778 1.65333 7.33378 1.81156 7.33333 2C7.33289 2.18844 7.39689 2.34689 7.52533 2.47533C7.65378 2.60378 7.812 2.66756 8 2.66667ZM8 10C8.46667 10 8.86111 9.83889 9.18333 9.51667C9.50556 9.19444 9.66667 8.8 9.66667 8.33333C9.66667 7.86667 9.50556 7.47222 9.18333 7.15C8.86111 6.82778 8.46667 6.66667 8 6.66667C7.53333 6.66667 7.13889 6.82778 6.81667 7.15C6.49444 7.47222 6.33333 7.86667 6.33333 8.33333C6.33333 8.8 6.49444 9.19444 6.81667 9.51667C7.13889 9.83889 7.53333 10 8 10ZM12 14C12.1889 14 12.3473 13.936 12.4753 13.808C12.6033 13.68 12.6671 13.5218 12.6667 13.3333C12.6662 13.1449 12.6022 12.9867 12.4747 12.8587C12.3471 12.7307 12.1889 12.6667 12 12.6667C11.8111 12.6667 11.6529 12.7307 11.5253 12.8587C11.3978 12.9867 11.3338 13.1449 11.3333 13.3333C11.3329 13.5218 11.3969 13.6802 11.5253 13.8087C11.6538 13.9371 11.812 14.0009 12 14ZM14 7C14.1889 7 14.3473 6.936 14.4753 6.808C14.6033 6.68 14.6671 6.52178 14.6667 6.33333C14.6662 6.14489 14.6022 5.98667 14.4747 5.85867C14.3471 5.73067 14.1889 5.66667 14 5.66667C13.8111 5.66667 13.6529 5.73067 13.5253 5.85867C13.3978 5.98667 13.3338 6.14489 13.3333 6.33333C13.3329 6.52178 13.3969 6.68022 13.5253 6.80867C13.6538 6.93711 13.812 7.00089 14 7Z" fill="url(#paint0_linear_2745_2044)"></path></g><defs><linearGradient id="paint0_linear_2745_2044" x1="0.171053" y1="-0.884615" x2="11.7555" y2="0.0150972" gradientUnits="userSpaceOnUse"><stop stop-color="#F2F2F2"></stop><stop offset="1" stop-color="#A0A0A8"></stop></linearGradient><clipPath id="clip0_2745_2044"><rect width="16" height="16" fill="white"></rect></clipPath></defs></svg></div><div class="brxe-div main-nav-tray-col-item__content"><h3 class="brxe-heading main-nav-tray-col-item__content-title"><a href="/services/hubspot-crm-implementierung/">HubSpot CRM Implementierung</a></h3><p class="brxe-text-basic main-nav-tray-col-item__content-subtitle">Professionelle HubSpot-Einrichtung und Schulung für optimierte Kundenbeziehungen und effizientes Marketing.</p></div></li></ul></div><div class="brxe-div main-nav-tray-col"><h3 class="brxe-heading main-nav-tray-col-title">Markteing & Branding</h3><ul class="brxe-div main-nav-tray-col-list ul-list--reset"><li class="brxe-div main-nav-tray-col-item str-clickable-card"><div class="brxe-div main-nav-tray-col-item__icon-wrap"><svg class="brxe-svg main-nav-tray-col-item__icon single-path-icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
1090ox="0 0 16 16" fill="none"><path d="M7.9987 5.33301C7.26537 5.33301 6.63759 5.59412 6.11537 6.11634C5.59314 6.63856 5.33203 7.26634 5.33203 7.99967C5.33203 8.49967 5.45714 8.96079 5.70737 9.38301C5.95759 9.80523 6.3047 10.133 6.7487 10.3663C6.92648 10.4552 7.05159 10.5857 7.12403 10.7577C7.19648 10.9297 7.19359 11.1048 7.11537 11.283C7.03759 11.4386 6.92092 11.5552 6.76537 11.633C6.60981 11.7108 6.45425 11.7108 6.2987 11.633C5.5987 11.2997 5.04048 10.8052 4.62403 10.1497C4.20759 9.49412 3.99914 8.77745 3.9987 7.99967C3.9987 6.88856 4.38759 5.94412 5.16537 5.16634C5.94314 4.38856 6.88759 3.99967 7.9987 3.99967C8.78759 3.99967 9.5127 4.20812 10.174 4.62501C10.8354 5.0419 11.3269 5.61123 11.6487 6.33301C11.7154 6.48856 11.7127 6.64412 11.6407 6.79967C11.5687 6.95523 11.4547 7.06634 11.2987 7.13301C11.1209 7.21079 10.9431 7.21079 10.7654 7.13301C10.5876 7.05523 10.4543 6.92745 10.3654 6.74967C10.132 6.30523 9.80425 5.95812 9.38203 5.70834C8.95981 5.45856 8.4987 5.33345 7.9987 5.33301ZM7.9987 2.66634C6.50981 2.66634 5.2487 3.18301 4.21537 4.21634C3.18203 5.24967 2.66537 6.51079 2.66537 7.99967C2.66537 9.39967 3.12648 10.5997 4.0487 11.5997C4.97092 12.5997 6.12648 13.1663 7.51537 13.2997C7.70425 13.3219 7.86803 13.4052 8.0067 13.5497C8.14537 13.6941 8.20937 13.8608 8.1987 14.0497C8.18803 14.2386 8.11848 14.3941 7.99003 14.5163C7.86159 14.6386 7.70337 14.6941 7.51537 14.683C6.6487 14.6275 5.84025 14.4108 5.09003 14.033C4.33981 13.6552 3.68425 13.1635 3.12337 12.5577C2.56248 11.9519 2.12359 11.2575 1.8067 10.4743C1.48981 9.69123 1.33159 8.86634 1.33203 7.99967C1.33203 7.07745 1.50714 6.21079 1.85737 5.39967C2.20759 4.58856 2.68248 3.88301 3.28203 3.28301C3.88159 2.68301 4.58714 2.20812 5.3987 1.85834C6.21025 1.50856 7.07692 1.33345 7.9987 1.33301C9.74314 1.33301 11.2627 1.92745 12.5574 3.11634C13.852 4.30523 14.5603 5.7719 14.682 7.51634C14.7043 7.69412 14.6516 7.84701 14.524 7.97501C14.3965 8.10301 14.238 8.17234 14.0487 8.18301C13.8594 8.19367 13.69 8.13256 13.5407 7.99967C13.3914 7.86679 13.3051 7.70567 13.282 7.51634C13.1154 6.18301 12.5349 5.04145 11.5407 4.09167C10.5465 3.1419 9.36581 2.66679 7.9987 2.66634ZM13.032 14.333L10.832 12.1497L10.332 13.6663C10.2765 13.8219 10.1709 13.897 10.0154 13.8917C9.85981 13.8863 9.75425 13.8057 9.6987 13.6497L8.18203 8.59967C8.13759 8.47745 8.16537 8.36634 8.26537 8.26634C8.36537 8.16634 8.47648 8.13856 8.5987 8.18301L13.6487 9.69967C13.8043 9.75523 13.8849 9.86079 13.8907 10.0163C13.8965 10.1719 13.8214 10.2775 13.6654 10.333L12.1487 10.833L14.3487 13.033C14.5376 13.2219 14.632 13.4386 14.632 13.683C14.632 13.9275 14.5376 14.1441 14.3487 14.333C14.1598 14.5219 13.9405 14.6163 13.6907 14.6163C13.4409 14.6163 13.2214 14.5219 13.032 14.333Z" fill="url(#paint0_linear_2745_2099)"></path><defs><linearGradient id="paint0_linear_2745_2099" x1="1.47481" y1="0.562736" x2="11.1489" y2="1.28296" gradientUnits="userSpaceOnUse"><stop stop-color="#F2F2F2"></stop><stop offset="1" stop-color="#A0A0A8"></stop></linearGradient></defs></svg></div><div class="brxe-div main-nav-tray-col-item__content"><h3 class="brxe-heading main-nav-tray-col-item__content-title"><a href="/services/google-ads-kampagnen/">Google Ads (Performance Marketing)</a></h3><p class="brxe-text-basic main-nav-tray-col-item__content-subtitle">Gezielte Werbung auf Google Ads und Social Media. Strategische Kampagnen für messbare Geschäftsergebnisse.</p></div></li><li class="brxe-div main-nav-tray-col-item str-clickable-card"><div class="brxe-div main-nav-tray-col-item__icon-wrap"><svg class="brxe-svg main-nav-tray-col-item__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1091<path d="M2.19843 13.7349L6.4411 9.4922M11.7838 7.60554L10.5138 11.4162C10.4934 11.4772 10.4587 11.5323 10.4125 11.577C10.3663 11.6217 10.31 11.6545 10.2484 11.6729L2.4631 13.9875C2.39296 14.0084 2.31845 14.0096 2.24768 13.991C2.17691 13.9724 2.11259 13.9348 2.06172 13.8822C2.01085 13.8296 1.97537 13.7641 1.95916 13.6927C1.94295 13.6214 1.94662 13.5469 1.96977 13.4775L4.49777 5.89487C4.51588 5.84042 4.5455 5.79052 4.58461 5.74853C4.62372 5.70654 4.67141 5.67346 4.72443 5.65154L8.31577 4.17287C8.38878 4.14271 8.46908 4.13485 8.54656 4.15028C8.62403 4.1657 8.6952 4.20372 8.7511 4.25954L11.6871 7.1962C11.7396 7.24873 11.7765 7.31484 11.7936 7.38714C11.8107 7.45944 
109111.8073 7.53506 11.7838 7.60554Z" stroke="url(#paint0_linear_2583_4680)" stroke-linecap="round" stroke-linejoin="round"/>
1092<path d="M12.2696 2.1217L13.8456 3.6977C13.964 3.81101 14.0586 3.94683 14.1239 4.09719C14.1891 4.24756 14.2236 4.40944 14.2254 4.57333C14.2272 4.73723 14.1963 4.89983 14.1344 5.0516C14.0725 5.20337 13.9809 5.34126 13.865 5.45715C13.7491 5.57305 13.6113 5.66463 13.4595 5.72651C13.3077 5.7884 13.1451 5.81934 12.9812 5.81753C12.8173 5.81572 12.6555 5.78119 12.5051 5.71596C12.3547 5.65074 12.2189 5.55613 12.1056 5.4377L10.5289 3.8617C10.3065 3.62926 10.184 3.31899 10.1876 2.99733C10.1911 2.67567 10.3205 2.36819 10.548 2.14073C10.7754 1.91326 11.0829 1.78391 11.4046 1.78035C11.7262 1.77679 12.0372 1.89932 12.2696 2.1217Z" fill="url(#paint1_linear_2583_4680)" stroke="url(#paint2_linear_2583_4680)" stroke-linecap="round" stroke-linejoin="round"/>
1093<path d="M7.85601 8.07775C7.76376 7.98224 7.65342 7.90606 7.53141 7.85365C7.40941 7.80124 7.27819 7.77365 7.14541 7.7725C7.01263 7.77134 6.88095 7.79665 6.75805 7.84693C6.63516 7.89721 6.5235 7.97146 6.42961 8.06535C6.33572 8.15925 6.26147 8.2709 6.21119 8.3938C6.1609 8.51669 6.1356 8.64837 6.13676 8.78115C6.13791 8.91393 6.1655 9.04515 6.21791 9.16715C6.27031 9.28916 6.3465 9.3995 6.44201 9.49175C6.63061 9.67391 6.88321 9.7747 7.14541 9.77242C7.40761 9.77015 7.65842 9.66498 7.84383 9.47957C8.02923 9.29416 8.1344 9.04335 8.13668 8.78115C8.13896 8.51895 8.03817 8.26635 7.85601 8.07775Z" stroke="url(#paint3_linear_2583_4680)" stroke-linecap="round" stroke-linejoin="round"/>
1094<defs>
1095<linearGradient id="paint0_linear_2583_4680" x1="2.05458" y1="3.57364" x2="9.19346" y2="4.10464" gradientUnits="userSpaceOnUse">
1096<stop stop-color="#F2F2F2"/>
1097<stop offset="1" stop-color="#A0A0A8"/>
1098</linearGradient>
1099<linearGradient id="paint1_linear_2583_4680" x1="10.2307" y1="1.54735" x2="13.1557" y2="1.7651" gradientUnits="userSpaceOnUse">
1100<stop stop-color="#F2F2F2"/>
1101<stop offset="1" stop-color="#A0A0A8"/>
1102</linearGradient>
1103<linearGradient id="paint2_linear_2583_4680" x1="10.2307" y1="1.54735" x2="13.1557" y2="1.7651" gradientUnits="userSpaceOnUse">
1104<stop stop-color="#F2F2F2"/>
1105<stop offset="1" stop-color="#A0A0A8"/>
1106</linearGradient>
1107<linearGradient id="paint3_linear_2583_4680" x1="6.1581" y1="7.65708" x2="7.60686" y2="7.76491" gradientUnits="userSpaceOnUse">
1108<stop stop-color="#F2F2F2"/>
1109<stop offset="1" stop-color="#A0A0A8"/>
1110</linearGradient>
1111</defs>
1112</svg></div><div class="brxe-div main-nav-tray-col-item__content"><h3 class="brxe-heading main-nav-tray-col-item__content-title"><a href="/services/logo-design-branding/">Logo Design &amp; Branding</a></h3><p class="brxe-text-basic main-nav-tray-col-item__content-subtitle">Individuelle Logodesign, die deine Marke perfekt repräsentiert und bei Kunden im Gedächtnis bleibt.</p></div></li>
1112<script>document.addEventListener('DOMContentLoaded', function() {
1113  // Select all SVGs with the class
1114  const svgIcons = document.querySelectorAll('.main-nav-tray-col-item__icon');
1115  
1116  // Loop through each SVG
1117  svgIcons.forEach(svg => {
1118    // Count the number of path elements
1119    const pathCount = svg.querySelectorAll('path').length;
1120    
1121    // Add appropriate class based on path count
1122    if (pathCount === 1) {
1123      svg.classList.add('single-path-icon');
1124    } else {
1125      svg.classList.add('multi-path-icon');
1126    }
1127  });
1128});</script>
1128</ul></div></div><a id="brxe-upbkon" href="https://rocket9.ch/services/" class="brxe-div text-btn"><p class="brxe-text-basic">Alle Services anzeigen</p><svg class="brxe-svg" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M9 18L15 12L9 6" stroke="#FF58E7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></ul></li><li id="brxe-sxyxhn" data-script-id="sxyxhn" class="brxe-dropdown mm-scoria-mega-dropdown brx-has-megamenu" data-toggle="both" data-mega-menu=".header"><div class="brx-submenu-toggle"><span>Über uns</span><button aria-expanded="false" aria-label="Toggle dropdown"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5" stroke="currentcolor"></path></svg></button></div><ul id="brxe-ixtwpf" class="brxe-div mm-scoria-mega-dropdown__content brx-dropdown-content" data-lenis-prevent="true"><div class="brxe-block mm-scoria-mega-dropdown__content-wrapper"><div class="brxe-block mm-scoria-mega-dropdown__content-inner mm-scoria-dropdown-1"><div class="brxe-div main-nav-tray"><div class="brxe-div main-nav-tray-row1"><div class="brxe-div main-nav-tray-col"><h3 class="brxe-heading main-nav-tray-col-title">Über uns</h3><ul class="brxe-div main-nav-tray-col-list ul-list--reset"><li class="brxe-div main-nav-tray-col-item str-clickable-card"><div class="brxe-div main-nav-tray-col-item__icon-wrap"><svg class="brxe-svg main-nav-tray-col-item__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1129<path d="M2.66797 14.6667V10.7167C2.66797 10.4945 2.72086 10.2834 2.82664 10.0834C2.93241 9.8834 3.07952 9.72229 3.26797 9.60006L4.0013 9.11673C4.07908 10.0501 4.2013 10.8445 4.36797 11.5001C4.53464 12.1556 4.79575 12.8834 5.1513 13.6834L2.66797 14.6667ZM6.1513 13.3334C5.76241 12.6001 5.47352 11.8223 5.28464 11.0001C5.09575 10.1778 5.0013 9.32784 5.0013 8.45007C5.0013 7.06118 5.27641 5.75295 5.82664 4.5254C6.37686 3.29784 7.10175 2.36718 8.0013 1.7334C8.9013 2.36673 9.62641 3.2974 10.1766 4.5254C10.7269 5.7534 11.0017 7.06162 11.0013 8.45007C11.0013 9.31673 10.9069 10.1585 10.718 10.9754C10.5291 11.7923 10.2402 12.5783 9.8513 13.3334H6.1513ZM8.0013 8.66673C8.36797 8.66673 8.68197 8.53629 8.9433 8.2754C9.20464 8.01451 9.33508 7.70051 9.33464 7.3334C9.33419 6.96629 9.20375 6.65251 8.9433 6.39207C8.68286 6.13162 8.36886 6.00095 8.0013 6.00007C7.63375 5.99918 7.31997 6.12984 7.05997 6.39207C6.79997 6.65429 6.6693 6.96807 6.66797 7.3334C6.66664 7.69873 6.7973 8.01273 7.05997 8.2754C7.32264 8.53807 7.63641 8.66851 8.0013 8.66673ZM13.3346 14.6667L10.8513 13.6834C11.2069 12.8834 11.468 12.1556 11.6346 11.5001C11.8013 10.8445 11.9235 10.0501 12.0013 9.11673L12.7346 9.60006C12.9235 9.72229 13.0709 9.8834 13.1766 10.0834C13.2824 10.2834 13.3351 10.4945 13.3346 10.7167V14.6667Z" fill="url(#paint0_linear_2583_4680)"/>
1130<defs>
1131<linearGradient id="paint0_linear_2583_4680" x1="2.782" y1="0.987245" x2="10.5224" y2="1.46239" gradientUnits="userSpaceOnUse">
1132<stop stop-color="#F2F2F2"/>
1133<stop offset="1" stop-color="#A0A0A8"/>
1134</linearGradient>
1135</defs>
1136</svg></div><div class="brxe-div main-nav-tray-col-item__content"><h3 class="brxe-heading main-nav-tray-col-item__content-title"><a href="https://rocket9.ch/ueber-uns/">Team, Werte & Vision</a></h3><p class="brxe-text-basic main-nav-tray-col-item__content-subtitle">Lerne das Rocket9 Team kennen, das hinter unseren digitalen Lösungen steht. Persönlich, engagiert und mit Fokus auf Qualität und Sicherheit.</p></div></li></ul></div><div class="brxe-div main-nav-tray-col"><h3 class="brxe-heading main-nav-tray-col-title">Referenzen</h3><ul class="brxe-div main-nav-tray-col-list ul-list--reset"><li class="brxe-div main-nav-tray-col-item str-clickable-card"><div class="brxe-div main-nav-tray-col-item__icon-wrap"><svg class="brxe-svg main-nav-tray-col-item__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1137<g clip-path="url(#clip0_2583_4701)">
1138<path d="M5.16667 13.267H1.83333C1.47971 13.267 1.14057 13.1265 0.890524 12.8764C0.640476 12.6264 0.5 12.2872 0.5 11.9336V1.84896C0.5 1.49534 0.640476 1.1562 0.890524 0.906149C1.14057 0.656101 1.47971 0.515625 1.83333 0.515625H13.8333C14.187 0.515625 14.5261 0.656101 14.7761 0.906149C15.0262 1.1562 15.1667 1.49534 15.1667 1.84896V6.26696M0.5 3.70362H15.1667M15.5 13.771L11.5 15.485V10.9136L15.5 9.20029V13.771Z" stroke="url
1138(#paint0_linear_2583_4701)" stroke-linecap="round" stroke-linejoin="round"/>
1139<path d="M7.5 13.7709L11.5 15.4849V10.9135L7.5 9.2002V13.7709Z" stroke="url(#paint1_linear_2583_4701)" stroke-linecap="round" stroke-linejoin="round"/>
1140<path d="M11.5 7.48535L15.5 9.20002L11.5 10.914L7.5 9.20068L11.5 7.48535Z" stroke="url(#paint2_linear_2583_4701)" stroke-linecap="round" stroke-linejoin="round"/>
1141</g>
1142<defs>
1143<linearGradient id="paint0_linear_2583_4701" x1="0.660362" y1="-0.34799" x2="11.5258" y2="0.462379" gradientUnits="userSpaceOnUse">
1144<stop stop-color="#F2F2F2"/>
1145<stop offset="1" stop-color="#A0A0A8"/>
1146</linearGradient>
1147<linearGradient id="paint1_linear_2583_4701" x1="7.54276" y1="8.83762" x2="10.4498" y2="8.97533" gradientUnits="userSpaceOnUse">
1148<stop stop-color="#F2F2F2"/>
1149<stop offset="1" stop-color="#A0A0A8"/>
1150</linearGradient>
1151<linearGradient id="paint2_linear_2583_4701" x1="7.58553" y1="7.28754" x2="13.2421" y2="8.26989" gradientUnits="userSpaceOnUse">
1152<stop stop-color="#F2F2F2"/>
1153<stop offset="1" stop-color="#A0A0A8"/>
1154</linearGradient>
1155<clipPath id="clip0_2583_4701">
1156<rect width="16" height="16" fill="white"/>
1157</clipPath>
1158</defs>
1159</svg></div><div class="brxe-div main-nav-tray-col-item__content"><h3 class="brxe-heading main-nav-tray-col-item__content-title"><a href="https://rocket9.ch/portfolio/">Portfolio & Case Studies</a></h3><p class="brxe-text-basic main-nav-tray-col-item__content-subtitle">Ausgewählte Projekte aus unterschiedlichen Branchen. Klar gestaltet, technisch fundiert und digital wirksam.</p></div></li><li id="brxe-xkvwpc" class="brxe-div main-nav-tray-col-item str-clickable-card"><div class="brxe-div main-nav-tray-col-item__icon-wrap"><svg class="brxe-svg main-nav-tray-col-item__icon single-path-icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><g clip-path="url(#clip0_2745_2068)"><path d="M14.25 2.09989C14.0781 1.98868 13.8815 1.92139 13.6775 1.90396C13.4735 1.88652 13.2683 1.91946 13.08 1.99989L6.91 4.42989C6.76407 4.48984 6.60776 4.52042 6.45 4.51989H2.5C2.16848 4.51989 1.85054 4.65159 1.61612 4.88601C1.3817 5.12043 1.25 5.43837 1.25 5.76989V5.86989H0V8.86989H1.25V8.99989C1.25783 9.32619 1.39298 9.63648 1.62656 9.86445C1.86013 10.0924 2.17361 10.22 2.5 10.2199L4 13.3999C4.10157 13.614 4.26148 13.7952 4.46136 13.9225C4.66124 14.0499 4.893 14.1183 5.13 14.1199H5.76C6.08978 14.1173 6.40516 13.9844 6.63743 13.7503C6.86969 13.5161 7.00001 13.1997 7 12.8699V10.3399L13.08 12.7699C13.2297 12.8287 13.3891 12.8592 13.55 12.8599C13.7996 12.8553 14.0426 12.7789 14.25 12.6399C14.4145 12.5288 14.5501 12.3802 14.6458 12.2063C14.7414 12.0324 14.7943 11.8383 14.8 11.6399V3.12989C14.7991 2.92641 14.7485 2.72623 14.6527 2.54673C14.5568 2.36723 14.4186 2.21384 14.25 2.09989ZM5.75 5.76989V8.99989H2.5V5.76989H5.75ZM5.75 12.8699H5.12L3.89 10.2199H5.75V12.8699ZM7.37 9.14989C7.25125 9.08926 7.12745 9.03908 7 8.99989V5.69989C7.1262 5.67366 7.24997 5.63686 7.37 5.58989L13.55 3.12989V11.6099L7.37 9.14989ZM14.83 6.11989V8.61989C15.1615 8.61989 15.4795 8.4882 15.7139 8.25378C15.9483 8.01936 16.08 7.70142 16.08 7.36989C16.08 7.03837 15.9483 6.72043 15.7139 6.48601C15.4795 6.25159 15.1615 6.11989 14.83 6.11989Z" fill="url(#paint0_linear_2745_2068)"></path></g><defs><linearGradient id="paint0_linear_2745_2068" x1="0.171908" y1="1.19439" x2="11.7732" y2="2.33057" gradientUnits="userSpaceOnUse"><stop stop-color="#F2F2F2"></stop><stop offset="1" stop-color="#A0A0A8"></stop></linearGradient><clipPath id="clip0_2745_2068"><rect width="16" height="16" fill="white"></rect></clipPath></defs></svg></div><div class="brxe-div main-nav-tray-col-item__content"><h3 class="brxe-heading main-nav-tray-col-item__content-title"><a href="/services/marketing-automation/">Marketing Automation</a></h3><p class="brxe-text-basic main-nav-tray-col-item__content-subtitle">Nurture leads and engage customers automatically. Set up automated email sequences, workflows, and campaigns for consistent communication.</p></div></li></ul></div><div class="brxe-div main-nav-tray-col"><h3 class="brxe-heading main-nav-tray-col-title">Kontakt</h3><ul class="brxe-div main-nav-tray-col-list ul-list--reset"><li class="brxe-div main-nav-tray-col-item str-clickable-card"><div class="brxe-div main-nav-tray-col-item__icon-wrap"><svg class="brxe-svg main-nav-tray-col-item__icon" width="16" height="16" viewB
1159ox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1160<path d="M2.66536 13.3337C2.2987 13.3337 1.98492 13.2032 1.72403 12.9423C1.46314 12.6814 1.33248 12.3674 1.33203 12.0003V4.00033C1.33203 3.63366 1.4627 3.31988 1.72403 3.05899C1.98536 2.7981 2.29914 2.66744 2.66536 2.66699H13.332C13.6987 2.66699 14.0127 2.79766 14.274 3.05899C14.5354 3.32033 14.6658 3.6341 14.6654 4.00033V12.0003C14.6654 12.367 14.5349 12.681 14.274 12.9423C14.0131 13.2037 13.6991 13.3341 13.332 13.3337H2.66536ZM7.9987 8.66699L2.66536 5.33366V12.0003H13.332V5.33366L7.9987 8.66699ZM7.9987 7.33366L13.332 4.00033H2.66536L7.9987 7.33366ZM2.66536 5.33366V4.00033V12.0003V5.33366Z" fill="url(#paint0_linear_2583_4680)"/>
1161<defs>
1162<linearGradient id="paint0_linear_2583_4680" x1="1.47458" y1="2.05161" x2="11.1032" y2="2.94742" gradientUnits="userSpaceOnUse">
1163<stop stop-color="#F2F2F2"/>
1164<stop offset="1" stop-color="#A0A0A8"/>
1165</linearGradient>
1166</defs>
1167</svg></div><div class="brxe-div main-nav-tray-col-item__content"><h3 class="brxe-heading main-nav-tray-col-item__content-title"><a href="https://rocket9.ch/kontakt/">Kontakt</a></h3><p class="brxe-text-basic main-nav-tray-col-item__content-subtitle">Buche ganz einfach einen Beratungscall oder schreib uns direkt, wenn du Fragen hast. Persönlich, transparent und unkompliziert.</p></div></li>
1167<script>document.addEventListener('DOMContentLoaded', function() {
1168  // Select all SVGs with the class
1169  const svgIcons = document.querySelectorAll('.main-nav-tray-col-item__icon');
1170  
1171  // Loop through each SVG
1172  svgIcons.forEach(svg => {
1173    // Count the number of path elements
1174    const pathCount = svg.querySelectorAll('path').length;
1175    
1176    // Add appropriate class based on path count
1177    if (pathCount === 1) {
1178      svg.classList.add('single-path-icon');
1179    } else {
1180      svg.classList.add('multi-path-icon');
1181    }
1182  });
1183});</script>
1183</ul></div></div></div></div></div></ul></li><li id="brxe-rhdkhy" class="brxe-div main-header__nav-link"><a href="https://rocket9.ch/kostenrechner-fuer-webseiten/" class="brxe-div main-header__nav-link-btn"><p class="brxe-text-basic">Kostenrechner</p></a></li><li class="brxe-div main-header__nav-link"><a href="https://rocket9.ch/anfragen/" class="brxe-div main-header__nav-cta-btn"><span class="brxe-text-basic">Anfragen</span></a></li><li class="brxe-div mm-scoria__nav-items-social-ul-wrap"><ul class="brxe-div mm-scoria__nav-items-social-ul ul-list--reset"><li class="brxe-div mm-scoria__nav-items-social-li"><a class="brxe-text-link mm-scoria__nav-items-social" href="https://rocket9.ch/ueber-uns/">Über uns</a></li><li class="brxe-div mm-scoria__nav-items-social-li"><a class="brxe-text-link mm-scoria__nav-items-social" href="https://rocket9.ch/kontakt/">Kontakt</a></li><li class="brxe-div mm-scoria__nav-items-social-li"><a class="brxe-text-link mm-scoria__nav-items-social" href="https://rocket9.ch/portfolio/">Portfolio & Case Studies</a></li><li class="brxe-div mm-scoria__nav-items-social-li"><a class="brxe-text-link mm-scoria__nav-items-social" href="https://www.facebook.com/profile.php?id=61558740506351">Facebook</a></li></ul></li></ul></div></nav></div></section></header><main  id="brx-content"><section  class="brxe-section hero-section"><div  class="brxe-container hero-section__container"><div class="brxe-div hero-section__container-content"><div class="brxe-div hero-content__copy"><div class="brxe-div hero-badge str-clickable-card"><div class="brxe-div hero-badge__count"><p class="brxe-text-basic hero-badge__count-txt">26</p></div><div class="brxe-text-basic hero-badge__text">Bewertung</div><div class="brxe-div hero-badge__icon-wrap"><svg class="brxe-svg hero-badge__icon" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1184<path d="M8.50151 12.0135L11.2682 13.6868C11.7748 13.9935 12.3948 13.5402 12.2615 12.9668L11.5282 9.82017L13.9748 7.70017C14.4215 7.3135 14.1815 6.58017 13.5948 6.5335L10.3748 6.26017L9.11485 3.28684C8.88818 2.74684 8.11485 2.74684 7.88818 3.28684L6.62818 6.2535L3.40818 6.52684C2.82151 6.5735 2.58151 7.30684 3.02818 7.6935L5.47485 9.8135L4.74151 12.9602C4.60818 13.5335 5.22818 13.9868 5.73485 13.6802L8.50151 12.0135Z" fill="#F6CF09"/>
1185</svg><svg class="brxe-svg hero-badge__icon" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1186<path d="M8.50151 12.0135L11.2682 13.6868C11.7748 13.9935 12.3948 13.5402 12.2615 12.9668L11.5282 9.82017L13.9748 7.70017C14.4215 7.3135 14.1815 6.58017 13.5948 6.5335L10.3748 6.26017L9.11485 3.28684C8.88818 2.74684 8.11485 2.74684 7.88818 3.28684L6.62818 6.2535L3.40818 6.52684C2.82151 6.5735 2.58151 7.30684 3.02818 7.6935L5.47485 9.8135L4.74151 12.9602C4.60818 13.5335 5.22818 13.9868 5.73485 13.6802L8.50151 12.0135Z" fill="#F6CF09"/>
1187</svg><svg class="brxe-svg hero-badge__icon" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1188<path d="M8.50151 12.0135L11.2682 13.6868C11.7748 13.9935 12.3948 13.5402 12.2615 12.9668L11.5282 9.82017L13.9748 7.70017C14.4215 7.3135 14.1815 6.58017 13.5948 6.5335L10.3748 6.26017L9.11485 3.28684C8.88818 2.74684 8.11485 2.74684 7.88818 3.28684L6.62818 6.2535L3.40818 6.52684C2.82151 6.5735 2.58151 7.30684 3.02818 7.6935L5.47485 9.8135L4.74151 12.9602C4.60818 13.5335 5.22818 13.9868 5.73485 13.6802L8.50151 12.0135Z" fill="#F6CF09"/>
1189</svg><svg class="brxe-svg hero-badge__icon" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1190<path d="M8.50151 12.0135L11.2682 13.6868C11.7748 13.9935 12.3948 13.5402 12.2615 12.9668L11.5282 9.82017L13.9748 7.70017C14.4215 7.3135 14.1815 6.58017 13.5948 6.5335L10.3748 6.26017L9.11485 3.28684C8.88818 2.74684 8.11485 2.74684 7.88818 3.28684L6.62818 6.2535L3.40818 6.52684C2.82151 6.5735 2.58151 7.30684 3.02818 7.6935L5.47485 9.8135L4.74151 12.9602C4.60818 13.5335 5.22818 13.9868 5.73485 13.6802L8.50151 12.0135Z" fill="#F6CF09"/>
1191</svg><svg class="brxe-svg hero-badge__icon" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1192<path d="M8.50151 12.0135L11.2682 13.6868C11.7748 13.9935 12.3948 13.5402 12.2615 12.9668L11.5282 9.82017L13.9748 7.70017C14.4215 7.3135 14.1815 6.58017 13.5948 6.5335L10.3748 6.26017L9.11485 3.28684C8.88818 2.74684 8.11485 2.74684 7.88818 3.28684L6.62818 6.2535L3.40818 6.52684C2.82151 6.5735 2.58151 7.30684 3.02818 7.6935L5.47485 9.8135L4.74151 12.9602C4.60818 13.5335 5.22818 13.9868 5.73485 13.6802L8.50151 12.0135Z" fill="#F6CF09"/>
1193</svg></div><p class="brxe-text-basic hero-badge__text">5 / 5</p><div class="brxe-div line-effect"></div><a href="#testimonial-sctn" data-brx-anchor="true" class="brxe-div hero-badge__link"><svg class="brxe-svg hero-badge__link" width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1194<path d="M0.792444 1.20978C0.699741 1.30229 0.626193 1.41218 0.576012 1.53315C0.52583 1.65413 0.5 1.78381 0.5 1.91478C0.5 2.04575 0.52583 2.17543 0.576012 2.2964C0.626193 2.41738 0.699741 2.52726 0.792444 2.61978L4.67244 6.49978L0.792444 10.3798C0.699862 10.4724 0.626423 10.5823 0.576318 10.7032C0.526213 10.8242 0.500423 10.9538 0.500423 11.0848C0.500423 11.2157 0.526213 11.3454 0.576318 11.4663C0.626423 11.5873 0.699862 11.6972 0.792444 11.7898C0.885026 11.8824 0.994937 11.9558 1.1159 12.0059C1.23687 12.056 1.36651 12.0818 1.49744 12.0818C1.62837 12.0818 1.75802 12.056 1.87899 12.0059C1.99995 11.9558 2.10986 11.8824 2.20244 11.7898L6.79244 7.19978C6.88515 7.10726 6.9587 6.99738 7.00888 6.8764C7.05906 6.75543 7.08489 6.62575 7.08489 6.49478C7.08489 6.36381 7.05906 6.23413 7.00888 6.11315C6.9587 5.99218 6.88515 5.88229 6.79244 5.78978L2.20244 1.19978C1.82244 0.819778 1.18244 0.819778 0.792444 1.20978Z" fill="#F6CF09"/>
1195</svg></a></div><h1 class="brxe-heading hero-content__copy-title">Websites, die knallen. Systeme, die nachfassen. Zeit, die zurückkommt.</h1><p class="brxe-text-basic hero-content__copy-subtitle">Wir bauen dir eine Website, die Anfragen bringt, ein CRM, das dafür sorgt dass jede beantwortet wird, und Automatisierungen, die erledigen was dich sonst jeden Abend eine Stunde kostet. Alles drei – und miteinander verbunden.</p></div><div class="brxe-div hero-content__btn"><a href="https://rocket9.ch/anfragen/" class="brxe-div cta-btn"><div class="brxe-div cta-btn__inner"><span class="brxe-text-basic">Jetzt anfragen 🚀</span></div></a><a href="#services" data-brx-anchor="true" class="brxe-div button-color-flip"><span class="brxe-div button-color-flip_inner"><span class="brxe-div button-color-flip_back" data-text="Ready für Lift-off?"><span style="--index: 0;" class="button-color-flip_arrow">→</span></span><span class="brxe-div button-color-flip_front"><span class="brxe-div button-color-flip_bg"></span><span class="brxe-text-basic button-color-flip_text">Was wir machen</span></span></span></a></div></div><div class="brxe-div hero-sctn-marquee"><h3 class="brxe-heading hero-marquee__text">Schweizer KMU's, die mit uns digital durchstarten </h3><div class="brxe-div hero-marquee__content"><div class="brxe-div hero-marquee__logo-wrap"><img width="473" height="50" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/aesthetik-bern-dark.png" class="brxe-image hero-marquee__logo hero-marquee--aeb css-filter size-full" alt="" loading="eager" decoding="async" srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/aesthetik-bern-dark.png 473w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/aesthetik-bern-dark-300x32.png 300w" sizes="(max-width: 473px) 100vw, 473px" /><img width="174" height="50" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/le-time-dark.png" class="brxe-image hero-marquee__logo hero-marquee--le-time css-filter size-full" alt="" loading="eager" decoding="async" /><img width="56" height="50" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/la-capitanza-dark.png" class="brxe-image hero-marquee__logo hero-marquee--la-capitanza css-filter size-full" alt="" loading="eager" decoding="async" /><img width="117" height="50" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/kramer-immobilien-dark.png" class="brxe-image hero-marquee__logo hero-marquee--kramer-immobilien css-filter size-full" alt="" loading="eager" decoding="async" /><img width="273" height="50" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/flexdev-dark.png" class="brxe-image hero-marquee__logo hero-marquee--flexdev css-filter size-full" alt="" loading="eager" decoding="async" /><img width="109" height="50" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/fabio-frei-dark.png" class="brxe-image hero-marquee__logo hero-marquee--fabio-frei css-filter size-full" alt="" loading="eager" decoding="async" /><img width="87" height="50" src="https://spcdn.shortpixel.ai/spio/ret_img+q_c
1195dnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/easysolution-gmbh-dark.png" class="brxe-image hero-marquee__logo hero-marquee--easysolution css-filter size-full" alt="" loading="eager" decoding="async" /><img width="169" height="50" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/christen-gartenpflege-dark.png" class="brxe-image hero-marquee__logo hero-marquee--christen-gartenpflege css-filter size-full" alt="" loading="eager" decoding="async" /><img width="169" height="50" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/beneviva-dark.png" class="brxe-image hero-marquee__logo hero-marquee--beneviva css-filter size-full" alt="" loading="eager" decoding="async" /><img width="118" height="50" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/arag-solar-dark.png" class="brxe-image hero-marquee__logo hero-marquee--arag-solar css-filter size-full" alt="" loading="eager" decoding="async" /></div></div>
1195<script>const scrollers2 = document.querySelectorAll(".hero-sctn-marquee");
1196
1197// If a user hasn't opted in for reduced motion, then we add the animation
1198if (!window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
1199  addAnimation();
1200}
1201
1202function addAnimation() {
1203  scrollers2.forEach((scroller) => {
1204    // add data-animated="true" to the main marquee container
1205    scroller.setAttribute("data-animated", true);
1206
1207    // Make an array from the elements within the inner logo wrapper
1208    const scrollerInner = scroller.querySelector(".hero-marquee__logo-wrap");
1209    
1210    // Check if the inner wrapper exists before proceeding
1211    if (scrollerInner) {
1212        const scrollerContent = Array.from(scrollerInner.children);
1213
1214        // For each item (logo image), clone it
1215        // add aria-hidden to it
1216        // add it back into the inner logo wrapper
1217        scrollerContent.forEach((item) => {
1218          const duplicatedItem = item.cloneNode(true);
1219          duplicatedItem.setAttribute("aria-hidden", true);
1220          scrollerInner.appendChild(duplicatedItem);
1221        });
1222    } else {
1223        console.warn("Could not find .hero-marquee__logo-wrap element inside", scroller);
1224    }
1225  });
1226}</script>
1226</div><div id="brxe-ewmwns" class="brxe-div hero-sctn-marquee"><h3 class="brxe-heading hero-marquee__text">Schweizer KMU's, die mit uns digital durchstarten </h3><div class="brxe-div hero-marquee__content"><div class="brxe-div hero-marquee__logo-wrap"><img width="24" height="24" class="brxe-image hero-marquee__logo hero-marquee--ahref" loading="eager" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/themes/bricks/assets/images/placeholder-svg.svg" alt><img width="24" height="24" class="brxe-image hero-marquee__logo hero-marquee--aeb" loading="eager" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/themes/bricks/assets/images/placeholder-svg.svg" alt><img width="24" height="24" class="brxe-image hero-marquee__logo hero-marquee--le-time" loading="eager" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/themes/bricks/assets/images/placeholder-svg.svg" alt><img width="24" height="24" class="brxe-image hero-marquee__logo hero-marquee--la-capitanza" loading="eager" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/themes/bricks/assets/images/placeholder-svg.svg" alt><img width="24" height="24" class="brxe-image hero-marquee__logo hero-marquee--kramer-immobilien" loading="eager" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/themes/bricks/assets/images/placeholder-svg.svg" alt><img width="800" height="600" class="brxe-image hero-marquee__logo hero-marquee--flexdev" loading="eager" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/themes/bricks/assets/images/placeholder-image-800x600.jpg" alt></div></div>
1226<script>const scrollers2 = document.querySelectorAll(".hero-sctn-marquee");
1227
1228// If a user hasn't opted in for reduced motion, then we add the animation
1229if (!window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
1230  addAnimation();
1231}
1232
1233function addAnimation() {
1234  scrollers2.forEach((scroller) => {
1235    // add data-animated="true" to the main marquee container
1236    scroller.setAttribute("data-animated", true);
1237
1238    // Make an array from the elements within the inner logo wrapper
1239    const scrollerInner = scroller.querySelector(".hero-marquee__logo-wrap");
1240    
1241    // Check if the inner wrapper exists before proceeding
1242    if (scrollerInner) {
1243        const scrollerContent = Array.from(scrollerInner.children);
1244
1245        // For each item (logo image), clone it
1246        // add aria-hidden to it
1247        // add it back into the inner logo wrapper
1248        scrollerContent.forEach((item) => {
1249          const duplicatedItem = item.cloneNode(true);
1250          duplicatedItem.setAttribute("aria-hidden", true);
1251          scrollerInner.appendChild(duplicatedItem);
1252        });
1253    } else {
1254        console.warn("Could not find .hero-marquee__logo-wrap element inside", scroller);
1255    }
1256  });
1257}</script>
1257</div></div></section><div  class="brxe-div eclipse-divider-wrap"><div  class="brxe-div eclipse-divider" aria-hidden="true"><div class="brxe-div eclipse-fx"><div class="brxe-div gradient-layer"></div><div class="brxe-div blur-layer"></div><div class="brxe-div particles-layer"></div><div class="brxe-div top-gradient"></div></div><div class="brxe-div glow-effect"></div><div id="framer-9dhxaz" class="brxe-div eclipse-ring"></div><div class="brxe-div eclipse-base"></div></div></div><section  id="brxe-umklid" class="brxe-section problem-sctn"><div  id="brxe-jyunyw" class="brxe-container problem-sctn__container"><div class="brxe-block sctn__intro"><h3 class="brxe-heading sctn-badge">Kennst<span class"sctn-badge-active"> du</span> das?</h3><p class="brxe-text-basic problem-sctn__intro-headline">Digital erfolgreich sein ist kein Spaziergang</p></div><div class="brxe-block problem-sctn__content-wrap"><div class="brxe-block problem-sctn__content" data-direction="left" data-speed="fast"><div class="brxe-block problem-sctn__content-marquee"><div class="brxe-block problem-card"><p class="brxe-text-basic header-gradient">Mein Konkurrent ist #1 bei Google, ich auf Seite 5</p><span class="brxe-block problem-card__stroke-top" aria-hidden="true"></span><span class="brxe-block problem-card__stroke-bottom" aria-hidden="true"></span></div><div class="brxe-block problem-card"><p class="brxe-text-basic header-gradient">Meine Website sieht aus wie von 2005</p><span class="brxe-block problem-card__stroke-top" aria-hidden="true"></span><span class="brxe-block problem-card__stroke-bottom" aria-hidden="true"></span></div><div class="brxe-block problem-card"><p class="brxe-text-basic header-gradient">Warum kosten meine Ads 10.- CHF pro Klick?</p><span class="brxe-block problem-card__stroke-top" aria-hidden="true"></span><span class="brxe-block problem-card__stroke-bottom" aria-hidden="true"></span></div><div class="brxe-block problem-card"><p class="brxe-text-basic header-gradient">Ich mache täglich die gleichen nervigen Aufgaben</p><span class="brxe-block problem-card__stroke-top" aria-hidden="true"></span><span class="brxe-block problem-card__stroke-bottom" aria-hidden="true"></span></div><div class="brxe-block problem-card"><p class="brxe-text-basic header-gradient">Wo sind all meine Interessenten hin?</p><span class="brxe-block problem-card__stroke-top" aria-hidden="true"></span><span class="brxe-block problem-card__stroke-bottom" aria-hidden="true"></span></div></div></div><div class="brxe-block problem-sctn__content" data-direction="left" data-speed="medium"><div class="brxe-block problem-sctn__content-marquee"><div class="brxe-block problem-card"><p class="brxe-text-basic header-gradient">Mein Kontaktformular schickt E-Mails in den Spam</p><span class="brxe-block problem-card__stroke-top" aria-hidden="true"></span><span class="brxe-block problem-card__stroke-bottom" aria-hidden="true"></span></div><div class="brxe-block problem-card"><p class="brxe-text-basic header-gradient">Ich bezahle monatlich für eine Website, die nicht verkauft</p><span class="brxe-block problem-card__stroke-top" aria-hidden="true"></span><span class="brxe-block problem-card__stroke-bottom" aria-hidden="true"></span></div><div class="brxe-block problem-card"><p class="brxe-text-basic header-gradient">Ich verliere täglich Leads in meinem Excel-Chaos</p><span class="brxe-block problem-card__stroke-top" aria-hidden="true"></span><span class="brxe-block problem-card__stroke-bottom" aria-hidden="true"></span></div><div class="brxe-block problem-card"><p class="brxe-text-basic header-gradient">Keine Zeit zum Angebote schreiben</p><span class="brxe-block problem-card__stroke-top" aria-hidden="true"></span><span class="brxe-block problem-card__stroke-bottom" aria-hidden="true"></span></div><div class="brxe-block problem-card"><p class="brxe-text-basic header-gradient">Ich bin online unsichtbar in meiner eigenen Branche</p><span class="brxe-block problem-card__stroke-top" aria-hidden="true"></span><span class="brxe-block problem-card__stroke-bottom" aria-hidden="true"></span></div></div></div><div class="brxe-block problem-sctn__content" data-direction="left" data-speed="slow"><div class="brxe-block problem-sctn__content-marquee"><div class="brxe-block problem-card"><p class="brxe-text-basic header-gradient">Ich verstehe die Hälfte der Tools nicht</p><span class="brxe-block problem-card__stroke-top" aria-hidden="true"></span><span class="brxe-block problem-card__stroke-bottom" aria-hidden="true"></span></div><div class="brxe-block problem-card"><p class="brxe-text-basic header-gradient">Ich investiere viel, aber sehe keine Resultate</p><span class="brxe-block problem-card__stroke-top" aria-hidden="true"></span><span class="brxe-block problem-card__stroke-bottom" aria-hidden="true"></span></div><div class="brxe-block problem-card"><p class="brxe-text-basic header-gradient">Meine Website lädt langsamer als meine Geduld</p><span class="brxe-block problem-card__stroke-top" aria-hidden="true"></span><span class="brxe-block problem-card__stroke-bottom" aria-hidden="true"></span></div><div class="brxe-block problem-card"><p class="brxe-text-basic header-gradient">Keine Zeitt für meinen Online auftritt</p><span class="brxe-block problem-card__stroke-top" aria-hidden="true"></span><span class="brxe-block problem-card__stroke-bottom" aria-hidden="true"></span></div><div class="brxe-block problem-card"><p class="brxe-text-basic header-gradient">Digital-Kram stresst mich mehr als mein Business</p><span class="brxe-block problem-card__stroke-top" aria-hidden="true"></span><span class="brxe-block problem-card__stroke-bottom" aria-hidden="true"></span></div></div></div><div data-script-id="qkwsrf" class="brxe-code">
1257<script>// Looking at your HTML structure, the actual classes being used are:
1258// - "brxe-block problem-sctn__content-wrap" for the outer container
1259// - "brxe-block problem-sctn__content-marquee" for the inner marquee
1260
1261const problemScrollers = document.querySelectorAll(".brxe-block.problem-sctn__content-wrap");
1262
1263// If a user hasn't opted in for reduced motion, then we add the animation
1264if (!window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
1265  addProblemAnimation();
1266}
1267
1268function addProblemAnimation() {
1269  problemScrollers.forEach((scroller) => {
1270    // add data-animated="true" to the main marquee container
1271    scroller.setAttribute("data-animated", true);
1272    
1273    // Find ALL marquee containers within this wrapper
1274    // This is the key fix - we need to process each marquee within the scroller
1275    const allMarquees = scroller.querySelectorAll(".brxe-block.problem-sctn__content-marquee");
1276    
1277    allMarquees.forEach((marquee) => {
1278      const marqueeContent = Array.from(marquee.children);
1279      
1280      // For each item, clone it, add aria-hidden, and append back to the marquee
1281      marqueeContent.forEach((item) => {
1282        const duplicatedItem = item.cloneNode(true);
1283        duplicatedItem.setAttribute("aria-hidden", true);
1284        marquee.appendChild(duplicatedItem);
1285      });
1286    });
1287  });
1288}</script>
1288</div></div></div></section><section  class="brxe-section solution-sctn"><div  class="brxe-container solution-sctn__container"><h2 class="brxe-heading sctn-badge">Warum<span class"sctn-badge-active"="">&nbsp;Rocket9</span> &ndash; Weil wir liefern, während andere noch reden</h2><p class="brxe-text-basic solution-sctn__header">Wir sind <span class="str-underline">keine typische Agentur.</span> Die meisten <span class="str-active">nerven</span> mit Buzzwords, endlosen Meetings und Projekten, die sich <span class="str-active">ziehen wie Kaugummi</span>. Wir machen’s anders: <span class="str-underline">Unkompliziert. Schnell. Persönlich.</span> Mit echtem <span class="str-active">Mehrwert,</span> und unserer <span class="str-active">Rocket9–DNA,</span> erarbeiten wir gemeinsam Lösungen, die Dich digital voranbringen – von <span class="str-underline">Webseite</span> über <span class="str-underline">Automationen</span> bis <span class="str-underline">CRM.</span> Kein Overload, kein Hype. Wir denken mit. Wir wachsen mit dir. <span class="str-active">Für Dich gehen wir die Extrameilen!</span>&nbsp;Wir sind Deine Digitalrebellen – Die mit dem<span class="str-underline">„Leck mich am @#%!, ist das geil“</span>–Ansatz.</p><div class="brxe-div hero-content__btn"><a href="https://rocket9.ch/ueber-uns/" class="brxe-div button-color-flip"><span class="brxe-div button-color-flip_inner"><span class="brxe-div button-color-flip_back" data-text="Kein Overload. Kein Hype."><span style="--index: 0;" class="button-color-flip_arrow">→</span></span><span class="brxe-div button-color-flip_front"><span class="brxe-div button-color-flip_bg"></span><span class="brxe-text-basic button-color-flip_text">Über uns, aber anders - Rocket9</span></span></span></a></div></div><div  class="brxe-div solution-sctn__line"></div></section><section data-wpr-lazyrender="1" id="services" class="brxe-section service-sctn"><div  class="brxe-container service-sctn__container"><div class="brxe-block sctn__intro service-sctn__intro"><h2 class="brxe-heading sctn-badge">Unsere<span class"sctn-badge-active"> Services</span></h2><p class="brxe-text-basic sctn-intro__headline header-gradient">Lösungen, die dein Business antreiben.</p><p class="brxe-text-basic sctn-intro__text">Keine Einzellösungen, die nicht zusammenpassen. Wir bauen dir ein digitales Uhrwerk: Website, Design und Automatisierungen – alles perfekt vernetzt. Dein Business läuft rund, du konzentrierst dich aufs Wachsen.</p></div><ul class="brxe-block service-sctn__content grid--auto-3 ul-list--reset"><li class="brxe-block service-card"><div class="brxe-block service-card__media--website"><div class="brxe-div service-card__media-inner--website"><div id="brxe-tgsabk" data-script-id="tgsabk" class="brxe-code"><pre id="brxe-tgsabk" data-script-id="tgsabk" class="brxe-code">&lt;canvas 
1289    id=&quot;rive-webdev&quot;
1290    class=&quot;rive-canvas&quot;
1291    data-init-function=&quot;theme-switcher&quot;
1292    data-src-light=&quot;https://ucarecdn.com/645cfc4d-37a5-44eb-beed-3360bb525cf6/&quot;
1293    data-src-dark=&quot;https://ucarecdn.com/473829e8-76ad-4790-84cf-116c2f67f9db/&quot;
1294    data-statemachine=&quot;Main Machine&quot;
1295    data-fit=&quot;cover&quot;
1296    data-alignment=&quot;left&quot;&gt;
1297&lt;/canvas&gt;</pre><pre id="brxe-tgsabk" data-script-id="tgsabk" class="brxe-code">#rive-webdev {
1298  width: 100%;
1299  height: 100%;
1300  display: block;
1301  position: absolute; 
1302  top: 0;
1303  left: 0;
1304}</pre><pre id="brxe-tgsabk" data-script-id="tgsabk" class="brxe-code">function initializeRiveWebdevThemeSwitcher() {
1305    const WEBDEV_CONFIG = {
1306        canvasId: &#039;rive-webdev&#039;,
1307        stateMachine: &#039;Main Machine&#039;,
1308        resizeDebounce: 150,
1309        animations: {
1310            dark: { src: &#039;https://ucarecdn.com/473829e8-76ad-4790-84cf-116c2f67f9db/&#039; },
1311            light: { src: &#039;https://ucarecdn.com/645cfc4d-37a5-44eb-beed-3360bb525cf6/&#039; }
1312        }
1313    };
1314
1315    const canvasElement = document.getElementById(WEBDEV_CONFIG.canvasId);
1316    if (!canvasElement) return;
1317
1318    let currentRiveInstance = null;
1319    let currentThemeLoaded = null;
1320    let resizeTimeout = null;
1321
1322    function cleanupCurrentRiveInstance() {
1323        if (currentRiveInstance) {
1324            const instanceToClean = currentRiveInstance;
1325            currentRiveInstance = null;
1326            currentThemeLoaded = null;
1327            if (instanceToClean.stop) instanceToClean.stop();
1328            instanceToClean.cleanup();
1329        }
1330    }
1331
1332    function loadRiveAnimationForTheme(theme) {
1333        const animationConfig = WEBDEV_CONFIG.animations[theme];
1334        if (!animationConfig || !animationConfig.src) return;
1335
1336        if (currentThemeLoaded === theme &amp;&amp; currentRiveInstance &amp;&amp; currentRiveInstance.isLoaded) {
1337            return;
1338        }
1339
1340        cleanupCurrentRiveInstance();
1341        canvasElement.style.display = &#039;block&#039;;
1342
1343        const newInstanceAttempt = new rive.Rive({
1344            src: animationConfig.src,
1345            canvas: canvasElement,
1346            autoplay: true,
1347            stateMachines: animationConfig.stateMachine || WEBDEV_CONFIG.stateMachine,
1348            layout: new rive.Layout({ fit: rive.Fit.cover, alignment: rive.Alignment.left }),
1349            isTouchScrollEnabled: true,
1350            onLoad: () =&gt; {
1351                if (currentRiveInstance === newInstanceAttempt) {
1352                    newInstanceAttempt.resizeDrawingSurfaceToCanvas();
1353                    currentThemeLoaded = theme;
1354                } else {
1355                    newInstanceAttempt.cleanup();
1356                }
1357            }
1358        });
1359        currentRiveInstance = newInstanceAttempt;
1360    }
1361
1362    function handleResize() {
1363        clearTimeout(resizeTimeout);
1364        resizeTimeout = setTimeout(() =&gt; {
1365            if (currentRiveInstance &amp;&amp; currentRiveInstance.canvas &amp;&amp; currentRiveInstance.isLoaded) {
1366                currentRiveInstance.resizeDrawingSurfaceToCanvas();
1367            }
1368        }, WEBDEV_CONFIG.resizeDebounce);
1369    }
1370
1371    function setupThemeChangeListener() {
1372        const observer = new MutationObserver((mutationsList) =&gt; {
1373            for (const mutation of mutationsList) {
1374                if (mutation.type === &#039;attributes&#039; &amp;&amp; mutation.attributeName === &#039;data-theme&#039;) {
1375                    const newTheme = document.documentElement.getAttribute(&#039;data-theme&#039;);
1376                    if (newTheme &amp;&amp; WEBDEV_CONFIG.animations[newTheme]) {
1377                        loadRiveAnimationForTheme(newTheme);
1378                    }
1379                    break;
1380                }
1381            }
1382        });
1383        observer.observe(document.documentElement, { attributes: true });
1384    }
1385
1386    window.addEventListener(&#039;resize&#039;, handleResize);
1387    setupThemeChangeListener();
1388
1389    Promise.resolve().then(() =&gt; {
1390        const currentActualTheme = document.documentElement.getAttribute(&#039;data-theme&#039;);
1391        let themeToLoad = (currentActualTheme &amp;&amp; WEBDEV_CONFIG.animations[currentActualTheme])
1392                            ? currentActualTheme
1393                            : &#039;light&#039;;
1394
1395        if (WEBDEV_CONFIG.animations[themeToLoad]) {
1396            loadRiveAnimationForTheme(themeToLoad);
1397        } else {
1398            if (WEBDEV_CONFIG.animations[&#039;light&#039;]) {
1399                loadRiveAnimationForTheme(&#039;light&#039;);
1400            } else {
1401                canvasElement.style.display = &#039;none&#039;;
1402            }
1403        }
1404    });
1405}
1406
1407function _runRiveWebdevSwitcher() {
1408    if (window.rive &amp;&amp; typeof window.rive.Rive === &#039;function&#039; &amp;&amp; document.getElementById(&#039;rive-webdev&#039;)) {
1409        initializeRiveWebdevThemeSwitcher();
1410    }
1411}
1412
1413if (document.readyState === &#039;loading&#039;) {
1414    document.addEventListener(&#039;DOMContentLoaded&#039;, _runRiveWebdevSwitcher);
1415} else {
1416    _runRiveWebdevSwitcher();
1417}</pre></div><a class="brxe-image tag" href="/services/wordpress-webdesign-schweiz/"><img width="1024" height="683" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%20683'%3E%3C/svg%3E" class="css-filter size-large" alt="Wordpress Webdesign Schweiz" decoding="async" fetchpriority="high" data-lazy-srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_c
1417dnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-1024x683.png 1024w, https://rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-300x200.png 300w, https://rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-768x512.png 768w, https://rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-1200x800.png 1200w, https://rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-600x400.png 600w, https://rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development.png 1536w" data-lazy-sizes="(max-width: 1024px) 100vw, 1024px" data-lazy-src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-1024x683.png" /><noscript><img width="1024" height="683" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-1024x683.png" class="css-filter size-large" alt="Wordpress Webdesign Schweiz" decoding="async" fetchpriority="high" srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-1024x683.png 1024w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-300x200.png 300w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-768x512.png 768w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-1200x800.png 1200w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-600x400.png 600w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development.png 1536w" sizes="(max-width: 1024px) 100vw, 1024px" /></noscript></a></div></div><div class="brxe-block service-card__content"><div class="brxe-block service-card__copy"><h3 class="brxe-heading service-card__copy-header">Webdesign &amp; Entwicklung</h3><p id="brxe-ekbgmj" class="brxe-text-basic">Ein 24/7 Verkäufer, der überzeugt.</p><p class="brxe-text-basic service-card__copy-text">Verliere keine Besucher mehr an die Konkurrenz. Wir bauen dir keine "digitale Visitenkarte", sondern eine leistungsstarke Plattform, die Besucher magisch anzieht und zuverlässig in zahlende Kunden verwandelt – auf jedem Gerät, rund um die Uhr.</p></div><a id="brxe-uhhuft" href="/services/wordpress-webdesign-schweiz/" class="brxe-div text-btn-sm"><p class="brxe-text-basic">Mehr erfahren</p><svg class="brxe-svg" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M9 18L15 12L9 6" stroke="#FF58E7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></li><li class="brxe-block service-card"><div class="brxe-block service-card__media--website"><div class="brxe-div service-card__media-inner--website"><div id="brxe-rgznuk" data-script-id="rgznuk" class="brxe-code"><pre id="brxe-rgznuk" data-script-id="rgznuk" class="brxe-code">&lt;canvas 
1418    id=&quot;rive-webdev&quot;
1419    class=&quot;rive-canvas&quot;
1420    data-init-function=&quot;theme-switcher&quot;
1421    data-src-light=&quot;https://ucarecdn.com/645cfc4d-37a5-44eb-beed-3360bb525cf6/&quot;
1422    data-src-dark=&quot;https://ucarecdn.com/473829e8-76ad-4790-84cf-116c2f67f9db/&quot;
1423    data-statemachine=&quot;Main Machine&quot;
1424    data-fit=&quot;cover&quot;
1425    data-alignment=&quot;left&quot;&gt;
1426&lt;/canvas&gt;</pre><pre id="brxe-rgznuk" data-script-id="rgznuk" class="brxe-code">#rive-webdev {
1427  width: 100%;
1428  height: 100%;
1429  display: block;
1430  position: absolute; 
1431  top: 0;
1432  left: 0;
1433}</pre><pre id="brxe-rgznuk" data-script-id="rgznuk" class="brxe-code">function initializeRiveWebdevThemeSwitcher() {
1434    const WEBDEV_CONFIG = {
1435        canvasId: &#039;rive-webdev&#039;,
1436        stateMachine: &#039;Main Machine&#039;,
1437        resizeDebounce: 150,
1438        animations: {
1439            dark: { src: &#039;https://ucarecdn.com/473829e8-76ad-4790-84cf-116c2f67f9db/&#039; },
1440            light: { src: &#039;https://ucarecdn.com/645cfc4d-37a5-44eb-beed-3360bb525cf6/&#039; }
1441        }
1442    };
1443
1444    const canvasElement = document.getElementById(WEBDEV_CONFIG.canvasId);
1445    if (!canvasElement) return;
1446
1447    let currentRiveInstance = null;
1448    let currentThemeLoaded = null;
1449    let resizeTimeout = null;
1450
1451    function cleanupCurrentRiveInstance() {
1452        if (currentRiveInstance) {
1453            const instanceToClean = currentRiveInstance;
1454            currentRiveInstance = null;
1455            currentThemeLoaded = null;
1456            if (instanceToClean.stop) instanceToClean.stop();
1457            instanceToClean.cleanup();
1458        }
1459    }
1460
1461    function loadRiveAnimationForTheme(theme) {
1462        const animationConfig = WEBDEV_CONFIG.animations[theme];
1463        if (!animationConfig || !animationConfig.src) return;
1464
1465        if (currentThemeLoaded === theme &amp;&amp; currentRiveInstance &amp;&amp; currentRiveInstance.isLoaded) {
1466            return;
1467        }
1468
1469        cleanupCurrentRiveInstance();
1470        canvasElement.style.display = &#039;block&#039;;
1471
1472        const newInstanceAttempt = new rive.Rive({
1473            src: animationConfig.src,
1474            canvas: canvasElement,
1475            autoplay: true,
1476            stateMachines: animationConfig.stateMachine || WEBDEV_CONFIG.stateMachine,
1477            layout: new rive.Layout({ fit: rive.Fit.cover, alignment: rive.Alignment.left }),
1478            isTouchScrollEnabled: true,
1479            onLoad: () =&gt; {
1480                if (currentRiveInstance === newInstanceAttempt) {
1481                    newInstanceAttempt.resizeDrawingSurfaceToCanvas();
1482                    currentThemeLoaded = theme;
1483                } else {
1484                    newInstanceAttempt.cleanup();
1485                }
1486            }
1487        });
1488        currentRiveInstance = newInstanceAttempt;
1489    }
1490
1491    function handleResize() {
1492        clearTimeout(resizeTimeout);
1493        resizeTimeout = setTimeout(() =&gt; {
1494            if (currentRiveInstance &amp;&amp; currentRiveInstance.canvas &amp;&amp; currentRiveInstance.isLoaded) {
1495                currentRiveInstance.resizeDrawingSurfaceToCanvas();
1496            }
1497        }, WEBDEV_CONFIG.resizeDebounce);
1498    }
1499
1500    function setupThemeChangeListener() {
1501        const observer = new MutationObserver((mutationsList) =&gt; {
1502            for (const mutation of mutationsList) {
1503                if (mutation.type === &#039;attributes&#039; &amp;&amp; mutation.attributeName === &#039;data-theme&#039;) {
1504                    const newTheme = document.documentElement.getAttribute(&#039;data-theme&#039;);
1505                    if (newTheme &amp;&amp; WEBDEV_CONFIG.animations[newTheme]) {
1506                        loadRiveAnimationForTheme(newTheme);
1507                    }
1508                    break;
1509                }
1510            }
1511        });
1512        observer.observe(document.documentElement, { attributes: true });
1513    }
1514
1515    window.addEventListener(&#039;resize&#039;, handleResize);
1516    setupThemeChangeListener();
1517
1518    Promise.resolve().then(() =&gt; {
1519        const currentActualTheme = document.documentElement.getAttribute(&#039;data-theme&#039;);
1520        let themeToLoad = (currentActualTheme &amp;&amp; WEBDEV_CONFIG.animations[currentActualTheme])
1521                            ? currentActualTheme
1522                            : &#039;light&#039;;
1523
1524        if (WEBDEV_CONFIG.animations[themeToLoad]) {
1525            loadRiveAnimationForTheme(themeToLoad);
1526        } else {
1527            if (WEBDEV_CONFIG.animations[&#039;light&#039;]) {
1528                loadRiveAnimationForTheme(&#039;light&#039;);
1529            } else {
1530                canvasElement.style.display = &#039;none&#039;;
1531            }
1532        }
1533    });
1534}
1535
1536function _runRiveWebdevSwitcher() {
1537    if (window.rive &amp;&amp; typeof window.rive.Rive === &#039;function&#039; &amp;&amp; document.getElementById(&#039;rive-webdev&#039;)) {
1538        initializeRiveWebdevThemeSwitcher();
1539    }
1540}
1541
1542if (document.readyState === &#039;loading&#039;) {
1543    document.addEventListener(&#039;DOMContentLoaded&#039;, _runRiveWebdevSwitcher);
1544} else {
1545    _runRiveWebdevSwitcher();
1546}</pre></div><a class="brxe-image tag" href="/services/hubspot-crm-implementierung/"><img width="1024" height="683" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%20683'%3E%3C/svg%3E" class="css-filter size-large" alt="" decoding="async" data-lazy-srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_c
1546dnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Rocket9-Service-Hubspot-Solution-1024x683.png 1024w, https://rocket9.ch/wp-content/uploads/Rocket9-Service-Hubspot-Solution-300x200.png 300w, https://rocket9.ch/wp-content/uploads/Rocket9-Service-Hubspot-Solution-768x512.png 768w, https://rocket9.ch/wp-content/uploads/Rocket9-Service-Hubspot-Solution-1200x800.png 1200w, https://rocket9.ch/wp-content/uploads/Rocket9-Service-Hubspot-Solution-600x400.png 600w, https://rocket9.ch/wp-content/uploads/Rocket9-Service-Hubspot-Solution.png 1536w" data-lazy-sizes="(max-width: 1024px) 100vw, 1024px" data-lazy-src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Rocket9-Service-Hubspot-Solution-1024x683.png" /><noscript><img width="1024" height="683" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Rocket9-Service-Hubspot-Solution-1024x683.png" class="css-filter size-large" alt="" decoding="async" srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Rocket9-Service-Hubspot-Solution-1024x683.png 1024w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Rocket9-Service-Hubspot-Solution-300x200.png 300w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Rocket9-Service-Hubspot-Solution-768x512.png 768w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Rocket9-Service-Hubspot-Solution-1200x800.png 1200w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Rocket9-Service-Hubspot-Solution-600x400.png 600w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Rocket9-Service-Hubspot-Solution.png 1536w" sizes="(max-width: 1024px) 100vw, 1024px" /></noscript></a></div></div><div id="brxe-ptktum" class="brxe-block service-card__media"><div id="brxe-lgecog" data-script-id="lgecog" class="brxe-code"><canvas 
1547    id="rive-automation"
1548    class="rive-canvas"
1549    data-init-function="theme-switcher"
1550    data-src-light="https://ucarecdn.com/e4874ce1-ca4b-49a0-a035-5b35a4b0972e/"
1551    data-src-dark="https://ucarecdn.com/9c05e31a-07ca-4bc4-8aba-1443943ffa29/"
1552    data-statemachine="Main Machine"
1553    data-fit="cover"
1554    data-alignment="left">
1555</canvas><style></style>
1555<script>function initializeRiveAutomationThemeSwitcher() {
1556    const AUTOMATION_CONFIG = {
1557        canvasId: 'rive-automation',
1558        stateMachine: 'Main machine',
1559        resizeDebounce: 100,
1560        animations: {
1561            dark: { src: 'https://ucarecdn.com/9c05e31a-07ca-4bc4-8aba-1443943ffa29/' },
1562            light: { src: 'https://ucarecdn.com/e4874ce1-ca4b-49a0-a035-5b35a4b0972e/' }
1563        }
1564    };
1565
1566    const canvasElement = document.getElementById(AUTOMATION_CONFIG.canvasId);
1567    if (!canvasElement) return;
1568
1569    let currentRiveInstance = null;
1570    let currentThemeLoaded = null;
1571    let resizeTimeout = null;
1572
1573    function cleanupCurrentRiveInstance() {
1574        if (currentRiveInstance) {
1575            if (currentRiveInstance.stop) currentRiveInstance.stop();
1576            if (currentRiveInstance.cleanup) currentRiveInstance.cleanup();
1577            currentRiveInstance = null;
1578            currentThemeLoaded = null;
1579        }
1580    }
1581
1582    function loadRiveAnimationForTheme(theme) {
1583        const animationConfig = AUTOMATION_CONFIG.animations[theme];
1584        if (!animationConfig) return;
1585
1586        if (currentThemeLoaded === theme && currentRiveInstance?.isLoaded) return;
1587
1588        cleanupCurrentRiveInstance();
1589        
1590        currentRiveInstance = new rive.Rive({
1591            src: animationConfig.src,
1592            canvas: canvasElement,
1593            autoplay: true,
1594            stateMachines: AUTOMATION_CONFIG.stateMachine,
1595            layout: new rive.Layout({ fit: rive.Fit.cover, alignment: rive.Alignment.left }),
1596            isTouchScrollEnabled: true,
1597            onLoad: () => {
1598                currentRiveInstance?.resizeDrawingSurfaceToCanvas();
1599                currentThemeLoaded = theme;
1600            }
1601        });
1602    }
1603
1604    const observer = new MutationObserver(() => {
1605        const theme = document.documentElement.getAttribute('data-theme');
1606        if (theme && AUTOMATION_CONFIG.animations[theme]) {
1607            loadRiveAnimationForTheme(theme);
1608        }
1609    });
1610    
1611    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['data-theme'] });
1612
1613    window.addEventListener('resize', () => {
1614        clearTimeout(resizeTimeout);
1615        resizeTimeout = setTimeout(() => {
1616            currentRiveInstance?.resizeDrawingSurfaceToCanvas();
1617        }, AUTOMATION_CONFIG.resizeDebounce);
1618    });
1619
1620    const initialTheme = document.documentElement.getAttribute('data-theme') || 'light';
1621    loadRiveAnimationForTheme(initialTheme);
1622}
1623
1624if (document.readyState === 'loading') {
1625    document.addEventListener('DOMContentLoaded', () => {
1626        if (window.rive && document.getElementById('rive-automation')) {
1627            initializeRiveAutomationThemeSwitcher();
1628        }
1629    });
1630} else if (window.rive && document.getElementById('rive-automation')) {
1631    initializeRiveAutomationThemeSwitcher();
1632}</script>
1632</div><img width="1024" height="683" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%20683'%3E%3C/svg%3E" class="brxe-image css-filter size-large" alt="Wordpress Webdesign Schweiz" decoding="async" data-lazy-srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-1024x683.png 1024w, https://rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-300x200.png 300w, https://rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-768x512.png 768w, https://rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-1200x800.png 1200w, https://rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-600x400.png 600w, https://rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development.png 1536w" data-lazy-sizes="(max-width: 1024px) 100vw, 1024px" data-lazy-src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-1024x683.png" /><noscript><img width="1024" height="683" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-1024x683.png" class="brxe-image css-filter size-large" alt="Wordpress Webdesign Schweiz" decoding="async" srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-1024x683.png 1024w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-300x200.png 300w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-768x512.png 768w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-1200x800.png 1200w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-600x400.png 600w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development.png 1536w" sizes="(max-width: 1024px) 100vw, 1024px" /></noscript></div><div class="brxe-block service-card__content"><div class="brxe-block service-card__copy"><h3 class="brxe-heading service-card__copy-header">HubSpot CRM Integration</h3><p id="brxe-rkxbxn" class="brxe-text-basic">Kein Anfrage geht mehr verloren.</p><p class="brxe-text-basic service-card__copy-text">Professionalisiere deinen Verkauf. Wir implementieren HubSpot als das Herzstück deiner Kundenbeziehung. Mit automatisierten Follow-ups und klaren Pipelines steigerst du deine Abschlussquote und bindest Kunden langfristig an dein Unternehmen.</p></div><a id="brxe-gbnxbq" href="/services/hubspot-crm-implementierung/" class="brxe-div text-btn-sm"><p class="brxe-text-basic">Mehr erfahren</p><svg class="brxe-svg" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M9 18L15 12L9 6" stroke="#FF58E7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></li><li class="brxe-block service-card"><div class="brxe-block service-card__media--website"><div class="brxe-div service-card__media-inner--website"><div id="brxe-fabsxg" data-script-id="fabsxg" class="brxe-code"><pre id="brxe-fabsxg" data-script-id="fabsxg" class="brxe-code">&lt;canvas 
1633    id=&quot;rive-webdev&quot;
1634    class=&quot;rive-canvas&quot;
1635    data-init-function=&quot;theme-switcher&quot;
1636    data-src-light=&quot;https://ucarecdn.com/645cfc4d-37a5-44eb-beed-3360bb525cf6/&quot;
1637    data-src-dark=&quot;https://ucarecdn.com/473829e8-76ad-4790-84cf-116c2f67f9db/&quot;
1638    data-statemachine=&quot;Main Machine&quot;
1639    data-fit=&quot;cover&quot;
1640    data-alignment=&quot;left&quot;&gt;
1641&lt;/canvas&gt;</pre><pre id="brxe-fabsxg" data-script-id="fabsxg" class="brxe-code">#rive-webdev {
1642  width: 100%;
1643  height: 100%;
1644  display: block;
1645  position: absolute; 
1646  top: 0;
1647  left: 0;
1648}</pre><pre id="brxe-fabsxg" data-script-id="fabsxg" class="brxe-code">function initializeRiveWebdevThemeSwitcher() {
1649    const WEBDEV_CONFIG = {
1650        canvasId: &#039;rive-webdev&#039;,
1651        stateMachine: &#039;Main Machine&#039;,
1652        resizeDebounce: 150,
1653        animations: {
1654            dark: { src: &#039;https://ucarecdn.com/473829e8-76ad-4790-84cf-116c2f67f9db/&#039; },
1655            light: { src: &#039;https://ucarecdn.com/645cfc4d-37a5-44eb-beed-3360bb525cf6/&#039; }
1656        }
1657    };
1658
1659    const canvasElement = document.getElementById(WEBDEV_CONFIG.canvasId);
1660    if (!canvasElement) return;
1661
1662    let currentRiveInstance = null;
1663    let currentThemeLoaded = null;
1664    let resizeTimeout = null;
1665
1666    function cleanupCurrentRiveInstance() {
1667        if (currentRiveInstance) {
1668            const instanceToClean = currentRiveInstance;
1669            currentRiveInstance = null;
1670            currentThemeLoaded = null;
1671            if (instanceToClean.stop) instanceToClean.stop();
1672            instanceToClean.cleanup();
1673        }
1674    }
1675
1676    function loadRiveAnimationForTheme(theme) {
1677        const animationConfig = WEBDEV_CONFIG.animations[theme];
1678        if (!animationConfig || !animationConfig.src) return;
1679
1680        if (currentThemeLoaded === theme &amp;&amp; currentRiveInstance &amp;&amp; currentRiveInstance.isLoaded) {
1681            return;
1682        }
1683
1684        cleanupCurrentRiveInstance();
1685        canvasElement.style.display = &#039;block&#039;;
1686
1687        const newInstanceAttempt = new rive.Rive({
1688            src: animationConfig.src,
1689            canvas: canvasElement,
1690            autoplay: true,
1691            stateMachines: animationConfig.stateMachine || WEBDEV_CONFIG.stateMachine,
1692            layout: new rive.Layout({ fit: rive.Fit.cover, alignment: rive.Alignment.left }),
1693            isTouchScrollEnabled: true,
1694            onLoad: () =&gt; {
1695                if (currentRiveInstance === newInstanceAttempt) {
1696                    newInstanceAttempt.resizeDrawingSurfaceToCanvas();
1697                    currentThemeLoaded = theme;
1698                } else {
1699                    newInstanceAttempt.cleanup();
1700                }
1701            }
1702        });
1703        currentRiveInstance = newInstanceAttempt;
1704    }
1705
1706    function handleResize() {
1707        clearTimeout(resizeTimeout);
1708        resizeTimeout = setTimeout(() =&gt; {
1709            if (currentRiveInstance &amp;&amp; currentRiveInstance.canvas &amp;&amp; currentRiveInstance.isLoaded) {
1710                currentRiveInstance.resizeDrawingSurfaceToCanvas();
1711            }
1712        }, WEBDEV_CONFIG.resizeDebounce);
1713    }
1714
1715    function setupThemeChangeListener() {
1716        const observer = new MutationObserver((mutationsList) =&gt; {
1717            for (const mutation of mutationsList) {
1718                if (mutation.type === &#039;attributes&#039; &amp;&amp; mutation.attributeName === &#039;data-theme&#039;) {
1719                    const newTheme = document.documentElement.getAttribute(&#039;data-theme&#039;);
1720                    if (newTheme &amp;&amp; WEBDEV_CONFIG.animations[newTheme]) {
1721                        loadRiveAnimationForTheme(newTheme);
1722                    }
1723                    break;
1724                }
1725            }
1726        });
1727        observer.observe(document.documentElement, { attributes: true });
1728    }
1729
1730    window.addEventListener(&#039;resize&#039;, handleResize);
1731    setupThemeChangeListener();
1732
1733    Promise.resolve().then(() =&gt; {
1734        const currentActualTheme = document.documentElement.getAttribute(&#039;data-theme&#039;);
1735        let themeToLoad = (currentActualTheme &amp;&amp; WEBDEV_CONFIG.animations[currentActualTheme])
1736                            ? currentActualTheme
1737                            : &#039;light&#039;;
1738
1739        if (WEBDEV_CONFIG.animations[themeToLoad]) {
1740            loadRiveAnimationForTheme(themeToLoad);
1741        } else {
1742            if (WEBDEV_CONFIG.animations[&#039;light&#039;]) {
1743                loadRiveAnimationForTheme(&#039;light&#039;);
1744            } else {
1745                canvasElement.style.display = &#039;none&#039;;
1746            }
1747        }
1748    });
1749}
1750
1751function _runRiveWebdevSwitcher() {
1752    if (window.rive &amp;&amp; typeof window.rive.Rive === &#039;function&#039; &amp;&amp; document.getElementById(&#039;rive-webdev&#039;)) {
1753        initializeRiveWebdevThemeSwitcher();
1754    }
1755}
1756
1757if (document.readyState === &#039;loading&#039;) {
1758    document.addEventListener(&#039;DOMContentLoaded&#039;, _runRiveWebdevSwitcher);
1759} else {
1760    _runRiveWebdevSwitcher();
1761}</pre></div><a class="brxe-image tag" href="/services/business-automation/"><img width="1024" height="683" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%20683'%3E%3C/svg%3E" class="css-filter size-large" alt="Bu
1761siness Automation Schweiz KMU Make.com KI Workflows Prozessoptimierung" decoding="async" data-lazy-srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Business-Automation-1024x683.png 1024w, https://rocket9.ch/wp-content/uploads/2025/06/Business-Automation-300x200.png 300w, https://rocket9.ch/wp-content/uploads/2025/06/Business-Automation-768x512.png 768w, https://rocket9.ch/wp-content/uploads/2025/06/Business-Automation-1200x800.png 1200w, https://rocket9.ch/wp-content/uploads/2025/06/Business-Automation-600x400.png 600w, https://rocket9.ch/wp-content/uploads/2025/06/Business-Automation.png 1536w" data-lazy-sizes="(max-width: 1024px) 100vw, 1024px" data-lazy-src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Business-Automation-1024x683.png" /><noscript><img width="1024" height="683" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Business-Automation-1024x683.png" class="css-filter size-large" alt="Business Automation Schweiz KMU Make.com KI Workflows Prozessoptimierung" decoding="async" srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Business-Automation-1024x683.png 1024w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Business-Automation-300x200.png 300w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Business-Automation-768x512.png 768w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Business-Automation-1200x800.png 1200w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Business-Automation-600x400.png 600w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Business-Automation.png 1536w" sizes="(max-width: 1024px) 100vw, 1024px" /></noscript></a></div></div><div id="brxe-glacph" class="brxe-block service-card__media"><div id="brxe-cjljdj" data-script-id="cjljdj" class="brxe-code"><canvas 
1762    id="rive-automation"
1763    class="rive-canvas"
1764    data-init-function="theme-switcher"
1765    data-src-light="https://ucarecdn.com/e4874ce1-ca4b-49a0-a035-5b35a4b0972e/"
1766    data-src-dark="https://ucarecdn.com/9c05e31a-07ca-4bc4-8aba-1443943ffa29/"
1767    data-statemachine="Main Machine"
1768    data-fit="cover"
1769    data-alignment="left">
1770</canvas><style></style>
1770<script>function initializeRiveAutomationThemeSwitcher() {
1771    const AUTOMATION_CONFIG = {
1772        canvasId: 'rive-automation',
1773        stateMachine: 'Main machine',
1774        resizeDebounce: 100,
1775        animations: {
1776            dark: { src: 'https://ucarecdn.com/9c05e31a-07ca-4bc4-8aba-1443943ffa29/' },
1777            light: { src: 'https://ucarecdn.com/e4874ce1-ca4b-49a0-a035-5b35a4b0972e/' }
1778        }
1779    };
1780
1781    const canvasElement = document.getElementById(AUTOMATION_CONFIG.canvasId);
1782    if (!canvasElement) return;
1783
1784    let currentRiveInstance = null;
1785    let currentThemeLoaded = null;
1786    let resizeTimeout = null;
1787
1788    function cleanupCurrentRiveInstance() {
1789        if (currentRiveInstance) {
1790            if (currentRiveInstance.stop) currentRiveInstance.stop();
1791            if (currentRiveInstance.cleanup) currentRiveInstance.cleanup();
1792            currentRiveInstance = null;
1793            currentThemeLoaded = null;
1794        }
1795    }
1796
1797    function loadRiveAnimationForTheme(theme) {
1798        const animationConfig = AUTOMATION_CONFIG.animations[theme];
1799        if (!animationConfig) return;
1800
1801        if (currentThemeLoaded === theme && currentRiveInstance?.isLoaded) return;
1802
1803        cleanupCurrentRiveInstance();
1804        
1805        currentRiveInstance = new rive.Rive({
1806            src: animationConfig.src,
1807            canvas: canvasElement,
1808            autoplay: true,
1809            stateMachines: AUTOMATION_CONFIG.stateMachine,
1810            layout: new rive.Layout({ fit: rive.Fit.cover, alignment: rive.Alignment.left }),
1811            isTouchScrollEnabled: true,
1812            onLoad: () => {
1813                currentRiveInstance?.resizeDrawingSurfaceToCanvas();
1814                currentThemeLoaded = theme;
1815            }
1816        });
1817    }
1818
1819    const observer = new MutationObserver(() => {
1820        const theme = document.documentElement.getAttribute('data-theme');
1821        if (theme && AUTOMATION_CONFIG.animations[theme]) {
1822            loadRiveAnimationForTheme(theme);
1823        }
1824    });
1825    
1826    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['data-theme'] });
1827
1828    window.addEventListener('resize', () => {
1829        clearTimeout(resizeTimeout);
1830        resizeTimeout = setTimeout(() => {
1831            currentRiveInstance?.resizeDrawingSurfaceToCanvas();
1832        }, AUTOMATION_CONFIG.resizeDebounce);
1833    });
1834
1835    const initialTheme = document.documentElement.getAttribute('data-theme') || 'light';
1836    loadRiveAnimationForTheme(initialTheme);
1837}
1838
1839if (document.readyState === 'loading') {
1840    document.addEventListener('DOMContentLoaded', () => {
1841        if (window.rive && document.getElementById('rive-automation')) {
1842            initializeRiveAutomationThemeSwitcher();
1843        }
1844    });
1845} else if (window.rive && document.getElementById('rive-automation')) {
1846    initializeRiveAutomationThemeSwitcher();
1847}</script>
1847</div><img width="1024" height="683" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%20683'%3E%3C/svg%3E" class="brxe-image css-filter size-large" alt="Wordpress Webdesign Schweiz" decoding="async" data-lazy-srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-1024x683.png 1024w, https://rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-300x200.png 300w, https://rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-768x512.png 768w, https://rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-1200x800.png 1200w, https://rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-600x400.png 600w, https://rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development.png 1536w" data-lazy-sizes="(max-width: 1024px) 100vw, 1024px" data-lazy-src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-1024x683.png" /><noscript><img width="1024" height="683" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-1024x683.png" class="brxe-image css-filter size-large" alt="Wordpress Webdesign Schweiz" decoding="async" srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-1024x683.png 1024w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-300x200.png 300w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-768x512.png 768w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-1200x800.png 1200w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-600x400.png 600w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development.png 1536w" sizes="(max-width: 1024px) 100vw, 1024px" /></noscript></div><div class="brxe-block service-card__content"><div class="brxe-block service-card__copy"><h3 class="brxe-heading service-card__copy-header">Business Automation</h3><p id="brxe-gpsvgt" class="brxe-text-basic">Eliminiere das Chaos & das abtippen</p><p class="brxe-text-basic service-card__copy-text">Befreie dich und dein Team von repetitiven Aufgaben. Ob Angebotserstellung, Reporting oder Datenpflege – wir bauen intelligente Workflows, die deine manuellen Handgriffe eliminieren. Du gewinnst wertvolle Zeit und senkst deine Betriebskosten messbar.</p></div><a id="brxe-wjqqlw" href="/services/business-automation/" class="brxe-div text-btn-sm"><p class="brxe-text-basic">Mehr erfahren</p><svg class="brxe-svg" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M9 18L15 12L9 6" stroke="#FF58E7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></li><li id="brxe-uttrir" class="brxe-block service-card"><div class="brxe-block service-card__media--website"><div class="brxe-div service-card__media-inner--website"><div id="brxe-uxaaou" data-script-id="uxaaou" class="brxe-code"><pre id="brxe-uxaaou" data-script-id="uxaaou" class="brxe-code">&lt;canvas 
1848    id=&quot;rive-webdev&quot;
1849    class=&quot;rive-canvas&quot;
1850    data-init-function=&quot;theme-switcher&quot;
1851    data-src-light=&quot;https://ucarecdn.com/645cfc4d-37a5-44eb-beed-3360bb525cf6/&quot;
1852    data-src-dark=&quot;https://ucarecdn.com/473829e8-76ad-4790-84cf-116c2f67f9db/&quot;
1853    data-statemachine=&quot;Main Machine&quot;
1854    data-fit=&quot;cover&quot;
1855    data-alignment=&quot;left&quot;&gt;
1856&lt;/canvas&gt;</pre><pre id="brxe-uxaaou" data-script-id="uxaaou" class="brxe-code">#rive-webdev {
1857  width: 100%;
1858  height: 100%;
1859  display: block;
1860  position: absolute; 
1861  top: 0;
1862  left: 0;
1863}</pre><pre id="brxe-uxaaou" data-script-id="uxaaou" class="brxe-code">function initializeRiveWebdevThemeSwitcher() {
1864    const WEBDEV_CONFIG = {
1865        canvasId: &#039;rive-webdev&#039;,
1866        stateMachine: &#039;Main Machine&#039;,
1867        resizeDebounce: 150,
1868        animations: {
1869            dark: { src: &#039;https://ucarecdn.com/473829e8-76ad-4790-84cf-116c2f67f9db/&#039; },
1870            light: { src: &#039;https://ucarecdn.com/645cfc4d-37a5-44eb-beed-3360bb525cf6/&#039; }
1871        }
1872    };
1873
1874    const canvasElement = document.getElementById(WEBDEV_CONFIG.canvasId);
1875    if (!canvasElement) return;
1876
1877    let currentRiveInstance = null;
1878    let currentThemeLoaded = null;
1879    let resizeTimeout = null;
1880
1881    function cleanupCurrentRiveInstance() {
1882        if (currentRiveInstance) {
1883            const instanceToClean = currentRiveInstance;
1884            currentRiveInstance = null;
1885            currentThemeLoaded = null;
1886            if (instanceToClean.stop) instanceToClean.stop();
1887            instanceToClean.cleanup();
1888        }
1889    }
1890
1891    function loadRiveAnimationForTheme(theme) {
1892        const animationConfig = WEBDEV_CONFIG.animations[theme];
1893        if (!animationConfig || !animationConfig.src) return;
1894
1895        if (currentThemeLoaded === theme &amp;&amp; currentRiveInstance &amp;&amp; currentRiveInstance.isLoaded) {
1896            return;
1897        }
1898
1899        cleanupCurrentRiveInstance();
1900        canvasElement.style.display = &#039;block&#039;;
1901
1902        const newInstanceAttempt = new rive.Rive({
1903            src: animationConfig.src,
1904            canvas: canvasElement,
1905            autoplay: true,
1906            stateMachines: animationConfig.stateMachine || WEBDEV_CONFIG.stateMachine,
1907            layout: new rive.Layout({ fit: rive.Fit.cover, alignment: rive.Alignment.left }),
1908            isTouchScrollEnabled: true,
1909            onLoad: () =&gt; {
1910                if (currentRiveInstance === newInstanceAttempt) {
1911                    newInstanceAttempt.resizeDrawingSurfaceToCanvas();
1912                    currentThemeLoaded = theme;
1913                } else {
1914                    newInstanceAttempt.cleanup();
1915                }
1916            }
1917        });
1918        currentRiveInstance = newInstanceAttempt;
1919    }
1920
1921    function handleResize() {
1922        clearTimeout(resizeTimeout);
1923        resizeTimeout = setTimeout(() =&gt; {
1924            if (currentRiveInstance &amp;&amp; currentRiveInstance.canvas &amp;&amp; currentRiveInstance.isLoaded) {
1925                currentRiveInstance.resizeDrawingSurfaceToCanvas();
1926            }
1927        }, WEBDEV_CONFIG.resizeDebounce);
1928    }
1929
1930    function setupThemeChangeListener() {
1931        const observer = new MutationObserver((mutationsList) =&gt; {
1932            for (const mutation of mutationsList) {
1933                if (mutation.type === &#039;attributes&#039; &amp;&amp; mutation.attributeName === &#039;data-theme&#039;) {
1934                    const newTheme = document.documentElement.getAttribute(&#039;data-theme&#039;);
1935                    if (newTheme &amp;&amp; WEBDEV_CONFIG.animations[newTheme]) {
1936                        loadRiveAnimationForTheme(newTheme);
1937                    }
1938                    break;
1939                }
1940            }
1941        });
1942        observer.observe(document.documentElement, { attributes: true });
1943    }
1944
1945    window.addEventListener(&#039;resize&#039;, handleResize);
1946    setupThemeChangeListener();
1947
1948    Promise.resolve().then(() =&gt; {
1949        const currentActualTheme = document.documentElement.getAttribute(&#039;data-theme&#039;);
1950        let themeToLoad = (currentActualTheme &amp;&amp; WEBDEV_CONFIG.animations[currentActualTheme])
1951                            ? currentActualTheme
1952                            : &#039;light&#039;;
1953
1954        if (WEBDEV_CONFIG.animations[themeToLoad]) {
1955            loadRiveAnimationForTheme(themeToLoad);
1956        } else {
1957            if (WEBDEV_CONFIG.animations[&#039;light&#039;]) {
1958                loadRiveAnimationForTheme(&#039;light&#039;);
1959            } else {
1960                canvasElement.style.display = &#039;none&#039;;
1961            }
1962        }
1963    });
1964}
1965
1966function _runRiveWebdevSwitcher() {
1967    if (window.rive &amp;&amp; typeof window.rive.Rive === &#039;function&#039; &amp;&amp; document.getElementById(&#039;rive-webdev&#039;)) {
1968        initializeRiveWebdevThemeSwitcher();
1969    }
1970}
1971
1972if (document.readyState === &#039;loading&#039;) {
1973    document.addEventListener(&#039;DOMContentLoaded&#039;, _runRiveWebdevSwitcher);
1974} else {
1975    _runRiveWebdevSwitcher();
1976}</pre></div><a class="brxe-image tag" href="/services/bexio-automatisierung/"><img width="1024" height="683" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%20683'%3E%3C/svg%3E" class="css-filter size-large" alt="Bexio Automatisierung" decoding="async" data-lazy-srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_c
1976dnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Rocket9-Bexio-Automatisierung-1024x683.webp 1024w, https://rocket9.ch/wp-content/uploads/Rocket9-Bexio-Automatisierung-300x200.webp 300w, https://rocket9.ch/wp-content/uploads/Rocket9-Bexio-Automatisierung-768x512.webp 768w, https://rocket9.ch/wp-content/uploads/Rocket9-Bexio-Automatisierung-1200x800.webp 1200w, https://rocket9.ch/wp-content/uploads/Rocket9-Bexio-Automatisierung-600x400.webp 600w, https://rocket9.ch/wp-content/uploads/Rocket9-Bexio-Automatisierung.webp 1536w" data-lazy-sizes="(max-width: 1024px) 100vw, 1024px" data-lazy-src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Rocket9-Bexio-Automatisierung-1024x683.webp" /><noscript><img width="1024" height="683" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Rocket9-Bexio-Automatisierung-1024x683.webp" class="css-filter size-large" alt="Bexio Automatisierung" decoding="async" srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Rocket9-Bexio-Automatisierung-1024x683.webp 1024w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Rocket9-Bexio-Automatisierung-300x200.webp 300w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Rocket9-Bexio-Automatisierung-768x512.webp 768w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Rocket9-Bexio-Automatisierung-1200x800.webp 1200w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Rocket9-Bexio-Automatisierung-600x400.webp 600w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Rocket9-Bexio-Automatisierung.webp 1536w" sizes="(max-width: 1024px) 100vw, 1024px" /></noscript></a></div></div><div id="brxe-rxgvsa" class="brxe-block service-card__media"><div id="brxe-yfpozs" data-script-id="yfpozs" class="brxe-code"><canvas 
1977    id="rive-crm"
1978    class="rive-canvas"
1979    data-init-function="theme-switcher"
1980    data-src-light="https://ucarecdn.com/cffae8be-9e59-49f7-9aec-88222fda7db7/"
1981    data-src-dark="https://ucarecdn.com/8ba7dd43-bc67-47c3-9fe3-f4ad98df31d7/"
1982    data-statemachine="Main Machine"
1983    data-fit="cover"
1984    data-alignment="center">
1985</canvas><style></style>
1985<script>function initializeMinimalRiveThemeSwitcher() {
1986    const RIVE_CONFIG = {
1987        canvasId: 'rive-crm',
1988        stateMachine: 'Main Machine',
1989        resizeDebounce: 100,
1990        animations: {
1991            dark: { src: 'https://ucarecdn.com/8ba7dd43-bc67-47c3-9fe3-f4ad98df31d7/' },
1992            light: { src: 'https://ucarecdn.com/cffae8be-9e59-49f7-9aec-88222fda7db7/' }
1993        }
1994    };
1995
1996    const canvasElement = document.getElementById(RIVE_CONFIG.canvasId);
1997    if (!canvasElement) return;
1998
1999    let currentRiveInstance = null;
2000    let currentThemeLoaded = null;
2001    let resizeTimeout = null;
2002
2003    function cleanupCurrentRiveInstance() {
2004        if (currentRiveInstance) {
2005            if (currentRiveInstance.stop) currentRiveInstance.stop();
2006            if (currentRiveInstance.cleanup) currentRiveInstance.cleanup();
2007            currentRiveInstance = null;
2008            currentThemeLoaded = null;
2009        }
2010    }
2011
2012    function loadRiveAnimationForTheme(theme) {
2013        const animationConfig = RIVE_CONFIG.animations[theme];
2014        if (!animationConfig) return;
2015
2016        if (currentThemeLoaded === theme && currentRiveInstance?.isLoaded) return;
2017
2018        cleanupCurrentRiveInstance();
2019        
2020        currentRiveInstance = new rive.Rive({
2021            src: animationConfig.src,
2022            canvas: canvasElement,
2023            autoplay: true,
2024            stateMachines: RIVE_CONFIG.stateMachine,
2025            layout: new rive.Layout({ fit: rive.Fit.cover, alignment: rive.Alignment.center }),
2026            onLoad: () => {
2027                currentRiveInstance?.resizeDrawingSurfaceToCanvas();
2028                currentThemeLoaded = theme;
2029            }
2030        });
2031    }
2032
2033    const observer = new MutationObserver(() => {
2034        const theme = document.documentElement.getAttribute('data-theme');
2035        if (theme && RIVE_CONFIG.animations[theme]) {
2036            loadRiveAnimationForTheme(theme);
2037        }
2038    });
2039    
2040    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['data-theme'] });
2041
2042    window.addEventListener('resize', () => {
2043        clearTimeout(resizeTimeout);
2044        resizeTimeout = setTimeout(() => {
2045            currentRiveInstance?.resizeDrawingSurfaceToCanvas();
2046        }, RIVE_CONFIG.resizeDebounce);
2047    });
2048
2049    const initialTheme = document.documentElement.getAttribute('data-theme') || 'light';
2050    loadRiveAnimationForTheme(initialTheme);
2051}
2052
2053if (document.readyState === 'loading') {
2054    document.addEventListener('DOMContentLoaded', () => {
2055        if (window.rive && document.getElementById('rive-crm')) {
2056            initializeMinimalRiveThemeSwitcher();
2057        }
2058    });
2059} else if (window.rive && document.getElementById('rive-crm')) {
2060    initializeMinimalRiveThemeSwitcher();
2061}</script>
2061</div><img width="1024" height="683" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%20683'%3E%3C/svg%3E" class="brxe-image css-filter size-large" alt="Wordpress Webdesign Schweiz" decoding="async" data-lazy-srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-1024x683.png 1024w, https://rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-300x200.png 300w, https://rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-768x512.png 768w, https://rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-1200x800.png 1200w, https://rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-600x400.png 600w, https://rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development.png 1536w" data-lazy-sizes="(max-width: 1024px) 100vw, 1024px" data-lazy-src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-1024x683.png" /><noscript><img width="1024" height="683" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-1024x683.png" class="brxe-image css-filter size-large" alt="Wordpress Webdesign Schweiz" decoding="async" srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-1024x683.png 1024w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-300x200.png 300w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-768x512.png 768w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-1200x800.png 1200w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development-600x400.png 600w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/06/Website-Design-Development.png 1536w" sizes="(max-width: 1024px) 100vw, 1024px" /></noscript></div><div class="brxe-block service-card__content"><div class="brxe-block service-card__copy"><h3 class="brxe-heading service-card__copy-header">Bexio Automatisierungen</h3><p id="brxe-ireufu" class="brxe-text-basic">adminstration, die sich von alleine macht.</p><p class="brxe-text-basic service-card__copy-text">Schluss mit Copy-Paste und Tippfehlern. Wir verknüpfen dein Ökosystem nahtlos mit Bexio. Rechnungen erstellen sich automatisch, Kundendaten synchronisieren sich im Hintergrund und deine Admin erledigt sich, während du schläfst.</p></div><a id="brxe-vlwrpr" href="/services/bexio-automatisierung/" class="brxe-div text-btn-sm"><p class="brxe-text-basic">Mehr erfahren</p><svg class="brxe-svg" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M9 18L15 12L9 6" stroke="#FF58E7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></li><li id="brxe-nfsuke" class="brxe-block service-card-sm"><div class="brxe-block service-card-sm__content"><div class="brxe-block service-card-sm__icon-wrap"><svg class="brxe-svg service-card-sm__icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3M12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3M12 21C9.4651 18.3899 8 15.3051 8 12C8 8.69488 9.4651 5.61005 12 3M12 21C14.5349 18.3899 16 15.3051 16 12C16 8.69488 14.5349 5.61005 12 3M20 9H4M20 15H4" stroke="#FF27D7" stroke-width="2"></path></svg></div><div class="brxe-block service-card__copy"><h3 class="brxe-heading service-card__copy-header">Performance Marketing (Ads)</h3><p id="brxe-bxrxqt" class="brxe-text-basic">Wer dich sucht, muss dich finden.</p><p class="brxe-text-basic service-card__copy-text">Die beste Webseite nützt nichts, wenn sie niemand sieht. Wir schalten laser-fokussierte Kampagnen auf Google und Social Media, damit du genau dann sichtbar bist, wenn potenzielle Kunden nach deinem Angebot suchen. Wir leiten kaufbereite Besucher auf deine Seite und verwandeln Suchanfragen in echte Leads.</p></div><a id="brxe-xbdifq" href="/services/google-ads-kampagnen/" class="brxe-div text-btn-sm"><p class="brxe-text-basic">Mehr erfahren</p><svg class="brxe-svg" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M9 18L15 12L9 6" stroke="#FF58E7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></li><li id="brxe-etvkvq" class="brxe-block service-card-sm"><div class="brxe-block service-card-sm__content"><div class="brxe-block service-card-sm__icon-wrap"><svg class="brxe-svg service-card-sm__icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
2061<path d="M13 3H7C5.89543 3 5 3.89543 5 5V19C5 20.1046 5.89543 21 7 21H17C18.1046 21 19 20.1046 19 19V9M13 3L19 9M13 3V8C13 8.55228 13.4477 9 14 9H19M9 13H15M9 17H15" stroke="#FF58E7" stroke-width="2"></path></svg></div><div class="brxe-block service-card__copy"><h3 class="brxe-heading service-card__copy-header">HubSpot CRM Integration</h3><p id="brxe-ujwfws" class="brxe-text-basic">Kein Anfrage geht mehr verloren.</p><p class="brxe-text-basic service-card__copy-text">Professionalisiere deinen Verkauf. Wir implementieren HubSpot als das Herzstück deiner Kundenbeziehung. Mit automatisierten Follow-ups und klaren Pipelines steigerst du deine Abschlussquote und bindest Kunden langfristig an dein Unternehmen.</p><a id="brxe-jpvfgt" href="/services/hubspot-crm-implementierung/" class="brxe-div text-btn-sm"><p class="brxe-text-basic">Mehr erfahren</p><svg class="brxe-svg" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M9 18L15 12L9 6" stroke="#FF58E7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></li><li id="brxe-ithwed" class="brxe-block service-card-sm"><div class="brxe-block service-card-sm__content"><div class="brxe-block service-card-sm__icon-wrap"><svg class="brxe-svg service-card-sm__icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15 7L8.83447 8.76158C8.52956 8.8487 8.37711 8.89226 8.25117 8.97414C8.13969 9.04662 8.04379 9.1406 7.96907 9.2506C7.88466 9.37485 7.83803 9.5264 7.74477 9.82948L4 22M4 22L16.1705 18.2552C16.4736 18.162 16.6251 18.1153 16.7494 18.0309C16.8594 17.9562 16.9534 17.8603 17.0259 17.7488C17.1077 17.6229 17.1513 17.4704 17.2384 17.1655L19 11M4 22L10.586 15.4139M5 8V2M2 5H8M21.8686 7.86863L18.1314 4.13137C17.7354 3.73535 17.5373 3.53735 17.309 3.46316C17.1082 3.3979 16.8918 3.3979 16.691 3.46316C16.4627 3.53735 16.2646 3.73535 15.8686 4.13137L15.1314 4.86863C14.7354 5.26465 14.5373 5.46265 14.4632 5.69098C14.3979 5.89183 14.3979 6.10817 14.4632 6.30902C14.5373 6.53735 14.7354 6.73535 15.1314 7.13137L18.8686 10.8686C19.2646 11.2646 19.4627 11.4627 19.691 11.5368C19.8918 11.6021 20.1082 11.6021 20.309 11.5368C20.5373 11.4627 20.7354 11.2646 21.1314 10.8686L21.8686 10.1314C22.2646 9.73535 22.4627 9.53735 22.5368 9.30902C22.6021 9.10817 22.6021 8.89183 22.5368 8.69098C22.4627 8.46265 22.2646 8.26465 21.8686 7.86863ZM12 12C13.1046 12 14 12.8954 14 14C14 15.1046 13.1046 16 12 16C10.8954 16 10 15.1046 10 14C10 12.8954 10.8954 12 12 12Z" stroke="#FF58E7" stroke-width="2"></path></svg></div><div class="brxe-block service-card__copy"><h3 class="brxe-heading service-card__copy-header">Integrationen</h3><p id="brxe-lacukl" class="brxe-text-basic">Systeme, die miteinander arbeiten.</p><p class="brxe-text-basic service-card__copy-text">Software nützt nur, wenn sie integriert ist. Wir helfen dir bei der Auswahl und Implementierung der richtigen Tools und verbinden sie direkt mit deinem Workflow. Wir sorgen dafür, dass alle die gleiche Sprache sprechen und Daten nahtlos fliessen.</p></div></div></li></ul><a id="brxe-rcnyfi" href="https://rocket9.ch/services/" class="brxe-div color-btn"><span class="brxe-text-basic">Alle Services entdecken</span></a></div></section><section  id="testimonial-sctn" class="brxe-section testimonial-sctn"><div  class="brxe-block section-divider" aria-hidden="true"><div class="brxe-block section-divider__left"></div><div class="brxe-block section-divider__center"><svg viewBox="0 0 56 48" aria-hidden="true" class="section-divider__svg-left" data-sentry-element="svg" data-sentry-source-file="Bento.tsx">
2062  <path d="M 2.686 3 H -4 V 48 H 56 V 47 H 53.314 A 8 8 0 0 1 47.657 44.657 L 8.343 5.343 A 8 8 0 0 0 2.686 3 Z" data-sentry-element="path" data-sentry-source-file="Bento.tsx"></path>
2063</svg><svg viewBox="0 0 56 48" aria-hidden="true" class="section-divider__svg-right" data-sentry-element="svg" data-sentry-source-file="Bento.tsx">
2064  <path d="M 53.314 3 H 60 V 48 H 0 V 47 H 2.686 A 8 8 0 0 0 8.343 44.657 L 47.657 5.343 A 8 8 0 0 1 53.314 3 Z" data-sentry-element="path" data-sentry-source-file="Bento.tsx"></path>
2065</svg></div><div class="brxe-block section-divider__right"></div></div><div  class="brxe-container testimonial-sctn__container"><div class="brxe-block sctn__intro testimonial-sctn__intro"><h2 id="brxe-zaqxqm" class="brxe-heading service-sctn-badge">Wall of<span class"sctn-badge-active"> Love</span></h2><p class="brxe-text-basic sctn-intro__headline testimonial-sctn-intro__headline">Unternehmen wie deines wachsen mit Rocket9</p><p class="brxe-text-basic testimonial-sctn-intro__text">Glaub nicht nur uns. Sieh selbst, was unsere Kunden sagen.</p><div class="brxe-div sctn__intro-review-badge-wrap"><a href="https://www.google.com/search?sca_esv=b7fcc3c22c5db769&#038;rlz=1C5CHFA_enCH1039CH1039&#038;si=AMgyJEtREmoPL4P1I5IDCfuA8gybfVI2d5Uj7QMwYCZHKDZ-EyvjM1huhPQC60jVxjWkpeCnrMbEEpNEyMAlSXrcB-_5PlDB9XEk9oR2_7Abpyqzpk7HCpPJr_4NIkATN0IutCHKh9sEUomJ75diByRxwLJyL_18YZ90vq2DYIzGph7BL7IjzYY%3D&#038;q=Rocket9+GmbH+%7C+Webdesign,+E-Commerce+%26+Hosting+Reviews&#038;sa=X&#038;ved=2ahUKEwiVkOyv7sqNAxUohf0HHR15FRQQ0bkNegQIJhAE&#038;biw=2589&#038;bih=1227&#038;dpr=1" target="_blank" aria-label="View all reviews" class="brxe-block sctn__intro-review-badge"><svg class="brxe-svg sctn__intro-review-badge--logo" xmlns="http://www.w3.org/2000/svg" width="22" height="21" viewBox="0 0 22 21"><path d="M10.8434 4.02133C12.7963 4.02133 14.1136 4.86489 14.8647 5.56978L17.7998 2.704C15.9972 1.02844 13.6514 0 10.8434 0C6.77585 0 3.26296 2.33422 1.55273 5.73156L4.9154 8.34311C5.75896 5.83556 8.09318 4.02133 10.8434 4.02133V4.02133Z" fill="#EA4335"></path><path d="M20.8278 10.6321C20.8278 9.77697 20.7584 9.15297 20.6082 8.50586H10.8438V12.3654H16.5753C16.4597 13.3245 15.8357 14.769 14.4491 15.7396L17.7309 18.2819C19.6953 16.4676 20.8278 13.7983 20.8278 10.6321V10.6321Z" fill="#4285F4"></path><path d="M4.92691 12.4578C4.70736 11.8106 4.58025 11.1173 4.58025 10.4009C4.58025 9.68442 4.70736 8.99109 4.91536 8.34398L1.55269 5.73242C0.847804 7.1422 0.443359 8.72531 0.443359 10.4009C0.443359 12.0764 0.847804 13.6595 1.55269 15.0693L4.92691 12.4578V12.4578Z" fill="#FBBC05"></path>
2065<path d="M10.8436 20.8001C13.6516 20.8001 16.0089 19.8757 17.7307 18.281L14.4489 15.7388C13.5707 16.3513 12.392 16.7788 10.8436 16.7788C8.09334 16.7788 5.75912 14.9646 4.92712 12.457L1.56445 15.0686C3.27468 18.4659 6.77601 20.8001 10.8436 20.8001V20.8001Z" fill="#34A853"></path></svg><div class="brxe-text-basic sctn__intro-review-badge--text">5.0</div><div class="brxe-div sctn__intro-review-badge-star-wrap"><i class="fas fa-star brxe-icon sctn__intro-review-badge-star"></i><i class="fas fa-star brxe-icon sctn__intro-review-badge-star"></i><i class="fas fa-star brxe-icon sctn__intro-review-badge-star"></i><i class="fas fa-star brxe-icon sctn__intro-review-badge-star"></i><i class="fas fa-star brxe-icon sctn__intro-review-badge-star"></i></div></a></div></div><div class="brxe-div testimonial-card2__grid-wrap"><div class="brxe-div testimonial-card2__grid"><article class="brxe-div testimonial-card2"><div class="brxe-div testimonial-card2__inner"><div class="brxe-div testimonial-card2__info"><h3 class="brxe-heading testimonial-card2__info-name">Martina Stähli</h3><div class="brxe-div rounded--circle testimonial-card2__info-rating" aria-label="5 out of 5 stars rating"><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i></div></div><blockquote class="brxe-div testimonial-card2__quote"><p id="brxe-weeqco" class="brxe-text-basic">Arag AG</p><svg aria-label="hidden" class="brxe-svg testimonial-card2__quote-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="25" fill="none">
2066  <path fill="#FAFAFA" d="M10.875 6.837v8.25a4.504 4.504 0 0 1-4.5 4.5.75.75 0 1 1 0-1.5 3 3 0 0 0 3-3v-.75H3.75a1.5 1.5 0 0 1-1.5-1.5v-6a1.5 1.5 0 0 1 1.5-1.5h5.625a1.5 1.5 0 0 1 1.5 1.5Zm9.375-1.5h-5.625a1.5 1.5 0 0 0-1.5 1.5v6a1.5 1.5 0 0 0 1.5 1.5h5.625v.75a3 3 0 0 1-3 3 .75.75 0 1 0 0 1.5 4.504 4.504 0 0 0 4.5-4.5v-8.25a1.5 1.5 0 0 0-1.5-1.5Z"/>
2067</svg><p class="brxe-text-basic testimonial-card2__quote-text">100% Empfehlung von mir! Wir haben unsere Website arag solar neu aufgebaut. Ziel war es, dass die Marke arag solar bekannter wir und dadurch mittels Kontaktformular und Kostenrechner Leads generiert werden können. Das Team hat sich stark mit unseren Bedürfnissen, der Marke und der Dienstleistung auseinander gesetzt - als Kunde fühlt man sich dadurch sehr gut betreut. Das Ergebnis ist modern und in der Usability top.</p></blockquote></div></article><article class="brxe-div testimonial-card2"><div class="brxe-div testimonial-card2__inner"><div class="brxe-div testimonial-card2__info"><h3 class="brxe-heading testimonial-card2__info-name">Fredy Fendt</h3><div class="brxe-div rounded--circle testimonial-card2__info-rating" aria-label="5 out of 5 stars rating"><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i></div></div><blockquote class="brxe-div testimonial-card2__quote"><svg aria-label="hidden" class="brxe-svg testimonial-card2__quote-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="25" fill="none">
2068  <path fill="#FAFAFA" d="M10.875 6.837v8.25a4.504 4.504 0 0 1-4.5 4.5.75.75 0 1 1 0-1.5 3 3 0 0 0 3-3v-.75H3.75a1.5 1.5 0 0 1-1.5-1.5v-6a1.5 1.5 0 0 1 1.5-1.5h5.625a1.5 1.5 0 0 1 1.5 1.5Zm9.375-1.5h-5.625a1.5 1.5 0 0 0-1.5 1.5v6a1.5 1.5 0 0 0 1.5 1.5h5.625v.75a3 3 0 0 1-3 3 .75.75 0 1 0 0 1.5 4.504 4.504 0 0 0 4.5-4.5v-8.25a1.5 1.5 0 0 0-1.5-1.5Z"/>
2069</svg><p class="brxe-text-basic testimonial-card2__quote-text">Rocket9's maintenance packages are really top-notch. They work proactively to identify and fix issues early before they become serious problems, which has saved us a lot of headaches and downtime. Their fair pricing and reliable support make them our go-to partner for everything related to our website.</p></blockquote></div></article><article class="brxe-div testimonial-card2"><div class="brxe-div testimonial-card2__inner"><div class="brxe-div testimonial-card2__info"><h3 class="brxe-heading testimonial-card2__info-name"> Ralph Richards </h3><div class="brxe-div rounded--circle testimonial-card2__info-rating" aria-label="5 out of 5 stars rating"><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i></div></div><blockquote class="brxe-div testimonial-card2__quote"><p id="brxe-npcbwm" class="brxe-text-basic">IME Pension Fund</p><svg aria-label="hidden" class="brxe-svg testimonial-card2__quote-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="25" fill="none">
2070  <path fill="#FAFAFA" d="M10.875 6.837v8.25a4.504 4.504 0 0 1-4.5 4.5.75.75 0 1 1 0-1.5 3 3 0 0 0 3-3v-.75H3.75a1.5 1.5 0 0 1-1.5-1.5v-6a1.5 1.5 0 0 1 1.5-1.5h5.625a1.5 1.5 0 0 1 1.5 1.5Zm9.375-1.5h-5.625a1.5 1.5 0 0 0-1.5 1.5v6a1.5 1.5 0 0 0 1.5 1.5h5.625v.75a3 3 0 0 1-3 3 .75.75 0 1 0 0 1.5 4.504 4.504 0 0 0 4.5-4.5v-8.25a1.5 1.5 0 0 0-1.5-1.5Z"/>
2071</svg><p class="brxe-text-basic testimonial-card2__quote-text">Rocket9 GmbH and their crew is an excellent boutique type one stop shop to get your Web presence developed. The team is very competent, forthcoming, professional, time conscious and customer oriented. I would certainly recommend Rocket9 GmbH, to any organization looking for a solution-oriented provider for Web presence requirements.</p></blockquote></div></article><article class="brxe-div testimonial-card2"><div class="brxe-div testimonial-card2__inner"><div class="brxe-div testimonial-card2__info"><h3 class="brxe-heading testimonial-card2__info-name"> Sandro Kopacevic </h3><div class="brxe-div rounded--circle testimonial-card2__info-rating" aria-label="5 out of 5 stars rating"><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i></div></div><blockquote class="brxe-div testimonial-card2__quote"><p id="brxe-repgfh" class="brxe-text-basic">KOPA Fahrschule</p><svg aria-label="hidden" class="brxe-svg testimonial-card2__quote-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="25" fill="none">
2072  <path fill="#FAFAFA" d="M10.875 6.837v8.25a4.504 4.504 0 0 1-4.5 4.5.75.75 0 1 1 0-1.5 3 3 0 0 0 3-3v-.75H3.75a1.5 1.5 0 0 1-1.5-1.5v-6a1.5 1.5 0 0 1 1.5-1.5h5.625a1.5 1.5 0 0 1 1.5 1.5Zm9.375-1.5h-5.625a1.5 1.5 0 0 0-1.5 1.5v6a1.5 1.5 0 0 0 1.5 1.5h5.625v.75a3 3 0 0 1-3 3 .75.75 0 1 0 0 1.5 4.504 4.504 0 0 0 4.5-4.5v-8.25a1.5 1.5 0 0 0-1.5-1.5Z"/>
2073</svg><p class="brxe-text-basic testimonial-card2__quote-text">Das Team von Rocket9 kann ich nur weiter empfehlen! Fokusiert, zielstrebig und kundenorientiert habe Sie meine Webseite aufgebaut. Ich bin sehr zufrieden mit den Dienstleistungen und den Umgang! Kan und werde ich weiter empfehlen! Vielen Dank! 😁👌</p></blockquote></div></article><article class="brxe-div testimonial-card2"><div class="brxe-div testimonial-card2__inner"><div class="brxe-div testimonial-card2__info"><h3 class="brxe-heading testimonial-card2__info-name"> Kevin Müller </h3><div class="brxe-div rounded--circle testimonial-card2__info-rating" aria-label="5 out of 5 stars rating"><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i></div></div><blockquote class="brxe-div testimonial-card2__quote"><p id="brxe-zobnem" class="brxe-text-basic">M-TEC Services</p><svg aria-label="hidden" class="brxe-svg testimonial-card2__quote-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="25" fill="none">
2074  <path fill="#FAFAFA" d="M10.875 6.837v8.25a4.504 4.504 0 0 1-4.5 4.5.75.75 0 1 1 0-1.5 3 3 0 0 0 3-3v-.75H3.75a1.5 1.5 0 0 1-1.5-1.5v-6a1.5 1.5 0 0 1 1.5-1.5h5.625a1.5 1.5 0 0 1 1.5 1.5Zm9.375-1.5h-5.625a1.5 1.5 0 0 0-1.5 1.5v6a1.5 1.5 0 0 0 1.5 1.5h5.625v.75a3 3 0 0 1-3 3 .75.75 0 1 0 0 1.5 4.504 4.504 0 0 0 4.5-4.5v-8.25a1.5 1.5 0 0 0-1.5-1.5Z"/>
2075</svg><p class="brxe-text-basic testimonial-card2__quote-text">Ich habe die Webseite für meine Firma mtec-services.ch durch die Jungs von Rocket9 machen lassen und ich bin sehr zufrieden mit dem Ergebnis.
2076Das Team von Rocket9 ist super. Es wurde alles super erklärt und sie haben meine Wünsche und Inputs superschnell umgesetzt.
2077Ich kann Rocket9 jedem weiterempfehlen, der nicht selber viel Zeit und Nerven investieren will, eine Website selber zu erstellen.</p></blockquote></div></article><article class="brxe-div testimonial-card2"><div class="brxe-div testimonial-card2__inner"><div class="brxe-div testimonial-card2__info"><h3 class="brxe-heading testimonial-card2__info-name">Markus Gosteli</h3><div class="brxe-div rounded--circle testimonial-card2__info-rating" aria-label="5 out of 5 stars rating"><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i></div></div><blockquote class="brxe-div testimonial-card2__quote"><svg aria-label="hidden" class="brxe-svg testimonial-card2__quote-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="25" fill="none">
2078  <path fill="#FAFAFA" d="M10.875 6.837v8.25a4.504 4.504 0 0 1-4.5 4.5.75.75 0 1 1 0-1.5 3 3 0 0 0 3-3v-.75H3.75a1.5 1.5 0 0 1-1.5-1.5v-6a1.5 1.5 0 0 1 1.5-1.5h5.625a1.5 1.5 0 0 1 1.5 1.5Zm9.375-1.5h-5.625a1.5 1.5 0 0 0-1.5 1.5v6a1.5 1.5 0 0 0 1.5 1.5h5.625v.75a3 3 0 0 1-3 3 .75.75 0 1 0 0 1.5 4.504 4.504 0 0 0 4.5-4.5v-8.25a1.5 1.5 0 0 0-1.5-1.5Z"/>
2079</svg><p class="brxe-text-basic testimonial-card2__quote-text">Wir sind sehr zufrieden mit den Dienstleistungen von Rocket9. Sie haben eine ansprechende Website für uns gestaltet und bieten einen verlässlichen Wartungsservice an. Die Wartungspakete sind fair und entlasten uns erheblich, da wir uns keine Sorgen um technische Probleme machen müssen. Rocket9 kümmert sich zuverlässig darum, dass unsere Website stets aktuell und performant bleibt. Wir können Rocket9 definitiv weiterempfehlen, wenn man eine professionelle und unkomplizierte Lösung für seine Website sucht.</p></blockquote></div></article><article class="brxe-div testimonial-card2"><div class="brxe-div testimonial-card2__inner"><div class="brxe-div testimonial-card2__info"><h3 class="brxe-heading testimonial-card2__info-name"> Urs Kramer</h3><div class="brxe-div rounded--circle testimonial-card2__info-rating" aria-label="5 out of 5 stars rating"><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i></div></div><blockquote class="brxe-div testimonial-card2__quote"><p id="brxe-gelork" class="brxe-text-basic">Kramer Immobilien</p><svg aria-label="hidden" class="brxe-svg testimonial-card2__quote-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="25" fill="none">
2080  <path fill="#FAFAFA" d="M10.875 6.837v8.25a4.504 4.504 0 0 1-4.5 4.5.75.75 0 1 1 0-1.5 3 3 0 0 0 3-3v-.75H3.75a1.5 1.5 0 0 1-1.5-1.5v-6a1.5 1.5 0 0 1 1.5-1.5h5.625a1.5 1.5 0 0 1 1.5 1.5Zm9.375-1.5h-5.625a1.5 1.5 0 0 0-1.5 1.5v6a1.5 1.5 0 0 0 1.5 1.5h5.625v.75a3 3 0 0 1-3 3 .75.75 0 1 0 0 1.5 4.504 4.504 0 0 0 4.5-4.5v-8.25a1.5 1.5 0 0 0-1.5-1.5Z"/>
2081</svg><p class="brxe-text-basic testimonial-card2__quote-text">Danke für das tolle Projekt! Unkompliziert, innovativ, lösungsorientiert - so macht eine Zusammenarbeit richtig Spass, vor allem, wenn das Ergebnis zu unserer vollsten Zufriedenheit ausfällt.</p></blockquote></div></article><article class="brxe-div testimonial-card2"><div class="brxe-div testimonial-card2__inner"><div class="brxe-div testimonial-card2__info"><h3 class="brxe-heading testimonial-card2__info-name">Oliver Bauer</h3><div class="brxe-div rounded--circle testimonial-card2__info-rating" aria-label="5 out of 5 stars rating"><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i></div></div><blockquote class="brxe-div testimonial-card2__quote"><p id="brxe-fxmhdz" class="brxe-text-basic">BO Finanz AG</p><svg aria-label="hidden" class="brxe-svg testimonial-card2__quote-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="25" fill="none">
2082  <path fill="#FAFAFA" d="M10.875 6.837v8.25a4.504 4.504 0 0 1-4.5 4.5.75.75 0 1 1 0-1.5 3 3 0 0 0 3-3v-.75H3.75a1.5 1.5 0 0 1-1.5-1.5v-6a1.5 1.5 0 0 1 1.5-1.5h5.625a1.5 1.5 0 0 1 1.5 1.5Zm9.375-1.5h-5.625a1.5 1.5 0 0 0-1.5 1.5v6a1.5 1.5 0 0 0 1.5 1.5h5.625v.75a3 3 0 0 1-3 3 .75.75 0 1 0 0 1.5 4.504 4.504 0 0 0 4.5-4.5v-8.25a1.5 1.5 0 0 0-1.5-1.5Z"/>
2083</svg><p class="brxe-text-basic testimonial-card2__quote-text">Ich bin absolut begeistert! Das Team von Rocket9 hat für mich ein Logo und die Webseite für meine neu gegründete Firma (BO Finanz AG) gestaltet – das Ergebnis ist professionell, modern und hat schon viele Komplimente ausgelöst. Zusätzlich wurde ich auch bei der Einrichtung von E-Mail, Google-Diensten usw. unterstützt – weit mehr, als ursprünglich vereinbart. Besonders schätze ich den persönlichen Kontakt dem Team und die schnelle Verfügbarkeit, auch für spontane Änderungen.
2084Ein rundum grossartiger Service, den ich jederzeit weiterempfehlen würde!</p></blockquote></div></article></div><article class="brxe-div testimonial-card2"><div class="brxe-div testimonial-card2__inner"><div class="brxe-div testimonial-card2__info"><h3 class="brxe-heading testimonial-card2__info-name">Nicolas Tschudin</h3><div class="brxe-div rounded--circle testimonial-card2__info-rating" aria-label="5 out of 5 stars rating"><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i><i class="fas fa-star brxe-icon testimonial-reviews-card__rating-icon"></i></div></div><blockquote class="brxe-div testimonial-card2__quote"><p id="brxe-onotcp" class="brxe-text-basic">Aesthetik Bern</p><svg aria-label="hidden" class="brxe-svg testimonial-card2__quote-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="25" fill="none">
2085  <path fill="#FAFAFA" d="M10.875 6.837v8.25a4.504 4.504 0 0 1-4.5 4.5.75.75 0 1 1 0-1.5 3 3 0 0 0 3-3v-.75H3.75a1.5 1.5 0 0 1-1.5-1.5v-6a1.5 1.5 0 0 1 1.5-1.5h5.625a1.5 1.5 0 0 1 1.5 1.5Zm9.375-1.5h-5.625a1.5 1.5 0 0 0-1.5 1.5v6a1.5 1.5 0 0 0 1.5 1.5h5.625v.75a3 3 0 0 1-3 3 .75.75 0 1 0 0 1.5 4.504 4.504 0 0 0 4.5-4.5v-8.25a1.5 1.5 0 0 0-1.5-1.5Z"/>
2086</svg><p class="brxe-text-basic testimonial-ca
2086rd2__quote-text">Das moderne Design, die klare Struktur und die benutzerfreundliche Navigation machen den Besuch nicht nur angenehm, sondern auch informativ. Besonders hervorheben möchte ich die hervorragende Zusammenarbeit mit dem Team – professionell, zuverlässig und stets bereit, die Extrameile zu gehen. Das Ergebnis ist eine rundum gelungene Webseite! Herzlichen Dank!</p></blockquote></div></article><div class="brxe-div testimonial-card2__grid-action"><button class="brxe-div testimonial-card2__grid-action-btn"><span class="brxe-text-basic">Mehr anzeigen</span></button></div><div data-script-id="drdanz" class="brxe-code">
2086<script>document.addEventListener('DOMContentLoaded', function() {
2087            // --- Element Selection ---
2088            const gridWrap = document.querySelector('.testimonial-card2__grid-wrap');
2089            const actionDiv = document.querySelector('.testimonial-card2__grid-action');
2090            const actionBtn = document.querySelector('.testimonial-card2__grid-action-btn');
2091            const btnText = actionBtn.querySelector('span');
2092            const testimonialSection = document.getElementById('testimonial-sctn');
2093
2094            // --- State Management & Configuration ---
2095            let isExpanded = false;
2096            let lastScrollY = window.scrollY;
2097            let isActionButtonVisible = true;
2098
2099            const scrollThreshold = 100; // Reduced threshold for better responsiveness
2100            const originalButtonText = 'Mehr anzeigen';
2101            const secondaryButtonText = 'Alles klar, ich checks :)';
2102
2103            // --- Initial Setup ---
2104            btnText.textContent = originalButtonText;
2105
2106            // --- Main Click Handler ---
2107            actionBtn.addEventListener('click', function() {
2108                if (!isExpanded) {
2109                    // --- ACTION: EXPANDING ---
2110                    gridWrap.classList.add('expanded');
2111                    btnText.textContent = secondaryButtonText;
2112                    isExpanded = true;
2113                    
2114                    // Hide the button immediately after expanding
2115                    actionDiv.classList.remove('fade-in');
2116                    actionDiv.classList.add('fade-out');
2117                    isActionButtonVisible = false;
2118
2119                } else {
2120                    // --- ACTION: COLLAPSING ---
2121                    gridWrap.classList.remove('expanded');
2122                    btnText.textContent = originalButtonText;
2123                    isExpanded = false;
2124
2125                    // Scroll user back to the top of the section
2126                    const headerHeight = document.querySelector('.header-section')?.offsetHeight || 0;
2127                    window.scrollTo({
2128                        top: testimonialSection.offsetTop - headerHeight - 20,
2129                        behavior: 'smooth'
2130                    });
2131
2132                    // Show the button immediately when collapsing
2133                    actionDiv.classList.remove('fade-out');
2134                    actionDiv.classList.add('fade-in');
2135                    isActionButtonVisible = true;
2136                }
2137            });
2138
2139            // --- Scroll Handler ---
2140            window.addEventListener('scroll', function() {
2141                // Only run scroll logic when expanded
2142                if (!isExpanded) return;
2143
2144                const currentScrollY = window.scrollY;
2145                const scrollingDown = currentScrollY > lastScrollY;
2146                const scrollingUp = currentScrollY < lastScrollY;
2147                
2148                // Calculate if we've scrolled enough from the section start
2149                const sectionTop = testimonialSection.offsetTop;
2150                const scrolledFromSection = currentScrollY - sectionTop;
2151                
2152                console.log('Scroll Direction:', scrollingDown ? 'Down' : 'Up', 'ScrolledFromSection:', scrolledFromSection, 'Button Visible:', isActionButtonVisible);
2153
2154                if (scrollingDown && scrolledFromSection > scrollThreshold) {
2155                    // Scrolling down past threshold - show button
2156                    if (!isActionButtonVisible) {
2157                        console.log('Showing button on scroll down');
2158                        actionDiv.classList.remove('fade-out');
2159                        actionDiv.classList.add('fade-in');
2160                        isActionButtonVisible = true;
2161                    }
2162                } else if (scrollingUp && scrolledFromSection > 0) {
2163                    // Scrolling up - hide button
2164                    if (isActionButtonVisible) {
2165                        console.log('Hiding button on scroll up');
2166                        actionDiv.classList.remove('fade-in');
2167                        actionDiv.classList.add('fade-out');
2168                        isActionButtonVisible = false;
2169                    }
2170                }
2171
2172                lastScrollY = currentScrollY;
2173            });
2174        });</script>
2174</div></div></div></section><section  class="brxe-section portfolio-sctn"><div  class="brxe-block section-divider-bottom section-divider-portfolio" aria-hidden="true"><div class="brxe-block section-divider-bottom__center"><svg viewBox="0 0 64 48" aria-hidden="true" class="section-divider-bottom__svg-left" data-sentry-element="svg" data-sentry-source-file="Notch.tsx">
2175  <path d="M51.657 2.343 12.343 41.657A8 8 0 0 1 6.686 44H0v4h64V0h-6.686a8 8 0 0 0-5.657 2.343Z" data-sentry-element="path" data-sentry-source-file="Notch.tsx"></path>
2176</svg><div class="brxe-div section-divider-bottom__svg-center"></div><svg viewBox="0 0 64 48" aria-hidden="true" class="section-divider-bottom__svg-right" data-sentry-element="svg" data-sentry-source-file="Notch.tsx">
2177  <path d="m12.343 2.343 39.314 39.314A8 8 0 0 0 57.314 44H64v4H0V0h6.686a8 8 0 0 1 5.657 2.343Z" data-sentry-element="path" data-sentry-source-file="Notch.tsx"></path>
2178</svg></div></div><div  class="brxe-div portfolio-sctn__rays" aria-hidden="true"><img width="880" height="744" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20880%20744'%3E%3C/svg%3E" class="brxe-image css-filter size-full" alt="" decoding="async" data-lazy-srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/05/portfolio-rays.png 880w, https://rocket9.ch/wp-content/uploads/2025/05/portfolio-rays-300x254.png 300w, https://rocket9.ch/wp-content/uploads/2025/05/portfolio-rays-768x649.png 768w, https://rocket9.ch/wp-content/uploads/2025/05/portfolio-rays-600x507.png 600w" data-lazy-sizes="(max-width: 880px) 100vw, 880px" data-lazy-src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/05/portfolio-rays.png" /><noscript><img width="880" height="744" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/05/portfolio-rays.png" class="brxe-image css-filter size-full" alt="" decoding="async" srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/05/portfolio-rays.png 880w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/05/portfolio-rays-300x254.png 300w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/05/portfolio-rays-768x649.png 768w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/05/portfolio-rays-600x507.png 600w" sizes="(max-width: 880px) 100vw, 880px" /></noscript></div><div  class="brxe-div portfolio-sctn__stars" aria-hidden="true"><svg class="brxe-svg" xmlns="http://www.w3.org/2000/svg" width="575" height="255" viewBox="0 0 575 255"><g><path d="M307.623 122.062C308.168 121.709 308.323 120.981 307.969 120.437C307.616 119.893 306.888 119.738 306.344 120.091C305.8 120.444 305.645 121.172 305.998 121.716C306.351 122.261 307.079 122.416 307.623 122.062Z" fill="white"></path><path d="M250.623 160.451C251.168 160.098 251.323 159.37 250.969 158.826C250.616 158.282 249.888 158.127 249.344 158.48C248.8 158.833 248.645 159.561 248.998 160.105C249.351 160.65 250.079 160.805 250.623 160.451Z" fill="white"></path><path d="M133.757 120.496C134.301 120.142 134.456 119.415 134.103 118.87C133.75 118.326 133.022 118.171 132.478 118.524C131.933 118.878 131.779 119.605 132.132 120.15C132.485 120.694 133.213 120.849 133.757 120.496Z" fill="white"></path><path d="M76.2649 119.298C76.8093 118.945 76.9642 118.217 76.6109 117.673C76.2576 117.129 75.53 116.974 74.9856 117.327C74.4413 117.68 74.2864 118.408 74.6396 118.952C74.9929 119.497 75.7206 119.652 76.2649 119.298Z" fill="white"></path><path d="M277.834 120.391C278.379 120.038 278.534 119.31 278.18 118.766C277.827 118.222 277.099 118.067 276.555 118.42C276.011 118.773 275.856 119.501 276.209 120.045C276.562 120.59 277.29 120.745 277.834 120.391Z" fill="white"></path><path d="M135.843 56.8336C136.387 56.4803 136.542 55.7526 136.189 55.2083C135.836 54.6639 135.108 54.509 134.564 54.8623C134.019 55.2156 133.864 55.9432 134.218 56.4876C134.571 57.0319 135.299 57.1868 135.843 56.8336Z" fill="white"></path><path d="M116.148 55.6109C116.692 55.2577 116.847 54.53 116.494 53.9857C116.14 53.4413 115.413 53.2864 114.868 53.6397C114.324 53.9929 114.169 54.7206 114.522 55.265C114.876 55.8093 115.603 55.9642 116.148 55.6109Z" fill="white"></path><path d="M132.671 89.6969C133.216 89.3436 133.37 88.616 133.017 88.0716C132.664 87.5272 131.936 87.3723 131.392 87.7256C130.848 88.0789 130.693 88.8065 131.046 89.3509C131.399 89.8952 132.127 90.0501 132.671 89.6969Z" fill="white"></path><path d="M163.137 69.224C163.545 68.9592 163.661 68.4135 163.396 68.0054C163.131 67.5972 162.586 67.4811 162.177 67.746C161.769 68.0109 161.653 68.5564 161.918 68.9646C162.183 69.3727 162.729 69.4889 163.137 69.224Z" fill="white"></path>
2178<path d="M400.406 151.94C400.95 151.587 401.105 150.859 400.752 150.315C400.398 149.771 399.671 149.616 399.126 149.969C398.582 150.322 398.427 151.05 398.78 151.594C399.134 152.139 399.861 152.294 400.406 151.94Z" fill="white"></path><path d="M407.12 155.282C407.528 155.017 407.644 154.471 407.379 154.063C407.115 153.655 406.569 153.539 406.161 153.804C405.753 154.068 405.637 154.614 405.901 155.022C406.166 155.43 406.712 155.547 407.12 155.282Z" fill="white"></path><path d="M237.925 76.7225C238.333 76.4576 238.449 75.9121 238.184 75.5039C237.919 75.0958 237.374 74.9796 236.966 75.2445C236.557 75.5093 236.441 76.0549 236.706 76.4631C236.971 76.8712 237.517 76.9874 237.925 76.7225Z" fill="white"></path><path d="M195.409 102.909C195.817 102.644 195.933 102.099 195.669 101.69C195.404 101.282 194.858 101.166 194.45 101.431C194.042 101.696 193.926 102.241 194.191 102.65C194.455 103.058 195.001 103.174 195.409 102.909Z" fill="white"></path><path d="M178.695 130.558C179.239 130.204 179.394 129.477 179.041 128.932C178.687 128.388 177.96 128.233 177.415 128.586C176.871 128.94 176.716 129.667 177.069 130.212C177.423 130.756 178.15 130.911 178.695 130.558Z" fill="white"></path><path d="M162.304 125.794C162.576 125.617 162.654 125.254 162.477 124.982C162.301 124.71 161.937 124.632 161.665 124.809C161.393 124.985 161.316 125.349 161.492 125.621C161.669 125.893 162.032 125.97 162.304 125.794Z" fill="white"></path><path d="M232.647 114.447C232.919 114.27 232.996 113.907 232.82 113.635C232.644 113.363 232.28 113.286 232.008 113.462C231.736 113.639 231.659 114.002 231.835 114.274C232.012 114.546 232.375 114.623 232.647 114.447Z" fill="white"></path><path d="M340.046 44.7546C340.317 44.5781 340.395 44.2146 340.218 43.9426C340.042 43.6707 339.678 43.5933 339.406 43.7698C339.134 43.9462 339.057 44.3097 339.234 44.5817C339.41 44.8536 339.774 44.931 340.046 44.7546Z" fill="white"></path><path d="M419.03 6.79749C419.302 6.62101 419.379 6.2575 419.203 5.98556C419.026 5.71361 418.663 5.63621 418.391 5.8127C418.119 5.98918 418.042 6.35272 418.218 6.62466C418.394 6.89661 418.758 6.97397 419.03 6.79749Z" fill="white"></path><path d="M60.6081 208.59C60.88 208.414 60.9574 208.05 60.7809 207.779C60.6044 207.507 60.2409 207.429 59.969 207.606C59.697 207.782 59.6196 208.146 59.7961 208.418C59.9726 208.69 60.3361 208.767 60.6081 208.59Z" fill="white"></path><path d="M35.9596 186.783C36.2316 186.606 36.309 186.243 36.1325 185.971C35.956 185.699 35.5925 185.622 35.3205 185.798C35.0486 185.975 34.9712 186.338 35.1477 186.61C35.3242 186.882 35.6877 186.959 35.9596 186.783Z" fill="white"></path><path d="M22.1315 211.859C22.4035 211.683 22.4808 211.319 22.3044 211.047C22.1279 210.775 21.7643 210.698 21.4924 210.874C21.2205 211.051 21.1431 211.414 21.3196 211.686C21.496 211.958 21.8596 212.036 22.1315 211.859Z" fill="white"></path><path d="M57.569 230.869C57.841 230.692 57.9183 230.329 57.7418 230.057C57.5654 229.785 57.2018 229.708 56.9299 229.884C56.658 230.06 56.5806 230.424 56.7571 230.696C56.9335 230.968 57.2971 231.045 57.569 230.869Z" fill="white"></path><path d="M162.022 135.075C162.294 134.898 162.371 134.535 162.195 134.263C162.019 133.991 161.655 133.914 161.383 134.09C161.111 134.267 161.034 134.63 161.21 134.902C161.387 135.174 161.75 135.251 162.022 135.075Z" fill="white"></path><path d="M243.171 132.821C243.442 132.644 243.52 132.281 243.343 132.009C243.167 131.737 242.803 131.66 242.531 131.836C242.259 132.013 242.182 132.376 242.359 132.648C242.535 132.92 242.899 132.997 243.171 132.821Z" fill="white"></path><path d="M334.562 66.5133C334.834 66.3369 334.911 65.9733 334.735 65.7014C334.559 65.4294 334.195 65.3521 333.923 65.5285C333.651 65.705 333.574 66.0685 333.75 66.3405C333.927 66.6124 334.29 66.6898 334.562 66.5133Z" fill="white"></path><path d="M254.022 239.233C254.294 239.056 254.371 238.693 254.195 238.421C254.018 238.149 253.655 238.072 253.383 238.248C253.111 238.425 253.034 238.788 253.21 239.06C253.387 239.332 253.75 239.409 254.022 239.233Z" fill="white"></path><path d="M350.061 139.101C350.333 138.925 350.411 138.561 350.234 138.289C350.058 138.017 349.694 137.94 349.422 138.116C349.15 138.293 349.073 138.656 349.249 138.928C349.426 139.2 349.789 139.278 350.061 139.101Z" fill="white"></path><path d="M425.288 88.884C425.56 88.7075 425.638 88.344 425.461 88.0721C425.285 87.8001 424.921 87.7227 424.649 87.8992C424.377 88.0757 424.3 88.4392 424.476 88.7112C424.653 88.9831 425.016 89.0605 425.288 88.884Z" fill="white"></path><path d="M345.975 206.164C346.247 205.988 346.325 205.624 346.148 205.352C345.972 205.08 345.608 205.003 345.336 205.179C345.064 205.356 344.987 205.719 345.163 205.991C345.34 206.263 345.703 206.341 345.975 206.164Z" fill="white"></path><path d="M311.491 228.543C311.763 228.367 311.841 228.003 311.664 227.731C311.488 227.459 311.124 227.382 310.852 227.558C310.58 227.735 310.503 228.098 310.679 228.37C310.856 228.642 311.219 228.719 311.491 228.543Z" fill="white"></path><path d="M251.28 224.212C251.552 224.036 251.63 223.672 251.453 223.4C251.277 223.128 250.913 223.051 250.641 223.227C250.369 223.404 250.292 223.767 250.468 224.039C250.645 224.311 251.008 224.388 251.28 224.212Z" fill="white"></path><path d="M366.608 145.169C366.88 144.993 366.957 144.629 366.781 144.357C366.604 144.085 366.241 144.008 365.969 144.184C365.697 144.361 365.62 144.724 365.796 144.996C365.973 145.268 366.336 145.345 366.608 145.169Z" fill="white"></path><path d="M360.429 210.088C360.701 209.912 360.779 209.548 360.602 209.276C360.426 209.004 360.062 208.927 359.79 209.103C359.518 209.28 359.441 209.643 359.617 209.915C359.794 210.187 360.157 210.264 360.429 210.088Z" fill="white"></path><path d="M304.014 253.697C304.286 253.52 304.364 253.157 304.187 252.885C304.011 252.613 303.647 252.536 303.375 252.712C303.103 252.889 303.026 253.252 303.202 253.524C303.379 253.796 303.742 253.873 304.014 253.697Z" fill="white"></path><path d="M268.311 229.964C268.583 229.788 268.661 229.424 268.484 229.152C268.308 228.88 267.944 228.803 267.672 228.979C267.4 229.156 267.323 229.519 267.499 229.791C267.676 230.063 268.039 230.141 268.3
217811 229.964Z" fill="white"></path><path d="M573.764 29.636C574.036 29.4595 574.114 29.096 573.937 28.8241C573.761 28.5521 573.397 28.4747 573.125 28.6512C572.853 28.8277 572.776 29.1912 572.952 29.4632C573.129 29.7351 573.492 29.8125 573.764 29.636Z" fill="white"></path><path d="M243.319 41.7673C243.863 41.4141 244.018 40.6864 243.665 40.1421C243.311 39.5977 242.584 39.4428 242.039 39.7961C241.495 40.1493 241.34 40.877 241.693 41.4214C242.047 41.9657 242.774 42.1206 243.319 41.7673Z" fill="white"></path><path d="M262.795 8.12674C263.34 7.77348 263.494 7.04583 263.141 6.50148C262.788 5.95712 262.06 5.80221 261.516 6.15547C260.972 6.50873 260.817 7.23639 261.17 7.78075C261.523 8.3251 262.251 8.48 262.795 8.12674Z" fill="white"></path><path d="M250.94 64.8287C251.349 64.5638 251.465 64.0183 251.2 63.6101C250.935 63.202 250.389 63.0858 249.981 63.3507C249.573 63.6155 249.457 64.1611 249.722 64.5693C249.987 64.9774 250.532 65.0936 250.94 64.8287Z" fill="white"></path><path d="M95.7294 167.65C96.1376 167.385 96.2537 166.84 95.9888 166.431C95.724 166.023 95.1784 165.907 94.7703 166.172C94.3621 166.437 94.246 166.982 94.5108 167.391C94.7757 167.799 95.3213 167.915 95.7294 167.65Z" fill="white"></path><path d="M22.8623 198.837C23.2704 198.573 23.3866 198.027 23.1217 197.619C22.8568 197.211 22.3112 197.095 21.9031 197.359C21.4949 197.624 21.3788 198.17 21.6436 198.578C21.9085 198.986 22.4541 199.102 22.8623 198.837Z" fill="white"></path><path d="M1.69822 184.568C2.10636 184.303 2.22252 183.757 1.95764 183.349C1.69277 182.941 1.14718 182.825 0.739029 183.09C0.33088 183.355 0.214712 183.9 0.479585 184.309C0.744458 184.717 1.29007 184.833 1.69822 184.568Z" fill="white"></path><path d="M234.112 16.2418C234.52 15.9769 234.637 15.4314 234.372 15.0232C234.107 14.6151 233.561 14.4989 233.153 14.7638C232.745 15.0286 232.629 15.5742 232.894 15.9824C233.159 16.3905 233.704 16.5067 234.112 16.2418Z" fill="white"></path><path d="M172.05 108.323C172.458 108.058 172.574 107.512 172.309 107.104C172.044 106.696 171.499 106.58 171.091 106.845C170.682 107.11 170.566 107.655 170.831 108.063C171.096 108.472 171.642 108.588 172.05 108.323Z" fill="white"></path><path d="M309.94 48.9439C310.349 48.6791 310.465 48.1335 310.2 47.7253C309.935 47.3172 309.389 47.201 308.981 47.4659C308.573 47.7308 308.457 48.2764 308.722 48.6845C308.987 49.0927 309.532 49.2088 309.94 48.9439Z" fill="white"></path><path d="M73.2874 158.412C73.8318 158.059 73.9867 157.331 73.6334 156.787C73.2801 156.242 72.5525 156.087 72.0081 156.441C71.4638 156.794 71.3088 157.522 71.6621 158.066C72.0154 158.61 72.743 158.765 73.2874 158.412Z" fill="white"></path><path d="M31.2649 225.353C31.8093 225 31.9642 224.272 31.6109 223.728C31.2577 223.183 30.53 223.029 29.9857 223.382C29.4413 223.735 29.2864 224.463 29.6396 225.007C29.9929 225.551 30.7206 225.706 31.2649 225.353Z" fill="white"></path><path d="M90.8431 162.887C91.3874 162.534 91.5423 161.806 91.1891 161.262C90.8358 160.718 90.1081 160.563 89.5638 160.916C89.0194 161.269 88.8645 161.997 89.2178 162.541C89.571 163.086 90.2987 163.241 90.8431 162.887Z" fill="white"></path><path d="M71.1477 161.666C71.6921 161.312 71.847 160.585 71.4937 160.04C71.1405 159.496 70.4128 159.341 69.8685 159.694C69.3241 160.048 69.1692 160.775 69.5224 161.32C69.8757 161.864 70.6034 162.019 71.1477 161.666Z" fill="white"></path><path d="M87.6712 195.751C88.2155 195.397 88.3704 194.67 88.0172 194.125C87.6639 193.581 86.9363 193.426 86.3919 193.779C85.8476 194.133 85.6926 194.86 86.0459 195.405C86.3991 195.949 87.1268 196.104 87.6712 195.751Z" fill="white"></path><path d="M118.136 175.279C118.544 175.014 118.66 174.468 118.395 174.06C118.13 173.652 117.585 173.536 117.177 173.801C116.768 174.066 116.652 174.611 116.917 175.019C117.182 175.427 117.728 175.544 118.136 175.279Z" fill="white"></path></g></svg></div><div  class="brxe-container portfolio-sctn__container"><div class="brxe-block sctn__intro portfolio-sctn__intro"><h2 class="brxe-heading sctn-badge">Rocket9 in<span class"sctn-badge-active"> Action</span></h2><p class="brxe-text-basic sctn-intro__headline header-gradient">Echte Resultate - live und in Farbe</p><p id="brxe-mjbmvu" class="brxe-text-basic sctn-intro__text">Hier siehst du einen Auschnitt von unseren Projekten in freier Wildbahn. KMUs, die vorher digital frustriert waren und jetzt richtig rocken. Websites, die begeistern. Digitale Systeme, die laufen wie Schweizer Uhrwerke.</p></div></div><div  class="brxe-div portfolio-gallery"><div class="brxe-div portfolio-gallery__wrapper"><ul class="brxe-div portfolio-gallery__img-wrapper ul-list--reset"><li class="brxe-div portfolio-gallery__img-li"><img width="1000" height="648" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%20648'%3E%3C/svg%3E" class="brxe-image portfolio-gallery__img css-filter size-full" alt="" decoding="async" data-lazy-srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_c
2178dnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Aesthetik-Bern-Portfolio-2.png 1000w, https://rocket9.ch/wp-content/uploads/Aesthetik-Bern-Portfolio-2-300x194.png 300w, https://rocket9.ch/wp-content/uploads/Aesthetik-Bern-Portfolio-2-768x498.png 768w, https://rocket9.ch/wp-content/uploads/Aesthetik-Bern-Portfolio-2-600x389.png 600w" data-lazy-sizes="(max-width: 1000px) 100vw, 1000px" data-lazy-src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Aesthetik-Bern-Portfolio-2.png" /><noscript><img width="1000" height="648" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Aesthetik-Bern-Portfolio-2.png" class="brxe-image portfolio-gallery__img css-filter size-full" alt="" decoding="async" srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Aesthetik-Bern-Portfolio-2.png 1000w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Aesthetik-Bern-Portfolio-2-300x194.png 300w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Aesthetik-Bern-Portfolio-2-768x498.png 768w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Aesthetik-Bern-Portfolio-2-600x389.png 600w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></li><li class="brxe-div portfolio-gallery__img-li"><img width="1000" height="648" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%20648'%3E%3C/svg%3E" class="brxe-image portfolio-gallery__img css-filter size-full" alt="" decoding="async" data-lazy-srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Christen-Gartenpflege-Portfolio-2.png 1000w, https://rocket9.ch/wp-content/uploads/Christen-Gartenpflege-Portfolio-2-300x194.png 300w, https://rocket9.ch/wp-content/uploads/Christen-Gartenpflege-Portfolio-2-768x498.png 768w, https://rocket9.ch/wp-content/uploads/Christen-Gartenpflege-Portfolio-2-600x389.png 600w" data-lazy-sizes="(max-width: 1000px) 100vw, 1000px" data-lazy-src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Christen-Gartenpflege-Portfolio-2.png" /><noscript><img width="1000" height="648" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Christen-Gartenpflege-Portfolio-2.png" class="brxe-image portfolio-gallery__img css-filter size-full" alt="" decoding="async" srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Christen-Gartenpflege-Portfolio-2.png 1000w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Christen-Gartenpflege-Portfolio-2-300x194.png 300w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Christen-Gartenpflege-Portfolio-2-768x498.png 768w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Christen-Gartenpflege-Portfolio-2-600x389.png 600w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></li><li class="brxe-div portfolio-gallery__img-li"><img width="1000" height="648" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%20648'%3E%3C/svg%3E" class="brxe-image portfolio-gallery__img css-filter size-full" alt="" decoding="async" data-lazy-srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Easy-Solution-Portfolio-1.png 1000w, https://rocket9.ch/wp-content/uploads/Easy-Solution-Portfolio-1-300x194.png 300w, https://rocket9.ch/wp-content/uploads/Easy-Solution-Portfolio-1-768x498.png 768w, https://rocket9.ch/wp-content/uploads/Easy-Solution-Portfolio-1-600x389.png 600w" data-lazy-sizes="(max-width: 1000px) 100vw, 1000px" data-lazy-src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Easy-Solution-Portfolio-1.png" /><noscript><img width="1000" height="648" src="https://spcdn.shortpixel.ai/spio/ret_img+q_c
2178dnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Easy-Solution-Portfolio-1.png" class="brxe-image portfolio-gallery__img css-filter size-full" alt="" decoding="async" srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Easy-Solution-Portfolio-1.png 1000w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Easy-Solution-Portfolio-1-300x194.png 300w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Easy-Solution-Portfolio-1-768x498.png 768w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Easy-Solution-Portfolio-1-600x389.png 600w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></li><li class="brxe-div portfolio-gallery__img-li"><img width="1000" height="648" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%20648'%3E%3C/svg%3E" class="brxe-image portfolio-gallery__img css-filter size-full" alt="" decoding="async" data-lazy-srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Expansion-Schweiz-Portfolio-1.png 1000w, https://rocket9.ch/wp-content/uploads/Expansion-Schweiz-Portfolio-1-300x194.png 300w, https://rocket9.ch/wp-content/uploads/Expansion-Schweiz-Portfolio-1-768x498.png 768w, https://rocket9.ch/wp-content/uploads/Expansion-Schweiz-Portfolio-1-600x389.png 600w" data-lazy-sizes="(max-width: 1000px) 100vw, 1000px" data-lazy-src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Expansion-Schweiz-Portfolio-1.png" /><noscript><img width="1000" height="648" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Expansion-Schweiz-Portfolio-1.png" class="brxe-image portfolio-gallery__img css-filter size-full" alt="" decoding="async" srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Expansion-Schweiz-Portfolio-1.png 1000w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Expansion-Schweiz-Portfolio-1-300x194.png 300w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Expansion-Schweiz-Portfolio-1-768x498.png 768w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Expansion-Schweiz-Portfolio-1-600x389.png 600w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></li></ul><ul class="brxe-div portfolio-gallery__img-wrapper ul-list--reset"><li class="brxe-div portfolio-gallery__img-li"><img width="1000" height="648" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%20648'%3E%3C/svg%3E" class="brxe-image portfolio-gallery__img css-filter size-full" alt="" decoding="async" data-lazy-srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Fabio-Frei-Portfolio-2.png 1000w, https://rocket9.ch/wp-content/uploads/Fabio-Frei-Portfolio-2-300x194.png 300w, https://rocket9.ch/wp-content/uploads/Fabio-Frei-Portfolio-2-768x498.png 768w, https://rocket9.ch/wp-content/uploads/Fabio-Frei-Portfolio-2-600x389.png 600w" data-lazy-sizes="(max-width: 1000px) 100vw, 1000px" data-lazy-src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Fabio-Frei-Portfolio-2.png" /><noscript><img width="1000" height="648" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Fabio-Frei-Portfolio-2.png" class="brxe-image portfolio-gallery__img css-filter size-full" alt="" decoding="async" srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Fabio-Frei-Portfolio-2.png 1000w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Fabio-Frei-Portfolio-2-300x194.png 300w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Fabio-Frei-Portfolio-2-768x498.png 768w, https://spcdn.shortpixel.ai/spio/ret_img+q_c
2178dnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Fabio-Frei-Portfolio-2-600x389.png 600w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></li><li class="brxe-div portfolio-gallery__img-li"><img width="1000" height="648" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%20648'%3E%3C/svg%3E" class="brxe-image portfolio-gallery__img css-filter size-full" alt="" decoding="async" data-lazy-srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Kramer-Immo-Portfolio-2.png 1000w, https://rocket9.ch/wp-content/uploads/Kramer-Immo-Portfolio-2-300x194.png 300w, https://rocket9.ch/wp-content/uploads/Kramer-Immo-Portfolio-2-768x498.png 768w, https://rocket9.ch/wp-content/uploads/Kramer-Immo-Portfolio-2-600x389.png 600w" data-lazy-sizes="(max-width: 1000px) 100vw, 1000px" data-lazy-src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Kramer-Immo-Portfolio-2.png" /><noscript><img width="1000" height="648" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Kramer-Immo-Portfolio-2.png" class="brxe-image portfolio-gallery__img css-filter size-full" alt="" decoding="async" srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Kramer-Immo-Portfolio-2.png 1000w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Kramer-Immo-Portfolio-2-300x194.png 300w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Kramer-Immo-Portfolio-2-768x498.png 768w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Kramer-Immo-Portfolio-2-600x389.png 600w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></li><li class="brxe-div portfolio-gallery__img-li"><img width="1000" height="648" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%20648'%3E%3C/svg%3E" class="brxe-image portfolio-gallery__img css-filter size-full" alt="" decoding="async" data-lazy-srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Letime-Portfolio-2.png 1000w, https://rocket9.ch/wp-content/uploads/Letime-Portfolio-2-300x194.png 300w, https://rocket9.ch/wp-content/uploads/Letime-Portfolio-2-768x498.png 768w, https://rocket9.ch/wp-content/uploads/Letime-Portfolio-2-600x389.png 600w" data-lazy-sizes="(max-width: 1000px) 100vw, 1000px" data-lazy-src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Letime-Portfolio-2.png" /><noscript><img width="1000" height="648" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Letime-Portfolio-2.png" class="brxe-image portfolio-gallery__img css-filter size-full" alt="" decoding="async" srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Letime-Portfolio-2.png 1000w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Letime-Portfolio-2-300x194.png 300w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Letime-Portfolio-2-768x498.png 768w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Letime-Portfolio-2-600x389.png 600w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></li><li class="brxe-div portfolio-gallery__img-li"><img width="1000" height="648" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%20648'%3E%3C/svg%3E" class="brxe-image portfolio-gallery__img css-filter size-full" alt="" decoding="async" data-lazy-srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Finsafe-Portfolio-2.png 1000w, https://rocket9.ch/wp-content/uploads/Finsafe-Portfolio-2-300x194.png 300w, https://rocket9.ch/wp-content/uploads/Finsafe-Portfolio-2-768x498.png 768w, https://rocket9.ch/wp-content/uploads/Finsafe-Portfolio-2-600x389.png 600w" data-lazy-sizes="(max-width: 1000px) 100v
2178w, 1000px" data-lazy-src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Finsafe-Portfolio-2.png" /><noscript><img width="1000" height="648" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Finsafe-Portfolio-2.png" class="brxe-image portfolio-gallery__img css-filter size-full" alt="" decoding="async" srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Finsafe-Portfolio-2.png 1000w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Finsafe-Portfolio-2-300x194.png 300w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Finsafe-Portfolio-2-768x498.png 768w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Finsafe-Portfolio-2-600x389.png 600w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></li></ul><ul class="brxe-div portfolio-gallery__img-wrapper ul-list--reset"><li class="brxe-div portfolio-gallery__img-li"><img width="1000" height="648" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%20648'%3E%3C/svg%3E" class="brxe-image portfolio-gallery__img css-filter size-full" alt="" decoding="async" data-lazy-srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Christen-Gartenpflege-Portfolio-3.png 1000w, https://rocket9.ch/wp-content/uploads/Christen-Gartenpflege-Portfolio-3-300x194.png 300w, https://rocket9.ch/wp-content/uploads/Christen-Gartenpflege-Portfolio-3-768x498.png 768w, https://rocket9.ch/wp-content/uploads/Christen-Gartenpflege-Portfolio-3-600x389.png 600w" data-lazy-sizes="(max-width: 1000px) 100vw, 1000px" data-lazy-src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Christen-Gartenpflege-Portfolio-3.png" /><noscript><img width="1000" height="648" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Christen-Gartenpflege-Portfolio-3.png" class="brxe-image portfolio-gallery__img css-filter size-full" alt="" decoding="async" srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Christen-Gartenpflege-Portfolio-3.png 1000w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Christen-Gartenpflege-Portfolio-3-300x194.png 300w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Christen-Gartenpflege-Portfolio-3-768x498.png 768w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Christen-Gartenpflege-Portfolio-3-600x389.png 600w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></li><li class="brxe-div portfolio-gallery__img-li"><img width="1000" height="648" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%20648'%3E%3C/svg%3E" class="brxe-image portfolio-gallery__img css-filter size-full" alt="" decoding="async" data-lazy-srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Aesthetik-Bern-Portfolio-1.png 1000w, https://rocket9.ch/wp-content/uploads/Aesthetik-Bern-Portfolio-1-300x194.png 300w, https://rocket9.ch/wp-content/uploads/Aesthetik-Bern-Portfolio-1-768x498.png 768w, https://rocket9.ch/wp-content/uploads/Aesthetik-Bern-Portfolio-1-600x389.png 600w" data-lazy-sizes="(max-width: 1000px) 100vw, 1000px" data-lazy-src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Aesthetik-Bern-Portfolio-1.png" /><noscript><img width="1000" height="648" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Aesthetik-Bern-Portfolio-1.png" class="brxe-image portfolio-gallery__img css-filter size-full" alt="" decoding="async" srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Aesthetik-Bern-Portfolio-1.png 1000w, https://spcdn.shortpixel.ai/spio/ret_img+q_c
2178dnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Aesthetik-Bern-Portfolio-1-300x194.png 300w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Aesthetik-Bern-Portfolio-1-768x498.png 768w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Aesthetik-Bern-Portfolio-1-600x389.png 600w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></li><li class="brxe-div portfolio-gallery__img-li"><img width="1000" height="648" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%20648'%3E%3C/svg%3E" class="brxe-image portfolio-gallery__img css-filter size-full" alt="" decoding="async" data-lazy-srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Easy-Solution-Portfolio-3.png 1000w, https://rocket9.ch/wp-content/uploads/Easy-Solution-Portfolio-3-300x194.png 300w, https://rocket9.ch/wp-content/uploads/Easy-Solution-Portfolio-3-768x498.png 768w, https://rocket9.ch/wp-content/uploads/Easy-Solution-Portfolio-3-600x389.png 600w" data-lazy-sizes="(max-width: 1000px) 100vw, 1000px" data-lazy-src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Easy-Solution-Portfolio-3.png" /><noscript><img width="1000" height="648" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Easy-Solution-Portfolio-3.png" class="brxe-image portfolio-gallery__img css-filter size-full" alt="" decoding="async" srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Easy-Solution-Portfolio-3.png 1000w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Easy-Solution-Portfolio-3-300x194.png 300w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Easy-Solution-Portfolio-3-768x498.png 768w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Easy-Solution-Portfolio-3-600x389.png 600w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></li><li class="brxe-div portfolio-gallery__img-li"><img width="1000" height="648" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%20648'%3E%3C/svg%3E" class="brxe-image portfolio-gallery__img css-filter size-full" alt="" decoding="async" data-lazy-srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Kramer-Immo-Portfolio-1.png 1000w, https://rocket9.ch/wp-content/uploads/Kramer-Immo-Portfolio-1-300x194.png 300w, https://rocket9.ch/wp-content/uploads/Kramer-Immo-Portfolio-1-768x498.png 768w, https://rocket9.ch/wp-content/uploads/Kramer-Immo-Portfolio-1-600x389.png 600w" data-lazy-sizes="(max-width: 1000px) 100vw, 1000px" data-lazy-src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Kramer-Immo-Portfolio-1.png" /><noscript><img width="1000" height="648" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Kramer-Immo-Portfolio-1.png" class="brxe-image portfolio-gallery__img css-filter size-full" alt="" decoding="async" srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Kramer-Immo-Portfolio-1.png 1000w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Kramer-Immo-Portfolio-1-300x194.png 300w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Kramer-Immo-Portfolio-1-768x498.png 768w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/Kramer-Immo-Portfolio-1-600x389.png 600w" sizes="(max-width: 1000px) 100vw, 1000px" /></noscript></li></ul></div><div data-script-id="lnczkv" class="brxe-code">
2178<script>// ====== NEW PORTFOLIO GALLERY ANIMATION ======
2179
2180// --- User Configurable Inputs for Portfolio Gallery ---
2181// Determines the total number of columns.
2182// e.g., if you have 3 original columns and columnMultiplier is 2, you'll get 3 * 2 = 6 columns in total.
2183const portfolioColumnCountMultiplier = 2;
2184
2185// Determines the total number of images within EACH column.
2186// e.g., if a column has 4 original images and imageMultiplier is 2, it will end up with 4 * 2 = 8 images.
2187const portfolioImageCountMultiplier = 3;
2188
2189
2190const portfolioGalleries = document.querySelectorAll(".portfolio-gallery");
2191
2192// If a user hasn't opted in for reduced motion, then we add the animation
2193if (!window.matchMedia("(prefers-reduced-motion: reduce)").matches && portfolioGalleries.length > 0) {
2194  addPortfolioAnimation();
2195}
2196
2197function addPortfolioAnimation() {
2198  const updatePortfolioGalleryState = () => {
2199    // const isMobile = window.matchMedia("(max-width: 767px)").matches; // You can use this if needed
2200
2201    portfolioGalleries.forEach((gallery) => {
2202      gallery.setAttribute("data-animated", "true");
2203      const galleryWrapper = gallery.querySelector(".portfolio-gallery__wrapper");
2204
2205      if (!galleryWrapper) {
2206        console.warn("Portfolio gallery wrapper not found in:", gallery);
2207        return;
2208      }
2209
2210      // --- 1. Handle Column Duplication ---
2211      // First, remove any previously cloned columns to avoid re-cloning clones
2212      galleryWrapper.querySelectorAll(".portfolio-gallery__img-wrapper[data-cloned-column='true']").forEach(clonedCol => clonedCol.remove());
2213
2214      // Get the original columns (those not marked as cloned)
2215      const originalColumns = Array.from(galleryWrapper.querySelectorAll(".portfolio-gallery__img-wrapper:not([data-cloned-column='true'])"));
2216
2217      if (originalColumns.length === 0) {
2218        console.warn("No original portfolio columns found in:", galleryWrapper);
2219        return;
2220      }
2221
2222      // Duplicate the original columns (portfolioColumnCountMultiplier - 1) times
2223      // If portfolioColumnCountMultiplier is 1, no columns are duplicated.
2224      for (let i = 1; i < portfolioColumnCountMultiplier; i++) {
2225        originalColumns.forEach(originalCol => {
2226          const duplicatedColumn = originalCol.cloneNode(true); // Deep clone
2227          duplicatedColumn.setAttribute("aria-hidden", "true");
2228          duplicatedColumn.setAttribute("data-cloned-column", "true"); // Mark as cloned column
2229          // Ensure all LIs within this newly cloned column are also marked, or clean them
2230          // For simplicity, the image duplication step below will handle LIs correctly.
2231          galleryWrapper.appendChild(duplicatedColumn);
2232        });
2233      }
2234
2235      // --- 2. Handle Image (LI) Duplication within ALL columns (original and cloned) ---
2236      const allColumnsCurrent = galleryWrapper.querySelectorAll(".portfolio-gallery__img-wrapper");
2237
2238      allColumnsCurrent.forEach(columnUl => {
2239        // Remove any previously duplicated LIs within this specific column
2240        columnUl.querySelectorAll(".portfolio-gallery__img-li[aria-hidden='true']").forEach(dupeLi => dupeLi.remove());
2241
2242        // Get the original LIs in this column (those not aria-hidden)
2243        const originalLIs = Array.from(columnUl.querySelectorAll(".portfolio-gallery__img-li:not([aria-hidden='true'])"));
2244
2245        if (originalLIs.length === 0) {
2246          // This column might be empty or only contained duplicates that were removed.
2247          // If it's an original column that's empty, that's fine.
2248          // If it's a cloned column based on an empty original, also fine.
2249          return;
2250        }
2251
2252        // Duplicate the original LIs (portfolioImageCountMultiplier - 1) times
2253        // If portfolioImageCountMultiplier is 1, no LIs are duplicated.
2254        for (let i = 1; i < portfolioImageCountMultiplier; i++) {
2255          originalLIs.forEach(originalLi => {
2256            const duplicatedLi = originalLi.cloneNode(true); // Deep clone image LI
2257            duplicatedLi.setAttribute("aria-hidden", "true");
2258            // No need for data-cloned-li, aria-hidden is enough for LIs
2259            columnUl.appendChild(duplicatedLi);
2260          });
2261        }
2262      });
2263    });
2264  };
2265
2266  // Initial setup
2267  updatePortfolioGalleryState();
2268
2269  // Add debounced resize listener
2270  let portfolioResizeTimer;
2271  window.addEventListener('resize', function() {
2272    clearTimeout(portfolioResizeTimer);
2273    portfolioResizeTimer = setTimeout(updatePortfolioGalleryState, 250); // Debounce resize events
2274  });
2275}
2276
2277// ====== END OF NEW PORTFOLIO GALLERY ANIMATION ======</script>
2277</div><div data-script-id="bfznni" class="brxe-code">
2277<script>// Register ScrollTrigger with GSAP
2278gsap.registerPlugin(ScrollTrigger);
2279
2280document.addEventListener('DOMContentLoaded', function() {
2281    // Initialize the portfolio gallery animation
2282    initPortfolioGallery();
2283});
2284
2285function initPortfolioGallery() {
2286    // Get all image wrapper elements
2287    const imgWrappers = document.querySelectorAll('.portfolio-gallery__img-wrapper');
2288    
2289    // Create animation for each wrapper with uniform speed but different Y values
2290    imgWrappers.forEach((wrapper, index) => {
2291        // Set a uniform scrub value for consistent animation speed
2292        const speed = 1; // Uniform scrub value for all wrappers
2293        
2294        // Calculate increasing Y movement for each wrapper (-50%, -60%, -70%, etc.)
2295        const yMovement = `-${10 + (index * 10)}%`;
2296        
2297        // Create the scroll-triggered animation with varied speeds and graduated Y movement
2298        gsap.to(wrapper, {
2299            y: yMovement, // Different Y movement for each wrapper
2300            ease: "none",
2301            scrollTrigger: {
2302                trigger: '.portfolio-gallery',
2303                start: "top bottom", // Animation starts when the top of gallery hits the bottom of viewport
2304                end: "bottom top", // Animation ends when bottom of gallery hits top of viewport
2305                scrub: speed, // Varied scrub value creates parallax effect
2306                toggleActions: "play none none reverse",
2307                //markers: true, // Uncomment for debugging
2308            }
2309        });
2310    });
2311}
2312
2313// Optional: Add a resize handler to recalculate animations if needed
2314window.addEventListener('resize', function() {
2315    // Force ScrollTrigger to recalculate
2316    ScrollTrigger.refresh();
2317});</script>
2317</div></div></section><section data-wpr-lazyrender="1" class="brxe-suwuno brxe-section calculator-sctn bg-noise"><div  class="brxe-njpqws brxe-container calculator-sctn__container"><div class="brxe-psxccu brxe-block calculator-sctn__intro"><h2 class="brxe-zntlcl brxe-heading sctn-badge">Kosten<span class"sctn-badge-active">rechner</span></h2><p class="brxe-uutzwc brxe-text-basic calculator-sctn__intro-headline">Was kostet eine Website? Finde es in 60 Sekunden heraus.</p><p class="brxe-oifplg brxe-text-basic calculator-sctn__intro-text">Bei den meisten Agenturen heisst es "Preis auf Anfrage". Das nervt. Wir spielen mit offenen Karten. Nutze unseren Rechner für eine ehrliche Budget-Einschätzung in 60 Sekunden.</p><a href="https://rocket9.ch/kostenrechner-fuer-webseiten/" class="brxe-rvdybm brxe-div footer-btn__wrap"><div class="brxe-aevwvr brxe-block footer-btn"><span class="brxe-gzdnmk brxe-text-basic label-base-16">Jetzt kalkulieren</span></div><div class="brxe-yvtift brxe-div footer-btn__bg"></div></a></div><div class="brxe-iycrpy brxe-block calculator-sctn__visual" aria-hidden="true"><div class="brxe-mjbgog brxe-div calc-card calc-card-site"><div class="brxe-gtqzlu brxe-div calc-card-site__input-wrap"><div class="brxe-maggut brxe-text-basic calc-card__intro-text">Website typ*</div><div class="brxe-ivjodm brxe-div calc-card-site__input"><div class="brxe-gsjqph brxe-div calc-card-site__input-inner"><div class="brxe-ucgyrd brxe-div calc-card-site__input-meta"><svg class="brxe-ilxrxs brxe-svg calc-card-site__input-meta-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2318<path d="M6.0001 1.59985V14.3999M8.8001 3.99985H11.2001M8.8001 6.39985H11.2001M8.8001 8.79985H9.2001M4.0001 14.3999H12.0001C13.3256 14.3999 14.4001 13.3253 14.4001 11.9999V3.99985C14.4001 2.67437 13.3256 1.59985 12.0001 1.59985H4.0001C2.67461 1.59985 1.6001 2.67437 1.6001 3.99985V11.9999C1.6001 13.3253 2.67461 14.3999 4.0001 14.3999Z" stroke="#A0A0A8" stroke-width="1.33333" stroke-linecap="round"/>
2319</svg><div class="brxe-urdhxr brxe-text-basic calc-card-site__input-meta-text">E-commerce</div></div><svg class="brxe-kuutmk brxe-svg calc-card-site__input-chevron" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2320<path d="M12 6L8 10L4 6" stroke="#E8E8E8" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
2321</svg></div></div></div><div class="brxe-kyxjrx brxe-div calc-card-site__drawer"><div class="brxe-irroaw brxe-div calc-card-site__select"><svg class="brxe-rlyabk brxe-svg calc-card-site__select-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2322<path d="M6.0001 1.59985V14.3999M8.8001 3.99985H11.2001M8.8001 6.39985H11.2001M8.8001 8.79985H9.2001M4.0001 14.3999H12.0001C13.3256 14.3999 14.4001 13.3253 14.4001 11.9999V3.99985C14.4001 2.67437 13.3256 1.59985 12.0001 1.59985H4.0001C2.67461 1.59985 1.6001 2.67437 1.6001 3.99985V11.9999C1.6001 13.3253 2.67461 14.3999 4.0001 14.3999Z" stroke="#A0A0A8" stroke-width="1.33333" stroke-linecap="round"/>
2323</svg><div class="brxe-eyeoaj brxe-text-basic calc-card-site__select-text">KMU Website</div></div><div class="brxe-imbzam brxe-div calc-card-site__select calc-card-site__select--hover"><svg class="brxe-bxkkdd brxe-svg calc-card-site__select-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2324<path d="M6.0001 1.59985V14.3999M8.8001 3.99985H11.2001M8.8001 6.39985H11.2001M8.8001 8.79985H9.2001M4.0001 14.3999H12.0001C13.3256 14.3999 14.4001 13.3253 14.4001 11.9999V3.99985C14.4001 2.67437 13.3256 1.59985 12.0001 1.59985H4.0001C2.67461 1.59985 1.6001 2.67437 1.6001 3.99985V11.9999C1.6001 13.3253 2.67461 14.3999 4.0001 14.3999Z" stroke="#A0A0A8" stroke-width="1.33333" stroke-linecap="round"/>
2325</svg><div class="brxe-apeval brxe-text-basic calc-card-site__select-text">E-commerce</div></div><div class="brxe-devfkk brxe-div calc-card-site__select"><svg class="brxe-wyfmhn brxe-svg calc-card-site__select-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2326<path d="M6.0001 1.59985V14.3999M8.8001 3.99985H11.2001M8.8001 6.39985H11.2001M8.8001 8.79985H9.2001M4.0001 14.3999H12.0001C13.3256 14.3999 14.4001 13.3253 14.4001 11.9999V3.99985C14.4001 2.67437 13.3256 1.59985 12.0001 1.59985H4.0001C2.67461 1.59985 1.6001 2.67437 1.6001 3.99985V11.9999C1.6001 13.3253 2.67461 14.3999 4.0001 14.3999Z" stroke="#A0A0A8" stroke-width="1.33333" stroke-linecap="round"/>
2327</svg><div class="brxe-afrqvf brxe-text-basic calc-card-site__select-text">Landing page</div></div></div></div><div class="brxe-uiajlr brxe-div calc-card calc-card-addons"><span class="brxe-xittzs brxe-text-basic calc-card__intro-text">Addons*</span><div class="brxe-bqlmhr brxe-div calc-card__input-wrap"><div class="brxe-cgabks brxe-div calc-card__input-active"><div class="brxe-dubzeq brxe-div calc-card__input-inner"><div class="brxe-fsnqwo brxe-div calc-card__input-icon-wrap"><svg class="brxe-exzkfp brxe-svg calc-card__input-icon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2328<path d="M6.43317 13.7133L7.90067 13.29L16.7365 4.34829C16.8062 4.27687 16.845 4.1809 16.8445 4.08111C16.8441 3.98132 16.8044 3.88572 16.734 3.81495L16.2048 3.27995C16.1706 3.24482 16.1298 3.21684 16.0847 3.19767C16.0395 3.17849 15.9911 3.16849 15.942 3.16826C15.893 3.16803 15.8444 3.17756 15.7991 3.19631C15.7538 3.21506 15.7127 3.24264 15.6782 3.27745L6.86567 12.1958L6.43234 13.7125L6.43317 13.7133ZM17.2523 2.21995L17.7815 2.75579C18.5115 3.49495 18.5182 4.68745 17.7948 5.41912L8.68984 14.6341L5.55317 15.5375C5.36167 15.5911 5.15672 15.5665 4.98331 15.4692C4.80989 15.3718 4.68217 15.2097 4.62817 15.0183C4.58799 14.8807 4.58741 14.7345 4.6265 14.5966L5.539 11.3966L14.6198 2.20579C14.7925 2.03192 14.9981 1.89417 15.2245 1.80058C15.451 1.70699 15.6938 1.65943 15.9389 1.66067C16.1839 1.66191 16.4263 1.71193 16.6518 1.80781C16.8773 1.90369 17.0814 2.04351 17.2523 2.21912V2.21995ZM7.65317 3.18079C8.0665 3.18079 8.4015 3.51995 8.4015 3.93829C8.40216 4.03718 8.38332 4.13523 8.34606 4.22683C8.3088 4.31843 8.25385 4.4018 8.18435 4.47215C8.11485 4.5425 8.03216 4.59846 7.94102 4.63684C7.84987 4.67521 7.75206 4.69524 7.65317 4.69579H4.65984C3.83317 4.69579 3.16317 5.37412 3.16317 6.20995V15.2983C3.16317 16.135 3.83317 16.8133 4.65984 16.8133H13.6398C14.4665 16.8133 15.1373 16.135 15.1373 15.2983V12.2691C15.1373 11.8508 15.4723 11.5116 15.8857 11.5116C16.299 11.5116 16.634 
232811.8508 16.634 12.27V15.2983C16.634 16.9716 15.2932 18.3283 13.6398 18.3283H4.65984C3.0065 18.3283 1.6665 16.9716 1.6665 15.2983V6.20995C1.6665 4.53745 3.0065 3.18079 4.65984 3.18079H7.65317Z" fill="url(#paint0_linear_1514_2642)"/>
2329<defs>
2330<linearGradient id="paint0_linear_1514_2642" x1="1.84468" y1="0.69905" x2="13.9177" y2="1.59759" gradientUnits="userSpaceOnUse">
2331<stop stop-color="#F2F2F2"/>
2332<stop offset="1" stop-color="#A0A0A8"/>
2333</linearGradient>
2334</defs>
2335</svg></div><div class="brxe-qhplun brxe-text-basic calc-card__input-text">Content Erstellung</div></div></div><div class="brxe-knpxzo brxe-div calc-card__input"><div class="brxe-mynkgs brxe-div calc-card__input-inner"><div class="brxe-mgtkeh brxe-div calc-card__input-icon-wrap"><svg class="brxe-xalfpb brxe-svg calc-card__input-icon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2336<g clip-path="url(#clip0_1514_2653)">
2337<path d="M5.8335 12.5H14.1668V15.8333C14.1668 16.2754 13.9912 16.6993 13.6787 17.0118C13.3661 17.3244 12.9422 17.5 12.5002 17.5H7.50016C7.05814 17.5 6.63421 17.3244 6.32165 17.0118C6.00909 16.6993 5.8335 16.2754 5.8335 15.8333V12.5Z" stroke="url(#paint0_linear_1514_2653)" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
2338<path d="M10 7.5C10 6.17392 9.47322 4.90215 8.53553 3.96447C7.59785 3.02678 6.32608 2.5 5 2.5H2.5V4.16667C2.5 5.49275 3.02678 6.76452 3.96447 7.7022C4.90215 8.63988 6.17392 9.16667 7.5 9.16667H10" stroke="url(#paint1_linear_1514_2653)" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
2339<path d="M10 9.16675C10 7.84067 10.5268 6.5689 11.4645 5.63121C12.4021 4.69353 13.6739 4.16675 15 4.16675H17.5V5.00008C17.5 6.32616 16.9732 7.59793 16.0355 8.53562C15.0979 9.4733 13.8261 10.0001 12.5 10.0001H10" stroke="url(#paint2_linear_1514_2653)" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
2340<path d="M10 12.5V7.5" stroke="url(#paint3_linear_1514_2653)" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
2341</g>
2342<defs>
2343<linearGradient id="paint0_linear_1514_2653" x1="5.92259" y1="12.2115" x2="11.9006" y2="12.9531" gradientUnits="userSpaceOnUse">
2344<stop stop-color="#F2F2F2"/>
2345<stop offset="1" stop-color="#A0A0A8"/>
2346</linearGradient>
2347<linearGradient id="paint1_linear_1514_2653" x1="2.58018" y1="2.11538" x2="8.0051" y2="2.56963" gradientUnits="userSpaceOnUse">
2348<stop stop-color="#F2F2F2"/>
2349<stop offset="1" stop-color="#A0A0A8"/>
2350</linearGradient>
2351<linearGradient id="paint2_linear_1514_2653" x1="10.0802" y1="3.83021" x2="15.4936" y2="4.34824" gradientUnits="userSpaceOnUse">
2352<stop stop-color="#F2F2F2"/>
2353<stop offset="1" stop-color="#A0A0A8"/>
2354</linearGradient>
2355<linearGradient id="paint3_linear_1514_2653" x1="10.0107" y1="7.21154" x2="10.7389" y2="7.22238" gradientUnits="userSpaceOnUse">
2356<stop stop-color="#F2F2F2"/>
2357<stop offset="1" stop-color="#A0A0A8"/>
2358</linearGradient>
2359<clipPath id="clip0_1514_2653">
2360<rect width="20" height="20" fill="white"/>
2361</clipPath>
2362</defs>
2363</svg></div><div class="brxe-dzlbql brxe-text-basic calc-card__input-text">Website Care Paket</div></div></div><div class="brxe-tkebke brxe-div calc-card__input"><div class="brxe-xyhsye brxe-div calc-card__input-inner"><div class="brxe-mautxb brxe-div calc-card__input-icon-wrap"><svg class="brxe-immmkw brxe-svg calc-card__input-icon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2364<path d="M10.0002 3.86667C11.878 3.86667 13.1447 4.67778 13.8669 5.35556L16.6891 2.6C14.9558 0.988889 12.7002 0 10.0002 0C6.08912 0 2.71134 2.24444 1.06689 5.51111L4.30023 8.02222C5.11134 5.61111 7.35578 3.86667 10.0002 3.86667Z" fill="url(#paint0_linear_1514_2657)"/>
2365<path d="M19.6 10.2224C19.6 9.4002 19.5333 8.8002 19.3889 8.17798H10V11.8891H15.5111C15.4 12.8113 14.8 14.2002 13.4667 15.1335L16.6222 17.578C18.5111 15.8335 19.6 13.2669 19.6 10.2224Z" fill="url(#paint1_linear_1514_2657)"/>
2366<path d="M4.31111 11.9777C4.1 11.3554 3.97778 10.6888 3.97778 9.99988C3.97778 9.31099 4.1 8.64432 4.3 8.0221L1.06667 5.51099C0.388889 6.86654 0 8.38876 0 9.99988C0 11.611 0.388889 13.1332 1.06667 14.4888L4.31111 11.9777Z" fill="url(#paint2_linear_1514_2657)"/>
2367<path d="M9.99986 20C12.6999 20 14.9665 19.1111 16.6221 17.5778L13.4665 15.1333C12.6221 15.7222 11.4887 16.1333 9.99986 16.1333C7.35541 16.1333 5.11097 14.3889 4.31097 11.9778L1.07764 14.4889C2.72208 17.7556 6.08875 20 9.99986 20Z" fill="url(#paint3_linear_1514_2657)"/>
2368<defs>
2369<linearGradient id="paint0_linear_1514_2657" x1="1.23391" y1="-0.46282" x2="12.3789" y2="1.15256" gradientUnits="userSpaceOnUse">
2370<stop stop-color="#F2F2F2"/>
2371<stop offset="1" stop-color="#A0A0A8"/>
2372</linearGradient>
2373<linearGradient id="paint1_linear_1514_2657" x1="10.1026" y1="7.63567" x2="17.055" y2="8.16415" gradientUnits="userSpaceOnUse">
2374<stop stop-color="#F2F2F2"/>
2375<stop offset="1" stop-color="#A0A0A8"/>
2376</linearGradient>
2377<linearGradient id="paint2_linear_1514_2657" x1="0.0460892" y1="4.99304" x2="3.18227" y2="5.10513" gradientUnits="userSpaceOnUse">
2378<stop stop-color="#F2F2F2"/>
2379<stop offset="1" stop-color="#A0A0A8"/>
2380</linearGradient>
2381<linearGradient id="paint3_linear_1514_2657" x1="1.24382" y1="11.515" x2="12.3356" y2="13.1146" gradientUnits="userSpaceOnUse">
2382<stop stop-color="#F2F2F2"/>
2383<stop offset="1" stop-color="#A0A0A8"/>
2384</linearGradient>
2385</defs>
2386</svg></div><div class="brxe-jqffwr brxe-text-basic calc-card__input-text">Google SEO services</div></div></div></div></div><div id="visual-hosting" class="brxe-rnshjf brxe-div calc-card calc-card-addons"><span class="brxe-xvksdf brxe-text-basic calc-card__intro-text">Website hosting* </span><div class="brxe-twozwn brxe-div calc-card__input-wrap"><div class="brxe-idekkp brxe-div calc-card__input"><div class="brxe-gkfzxy brxe-div calc-card__input-inner"><div class="brxe-rfrfah brxe-div calc-card__input-icon-wrap"><svg class="brxe-gsaord brxe-svg calc-card__input-icon" width="24" height="25" viewB
2386ox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
2387<path d="M12 21.5C16.9706 21.5 21 17.4706 21 12.5C21 7.52944 16.9706 3.5 12 3.5M12 21.5C7.02944 21.5 3 17.4706 3 12.5C3 7.52944 7.02944 3.5 12 3.5M12 21.5C9.4651 18.8899 8 15.8051 8 12.5C8 9.19488 9.4651 6.11005 12 3.5M12 21.5C14.5349 18.8899 16 15.8051 16 12.5C16 9.19488 14.5349 6.11005 12 3.5M20 9.5H4M20 15.5H4" stroke="url(#paint0_linear_1514_2627)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2388<defs>
2389<linearGradient id="paint0_linear_1514_2627" x1="3.19243" y1="2.46154" x2="16.2313" y2="3.43202" gradientUnits="userSpaceOnUse">
2390<stop stop-color="#F2F2F2"/>
2391<stop offset="1" stop-color="#A0A0A8"/>
2392</linearGradient>
2393</defs>
2394</svg></div><div class="brxe-omqmrj brxe-text-basic calc-card__input-text">Ich habe ein hosting</div></div></div><div class="brxe-tkfyie brxe-div calc-card__input-active"><div class="brxe-twlpko brxe-div calc-card__input-inner"><div class="brxe-geohbg brxe-div calc-card__input-icon-wrap"><svg class="brxe-trmqst brxe-svg calc-card__input-icon" width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
2395<path d="M12 15.5L9 12.5M12 15.5C13.3968 14.9687 14.7369 14.2987 16 13.5M12 15.5V20.5C12 20.5 15.03 19.95 16 18.5C17.08 16.88 16 13.5 16 13.5M9 12.5C9.53214 11.1194 10.2022 9.79607 11 8.55C12.1652 6.68699 13.7876 5.15305 15.713 4.0941C17.6384 3.03514 19.8027 2.48637 22 2.5C22 5.22 21.22 10 16 13.5M9 12.5H4C4 12.5 4.55 9.47 6 8.5C7.62 7.42 11 8.5 11 8.5M4.5 17C3 18.26 2.5 22 2.5 22C2.5 22 6.24 21.5 7.5 20C8.21 19.16 8.2 17.87 7.41 17.09C7.02131 16.719 6.50929 16.5046 5.97223 16.488C5.43516 16.4714 4.91088 16.6537 4.5 17Z" stroke="url(#paint0_linear_1514_2631)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2396<defs>
2397<linearGradient id="paint0_linear_1514_2631" x1="2.70847" y1="1.37474" x2="16.8339" y2="2.42608" gradientUnits="userSpaceOnUse">
2398<stop stop-color="#F2F2F2"/>
2399<stop offset="1" stop-color="#A0A0A8"/>
2400</linearGradient>
2401</defs>
2402</svg></div><div class="brxe-feodzg brxe-text-basic calc-card__input-text">Ich benötige ein Hosting</div></div></div><div class="brxe-jzddkr brxe-div calc-card__input"><div class="brxe-doboka brxe-div calc-card__input-inner"><div class="brxe-xurzyp brxe-div calc-card__input-icon-wrap"><svg class="brxe-siayno brxe-svg calc-card__input-icon" width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
2403<g clip-path="url(#clip0_1514_2635)">
2404<path d="M8.31238 8.81247H8.68738M8.31238 9.18747H8.68738M9 9C9 9.27614 8.77614 9.5 8.5 9.5C8.22386 9.5 8 9.27614 8 9C8 8.72386 8.22386 8.5 8.5 8.5C8.77614 8.5 9 8.72386 9 9Z" stroke="url(#paint0_linear_1514_2635)" stroke-width="2" stroke-linecap="round"/>
2405<path d="M15.3124 8.81247H15.6874M15.3124 9.18747H15.6874M16 9C16 9.27614 15.7761 9.5 15.5 9.5C15.2239 9.5 15 9.27614 15 9C15 8.72386 15.2239 8.5 15.5 8.5C15.7761 8.5 16 8.72386 16 9Z" stroke="url(#paint1_linear_1514_2635)" stroke-width="2" stroke-linecap="round"/>
2406<path d="M8 16.5H16" stroke="url(#paint2_linear_1514_2635)" stroke-width="2" stroke-linecap="round"/>
2407<path d="M12 23.5C18.0751 23.5 23 18.5751 23 12.5C23 6.42487 18.0751 1.5 12 1.5C5.92487 1.5 1 6.42487 1 12.5C1 18.5751 5.92487 23.5 12 23.5Z" stroke="url(#paint3_linear_1514_2635)" stroke-width="2" stroke-linecap="round"/>
2408</g>
2409<defs>
2410<linearGradient id="paint0_linear_1514_2635" x1="8.01069" y1="8.44231" x2="8.73507" y2="8.49622" gradientUnits="userSpaceOnUse">
2411<stop stop-color="#F2F2F2"/>
2412<stop offset="1" stop-color="#A0A0A8"/>
2413</linearGradient>
2414<linearGradient id="paint1_linear_1514_2635" x1="15.0107" y1="8.44231" x2="15.7351" y2="8.49622" gradientUnits="userSpaceOnUse">
2415<stop stop-color="#F2F2F2"/>
2416<stop offset="1" stop-color="#A0A0A8"/>
2417</linearGradient>
2418<linearGradient id="paint2_linear_1514_2635" x1="8.08553" y1="16.4423" x2="12.3875" y2="19.0038" gradientUnits="userSpaceOnUse">
2419<stop stop-color="#F2F2F2"/>
2420<stop offset="1" stop-color="#A0A0A8"/>
2421</linearGradient>
2422<linearGradient id="paint3_linear_1514_2635" x1="1.2352" y1="0.23077" x2="17.1716" y2="1.41691" gradientUnits="userSpaceOnUse">
2423<stop stop-color="#F2F2F2"/>
2424<stop offset="1" stop-color="#A0A0A8"/>
2425</linearGradient>
2426<clipPath id="clip0_1514_2635">
2427<rect width="24" height="24" fill="white" transform="translate(0 0.5)"/>
2428</clipPath>
2429</defs>
2430</svg></div><div class="brxe-bdxgjm brxe-text-basic calc-card__input-text">Ich bin nicht sicher</div></div></div></div></div><div id="visual-calc" class="brxe-pajcjb brxe-div calc-card calc-card-cost"><div class="brxe-rmfrkb brxe-div calc-card-cost__inner"><div class="brxe-tjwwiy brxe-div calc-card-cost__inner-content"><div class="brxe-vzgqba brxe-div calc-card__input-icon-wrap"><svg class="brxe-rhlbda brxe-svg calc-card__input-icon" width="24" height="25" viewB
2430ox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
2431<path d="M12 15.5L9 12.5M12 15.5C13.3968 14.9687 14.7369 14.2987 16 13.5M12 15.5V20.5C12 20.5 15.03 19.95 16 18.5C17.08 16.88 16 13.5 16 13.5M9 12.5C9.53214 11.1194 10.2022 9.79607 11 8.55C12.1652 6.68699 13.7876 5.15305 15.713 4.0941C17.6384 3.03514 19.8027 2.48637 22 2.5C22 5.22 21.22 10 16 13.5M9 12.5H4C4 12.5 4.55 9.47 6 8.5C7.62 7.42 11 8.5 11 8.5M4.5 17C3 18.26 2.5 22 2.5 22C2.5 22 6.24 21.5 7.5 20C8.21 19.16 8.2 17.87 7.41 17.09C7.02131 16.719 6.50929 16.5046 5.97223 16.488C5.43516 16.4714 4.91088 16.6537 4.5 17Z" stroke="url(#paint0_linear_1514_2668)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2432<defs>
2433<linearGradient id="paint0_linear_1514_2668" x1="2.70847" y1="1.37474" x2="16.8339" y2="2.42608" gradientUnits="userSpaceOnUse">
2434<stop stop-color="#F2F2F2"/>
2435<stop offset="1" stop-color="#A0A0A8"/>
2436</linearGradient>
2437</defs>
2438</svg></div><div class="brxe-vafsuj brxe-text-basic calc-card__intro-text">Erhalte deine Kosteneinschätzung</div></div><div class="brxe-dqllha brxe-div calc-card-cost__inner-form-wrap"><div class="brxe-fnodlh brxe-div calc-card-cost__inner-form"><div class="brxe-tpwwmr brxe-div calc-card-site__input-inner"><div class="brxe-sstgam brxe-div calc-card-site__input-meta"><svg class="brxe-fzhyho brxe-svg calc-card-site__input-meta-icon" width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2439<path d="M2 5.83325L7.2604 9.34019C7.70827 9.63876 8.29173 9.63876 8.7396 9.34019L14 5.83325M3.33333 13.1666H12.6667C13.403 13.1666 14 12.5696 14 11.8333V5.16659C14 4.43021 13.403 3.83325 12.6667 3.83325H3.33333C2.59695 3.83325 2 4.4302 2 5.16658V11.8333C2 12.5696 2.59695 13.1666 3.33333 13.1666Z" stroke="url(#paint0_linear_1514_2673)" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
2440<defs>
2441<linearGradient id="paint0_linear_1514_2673" x1="2.12829" y1="3.29479" x2="10.7897" y2="4.12365" gradientUnits="userSpaceOnUse">
2442<stop stop-color="#F2F2F2"/>
2443<stop offset="1" stop-color="#A0A0A8"/>
2444</linearGradient>
2445</defs>
2446</svg><div class="brxe-mlmmim brxe-text-basic calc-card-site__input-meta-text">Email...</div></div></div></div><div class="brxe-lcgihr brxe-div calc-card-cost__inner-btn"><div class="brxe-xkeglz brxe-text-basic">Jetzt absenden</div></div></div></div></div></div></div></section><section  id="brxe-mpucij" class="brxe-section cvs-sctn bg-noise"><div  class="brxe-container cvs-sctn__container"><div class="brxe-div cvs-sctn__content"><h2 class="brxe-heading sctn-badge">Unsere <span class"sctn-badge-active">Grundwerte</span></h2><p class="brxe-text-basic header-gradient srv-includes__headline">3 Gründe, warum du NICHT mit uns arbeiten solltest</p><p class="brxe-text-basic sctn-intro__text srv-includes__text">Wir sind nicht die Agentur für Kompromisse oder halbgare Lösungen. Bei uns gibt’s klare Ansagen, ehrliche Zusammenarbeit und manchmal auch ein bisschen Gegenwind – alles für richtig gute Ergebnisse. Klingt nach zu viel Rock’n’Roll? Dann bist du hier falsch. Aber wenn du Bock auf Qualität, Partnerschaft und eine Prise Rebellion hast – dann sollten wir reden. </p></div><div class="brxe-div cvs-sctn__card-wrap grid--auto-2"><div class="brxe-div cvs-sctn__card"><div class="brxe-div cvs-sctn__card-icon-wrap"><svg class="brxe-svg cvs-sctn__card-icon singlepath" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
2447<path fill-rule="evenodd" clip-rule="evenodd" d="M16 21C16 20.4477 15.5523 20 15 20C14.4477 20 14 20.4477 14 21C14 22.1046 13.1046 23 12 23C11.4477 23 11 23.4477 11 24C11 24.5523 11.4477 25 12 25C13.1046 25 14 25.8954 14 27C14 27.5523 14.4477 28 15 28C15.5523 28 16 27.5523 16 27C16 25.8954 16.8954 25 18 25C18.5523 25 19 24.5523 19 24C19 23.4477 18.5523 23 18 23C16.8954 23 16 22.1046 16 21ZM15.3542 24C15.2289 23.8894 15.1106 23.7711 15 23.6458C14.8894 23.7711 14.7711 23.8894 14.6458 24C14.7711 24.1106 14.8894 24.2289 15 24.3542C15.1106 24.2289 15.2289 24.1106 15.3542 24Z" fill="url(#paint0_linear_2144_13495)"/>
2448<path fill-rule="evenodd" clip-rule="evenodd" d="M23 12C23 11.4477 22.5523 11 22 11C21.4477 11 21 11.4477 21 12C21 14.2091 19.2091 16 17 16C16.4477 16 16 16.4477 16 17C16 17.5523 16.4477 18 17 18C19.2091 18 21 19.7909 21 22C21 22.5523 21.4477 23 22 23C22.5523 23 23 22.5523 23 22C23 19.7909 24.7909 18 27 18C27.5523 18 28 17.5523 28 17C28 16.4477 27.5523 16 27 16C24.7909 16 23 14.2091 23 12ZM22 15.3178C21.5569 15.9842 20.9842 16.5569 20.3178 17C20.9842 17.4431 21.5569 18.0158 22 18.6822C22.4431 18.0158 23.0158 17.4431 23.6822 17C23.0158 16.5569 22.4431 15.9842 22 15.3178Z" fill="url(#paint1_linear_2144_13495)"/>
2449<path fill-rule="evenodd" clip-rule="evenodd" d="M12 5C12 4.44772 11.5523 4 11 4C10.4477 4 10 4.44772 10 5C10 7.76142 7.76142 10 5 10C4.44772 10 4 10.4477 4 11C4 11.5523 4.44772 12 5 12C7.76142 12 10 14.2386 10 17C10 17.5523 10.4477 18 11 18C11.5523 18 12 17.5523 12 17C12 14.2386 14.2386 12 17 12C17.5523 12 18 11.5523 18 11C18 10.4477 17.5523 10 17 10C14.2386 10 12 7.76142 12 5ZM11 8.60758C10.4099 9.58687 9.58687 10.4099 8.60758 11C9.58687 11.5901 10.4099 12.4131 11 13.3924C11.5901 12.4131 12.4131 11.5901 13.3924 11C12.4131 10.4099 11.5901 9.58688 11 8.60758Z" fill="url(#paint2_linear_2144_13495)"/>
2450<defs>
2451<linearGradient id="paint0_linear_2144_13495" x1="11.0855" y1="19.5385" x2="16.8806" y2="
245119.9698" gradientUnits="userSpaceOnUse">
2452<stop stop-color="#F2F2F2"/>
2453<stop offset="1" stop-color="#A0A0A8"/>
2454</linearGradient>
2455<linearGradient id="paint1_linear_2144_13495" x1="16.1283" y1="10.3077" x2="24.8209" y2="10.9547" gradientUnits="userSpaceOnUse">
2456<stop stop-color="#F2F2F2"/>
2457<stop offset="1" stop-color="#A0A0A8"/>
2458</linearGradient>
2459<linearGradient id="paint2_linear_2144_13495" x1="4.14967" y1="3.19231" x2="14.291" y2="3.94712" gradientUnits="userSpaceOnUse">
2460<stop stop-color="#F2F2F2"/>
2461<stop offset="1" stop-color="#A0A0A8"/>
2462</linearGradient>
2463</defs>
2464</svg></div><h3 class="brxe-heading header-gradient cvs-sctn__card-header">Du suchst den günstigsten Anbieter.</h3><div class="brxe-text-basic cvs-sctn__card-text">Bei uns geht’s nicht um „billig“, sondern um Wert. Wir investieren Zeit und Hirnschmalz in Konzepte, die wirklich funktionieren. Wenn der Preis wichtiger ist als das Ergebnis, wirst du bei uns unglücklich.</div><svg class="brxe-svg cvs-sctn__card-glow" width="315" height="270" viewBox="0 0 315 270" fill="none" xmlns="http://www.w3.org/2000/svg">
2465<g filter="url(#filter0_f_2144_13503)">
2466<circle cx="18.25" cy="34.25" r="59.25" fill="#98036A"/>
2467</g>
2468<defs>
2469<filter id="filter0_f_2144_13503" x="-278" y="-262" width="592.5" height="592.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
2470<feFlood flood-opacity="0" result="BackgroundImageFix"/>
2471<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
2472<feGaussianBlur stdDeviation="118.5" result="effect1_foregroundBlur_2144_13503"/>
2473</filter>
2474</defs>
2475</svg></div><div class="brxe-div cvs-sctn__card-media-wrap"><div class="brxe-div cvs-sctn__card-media"><div class="brxe-div cvs-sctn__card-media-inner"><img width="512" height="246" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20246'%3E%3C/svg%3E" class="brxe-image cvs-sctn__card-img css-filter size-full" alt="" decoding="async" data-lazy-srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/about-card-image.jpg 512w, https://rocket9.ch/wp-content/uploads/about-card-image-300x144.jpg 300w" data-lazy-sizes="(max-width: 512px) 100vw, 512px" data-lazy-src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/about-card-image.jpg" /><noscript><img width="512" height="246" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/about-card-image.jpg" class="brxe-image cvs-sctn__card-img css-filter size-full" alt="" decoding="async" srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/about-card-image.jpg 512w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/about-card-image-300x144.jpg 300w" sizes="(max-width: 512px) 100vw, 512px" /></noscript></div><svg class="brxe-svg cvs-sctn__card-media-glow--inner" width="270" height="270" viewBox="0 0 270 270" fill="none" xmlns="http://www.w3.org/2000/svg">
2476<g filter="url(#filter0_f_2144_13499)">
2477<path d="M251.419 50.4893L206.481 52.8444C206.481 52.8444 224.241 191.104 214.357 203.138C204.474 215.172 100.014 209.131 100.014 209.131L102.369 254.069C102.369 254.069 240.967 252.313 261.651 245.721C282.334 239.13 251.419 50.4893 251.419 50.4893Z" fill="#FF27D7"/>
2478</g>
2479<defs>
2480<filter id="filter0_f_2144_13499" x="0.0146484" y="-49.5107" width="368.764" height="403.58" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
2481<feFlood flood-opacity="0" result="BackgroundImageFix"/>
2482<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
2483<feGaussianBlur stdDeviation="50" result="effect1_foregroundBlur_2144_13499"/>
2484</filter>
2485</defs>
2486</svg></div><div class="brxe-div cvs-sctn__card-media-glow-wrap"><div class="brxe-div cvs-sctn__card-media-glow"><div class="brxe-div cvs-sctn__card-media-glow-line"></div><div class="brxe-div cvs-sctn__card-media-glow-light"></div></div></div></div><div class="brxe-div cvs-sctn__card"><div class="brxe-div cvs-sctn__card-icon-wrap"><svg class="brxe-svg cvs-sctn__card-icon multipath" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
2487<path d="M19.9997 9.33301C19.9997 11.5421 18.2088 13.333 15.9997 13.333C13.7905 13.333 11.9997 11.5421 11.9997 9.33301C11.9997 7.12387 13.7905 5.33301 15.9997 5.33301C18.2088 5.33301 19.9997 7.12387 19.9997 9.33301Z" stroke="url
2487(#paint0_linear_2144_13507)" stroke-width="2.66667" stroke-linecap="round" stroke-linejoin="round"/>
2488<path d="M13.333 21.333C13.333 23.5421 11.5421 25.333 9.33301 25.333C7.12387 25.333 5.33301 23.5421 5.33301 21.333C5.33301 19.1239 7.12387 17.333 9.33301 17.333C11.5421 17.333 13.333 19.1239 13.333 21.333Z" stroke="url(#paint1_linear_2144_13507)" stroke-width="2.66667" stroke-linecap="round" stroke-linejoin="round"/>
2489<path d="M26.6663 21.333C26.6663 23.5421 24.8755 25.333 22.6663 25.333C20.4572 25.333 18.6663 23.5421 18.6663 21.333C18.6663 19.1239 20.4572 17.333 22.6663 17.333C24.8755 17.333 26.6663 19.1239 26.6663 21.333Z" stroke="url(#paint2_linear_2144_13507)" stroke-width="2.66667" stroke-linecap="round" stroke-linejoin="round"/>
2490<defs>
2491<linearGradient id="paint0_linear_2144_13507" x1="5.56108" y1="4.17916" x2="21.0028" y2="5.40511" gradientUnits="userSpaceOnUse">
2492<stop stop-color="#F2F2F2"/>
2493<stop offset="1" stop-color="#A0A0A8"/>
2494</linearGradient>
2495<linearGradient id="paint1_linear_2144_13507" x1="5.56108" y1="4.17916" x2="21.0028" y2="5.40511" gradientUnits="userSpaceOnUse">
2496<stop stop-color="#F2F2F2"/>
2497<stop offset="1" stop-color="#A0A0A8"/>
2498</linearGradient>
2499<linearGradient id="paint2_linear_2144_13507" x1="5.56108" y1="4.17916" x2="21.0028" y2="5.40511" gradientUnits="userSpaceOnUse">
2500<stop stop-color="#F2F2F2"/>
2501<stop offset="1" stop-color="#A0A0A8"/>
2502</linearGradient>
2503</defs>
2504</svg></div><h3 class="brxe-heading header-gradient cvs-sctn__card-header">Du willst schnelle Tricks statt nachhaltiger Ergebnisse.</h3><div class="brxe-text-basic cvs-sctn__card-text">Klar, wir könnten dir auch eine Abkürzung zeigen. Aber die endet meistens in einer Sackgasse. Wir entwickeln Lösungen, die dich nicht nur heute glänzen lassen, sondern auch in den nächsten Jahren tragen.</div><svg class="brxe-svg cvs-sctn__card-glow" width="315" height="270" viewBox="0 0 315 270" fill="none" xmlns="http://www.w3.org/2000/svg">
2505<g filter="url(#filter0_f_2144_13503)">
2506<circle cx="18.25" cy="34.25" r="59.25" fill="#98036A"/>
2507</g>
2508<defs>
2509<filter id="filter0_f_2144_13503" x="-278" y="-262" width="592.5" height="592.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
2510<feFlood flood-opacity="0" result="BackgroundImageFix"/>
2511<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
2512<feGaussianBlur stdDeviation="118.5" result="effect1_foregroundBlur_2144_13503"/>
2513</filter>
2514</defs>
2515</svg></div><div class="brxe-div cvs-sctn__card"><div class="brxe-div cvs-sctn__card-icon-wrap"><svg class="brxe-svg cvs-sctn__card-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2516<path d="M12 15.0002L9 12.0002M12 15.0002C13.3968 14.469 14.7369 13.799 16 13.0002M12 15.0002V20.0002C12 20.0002 15.03 19.4502 16 18.0002C17.08 16.3802 16 13.0002 16 13.0002M9 12.0002C9.53214 10.6197 10.2022 9.29631 11 8.05025C12.1652 6.18723 13.7876 4.6533 15.713 3.59434C17.6384 2.53538 19.8027 1.98662 22 2.00025C22 4.72025 21.22 9.50025 16 13.0002M9 12.0002H4C4 12.0002 4.55 8.97025 6 8.00025C7.62 6.92025 11 8.00025 11 8.00025M4.5 16.5002C3 17.7602 2.5 21.5002 2.5 21.5002C2.5 21.5002 6.24 21.0002 7.5 19.5002C8.21 18.6602 8.2 17.3702 7.41 16.5902C7.02131 16.2193 6.50929 16.0049 5.97223 15.9883C5.43516 15.9717 4.91088 16.154 4.5 16.5002Z" stroke="url(#paint0_linear_2144_13515)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2517<defs>
2518<linearGradient id="paint0_linear_2144_13515" x1="2.70847" y1="0.874986" x2="16.8339" y2="1.92632" gradientUnits="userSpaceOnUse">
2519<stop stop-color="#F2F2F2"/>
2520<stop offset="1" stop-color="#A0A0A8"/>
2521</linearGradient>
2522</defs>
2523</svg></div><h3 class="brxe-heading header-gradient cvs-sctn__card-header">Du möchtest dich komplett zurücklehnen.</h3><div class="brxe-text-basic cvs-sctn__card-text">Wir arbeiten partnerschaftlich – das heißt, wir brauchen dein Feedback, deine Ideen und manchmal auch deine kritischen Fragen. Ohne Austausch bleibt viel Potenzial auf der Strecke, und wir machen keine Projekte für die Schublade.</div><svg class="brxe-svg cvs-sctn__card-glow" width="315" height="270" viewB
2523ox="0 0 315 270" fill="none" xmlns="http://www.w3.org/2000/svg">
2524<g filter="url(#filter0_f_2144_13503)">
2525<circle cx="18.25" cy="34.25" r="59.25" fill="#98036A"/>
2526</g>
2527<defs>
2528<filter id="filter0_f_2144_13503" x="-278" y="-262" width="592.5" height="592.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
2529<feFlood flood-opacity="0" result="BackgroundImageFix"/>
2530<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
2531<feGaussianBlur stdDeviation="118.5" result="effect1_foregroundBlur_2144_13503"/>
2532</filter>
2533</defs>
2534</svg></div></div></div></section><section  class="brxe-section faq-sctn bg-noise"><div  class="brxe-container faq-sctn__container"><div class="brxe-div faq-sctn__intro"><h2 class="brxe-heading sctn-badge">Häufige Fragen - <span class"sctn-badge-active"=""> FAQ</span></h2><p id="brxe-gvcsvj" class="brxe-text-basic faq-sctn__intro-headline header-gradient">Hier sind die meisten Antworten zu allem, was du über uns wissen willst.</p><p class="brxe-text-basic faq-sctn-intro__text">Die häufigsten Fragen von unseren Kunden - ehrlich beantwortet. Findest du deine Frage nicht? dann einfach anrufen und fragen!</p></div><div class="brxe-div faq-sctn__faq-wrapper"><!--?xml encoding="UTF-8"--><div data-script-id="hhyukq" class="brxe-accordion-nested faq-sctn__faq-inner" data-expand-item="0" data-script-args="independentToggle"><div class="brxe-block faq-sctn__faq"><div class="brxe-block faq-sctn__faq-title accordion-title-wrapper" role="button" aria-expanded="false" tabindex="0" aria-controls=""><div class="brxe-div faq-sctn__faq-title-icon-wrap"><i id="brxe-wipmjj" class="ion-ios-arrow-down brxe-icon faq-sctn__faq-title-icon"></i></div><h3 id="brxe-bvdike" class="brxe-heading faq-sctn__faq-title-text">Was macht Rocket9 genau?</h3></div><div class="brxe-block faq-sctn__faq-content accordion-content-wrapper" id="" role="region" aria-labelledby="brxe-bvdike"><div class="brxe-text faq-sctn__faq-content-text"><p>Wir bauen digitales Zeug, was knallt und bleibt. WordPress-Websites, die verkaufen. HubSpot-CRM, das organisiert. Make-Automatisierungen, die Zeit sparen. Alles aus einer Hand, alles darauf ausgelegt, dass dein KMU digital durchstartet – von Website über Leads bis zur kompletten Automatisierung.</p>
2535</div></div></div><div class="brxe-block faq-sctn__faq"><div class="brxe-block faq-sctn__faq-title accordion-title-wrapper" role="button" aria-expanded="false" tabindex="0" aria-controls=""><div class="brxe-div faq-sctn__faq-title-icon-wrap"><i id="brxe-slwxdy" class="ion-ios-arrow-down brxe-icon faq-sctn__faq-title-icon"></i></div><h3 id="brxe-krcdvq" class="brxe-heading faq-sctn__faq-title-text">Was unterscheidet Rocket9 von anderen Agenturen?</h3></div><div class="brxe-block faq-sctn__faq-content accordion-content-wrapper" id="" role="region" aria-labelledby="brxe-krcdvq"><div class="brxe-text faq-sctn__faq-content-text"><p>Während andere Agenturen dir nur eine Website bauen und dich dann alleine lassen, sind wir dein kompletter digitaler Partner. Wir bauen und verbinden deine neue Website mit einem funktionierenden HubSpot CRM, richten automatische Workflows ein und sorgen dafür, dass alles zusammenarbeitet. Ein Team für alles – statt fünf verschiedene Anbieter zu jonglieren.</p>
2536</div></div></div><div class="brxe-block faq-sctn__faq"><div class="brxe-block faq-sctn__faq-title accordion-title-wrapper" role="button" aria-expanded="false" tabindex="0" aria-controls=""><div class="brxe-div faq-sctn__faq-title-icon-wrap"><i id="brxe-zkeisn" class="ion-ios-arrow-down brxe-icon faq-sctn__faq-title-icon"></i></div><h3 id="brxe-ykbisb" class="brxe-heading faq-sctn__faq-title-text">Welche Plattformen nutzt ihr für Websites?</h3></div><div class="brxe-block faq-sctn__faq-content accordion-content-wrapper" id="" role="region" aria-labelledby="brxe-ykbisb"><div class="brxe-text faq-sctn__faq-content-text"><p>Hauptsächlich WordPress mit professionellen Page Builders sowie Eigenentwicklung – für maximale Flexibilität und Performance. Für E-Commerce nutzen wir WooCommerce. Wir verwenden keine Template-Seiten wie Wix oder Squarespace, weil jedes 
2536Unternhemen einzigartig ist und die dein Wachstumspotenzial begrenzen.</p>
2537</div></div></div><div class="brxe-block faq-sctn__faq"><div class="brxe-block faq-sctn__faq-title accordion-title-wrapper" role="button" aria-expanded="false" tabindex="0" aria-controls=""><div class="brxe-div faq-sctn__faq-title-icon-wrap"><i id="brxe-vkpgxv" class="ion-ios-arrow-down brxe-icon faq-sctn__faq-title-icon"></i></div><h3 id="brxe-vbxmbn" class="brxe-heading faq-sctn__faq-title-text">Was kostet eine Website bei euch?</h3></div><div class="brxe-block faq-sctn__faq-content accordion-content-wrapper" id="" role="region" aria-labelledby="brxe-vbxmbn"><div class="brxe-text faq-sctn__faq-content-text"><p>Ehrliche Antwort: Das hängt von deinen Zielen ab. Brauchst du nur eine Website oder ein komplettes digitales System? Jedes Projekt ist anders, aber unser <a href="https://rocket9.ch/kostenrechner-fuer-webseiten/">Kostenrechner</a> zeigt dir in 60 Sekunden eine ehrliche erste Kosteneinschätzung.</p>
2538</div></div></div><div class="brxe-block faq-sctn__faq"><div class="brxe-block faq-sctn__faq-title accordion-title-wrapper" role="button" aria-expanded="false" tabindex="0" aria-controls=""><div class="brxe-div faq-sctn__faq-title-icon-wrap"><i id="brxe-eptsaa" class="ion-ios-arrow-down brxe-icon faq-sctn__faq-title-icon"></i></div><h3 id="brxe-obivly" class="brxe-heading faq-sctn__faq-title-text">Wie lange dauert es, bis meine Website live ist?</h3></div><div class="brxe-block faq-sctn__faq-content accordion-content-wrapper" id="" role="region" aria-labelledby="brxe-obivly"><div class="brxe-text faq-sctn__faq-content-text"><p>Bei normalen Business-Websites: 4-6 Wochen. Bei E-Commerce oder komplexen Projekten: 8-12 Wochen. Wir halten unsere Deadlines ein – Schweizer Pünktlichkeit eben.</p>
2539</div></div></div><div class="brxe-block faq-sctn__faq"><div class="brxe-block faq-sctn__faq-title accordion-title-wrapper" role="button" aria-expanded="false" tabindex="0" aria-controls=""><div class="brxe-div faq-sctn__faq-title-icon-wrap"><i id="brxe-sfhwon" class="ion-ios-arrow-down brxe-icon faq-sctn__faq-title-icon"></i></div><h3 id="brxe-guwvov" class="brxe-heading faq-sctn__faq-title-text">Kann ich auch nur eine Website ohne CRM &amp; Automatisierung nehmen?</h3></div><div class="brxe-block faq-sctn__faq-content accordion-content-wrapper" id="" role="region" aria-labelledby="brxe-guwvov"><div class="brxe-text faq-sctn__faq-content-text"><p>Klar! Du startest mit einer Website, die begeistert. Wenn sie läuft und Leads generiert, erweitern wir zu CRM und Automatisierung. Dein Tempo, unsere Expertise – Schritt für Schritt zum kompletten System.</p>
2540</div></div></div><div class="brxe-block faq-sctn__faq"><div class="brxe-block faq-sctn__faq-title accordion-title-wrapper" role="button" aria-expanded="false" tabindex="0" aria-controls=""><div class="brxe-div faq-sctn__faq-title-icon-wrap"><i id="brxe-raevmd" class="ion-ios-arrow-down brxe-icon faq-sctn__faq-title-icon"></i></div><h3 id="brxe-hzbjqg" class="brxe-heading faq-sctn__faq-title-text">Kann ich meine Website selbst bearbeiten?</h3></div><div class="brxe-block faq-sctn__faq-content accordion-content-wrapper" id="" role="region" aria-labelledby="brxe-hzbjqg"><div class="brxe-text faq-sctn__faq-content-text"><p>Absolut! Wir bauen alle Websites so, dass du Texte und Bilder selbst ändern kannst. Inklusive Video-Tutorials und persönlicher Schulung. Für grössere Änderungen sind wir da.</p>
2541</div></div></div><div class="brxe-block faq-sctn__faq"><div class="brxe-block faq-sctn__faq-title accordion-title-wrapper" role="button" aria-expanded="false" tabindex="0" aria-controls=""><div class="brxe-div faq-sctn__faq-title-icon-wrap"><i id="brxe-wfrsuj" class="ion-ios-arrow-down brxe-icon faq-sctn__faq-title-icon"></i></div><h3 id="brxe-hzmydr" class="brxe-heading faq-sctn__faq-title-text">Lohnt sich eine Automatisierung auch für kleinere KMU?</h3></div><div class="brxe-block faq-sctn__faq-content accordion-content-wrapper" id="" role="region" aria-labelledby="brxe-hzmydr"><div class="brxe-text faq-sctn__faq-content-text"><p>Absolut. Gerade in kleinen Teams ist Zeit die teuerste Ressource. Wenn du pro Woche nur 2 Stunden mit manuellem Datenübertrag, E-Mails abtippen oder Rechnungsstellung verbringst, hast du die Investition in eine Automatisierung oft schon nach wenigen Monaten wieder drin. Wir bauen Lösungen, die ab Tag 1 Zeit und Geld sparen – egal wie gross dein Team ist.</p>
2542</div></div></div><div class="brxe-block faq-sctn__faq"><div class="brxe-block faq-sctn__faq-title accordion-title-wrapper" role="button" aria-expanded="false" tabindex="0" aria-controls=""><div class="brxe-div faq-sctn__faq-title-icon-wrap"><i id="brxe-oxsikn" class="ion-ios-arrow-down brxe-icon faq-sctn__faq-title-icon"></i></div><h3 id="brxe-brhtzr" class="brxe-heading faq-sctn__faq-title-text">Ich nutze Bexio bereits für meine Rechnungen. Was genau automatisiert ihr daran?</h3></div><div class="brxe-block faq-sctn__faq-content accordion-content-wrapper" id="" role="region" aria-labelledby="brxe-brhtzr"><div class="brxe-text faq-sctn__faq-content-text"><p>Wir schliessen die Lücke zwischen deiner Webseite und Bexio. Stell dir vor: Ein Kunde füllt dein Kontaktformular aus – und vollautomatisch wird in Bexio der Kontakt angelegt, ein Deal erstellt oder sogar schon der Entwurf für die Offerte vorbereitet. Wir eliminieren das lästige Copy-Paste von Daten. Das bedeutet für dich: Null Tippfehler und eine massive Zeitersparnis bei jeder neuen Anfrage.</p>
2543</div></div></div><div class="brxe-block faq-sctn__faq"><div class="brxe-block faq-sctn__faq-title accordion-title-wrapper" role="button" aria-expanded="false" tabindex="0" aria-controls=""><div class="brxe-div faq-sctn__faq-title-icon-wrap"><i id="brxe-sfgdqq" class="ion-ios-arrow-down brxe-icon faq-sctn__faq-title-icon"></i></div><h3 id="brxe-qxbqqi" class="brxe-heading faq-sctn__faq-title-text">Funktioniert das auch für B2B-Unternehmen?</h3></div><div class="brxe-block faq-sctn__faq-content accordion-content-wrapper" id="" role="region" aria-labelledby="brxe-qxbqqi"><div class="brxe-text faq-sctn__faq-content-text"><p>Definitiv! Viele unserer besten Erfolgsgeschichten sind B2B-KMUs. Ob Beratung, Dienstleistung oder Produktverkauf – wir kennen die Unterschiede und bauen entsprechend.</p>
2544</div></div></div><div class="brxe-block faq-sctn__faq"><div class="brxe-block faq-sctn__faq-title accordion-title-wrapper" role="button" aria-expanded="false" tabindex="0" aria-controls=""><div class="brxe-div faq-sctn__faq-title-icon-wrap"><i id="brxe-qepwvv" class="ion-ios-arrow-down brxe-icon faq-sctn__faq-title-icon"></i></div><h3 id="brxe-kcivqf" class="brxe-heading faq-sctn__faq-title-text">Sprecht ihr auch Schweizerdeutsch?</h3></div><div class="brxe-block faq-sctn__faq-content accordion-content-wrapper" id="" role="region" aria-labelledby="brxe-kcivqf"><div class="brxe-text faq-sctn__faq-content-text"><p>Selbstverständlich! Wir sind ein Schweizer Unternehmen aus dem schönen Kanton Bern und verstehe
2544n die Mentalität. Meetings auf Deutsch, Support auf Deutsch, alles wie du es gewohnt bist. Wenn gewünscht dann auch auf Englisch.</p>
2545</div></div></div></div>
2546</div></div><div  class="brxe-div faq-sctn__rays" aria-hidden="true"><svg class="brxe-svg" id="brxe-yqnzlh" width="974" height="556" viewBox="0 0 974 556" fill="none" xmlns="http://www.w3.org/2000/svg">
2547<g opacity="0.3" filter="url(#filter0_f_2050_3046)">
2548<path fill-rule="evenodd" clip-rule="evenodd" d="M204.424 -215.824L197.829 -211.039L431.752 257.931L837.363 243.899L204.424 -215.824Z" fill="#A0A0A8"/>
2549<path fill-rule="evenodd" clip-rule="evenodd" d="M204.424 -215.824L197.829 -211.039L431.752 257.931L837.363 243.899L204.424 -215.824Z" fill="url(#paint0_linear_2050_3046)"/>
2550<path d="M137.05 -148.788L197.829 419.642L431.752 257.931L197.829 -211.039L137.05 -148.788Z" fill="url(#paint1_linear_2050_3046)"/>
2551</g>
2552<defs>
2553<filter id="filter0_f_2050_3046" x="0.865906" y="-352.008" width="972.681" height="907.834" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
2554<feFlood flood-opacity="0" result="BackgroundImageFix"/>
2555<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
2556<feGaussianBlur stdDeviation="68.0918" result="effect1_foregroundBlur_2050_3046"/>
2557</filter>
2558<linearGradient id="paint0_linear_2050_3046" x1="683.268" y1="324.644" x2="464.972" y2="-289.502" gradientUnits="userSpaceOnUse">
2559<stop stop-color="#844AF0" stop-opacity="0"/>
2560<stop offset="1" stop-color="#FF27D7"/>
2561</linearGradient>
2562<linearGradient id="paint1_linear_2050_3046" x1="620.276" y1="310.304" x2="464.142" y2="-273.038" gradientUnits="userSpaceOnUse">
2563<stop stop-color="#844AF0" stop-opacity="0"/>
2564<stop offset="1" stop-color="#FF27D7"/>
2565</linearGradient>
2566</defs>
2567</svg></div><div  class="brxe-div portfolio-sctn__stars" aria-hidden="true"><svg class="brxe-svg" xmlns="http://www.w3.org/2000/svg" width="575" height="255" viewBox="0 0 575 255"><g><path d="M307.623 122.062C308.168 121.709 308.323 120.981 307.969 120.437C307.616 119.893 306.888 119.738 306.344 120.091C305.8 120.444 305.645 121.172 305.998 121.716C306.351 122.261 307.079 122.416 307.623 122.062Z" fill="white"></path><path d="M250.623 160.451C251.168 160.098 251.323 159.37 250.969 158.826C250.616 158.282 249.888 158.127 249.344 158.48C248.8 158.833 248.645 159.561 248.998 160.105C249.351 160.65 250.079 160.805 250.623 160.451Z" fill="white"></path><path d="M133.757 120.496C134.301 120.142 134.456 119.415 134.103 118.87C133.75 118.326 133.022 118.171 132.478 118.524C131.933 118.878 131.779 119.605 132.132 120.15C132.485 120.694 133.213 120.849 133.757 120.496Z" fill="white"></path><path d="M76.2649 119.298C76.8093 118.945 76.9642 118.217 76.6109 117.673C76.2576 117.129 75.53 116.974 74.9856 117.327C74.4413 117.68 74.2864 118.408 74.6396 118.952C74.9929 119.497 75.7206 119.652 76.2649 119.298Z" fill="white"></path><path d="M277.834 120.391C278.379 120.038 278.534 119.31 278.18 118.766C277.827 118.222 277.099 118.067 276.555 118.42C276.011 118.773 275.856 119.501 276.209 120.045C276.562 120.59 277.29 120.745 277.834 120.391Z" fill="white"></path><path d="M135.843 56.8336C136.387 56.4803 136.542 55.7526 136.189 55.2083C135.836 54.6639 135.108 54.509 134.564 54.8623C134.019 55.2156 133.864 55.9432 134.218 56.4876C134.571 57.0319 135.299 57.1868 135.843 56.8336Z" fill="white"></path><path d="M116.148 55.6109C116.692 55.2577 116.847 54.53 116.494 53.9857C116.14 53.4413 115.413 53.2864 114.868 53.6397C114.324 53.9929 114.169 54.7206 114.522 55.265C114.876 55.8093 115.603 55.9642 116.148 55.6109Z" fill="white"></path><path d="M132.671 89.6969C133.216 89.3436 133.37 88.616 133.017 88.0716C132.664 87.5272 131.936 87.3723 131.392 87.7256C130.848 88.0789 130.693 88.8065 131.046 89.3509C131.399 89.8952 132.127 90.0501 132.671 89.6969Z" fill="white"></path><path d="M163.137 69.224C163.545 68.9592 163.661 68.4135 163.396 68.0054C163.131 67.5972 162.586 67.4811 162.177 67.746C161.769 68.0109 161.653 68.5564 161.918 68.9646C162.183 69.3727 162.729 69.4889 163.137 69.224Z" fill="white"></path>
2567<path d="M400.406 151.94C400.95 151.587 401.105 150.859 400.752 150.315C400.398 149.771 399.671 149.616 399.126 149.969C398.582 150.322 398.427 151.05 398.78 151.594C399.134 152.139 399.861 152.294 400.406 151.94Z" fill="white"></path><path d="M407.12 155.282C407.528 155.017 407.644 154.471 407.379 154.063C407.115 153.655 406.569 153.539 406.161 153.804C405.753 154.068 405.637 154.614 405.901 155.022C406.166 155.43 406.712 155.547 407.12 155.282Z" fill="white"></path><path d="M237.925 76.7225C238.333 76.4576 238.449 75.9121 238.184 75.5039C237.919 75.0958 237.374 74.9796 236.966 75.2445C236.557 75.5093 236.441 76.0549 236.706 76.4631C236.971 76.8712 237.517 76.9874 237.925 76.7225Z" fill="white"></path><path d="M195.409 102.909C195.817 102.644 195.933 102.099 195.669 101.69C195.404 101.282 194.858 101.166 194.45 101.431C194.042 101.696 193.926 102.241 194.191 102.65C194.455 103.058 195.001 103.174 195.409 102.909Z" fill="white"></path><path d="M178.695 130.558C179.239 130.204 179.394 129.477 179.041 128.932C178.687 128.388 177.96 128.233 177.415 128.586C176.871 128.94 176.716 129.667 177.069 130.212C177.423 130.756 178.15 130.911 178.695 130.558Z" fill="white"></path><path d="M162.304 125.794C162.576 125.617 162.654 125.254 162.477 124.982C162.301 124.71 161.937 124.632 161.665 124.809C161.393 124.985 161.316 125.349 161.492 125.621C161.669 125.893 162.032 125.97 162.304 125.794Z" fill="white"></path><path d="M232.647 114.447C232.919 114.27 232.996 113.907 232.82 113.635C232.644 113.363 232.28 113.286 232.008 113.462C231.736 113.639 231.659 114.002 231.835 114.274C232.012 114.546 232.375 114.623 232.647 114.447Z" fill="white"></path><path d="M340.046 44.7546C340.317 44.5781 340.395 44.2146 340.218 43.9426C340.042 43.6707 339.678 43.5933 339.406 43.7698C339.134 43.9462 339.057 44.3097 339.234 44.5817C339.41 44.8536 339.774 44.931 340.046 44.7546Z" fill="white"></path><path d="M419.03 6.79749C419.302 6.62101 419.379 6.2575 419.203 5.98556C419.026 5.71361 418.663 5.63621 418.391 5.8127C418.119 5.98918 418.042 6.35272 418.218 6.62466C418.394 6.89661 418.758 6.97397 419.03 6.79749Z" fill="white"></path><path d="M60.6081 208.59C60.88 208.414 60.9574 208.05 60.7809 207.779C60.6044 207.507 60.2409 207.429 59.969 207.606C59.697 207.782 59.6196 208.146 59.7961 208.418C59.9726 208.69 60.3361 208.767 60.6081 208.59Z" fill="white"></path><path d="M35.9596 186.783C36.2316 186.606 36.309 186.243 36.1325 185.971C35.956 185.699 35.5925 185.622 35.3205 185.798C35.0486 185.975 34.9712 186.338 35.1477 186.61C35.3242 186.882 35.6877 186.959 35.9596 186.783Z" fill="white"></path><path d="M22.1315 211.859C22.4035 211.683 22.4808 211.319 22.3044 211.047C22.1279 210.775 21.7643 210.698 21.4924 210.874C21.2205 211.051 21.1431 211.414 21.3196 211.686C21.496 211.958 21.8596 212.036 22.1315 211.859Z" fill="white"></path><path d="M57.569 230.869C57.841 230.692 57.9183 230.329 57.7418 230.057C57.5654 229.785 57.2018 229.708 56.9299 229.884C56.658 230.06 56.5806 230.424 56.7571 230.696C56.9335 230.968 57.2971 231.045 57.569 230.869Z" fill="white"></path><path d="M162.022 135.075C162.294 134.898 162.371 134.535 162.195 134.263C162.019 133.991 161.655 133.914 161.383 134.09C161.111 134.267 161.034 134.63 161.21 134.902C161.387 135.174 161.75 135.251 162.022 135.075Z" fill="white"></path><path d="M243.171 132.821C243.442 132.644 243.52 132.281 243.343 132.009C243.167 131.737 242.803 131.66 242.531 131.836C242.259 132.013 242.182 132.376 242.359 132.648C242.535 132.92 242.899 132.997 243.171 132.821Z" fill="white"></path><path d="M334.562 66.5133C334.834 66.3369 334.911 65.9733 334.735 65.7014C334.559 65.4294 334.195 65.3521 333.923 65.5285C333.651 65.705 333.574 66.0685 333.75 66.3405C333.927 66.6124 334.29 66.6898 334.562 66.5133Z" fill="white"></path><path d="M254.022 239.233C254.294 239.056 254.371 238.693 254.195 238.421C254.018 238.149 253.655 238.072 253.383 238.248C253.111 238.425 253.034 238.788 253.21 239.06C253.387 239.332 253.75 239.409 254.022 239.233Z" fill="white"></path><path d="M350.061 139.101C350.333 138.925 350.411 138.561 350.234 138.289C350.058 138.017 349.694 137.94 349.422 138.116C349.15 138.293 349.073 138.656 349.249 138.928C349.426 139.2 349.789 139.278 350.061 139.101Z" fill="white"></path><path d="M425.288 88.884C425.56 88.7075 425.638 88.344 425.461 88.0721C425.285 87.8001 424.921 87.7227 424.649 87.8992C424.377 88.0757 424.3 88.4392 424.476 88.7112C424.653 88.9831 425.016 89.0605 425.288 88.884Z" fill="white"></path><path d="M345.975 206.164C346.247 205.988 346.325 205.624 346.148 205.352C345.972 205.08 345.608 205.003 345.336 205.179C345.064 205.356 344.987 205.719 345.163 205.991C345.34 206.263 345.703 206.341 345.975 206.164Z" fill="white"></path><path d="M311.491 228.543C311.763 228.367 311.841 228.003 311.664 227.731C311.488 227.459 311.124 227.382 310.852 227.558C310.58 227.735 310.503 228.098 310.679 228.37C310.856 228.642 311.219 228.719 311.491 228.543Z" fill="white"></path><path d="M251.28 224.212C251.552 224.036 251.63 223.672 251.453 223.4C251.277 223.128 250.913 223.051 250.641 223.227C250.369 223.404 250.292 223.767 250.468 224.039C250.645 224.311 251.008 224.388 251.28 224.212Z" fill="white"></path><path d="M366.608 145.169C366.88 144.993 366.957 144.629 366.781 144.357C366.604 144.085 366.241 144.008 365.969 144.184C365.697 144.361 365.62 144.724 365.796 144.996C365.973 145.268 366.336 145.345 366.608 145.169Z" fill="white"></path><path d="M360.429 210.088C360.701 209.912 360.779 209.548 360.602 209.276C360.426 209.004 360.062 208.927 359.79 209.103C359.518 209.28 359.441 209.643 359.617 209.915C359.794 210.187 360.157 210.264 360.429 210.088Z" fill="white"></path><path d="M304.014 253.697C304.286 253.52 304.364 253.157 304.187 252.885C304.011 252.613 303.647 252.536 303.375 252.712C303.103 252.889 303.026 253.252 303.202 253.524C303.379 253.796 303.742 253.873 304.014 253.697Z" fill="white"></path><path d="M268.311 229.964C268.583 229.788 268.661 229.424 268.484 229.152C268.308 228.88 267.944 228.803 267.672 228.979C267.4 229.156 267.323 229.519 267.499 229.791C267.676 230.063 268.039 230.141 268.3
256711 229.964Z" fill="white"></path><path d="M573.764 29.636C574.036 29.4595 574.114 29.096 573.937 28.8241C573.761 28.5521 573.397 28.4747 573.125 28.6512C572.853 28.8277 572.776 29.1912 572.952 29.4632C573.129 29.7351 573.492 29.8125 573.764 29.636Z" fill="white"></path><path d="M243.319 41.7673C243.863 41.4141 244.018 40.6864 243.665 40.1421C243.311 39.5977 242.584 39.4428 242.039 39.7961C241.495 40.1493 241.34 40.877 241.693 41.4214C242.047 41.9657 242.774 42.1206 243.319 41.7673Z" fill="white"></path><path d="M262.795 8.12674C263.34 7.77348 263.494 7.04583 263.141 6.50148C262.788 5.95712 262.06 5.80221 261.516 6.15547C260.972 6.50873 260.817 7.23639 261.17 7.78075C261.523 8.3251 262.251 8.48 262.795 8.12674Z" fill="white"></path><path d="M250.94 64.8287C251.349 64.5638 251.465 64.0183 251.2 63.6101C250.935 63.202 250.389 63.0858 249.981 63.3507C249.573 63.6155 249.457 64.1611 249.722 64.5693C249.987 64.9774 250.532 65.0936 250.94 64.8287Z" fill="white"></path><path d="M95.7294 167.65C96.1376 167.385 96.2537 166.84 95.9888 166.431C95.724 166.023 95.1784 165.907 94.7703 166.172C94.3621 166.437 94.246 166.982 94.5108 167.391C94.7757 167.799 95.3213 167.915 95.7294 167.65Z" fill="white"></path><path d="M22.8623 198.837C23.2704 198.573 23.3866 198.027 23.1217 197.619C22.8568 197.211 22.3112 197.095 21.9031 197.359C21.4949 197.624 21.3788 198.17 21.6436 198.578C21.9085 198.986 22.4541 199.102 22.8623 198.837Z" fill="white"></path><path d="M1.69822 184.568C2.10636 184.303 2.22252 183.757 1.95764 183.349C1.69277 182.941 1.14718 182.825 0.739029 183.09C0.33088 183.355 0.214712 183.9 0.479585 184.309C0.744458 184.717 1.29007 184.833 1.69822 184.568Z" fill="white"></path><path d="M234.112 16.2418C234.52 15.9769 234.637 15.4314 234.372 15.0232C234.107 14.6151 233.561 14.4989 233.153 14.7638C232.745 15.0286 232.629 15.5742 232.894 15.9824C233.159 16.3905 233.704 16.5067 234.112 16.2418Z" fill="white"></path><path d="M172.05 108.323C172.458 108.058 172.574 107.512 172.309 107.104C172.044 106.696 171.499 106.58 171.091 106.845C170.682 107.11 170.566 107.655 170.831 108.063C171.096 108.472 171.642 108.588 172.05 108.323Z" fill="white"></path><path d="M309.94 48.9439C310.349 48.6791 310.465 48.1335 310.2 47.7253C309.935 47.3172 309.389 47.201 308.981 47.4659C308.573 47.7308 308.457 48.2764 308.722 48.6845C308.987 49.0927 309.532 49.2088 309.94 48.9439Z" fill="white"></path><path d="M73.2874 158.412C73.8318 158.059 73.9867 157.331 73.6334 156.787C73.2801 156.242 72.5525 156.087 72.0081 156.441C71.4638 156.794 71.3088 157.522 71.6621 158.066C72.0154 158.61 72.743 158.765 73.2874 158.412Z" fill="white"></path><path d="M31.2649 225.353C31.8093 225 31.9642 224.272 31.6109 223.728C31.2577 223.183 30.53 223.029 29.9857 223.382C29.4413 223.735 29.2864 224.463 29.6396 225.007C29.9929 225.551 30.7206 225.706 31.2649 225.353Z" fill="white"></path><path d="M90.8431 162.887C91.3874 162.534 91.5423 161.806 91.1891 161.262C90.8358 160.718 90.1081 160.563 89.5638 160.916C89.0194 161.269 88.8645 161.997 89.2178 162.541C89.571 163.086 90.2987 163.241 90.8431 162.887Z" fill="white"></path><path d="M71.1477 161.666C71.6921 161.312 71.847 160.585 71.4937 160.04C71.1405 159.496 70.4128 159.341 69.8685 159.694C69.3241 160.048 69.1692 160.775 69.5224 161.32C69.8757 161.864 70.6034 162.019 71.1477 161.666Z" fill="white"></path><path d="M87.6712 195.751C88.2155 195.397 88.3704 194.67 88.0172 194.125C87.6639 193.581 86.9363 193.426 86.3919 193.779C85.8476 194.133 85.6926 194.86 86.0459 195.405C86.3991 195.949 87.1268 196.104 87.6712 195.751Z" fill="white"></path><path d="M118.136 175.279C118.544 175.014 118.66 174.468 118.395 174.06C118.13 173.652 117.585 173.536 117.177 173.801C116.768 174.066 116.652 174.611 116.917 175.019C117.182 175.427 117.728 175.544 118.136 175.279Z" fill="white"></path></g></svg></div></section><section data-wpr-lazyrender="1" class="brxe-lpckgs brxe-section cta-sctn bg-noise"><div  class="brxe-bvigjo brxe-container cta-sctn__container"><div class="brxe-icstmc brxe-block cta-sctn__intro"><h2 class="brxe-xrwzfr brxe-heading cta-sctn__intro-header">Dein Business ist bereit für das nächste Level</h2><p class="brxe-pmutuz brxe-text-basic cta-sctn__intro-text">Website-Design mit Wow-Faktor, CRM-Systeme die funktionieren, Automatisierungen die Zeit sparen. Alles aus einer Hand, alles designed für KMUs wie deines. Beginne wo du willst, erweitere wann du bereit bist - dein Tempo, unsere Expertise.</p><a href="https://rocket9.ch/anfragen/" class="brxe-guuzxx brxe-div footer-btn__wrap"><div class="brxe-ckrhmz brxe-block footer-btn"><span class="brxe-qcsfws brxe-text-basic label-base-16">Jetzt durchstarten & anfragen</span></div><div class="brxe-utnygo brxe-div footer-btn__bg"></div></a></div><div class="brxe-vqilzw brxe-div portfolio-sctn__stars" aria-hidden="true"><svg class="brxe-jglgph brxe-svg" xmlns="http://www.w3.org/2000/svg" width="575" height="255" viewBox="0 0 575 255"><g><path d="M307.623 122.062C308.168 121.709 308.323 120.981 307.969 120.437C307.616 119.893 306.888 119.738 306.344 120.091C305.8 120.444 305.645 121.172 305.998 121.716C306.351 122.261 307.079 122.416 307.623 122.062Z" fill="white"></path><path d="M250.623 160.451C251.168 160.098 251.323 159.37 250.969 158.826C250.616 158.282 249.888 158.127 249.344 158.48C248.8 158.833 248.645 159.561 248.998 160.105C249.351 160.65 250.079 160.805 250.623 160.451Z" fill="white"></path><path d="M133.757 120.496C134.301 120.142 134.456 119.415 134.103 118.87C133.75 118.326 133.022 118.171 132.478 118.524C131.933 118.878 131.779 119.605 132.132 120.15C132.485 120.694 133.213 120.849 133.757 120.496Z" fill="white"></path><path d="M76.2649 119.298C76.8093 118.945 76.9642 118.217 76.6109 117.673C76.2576 117.129 75.53 116.974 74.9856 117.327C74.4413 117.68 74.2864 118.408 74.6396 118.952C74.9929 119.497 75.7206 119.652 76.2649 119.298Z" fill="white"></path>
2567<path d="M277.834 120.391C278.379 120.038 278.534 119.31 278.18 118.766C277.827 118.222 277.099 118.067 276.555 118.42C276.011 118.773 275.856 119.501 276.209 120.045C276.562 120.59 277.29 120.745 277.834 120.391Z" fill="white"></path><path d="M135.843 56.8336C136.387 56.4803 136.542 55.7526 136.189 55.2083C135.836 54.6639 135.108 54.509 134.564 54.8623C134.019 55.2156 133.864 55.9432 134.218 56.4876C134.571 57.0319 135.299 57.1868 135.843 56.8336Z" fill="white"></path><path d="M116.148 55.6109C116.692 55.2577 116.847 54.53 116.494 53.9857C116.14 53.4413 115.413 53.2864 114.868 53.6397C114.324 53.9929 114.169 54.7206 114.522 55.265C114.876 55.8093 115.603 55.9642 116.148 55.6109Z" fill="white"></path><path d="M132.671 89.6969C133.216 89.3436 133.37 88.616 133.017 88.0716C132.664 87.5272 131.936 87.3723 131.392 87.7256C130.848 88.0789 130.693 88.8065 131.046 89.3509C131.399 89.8952 132.127 90.0501 132.671 89.6969Z" fill="white"></path><path d="M163.137 69.224C163.545 68.9592 163.661 68.4135 163.396 68.0054C163.131 67.5972 162.586 67.4811 162.177 67.746C161.769 68.0109 161.653 68.5564 161.918 68.9646C162.183 69.3727 162.729 69.4889 163.137 69.224Z" fill="white"></path><path d="M400.406 151.94C400.95 151.587 401.105 150.859 400.752 150.315C400.398 149.771 399.671 149.616 399.126 149.969C398.582 150.322 398.427 151.05 398.78 151.594C399.134 152.139 399.861 152.294 400.406 151.94Z" fill="white"></path><path d="M407.12 155.282C407.528 155.017 407.644 154.471 407.379 154.063C407.115 153.655 406.569 153.539 406.161 153.804C405.753 154.068 405.637 154.614 405.901 155.022C406.166 155.43 406.712 155.547 407.12 155.282Z" fill="white"></path><path d="M237.925 76.7225C238.333 76.4576 238.449 75.9121 238.184 75.5039C237.919 75.0958 237.374 74.9796 236.966 75.2445C236.557 75.5093 236.441 76.0549 236.706 76.4631C236.971 76.8712 237.517 76.9874 237.925 76.7225Z" fill="white"></path><path d="M195.409 102.909C195.817 102.644 195.933 102.099 195.669 101.69C195.404 101.282 194.858 101.166 194.45 101.431C194.042 101.696 193.926 102.241 194.191 102.65C194.455 103.058 195.001 103.174 195.409 102.909Z" fill="white"></path><path d="M178.695 130.558C179.239 130.204 179.394 129.477 179.041 128.932C178.687 128.388 177.96 128.233 177.415 128.586C176.871 128.94 176.716 129.667 177.069 130.212C177.423 130.756 178.15 130.911 178.695 130.558Z" fill="white"></path><path d="M162.304 125.794C162.576 125.617 162.654 125.254 162.477 124.982C162.301 124.71 161.937 124.632 161.665 124.809C161.393 124.985 161.316 125.349 161.492 125.621C161.669 125.893 162.032 125.97 162.304 125.794Z" fill="white"></path><path d="M232.647 114.447C232.919 114.27 232.996 113.907 232.82 113.635C232.644 113.363 232.28 113.286 232.008 113.462C231.736 113.639 231.659 114.002 231.835 114.274C232.012 114.546 232.375 114.623 232.647 114.447Z" fill="white"></path><path d="M340.046 44.7546C340.317 44.5781 340.395 44.2146 340.218 43.9426C340.042 43.6707 339.678 43.5933 339.406 43.7698C339.134 43.9462 339.057 44.3097 339.234 44.5817C339.41 44.8536 339.774 44.931 340.046 44.7546Z" fill="white"></path><path d="M419.03 6.79749C419.302 6.62101 419.379 6.2575 419.203 5.98556C419.026 5.71361 418.663 5.63621 418.391 5.8127C418.119 5.98918 418.042 6.35272 418.218 6.62466C418.394 6.89661 418.758 6.97397 419.03 6.79749Z" fill="white"></path><path d="M60.6081 208.59C60.88 208.414 60.9574 208.05 60.7809 207.779C60.6044 207.507 60.2409 207.429 59.969 207.606C59.697 207.782 59.6196 208.146 59.7961 208.418C59.9726 208.69 60.3361 208.767 60.6081 208.59Z" fill="white"></path><path d="M35.9596 186.783C36.2316 186.606 36.309 186.243 36.1325 185.971C35.956 185.699 35.5925 185.622 35.3205 185.798C35.0486 185.975 34.9712 186.338 35.1477 186.61C35.3242 186.882 35.6877 186.959 35.9596 186.783Z" fill="white"></path><path d="M22.1315 211.859C22.4035 211.683 22.4808 211.319 22.3044 211.047C22.1279 210.775 21.7643 210.698 21.4924 210.874C21.2205 211.051 21.1431 211.414 21.3196 211.686C21.496 211.958 21.8596 212.036 22.1315 211.859Z" fill="white"></path><path d="M57.569 230.869C57.841 230.692 57.9183 230.329 57.7418 230.057C57.5654 229.785 57.2018 229.708 56.9299 229.884C56.658 230.06 56.5806 230.424 56.7571 230.696C56.9335 230.968 57.2971 231.045 57.569 230.869Z" fill="white"></path><path d="M162.022 135.075C162.294 134.898 162.371 134.535 162.195 134.263C162.019 133.991 161.655 133.914 161.383 134.09C161.111 134.267 161.034 
2567134.63 161.21 134.902C161.387 135.174 161.75 135.251 162.022 135.075Z" fill="white"></path><path d="M243.171 132.821C243.442 132.644 243.52 132.281 243.343 132.009C243.167 131.737 242.803 131.66 242.531 131.836C242.259 132.013 242.182 132.376 242.359 132.648C242.535 132.92 242.899 132.997 243.171 132.821Z" fill="white"></path><path d="M334.562 66.5133C334.834 66.3369 334.911 65.9733 334.735 65.7014C334.559 65.4294 334.195 65.3521 333.923 65.5285C333.651 65.705 333.574 66.0685 333.75 66.3405C333.927 66.6124 334.29 66.6898 334.562 66.5133Z" fill="white"></path><path d="M254.022 239.233C254.294 239.056 254.371 238.693 254.195 238.421C254.018 238.149 253.655 238.072 253.383 238.248C253.111 238.425 253.034 238.788 253.21 239.06C253.387 239.332 253.75 239.409 254.022 239.233Z" fill="white"></path><path d="M350.061 139.101C350.333 138.925 350.411 138.561 350.234 138.289C350.058 138.017 349.694 137.94 349.422 138.116C349.15 138.293 349.073 138.656 349.249 138.928C349.426 139.2 349.789 139.278 350.061 139.101Z" fill="white"></path><path d="M425.288 88.884C425.56 88.7075 425.638 88.344 425.461 88.0721C425.285 87.8001 424.921 87.7227 424.649 87.8992C424.377 88.0757 424.3 88.4392 424.476 88.7112C424.653 88.9831 425.016 89.0605 425.288 88.884Z" fill="white"></path><path d="M345.975 206.164C346.247 205.988 346.325 205.624 346.148 205.352C345.972 205.08 345.608 205.003 345.336 205.179C345.064 205.356 344.987 205.719 345.163 205.991C345.34 206.263 345.703 206.341 345.975 206.164Z" fill="white"></path><path d="M311.491 228.543C311.763 228.367 311.841 228.003 311.664 227.731C311.488 227.459 311.124 227.382 310.852 227.558C310.58 227.735 310.503 228.098 310.679 228.37C310.856 228.642 311.219 228.719 311.491 228.543Z" fill="white"></path><path d="M251.28 224.212C251.552 224.036 251.63 223.672 251.453 223.4C251.277 223.128 250.913 223.051 250.641 223.227C250.369 223.404 250.292 223.767 250.468 224.039C250.645 224.311 251.008 224.388 251.28 224.212Z" fill="white"></path><path d="M366.608 145.169C366.88 144.993 366.957 144.629 366.781 144.357C366.604 144.085 366.241 144.008 365.969 144.184C365.697 144.361 365.62 144.724 365.796 144.996C365.973 145.268 366.336 145.345 366.608 145.169Z" fill="white"></path><path d="M360.429 210.088C360.701 209.912 360.779 209.548 360.602 209.276C360.426 209.004 360.062 208.927 359.79 209.103C359.518 209.28 359.441 209.643 359.617 209.915C359.794 210.187 360.157 210.264 360.429 210.088Z" fill="white"></path><path d="M304.014 253.697C304.286 253.52 304.364 253.157 304.187 252.885C304.011 252.613 303.647 252.536 303.375 252.712C303.103 252.889 303.026 253.252 303.202 253.524C303.379 253.796 303.742 253.873 304.014 253.697Z" fill="white"></path><path d="M268.311 229.964C268.583 229.788 268.661 229.424 268.484 229.152C268.308 228.88 267.944 228.803 267.672 228.979C267.4 229.156 267.323 229.519 267.499 229.791C267.676 230.063 268.039 230.141 268.311 229.964Z" fill="white"></path><path d="M573.764 29.636C574.036 29.4595 574.114 29.096 573.937 28.8241C573.761 28.5521 573.397 28.4747 573.125 28.6512C572.853 28.8277 572.776 29.1912 572.952 29.4632C573.129 29.7351 573.492 29.8125 573.764 29.636Z" fill="white"></path><path d="M243.319 41.7673C243.863 41.4141 244.018 40.6864 243.665 40.1421C243.311 39.5977 242.584 39.4428 242.039 39.7961C241.495 40.1493 241.34 40.877 241.693 41.4214C242.047 41.9657 242.774 42.1206 243.319 41.7673Z" fill="white"></path><path d="M262.795 8.12674C263.34 7.77348 263.494 7.04583 263.141 6.50148C262.788 5.95712 262.06 5.80221 261.516 6.15547C260.972 6.50873 260.817 7.23639 261.17 7.78075C261.523 8.3251 262.251 8.48 262.795 8.12674Z" fill="white"></path><path d="M250.94 64.8287C251.349 64.5638 251.465 64.0183 251.2 63.6101C250.935 63.202 250.389 63.0858 249.981 63.3507C249.573 63.6155 249.457 64.1611 249.722 64.5693C249.987 64.9774 250.532 65.0936 250.94 64.8287Z" fill="white"></path><path d="M95.7294 167.65C96.1376 167.385 96.2537 166.84 95.9888 166.431C95.724 166.023 95.1784 165.907 94.7703 166.172C94.3621 166.437 94.246 166.982 94.5108 167.391C94.7757 167.799 95.3213 167.915 95.7294 167.65Z" fill="white"></path><path d="M22.8623 198.837C23.2704 198.573 23.3866 198.027 23.1217 197.619C22.8568 197.211 22.3112 197.095 21.9031 197.359C21.4949 197.624 21.3788 198.17 21.6436 198.578C21.9085 198.986 22.4541 199.102 22.8623 198.837Z" fill="white"></path><path d="M1.69822 184.568C2.10636 184.303 2.22252 183.757 1.95764 183.349C1.69277 182.941 1.14718 182.825 0.739029 183.09C0.33088 183.355 0.214712 183.9 0.479585 184.309C0.744458 184.717 1.29007 184.833 1.69822 184.568Z" fill="white"></path><path d="M234.112 16.2418C234.52 15.9769 234.637 15.4314 234.372 15.0232C234.107 14.6151 233.561 14.4989 233.153 14.7638C232.745 15.0286 232.629 15.5742 232.894 15.9824C233.159 16.3905 233.704 16.5067 234.112 16.2418Z" fill="white"></path><path d="M172.05 108.323C172.458 108.058 172.574 107.512 172.309 107.104C172.044 106.696 171.499 106.58 171.091 106.845C170.682 107.11 170.566 107.655 170.831 108.063C171.096 108.472 171.642 108.588 172.05 108.323Z" fill="white"></path><path d="M309.94 48.9439C310.349 48.6791 310.465 48.1335 310.2 47.7253C309.935 47.3172 309.389 47.201 308.981 47.4659C308.573 47.7308 308.457 48.2764 308.722 48.6845C308.987 49.0927 309.532 49.2088 309.94 48.9439Z" fill="white"></path><path d="M73.2874 158.412C73.8318 158.059 73.9867 157.331 73.6334 156.787C73.2801 156.242 72.5525 156.087 72.0081 156.441C71.4638 156.794 71.3088 157.522 71.6621 158.066C72.0154 158.61 72.743 158.765 73.2874 158.412Z" fill="white"></path><path d="M31.2649 225.353C31.8093 225 31.9642 224.272 31.6109 223.728C31.2577 223.183 30.53 223.029 29.9857 223.382C29.4413 223.735 29.2864 224.463 29.6396 225.007C29.9929 225.551 30.7206 225.706 31.2649 225.353Z" fill="white"></path><path d="M90.8431 162.887C91.3874 162.534 91.5423 161.806 91.1891 161.262C90.8358 160.718 90.1081 160.563 89.5638 160.916C89.0194 161.269 88.8645 161.997 89.2178 
2567162.541C89.571 163.086 90.2987 163.241 90.8431 162.887Z" fill="white"></path><path d="M71.1477 161.666C71.6921 161.312 71.847 160.585 71.4937 160.04C71.1405 159.496 70.4128 159.341 69.8685 159.694C69.3241 160.048 69.1692 160.775 69.5224 161.32C69.8757 161.864 70.6034 162.019 71.1477 161.666Z" fill="white"></path><path d="M87.6712 195.751C88.2155 195.397 88.3704 194.67 88.0172 194.125C87.6639 193.581 86.9363 193.426 86.3919 193.779C85.8476 194.133 85.6926 194.86 86.0459 195.405C86.3991 195.949 87.1268 196.104 87.6712 195.751Z" fill="white"></path><path d="M118.136 175.279C118.544 175.014 118.66 174.468 118.395 174.06C118.13 173.652 117.585 173.536 117.177 173.801C116.768 174.066 116.652 174.611 116.917 175.019C117.182 175.427 117.728 175.544 118.136 175.279Z" fill="white"></path></g></svg></div><div class="brxe-avqzxt brxe-div cta-sctn__intro-media-wrap"><img width="1472" height="960" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/05/CTA-media-visual-v2.png" class="brxe-mxdqhp brxe-image cta-sctn__intro-media css-filter size-full" alt="" loading="eager" decoding="async" srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/05/CTA-media-visual-v2.png 1472w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/05/CTA-media-visual-v2-300x196.png 300w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/05/CTA-media-visual-v2-1024x668.png 1024w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/05/CTA-media-visual-v2-768x501.png 768w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/05/CTA-media-visual-v2-1200x783.png 1200w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/05/CTA-media-visual-v2-600x391.png 600w" sizes="(max-width: 1472px) 100vw, 1472px" /></div><div class="brxe-uxywwl brxe-div cta-sctn__intro-media-mb-wrap"><img width="361" height="430" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20361%20430'%3E%3C/svg%3E" class="brxe-kvqnry brxe-image cta-sctn__intro-media-mb css-filter size-full" alt="" decoding="async" data-lazy-srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/05/CTA-modal-dark.png 361w, https://rocket9.ch/wp-content/uploads/2025/05/CTA-modal-dark-252x300.png 252w" data-lazy-sizes="(max-width: 361px) 100vw, 361px" data-lazy-src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/05/CTA-modal-dark.png" /><noscript><img width="361" height="430" src="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/05/CTA-modal-dark.png" class="brxe-kvqnry brxe-image cta-sctn__intro-media-mb css-filter size-full" alt="" decoding="async" srcset="https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/05/CTA-modal-dark.png 361w, https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_webp+s_webp/rocket9.ch/wp-content/uploads/2025/05/CTA-modal-dark-252x300.png 252w" sizes="(max-width: 361px) 100vw, 361px" /></noscript></div></div></section></main><footer id="brx-footer"><section class="brxe-section main-footer"><div class="brxe-container main-footer__container"><div class="brxe-block main-footer__up grid--auto-4"><div class="brxe-div main-footer__up-intro"><svg class="brxe-svg main-footer__up-intro-logo" xmlns="http://www.w3.org/2000/svg" width="1084" height="151" viewBox="0 0 1084 151"><path d="M108.65 148.21L104.83 147.19C102.29 146.51 100.78 143.9 101.45 141.36L134.97 15.7L8.94026 46.28C6.38026 46.9 3.81026 45.33 3.19026 42.77L2.26026 38.93C1.64026 36.37 3.21026 33.8 5.77026 33.18L131.92 2.57002C141.8 0.170018 150.65 9.22002 148.03 19.05L114.48 144.84C113.8 147.38 111.19 148.89 108.65 148.22V148.21Z" fill="white"></path>
2567<path d="M59.2898 120.84L56.9698 129.44C56.2898 131.96 53.6998 133.46 51.1798 132.79L40.3698 129.91L12.7598 139.06C10.3298 139.86 8.04981 137.52 8.90981 135.11L18.7998 107.74L16.0898 96.59C15.4698 94.02 17.0698 91.43 19.6498 90.85L28.3998 88.87C30.9598 88.29 33.4998 89.9 34.0698 92.46L38.0798 110.39H38.1298L55.9198 115.03C58.4698 115.69 59.9898 118.31 59.2998 120.85L59.2898 120.84Z" fill="white"></path><path d="M446.451 40.45L444.641 43.18C443.631 44.7 443.821 46.66 444.981 48.07C446.701 50.15 448.261 52.39 449.631 54.81C453.831 62.21 455.981 70.51 455.981 79.66C455.981 88.81 453.831 97.11 449.631 104.56C445.381 112.06 439.531 117.91 432.131 122.16C424.681 126.41 416.431 128.51 407.281 128.51C402.311 128.51 397.611 127.87 393.151 126.61C391.431 126.13 389.601 126.73 388.621 128.22L386.961 130.74C385.441 133.05 386.631 136.13 389.281 136.9C394.941 138.56 400.951 139.4 407.281 139.4C418.431 139.4 428.581 136.75 437.831 131.5C447.031 126.3 454.281 119.1 459.581 110C464.881 100.9 467.531 90.8 467.531 79.65C467.531 68.5 464.881 58.35 459.581 49.25C457.611 45.92 455.391 42.83 452.921 40.03C451.141 38.02 447.941 38.21 446.451 40.45Z" fill="white"></path><path d="M427.012 31.36L428.621 28.91C430.101 26.66 429.001 23.61 426.441 22.79C420.401 20.85 414.041 19.9 407.271 19.9C395.971 19.9 385.771 22.5 376.521 27.75C367.321 33 360.121 40.15 354.871 49.25C349.621 58.35 347.021 68.5 347.021 79.65C347.021 90.8 349.621 100.9 354.871 110C357.021 113.73 359.511 117.14 362.331 120.19C364.151 122.15 367.311 121.95 368.781 119.72L370.651 116.86C371.631 115.36 371.431 113.42 370.251 112.07C368.251 109.76 366.462 107.25 364.922 104.51C360.672 97.06 358.572 88.81 358.572 79.66C358.572 70.51 360.672 62.16 364.922 54.71C369.172 47.26 374.972 41.36 382.422 37.11C389.822 32.91 398.121 30.76 407.271 30.76C412.581 30.76 417.591 31.47 422.301 32.95C424.071 33.51 425.992 32.92 427.012 31.37V31.36Z" fill="white"></path><path d="M540.451 37.16C547.901 32.91 556.151 30.76 565.301 30.76C572.551 30.76 579.301 32.16 585.551 34.96C590.431 37.13 594.781 39.95 598.591 43.5C599.941 44.76 601.911 45.06 603.501 44.12L606.311 42.45C608.651 41.06 608.991 37.8 607.001 35.94C602.471 31.69 597.281 28.23 591.461 25.51C583.411 21.76 574.711 19.91 565.311 19.91C554.061 19.91 543.811 22.51 534.611 27.76C525.411 33.01 518.211 40.16 512.961 49.26C507.711 58.36 505.061 68.51 505.061 79.66C505.061 90.81 507.711 100.91 512.961 110.01C518.211 119.11 525.411 126.31 534.611 131.51C543.811 136.76 554.061 139.41 565.311 139.41C574.711 139.41 583.411 137.51 591.461 133.81C597.111 131.16 602.161 127.77 606.631 123.67C608.671 121.8 608.401 118.51 606.021 117.1L603.231 115.44C601.661 114.51 599.701 114.79 598.351 116.03C594.631 119.43 590.341 122.21 585.561 124.36C579.311 127.11 572.561 128.51 565.311 128.51C556.161 128.51 547.911 126.41 540.461 122.16C533.061 117.91 527.211 112.06 523.011 104.61C518.761 97.11 516.611 88.81 516.611 79.66C516.611 70.51 518.761 62.21 523.011 54.71C527.211 47.26 533.061 41.36 540.461 37.16H540.451Z" fill="white"></path><path d="M830.55 74.13H773.711C771.512 74.13 769.73 75.9119 769.73 78.11V80.53C769.73 82.7281 771.512 84.51 773.711 84.51H830.55C832.749 84.51 834.531 82.7281 834.531 80.53V78.11C834.531 75.9119 832.749 74.13 830.55 74.13Z" fill="white"></path><path d="M844.091 21.91H773.711C771.512 21.91 769.73 23.6919 769.73 25.89V28.48C769.73 30.6781 771.512 32.46 773.711 32.46H844.091C846.289 32.46 848.07 30.6781 848.07 28.48V25.89C848.07 23.6919 846.289 21.91 844.091 21.91Z" fill="white"></path><path d="M844.93 126.85H773.711C771.512 126.85 769.73 128.632 769.73 130.83V133.42C769.73 135.618 771.512 137.4 773.711 137.4H844.93C847.129 137.4 848.91 135.618 848.91 133.42V130.83C848.91 128.632 847.129 126.85 844.93 126.85Z" fill="white"></path><path d="M930.731 53.7H927.601C925.359 53.7 923.541 55.5177 923.541 57.7599V133.35C923.541 135.592 925.359 137.41 927.601 137.41H930.731C932.973 137.41 934.791 135.592 934.791 133.35V57.7599C934.791 55.5177 932.973 53.7 930.731 53.7Z" fill="white"></path><path d="M888.74 28.39C888.74 30.63 890.56 32.45 892.8 32.45H965.53C967.77 32.45 969.59 30.63 969.59 28.39V25.97C969.59 23.73 967.77 21.91 965.53 21.91H892.8C890.56 21.91 888.74 23.73 888.74 25.97V28.39Z" fill="white"></path><path d="M278.811 22.33C266.201 22.33 223.751 22.33 206.061 22.33C202.801 22.33 200.921 26.03 202.851 28.67L205.101 31.75C205.851 32.78 207.051 33.39 208.321 33.39H276.201C280.151 33.39 284.071 34.35 287.441 36.4C294.031 40.42 297.711 47.2 297.641 54.55C297.591 66.05 288.131 75.39 276.641 75.39H253.001C246.491 75.39 242.741 82.8 246.601 88.04L281.131 134.95C282.261 136.49 284.061 137.4 285.971 137.4H288.801C292.071 137.4 293.951 133.68 292.011 131.05L259.161 86.45H276.001C293.491 86.45 308.251 72.7 308.671 55.21C309.001 41.5 300.821 29.1 286.771 23.74C284.231 22.77 281.511 22.35 278.791 22.35L278.811 22.33Z" fill="white"></path><path d="M652.64 137.05H655.76C658 137.05 659.81 135.24 659.81 133V25.6C659.81 23.36 658 21.55 655.76 21.55H652.64C650.4 21.55 648.59 23.36 648.59 25.6V133.01C648.59 135.25 650.4 137.06 652.64 137.06V137.05Z" fill="white"></path><path d="M722.241 137.06H718.731C717.561 137.06 716.441 136.54 715.671 135.65L672.001 84.38C669.161 81.05 669.171 76.1501 672.021 72.8301L714.851 22.96C715.611 22.07 716.731 21.55 717.901 21.55H721.241C724.701 21.55 726.571 25.63 724.301 28.24L680.671 78.7L725.301 130.37C727.561 132.98 725.701 137.06 722.241 137.06Z" fill="white"></path><path d="M1082.12 57.18C1082.12 50.18 1080.47 43.83 1077.17 38.18C1073.87 32.58 1069.37 28.08 1063.62 24.78C10
256757.87 21.53 1051.47 19.88 1044.47 19.88C1037.47 19.88 1030.87 21.53 1025.12 24.78C1019.37 28.08 1014.82 32.58 1011.47 38.18C1008.17 43.83 1006.47 50.18 1006.47 57.18C1006.47 58.98 1006.57 60.73 1006.82 62.48C1007.42 67.38 1008.92 71.88 1011.32 76.08C1014.17 81.08 1016.97 84.08 1021.87 87.73L1024.12 89.38C1024.37 89.53 1024.57 89.68 1024.82 89.83C1026.72 90.73 1029.02 90.18 1030.32 88.43L1030.72 87.88L1032.37 85.48C1033.17 83.58 1032.62 81.38 1030.92 80.13L1026.92 77.18C1024.72 75.33 1022.92 73.13 1021.47 70.58C1019.17 66.58 1018.02 62.03 1018.02 57.03C1018.02 52.03 1019.17 47.63 1021.47 43.63C1023.72 39.63 1026.87 36.48 1030.92 34.18C1034.92 31.88 1039.37 30.73 1044.27 30.73C1049.17 30.73 1053.67 31.88 1057.67 34.18C1061.72 36.48 1065.12 39.53 1067.12 43.63C1067.17 43.78 1067.22 43.93 1067.32 44.03C1072.27 54.58 1070.77 67.03 1064.22 76.68L1062.65 79.03L1027.19 131.02C1025.25 133.65 1027.13 137.37 1030.39 137.37H1033.22C1035.13 137.37 1036.93 136.46 1038.07 134.93L1066.38 92.95L1074.92 80.44C1079.72 72.99 1082.12 65.24 1082.12 57.19V57.18Z" fill="white"></path></svg><div class="brxe-text body-base-16 main-footer__up-intro-text"><p>Alles aus einer Hand, alles darauf ausgelegt, dass dein KMU digital durchstartet.</p>
2568<p>Rocket9 GmbH<br />Monbijoustrasse 61
<br />3007 Bern</p>
2569</div></div><nav class="brxe-div main-footer__up-nav"><div class="brxe-block main-footer__nav-col"><h3 class="brxe-heading label-md-18 main-footer__nav-col-h3">Navigation</h3><ul class="brxe-block main-footer__nav-col-ul ul-list--reset"><li class="brxe-block main-footer__nav-col-li"><a class="brxe-text-link main-footer__nav-col-li-a body-base-16" href="https://rocket9.ch/services/">Services</a></li><li class="brxe-block main-footer__nav-col-li"><a class="brxe-text-link main-footer__nav-col-li-a body-base-16" href="https://rocket9.ch/kontakt/">Kontakt</a></li><li class="brxe-block main-footer__nav-col-li"><a class="brxe-text-link main-footer__nav-col-li-a body-base-16" href="https://rocket9.ch/datenschutzerklarung/">Datenschutz</a></li><li class="brxe-block main-footer__nav-col-li"><a class="brxe-text-link main-footer__nav-col-li-a body-base-16" href="https://rocket9.ch/impressum/">Impressum</a></li><li class="brxe-block main-footer__nav-col-li"><a class="brxe-text-link main-footer__nav-col-li-a body-base-16" href="https://rocket9.ch/allgemeine-geschaeftsbedingungen/">AGB's</a></li><li class="brxe-block main-footer__nav-col-li"><a class="brxe-text-link main-footer__nav-col-li-a body-base-16" href="https://rocket9.ch/avv/">AVV</a></li></ul></div><div id="brxe-wuquhs" class="brxe-block main-footer__nav-col"><h3 class="brxe-heading label-md-18 main-footer__nav-col-h3">Social</h3><ul class="brxe-block main-footer__nav-col-ul ul-list--reset"><li class="brxe-block main-footer__nav-col-li"><a class="brxe-text-link main-footer__nav-col-li-a body-base-16" href="#">Facebook</a></li><li class="brxe-block main-footer__nav-col-li"><a class="brxe-text-link main-footer__nav-col-li-a body-base-16" href="#">LinkedIn</a></li><li class="brxe-block main-footer__nav-col-li"><a class="brxe-text-link main-footer__nav-col-li-a body-base-16" href="/" aria-current="page">Contact</a></li><li class="brxe-block main-footer__nav-col-li"><a class="brxe-text-link main-footer__nav-col-li-a body-base-16" href="#">Instagram</a></li></ul></div></nav><div class="brxe-div main-footer__up-cta"><a href="tel:+41 76 339 99 29" class="brxe-div footer-btn__wrap"><div class="brxe-block footer-btn"><span class="brxe-text-basic label-base-16">Jetzt anrufen</span></div><div class="brxe-div footer-btn__bg"></div></a><a href="mailto:[email protected]" class="brxe-div footer-btn__wrap"><div class="brxe-block footer-btn"><span class="brxe-text-basic label-base-16">E-Mail schreiben</span></div><div class="brxe-div footer-btn__bg"></div></a><a href="https://rocket9.ch/support/" class="brxe-div footer-btn__wrap"><div class="brxe-block footer-btn"><span class="brxe-text-basic label-base-16">Kunden Support</span></div><div class="brxe-div footer-btn__bg"></div></a></div></div><div class="brxe-block main-footer__down"><div class="brxe-block main-footer__down-meta"><p class="brxe-text-basic main-footer__meta-copyright body-sm-14">©2026 Rocket9.  All rights reserved</p><div class="brxe-div main-footer__meta-legal"><div class="brxe-block main-footer__legal-btn"><div id="brxe-nhjcrg" class="brxe-div"><svg class="brxe-svg main-footer__legal-btn-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M9.99969 4.375C10.5088 4.37506 11.0057 4.53054 11.424 4.82063C11.8423 5.11073 12.1621 5.52161 12.3406 5.99836C12.5191 6.47511 12.5479 6.99499 12.4229 7.48849C12.298 7.982 12.0254 8.4256 11.6416 8.76L12.1872 15.625H7.81219L8.35781 8.76C7.97398 8.4256 7.70137 7.982 7.57644 7.48849C7.45152 6.99499 7.48023 6.47511 7.65874 5.99836C7.83725 5.52161 8.15704 5.11073 8.57537 4.82063C8.9937 4.53054 9.49062 4.37506 9.99969 4.375Z" fill="#1CC691"></path></svg></div><div id="brxe-voaobb" data-script-id="voaobb" class="brxe-code"><a href="https://www.iubenda.com/privacy-policy/71771644" class="iubend
2569a-white iubenda-noiframe iubenda-embed iubenda-noiframe ibuenda-link" id="privacy-policy" title="Datenschutzerklärung">Datenschutzerklärung</a>
2569<script type="text/javascript">(function (w,d) {
2570  var loader = function () {
2571    var s = d.createElement("script"), tag = d.getElementsByTagName("script")[0];
2572    s.src = "https://cdn.iubenda.com/iubenda.js";
2573    tag.parentNode.insertBefore(s,tag);
2574  };
2575  if (w.addEventListener) {
2576    w.addEventListener("load", loader, false);
2577  } else if (w.attachEvent) {
2578    w.attachEvent("onload", loader);
2579  } else {
2580    w.onload = loader;
2581  }
2582})(window, document);</script>
2582</div></div><div class="brxe-block main-footer__legal-btn"><div id="brxe-mtqiay" class="brxe-div"><svg class="brxe-svg main-footer__legal-btn-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M9.99969 4.375C10.5088 4.37506 11.0057 4.53054 11.424 4.82063C11.8423 5.11073 12.1621 5.52161 12.3406 5.99836C12.5191 6.47511 12.5479 6.99499 12.4229 7.48849C12.298 7.982 12.0254 8.4256 11.6416 8.76L12.1872 15.625H7.81219L8.35781 8.76C7.97398 8.4256 7.70137 7.982 7.57644 7.48849C7.45152 6.99499 7.48023 6.47511 7.65874 5.99836C7.83725 5.52161 8.15704 5.11073 8.57537 4.82063C8.9937 4.53054 9.49062 4.37506 9.99969 4.375Z" fill="#1CC691"></path></svg></div><div id="brxe-lygytx" data-script-id="lygytx" class="brxe-code"><a href="https://www.iubenda.com/privacy-policy/71771644/cookie-policy" class="iubenda-white iubenda-noiframe iubenda-embed iubenda-noiframe" id="cookie-policy"  title="Cookie-Richtlinie">Cookie-Richtlinie</a>
2582<script type="text/javascript">(function (w,d) {
2583  var loader = function () {
2584    var s = d.createElement("script"), tag = d.getElementsByTagName("script")[0];
2585    s.src = "https://cdn.iubenda.com/iubenda.js";
2586    tag.parentNode.insertBefore(s,tag);
2587  };
2588  if (w.addEventListener) {
2589    w.addEventListener("load", loader, false);
2590  } else if (w.attachEvent) {
2591    w.attachEvent("onload", loader);
2592  } else {
2593    w.onload = loader;
2594  }
2595})(window, document);</script>
2595</div></div><div class="brxe-block main-footer__legal-btn"><div id="brxe-ufmujo" class="brxe-div"><svg class="brxe-svg main-footer__legal-btn-icon" id="brxe-jmijbd" xmlns="http://www.w3.org/2000/svg" width="30" height="14" viewBox="0 0 30 14"><g><path d="M7.40059 12.8H14.2006L17.3006 1.19995H7.40059C4.20059 1.19995 1.60059 3.79995 1.60059 6.99995C1.60059 10.2 4.20059 12.8 7.40059 12.8Z" fill="white"></path><path d="M22.6004 0H7.40039C3.50039 0 0.400391 3.1 0.400391 7C0.400391 10.9 3.50039 14 7.40039 14H22.6004C26.5004 14 29.6004 10.9 29.6004 7C29.6004 3.1 26.4004 0 22.6004 0ZM1.60039 7C1.60039 3.8 4.20039 1.2 7.40039 1.2H17.3004L14.2004 12.8H7.40039C4.20039 12.8 1.60039 10.2 1.60039 7Z" fill="#E44FD4"></path><path d="M24.6002 3.99998C24.8002 4.19998 24.8002 4.59998 24.6002 4.79998L22.5002 6.99998L24.7002 9.19998C24.9002 9.39998 24.9002 9.79998 24.7002 9.99998C24.5002 10.2 24.1002 10.2 23.9002 9.99998L21.7002 7.79998L19.5002 9.99998C19.3002 10.2 18.9002 10.2 18.7002 9.99998C18.5002 9.79998 18.5002 9.39998 18.7002 9.19998L20.8002 6.99998L18.6002 4.79998C18.4002 4.59998 18.4002 4.19998 18.6002 3.99998C18.8002 3.79998 19.2002 3.79998 19.4002 3.99998L21.6002 6.19998L23.8002 3.99998C24.0002 3.79998 24.4002 3.79998 24.6002 3.99998Z" fill="white"></path><path d="M12.7 4.09995C12.9 4.29995 13 4.69995 12.8 4.89995L8.6 9.79995C8.5 9.89995 8.4 9.99995 8.3 9.99995C8.1 10.1 7.8 10.1 7.6 9.89995L5.4 7.69995C5.2 7.49995 5.2 7.09995 5.4 6.89995C5.6 6.69995 6 6.69995 6.2 6.89995L8 8.59995L11.8 4.09995C12 3.89995 12.4 3.89995 12.7 4.09995Z" fill="#E44FD4"></path></g><defs><rect width="30" height="14" fill="white"></rect></defs></svg></div><div id="brxe-ncdnpt" data-script-id="ncdnpt" class="brxe-code">
2595<a href="#" class="iubenda-cs-preferences-link" id="privacy-preference" >Datenschutzeinstellungen</a></div></div></div></div></div><div data-script-id="lkkovw" class="brxe-code footer__rive"><canvas id="footer-canvas"></canvas></div></div></section><div id="mouseFollower" class="brxe-div mouse-follower"><div id="followerOuter" class="brxe-div follower-outer"><div id="followerInner" class="brxe-div follower-inner"></div></div></div></footer>
2595<script type="speculationrules">
2596{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/bricks-child/*","/wp-content/themes/bricks/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
2597</script>
2597
2598
2599<script type="text/javascript"  src="https://rocket9.ch/wp-content/uploads/wpcodebox/29.js?v=ec7c285be74fc0b7" data-rocket-defer defer></script>
2599
2600
2601        
2602<script type="text/javascript"  defer  src="https://rocket9.ch/wp-content/uploads/wpcodebox/42.js?v=5182bc73cf68ed17"></script>
2602
2603
2604        
2605<script type="text/javascript"  src="https://rocket9.ch/wp-content/uploads/wpcodebox/54.js?v=fb06806fa1086f8c" data-rocket-defer defer></script>
2605
2606
2607        
2607<script type='text/javascript'>// Cache DOM elements and constants
2608const themeToggle = document.getElementById("theme-toggle");
2609const header = document.querySelector('header');
2610
2611// Find the logo element using Nick's class name, handle cases where it doesn't exist
2612const logoLink = document.querySelector('.header-scoria__logo');
2613let logo;
2614
2615if (logoLink) {
2616    logo = logoLink.querySelector('img');
2617    if (!logo) {
2618        console.warn("Image element inside '.header-scoria__logo' not found. Theme switching for logo will not work.");
2619    }
2620} else {
2621    console.warn("Logo link with class '.header-scoria__logo' not found. Theme switching for logo will not work.");
2622}
2623
2624// Define all theme assets in a single object for better organization
2625const THEME_ASSETS = {
2626  light: {
2627    logo: "/wp-content/uploads/rocket9-logo-black.svg",
2628    logoDropdownActive: "/wp-content/uploads/rocket9-logo-white.svg"
2629  },
2630  dark: {
2631    logo: "/wp-content/uploads/rocket9-logo-white.svg",
2632    logoDropdownActive: "/wp-content/uploads/rocket9-logo-black.svg"
2633  }
2634};
2635
2636// Read the configuration from the global object set by the <head> script
2637const CONFIG = window.THEME_CONFIG;
2638
2639// Check if we're in the Bricks editor
2640function isInBricksEditor() {
2641  return window.location.href.includes('bricks=run') ||
2642         document.getElementById('bricks-builder-iframe') !== null ||
2643         (window.frameElement && window.frameElement.id === 'bricks-builder-iframe');
2644}
2645
2646// Optimize by using a single function to get/update the logo
2647function getLogoForState(theme, isDropdownActive) {
2648  if (theme === 'dark') {
2649    // In dark mode, always use the standard dark logo, regardless of dropdown state
2650    return THEME_ASSETS.dark.logo;
2651  } else {
2652    // In light mode, use the original logic: swap logo when dropdown is active
2653    return isDropdownActive
2654      ? THEME_ASSETS.light.logoDropdownActive
2655      : THEME_ASSETS.light.logo;
2656  }
2657}
2658
2659// Preload images to prevent flicker on change
2660function preloadThemeAssets() {
2661  Object.values(THEME_ASSETS).forEach(assets => {
2662    Object.values(assets).forEach(url => {
2663      const img = new Image();
2664      img.src = url;
2665    });
2666  });
2667}
2668
2669// Debounce function to limit rapid execution
2670function debounce(func, wait = 10) {
2671  let timeout;
2672  return function(...args) {
2673    clearTimeout(timeout);
2674    timeout = setTimeout(() => func.apply(this, args), wait);
2675  };
2676}
2677
2678// FIXED: More robust logo update with iOS-specific handling
2679function updateLogo(theme) {
2680  // Re-find logo element if it doesn't exist (handles dynamic DOM changes)
2681  if (!logo) {
2682    const logoLink = document.querySelector('.header-scoria__logo');
2683    if (logoLink) {
2684      logo = logoLink.querySelector('img');
2685    }
2686  }
2687  
2688  if (!logo) return;
2689
2690  const isDropdownActive = header?.classList.contains('dropdown-active') || false;
2691  const newLogoSrc = getLogoForState(theme, isDropdownActive);
2692  
2693  // Get the full URL for comparison (iOS Safari sometimes returns relative paths)
2694  const currentSrc = logo.src;
2695  const newSrcFull = new URL(newLogoSrc, window.location.origin).href;
2696  
2697  // Only update if actually different
2698  if (currentSrc !== newSrcFull) {
2699    // iOS-specific fix: Use immediate update instead of requestAnimationFrame
2700    // which can cause timing issues on iOS Safari
2701    if (isIOSDevice()) {
2702      updateLogoImmediate(newLogoSrc);
2703    } else {
2704      requestAnimationFrame(() => {
2705        updateLogoImmediate(newLogoSrc);
2706      });
2707    }
2708  }
2709}
2710
2711// Helper function to detect iOS devices
2712function isIOSDevice() {
2713  return /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
2714}
2715
2716// Separated logo update logic for better error handling
2717function updateLogoImmediate(newSrc) {
2718  if (!logo) return;
2719  
2720  try {
2721    // Store current attributes that might be lost
2722    const alt = logo.alt;
2723    const className = logo.className;
2724    const style = logo.style.cssText;
2725    
2726    // Create a new image to test loading before switching
2727    const testImg = new Image();
2728    
2729    testImg.onload = function() {
2730      // Image loaded successfully, safe to update
2731      logo.src = newSrc;
2732      
2733      // Restore attributes if they were lost (iOS Safari bug)
2734      if (alt && !logo.alt) logo.alt = alt;
2735      if (className && !logo.className) logo.className = className;
2736      if (style && !logo.style.cssText) logo.style.cssText = style;
2737      
2738      // Force a repaint on iOS to prevent disappearing logo
2739      if (isIOSDevice()) {
2740        logo.style.transform = 'translateZ(0)';
2741        setTimeout(() => {
2742          logo.style.transform = '';
2743        }, 50);
2744      }
2745    };
2746    
2747    testImg.onerror = function() {
2748      console.warn('Failed to load logo image:', newSrc);
2749    };
2750    
2751    // Start loading the test image
2752    testImg.src = newSrc;
2753    
2754  } catch (error) {
2755    console.error('Error updating logo:', error);
2756    // Fallback: direct update
2757    logo.src = newSrc;
2758  }
2759}
2760
2761// FIXED: More robust theme application
2762function applyTheme(theme) {
2763  const currentTheme = document.documentElement.getAttribute("data-theme");
2764  
2765  // Only change attribute if it's different
2766  if (currentTheme !== theme) {
2767    document.documentElement.setAttribute("data-theme", theme);
2768    
2769    // Update ARIA for accessibility
2770    if (themeToggle) {
2771      themeToggle.setAttribute("aria-label",
2772        theme === "dark" ? "Toggle light mode" : "Toggle dark mode");
2773    }
2774    
2775    // Small delay before logo update on iOS to ensure theme is applied
2776    if (isIOSDevice()) {
2777      setTimeout(() => updateLogo(theme), 50);
2778    } else {
2779      updateLogo(theme);
2780    }
2781  } else {
2782    // Even if theme is the same, logo might need updating due to dropdown change
2783    updateLogo(theme);
2784  }
2785}
2786
2787// Apply theme to Bricks editor iframe content with high priority
2788function applyThemeToBricksIframe(theme) {
2789  const iframe = document.getElementById('bricks-builder-iframe');
2790  let targetDocument = null;
2791
2792  if (iframe && iframe.contentDocument) {
2793      targetDocument = iframe.contentDocument;
2794  } else if (window.frameElement && window.frameElement.id === 'bricks-builder-iframe') {
2795      targetDocument = document;
2796  }
2797
2798  if (targetDocument) {
2799    targetDocument.documentElement.setAttribute("data-theme", theme);
2800
2801    let styleEl = targetDocument.getElementById('bricks-forced-theme');
2802    if (!styleEl) {
2803      styleEl = targetDocument.createElement('style');
2804      styleEl.id = 'bricks-forced-theme';
2805      targetDocument.head.appendChild(styleEl);
2806    }
2807
2808    styleEl.textContent = `
2809      :root[data-theme="${theme}"], html[data-theme="${theme}"] {
2810        --forced-theme: ${theme} !important;
2811      }
2812    `;
2813    targetDocument.documentElement.setAttribute('data-theme', theme);
2814  }
2815}
2816
2817// Validate configuration
2818function validateConfiguration() {
2819  if (CONFIG.CHOOSE_LIGHT_DEFAULT_THEME && CONFIG.CHOOSE_DARK_DEFAULT_THEME) {
2820    console.error("Configuration Error: Cannot set both light and dark default themes to TRUE.");
2821    return false;
2822  }
2823  if (CONFIG.LET_USER_CHOOSE && (CONFIG.CHOOSE_LIGHT_DEFAULT_THEME || CONFIG.CHOOSE_DARK_DEFAULT_THEME)) {
2824    console.warn("Configuration Warning: LET_USER_CHOOSE is TRUE but a default theme is also forced. User choice via toggle will be disabled.");
2825  }
2826  return true;
2827}
2828
2829// Get preferred theme efficiently
2830function getPreferredTheme() {
2831  return (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches)
2832    ? 'dark'
2833    : 'light';
2834}
2835
2836// Initialize theme toggle
2837function initThemeToggle() {
2838  // Preload images first
2839  preloadThemeAssets();
2840
2841  const bricksEditorMode = isInBricksEditor();
2842
2843  // Bricks Editor Theme Handling
2844  if (bricksEditorMode && CONFIG.BRICKS_EDITOR.FORCE_THEME) {
2845    const editorTheme = CONFIG.BRICKS_EDITOR.DEFAULT_THEME;
2846    console.log(`Bricks Editor detected. Forcing theme: ${editorTheme}`);
2847
2848    applyTheme(editorTheme);
2849    applyThemeToBricksIframe(editorTheme);
2850
2851     if (window.frameElement && window.frameElement.id === 'bricks-builder-iframe') {
2852        applyTheme(editorTheme);
2853        let styleEl = document.getElementById('bricks-forced-theme-self');
2854        if (!styleEl) {
2855            styleEl = document.createElement('style');
2856            styleEl.id = 'bricks-forced-theme-self';
2857            document.head.appendChild(styleEl);
2858        }
2859        styleEl.textContent = `
2860          :root[data-theme], html[data-theme] {
2861            data-theme: ${editorTheme} !important;
2862          }
2863        `;
2864        
2865        const themeInterval = setInterval(() => {
2866            if (document.documentElement.getAttribute("data-theme") !== editorTheme) {
2867                console.log("Re-applying forced theme inside iframe...");
2868                applyTheme(editorTheme);
2869                 document.documentElement.setAttribute("data-theme", editorTheme);
2870            }
2871         }, 500);
2872         setTimeout(() => clearInterval(themeInterval), 20000);
2873     }
2874
2875     if (!window.frameElement) {
2876        setupIframeWatcher(editorTheme);
2877     }
2878
2879     if (themeToggle) {
2880         themeToggle.style.display = 'none';
2881     }
2882     return;
2883  }
2884
2885  // Non-Editor Theme Handling
2886  if (!validateConfiguration()) {
2887      applyTheme(getPreferredTheme());
2888      if (themeToggle) themeToggle.style.display = 'none';
2889      return;
2890  }
2891  
2892  let allowUserChoice = CONFIG.LET_USER_CHOOSE;
2893
2894  if (CONFIG.CHOOSE_LIGHT_DEFAULT_THEME || CONFIG.CHOOSE_DARK_DEFAULT_THEME) {
2895    allowUserChoice = false;
2896  }
2897
2898  // Setup Theme Toggle button listener
2899  if (themeToggle) {
2900      if (allowUserChoice) {
2901          // FIXED: Add iOS-specific handling for click events
2902          const handleToggleClick = function(event) {
2903              event.stopPropagation();
2904              event.preventDefault();
2905              
2906              const currentTheme = document.documentElement.getAttribute("data-theme");
2907              const newTheme = currentTheme === "dark" ? "light" : "dark";
2908              
2909              localStorage.setItem("theme", newTheme);
2910              
2911              // iOS-specific: Add small delay to prevent UI glitches
2912              if (isIOSDevice()) {
2913                setTimeout(() => applyTheme(newTheme), 10);
2914              } else {
2915                applyTheme(newTheme);
2916              }
2917          };
2918          
2919          themeToggle.addEventListener("click", handleToggleClick);
2920          
2921          // iOS-specific: Also handle touchend to ensure reliable triggering
2922          if (isIOSDevice()) {
2923            themeToggle.addEventListener("touchend", function(event) {
2924              event.preventDefault();
2925              handleToggleClick(event);
2926            });
2927          }
2928      } else {
2929          themeToggle.style.display = 'none'; 
2930      }
2931  }
2932
2933  // Listen for system theme changes (only if user choice is allowed)
2934  if (allowUserChoice) {
2935      window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change',
2936          debounce(event => {
2937              if (!localStorage.getItem("theme")) {
2938                  applyTheme(event.matches ? 'dark' : 'light');
2939              }
2940          }, 100)
2941      );
2942  }
2943
2944  // Setup Header Dropdown Observer
2945  if (header && logo) {
2946    const optimizedObserver = new MutationObserver(
2947      debounce(() => {
2948        const currentTheme = document.documentElement.getAttribute("data-theme") || getPreferredTheme();
2949        applyTheme(currentTheme);
2950      }, 50)
2951    );
2952
2953    optimizedObserver.observe(header, {
2954      attributes: true,
2955      attributeFilter: ['class'],
2956      subtree: false
2957    });
2958  }
2959  
2960  // iOS-specific: Handle visibility changes that might affect logo
2961  if (isIOSDevice()) {
2962    document.addEventListener('visibilitychange', debounce(() => {
2963      if (!document.hidden) {
2964        const currentTheme = document.documentElement.getAttribute("data-theme") || getPreferredTheme();
2965        updateLogo(currentTheme);
2966      }
2967    }, 100));
2968  }
2969}
2970
2971// Function to handle watching and forcing theme on the Bricks iframe
2972function setupIframeWatcher(editorTheme) {
2973    const iframe = document.getElementById('bricks-builder-iframe');
2974
2975    const applyToIframe = () => {
2976        console.log("Attempting to apply theme to Bricks iframe...");
2977        applyThemeToBricksIframe(editorTheme);
2978    };
2979
2980    if (iframe) {
2981        applyToIframe();
2982        iframe.addEventListener('load', applyToIframe);
2983
2984        const intervalId = setInterval(() => {
2985            if (iframe.contentDocument && iframe.contentDocument.documentElement) {
2986                if (iframe.contentDocument.documentElement.getAttribute("data-theme") !== editorTheme) {
2987                    console.log("Re-applying forced theme to iframe (interval check)...");
2988                    applyToIframe();
2989                }
2990            } else if (!document.contains(iframe)) {
2991                console.log("Bricks iframe removed, stopping watcher.");
2992                clearInterval(intervalId);
2993            }
2994        }, 1000);
2995
2996        setTimeout(() => clearInterval(intervalId), 30000);
2997    }
2998
2999    const bodyObserver = new MutationObserver(debounce(mutations => {
3000        for (const mutation of mutations) {
3001            if (mutation.addedNodes) {
3002                for (const node of mutation.addedNodes) {
3003                    if (node.id === 'bricks-builder-iframe') {
3004                        console.log("Bricks iframe added dynamically, applying theme.");
3005                        const newIframe = node;
3006                        applyThemeToBricksIframe(editorTheme);
3007                        newIframe.addEventListener('load', () => applyThemeToBricksIframe(editorTheme));
3008                        
3009                         const intervalId = setInterval(() => {
3010                             if (newIframe.contentDocument && newIframe.contentDocument.documentElement) {
3011                                 if (newIframe.contentDocument.documentElement.getAttribute("data-theme") !== editorTheme) {
3012                                     console.log("Re-applying forced theme to dynamic iframe (interval check)...");
3013                                      applyThemeToBricksIframe(editorTheme);
3014                                 }
3015                             } else if (!document.contains(newIframe)) {
3016                                  console.log("Dynamic Bricks iframe removed, stopping watcher.");
3017                                 clearInterval(intervalId);
3018                             }
3019                         }, 1000);
3020                         setTimeout(() => clearInterval(intervalId), 30000);
3021
3022                        return;
3023                    }
3024                }
3025            }
3026        }
3027    }, 200));
3028
3029    bodyObserver.observe(document.body, {
3030        childList: true,
3031        subtree: true
3032    });
3033}
3034
3035// Initialization
3036document.addEventListener('DOMContentLoaded', initThemeToggle);
3037
3038window.addEventListener('load', () => {
3039    if (isInBricksEditor() && CONFIG.BRICKS_EDITOR.FORCE_THEME) {
3040       console.log("Window load: Re-applying forced Bricks theme.");
3041       const editorTheme = CONFIG.BRICKS_EDITOR.DEFAULT_THEME;
3042       applyTheme(editorTheme);
3043       setupIframeWatcher(editorTheme);
3044        if (window.frameElement && window.frameElement.id === 'bricks-builder-iframe') {
3045            applyTheme(editorTheme);
3046            document.documentElement.setAttribute("data-theme", editorTheme);
3047        }
3048    }
3049    
3050    const currentTheme = document.documentElement.getAttribute("data-theme") || getPreferredTheme();
3051    updateLogo(currentTheme);
3052});
3053(function() {
3054    'use strict';
3055    
3056    // Comprehensive touch device detection - EXIT EARLY if touch device
3057    function isTouchDevice() {
3058        return 'ontouchstart' in window || 
3059               'ontouchstart' in document.documentElement ||
3060               navigator.maxTouchPoints > 0 || 
3061               navigator.msMaxTouchPoints > 0 ||
3062               window.matchMedia('(pointer: coarse)').matches ||
3063               window.matchMedia('(hover: none)').matches ||
3064               /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
3065    }
3066    
3067    // Check if device supports precise pointing (mouse)
3068    function supportsPrecisePointing() {
3069        return window.matchMedia('(pointer: fine)').matches && window.matchMedia('(hover: hover)').matches;
3070    }
3071    
3072    // Early exit if touch device is detected - PREVENTS ALL LOADING
3073    if (isTouchDevice() || !supportsPrecisePointing()) {
3074        console.log('Touch device detected - Mouse follower disabled');
3075        
3076        // Hide the element via CSS if it exists
3077        const followerElement = document.getElementById('mouseFollower');
3078        if (followerElement) {
3079            followerElement.style.display = 'none';
3080        }
3081        
3082        return; // EXIT IMMEDIATELY - No further code executes
3083    }
3084    
3085    // Configuration options
3086    const config = {
3087        lerpFactor: 0.17, // Match original speed
3088        inactivityTimeout: 1000,
3089        minimumMovementThreshold: 0.1,
3090        navigationBreakpoint: 1365,
3091        noFollowSelector: '.portfolio-showcase__image-area',
3092        elastic: {
3093            maxVelocity: 150,        // Match original
3094            scaleIntensity: 0.5,     // Match original range [0, 0.5]
3095            velocityMultiplier: 4,   // Match original
3096            rotationThreshold: 20    // Match original
3097        }
3098    };
3099    
3100    // DOM elements - cached for performance
3101    const followerElement = document.getElementById('mouseFollower');
3102    const followerOuter = document.getElementById('followerOuter');
3103    const followerInner = document.getElementById('followerInner');
3104    
3105    // Get computed values from CSS variables
3106    const computedStyle = getComputedStyle(document.documentElement);
3107    const outerSize = parseInt(computedStyle.getPropertyValue('--follower-outer-size')) || 18;
3108    
3109    let breakpoint = parseInt(computedStyle.getPropertyValue('--navigation-breakpoint'));
3110    if (isNaN(breakpoint)) {
3111        breakpoint = config.navigationBreakpoint;
3112    }
3113    
3114    // State variables
3115    let mouseX = window.innerWidth / 2;
3116    let mouseY = window.innerHeight / 2;
3117    let currentX = mouseX;
3118    let currentY = mouseY;
3119    let isMouseMoving = false;
3120    let isHovering = false;
3121    let animationFrameId = null;
3122    let inactivityTimer = null;
3123    let lastUpdateTime = 0;
3124    let isEnabled = true;
3125    let isInNoFollowArea = false;
3126    
3127    // Elastic effect state variables
3128    const mouse = { x: mouseX, y: mouseY };
3129    const previousMouse = { x: mouseX, y: mouseY };
3130    const circle = { x: mouseX, y: mouseY };
3131    let currentScale = 0;  // Single scale value like original
3132    let currentAngle = 0;
3133    
3134    const halfOuterSize = outerSize / 2;
3135    
3136    function shouldEnableFollower() {
3137        return window.innerWidth >= breakpoint;
3138    }
3139    
3140    // Calculate elastic transformations - MATCH ORIGINAL EXACTLY
3141    function calculateElasticTransforms() {
3142        // 1. Calculate the change in mouse position (deltaMouse)
3143        const deltaMouseX = mouse.x - previousMouse.x;
3144        const deltaMouseY = mouse.y - previousMouse.y;
3145        
3146        // Update previous mouse position for the next frame
3147        previousMouse.x = mouse.x;
3148        previousMouse.y = mouse.y;
3149        
3150        // 2. Calculate mouse velocity using Pythagorean theorem and adjust speed
3151        const mouseVelocity = Math.min(
3152            Math.sqrt(deltaMouseX**2 + deltaMouseY**2) * config.elastic.velocityMultiplier, 
3153            config.elastic.maxVelocity
3154        );
3155        
3156        // 3. Convert mouse velocity to a value in the range [0, 0.5]
3157        const scaleValue = (mouseVelocity / config.elastic.maxVelocity) * config.elastic.scaleIntensity;
3158        
3159        // 4. Smoothly update the current scale
3160        currentScale += (scaleValue - currentScale) * config.lerpFactor;
3161        
3162        // ROTATE
3163        // 1. Calculate the angle using the atan2 function
3164        const angle = Math.atan2(deltaMouseY, deltaMouseX) * 180 / Math.PI;
3165        
3166        // 2. Check for a threshold to reduce shakiness at low mouse velocity
3167        if (mouseVelocity > config.elastic.rotationThreshold) {
3168            currentAngle = angle;
3169        }
3170        
3171        return {
3172            outer: {
3173                scaleX: 1 + currentScale,
3174                scaleY: 1 - currentScale,
3175                rotation: currentAngle
3176            },
3177            inner: {
3178                scaleX: 1 + currentScale * 0.6, // Inner scales less for visual depth
3179                scaleY: 1 - currentScale * 0.6,
3180                rotation: currentAngle * 0.8     // Inner rotates slightly less
3181            }
3182        };
3183    }
3184    
3185    function updateFollowerPosition() {
3186        if (!isInNoFollowArea) {
3187            circle.x += (mouse.x - circle.x) * config.lerpFactor;
3188            circle.y += (mouse.y - circle.y) * config.lerpFactor;
3189            
3190            currentX = circle.x;
3191            currentY = circle.y;
3192        }
3193        
3194        const left = currentX - halfOuterSize;
3195        const top = currentY - halfOuterSize;
3196        followerElement.style.transform = `translate3d(${left}px, ${top}px, 0)`;
3197        
3198        // Apply ONLY elastic transforms - let CSS handle hover/inactive scaling
3199        const transforms = calculateElasticTransforms();
3200        
3201        // Apply elastic transforms separately from CSS transitions
3202        followerOuter.style.setProperty('--elastic-scale-x', transforms.outer.scaleX);
3203        followerOuter.style.setProperty('--elastic-scale-y', transforms.outer.scaleY);
3204        followerOuter.style.setProperty('--elastic-rotation', `${transforms.outer.rotation}deg`);
3205        
3206        followerInner.style.setProperty('--elastic-scale-x', transforms.inner.scaleX);
3207        followerInner.style.setProperty('--elastic-scale-y', transforms.inner.scaleY);
3208        followerInner.style.setProperty('--elastic-rotation', `${transforms.inner.rotation}deg`);
3209    }
3210    
3211    function isInNoFollowElement(x, y) {
3212        const elementAtPoint = document.elementFromPoint(x, y);
3213        if (!elementAtPoint) return false;
3214        
3215        return elementAtPoint.closest(config.noFollowSelector) !== null;
3216    }
3217    
3218    function animateFollower(timestamp) {
3219        if (!isEnabled) {
3220            animationFrameId = null;
3221            return;
3222        }
3223        
3224        if (timestamp - lastUpdateTime < 16) {
3225            animationFrameId = requestAnimationFrame(animateFollower);
3226            return;
3227        }
3228        
3229        lastUpdateTime = timestamp;
3230        
3231        updateFollowerPosition();
3232        
3233        const distanceToTargetX = mouse.x - circle.x;
3234        const distanceToTargetY = mouse.y - circle.y;
3235        const distanceToTarget = Math.sqrt(distanceToTargetX * distanceToTargetX + distanceToTargetY * distanceToTargetY);
3236        
3237        if (distanceToTarget > 0.5 || currentScale > 0.01 || isMouseMoving) {
3238            animationFrameId = requestAnimationFrame(animateFollower);
3239        } else {
3240            cancelAnimationFrame(animationFrameId);
3241            animationFrameId = null;
3242        }
3243    }
3244    
3245    // Start inactive
3246    followerOuter.classList.add('follower-inactive');
3247    
3248    function handleMouseMove(event) {
3249        if (!isEnabled) return;
3250        
3251        mouse.x = event.clientX;
3252        mouse.y = event.clientY;
3253        mouseX = event.clientX;
3254        mouseY = event.clientY;
3255        
3256        const wasInNoFollowArea = isInNoFollowArea;
3257        isInNoFollowArea = isInNoFollowElement(mouseX, mouseY);
3258        
3259        // Handle no-follow area visibility changes
3260        if (wasInNoFollowArea !== isInNoFollowArea) {
3261            if (isInNoFollowArea) {
3262                // Hide completely when entering no-follow area
3263                followerElement.style.opacity = '0';
3264                followerElement.style.visibility = 'hidden';
3265                followerOuter.classList.add('follower-no-follow');
3266            } else {
3267                // Show when leaving no-follow area
3268                followerElement.style.opacity = '1';
3269                followerElement.style.visibility = 'visible';
3270                followerOuter.classList.remove('follower-no-follow');
3271            }
3272        }
3273        
3274        if (!isMouseMoving) {
3275            isMouseMoving = true;
3276            followerOuter.classList.remove('follower-inactive');
3277            
3278            if (!animationFrameId) {
3279                animationFrameId = requestAnimationFrame(animateFollower);
3280            }
3281        }
3282        
3283        clearTimeout(inactivityTimer);
3284        inactivityTimer = setTimeout(handleInactivity, config.inactivityTimeout);
3285    }
3286    
3287    function handleInactivity() {
3288        isMouseMoving = false;
3289        followerOuter.classList.add('follower-inactive');
3290    }
3291    
3292    function shouldTriggerHover(element) {
3293        const tagName = element.tagName.toLowerCase();
3294        const computedStyle = window.getComputedStyle(element);
3295        const cursor = computedStyle.cursor;
3296        
3297        return (
3298            tagName === 'a' || 
3299            tagName === 'button' || 
3300            cursor === 'pointer' ||
3301            element.onclick !== null ||
3302            element.hasAttribute('onclick')
3303        );
3304    }
3305    
3306    function handleMouseOver(event) {
3307        if (!isEnabled || isHovering || isInNoFollowArea) return;
3308        
3309        if (shouldTriggerHover(event.target)) {
3310            isHovering = true;
3311            followerOuter.classList.add('follower-hover');
3312        }
3313    }
3314    
3315    function handleMouseOut(event) {
3316        if (!isEnabled || !isHovering) return;
3317        
3318        if (shouldTriggerHover(event.target)) {
3319            isHovering = false;
3320            followerOuter.classList.remove('follower-hover');
3321        }
3322    }
3323    
3324    function enableFollower() {
3325        if (isEnabled) return;
3326        
3327        isEnabled = true;
3328        followerElement.style.display = '';
3329        
3330        document.addEventListener('mousemove', handleMouseMove, { passive: true });
3331        document.addEventListener('mouseover', handleMouseOver, { passive: true });
3332        document.addEventListener('mouseout', handleMouseOut, { passive: true });
3333    }
3334    
3335    function disableFollower() {
3336        if (!isEnabled) return;
3337        
3338        isEnabled = false;
3339        followerElement.style.display = 'none';
3340        
3341        if (animationFrameId) {
3342            cancelAnimationFrame(animationFrameId);
3343            animationFrameId = null;
3344        }
3345        
3346        if (inactivityTimer) {
3347            clearTimeout(inactivityTimer);
3348            inactivityTimer = null;
3349        }
3350        
3351        document.removeEventListener('mousemove', handleMouseMove);
3352        document.removeEventListener('mouseover', handleMouseOver);
3353        document.removeEventListener('mouseout', handleMouseOut);
3354    }
3355    
3356    let resizeTimeout;
3357    function handleResize() {
3358        clearTimeout(resizeTimeout);
3359        resizeTimeout = setTimeout(() => {
3360            if (shouldEnableFollower()) {
3361                enableFollower();
3362            } else {
3363                disableFollower();
3364            }
3365        }, 150);
3366    }
3367    
3368    function initialize() {
3369        if (shouldEnableFollower()) {
3370            mouse.x = mouseX;
3371            mouse.y = mouseY;
3372            previousMouse.x = mouseX;
3373            previousMouse.y = mouseY;
3374            circle.x = mouseX;
3375            circle.y = mouseY;
3376            
3377            updateFollowerPosition();
3378            
3379            document.addEventListener('mousemove', handleMouseMove, { passive: true });
3380            document.addEventListener('mouseover', handleMouseOver, { passive: true });
3381            document.addEventListener('mouseout', handleMouseOut, { passive: true });
3382        } else {
3383            disableFollower();
3384        }
3385        
3386        window.addEventListener('resize', handleResize, { passive: true });
3387    }
3388    
3389    if (document.readyState === 'loading') {
3390        document.addEventListener('DOMContentLoaded', initialize);
3391    } else {
3392        initialize();
3393    }
3394    
3395    function cleanup() {
3396        document.removeEventListener('mousemove', handleMouseMove);
3397        document.removeEventListener('mouseover', handleMouseOver);
3398        document.removeEventListener('mouseout', handleMouseOut);
3399        window.removeEventListener('resize', handleResize);
3400        
3401        if (animationFrameId) {
3402            cancelAnimationFrame(animationFrameId);
3403        }
3404        
3405        if (inactivityTimer) {
3406            clearTimeout(inactivityTimer);
3407        }
3408        
3409        if (resizeTimeout) {
3410            clearTimeout(resizeTimeout);
3411        }
3412    }
3413    
3414    window.addEventListener('beforeunload', cleanup);
3415})();
3416</script>
3416    
3416<script type="text/javascript">
3417    document.addEventListener('DOMContentLoaded', function() {
3418        'use strict';
3419
3420        var slidesData = [{"siteName":"Kramer Immobilien","description":"Die Website von Kramer Immobilien pr\u00e4sentiert das breite Dienstleistungsangebot rund um Immobilienverwaltung, Beratung und Vermarktung. Sie bietet einen klaren \u00dcberblick \u00fcber die Kompetenzen des Unternehmens und vermittelt potenziellen Kunden Vertrauen durch eine transparente Darstellung der Leistungen. Mit einer \u00fcbersichtlichen Navigation und einem modernen, seri\u00f6sen Design richtet sich die Website an private und institutionelle Eigent\u00fcmer gleichermassen.","services":["UX & UI Design","Webdesign","Entwicklung","SEO & Performance"],"image":"https:\/\/rocket9.ch\/wp-content\/uploads\/Kramer-Immo-Portfolio-1.png","caseStudyLink":"https:\/\/rocket9.ch\/portfolio\/kramer-immobilien\/"},{"siteName":"Aesthetik Bern","description":"Die Website von Aesthetik Bern pr\u00e4sentiert eine moderne Praxis f\u00fcr medizinische Laserhaarentfernung in Bern. Mit einer klaren und benutzerfreundlichen Struktur informiert sie \u00fcber die angebotenen Behandlungen, erkl\u00e4rt die Vorteile der Methode und gibt Einblicke in die Praxisr\u00e4ume. Besucher finden zudem wichtige Informationen zu Preisen, Sicherheit und Kontaktm\u00f6glichkeiten.","services":["UX & UI Design","Webdesign","Entwicklung","SEO & Performance"],"image":"https:\/\/rocket9.ch\/wp-content\/uploads\/Aesthetik-Bern-Portfolio-2.png","caseStudyLink":"https:\/\/rocket9.ch\/portfolio\/aesthetik-bern\/"},{"siteName":"Arag Solar","description":"Die Website von arag solar pr\u00e4sentiert das Leistungsangebot rund um die professionelle Reinigung von Photovoltaikanlagen in der Schweiz. Neben detaillierten Informationen zu Vorteilen und Methoden der PV-Reinigung bietet sie einen integrierten Kostenrechner, mit dem Interessenten schnell und unkompliziert ein individuelles Angebot berechnen k\u00f6nnen.","services":["UX & UI Design","Webdesign","Custom Entwicklung","SEO & Performance"],"image":"https:\/\/rocket9.ch\/wp-content\/uploads\/arag-solar-01-scaled.webp","caseStudyLink":"https:\/\/rocket9.ch\/portfolio\/arag-solar\/"}];
3421
3422        try {
3423            function PortfolioShowcase(data) {
3424                this.slidesData = data || [];
3425                this.currentIndex = 0;
3426                this.isAnimating = false;
3427                this.autoplayTimer = null;
3428
3429                this.swipeState = {
3430                    isActive: false, startX: 0, startY: 0, currentX: 0, currentY: 0,
3431                    deltaX: 0, deltaY: 0, threshold: 50, maxRotation: 15,
3432                    maxTranslateY: 30, wasDragged: false, dragTolerance: 10
3433                };
3434
3435                this.DOM = {
3436                    section: document.querySelector('.portfolio-showcase-section'),
3437                    imageStack: document.getElementById('image-stack'),
3438                    imageArea: document.querySelector('.portfolio-showcase__image-area'),
3439                    linkArea: document.querySelector('.portfolio-showcase__image-link-area'),
3440                    cursorFollower: document.querySelector('.portfolio-showcase__cursor-follower'),
3441                    prevBtn: document.getElementById('prev-btn'),
3442                    nextBtn: document.getElementById('next-btn'),
3443                    contentBox: document.getElementById('content-box'),
3444                    detailsLink: document.getElementById('details-link'),
3445                    title: document.getElementById('details-title'),
3446                    subtitle: document.getElementById('details-subtitle'),
3447                    tags: document.getElementById('details-tags'),
3448                    counter: document.getElementById('progress-counter'),
3449                    progressBar: document.getElementById('progress-bar-inner'),
3450                };
3451                
3452                if (this.slidesData.length > 0 && this.DOM.section) {
3453                    this.init();
3454                } else if (this.DOM.section) {
3455                    this.DOM.section.style.display = 'none';
3456                }
3457            }
3458
3459            PortfolioShowcase.prototype.init = function() {
3460                var rootStyles = getComputedStyle(document.documentElement);
3461                this.swipeState.stackXOffset = parseFloat(rootStyles.getPropertyValue('--stack-x-offset')) / 100;
3462                this.swipeState.stackScaleDecrement = parseFloat(rootStyles.getPropertyValue('--stack-scale-decrement'));
3463                this.createSlides();
3464                this.bindEvents();
3465                this.updateView();
3466                this.startAutoplay();
3467            };
3468
3469            PortfolioShowcase.prototype.createSlides = function() {
3470                var imageWindows = this.DOM.imageArea.querySelectorAll('.portfolio-showcase__image-window');
3471                for (var i = 0; i < imageWindows.length; i++) { imageWindows[i].remove(); }
3472                for (var i = 0; i < this.slidesData.length; i++) {
3473                    var slide = this.slidesData[i];
3474                    var windowEl = document.createElement('div');
3475                    windowEl.className = 'portfolio-showcase__image-window';
3476                    windowEl.dataset.index = i;
3477                    windowEl.innerHTML = '<img src="' + slide.image 
3477+ '" alt="Screenshot of ' + slide.siteName + ' website">';
3478                    this.DOM.imageArea.appendChild(windowEl);
3479                }
3480                this.DOM.slides = Array.prototype.slice.call(this.DOM.imageArea.querySelectorAll('.portfolio-showcase__image-window'));
3481            };
3482
3483            PortfolioShowcase.prototype.bindEvents = function() {
3484                var self = this;
3485                this.DOM.nextBtn.addEventListener('click', function(e) { e.stopPropagation(); self.navigateTo('next'); });
3486                this.DOM.prevBtn.addEventListener('click', function(e) { e.stopPropagation(); self.navigateTo('prev'); });
3487                this.DOM.progressBar.addEventListener('animationend', function() { self.navigateTo('next'); });
3488                this.DOM.contentBox.addEventListener('mouseenter', function() { self.pauseAutoplay(); });
3489                this.DOM.contentBox.addEventListener('mouseleave', function() { self.resumeAutoplay(); });
3490
3491                // FIX #1: For the main image link area
3492                this.DOM.linkArea.addEventListener('click', function(e) {
3493                    e.preventDefault();
3494                    e.stopPropagation();
3495                    if (self.swipeState.wasDragged) { return; }
3496                    if (self.DOM.detailsLink && self.DOM.detailsLink.href) {
3497                        window.location.href = self.DOM.detailsLink.href;
3498                    }
3499                });
3500
3501                // ================================================================= //
3502                // ========= THIS IS THE NEWLY ADDED FIX FOR THE TITLE LINK ======== //
3503                // ================================================================= //
3504                this.DOM.detailsLink.addEventListener('click', function(e) {
3505                    // STEP 1: Immediately stop the event from being hijacked.
3506                    e.preventDefault();
3507                    e.stopPropagation();
3508
3509                    // STEP 2: Navigate directly to the URL stored in the link's href.
3510                    // 'this' refers to the link element itself.
3511                    if (this.href) {
3512                        window.location.href = this.href;
3513                    }
3514                });
3515                // ================================================================= //
3516                // ======================= END OF NEW FIX BLOCK ==================== //
3517                // ================================================================= //
3518
3519                this.bindSwipeEvents();
3520                if (this.DOM.linkArea && this.DOM.cursorFollower) {
3521                    var mouseX = 0, mouseY = 0, cursorX = 0, cursorY = 0;
3522                    var delay = 0.1;
3523                    var animationFrameId;
3524                    var animate = function() {
3525                        cursorX += (mouseX - cursorX) * delay;
3526                        cursorY += (mouseY - cursorY) * delay;
3527                        self.DOM.cursorFollower.style.left = cursorX + 'px';
3528                        self.DOM.cursorFollower.style.top = cursorY + 'px';
3529                        animationFrameId = requestAnimationFrame(animate);
3530                    };
3531                    this.DOM.linkArea.addEventListener('mouseenter', function() {
3532                        self.DOM.cursorFollower.classList.add('active');
3533                        if (!animationFrameId) animationFrameId = requestAnimationFrame(animate);
3534                    });
3535                    this.DOM.linkArea.addEventListener('mousemove', function(e) {
3536                        var rect = self.DOM.linkArea.getBoundingClientRect();
3537                        mouseX = e.clientX - rect.left;
3538                        mouseY = e.clientY - rect.top;
3539                    });
3540                    this.DOM.linkArea.addEventListener('mouseleave', function() {
3541                        self.DOM.cursorFollower.classList.remove('active');
3542                        if (animationFrameId) { cancelAnimationFrame(animationFrameId); animationFrameId = null; }
3543                    });
3544                }
3545            };
3546
3547            PortfolioShowcase.prototype.navigateTo = function(direction) {
3548                if (this.isAnimating) return;
3549                this.isAnimating = true;
3550                var currentSlide = this.DOM.slides[this.currentIndex];
3551                this.resetSwipeTransform();
3552                currentSlide.style.zIndex = '4';
3553                var exitingClass = direction === 'next' ? 'is-exiting-left' : 'is-exiting-right';
3554                currentSlide.classList.add(exitingClass);
3555                this.currentIndex = (direction === 'next')
3556                    ? (this.currentIndex + 1) % this.slidesData.length
3557                    : (this.currentIndex - 1 + this.slidesData.length) % this.slidesData.length;
3558                this.updateView();
3559                this.resetAutoplay();
3560                var self = this;
3561                setTimeout(function() {
3562                    currentSlide.classList.remove(exitingClass);
3563                    currentSlide.style.zIndex = '';
3564                    self.isAnimating = false;
3565                }, 50);
3566            };
3567
3568            PortfolioShowcase.prototype.updateView = function() {
3569                var totalSlides = this.slidesData.length;
3570                var activeIndex = this.currentIndex;
3571                var prev1Index = (activeIndex - 1 + totalSlides) % totalSlides;
3572                var prev2Index = (activeIndex - 2 + totalSlides) % totalSlides;
3573                var next1Index = (activeIndex + 1) % totalSlides;
3574                var next2Index = (activeIndex + 2) % totalSlides;
3575
3576                for (var i = 0; i < this.DOM.slides.length; i++) {
3577                    this.DOM.slides[i].classList.remove('is-front', 'is-left-1', 'is-left-2', 'is-right-1', 'is-right-2');
3578                }
3579                for (var i = 0; i < this.DOM.slides.length; i++) {
3580                    var slide = this.DOM.slides[i];
3581                    switch (i) {
3582                        case activeIndex: slide.classList.add('is-front'); break;
3583                        case prev1Index: slide.classList.add('is-left-1'); break;
3584                        case prev2Index: slide.classList.add('is-left-2'); break;
3585                        case next1Index: slide.classList.add('is-right-1'); break;
3586                        case next2Index: slide.classList.add('is-right-2'); break;
3587                    }
3588                }
3589                var activeSlideData = this.slidesData[this.currentIndex];
3590                this.DOM.title.textContent = activeSlideData.siteName;
3591                this.DOM.subtitle.textContent = activeSlideData.description;
3592                this.DOM.detailsLink.href = activeSlideData.caseStudyLink;
3593                this.DOM.counter.textContent = (this.currentIndex + 1) + '/' + totalSlides;
3594                this.DOM.tags.innerHTML = activeSlideData.services.map(function(service) {
3595                    return '<div class="portfolio-showcase__tag"><p>' + service + '</p></div>';
3596                }).join('');
3597            };
3598
3599            PortfolioShowcase.prototype.startAutoplay = function() {
3600                this.DOM.progressBar.classList.add('is-animating');
3601                this.DOM.progressBar.style.animationPlayState = 'running';
3602            };
3603            PortfolioShowcase.prototype.resetAutoplay = function() {
3604                this.DOM.progressBar.classList.remove('is-animating');
3605                void this.DOM.progressBar.offsetWidth;
3606                this.DOM.progressBar.classList.add('is-animating');
3607                this.DOM.progressBar.style.animationPlayState = 'running';
3608            };
3609            PortfolioShowcase.prototype.pauseAutoplay = function() { this.DOM.progressBar.style.animationPlayState = 'paused'; };
3610            PortfolioShowcase.prototype.resumeAutoplay = function() { this.DOM.progressBar.style.animationPlayState = 'running'; };
3611
3612            // All swipe-related functions remain the same.
3613            PortfolioShowcase.prototype.bindSwipeEvents = function() {
3614                var linkArea = this.DOM.linkArea;
3615                linkArea.addEventListener('touchstart', this.handleSwipeStart.bind(this), { passive: false });
3616                linkArea.addEventListener('touchmove', this.handleSwipeMove.bind(this), { passive: false });
3617                linkArea.addEventListener('touchend', this.handleSwipeEnd.bind(this), { passive: false });
3618                linkArea.addEventListener('mousedown', this.handleSwipeStart.bind(this));
3619                linkArea.addEventListener('mousemove', this.handleSwipeMove.bind(this));
3620                linkArea.addEventListener('mouseup', this.handleSwipeEnd.bind(this));
3621                linkArea.addEventListener('mouseleave', this.handleSwipeEnd.bind(this));
3622            };
3623            PortfolioShowcase.prototype.handleSwipeStart = function(e) {
3624                if (this.isAnimating) return;
3625                this.swipeState.isActive = true;
3626                this.swipeState.wasDragged = false;
3627                this.pauseAutoplay();
3628                var point = e.touches ? e.touches[0] : e;
3629                this.swipeState.startX = point.clientX;
3630                this.swipeState.startY = point.clientY;
3631                this.swipeState.currentX = point.clientX;
3632                this.swipeState.currentY = point.clientY;
3633                this.DOM.cursorFollower.classList.remove('active');
3634                if (e.touches) e.preventDefault();
3635            };
3636            PortfolioShowcase.prototype.handleSwipeMove = function(e) {
3637                if (!this.swipeState.isActive) return;
3638                var point = e.touches ? e.touches[0] : e;
3639                this.swipeState.currentX = point.clientX;
3640                this.swipeState.currentY = point.clientY;
3641                this.swipeState.deltaX = this.swipeState.currentX - this.swipeState.startX;
3642                this.swipeState.deltaY = this.swipeState.currentY - this.swipeState.startY;
3643                if (Math.abs(this.swipeState.deltaX) + Math.abs(this.swipeState.deltaY) > this.swipeState.dragTolerance) {
3644                    this.swipeState.wasDragged = true;
3645                }
3646                this.updateSwipeTransform();
3647                if (e.touches) e.preventDefault();
3648            };
3649            PortfolioShowcase.prototype.handleSwipeEnd = function(e) {
3650                if (!this.swipeState.isActive) return;
3651                this.swipeState.isActive = false;
3652                var absDeltaX = Math.abs(this.swipeState.deltaX);
3653                var absDeltaY = Math.abs(this.swipeState.deltaY);
3654                if (absDeltaX > this.swipeState.threshold && absDeltaX > absDeltaY) {
3655                    if (this.swipeState.deltaX > 0) { this.navigateTo('prev'); } else { this.navigateTo('next'); }
3656                } else {
3657                    this.resetSwipeTransform();
3658                    this.resumeAutoplay();
3659                }
3660                this.swipeState.deltaX = 0; this.swipeState.deltaY = 0;
3661            };
3662            PortfolioShowcase.prototype.updateSwipeTransform = function() { /* This large function is unchanged */ 
3663                var frontCard = this.DOM.slides[this.currentIndex]; if (!frontCard) return;
3664                var totalSlides = this.slidesData.length;
3665                var prev1Index = (this.currentIndex - 1 + totalSlides) % totalSlides, prev2Index = (this.currentIndex - 2 + totalSlides) % totalSlides;
3666                var next1Index = (this.currentIndex + 1) % totalSlides, next2Index = (this.currentIndex + 2) % totalSlides;
3667                var prev1Card = this.DOM.slides[prev1Index], prev2Card = this.DOM.slides[prev2Index];
3668                var next1Card = this.DOM.slides[next1Index], next2Card = this.DOM.slides[next2Index];
3669                var s = this.swipeState;
3670                var cardRect = frontCard.getBoundingClientRect(); var maxDistance = cardRect.width * 0.5;
3671                var progress = Math.min(Math.abs(s.deltaX) / maxDistance, 1);
3672                var scale = 1 - progress * 0.15; var rotation = (s.deltaX / maxDistance) * s.maxRotation;
3673                var translateY = Math.abs(s.deltaX) / maxDistance * s.maxTranslateY;
3674                frontCard.style.transform = 'translateX(' + s.deltaX + 'px) translateY(' + (-translateY) + 'px) rotate(' + rotation + 'deg) scale(' + scale + ')';
3675                frontCard.style.transition = 'none'; var xOffsetPixels = s.stackXOffset * cardRect.width;
3676                if (s.deltaX < 0) {
3677                    if (next1Card) { var next1X = (1 - progress) * xOffsetPixels; var next1Scale = (1 - s.stackScaleDecrement) + (progress * s.stackScaleDecrement); next1Card.style.transform = 'translateX(' + next1X + 'px) scale(' + next1Scale + ')'; next1Card.style.transition = 'none'; }
3678                    if (next2Card) { var next2X = (2 - progress) * xOffsetPixels; var next2Scale = (1 - 2 * s.stackScaleDecrement) + (progress * s.stackScaleDecrement); next2Card.style.transform = 'translateX(' + next2X + 'px) scale(' + next2Scale + ')'; next2Card.style.transition = 'none'; }
3679                    if (prev1Card) { var prev1X = -(1 + progress) * xOffsetPixels; var prev1Scale = (1 - s.stackScaleDecrement) - (progress * s.stackScaleDecrement); prev1Card.style.transform = 'translateX(' + prev1X + 'px) scale(' + prev1Scale + ')'; prev1Card.style.transition = 'none'; }
3680                } else if (s.deltaX > 0) {
3681                    if (prev1Card) { var prev1X = -(1 - progress) * xOffsetPixels; var prev1Scale = (1 - s.stackScaleDecrement) + (progress * s.stackScaleDecrement); prev1Card.style.transform = 'translateX(' + prev1X + 'px) scale(' + prev1Scale + ')'; prev1Card.style.transition = 'none'; }
3682                    if (prev2Card) { var prev2X = -(2 - progress) * xOffsetPixels; var prev2Scale = (1 - 2 * s.stackScaleDecrement) + (progress * s.stackScaleDecrement); prev2Card.style.transform = 'translateX(' + prev2X + 'px) scale(' + prev2Scale + ')'; prev2Card.style.transition = 'none'; }
3683                    if (next1Card) { var next1X = (1 + progress) * xOffsetPixels; var next1Scale = (1 - s.stackScaleDecrement) - (progress * s.stackScaleDecrement); next1Card.style.transform = 'translateX(' + next1X + 'px) scale(' + next1Scale + ')'; next1Card.style.transition = 'none'; }
3684                }
3685                var zIndexThreshold = maxDistance * 0.65;
3686                if (s.deltaX < 0) {
3687                    if (Math.abs(s.deltaX) > zIndexThreshold) { if (next1Card) next1Card.style.zIndex = '6'; frontCard.style.zIndex = '4'; if (prev1Card) prev1Card.style.zIndex = '3'; } 
3688                    else { frontCard.style.zIndex = '5'; if (next1Card) next1Card.style.zIndex = '4'; if (prev1Card) prev1Card.style.zIndex = '3'; }
3689                } else {
3690                    if (Math.abs(s.deltaX) > zIndexThreshold) { if (prev1Card) prev1Card.style.zIndex = '6'; frontCard.style.zIndex = '3'; if (next1Card) next1Card.style.zIndex = '2'; } 
3691                    else { frontCard.style.zIndex = '5'; if (prev1Card) prev1Card.style.zIndex = '4'; if (next1Card) next1Card.style.zIndex = '2'; }
3692                }
3693            };
3694            PortfolioShowcase.prototype.resetSwipeTransform = function() {
3695                var totalSlides = this.slidesData.length; var prev1Index = (this.currentIndex - 1 + totalSlides) % totalSlides;
3696                var prev2Index = (this.currentIndex - 2 + totalSlides) % totalSlides; var next1Index = (this.currentIndex + 1) % totalSlides;
3697                var next2Index = (this.currentIndex + 2) % totalSlides;
3698                var cardsToReset = [ this.DOM.slides[this.currentIndex], this.DOM.slides[prev1Index], this.DOM.slides[prev2Index], this.DOM.slides[next1Index], this.DOM.slides[next2Index] ];
3699                var uniqueCards = [];
3700                for (var i = 0; i < cardsToReset.length; i++) { if (cardsToReset[i] && uniqueCards.indexOf(cardsToReset[i]) === -1) { uniqueCards.push(cardsToReset[i]); } }
3701                for (var i = 0; i < uniqueCards.length; i++) { var card = uniqueCards[i]; card.style.transition = ''; card.style.transform = ''; card.style.zIndex = ''; }
3702            };
3703        
3704            new PortfolioShowcase(slidesData);
3705
3706        } catch(error) {
3707            console.error('[Portfolio Showcase Debug] A fatal error occurred during script execution:', error);
3708        }
3709    });
3710    </script>
3710
3711    
3711<script id="leadin-script-loader-js-js-extra">
3712var leadin_wordpress = {"userRole":"visitor","pageType":"home","leadinPluginVersion":"11.3.45"};
3713//# sourceURL=leadin-script-loader-js-js-extra
3714</script>
vendor: 1 bytes, line 3714
3714
3715<script id="leadin-script-loader-js-js" src="https://js-eu1.hs-scripts.com/145276322.js?integration=WordPress&#038;ver=11.3.45" data-rocket-defer defer></script>
vendor: 1 bytes, line 3715
3715
3716<script id="rive-canvas-js" defer src="https://cdn.jsdelivr.net/npm/@rive-app/[email protected]/rive.min.js?ver=2.26.7"></script>
vendor: 1 bytes, line 3716
3716
3717<script id="gtm4wp-client-device-data-js-before">
3718var gtm4wp_clientdevice_config = {"browser":true,"os":true,"device":true};
3719//# sourceURL=gtm4wp-client-device-data-js-before
3720</script>
vendor: 1 bytes, line 3720
3720
3721<script data-wp-strategy="defer" defer id="gtm4wp-client-device-data-js" src="https://rocket9.ch/wp-content/plugins/duracelltomi-google-tag-manager/build/gtm4wp-client-device-data.js?ver=2.0.2"></script>
vendor: 1 bytes, line 3721
3721
3722<script id="rocket-browser-checker-js-after">
3723"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}();
3724//# sourceURL=rocket-browser-checker-js-after
3725</script>
vendor: 1 bytes, line 3725
3725
3726<script id="rocket-preload-links-js-extra">
3727var RocketPreloadLinksConfig = {"excludeUris":"/(?:.+/)?feed(?:/(?:.+/?)?)?$|/(?:.+/)?embed/|/(index.php/)?(.*)wp-json(/.*|$)|/refer/|/go/|/recommend/|/recommends/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https://rocket9.ch","onHoverDelay":"100","rateThrottle":"3"};
3728//# sourceURL=rocket-preload-links-js-extra
3729</script>
vendor: 1 bytes, line 3729
3729
3730<script id="rocket-preload-links-js-after">
3731(function() {
3732"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run();
3733}());
3734
3735//# sourceURL=rocket-preload-links-js-after
3736</script>
vendor: 1 bytes, line 3736
3736
3737<script id="bricks-scripts-js-extra">
3738var bricksData = {"debug":"","locale":"de_CH","ajaxUrl":"https://rocket9.ch/wp-admin/admin-ajax.php","restApiUrl":"https://rocket9.ch/wp-json/bricks/v1/","nonce":"77286bd39d","formNonce":"4b024b415e","wpRestNonce":"050984ba8b","postId":"9","recaptchaIds":[],"animatedTypingInstances":[],"videoInstances":[],"splideInstances":[],"tocbotInstances":[],"swiperInstances":[],"queryLoopInstances":[],"interactions":[],"filterInstances":[],"isotopeInstances":[],"mapStyles":{"ultraLightWithLabels":{"label":"Ultra light with labels","style":"[ { \"featureType\": \"water\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#e9e9e9\" }, { \"lightness\": 17 } ] }, { \"featureType\": \"landscape\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#f5f5f5\" }, { \"lightness\": 20 } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#ffffff\" }, { \"lightness\": 17 } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry.stroke\", \"stylers\": [ { \"color\": \"#ffffff\" }, { \"lightness\": 29 }, { \"weight\": 0.2 } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#ffffff\" }, { \"lightness\": 18 } ] }, { \"featureType\": \"road.local\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#ffffff\" }, { \"lightness\": 16 } ] }, { \"featureType\": \"poi\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#f5f5f5\" }, { \"lightness\": 21 } ] }, { \"featureType\": \"poi.park\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#dedede\" }, { \"lightness\": 21 } ] }, { \"elementType\": \"labels.text.stroke\", \"stylers\": [ { \"visibility\": \"on\" }, { \"color\": \"#ffffff\" }, { \"lightness\": 16 } ] }, { \"elementType\": \"labels.text.fill\", \"stylers\": [ { \"saturation\": 36 }, { \"color\": \"#333333\" }, { \"lightness\": 40 } ] }, { \"elementType\": \"labels.icon\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"transit\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#f2f2f2\" }, { \"lightness\": 19 } ] }, { \"featureType\": \"administrative\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#fefefe\" }, { \"lightness\": 20 } ] }, { \"featureType\": \"administrative\", \"elementType\": \"geometry.stroke\", \"stylers\": [ { \"color\": \"#fefefe\" }, { \"lightness\": 17 }, { \"weight\": 1.2 } ] } ]"},"blueWater":{"label":"Blue water","style":"[ { \"featureType\": \"administrative\", \"elementType\": \"labels.text.fill\", \"stylers\": [ { \"color\": \"#444444\" } ] }, { \"featureType\": \"landscape\", \"elementType\": \"all\", \"stylers\": [ { \"color\": \"#f2f2f2\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"road\", \"elementType\": \"all\", \"stylers\": [ { \"saturation\": -100 }, { \"lightness\": 45 } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"simplified\" } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"labels.icon\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"transit\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"water\", \"elementType\": \"all\", \"stylers\": [ { \"color\": \"#46bcec\" }, { \"visibility\": \"on\" } ] } ]"},"lightDream":{"label":"Light dream","style":"[ { \"featureType\": \"landscape\", \"stylers\": [ { \"hue\": \"#FFBB00\" }, { \"saturation\": 43.400000000000006 }, { \"lightness\": 37.599999999999994 }, { \"gamma\": 1 } ] }, { \"featureType\": \"road.highway\", \"stylers\": [ { \"hue\": \"#FFC200\" }, { \"saturation\": -61.8 }, { \"lightness\": 45.599999999999994 }, { \"gamma\": 1 } ] }, { \"featureType\": \"road.arterial\", \"stylers\": [ { \"hue\": \"#FF0300\" }, { \"saturation\": -100 }, { \"lightness\": 51.19999999999999 }, { \"gamma\": 1 } ] }, { \"featureType\": \"road.local\", \"stylers\": [ { \"hue\": \"#FF0300\" }, { \"saturation\": -100 }, { \"lightness\": 52 }, { \"gamma\": 1 } ] }, { \"featureType\": \"water\", \"stylers\": [ { \"hue\": \"#0078FF\" }, { \"saturation\": -13.200000000000003 }, { \"lightness\": 2.4000000000000057 }, { \"gamma\": 1 } ] }, { \"featureType\": \"poi\", \"stylers\": [ { \"hue\": \"#00FF6A\" }, { \"saturation\": -1.0989010989011234 }, { \"lightness\": 11.200000000000017 }, { \"gamma\": 1 } ] } ]"},"blueEssence":{"label":"Blue essence","style":"[ { \"featureType\": \"landscape.natural\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"visibility\": \"on\" }, { \"color\": \"#e0efef\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"visibility\": \"on\" }, { \"hue\": \"#1900ff\" }, { \"color\": \"#c0e8e8\" } ] }, { \"featureType\": \"road\", \"elementType\": \"geometry\", \"stylers\": [ { \"lightness\": 100 }, { \"visibility\": \"simplified\" } ] }, { \"featureType\": \"road\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"transit.line\", \"elementType\": \"geometry\", \"stylers\": [ { \"visibility\": \"on\" }, { \"lightness\": 700 } ] }, { \"featureType\": \"water\", \"elementType\": \"all\", \"stylers\": [ { \"color\": \"#7dcdcd\" } ] } ]"},"appleMapsesque":{"label":"Apple maps-esque","style":"[ { \"featureType\": \"landscape.man_made\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#f7f1df\" } ] }, { \"featureType\": \"landscape.natural\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#d0e3b4\" } ] }, { \"featureType\": \"landscape.natural.terrain\", \"elementType\": \"geometry\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"poi.business\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"poi.medical\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#fbd3da\" } ] }, { \"featureType\": \"poi.park\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#bde6ab\" } ] }, { \"featureType\": \"road\", \"elementType\": \"geometry.stroke\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"road\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#ffe15f\" } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry.stroke\", \"stylers\": [ { \"color\": \"#efd151\" } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#ffffff\" } ] }, { \"featureType\": \"road.local\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"black\" } ] }, { \"featureType\": \"transit.station.airport\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#cfb2db\" } ] }, { \"featureType\": \"water\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#a2daf2\" } ] } ]"},"paleDawn":{"label":"Pale dawn","style":"[ { \"featureType\": \"administrative\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"on\" }, { \"lightness\": 33 } ] }, { \"featureType\": \"landscape\", \"elementType\": \"all\", \"stylers\": [ { \"color\": \"#f2e5d4\" } ] }, { \"featureType\": \"poi.park\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#c5dac6\" } ] }, { \"featureType\": \"poi.park\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"on\" }, { \"lightness\": 20 } ] }, { \"featureType\": \"road\", \"elementType\": \"all\", \"stylers\": [ { \"lightness\": 20 } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#c5c6c6\" } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#e4d7c6\" } ] }, { \"featureType\": \"road.local\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#fbfaf7\" } ] }, { \"featureType\": \"water\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"on\" }, { \"color\": \"#acbcc9\" } ] } ]"},"neutralBlue":{"label":"Neutral blue","style":"[ { \"featureType\": \"water\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#193341\" } ] }, { \"featureType\": \"landscape\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#2c5a71\" } ] }, { \"featureType\": \"road\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#29768a\" }, { \"lightness\": -37 } ] }, { \"featureType\": \"poi\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#406d80\" } ] }, { \"featureType\": \"transit\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#406d80\" } ] }, { \"elementType\": \"labels.text.stroke\", \"stylers\": [ { \"visibility\": \"on\" }, { \"color\": \"#3e606f\" }, { \"weight\": 2 }, { \"gamma\": 0.84 } ] }, { \"elementType\": \"labels.text.fill\", \"stylers\": [ { \"color\": \"#ffffff\" } ] }, { \"featureType\": \"administrative\", \"elementType\": \"geometry\", \"stylers\": [ { \"weight\": 0.6 }, { \"color\": \"#1a3541\" } ] }, { \"elementType\": \"labels.icon\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"poi.park\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#2c5a71\" } ] } ]"},"avocadoWorld":{"label":"Avocado world","style":"[ { \"featureType\": \"water\", \"elementType\": \"geometry\", \"stylers\": [ { \"visibility\": \"on\" }, { \"color\": \"#aee2e0\" } ] }, { \"featureType\": \"landscape\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#abce83\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#769E72\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"labels.text.fill\", \"stylers\": [ { \"color\": \"#7B8758\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"labels.text.stroke\", \"stylers\": [ { \"color\": \"#EBF4A4\" } ] }, { \"featureType\": \"poi.park\", \"elementType\": \"geometry\", \"stylers\": [ { \"visibility\": \"simplified\" }, { \"color\": \"#8dab68\" } ] }, { \"featureType\": \"road\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"visibility\": \"simplified\" } ] }, { \"featureType\": \"road\", \"elementType\": \"labels.text.fill\", \"stylers\": [ { \"color\": \"#5B5B3F\" } ] }, { \"featureType\": \"road\", \"elementType\": \"labels.text.stroke\", \"stylers\": [ { \"color\": \"#ABCE83\" } ] }, { \"featureType\": \"road\", \"elementType\": \"labels.icon\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"road.local\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#A4C67D\" } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#9BBF72\" } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#EBF4A4\" } ] }, { \"featureType\": \"transit\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"administrative\", \"elementType\": \"geometry.stroke\", \"stylers\": [ { \"visibility\": \"on\" }, { \"color\": \"#87ae79\" } ] }, { \"featureType\": \"administrative\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#7f2200\" }, { \"visibility\": \"off\" } ] }, { \"featureType\": \"administrative\", \"elementType\": \"labels.text.stroke\", \"stylers\": [ { \"color\": \"#ffffff\" }, { \"visibility\": \"on\" }, { \"weight\": 4.1 } ] }, { \"featureType\": \"administrative\", \"elementType\": \"labels.text.fill\", \"stylers\": [ { \"color\": \"#495421\" } ] }, { \"featureType\": \"administrative.neighborhood\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"off\" } ] } ]"}
3738,"gowalla":{"label":"Gowalla","style":"[ { \"featureType\": \"administrative.land_parcel\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"landscape.man_made\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"road\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"simplified\" }, { \"lightness\": 20 } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry\", \"stylers\": [ { \"hue\": \"#f49935\" } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"simplified\" } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"geometry\", \"stylers\": [ { \"hue\": \"#fad959\" } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"road.local\", \"elementType\": \"geometry\", \"stylers\": [ { \"visibility\": \"simplified\" } ] }, { \"featureType\": \"road.local\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"simplified\" } ] }, { \"featureType\": \"transit\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"water\", \"elementType\": \"all\", \"stylers\": [ { \"hue\": \"#a1cdfc\" }, { \"saturation\": 30 }, { \"lightness\": 49 } ] } ]"}},"facebookAppId":"","headerPosition":"top","offsetLazyLoad":"300","baseUrl":"https://rocket9.ch/","useQueryFilter":"1","pageFilters":[],"language":"","wpmlUrlFormat":"","multilangPlugin":"","i18n":{"openAccordion":"Open accordion","openMobileMenu":"Open mobile menu","closeMobileMenu":"Close mobile menu","showPassword":"Show password","hidePassword":"Hide password","prevSlide":"Previous slide","nextSlide":"Next slide","firstSlide":"Go to first slide","lastSlide":"Go to last slide","slideX":"Go to slide %s","play":"Start autoplay","pause":"Pause autoplay","splide":{"carousel":"carousel","select":"Select a slide to show","slide":"slide","slideLabel":"%1$s of %2$s"},"swiper":{"slideLabelMessage":"{{index}} / {{slidesLength}}"}},"selectedFilters":[],"filterNiceNames":[]};
3739//# sourceURL=bricks-scripts-js-extra
3740</script>
vendor: 1 bytes, line 3740
3740
3741<script id="bricks-scripts-js" src="https://rocket9.ch/wp-content/themes/bricks/assets/js/bricks.min.js?ver=1745957542" data-rocket-defer defer></script>
vendor: 1 bytes, line 3741
3741
3742<script>
3743  document.addEventListener('DOMContentLoaded', () => {
3744    // Check if the user prefers reduced motion.
3745    // If so, we'll skip initializing Lenis for a native scroll experience.
3746    const mediaQuery = window.matchMedia('(prefers-reduced-motion: reduce)');
3747    
3748    // Don't initialize Lenis if the user prefers reduced motion.
3749    if (mediaQuery.matches) {
3750        console.log("Reduced motion preferred. Lenis scroll not initialized.");
3751        return; // Exit the function early
3752    }
3753
3754    const lenis = new Lenis({
3755        duration: 1.2,
3756        easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)), // easeOutExpo
3757        direction: 'vertical',
3758        gestureDirection: 'vertical',
3759        smooth: true,
3760        mouseMultiplier: 1,
3761        smoothTouch: false, // Deactivate Lenis on touch devices
3762        touchMultiplier: 2, // This value is irrelevant since smoothTouch is false
3763        infinite: false,
3764    });
3765
3766    function raf(time) {
3767        lenis.raf(time);
3768        requestAnimationFrame(raf);
3769    }
3770
3771    requestAnimationFrame(raf);
3772
3773    // --- Optional Integrations & Examples ---
3774
3775     lenis.on('scroll', ScrollTrigger.update);
3776   gsap.ticker.add((time)=>{
3777     lenis.raf(time * 1000);
3778     });
3779   gsap.ticker.lagSmoothing(0);
3780
3781
3782    // Example: Scroll to an anchor
3783    // document.querySelectorAll('a[href^="#"]').forEach(anchor => {
3784    //   anchor.addEventListener('click', function (e) {
3785    //     e.preventDefault();
3786    //     lenis.scrollTo(this.getAttribute('href'));
3787    //   });
3788    // });
3789});
3790</script>
3790
3791
3792
3793<script src="//instant.page/5.2.0" type="module" integrity="sha384-jnZyxPjiipYXnSU0ygqeac2q7CVYMbh84q0uHVRRxEtvFPiQYbXWUorga2aqZJ0z" data-rocket-defer defer></script>
vendor: 1 bytes, line 3793
3793
3794<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js" data-rocket-defer defer></script>
3794
3795<div  hidden data-wpu-integrity="f6beb34161f55692bd255f66437479c7"></div>
3796<script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue}
3797if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue}
3798images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1}
3799if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script>
3799<script data-no-minify="1" async src="https://rocket9.ch/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script>
3799</body></html>
3800<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1790673010 -->

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.