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&d=mm&r=g","url":"https://secure.gravatar.com/avatar/375b8e385c63c0505abb42d59925efccd12c79493e6a7190a390edc945800edb?s=96&d=mm&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 » 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&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="[{"id":"igwxms","trigger":"click","action":"toggleOffCanvas","target":"offcanvas","actionAttributeKey":"class","actionAttributeValue":"brxe-open","offCanvasSelector":".mm-scoria"}]" 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 & 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 & 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 & 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 & 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"=""> Rocket9</span> – 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> 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"><canvas 1289 id="rive-webdev" 1290 class="rive-canvas" 1291 data-init-function="theme-switcher" 1292 data-src-light="https://ucarecdn.com/645cfc4d-37a5-44eb-beed-3360bb525cf6/" 1293 data-src-dark="https://ucarecdn.com/473829e8-76ad-4790-84cf-116c2f67f9db/" 1294 data-statemachine="Main Machine" 1295 data-fit="cover" 1296 data-alignment="left"> 1297</canvas></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: 'rive-webdev', 1307 stateMachine: 'Main Machine', 1308 resizeDebounce: 150, 1309 animations: { 1310 dark: { src: 'https://ucarecdn.com/473829e8-76ad-4790-84cf-116c2f67f9db/' }, 1311 light: { src: 'https://ucarecdn.com/645cfc4d-37a5-44eb-beed-3360bb525cf6/' } 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 && currentRiveInstance && currentRiveInstance.isLoaded) { 1337 return; 1338 } 1339 1340 cleanupCurrentRiveInstance(); 1341 canvasElement.style.display = 'block'; 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: () => { 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(() => { 1365 if (currentRiveInstance && currentRiveInstance.canvas && currentRiveInstance.isLoaded) { 1366 currentRiveInstance.resizeDrawingSurfaceToCanvas(); 1367 } 1368 }, WEBDEV_CONFIG.resizeDebounce); 1369 } 1370 1371 function setupThemeChangeListener() { 1372 const observer = new MutationObserver((mutationsList) => { 1373 for (const mutation of mutationsList) { 1374 if (mutation.type === 'attributes' && mutation.attributeName === 'data-theme') { 1375 const newTheme = document.documentElement.getAttribute('data-theme'); 1376 if (newTheme && 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('resize', handleResize); 1387 setupThemeChangeListener(); 1388 1389 Promise.resolve().then(() => { 1390 const currentActualTheme = document.documentElement.getAttribute('data-theme'); 1391 let themeToLoad = (currentActualTheme && WEBDEV_CONFIG.animations[currentActualTheme]) 1392 ? currentActualTheme 1393 : 'light'; 1394 1395 if (WEBDEV_CONFIG.animations[themeToLoad]) { 1396 loadRiveAnimationForTheme(themeToLoad); 1397 } else { 1398 if (WEBDEV_CONFIG.animations['light']) { 1399 loadRiveAnimationForTheme('light'); 1400 } else { 1401 canvasElement.style.display = 'none'; 1402 } 1403 } 1404 }); 1405} 1406 1407function _runRiveWebdevSwitcher() { 1408 if (window.rive && typeof window.rive.Rive === 'function' && document.getElementById('rive-webdev')) { 1409 initializeRiveWebdevThemeSwitcher(); 1410 } 1411} 1412 1413if (document.readyState === 'loading') { 1414 document.addEventListener('DOMContentLoaded', _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 & 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"><canvas 1418 id="rive-webdev" 1419 class="rive-canvas" 1420 data-init-function="theme-switcher" 1421 data-src-light="https://ucarecdn.com/645cfc4d-37a5-44eb-beed-3360bb525cf6/" 1422 data-src-dark="https://ucarecdn.com/473829e8-76ad-4790-84cf-116c2f67f9db/" 1423 data-statemachine="Main Machine" 1424 data-fit="cover" 1425 data-alignment="left"> 1426</canvas></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: 'rive-webdev', 1436 stateMachine: 'Main Machine', 1437 resizeDebounce: 150, 1438 animations: { 1439 dark: { src: 'https://ucarecdn.com/473829e8-76ad-4790-84cf-116c2f67f9db/' }, 1440 light: { src: 'https://ucarecdn.com/645cfc4d-37a5-44eb-beed-3360bb525cf6/' } 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 && currentRiveInstance && currentRiveInstance.isLoaded) { 1466 return; 1467 } 1468 1469 cleanupCurrentRiveInstance(); 1470 canvasElement.style.display = 'block'; 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: () => { 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(() => { 1494 if (currentRiveInstance && currentRiveInstance.canvas && currentRiveInstance.isLoaded) { 1495 currentRiveInstance.resizeDrawingSurfaceToCanvas(); 1496 } 1497 }, WEBDEV_CONFIG.resizeDebounce); 1498 } 1499 1500 function setupThemeChangeListener() { 1501 const observer = new MutationObserver((mutationsList) => { 1502 for (const mutation of mutationsList) { 1503 if (mutation.type === 'attributes' && mutation.attributeName === 'data-theme') { 1504 const newTheme = document.documentElement.getAttribute('data-theme'); 1505 if (newTheme && 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('resize', handleResize); 1516 setupThemeChangeListener(); 1517 1518 Promise.resolve().then(() => { 1519 const currentActualTheme = document.documentElement.getAttribute('data-theme'); 1520 let themeToLoad = (currentActualTheme && WEBDEV_CONFIG.animations[currentActualTheme]) 1521 ? currentActualTheme 1522 : 'light'; 1523 1524 if (WEBDEV_CONFIG.animations[themeToLoad]) { 1525 loadRiveAnimationForTheme(themeToLoad); 1526 } else { 1527 if (WEBDEV_CONFIG.animations['light']) { 1528 loadRiveAnimationForTheme('light'); 1529 } else { 1530 canvasElement.style.display = 'none'; 1531 } 1532 } 1533 }); 1534} 1535 1536function _runRiveWebdevSwitcher() { 1537 if (window.rive && typeof window.rive.Rive === 'function' && document.getElementById('rive-webdev')) { 1538 initializeRiveWebdevThemeSwitcher(); 1539 } 1540} 1541 1542if (document.readyState === 'loading') { 1543 document.addEventListener('DOMContentLoaded', _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"><canvas 1633 id="rive-webdev" 1634 class="rive-canvas" 1635 data-init-function="theme-switcher" 1636 data-src-light="https://ucarecdn.com/645cfc4d-37a5-44eb-beed-3360bb525cf6/" 1637 data-src-dark="https://ucarecdn.com/473829e8-76ad-4790-84cf-116c2f67f9db/" 1638 data-statemachine="Main Machine" 1639 data-fit="cover" 1640 data-alignment="left"> 1641</canvas></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: 'rive-webdev', 1651 stateMachine: 'Main Machine', 1652 resizeDebounce: 150, 1653 animations: { 1654 dark: { src: 'https://ucarecdn.com/473829e8-76ad-4790-84cf-116c2f67f9db/' }, 1655 light: { src: 'https://ucarecdn.com/645cfc4d-37a5-44eb-beed-3360bb525cf6/' } 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 && currentRiveInstance && currentRiveInstance.isLoaded) { 1681 return; 1682 } 1683 1684 cleanupCurrentRiveInstance(); 1685 canvasElement.style.display = 'block'; 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: () => { 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(() => { 1709 if (currentRiveInstance && currentRiveInstance.canvas && currentRiveInstance.isLoaded) { 1710 currentRiveInstance.resizeDrawingSurfaceToCanvas(); 1711 } 1712 }, WEBDEV_CONFIG.resizeDebounce); 1713 } 1714 1715 function setupThemeChangeListener() { 1716 const observer = new MutationObserver((mutationsList) => { 1717 for (const mutation of mutationsList) { 1718 if (mutation.type === 'attributes' && mutation.attributeName === 'data-theme') { 1719 const newTheme = document.documentElement.getAttribute('data-theme'); 1720 if (newTheme && 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('resize', handleResize); 1731 setupThemeChangeListener(); 1732 1733 Promise.resolve().then(() => { 1734 const currentActualTheme = document.documentElement.getAttribute('data-theme'); 1735 let themeToLoad = (currentActualTheme && WEBDEV_CONFIG.animations[currentActualTheme]) 1736 ? currentActualTheme 1737 : 'light'; 1738 1739 if (WEBDEV_CONFIG.animations[themeToLoad]) { 1740 loadRiveAnimationForTheme(themeToLoad); 1741 } else { 1742 if (WEBDEV_CONFIG.animations['light']) { 1743 loadRiveAnimationForTheme('light'); 1744 } else { 1745 canvasElement.style.display = 'none'; 1746 } 1747 } 1748 }); 1749} 1750 1751function _runRiveWebdevSwitcher() { 1752 if (window.rive && typeof window.rive.Rive === 'function' && document.getElementById('rive-webdev')) { 1753 initializeRiveWebdevThemeSwitcher(); 1754 } 1755} 1756 1757if (document.readyState === 'loading') { 1758 document.addEventListener('DOMContentLoaded', _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"><canvas 1848 id="rive-webdev" 1849 class="rive-canvas" 1850 data-init-function="theme-switcher" 1851 data-src-light="https://ucarecdn.com/645cfc4d-37a5-44eb-beed-3360bb525cf6/" 1852 data-src-dark="https://ucarecdn.com/473829e8-76ad-4790-84cf-116c2f67f9db/" 1853 data-statemachine="Main Machine" 1854 data-fit="cover" 1855 data-alignment="left"> 1856</canvas></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: 'rive-webdev', 1866 stateMachine: 'Main Machine', 1867 resizeDebounce: 150, 1868 animations: { 1869 dark: { src: 'https://ucarecdn.com/473829e8-76ad-4790-84cf-116c2f67f9db/' }, 1870 light: { src: 'https://ucarecdn.com/645cfc4d-37a5-44eb-beed-3360bb525cf6/' } 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 && currentRiveInstance && currentRiveInstance.isLoaded) { 1896 return; 1897 } 1898 1899 cleanupCurrentRiveInstance(); 1900 canvasElement.style.display = 'block'; 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: () => { 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(() => { 1924 if (currentRiveInstance && currentRiveInstance.canvas && currentRiveInstance.isLoaded) { 1925 currentRiveInstance.resizeDrawingSurfaceToCanvas(); 1926 } 1927 }, WEBDEV_CONFIG.resizeDebounce); 1928 } 1929 1930 function setupThemeChangeListener() { 1931 const observer = new MutationObserver((mutationsList) => { 1932 for (const mutation of mutationsList) { 1933 if (mutation.type === 'attributes' && mutation.attributeName === 'data-theme') { 1934 const newTheme = document.documentElement.getAttribute('data-theme'); 1935 if (newTheme && 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('resize', handleResize); 1946 setupThemeChangeListener(); 1947 1948 Promise.resolve().then(() => { 1949 const currentActualTheme = document.documentElement.getAttribute('data-theme'); 1950 let themeToLoad = (currentActualTheme && WEBDEV_CONFIG.animations[currentActualTheme]) 1951 ? currentActualTheme 1952 : 'light'; 1953 1954 if (WEBDEV_CONFIG.animations[themeToLoad]) { 1955 loadRiveAnimationForTheme(themeToLoad); 1956 } else { 1957 if (WEBDEV_CONFIG.animations['light']) { 1958 loadRiveAnimationForTheme('light'); 1959 } else { 1960 canvasElement.style.display = 'none'; 1961 } 1962 } 1963 }); 1964} 1965 1966function _runRiveWebdevSwitcher() { 1967 if (window.rive && typeof window.rive.Rive === 'function' && document.getElementById('rive-webdev')) { 1968 initializeRiveWebdevThemeSwitcher(); 1969 } 1970} 1971 1972if (document.readyState === 'loading') { 1973 document.addEventListener('DOMContentLoaded', _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&rlz=1C5CHFA_enCH1039CH1039&si=AMgyJEtREmoPL4P1I5IDCfuA8gybfVI2d5Uj7QMwYCZHKDZ-EyvjM1huhPQC60jVxjWkpeCnrMbEEpNEyMAlSXrcB-_5PlDB9XEk9oR2_7Abpyqzpk7HCpPJr_4NIkATN0IutCHKh9sEUomJ75diByRxwLJyL_18YZ90vq2DYIzGph7BL7IjzYY%3D&q=Rocket9+GmbH+%7C+Webdesign,+E-Commerce+%26+Hosting+Reviews&sa=X&ved=2ahUKEwiVkOyv7sqNAxUohf0HHR15FRQQ0bkNegQIJhAE&biw=2589&bih=1227&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 & 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&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.