{"id":319,"date":"2024-01-08T13:02:06","date_gmt":"2024-01-08T13:02:06","guid":{"rendered":"https:\/\/gfxpartner.com\/growla-2\/?page_id=319"},"modified":"2026-08-16T17:27:18","modified_gmt":"2026-08-16T15:27:18","slug":"home","status":"publish","type":"page","link":"https:\/\/content-wave.de\/discovery\/home\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"319\" class=\"elementor elementor-319\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2a5815 e-con-full e-flex e-con e-parent\" data-id=\"d2a5815\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2a42f1 elementor-widget elementor-widget-html\" data-id=\"e2a42f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section\r\n  id=\"cw-hero-spectrum\"\r\n  aria-labelledby=\"cw-hero-spectrum-title\"\r\n>\r\n  <style>\r\n\r\n    \/* =========================================================\r\n       RESET\r\n    ========================================================= *\/\r\n\r\n    #cw-hero-spectrum,\r\n    #cw-hero-spectrum *,\r\n    #cw-hero-spectrum *::before,\r\n    #cw-hero-spectrum *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       SECTION\r\n    ========================================================= *\/\r\n\r\n    #cw-hero-spectrum {\r\n      --cw-white: #f8fbff;\r\n      --cw-text: #c6d0df;\r\n      --cw-muted: #8797ad;\r\n\r\n      --cw-blue: #2c72ff;\r\n      --cw-blue-rgb: 44, 114, 255;\r\n\r\n      --cw-cyan: #19c5dc;\r\n      --cw-cyan-rgb: 25, 197, 220;\r\n\r\n      --cw-violet: #8565ff;\r\n      --cw-violet-rgb: 133, 101, 255;\r\n\r\n      --cw-pink: #ed5cad;\r\n      --cw-pink-rgb: 237, 92, 173;\r\n\r\n      --cw-green: #24c888;\r\n      --cw-green-rgb: 36, 200, 136;\r\n\r\n      --cw-gold: #f0ad3d;\r\n      --cw-gold-rgb: 240, 173, 61;\r\n\r\n      --cw-container: 1360px;\r\n\r\n      position: relative;\r\n      isolation: isolate;\r\n\r\n      width: 100%;\r\n      min-height: 760px;\r\n\r\n      overflow: hidden;\r\n\r\n      padding:\r\n        clamp(78px, 8vw, 120px)\r\n        0\r\n        clamp(70px, 7vw, 100px);\r\n\r\n      color: var(--cw-white);\r\n\r\n      font-family:\r\n        Inter,\r\n        ui-sans-serif,\r\n        system-ui,\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        sans-serif;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 7% 13%,\r\n          rgba(44, 114, 255, .23),\r\n          transparent 29%\r\n        ),\r\n        radial-gradient(\r\n          circle at 95% 8%,\r\n          rgba(133, 101, 255, .15),\r\n          transparent 26%\r\n        ),\r\n        radial-gradient(\r\n          circle at 88% 86%,\r\n          rgba(25, 197, 220, .09),\r\n          transparent 29%\r\n        ),\r\n        linear-gradient(\r\n          135deg,\r\n          #02050c 0%,\r\n          #060d1b 42%,\r\n          #071327 70%,\r\n          #02060e 100%\r\n        );\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum a {\r\n      color: inherit;\r\n      text-decoration: none;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       GRID BACKGROUND\r\n    ========================================================= *\/\r\n\r\n    #cw-hero-spectrum::before {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n      inset: 0;\r\n\r\n      z-index: -6;\r\n\r\n      pointer-events: none;\r\n\r\n      opacity: .34;\r\n\r\n      background-image:\r\n        linear-gradient(\r\n          rgba(255,255,255,.028) 1px,\r\n          transparent 1px\r\n        ),\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(255,255,255,.028) 1px,\r\n          transparent 1px\r\n        );\r\n\r\n      background-size: 58px 58px;\r\n\r\n      -webkit-mask-image:\r\n        linear-gradient(\r\n          to bottom,\r\n          #000 0%,\r\n          rgba(0,0,0,.8) 70%,\r\n          transparent 100%\r\n        );\r\n\r\n      mask-image:\r\n        linear-gradient(\r\n          to bottom,\r\n          #000 0%,\r\n          rgba(0,0,0,.8) 70%,\r\n          transparent 100%\r\n        );\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       STATIC AMBIENT SPOTLIGHT\r\n       Kein Maus-Tracking\r\n    ========================================================= *\/\r\n\r\n    #cw-hero-spectrum::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n      inset: 0;\r\n\r\n      z-index: -2;\r\n\r\n      pointer-events: none;\r\n\r\n      background:\r\n        radial-gradient(\r\n          680px circle\r\n          at 74% 27%,\r\n          rgba(67, 133, 255, .13),\r\n          rgba(104, 72, 255, .045) 36%,\r\n          transparent 68%\r\n        );\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       AURORA\r\n    ========================================================= *\/\r\n\r\n    #cw-hero-spectrum .cw-aurora {\r\n      position: absolute;\r\n      inset: 0;\r\n\r\n      z-index: -5;\r\n\r\n      overflow: hidden;\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum .cw-orb {\r\n      position: absolute;\r\n\r\n      border-radius: 50%;\r\n\r\n      filter: blur(42px);\r\n\r\n      opacity: .72;\r\n\r\n      will-change: transform;\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum .cw-orb-blue {\r\n      top: -180px;\r\n      left: -220px;\r\n\r\n      width: 500px;\r\n      height: 500px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle,\r\n          rgba(39, 104, 255, .30),\r\n          transparent 70%\r\n        );\r\n\r\n      animation:\r\n        cwHeroBlueOrb\r\n        14s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum .cw-orb-violet {\r\n      top: 4%;\r\n      right: -250px;\r\n\r\n      width: 520px;\r\n      height: 520px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle,\r\n          rgba(127, 81, 255, .22),\r\n          transparent 70%\r\n        );\r\n\r\n      animation:\r\n        cwHeroVioletOrb\r\n        16s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum .cw-orb-pink {\r\n      right: 18%;\r\n      bottom: -340px;\r\n\r\n      width: 460px;\r\n      height: 460px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle,\r\n          rgba(231, 75, 169, .13),\r\n          transparent 70%\r\n        );\r\n\r\n      animation:\r\n        cwHeroPinkOrb\r\n        17s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum .cw-orb-cyan {\r\n      left: 34%;\r\n      bottom: -320px;\r\n\r\n      width: 430px;\r\n      height: 430px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle,\r\n          rgba(27, 205, 220, .12),\r\n          transparent 70%\r\n        );\r\n\r\n      animation:\r\n        cwHeroCyanOrb\r\n        15s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       TOP LIGHT\r\n    ========================================================= *\/\r\n\r\n    #cw-hero-spectrum .cw-top-light {\r\n      position: absolute;\r\n\r\n      top: 0;\r\n      left: 50%;\r\n\r\n      width: min(1200px, 86%);\r\n      height: 1px;\r\n\r\n      transform: translateX(-50%);\r\n\r\n      pointer-events: none;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          transparent,\r\n          rgba(58,124,255,.65),\r\n          rgba(23,203,221,.42),\r\n          rgba(136,100,255,.42),\r\n          transparent\r\n        );\r\n\r\n      box-shadow:\r\n        0 0 24px\r\n        rgba(65,131,255,.17);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       SHELL\r\n    ========================================================= *\/\r\n\r\n    #cw-hero-spectrum .cw-shell {\r\n      position: relative;\r\n\r\n      z-index: 4;\r\n\r\n      width:\r\n        min(\r\n          var(--cw-container),\r\n          calc(100% - 64px)\r\n        );\r\n\r\n      margin: 0 auto;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       MAIN GRID\r\n    ========================================================= *\/\r\n\r\n    #cw-hero-spectrum .cw-grid {\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        minmax(0, .93fr)\r\n        minmax(0, 1.07fr);\r\n\r\n      align-items: center;\r\n\r\n      gap:\r\n        clamp(46px, 5vw, 82px);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       COPY\r\n    ========================================================= *\/\r\n\r\n    #cw-hero-spectrum .cw-copy {\r\n      position: relative;\r\n\r\n      z-index: 6;\r\n\r\n      max-width: 650px;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       PILL\r\n    ========================================================= *\/\r\n\r\n    #cw-hero-spectrum .cw-pill {\r\n      position: relative;\r\n\r\n      display: inline-flex;\r\n\r\n      align-items: center;\r\n\r\n      gap: 10px;\r\n\r\n      min-height: 38px;\r\n\r\n      padding: 0 15px;\r\n\r\n      overflow: hidden;\r\n\r\n      border:\r\n        1px solid\r\n        rgba(255,255,255,.11);\r\n\r\n      border-radius: 999px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(255,255,255,.075),\r\n          rgba(255,255,255,.03)\r\n        );\r\n\r\n      color:\r\n        rgba(255,255,255,.89);\r\n\r\n      font-size: 11px;\r\n\r\n      font-weight: 720;\r\n\r\n      line-height: 1.2;\r\n\r\n      letter-spacing: .02em;\r\n\r\n      box-shadow:\r\n        0 12px 28px\r\n        rgba(0,0,0,.15),\r\n\r\n        inset 0 1px\r\n        rgba(255,255,255,.065);\r\n\r\n      backdrop-filter: blur(16px);\r\n      -webkit-backdrop-filter: blur(16px);\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum .cw-pill::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      top: -130%;\r\n      left: -25%;\r\n\r\n      width: 24%;\r\n      height: 360%;\r\n\r\n      pointer-events: none;\r\n\r\n      background:\r\n        linear-gradient(\r\n          105deg,\r\n          transparent,\r\n          rgba(255,255,255,.10),\r\n          transparent\r\n        );\r\n\r\n      transform: rotate(10deg);\r\n\r\n      animation:\r\n        cwHeroPillShine\r\n        7s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum .cw-pill-dot {\r\n      position: relative;\r\n\r\n      width: 7px;\r\n      height: 7px;\r\n\r\n      flex: 0 0 auto;\r\n\r\n      border-radius: 50%;\r\n\r\n      background: #2ed391;\r\n\r\n      box-shadow:\r\n        0 0 0 5px\r\n        rgba(46,211,145,.11),\r\n\r\n        0 0 17px\r\n        rgba(46,211,145,.46);\r\n\r\n      animation:\r\n        cwHeroStatusPulse\r\n        2.8s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       EYEBROW\r\n    ========================================================= *\/\r\n\r\n    #cw-hero-spectrum .cw-eyebrow {\r\n      display: flex;\r\n\r\n      align-items: center;\r\n\r\n      gap: 12px;\r\n\r\n      margin: 27px 0 0;\r\n\r\n      color: #79a9ff;\r\n\r\n      font-size:\r\n        clamp(12px, 1vw, 14px);\r\n\r\n      font-weight: 840;\r\n\r\n      line-height: 1;\r\n\r\n      letter-spacing: .22em;\r\n\r\n      text-transform: uppercase;\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum .cw-eyebrow::before {\r\n      content: \"\";\r\n\r\n      width: 34px;\r\n      height: 2px;\r\n\r\n      flex: 0 0 auto;\r\n\r\n      border-radius: 999px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          var(--cw-blue),\r\n          var(--cw-cyan)\r\n        );\r\n\r\n      box-shadow:\r\n        0 0 14px\r\n        rgba(56,147,255,.43);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       TITLE\r\n    ========================================================= *\/\r\n\r\n    #cw-hero-spectrum .cw-title {\r\n      max-width: 730px;\r\n\r\n      margin: 18px 0 0;\r\n\r\n      color: var(--cw-white);\r\n\r\n      font-size:\r\n        clamp(\r\n          44px,\r\n          5.25vw,\r\n          74px\r\n        );\r\n\r\n      font-weight: 860;\r\n\r\n      line-height: 1.025;\r\n\r\n      letter-spacing: -.055em;\r\n\r\n      text-wrap: balance;\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum\r\n    .cw-title-gradient {\r\n      color: transparent;\r\n\r\n      background:\r\n        linear-gradient(\r\n          100deg,\r\n          #6fa4ff 0%,\r\n          #2dd4dd 28%,\r\n          #8b6cff 54%,\r\n          #ef65b7 77%,\r\n          #6fa4ff 100%\r\n        );\r\n\r\n      background-size: 250% 100%;\r\n\r\n      background-clip: text;\r\n      -webkit-background-clip: text;\r\n\r\n      animation:\r\n        cwHeroTitleGradient\r\n        9s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       TITLE LIGHT\r\n    ========================================================= *\/\r\n\r\n    #cw-hero-spectrum .cw-title-line {\r\n      position: relative;\r\n\r\n      width: 178px;\r\n      height: 3px;\r\n\r\n      margin: 27px 0 29px;\r\n\r\n      border-radius: 999px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          #3177ff,\r\n          #1bcbd8,\r\n          #8e65ff,\r\n          transparent\r\n        );\r\n\r\n      box-shadow:\r\n        0 0 20px\r\n        rgba(45,117,255,.41);\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum\r\n    .cw-title-line::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      top: 50%;\r\n      left: 0;\r\n\r\n      width: 50px;\r\n      height: 9px;\r\n\r\n      border-radius: 50%;\r\n\r\n      transform:\r\n        translateY(-50%);\r\n\r\n      background:\r\n        rgba(75,164,255,.75);\r\n\r\n      filter: blur(7px);\r\n\r\n      animation:\r\n        cwHeroLineTravel\r\n        3.3s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       COPY TEXT\r\n    ========================================================= *\/\r\n\r\n    #cw-hero-spectrum .cw-text {\r\n      max-width: 600px;\r\n\r\n      margin: 0;\r\n\r\n      color: var(--cw-text);\r\n\r\n      font-size:\r\n        clamp(\r\n          16px,\r\n          1.35vw,\r\n          19px\r\n        );\r\n\r\n      line-height: 1.72;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       BUTTONS\r\n    ========================================================= *\/\r\n\r\n    #cw-hero-spectrum .cw-actions {\r\n      display: flex;\r\n\r\n      flex-wrap: wrap;\r\n\r\n      gap: 14px;\r\n\r\n      margin-top: 31px;\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum .cw-btn {\r\n      position: relative;\r\n\r\n      display: inline-flex;\r\n\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      min-height: 58px;\r\n\r\n      padding: 0 24px;\r\n\r\n      overflow: hidden;\r\n\r\n      border-radius: 14px;\r\n\r\n      font-size: 14px;\r\n\r\n      font-weight: 800;\r\n\r\n      line-height: 1;\r\n\r\n      white-space: nowrap;\r\n\r\n      transition:\r\n        transform .28s ease,\r\n        box-shadow .28s ease,\r\n        border-color .28s ease,\r\n        background .28s ease;\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum .cw-btn-primary {\r\n      border:\r\n        1px solid\r\n        rgba(126,205,255,.68);\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 23% 0%,\r\n          rgba(108,220,255,.30),\r\n          transparent 38%\r\n        ),\r\n        linear-gradient(\r\n          100deg,\r\n          #1657ed 0%,\r\n          #247dff 46%,\r\n          #25ace3 100%\r\n        );\r\n\r\n      color: #fff !important;\r\n\r\n      box-shadow:\r\n        0 18px 40px\r\n        rgba(27,101,255,.34),\r\n\r\n        0 0 29px\r\n        rgba(51,157,255,.18),\r\n\r\n        inset 0 1px\r\n        rgba(255,255,255,.28);\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum\r\n    .cw-btn-primary::before {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      inset: -2px;\r\n\r\n      pointer-events: none;\r\n\r\n      opacity: 0;\r\n\r\n      background:\r\n        linear-gradient(\r\n          115deg,\r\n          transparent 28%,\r\n          rgba(255,255,255,.48) 48%,\r\n          transparent 68%\r\n        );\r\n\r\n      transform:\r\n        translateX(-80%);\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum .cw-btn span {\r\n      position: relative;\r\n\r\n      z-index: 2;\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum .cw-btn-secondary {\r\n      border:\r\n        1px solid\r\n        rgba(134,158,214,.24);\r\n\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(13,24,44,.88),\r\n          rgba(6,12,24,.78)\r\n        );\r\n\r\n      color: #ecf3ff !important;\r\n\r\n      box-shadow:\r\n        0 13px 28px\r\n        rgba(0,0,0,.17),\r\n\r\n        inset 0 1px\r\n        rgba(255,255,255,.035);\r\n\r\n      backdrop-filter: blur(13px);\r\n      -webkit-backdrop-filter: blur(13px);\r\n    }\r\n\r\n\r\n    @media (hover:hover) and (pointer:fine) {\r\n\r\n      #cw-hero-spectrum\r\n      .cw-btn-primary:hover {\r\n        transform:\r\n          translateY(-4px)\r\n          scale(1.015);\r\n\r\n        box-shadow:\r\n          0 25px 50px\r\n          rgba(28,104,255,.44),\r\n\r\n          0 0 40px\r\n          rgba(42,168,255,.25),\r\n\r\n          inset 0 1px\r\n          rgba(255,255,255,.34);\r\n      }\r\n\r\n\r\n      #cw-hero-spectrum\r\n      .cw-btn-primary:hover::before {\r\n        opacity: 1;\r\n\r\n        animation:\r\n          cwHeroButtonShine\r\n          1s ease forwards;\r\n      }\r\n\r\n\r\n      #cw-hero-spectrum\r\n      .cw-btn-secondary:hover {\r\n        transform:\r\n          translateY(-4px);\r\n\r\n        border-color:\r\n          rgba(85,154,255,.55);\r\n\r\n        background:\r\n          linear-gradient(\r\n            145deg,\r\n            rgba(20,40,76,.94),\r\n            rgba(8,17,33,.92)\r\n          );\r\n\r\n        box-shadow:\r\n          0 20px 36px\r\n          rgba(0,0,0,.25),\r\n\r\n          0 0 28px\r\n          rgba(48,114,255,.10);\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       PROOF GRID\r\n    ========================================================= *\/\r\n\r\n    #cw-hero-spectrum .cw-proof-grid {\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        repeat(3, minmax(0,1fr));\r\n\r\n      gap: 13px;\r\n\r\n      margin-top: 35px;\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum .cw-proof-card {\r\n      --cw-proof: var(--cw-blue);\r\n      --cw-proof-2: var(--cw-cyan);\r\n      --cw-proof-rgb: var(--cw-blue-rgb);\r\n\r\n      position: relative;\r\n\r\n      min-width: 0;\r\n\r\n      min-height: 160px;\r\n\r\n      padding: 18px 17px;\r\n\r\n      overflow: hidden;\r\n\r\n      border:\r\n        1px solid transparent;\r\n\r\n      border-radius: 18px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 100% 0%,\r\n          rgba(var(--cw-proof-rgb),.14),\r\n          transparent 48%\r\n        )\r\n        padding-box,\r\n\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(15,28,49,.90),\r\n          rgba(6,14,27,.91)\r\n        )\r\n        padding-box,\r\n\r\n        linear-gradient(\r\n          120deg,\r\n          rgba(var(--cw-proof-rgb),.45),\r\n          rgba(255,255,255,.07),\r\n          rgba(var(--cw-proof-rgb),.12)\r\n        )\r\n        border-box;\r\n\r\n      box-shadow:\r\n        0 15px 34px\r\n        rgba(0,0,0,.16),\r\n\r\n        inset 0 1px\r\n        rgba(255,255,255,.045);\r\n\r\n      backdrop-filter: blur(15px);\r\n      -webkit-backdrop-filter: blur(15px);\r\n\r\n      transition:\r\n        transform .28s ease,\r\n        box-shadow .28s ease;\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum\r\n    .cw-proof-card:nth-child(1) {\r\n      --cw-proof: #347bff;\r\n      --cw-proof-2: #1ac9df;\r\n      --cw-proof-rgb: 52,123,255;\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum\r\n    .cw-proof-card:nth-child(2) {\r\n      --cw-proof: #8a68ff;\r\n      --cw-proof-2: #e75cad;\r\n      --cw-proof-rgb: 138,104,255;\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum\r\n    .cw-proof-card:nth-child(3) {\r\n      --cw-proof: #22bd84;\r\n      --cw-proof-2: #eeb03f;\r\n      --cw-proof-rgb: 34,189,132;\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum\r\n    .cw-proof-card::before {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      top: 0;\r\n      left: 17px;\r\n\r\n      width: 35px;\r\n      height: 2px;\r\n\r\n      border-radius:\r\n        0 0 999px 999px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          var(--cw-proof),\r\n          var(--cw-proof-2)\r\n        );\r\n\r\n      box-shadow:\r\n        0 0 14px\r\n        rgba(var(--cw-proof-rgb),.36);\r\n\r\n      transition:\r\n        width .3s ease;\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum\r\n    .cw-proof-card::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      top: -80%;\r\n      left: -70%;\r\n\r\n      width: 38%;\r\n      height: 250%;\r\n\r\n      pointer-events: none;\r\n\r\n      opacity: 0;\r\n\r\n      background:\r\n        linear-gradient(\r\n          105deg,\r\n          transparent,\r\n          rgba(255,255,255,.08),\r\n          transparent\r\n        );\r\n\r\n      transform: rotate(9deg);\r\n\r\n      transition:\r\n        left .7s ease,\r\n        opacity .2s ease;\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum .cw-proof-index {\r\n      display: block;\r\n\r\n      margin-bottom: 13px;\r\n\r\n      color: var(--cw-proof-2);\r\n\r\n      font-size: 10px;\r\n\r\n      font-weight: 830;\r\n\r\n      line-height: 1;\r\n\r\n      letter-spacing: .11em;\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum .cw-proof-card strong {\r\n      display: block;\r\n\r\n      margin-bottom: 8px;\r\n\r\n      color: #fff;\r\n\r\n      font-size: 17px;\r\n\r\n      font-weight: 780;\r\n\r\n      line-height: 1.2;\r\n\r\n      letter-spacing: -.025em;\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum .cw-proof-card p {\r\n      margin: 0;\r\n\r\n      color:\r\n        rgba(255,255,255,.65);\r\n\r\n      font-size: 12px;\r\n\r\n      line-height: 1.55;\r\n    }\r\n\r\n\r\n    @media (hover:hover) and (pointer:fine) {\r\n\r\n      #cw-hero-spectrum\r\n      .cw-proof-card:hover {\r\n        transform:\r\n          translateY(-6px);\r\n\r\n        box-shadow:\r\n          0 23px 46px\r\n          rgba(0,0,0,.23),\r\n\r\n          0 0 26px\r\n          rgba(var(--cw-proof-rgb),.08),\r\n\r\n          inset 0 1px\r\n          rgba(255,255,255,.055);\r\n      }\r\n\r\n\r\n      #cw-hero-spectrum\r\n      .cw-proof-card:hover::before {\r\n        width: 78px;\r\n      }\r\n\r\n\r\n      #cw-hero-spectrum\r\n      .cw-proof-card:hover::after {\r\n        left: 135%;\r\n\r\n        opacity: 1;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       VISUAL\r\n    ========================================================= *\/\r\n\r\n    #cw-hero-spectrum .cw-visual {\r\n      position: relative;\r\n\r\n      z-index: 4;\r\n\r\n      display: flex;\r\n\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      min-width: 0;\r\n\r\n      padding:\r\n        18px 0\r\n        18px 20px;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       BACKLIGHT\r\n    ========================================================= *\/\r\n\r\n    #cw-hero-spectrum\r\n    .cw-visual::before {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      width: 82%;\r\n\r\n      aspect-ratio: 1;\r\n\r\n      border-radius: 50%;\r\n\r\n      pointer-events: none;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle,\r\n          rgba(55,116,255,.24),\r\n          rgba(120,84,255,.08) 36%,\r\n          transparent 67%\r\n        );\r\n\r\n      filter: blur(13px);\r\n\r\n      animation:\r\n        cwHeroVisualGlow\r\n        6s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       ORBIT\r\n    ========================================================= *\/\r\n\r\n    #cw-hero-spectrum\r\n    .cw-visual-orbit {\r\n      position: absolute;\r\n\r\n      width: 77%;\r\n\r\n      aspect-ratio: 1;\r\n\r\n      border:\r\n        1px solid\r\n        rgba(98,145,255,.12);\r\n\r\n      border-radius: 50%;\r\n\r\n      pointer-events: none;\r\n\r\n      animation:\r\n        cwHeroOrbitSpin\r\n        28s linear infinite;\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum\r\n    .cw-visual-orbit::before,\r\n    #cw-hero-spectrum\r\n    .cw-visual-orbit::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      border-radius: 50%;\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum\r\n    .cw-visual-orbit::before {\r\n      inset: 10%;\r\n\r\n      border:\r\n        1px dashed\r\n        rgba(40,199,219,.10);\r\n\r\n      animation:\r\n        cwHeroOrbitReverse\r\n        22s linear infinite;\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum\r\n    .cw-visual-orbit::after {\r\n      top: 8%;\r\n      left: 50%;\r\n\r\n      width: 9px;\r\n      height: 9px;\r\n\r\n      background: #4f9cff;\r\n\r\n      box-shadow:\r\n        0 0 0 5px\r\n        rgba(79,156,255,.10),\r\n\r\n        0 0 22px\r\n        rgba(79,156,255,.55);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       DOT FIELD\r\n    ========================================================= *\/\r\n\r\n    #cw-hero-spectrum .cw-dots {\r\n      position: absolute;\r\n\r\n      left: -10px;\r\n      top: 17%;\r\n\r\n      width: 180px;\r\n      height: 230px;\r\n\r\n      opacity: .55;\r\n\r\n      pointer-events: none;\r\n\r\n      background-image:\r\n        radial-gradient(\r\n          circle,\r\n          rgba(64,132,255,.85) 1.3px,\r\n          transparent 1.7px\r\n        );\r\n\r\n      background-size:\r\n        20px 20px;\r\n\r\n      -webkit-mask-image:\r\n        linear-gradient(\r\n          90deg,\r\n          #000,\r\n          transparent\r\n        );\r\n\r\n      mask-image:\r\n        linear-gradient(\r\n          90deg,\r\n          #000,\r\n          transparent\r\n        );\r\n\r\n      animation:\r\n        cwHeroDotsFloat\r\n        5s ease-in-out infinite alternate;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       VISUAL STAGE\r\n       Bewusst statisch zur Maus\r\n    ========================================================= *\/\r\n\r\n    #cw-hero-spectrum .cw-visual-stage {\r\n      position: relative;\r\n\r\n      z-index: 3;\r\n\r\n      width:\r\n        min(100%, 710px);\r\n\r\n      padding: 28px;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       FRAME\r\n    ========================================================= *\/\r\n\r\n    #cw-hero-spectrum .cw-frame {\r\n      position: relative;\r\n\r\n      width:\r\n        min(100%, 570px);\r\n\r\n      margin-left: auto;\r\n\r\n      padding:\r\n        18px 18px 0;\r\n\r\n      overflow: hidden;\r\n\r\n      border:\r\n        1px solid transparent;\r\n\r\n      border-bottom: 0;\r\n\r\n      border-radius:\r\n        31px 31px 0 0;\r\n\r\n      background:\r\n        radial-gradient(\r\n          520px circle\r\n          at 85% 10%,\r\n          rgba(78,143,255,.25),\r\n          transparent 57%\r\n        )\r\n        padding-box,\r\n\r\n        linear-gradient(\r\n          155deg,\r\n          rgba(19,33,59,.95),\r\n          rgba(6,14,28,.94)\r\n        )\r\n        padding-box,\r\n\r\n        linear-gradient(\r\n          120deg,\r\n          rgba(69,139,255,.75),\r\n          rgba(34,205,218,.35),\r\n          rgba(139,101,255,.45),\r\n          rgba(255,255,255,.10)\r\n        )\r\n        border-box;\r\n\r\n      box-shadow:\r\n        0 38px 88px\r\n        rgba(0,0,0,.34),\r\n\r\n        0 0 60px\r\n        rgba(39,108,255,.13),\r\n\r\n        inset 0 1px\r\n        rgba(255,255,255,.075);\r\n\r\n      backdrop-filter: blur(19px);\r\n      -webkit-backdrop-filter: blur(19px);\r\n\r\n      animation:\r\n        cwHeroFrameFloat\r\n        7s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum\r\n    .cw-frame::before {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      inset: 0;\r\n\r\n      z-index: 2;\r\n\r\n      pointer-events: none;\r\n\r\n      background:\r\n        linear-gradient(\r\n          115deg,\r\n          rgba(255,255,255,.11),\r\n          transparent 16% 68%,\r\n          rgba(81,155,255,.08)\r\n        );\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum\r\n    .cw-frame::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      top: 0;\r\n      left: 28px;\r\n\r\n      z-index: 5;\r\n\r\n      width: 85px;\r\n      height: 3px;\r\n\r\n      border-radius:\r\n        0 0 999px 999px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          #317aff,\r\n          #1bcbd9,\r\n          #906cff\r\n        );\r\n\r\n      box-shadow:\r\n        0 0 22px\r\n        rgba(56,131,255,.48);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       FRAME HEADER\r\n    ========================================================= *\/\r\n\r\n    #cw-hero-spectrum .cw-frame-head {\r\n      position: relative;\r\n\r\n      z-index: 5;\r\n\r\n      display: flex;\r\n\r\n      align-items: center;\r\n      justify-content: space-between;\r\n\r\n      gap: 14px;\r\n\r\n      margin-bottom: 8px;\r\n\r\n      padding: 0 3px;\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum .cw-visual-label {\r\n      display: inline-flex;\r\n\r\n      align-items: center;\r\n\r\n      gap: 8px;\r\n\r\n      color:\r\n        rgba(255,255,255,.89);\r\n\r\n      font-size: 11px;\r\n\r\n      font-weight: 760;\r\n\r\n      line-height: 1;\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum\r\n    .cw-visual-label::before {\r\n      content: \"\";\r\n\r\n      width: 7px;\r\n      height: 7px;\r\n\r\n      flex: 0 0 auto;\r\n\r\n      border-radius: 50%;\r\n\r\n      background: #29d590;\r\n\r\n      box-shadow:\r\n        0 0 0 4px\r\n        rgba(41,213,144,.10),\r\n\r\n        0 0 15px\r\n        rgba(41,213,144,.40);\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum .cw-visual-type {\r\n      color:\r\n        rgba(255,255,255,.40);\r\n\r\n      font-size: 10px;\r\n\r\n      font-weight: 650;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       IMAGE\r\n    ========================================================= *\/\r\n\r\n    #cw-hero-spectrum .cw-graphic {\r\n      position: relative;\r\n\r\n      z-index: 1;\r\n\r\n      display: block;\r\n\r\n      width: 100%;\r\n      height: auto;\r\n\r\n      margin:\r\n        0 auto -4px;\r\n\r\n      filter:\r\n        drop-shadow(\r\n          0 25px 50px\r\n          rgba(0,0,0,.34)\r\n        );\r\n\r\n      transition:\r\n        transform .4s ease,\r\n        filter .4s ease;\r\n    }\r\n\r\n\r\n    \/*\r\n      Kein Maus-Tilt.\r\n      Lediglich ein minimaler normaler Hover-Zoom.\r\n    *\/\r\n\r\n    @media (hover:hover) and (pointer:fine) {\r\n\r\n      #cw-hero-spectrum\r\n      .cw-frame:hover\r\n      .cw-graphic {\r\n        transform:\r\n          scale(1.012);\r\n\r\n        filter:\r\n          drop-shadow(\r\n            0 30px 60px\r\n            rgba(0,0,0,.38)\r\n          );\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       FLOATING CARDS\r\n    ========================================================= *\/\r\n\r\n    #cw-hero-spectrum .cw-floating-stack {\r\n      position: absolute;\r\n\r\n      z-index: 8;\r\n\r\n      top: 49%;\r\n      right: 0;\r\n\r\n      width:\r\n        clamp(\r\n          190px,\r\n          18vw,\r\n          225px\r\n        );\r\n\r\n      display: flex;\r\n\r\n      flex-direction: column;\r\n\r\n      gap: 12px;\r\n\r\n      transform:\r\n        translate(\r\n          15px,\r\n          -50%\r\n        );\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum .cw-floating-card {\r\n      --cw-float: var(--cw-blue);\r\n      --cw-float-2: var(--cw-cyan);\r\n      --cw-float-rgb: var(--cw-blue-rgb);\r\n\r\n      position: relative;\r\n\r\n      width: 100%;\r\n\r\n      padding: 14px 16px;\r\n\r\n      overflow: hidden;\r\n\r\n      border:\r\n        1px solid transparent;\r\n\r\n      border-radius: 15px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 100% 0%,\r\n          rgba(var(--cw-float-rgb),.16),\r\n          transparent 46%\r\n        )\r\n        padding-box,\r\n\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(11,22,41,.96),\r\n          rgba(4,10,20,.94)\r\n        )\r\n        padding-box,\r\n\r\n        linear-gradient(\r\n          115deg,\r\n          rgba(var(--cw-float-rgb),.55),\r\n          rgba(255,255,255,.07),\r\n          rgba(var(--cw-float-rgb),.15)\r\n        )\r\n        border-box;\r\n\r\n      box-shadow:\r\n        0 19px 44px\r\n        rgba(0,0,0,.26),\r\n\r\n        0 0 25px\r\n        rgba(var(--cw-float-rgb),.055),\r\n\r\n        inset 0 1px\r\n        rgba(255,255,255,.055);\r\n\r\n      backdrop-filter: blur(17px);\r\n      -webkit-backdrop-filter: blur(17px);\r\n\r\n      transition:\r\n        transform .28s ease,\r\n        box-shadow .28s ease;\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum\r\n    .cw-floating-card:nth-child(1) {\r\n      --cw-float: #347eff;\r\n      --cw-float-2: #28d0df;\r\n      --cw-float-rgb: 52,126,255;\r\n\r\n      animation:\r\n        cwHeroFloatCard1\r\n        5.6s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum\r\n    .cw-floating-card:nth-child(2) {\r\n      --cw-float: #8969ff;\r\n      --cw-float-2: #eb60af;\r\n      --cw-float-rgb: 137,105,255;\r\n\r\n      animation:\r\n        cwHeroFloatCard2\r\n        6.1s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum\r\n    .cw-floating-card:nth-child(3) {\r\n      --cw-float: #21bd83;\r\n      --cw-float-2: #efb043;\r\n      --cw-float-rgb: 33,189,131;\r\n\r\n      animation:\r\n        cwHeroFloatCard3\r\n        5.8s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum\r\n    .cw-floating-card::before {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      top: 0;\r\n      left: 16px;\r\n\r\n      width: 36px;\r\n      height: 2px;\r\n\r\n      border-radius:\r\n        0 0 999px 999px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          var(--cw-float),\r\n          var(--cw-float-2)\r\n        );\r\n\r\n      box-shadow:\r\n        0 0 14px\r\n        rgba(var(--cw-float-rgb),.37);\r\n\r\n      transition:\r\n        width .3s ease;\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum .cw-floating-card span {\r\n      display: block;\r\n\r\n      margin-bottom: 7px;\r\n\r\n      color: var(--cw-float-2);\r\n\r\n      font-size: 9px;\r\n\r\n      font-weight: 800;\r\n\r\n      line-height: 1.2;\r\n\r\n      letter-spacing: .12em;\r\n\r\n      text-transform: uppercase;\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum .cw-floating-card strong {\r\n      display: block;\r\n\r\n      color: #fff;\r\n\r\n      font-size: 13px;\r\n\r\n      font-weight: 760;\r\n\r\n      line-height: 1.42;\r\n    }\r\n\r\n\r\n    @media (hover:hover) and (pointer:fine) {\r\n\r\n      #cw-hero-spectrum\r\n      .cw-floating-card:hover {\r\n        animation-play-state: paused;\r\n\r\n        transform:\r\n          translateY(-5px)\r\n          scale(1.025);\r\n\r\n        box-shadow:\r\n          0 26px 54px\r\n          rgba(0,0,0,.32),\r\n\r\n          0 0 32px\r\n          rgba(var(--cw-float-rgb),.11);\r\n      }\r\n\r\n\r\n      #cw-hero-spectrum\r\n      .cw-floating-card:hover::before {\r\n        width: 76px;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       REVEAL\r\n    ========================================================= *\/\r\n\r\n    #cw-hero-spectrum .cw-reveal {\r\n      opacity: 1;\r\n\r\n      transform:\r\n        translateY(0);\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum.cw-js-ready\r\n    .cw-reveal {\r\n      opacity: 0;\r\n\r\n      transform:\r\n        translateY(28px);\r\n\r\n      transition:\r\n        opacity .78s ease,\r\n\r\n        transform .78s\r\n        cubic-bezier(.2,.75,.25,1);\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum.cw-js-ready\r\n    .cw-reveal.is-visible {\r\n      opacity: 1;\r\n\r\n      transform:\r\n        translateY(0);\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum\r\n    .cw-delay-1 {\r\n      transition-delay:\r\n        .08s !important;\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum\r\n    .cw-delay-2 {\r\n      transition-delay:\r\n        .16s !important;\r\n    }\r\n\r\n\r\n    #cw-hero-spectrum\r\n    .cw-delay-3 {\r\n      transition-delay:\r\n        .24s !important;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       KEYFRAMES\r\n    ========================================================= *\/\r\n\r\n    @keyframes cwHeroTitleGradient {\r\n\r\n      0%,\r\n      100% {\r\n        background-position:\r\n          0% 50%;\r\n      }\r\n\r\n      50% {\r\n        background-position:\r\n          100% 50%;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    @keyframes cwHeroStatusPulse {\r\n\r\n      0%,\r\n      100% {\r\n        transform: scale(1);\r\n      }\r\n\r\n      50% {\r\n        transform: scale(1.22);\r\n      }\r\n\r\n    }\r\n\r\n\r\n    @keyframes cwHeroPillShine {\r\n\r\n      0%,\r\n      70% {\r\n        transform:\r\n          translateX(-150%)\r\n          rotate(10deg);\r\n      }\r\n\r\n      86%,\r\n      100% {\r\n        transform:\r\n          translateX(610%)\r\n          rotate(10deg);\r\n      }\r\n\r\n    }\r\n\r\n\r\n    @keyframes cwHeroLineTravel {\r\n\r\n      0%,\r\n      100% {\r\n        left: 0;\r\n\r\n        opacity: .40;\r\n      }\r\n\r\n      50% {\r\n        left: 70%;\r\n\r\n        opacity: 1;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    @keyframes cwHeroButtonShine {\r\n\r\n      from {\r\n        transform:\r\n          translateX(-80%);\r\n      }\r\n\r\n      to {\r\n        transform:\r\n          translateX(80%);\r\n      }\r\n\r\n    }\r\n\r\n\r\n    @keyframes cwHeroFrameFloat {\r\n\r\n      0%,\r\n      100% {\r\n        transform:\r\n          translateY(0);\r\n      }\r\n\r\n      50% {\r\n        transform:\r\n          translateY(-8px);\r\n      }\r\n\r\n    }\r\n\r\n\r\n    @keyframes cwHeroVisualGlow {\r\n\r\n      0%,\r\n      100% {\r\n        transform:\r\n          scale(.96);\r\n\r\n        opacity: .72;\r\n      }\r\n\r\n      50% {\r\n        transform:\r\n          scale(1.06);\r\n\r\n        opacity: 1;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    @keyframes cwHeroOrbitSpin {\r\n\r\n      to {\r\n        transform:\r\n          rotate(360deg);\r\n      }\r\n\r\n    }\r\n\r\n\r\n    @keyframes cwHeroOrbitReverse {\r\n\r\n      to {\r\n        transform:\r\n          rotate(-360deg);\r\n      }\r\n\r\n    }\r\n\r\n\r\n    @keyframes cwHeroDotsFloat {\r\n\r\n      from {\r\n        transform:\r\n          translateY(-8px);\r\n\r\n        opacity: .30;\r\n      }\r\n\r\n      to {\r\n        transform:\r\n          translateY(12px);\r\n\r\n        opacity: .68;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    @keyframes cwHeroFloatCard1 {\r\n\r\n      0%,\r\n      100% {\r\n        transform:\r\n          translateY(0);\r\n      }\r\n\r\n      50% {\r\n        transform:\r\n          translateY(-5px);\r\n      }\r\n\r\n    }\r\n\r\n\r\n    @keyframes cwHeroFloatCard2 {\r\n\r\n      0%,\r\n      100% {\r\n        transform:\r\n          translateY(0);\r\n      }\r\n\r\n      50% {\r\n        transform:\r\n          translateY(6px);\r\n      }\r\n\r\n    }\r\n\r\n\r\n    @keyframes cwHeroFloatCard3 {\r\n\r\n      0%,\r\n      100% {\r\n        transform:\r\n          translateY(0);\r\n      }\r\n\r\n      50% {\r\n        transform:\r\n          translateY(-4px);\r\n      }\r\n\r\n    }\r\n\r\n\r\n    @keyframes cwHeroBlueOrb {\r\n\r\n      0%,\r\n      100% {\r\n        transform:\r\n          translate3d(0,0,0)\r\n          scale(1);\r\n      }\r\n\r\n      50% {\r\n        transform:\r\n          translate3d(\r\n            90px,\r\n            40px,\r\n            0\r\n          )\r\n          scale(1.1);\r\n      }\r\n\r\n    }\r\n\r\n\r\n    @keyframes cwHeroVioletOrb {\r\n\r\n      0%,\r\n      100% {\r\n        transform:\r\n          translate3d(0,0,0)\r\n          scale(1);\r\n      }\r\n\r\n      50% {\r\n        transform:\r\n          translate3d(\r\n            -80px,\r\n            50px,\r\n            0\r\n          )\r\n          scale(1.09);\r\n      }\r\n\r\n    }\r\n\r\n\r\n    @keyframes cwHeroPinkOrb {\r\n\r\n      0%,\r\n      100% {\r\n        transform:\r\n          translate3d(0,0,0)\r\n          scale(1);\r\n      }\r\n\r\n      50% {\r\n        transform:\r\n          translate3d(\r\n            -50px,\r\n            -70px,\r\n            0\r\n          )\r\n          scale(1.12);\r\n      }\r\n\r\n    }\r\n\r\n\r\n    @keyframes cwHeroCyanOrb {\r\n\r\n      0%,\r\n      100% {\r\n        transform:\r\n          translate3d(0,0,0)\r\n          scale(1);\r\n      }\r\n\r\n      50% {\r\n        transform:\r\n          translate3d(\r\n            45px,\r\n            -65px,\r\n            0\r\n          )\r\n          scale(1.1);\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       TABLET\r\n    ========================================================= *\/\r\n\r\n    @media (max-width: 1250px) {\r\n\r\n      #cw-hero-spectrum .cw-shell {\r\n        width:\r\n          calc(100% - 56px);\r\n\r\n        max-width: 980px;\r\n      }\r\n\r\n\r\n      #cw-hero-spectrum .cw-grid {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 50px;\r\n      }\r\n\r\n\r\n      #cw-hero-spectrum .cw-copy {\r\n        max-width: 780px;\r\n      }\r\n\r\n\r\n      #cw-hero-spectrum .cw-visual {\r\n        justify-content: flex-start;\r\n\r\n        padding:\r\n          12px 0 0;\r\n      }\r\n\r\n\r\n      #cw-hero-spectrum\r\n      .cw-visual-stage {\r\n        width:\r\n          min(100%,760px);\r\n\r\n        padding:\r\n          20px 0 0;\r\n      }\r\n\r\n\r\n      #cw-hero-spectrum .cw-frame {\r\n        width:\r\n          min(100%,620px);\r\n\r\n        margin-left: 0;\r\n      }\r\n\r\n\r\n      #cw-hero-spectrum\r\n      .cw-floating-stack {\r\n        position: relative;\r\n\r\n        top: auto;\r\n        right: auto;\r\n\r\n        width: 100%;\r\n\r\n        margin-top: 14px;\r\n\r\n        transform: none;\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n          repeat(3,minmax(0,1fr));\r\n      }\r\n\r\n\r\n      #cw-hero-spectrum\r\n      .cw-floating-card {\r\n        min-height: 112px;\r\n      }\r\n\r\n\r\n      #cw-hero-spectrum\r\n      .cw-visual-orbit {\r\n        width: 70%;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       MOBILE\r\n    ========================================================= *\/\r\n\r\n    @media (max-width: 760px) {\r\n\r\n      #cw-hero-spectrum {\r\n        min-height: auto;\r\n\r\n        padding:\r\n          62px 0 68px;\r\n      }\r\n\r\n\r\n      #cw-hero-spectrum .cw-shell {\r\n        width:\r\n          calc(100% - 30px);\r\n      }\r\n\r\n\r\n      #cw-hero-spectrum .cw-pill {\r\n        min-height: 34px;\r\n\r\n        padding: 5px 11px;\r\n\r\n        font-size: 10px;\r\n      }\r\n\r\n\r\n      #cw-hero-spectrum .cw-eyebrow {\r\n        margin-top: 24px;\r\n\r\n        font-size: 11px;\r\n      }\r\n\r\n\r\n      #cw-hero-spectrum .cw-title {\r\n        font-size:\r\n          clamp(\r\n            37px,\r\n            11vw,\r\n            53px\r\n          );\r\n\r\n        line-height: 1.025;\r\n      }\r\n\r\n\r\n      #cw-hero-spectrum\r\n      .cw-title-line {\r\n        width: 136px;\r\n\r\n        margin:\r\n          23px 0 25px;\r\n      }\r\n\r\n\r\n      #cw-hero-spectrum .cw-text {\r\n        font-size: 15px;\r\n\r\n        line-height: 1.68;\r\n      }\r\n\r\n\r\n      #cw-hero-spectrum .cw-actions {\r\n        flex-direction: column;\r\n\r\n        align-items: stretch;\r\n      }\r\n\r\n\r\n      #cw-hero-spectrum .cw-btn {\r\n        width: 100%;\r\n      }\r\n\r\n\r\n      #cw-hero-spectrum\r\n      .cw-proof-grid {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 11px;\r\n\r\n        margin-top: 29px;\r\n      }\r\n\r\n\r\n      #cw-hero-spectrum\r\n      .cw-proof-card {\r\n        min-height: auto;\r\n      }\r\n\r\n\r\n      #cw-hero-spectrum .cw-visual {\r\n        padding: 0;\r\n      }\r\n\r\n\r\n      #cw-hero-spectrum\r\n      .cw-visual-stage {\r\n        padding-top: 16px;\r\n      }\r\n\r\n\r\n      #cw-hero-spectrum .cw-frame {\r\n        width: 100%;\r\n\r\n        padding:\r\n          14px 11px 0;\r\n\r\n        border-radius:\r\n          24px 24px 0 0;\r\n      }\r\n\r\n\r\n      #cw-hero-spectrum\r\n      .cw-frame-head {\r\n        gap: 8px;\r\n\r\n        margin-bottom: 5px;\r\n      }\r\n\r\n\r\n      #cw-hero-spectrum\r\n      .cw-visual-label {\r\n        font-size: 10px;\r\n      }\r\n\r\n\r\n      #cw-hero-spectrum\r\n      .cw-visual-type {\r\n        display: none;\r\n      }\r\n\r\n\r\n      #cw-hero-spectrum\r\n      .cw-floating-stack {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n\r\n      #cw-hero-spectrum\r\n      .cw-floating-card {\r\n        min-height: auto;\r\n\r\n        animation: none;\r\n      }\r\n\r\n\r\n      #cw-hero-spectrum\r\n      .cw-visual-orbit {\r\n        width: 85%;\r\n\r\n        opacity: .55;\r\n      }\r\n\r\n\r\n      #cw-hero-spectrum .cw-dots {\r\n        width: 110px;\r\n\r\n        height: 140px;\r\n\r\n        left: -10px;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       REDUCED MOTION\r\n    ========================================================= *\/\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n\r\n      #cw-hero-spectrum *,\r\n      #cw-hero-spectrum *::before,\r\n      #cw-hero-spectrum *::after {\r\n        animation:\r\n          none !important;\r\n\r\n        transition-duration:\r\n          .001ms !important;\r\n      }\r\n\r\n\r\n      #cw-hero-spectrum .cw-reveal {\r\n        opacity:\r\n          1 !important;\r\n\r\n        transform:\r\n          none !important;\r\n      }\r\n\r\n    }\r\n\r\n  <\/style>\r\n\r\n\r\n\r\n  <!-- ========================================================\r\n       BACKGROUND\r\n  ========================================================= -->\r\n\r\n  <div\r\n    class=\"cw-aurora\"\r\n    aria-hidden=\"true\"\r\n  >\r\n    <div class=\"cw-orb cw-orb-blue\"><\/div>\r\n    <div class=\"cw-orb cw-orb-violet\"><\/div>\r\n    <div class=\"cw-orb cw-orb-pink\"><\/div>\r\n    <div class=\"cw-orb cw-orb-cyan\"><\/div>\r\n  <\/div>\r\n\r\n\r\n  <div\r\n    class=\"cw-top-light\"\r\n    aria-hidden=\"true\"\r\n  ><\/div>\r\n\r\n\r\n\r\n  <div class=\"cw-shell\">\r\n\r\n    <div class=\"cw-grid\">\r\n\r\n\r\n      <!-- ====================================================\r\n           LEFT\r\n      ===================================================== -->\r\n\r\n      <div class=\"cw-copy\">\r\n\r\n\r\n        <div class=\"cw-reveal\">\r\n\r\n          <div\r\n            class=\"cw-pill\"\r\n            data-cw-edit\r\n          >\r\n            <span\r\n              class=\"cw-pill-dot\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n\r\n            Website, SEO und Betreuung als Wachstumssystem\r\n          <\/div>\r\n\r\n\r\n          <p class=\"cw-eyebrow\">\r\n            Content Wave\r\n          <\/p>\r\n\r\n\r\n          <h1\r\n            id=\"cw-hero-spectrum-title\"\r\n            class=\"cw-title\"\r\n            data-cw-edit\r\n          >\r\n            Ihre Website soll nicht nur gut aussehen.\r\n            Sie soll\r\n            <span class=\"cw-title-gradient\">\r\n              Kunden gewinnen.\r\n            <\/span>\r\n          <\/h1>\r\n\r\n\r\n          <div\r\n            class=\"cw-title-line\"\r\n            aria-hidden=\"true\"\r\n          ><\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <p\r\n          class=\"cw-text cw-reveal cw-delay-1\"\r\n          data-cw-edit\r\n        >\r\n          Viele Unternehmen verlieren jeden Monat Anfragen, obwohl ihr\r\n          Angebot gut ist. Nicht wegen der Leistung, sondern weil Website,\r\n          Inhalte, SEO, Vertrauen und Kontaktwege nicht sauber\r\n          zusammenspielen. Content Wave baut daraus ein digitales System,\r\n          das sichtbar macht, \u00fcberzeugt und planbar mehr Umsatz bringt.\r\n        <\/p>\r\n\r\n\r\n\r\n        <div\r\n          class=\"cw-actions cw-reveal cw-delay-2\"\r\n        >\r\n\r\n          <a\r\n            class=\"cw-btn cw-btn-primary\"\r\n            href=\"https:\/\/content-wave.de\/call\/\"\r\n            data-cw-edit\r\n          >\r\n            <span>\r\n              R\u00fcckruf vereinbaren\r\n            <\/span>\r\n          <\/a>\r\n\r\n\r\n          <a\r\n            class=\"cw-btn cw-btn-secondary\"\r\n            href=\"#module\"\r\n            data-cw-edit\r\n          >\r\n            <span>\r\n              System ansehen\r\n            <\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- ==================================================\r\n             PROOF\r\n        =================================================== -->\r\n\r\n        <div\r\n          class=\"cw-proof-grid cw-reveal cw-delay-3\"\r\n        >\r\n\r\n\r\n          <div class=\"cw-proof-card\">\r\n\r\n            <span class=\"cw-proof-index\">\r\n              01\r\n            <\/span>\r\n\r\n            <strong data-cw-edit>\r\n              Mehr Anfragen\r\n            <\/strong>\r\n\r\n            <p data-cw-edit>\r\n              Ihre Website f\u00fchrt schneller vom ersten Eindruck zur Kontaktaufnahme.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <div class=\"cw-proof-card\">\r\n\r\n            <span class=\"cw-proof-index\">\r\n              02\r\n            <\/span>\r\n\r\n            <strong data-cw-edit>\r\n              Mehr Vertrauen\r\n            <\/strong>\r\n\r\n            <p data-cw-edit>\r\n              Besucher erkennen schneller, warum Sie der passende Anbieter sind.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <div class=\"cw-proof-card\">\r\n\r\n            <span class=\"cw-proof-index\">\r\n              03\r\n            <\/span>\r\n\r\n            <strong data-cw-edit>\r\n              Mehr Umsatz\r\n            <\/strong>\r\n\r\n            <p data-cw-edit>\r\n              Sichtbarkeit, Inhalte und Betreuung arbeiten dauerhaft zusammen.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ====================================================\r\n           RIGHT VISUAL\r\n      ===================================================== -->\r\n\r\n      <div\r\n        class=\"cw-visual cw-reveal cw-delay-1\"\r\n        aria-label=\"Content Wave System f\u00fcr digitale Sichtbarkeit\"\r\n      >\r\n\r\n\r\n        <div\r\n          class=\"cw-visual-orbit\"\r\n          aria-hidden=\"true\"\r\n        ><\/div>\r\n\r\n\r\n        <div\r\n          class=\"cw-dots\"\r\n          aria-hidden=\"true\"\r\n        ><\/div>\r\n\r\n\r\n\r\n        <div class=\"cw-visual-stage\">\r\n\r\n\r\n          <!-- MAIN FRAME -->\r\n\r\n          <div class=\"cw-frame\">\r\n\r\n\r\n            <div class=\"cw-frame-head\">\r\n\r\n              <div\r\n                class=\"cw-visual-label\"\r\n                data-cw-edit\r\n              >\r\n                Content Wave System\r\n              <\/div>\r\n\r\n\r\n              <div\r\n                class=\"cw-visual-type\"\r\n                data-cw-edit\r\n              >\r\n                Webdesign \u00b7 SEO \u00b7 Betreuung\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <img decoding=\"async\"\r\n              class=\"cw-graphic\"\r\n              src=\"https:\/\/content-wave.de\/wp-content\/uploads\/2026\/02\/Content-Wave-WordPress-Webdesign-SEO-SEA-Agentur-Digitales-Marketing-1-e1770140563888.png\"\r\n              alt=\"Content Wave WordPress Webdesign SEO SEA und digitales Marketing\"\r\n              loading=\"eager\"\r\n              fetchpriority=\"high\"\r\n              data-cw-image\r\n            >\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- FLOATING CARDS -->\r\n\r\n          <div class=\"cw-floating-stack\">\r\n\r\n\r\n            <div class=\"cw-floating-card\">\r\n\r\n              <span data-cw-edit>\r\n                Ranking Fokus\r\n              <\/span>\r\n\r\n              <strong data-cw-edit>\r\n                Top Rankings in Google sichern\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"cw-floating-card\">\r\n\r\n              <span data-cw-edit>\r\n                Sichtbarkeit\r\n              <\/span>\r\n\r\n              <strong data-cw-edit>\r\n                Gefunden werden, wenn Kunden nach Ihnen suchen\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"cw-floating-card\">\r\n\r\n              <span data-cw-edit>\r\n                Wachstum\r\n              <\/span>\r\n\r\n              <strong data-cw-edit>\r\n                Dauerhaft mehr Umsatz\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- ========================================================\r\n       REVEAL SCRIPT\r\n       Bewusst KEIN pointermove \/ mouse tilt\r\n  ========================================================= -->\r\n\r\n  <script>\r\n    (() => {\r\n\r\n      const section =\r\n        document.getElementById(\r\n          \"cw-hero-spectrum\"\r\n        );\r\n\r\n\r\n      if (\r\n        !section ||\r\n        section.dataset.cwHeroSpectrumReady === \"true\"\r\n      ) {\r\n        return;\r\n      }\r\n\r\n\r\n      section.dataset.cwHeroSpectrumReady =\r\n        \"true\";\r\n\r\n\r\n      const reducedMotion =\r\n        window.matchMedia(\r\n          \"(prefers-reduced-motion: reduce)\"\r\n        ).matches;\r\n\r\n\r\n      const reveals =\r\n        Array.from(\r\n          section.querySelectorAll(\r\n            \".cw-reveal\"\r\n          )\r\n        );\r\n\r\n\r\n      \/* ==================================================\r\n         REVEAL\r\n      ================================================== *\/\r\n\r\n      if (!reducedMotion) {\r\n\r\n        section.classList.add(\r\n          \"cw-js-ready\"\r\n        );\r\n\r\n\r\n        if (\r\n          \"IntersectionObserver\" in window\r\n        ) {\r\n\r\n          const observer =\r\n            new IntersectionObserver(\r\n              entries => {\r\n\r\n                entries.forEach(entry => {\r\n\r\n                  if (\r\n                    entry.isIntersecting\r\n                  ) {\r\n\r\n                    entry.target\r\n                      .classList\r\n                      .add(\r\n                        \"is-visible\"\r\n                      );\r\n\r\n\r\n                    observer\r\n                      .unobserve(\r\n                        entry.target\r\n                      );\r\n\r\n                  }\r\n\r\n                });\r\n\r\n              },\r\n              {\r\n                threshold: .04,\r\n\r\n                rootMargin:\r\n                  \"0px 0px -3% 0px\"\r\n              }\r\n            );\r\n\r\n\r\n          reveals.forEach(item => {\r\n\r\n            observer.observe(\r\n              item\r\n            );\r\n\r\n          });\r\n\r\n\r\n\r\n          \/* ==============================================\r\n             Elementor \/ Cache Fallback\r\n          ============================================== *\/\r\n\r\n          requestAnimationFrame(() => {\r\n\r\n            requestAnimationFrame(() => {\r\n\r\n              reveals.forEach(item => {\r\n\r\n                const rect =\r\n                  item.getBoundingClientRect();\r\n\r\n\r\n                if (\r\n                  rect.top <\r\n                    window.innerHeight &&\r\n                  rect.bottom > 0\r\n                ) {\r\n\r\n                  item\r\n                    .classList\r\n                    .add(\r\n                      \"is-visible\"\r\n                    );\r\n\r\n\r\n                  observer\r\n                    .unobserve(\r\n                      item\r\n                    );\r\n\r\n                }\r\n\r\n              });\r\n\r\n            });\r\n\r\n          });\r\n\r\n\r\n\r\n          \/* ==============================================\r\n             SAFETY FALLBACK\r\n          ============================================== *\/\r\n\r\n          window.setTimeout(() => {\r\n\r\n            reveals.forEach(item => {\r\n\r\n              const rect =\r\n                item.getBoundingClientRect();\r\n\r\n\r\n              if (\r\n                rect.top <\r\n                  window.innerHeight &&\r\n                rect.bottom > 0\r\n              ) {\r\n\r\n                item\r\n                  .classList\r\n                  .add(\r\n                    \"is-visible\"\r\n                  );\r\n\r\n              }\r\n\r\n            });\r\n\r\n          }, 700);\r\n\r\n        } else {\r\n\r\n          reveals.forEach(item => {\r\n\r\n            item\r\n              .classList\r\n              .add(\r\n                \"is-visible\"\r\n              );\r\n\r\n          });\r\n\r\n        }\r\n\r\n      } else {\r\n\r\n        reveals.forEach(item => {\r\n\r\n          item\r\n            .classList\r\n            .add(\r\n              \"is-visible\"\r\n            );\r\n\r\n        });\r\n\r\n      }\r\n\r\n    })();\r\n  <\/script>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-669643c elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"669643c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section\r\n  id=\"cw-services-modern-light\"\r\n  aria-labelledby=\"cw-services-modern-light-title\"\r\n>\r\n\r\n  <style>\r\n\r\n    \/* =========================================================\r\n       RESET\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light,\r\n    #cw-services-modern-light *,\r\n    #cw-services-modern-light *::before,\r\n    #cw-services-modern-light *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       SECTION\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light {\r\n      --cw-black: #07101f;\r\n      --cw-text: #182235;\r\n      --cw-white: #ffffff;\r\n\r\n      --cw-blue: #286fff;\r\n      --cw-blue-rgb: 40, 111, 255;\r\n\r\n      --cw-cyan: #08aec8;\r\n      --cw-violet: #755cff;\r\n      --cw-pink: #d94f9e;\r\n      --cw-green: #12a878;\r\n      --cw-gold: #cf861e;\r\n      --cw-coral: #ec5d67;\r\n\r\n      --cw-container: 1240px;\r\n\r\n      position: relative;\r\n      isolation: isolate;\r\n\r\n      width: 100%;\r\n      overflow: hidden;\r\n\r\n      padding:\r\n        clamp(72px, 8vw, 112px)\r\n        0;\r\n\r\n      font-family:\r\n        Inter,\r\n        ui-sans-serif,\r\n        system-ui,\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        sans-serif;\r\n\r\n      color: var(--cw-text);\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 3% 8%,\r\n          rgba(40, 111, 255, 0.12),\r\n          transparent 29%\r\n        ),\r\n        radial-gradient(\r\n          circle at 97% 24%,\r\n          rgba(117, 92, 255, 0.09),\r\n          transparent 28%\r\n        ),\r\n        radial-gradient(\r\n          circle at 67% 100%,\r\n          rgba(18, 168, 120, 0.065),\r\n          transparent 30%\r\n        ),\r\n        linear-gradient(\r\n          180deg,\r\n          #ffffff 0%,\r\n          #f7f9fd 48%,\r\n          #f2f6fb 100%\r\n        );\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       BACKGROUND GRID\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light::before {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n      inset: 0;\r\n\r\n      z-index: -3;\r\n\r\n      pointer-events: none;\r\n\r\n      opacity: 0.48;\r\n\r\n      background-image:\r\n        linear-gradient(\r\n          rgba(7, 16, 31, 0.029) 1px,\r\n          transparent 1px\r\n        ),\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(7, 16, 31, 0.029) 1px,\r\n          transparent 1px\r\n        );\r\n\r\n      background-size:\r\n        62px 62px;\r\n\r\n      -webkit-mask-image:\r\n        linear-gradient(\r\n          to bottom,\r\n          #000 0%,\r\n          rgba(0,0,0,.75) 72%,\r\n          transparent 100%\r\n        );\r\n\r\n      mask-image:\r\n        linear-gradient(\r\n          to bottom,\r\n          #000 0%,\r\n          rgba(0,0,0,.75) 72%,\r\n          transparent 100%\r\n        );\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       CENTRAL AMBIENT LIGHT\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      z-index: -2;\r\n\r\n      top: -380px;\r\n      left: 50%;\r\n\r\n      width: 880px;\r\n      height: 880px;\r\n\r\n      transform:\r\n        translateX(-50%);\r\n\r\n      border-radius: 50%;\r\n\r\n      pointer-events: none;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle,\r\n          rgba(48, 119, 255, 0.10),\r\n          rgba(117, 92, 255, 0.035) 43%,\r\n          transparent 70%\r\n        );\r\n\r\n      animation:\r\n        cwServicesAmbientPulse\r\n        10s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       BACKGROUND MOTION LAYER\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-services-bg-motion {\r\n      position: absolute;\r\n      inset: 0;\r\n\r\n      z-index: 0;\r\n\r\n      overflow: hidden;\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       LARGE COLOR CLOUDS\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-services-bg-orb {\r\n      position: absolute;\r\n\r\n      border-radius: 50%;\r\n\r\n      pointer-events: none;\r\n\r\n      filter: blur(48px);\r\n\r\n      will-change:\r\n        transform,\r\n        opacity;\r\n    }\r\n\r\n\r\n    \/* BLUE *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-services-bg-orb.is-blue {\r\n      width: 430px;\r\n      height: 430px;\r\n\r\n      top: 12%;\r\n      left: -170px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle,\r\n          rgba(40,111,255,.32),\r\n          rgba(40,111,255,.11) 42%,\r\n          transparent 72%\r\n        );\r\n\r\n      animation:\r\n        cwServicesBgBlue\r\n        18s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    \/* VIOLET \/ PINK *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-services-bg-orb.is-violet {\r\n      width: 500px;\r\n      height: 500px;\r\n\r\n      top: 34%;\r\n      right: -220px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle,\r\n          rgba(117,92,255,.28),\r\n          rgba(217,79,158,.095) 44%,\r\n          transparent 72%\r\n        );\r\n\r\n      animation:\r\n        cwServicesBgViolet\r\n        21s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    \/* GREEN \/ CYAN *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-services-bg-orb.is-green {\r\n      width: 470px;\r\n      height: 470px;\r\n\r\n      left: 38%;\r\n      bottom: -250px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle,\r\n          rgba(18,168,120,.24),\r\n          rgba(8,174,200,.075) 44%,\r\n          transparent 72%\r\n        );\r\n\r\n      animation:\r\n        cwServicesBgGreen\r\n        20s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    \/* WARM *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-services-bg-orb.is-warm {\r\n      width: 330px;\r\n      height: 330px;\r\n\r\n      left: 5%;\r\n      bottom: 5%;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle,\r\n          rgba(207,134,30,.18),\r\n          rgba(236,93,103,.055) 45%,\r\n          transparent 72%\r\n        );\r\n\r\n      animation:\r\n        cwServicesBgWarm\r\n        23s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       AURORA RIBBONS\r\n       Neu und etwas sichtbarer\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-services-bg-ribbon {\r\n      position: absolute;\r\n\r\n      width: 850px;\r\n      height: 180px;\r\n\r\n      border-radius: 50%;\r\n\r\n      pointer-events: none;\r\n\r\n      filter: blur(42px);\r\n\r\n      will-change:\r\n        transform,\r\n        opacity;\r\n    }\r\n\r\n\r\n    \/* BLUE \/ CYAN RIBBON *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-services-bg-ribbon.is-one {\r\n      top: 21%;\r\n      left: -280px;\r\n\r\n      opacity: .24;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          transparent 0%,\r\n          rgba(40,111,255,.22) 25%,\r\n          rgba(8,174,200,.17) 55%,\r\n          transparent 100%\r\n        );\r\n\r\n      transform:\r\n        rotate(-9deg);\r\n\r\n      animation:\r\n        cwServicesRibbonOne\r\n        20s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    \/* VIOLET \/ PINK RIBBON *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-services-bg-ribbon.is-two {\r\n      right: -330px;\r\n      bottom: 17%;\r\n\r\n      opacity: .20;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          transparent 0%,\r\n          rgba(117,92,255,.18) 28%,\r\n          rgba(217,79,158,.14) 58%,\r\n          transparent 100%\r\n        );\r\n\r\n      transform:\r\n        rotate(8deg);\r\n\r\n      animation:\r\n        cwServicesRibbonTwo\r\n        23s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       LIGHT PATHS\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-services-bg-line {\r\n      position: absolute;\r\n\r\n      width: 620px;\r\n      height: 2px;\r\n\r\n      border-radius: 999px;\r\n\r\n      pointer-events: none;\r\n\r\n      will-change:\r\n        transform,\r\n        opacity;\r\n    }\r\n\r\n\r\n    \/* BLUE LINE *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-services-bg-line.is-one {\r\n      top: 29%;\r\n      left: 6%;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          transparent,\r\n          rgba(40,111,255,.62),\r\n          rgba(8,174,200,.34),\r\n          transparent\r\n        );\r\n\r\n      box-shadow:\r\n        0 0 18px\r\n        rgba(40,111,255,.11);\r\n\r\n      animation:\r\n        cwServicesBgLineOne\r\n        13s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    \/* VIOLET LINE *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-services-bg-line.is-two {\r\n      right: 4%;\r\n      bottom: 24%;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          transparent,\r\n          rgba(117,92,255,.45),\r\n          rgba(217,79,158,.28),\r\n          transparent\r\n        );\r\n\r\n      box-shadow:\r\n        0 0 18px\r\n        rgba(117,92,255,.10);\r\n\r\n      animation:\r\n        cwServicesBgLineTwo\r\n        15s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       DECORATIVE RINGS\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-services-bg-ring {\r\n      position: absolute;\r\n\r\n      border-radius: 50%;\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n\r\n    #cw-services-modern-light\r\n    .cw-services-bg-ring.is-one {\r\n      width: 380px;\r\n      height: 380px;\r\n\r\n      top: 11%;\r\n      right: 7%;\r\n\r\n      border:\r\n        1px solid\r\n        rgba(40,111,255,.10);\r\n\r\n      box-shadow:\r\n        inset 0 0 35px\r\n        rgba(40,111,255,.025);\r\n\r\n      animation:\r\n        cwServicesRingOne\r\n        34s linear infinite;\r\n    }\r\n\r\n\r\n    #cw-services-modern-light\r\n    .cw-services-bg-ring.is-one::before {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      inset: 36px;\r\n\r\n      border:\r\n        1px dashed\r\n        rgba(117,92,255,.085);\r\n\r\n      border-radius: 50%;\r\n    }\r\n\r\n\r\n    #cw-services-modern-light\r\n    .cw-services-bg-ring.is-one::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      top: 14%;\r\n      left: 13%;\r\n\r\n      width: 9px;\r\n      height: 9px;\r\n\r\n      border-radius: 50%;\r\n\r\n      background:\r\n        #397cff;\r\n\r\n      box-shadow:\r\n        0 0 0 6px\r\n        rgba(57,124,255,.08),\r\n\r\n        0 0 22px\r\n        rgba(57,124,255,.28);\r\n    }\r\n\r\n\r\n    #cw-services-modern-light\r\n    .cw-services-bg-ring.is-two {\r\n      width: 245px;\r\n      height: 245px;\r\n\r\n      left: 4%;\r\n      bottom: 13%;\r\n\r\n      border:\r\n        1px dashed\r\n        rgba(18,168,120,.10);\r\n\r\n      animation:\r\n        cwServicesRingTwo\r\n        39s linear infinite;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       SMALL LIGHT NODES\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-services-node {\r\n      position: absolute;\r\n\r\n      width: 8px;\r\n      height: 8px;\r\n\r\n      border-radius: 50%;\r\n\r\n      pointer-events: none;\r\n\r\n      animation:\r\n        cwServicesNodePulse\r\n        4.5s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    #cw-services-modern-light\r\n    .cw-services-node.is-one {\r\n      top: 18%;\r\n      left: 33%;\r\n\r\n      background: #347cff;\r\n\r\n      box-shadow:\r\n        0 0 0 6px\r\n        rgba(52,124,255,.075),\r\n\r\n        0 0 20px\r\n        rgba(52,124,255,.30);\r\n    }\r\n\r\n\r\n    #cw-services-modern-light\r\n    .cw-services-node.is-two {\r\n      top: 48%;\r\n      right: 17%;\r\n\r\n      background: #875fff;\r\n\r\n      box-shadow:\r\n        0 0 0 6px\r\n        rgba(135,95,255,.07),\r\n\r\n        0 0 20px\r\n        rgba(135,95,255,.25);\r\n\r\n      animation-delay: 1.3s;\r\n    }\r\n\r\n\r\n    #cw-services-modern-light\r\n    .cw-services-node.is-three {\r\n      bottom: 14%;\r\n      left: 28%;\r\n\r\n      background: #18ae82;\r\n\r\n      box-shadow:\r\n        0 0 0 6px\r\n        rgba(24,174,130,.07),\r\n\r\n        0 0 20px\r\n        rgba(24,174,130,.24);\r\n\r\n      animation-delay: 2.2s;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       WRAPPER\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-services-wrap {\r\n      position: relative;\r\n      z-index: 2;\r\n\r\n      width:\r\n        min(\r\n          var(--cw-container),\r\n          calc(100% - 40px)\r\n        );\r\n\r\n      margin: 0 auto;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       INTRO\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-services-intro {\r\n      max-width: 760px;\r\n\r\n      margin:\r\n        0 auto\r\n        clamp(44px, 6vw, 64px);\r\n\r\n      text-align: center;\r\n\r\n      opacity: 0;\r\n\r\n      transform:\r\n        translateY(20px);\r\n\r\n      transition:\r\n        opacity .72s ease,\r\n        transform .72s\r\n        cubic-bezier(.2,.75,.25,1);\r\n    }\r\n\r\n\r\n    #cw-services-modern-light.is-visible\r\n    .cw-services-intro {\r\n      opacity: 1;\r\n\r\n      transform:\r\n        translateY(0);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       INTRO KICKER\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-services-kicker {\r\n      display: inline-flex;\r\n\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      gap: 10px;\r\n\r\n      margin:\r\n        0 0 16px;\r\n\r\n      color:\r\n        #07101f;\r\n\r\n      font-size: 16px;\r\n\r\n      font-weight: 750;\r\n\r\n      line-height: 1.3;\r\n    }\r\n\r\n\r\n    #cw-services-modern-light\r\n    .cw-services-kicker::before {\r\n      content: \"\";\r\n\r\n      width: 30px;\r\n      height: 3px;\r\n\r\n      border-radius: 999px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          var(--cw-blue),\r\n          var(--cw-cyan)\r\n        );\r\n\r\n      box-shadow:\r\n        0 0 15px\r\n        rgba(40,111,255,.20);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       INTRO TITLE\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-services-intro h2 {\r\n      margin: 0;\r\n\r\n      color:\r\n        var(--cw-black);\r\n\r\n      font-size:\r\n        clamp(22px, 2.4vw, 24px);\r\n\r\n      font-weight: 850;\r\n\r\n      line-height: 1.28;\r\n\r\n      letter-spacing:\r\n        -.035em;\r\n\r\n      text-wrap: balance;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       ANIMATED TITLE\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-services-title-gradient {\r\n      color: transparent;\r\n\r\n      background:\r\n        linear-gradient(\r\n          100deg,\r\n          #286fff 0%,\r\n          #08aec8 25%,\r\n          #755cff 50%,\r\n          #d94f9e 74%,\r\n          #286fff 100%\r\n        );\r\n\r\n      background-size:\r\n        250% 100%;\r\n\r\n      background-clip: text;\r\n\r\n      -webkit-background-clip:\r\n        text;\r\n\r\n      animation:\r\n        cwServicesTitleFlow\r\n        8s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       INTRO COPY\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-services-intro p {\r\n      max-width: 660px;\r\n\r\n      margin:\r\n        14px auto 0;\r\n\r\n      color:\r\n        #182235;\r\n\r\n      font-size: 17px;\r\n\r\n      font-weight: 430;\r\n\r\n      line-height: 1.65;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       INTRO LINE\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-services-intro-line {\r\n      width: 82px;\r\n      height: 3px;\r\n\r\n      margin:\r\n        22px auto 0;\r\n\r\n      border-radius: 999px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          #286fff,\r\n          #08aec8,\r\n          #755cff,\r\n          #d94f9e\r\n        );\r\n\r\n      background-size:\r\n        200% 100%;\r\n\r\n      box-shadow:\r\n        0 0 18px\r\n        rgba(40,111,255,.19);\r\n\r\n      animation:\r\n        cwServicesIntroLine\r\n        5s linear infinite;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       GRID\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-services-grid {\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        repeat(2, minmax(0, 1fr));\r\n\r\n      gap:\r\n        clamp(20px, 2.2vw, 28px);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       CARD\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-service-card {\r\n      --cw-accent: #286fff;\r\n      --cw-accent-2: #08aec8;\r\n      --cw-rgb: 40,111,255;\r\n\r\n      position: relative;\r\n\r\n      display: flex;\r\n      flex-direction: column;\r\n\r\n      min-width: 0;\r\n\r\n      overflow: hidden;\r\n\r\n      border:\r\n        1px solid\r\n        rgba(18, 43, 82, .11);\r\n\r\n      border-radius: 26px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(255,255,255,.985),\r\n          rgba(248,250,253,.965)\r\n        );\r\n\r\n      box-shadow:\r\n        0 20px 50px\r\n        rgba(17, 43, 82, .075),\r\n\r\n        inset 0 1px 0\r\n        rgba(255,255,255,1);\r\n\r\n      backdrop-filter:\r\n        blur(4px);\r\n\r\n      -webkit-backdrop-filter:\r\n        blur(4px);\r\n\r\n      opacity: 0;\r\n\r\n      transform:\r\n        translateY(26px);\r\n\r\n      transition:\r\n        opacity .65s ease,\r\n\r\n        transform .65s\r\n        cubic-bezier(.2,.75,.25,1),\r\n\r\n        border-color .32s ease,\r\n\r\n        box-shadow .32s ease;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       CARD COLORS\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-service-card:nth-child(1) {\r\n      --cw-accent: #286fff;\r\n      --cw-accent-2: #08aec8;\r\n      --cw-rgb: 40,111,255;\r\n    }\r\n\r\n\r\n    #cw-services-modern-light\r\n    .cw-service-card:nth-child(2) {\r\n      --cw-accent: #755cff;\r\n      --cw-accent-2: #d94f9e;\r\n      --cw-rgb: 117,92,255;\r\n    }\r\n\r\n\r\n    #cw-services-modern-light\r\n    .cw-service-card:nth-child(3) {\r\n      --cw-accent: #11a879;\r\n      --cw-accent-2: #0aaea4;\r\n      --cw-rgb: 17,168,121;\r\n    }\r\n\r\n\r\n    #cw-services-modern-light\r\n    .cw-service-card:nth-child(4) {\r\n      --cw-accent: #cf861e;\r\n      --cw-accent-2: #ec5d67;\r\n      --cw-rgb: 207,134,30;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       CARD REVEAL\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light.is-visible\r\n    .cw-service-card {\r\n      opacity: 1;\r\n\r\n      transform:\r\n        translateY(0);\r\n    }\r\n\r\n\r\n    #cw-services-modern-light.is-visible\r\n    .cw-service-card:nth-child(1) {\r\n      transition-delay: .08s;\r\n    }\r\n\r\n    #cw-services-modern-light.is-visible\r\n    .cw-service-card:nth-child(2) {\r\n      transition-delay: .16s;\r\n    }\r\n\r\n    #cw-services-modern-light.is-visible\r\n    .cw-service-card:nth-child(3) {\r\n      transition-delay: .24s;\r\n    }\r\n\r\n    #cw-services-modern-light.is-visible\r\n    .cw-service-card:nth-child(4) {\r\n      transition-delay: .32s;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       TOP ACCENT\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-service-card::before {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      z-index: 8;\r\n\r\n      top: 0;\r\n      left: 28px;\r\n\r\n      width: 58px;\r\n      height: 3px;\r\n\r\n      border-radius:\r\n        0 0 999px 999px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          var(--cw-accent),\r\n          var(--cw-accent-2)\r\n        );\r\n\r\n      box-shadow:\r\n        0 0 14px\r\n        rgba(var(--cw-rgb),.20);\r\n\r\n      transition:\r\n        width .32s\r\n        cubic-bezier(.2,.75,.25,1);\r\n    }\r\n\r\n\r\n    \/*\r\n       KEIN Schimmer \u00fcber die ganze Box.\r\n    *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-service-card::after {\r\n      display: none;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       IMAGE WRAPPER\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-service-image-wrap {\r\n      position: relative;\r\n\r\n      margin: 11px;\r\n\r\n      overflow: hidden;\r\n\r\n      isolation: isolate;\r\n\r\n      aspect-ratio: 16 \/ 9;\r\n\r\n      border-radius: 19px;\r\n\r\n      background:\r\n        #07101f;\r\n\r\n      box-shadow:\r\n        0 11px 27px\r\n        rgba(12, 31, 61, .10);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       IMAGE\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-service-image {\r\n      position: relative;\r\n\r\n      z-index: 1;\r\n\r\n      display: block;\r\n\r\n      width: 100%;\r\n      height: 100%;\r\n\r\n      object-fit: cover;\r\n\r\n      transition:\r\n        transform .65s\r\n        cubic-bezier(.2,.75,.25,1),\r\n\r\n        filter .45s ease;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       IMAGE OVERLAY\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-service-image-overlay {\r\n      position: absolute;\r\n\r\n      z-index: 3;\r\n\r\n      inset: 0;\r\n\r\n      pointer-events: none;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 100% 0%,\r\n          rgba(var(--cw-rgb), .17),\r\n          transparent 40%\r\n        ),\r\n        linear-gradient(\r\n          180deg,\r\n          transparent 45%,\r\n          rgba(4, 10, 22, .04) 65%,\r\n          rgba(4, 10, 22, .36) 100%\r\n        );\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       SHINE \u2013 NUR AUF BILD\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-service-image-shine {\r\n      position: absolute;\r\n\r\n      z-index: 4;\r\n\r\n      top: -55%;\r\n      left: -65%;\r\n\r\n      width: 34%;\r\n      height: 220%;\r\n\r\n      pointer-events: none;\r\n\r\n      opacity: 0;\r\n\r\n      background:\r\n        linear-gradient(\r\n          108deg,\r\n          transparent 20%,\r\n          rgba(255,255,255,.48) 48%,\r\n          transparent 76%\r\n        );\r\n\r\n      transform:\r\n        rotate(10deg);\r\n\r\n      transition:\r\n        left .85s ease,\r\n        opacity .18s ease;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       IMAGE NUMBER\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-service-number {\r\n      position: absolute;\r\n\r\n      z-index: 6;\r\n\r\n      top: 15px;\r\n      left: 15px;\r\n\r\n      display: inline-flex;\r\n\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      min-width: 48px;\r\n      min-height: 38px;\r\n\r\n      padding:\r\n        0 12px;\r\n\r\n      border:\r\n        1px solid\r\n        rgba(255,255,255,.35);\r\n\r\n      border-radius: 999px;\r\n\r\n      background:\r\n        rgba(5, 13, 28, .67);\r\n\r\n      color:\r\n        #ffffff;\r\n\r\n      font-size: 16px;\r\n\r\n      font-weight: 800;\r\n\r\n      line-height: 1;\r\n\r\n      box-shadow:\r\n        0 8px 22px\r\n        rgba(0,0,0,.16),\r\n\r\n        inset 0 1px\r\n        rgba(255,255,255,.14);\r\n\r\n      backdrop-filter:\r\n        blur(13px);\r\n\r\n      -webkit-backdrop-filter:\r\n        blur(13px);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       IMAGE LABEL\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-service-image-label {\r\n      position: absolute;\r\n\r\n      z-index: 6;\r\n\r\n      right: 15px;\r\n      bottom: 15px;\r\n\r\n      display: inline-flex;\r\n\r\n      align-items: center;\r\n\r\n      gap: 8px;\r\n\r\n      min-height: 38px;\r\n\r\n      padding:\r\n        0 13px;\r\n\r\n      border:\r\n        1px solid\r\n        rgba(255,255,255,.30);\r\n\r\n      border-radius: 999px;\r\n\r\n      background:\r\n        rgba(5, 13, 28, .65);\r\n\r\n      color: #ffffff;\r\n\r\n      font-size: 16px;\r\n\r\n      font-weight: 700;\r\n\r\n      line-height: 1;\r\n\r\n      box-shadow:\r\n        0 8px 22px\r\n        rgba(0,0,0,.14),\r\n\r\n        inset 0 1px\r\n        rgba(255,255,255,.13);\r\n\r\n      backdrop-filter:\r\n        blur(13px);\r\n\r\n      -webkit-backdrop-filter:\r\n        blur(13px);\r\n    }\r\n\r\n\r\n    #cw-services-modern-light\r\n    .cw-service-image-label::before {\r\n      content: \"\";\r\n\r\n      width: 7px;\r\n      height: 7px;\r\n\r\n      flex: 0 0 auto;\r\n\r\n      border-radius: 50%;\r\n\r\n      background:\r\n        var(--cw-accent-2);\r\n\r\n      box-shadow:\r\n        0 0 0 4px\r\n        rgba(255,255,255,.10),\r\n\r\n        0 0 13px\r\n        var(--cw-accent-2);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       CONTENT\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-service-content {\r\n      position: relative;\r\n\r\n      display: flex;\r\n      flex-direction: column;\r\n\r\n      flex: 1;\r\n\r\n      padding:\r\n        21px\r\n        27px\r\n        28px;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       CARD KICKER\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-service-kicker {\r\n      display: flex;\r\n\r\n      align-items: center;\r\n\r\n      gap: 9px;\r\n\r\n      margin:\r\n        0 0 11px;\r\n\r\n      color:\r\n        #07101f;\r\n\r\n      font-size: 16px;\r\n\r\n      font-weight: 700;\r\n\r\n      line-height: 1.35;\r\n    }\r\n\r\n\r\n    #cw-services-modern-light\r\n    .cw-service-kicker::before {\r\n      content: \"\";\r\n\r\n      width: 23px;\r\n      height: 3px;\r\n\r\n      flex: 0 0 auto;\r\n\r\n      border-radius: 999px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          var(--cw-accent),\r\n          var(--cw-accent-2)\r\n        );\r\n\r\n      box-shadow:\r\n        0 0 11px\r\n        rgba(var(--cw-rgb),.16);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       TITLE\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-service-title {\r\n      margin:\r\n        0 0 12px;\r\n\r\n      color:\r\n        #050b14;\r\n\r\n      font-size:\r\n        clamp(21px, 2vw, 24px);\r\n\r\n      font-weight: 820;\r\n\r\n      line-height: 1.22;\r\n\r\n      letter-spacing:\r\n        -.033em;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       DESCRIPTION\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-service-description {\r\n      max-width: 540px;\r\n\r\n      margin: 0;\r\n\r\n      color:\r\n        #172132;\r\n\r\n      font-size: 17px;\r\n\r\n      font-weight: 430;\r\n\r\n      line-height: 1.65;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       BENEFITS\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-service-benefits {\r\n      display: flex;\r\n\r\n      flex-wrap: wrap;\r\n\r\n      gap: 8px;\r\n\r\n      margin-top: 20px;\r\n    }\r\n\r\n\r\n    #cw-services-modern-light\r\n    .cw-service-benefit {\r\n      display: inline-flex;\r\n\r\n      align-items: center;\r\n\r\n      gap: 7px;\r\n\r\n      min-height: 38px;\r\n\r\n      padding:\r\n        0 12px;\r\n\r\n      border:\r\n        1px solid\r\n        rgba(18, 43, 82, .10);\r\n\r\n      border-radius: 999px;\r\n\r\n      background:\r\n        #f6f8fb;\r\n\r\n      color:\r\n        #0b1423;\r\n\r\n      font-size: 16px;\r\n\r\n      font-weight: 650;\r\n\r\n      line-height: 1;\r\n\r\n      transition:\r\n        transform .25s ease,\r\n        border-color .25s ease,\r\n        background .25s ease;\r\n    }\r\n\r\n\r\n    #cw-services-modern-light\r\n    .cw-service-benefit::before {\r\n      content: \"\";\r\n\r\n      width: 6px;\r\n      height: 6px;\r\n\r\n      flex: 0 0 auto;\r\n\r\n      border-radius: 50%;\r\n\r\n      background:\r\n        var(--cw-accent);\r\n\r\n      box-shadow:\r\n        0 0 0 4px\r\n        rgba(var(--cw-rgb), .08);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       BUTTON AREA\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-service-button-wrap {\r\n      margin-top: auto;\r\n\r\n      padding-top: 25px;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       BUTTON\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-service-button {\r\n      position: relative;\r\n\r\n      display: inline-flex;\r\n\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      gap: 10px;\r\n\r\n      min-height: 52px;\r\n\r\n      padding:\r\n        0 18px;\r\n\r\n      border:\r\n        1px solid\r\n        rgba(25, 58, 111, .15);\r\n\r\n      border-radius: 13px;\r\n\r\n      background:\r\n        #07101f;\r\n\r\n      color:\r\n        #ffffff !important;\r\n\r\n      font-size: 16px;\r\n\r\n      font-weight: 750;\r\n\r\n      line-height: 1;\r\n\r\n      text-decoration:\r\n        none !important;\r\n\r\n      box-shadow:\r\n        0 11px 25px\r\n        rgba(6, 18, 37, .13);\r\n\r\n      transition:\r\n        transform .28s ease,\r\n        border-color .28s ease,\r\n        background .28s ease,\r\n        box-shadow .28s ease;\r\n    }\r\n\r\n\r\n    #cw-services-modern-light\r\n    .cw-service-button-icon {\r\n      display: grid;\r\n\r\n      place-items: center;\r\n\r\n      width: 25px;\r\n      height: 25px;\r\n\r\n      border-radius: 8px;\r\n\r\n      background:\r\n        rgba(255,255,255,.10);\r\n\r\n      color: #ffffff;\r\n\r\n      font-size: 18px;\r\n\r\n      transition:\r\n        transform .28s ease,\r\n        background .28s ease;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       HOVER\r\n    ========================================================= *\/\r\n\r\n    @media (hover: hover) and (pointer: fine) {\r\n\r\n      #cw-services-modern-light\r\n      .cw-service-card:hover {\r\n        transform:\r\n          translateY(-7px);\r\n\r\n        border-color:\r\n          rgba(var(--cw-rgb), .19);\r\n\r\n        box-shadow:\r\n          0 28px 62px\r\n          rgba(17,43,82,.105),\r\n\r\n          0 0 30px\r\n          rgba(var(--cw-rgb),.035),\r\n\r\n          inset 0 1px\r\n          rgba(255,255,255,1);\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-service-card:hover::before {\r\n        width: 110px;\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-service-card:hover\r\n      .cw-service-image {\r\n        transform:\r\n          scale(1.04);\r\n      }\r\n\r\n\r\n      \/* Schimmer ausschlie\u00dflich im Bild *\/\r\n\r\n      #cw-services-modern-light\r\n      .cw-service-card:hover\r\n      .cw-service-image-shine {\r\n        left: 135%;\r\n\r\n        opacity: 1;\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-service-benefit:hover {\r\n        transform:\r\n          translateY(-2px);\r\n\r\n        border-color:\r\n          rgba(var(--cw-rgb), .20);\r\n\r\n        background:\r\n          rgba(var(--cw-rgb), .045);\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-service-button:hover {\r\n        transform:\r\n          translateY(-3px);\r\n\r\n        border-color:\r\n          rgba(var(--cw-rgb), .45);\r\n\r\n        background:\r\n          linear-gradient(\r\n            135deg,\r\n            var(--cw-accent),\r\n            var(--cw-accent-2)\r\n          );\r\n\r\n        box-shadow:\r\n          0 15px 31px\r\n          rgba(var(--cw-rgb), .20),\r\n\r\n          0 0 24px\r\n          rgba(var(--cw-rgb), .07);\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-service-button:hover\r\n      .cw-service-button-icon {\r\n        transform:\r\n          translateX(3px);\r\n\r\n        background:\r\n          rgba(255,255,255,.18);\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       FOCUS\r\n    ========================================================= *\/\r\n\r\n    #cw-services-modern-light\r\n    .cw-service-button:focus-visible {\r\n      outline:\r\n        3px solid\r\n        rgba(var(--cw-rgb), .23);\r\n\r\n      outline-offset:\r\n        4px;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       TITLE ANIMATION\r\n    ========================================================= *\/\r\n\r\n    @keyframes cwServicesTitleFlow {\r\n\r\n      0%,\r\n      100% {\r\n        background-position:\r\n          0% 50%;\r\n      }\r\n\r\n      50% {\r\n        background-position:\r\n          100% 50%;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    @keyframes cwServicesIntroLine {\r\n\r\n      to {\r\n        background-position:\r\n          200% 0;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       CENTRAL GLOW\r\n    ========================================================= *\/\r\n\r\n    @keyframes cwServicesAmbientPulse {\r\n\r\n      0%,\r\n      100% {\r\n        transform:\r\n          translateX(-50%)\r\n          scale(.95);\r\n\r\n        opacity: .68;\r\n      }\r\n\r\n      50% {\r\n        transform:\r\n          translateX(-50%)\r\n          scale(1.08);\r\n\r\n        opacity: 1;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       BACKGROUND CLOUD ANIMATIONS\r\n    ========================================================= *\/\r\n\r\n    @keyframes cwServicesBgBlue {\r\n\r\n      0%,\r\n      100% {\r\n        transform:\r\n          translate3d(-20px,0,0)\r\n          scale(.94);\r\n\r\n        opacity: .20;\r\n      }\r\n\r\n      50% {\r\n        transform:\r\n          translate3d(\r\n            105px,\r\n            55px,\r\n            0\r\n          )\r\n          scale(1.12);\r\n\r\n        opacity: .34;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    @keyframes cwServicesBgViolet {\r\n\r\n      0%,\r\n      100% {\r\n        transform:\r\n          translate3d(20px,0,0)\r\n          scale(.96);\r\n\r\n        opacity: .18;\r\n      }\r\n\r\n      50% {\r\n        transform:\r\n          translate3d(\r\n            -100px,\r\n            65px,\r\n            0\r\n          )\r\n          scale(1.11);\r\n\r\n        opacity: .31;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    @keyframes cwServicesBgGreen {\r\n\r\n      0%,\r\n      100% {\r\n        transform:\r\n          translate3d(0,30px,0)\r\n          scale(.95);\r\n\r\n        opacity: .15;\r\n      }\r\n\r\n      50% {\r\n        transform:\r\n          translate3d(\r\n            65px,\r\n            -80px,\r\n            0\r\n          )\r\n          scale(1.12);\r\n\r\n        opacity: .27;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    @keyframes cwServicesBgWarm {\r\n\r\n      0%,\r\n      100% {\r\n        transform:\r\n          translate3d(0,0,0)\r\n          scale(.94);\r\n\r\n        opacity: .10;\r\n      }\r\n\r\n      50% {\r\n        transform:\r\n          translate3d(\r\n            70px,\r\n            -45px,\r\n            0\r\n          )\r\n          scale(1.09);\r\n\r\n        opacity: .18;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       AURORA RIBBON ANIMATIONS\r\n    ========================================================= *\/\r\n\r\n    @keyframes cwServicesRibbonOne {\r\n\r\n      0%,\r\n      100% {\r\n        transform:\r\n          translate3d(-70px,0,0)\r\n          rotate(-9deg)\r\n          scaleX(.94);\r\n\r\n        opacity: .12;\r\n      }\r\n\r\n      50% {\r\n        transform:\r\n          translate3d(\r\n            170px,\r\n            60px,\r\n            0\r\n          )\r\n          rotate(-6deg)\r\n          scaleX(1.08);\r\n\r\n        opacity: .28;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    @keyframes cwServicesRibbonTwo {\r\n\r\n      0%,\r\n      100% {\r\n        transform:\r\n          translate3d(80px,0,0)\r\n          rotate(8deg)\r\n          scaleX(.95);\r\n\r\n        opacity: .10;\r\n      }\r\n\r\n      50% {\r\n        transform:\r\n          translate3d(\r\n            -180px,\r\n            -60px,\r\n            0\r\n          )\r\n          rotate(5deg)\r\n          scaleX(1.07);\r\n\r\n        opacity: .24;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       LIGHT LINES\r\n    ========================================================= *\/\r\n\r\n    @keyframes cwServicesBgLineOne {\r\n\r\n      0%,\r\n      100% {\r\n        transform:\r\n          translate3d(-45px,0,0)\r\n          rotate(-7deg);\r\n\r\n        opacity: .08;\r\n      }\r\n\r\n      50% {\r\n        transform:\r\n          translate3d(\r\n            75px,\r\n            18px,\r\n            0\r\n          )\r\n          rotate(-7deg);\r\n\r\n        opacity: .22;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    @keyframes cwServicesBgLineTwo {\r\n\r\n      0%,\r\n      100% {\r\n        transform:\r\n          translate3d(45px,0,0)\r\n          rotate(6deg);\r\n\r\n        opacity: .07;\r\n      }\r\n\r\n      50% {\r\n        transform:\r\n          translate3d(\r\n            -80px,\r\n            -18px,\r\n            0\r\n          )\r\n          rotate(6deg);\r\n\r\n        opacity: .18;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       RINGS\r\n    ========================================================= *\/\r\n\r\n    @keyframes cwServicesRingOne {\r\n\r\n      to {\r\n        transform:\r\n          rotate(360deg);\r\n      }\r\n\r\n    }\r\n\r\n\r\n    @keyframes cwServicesRingTwo {\r\n\r\n      to {\r\n        transform:\r\n          rotate(-360deg);\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       LIGHT NODES\r\n    ========================================================= *\/\r\n\r\n    @keyframes cwServicesNodePulse {\r\n\r\n      0%,\r\n      100% {\r\n        transform:\r\n          scale(.75);\r\n\r\n        opacity: .35;\r\n      }\r\n\r\n      50% {\r\n        transform:\r\n          scale(1.2);\r\n\r\n        opacity: .92;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       TABLET\r\n    ========================================================= *\/\r\n\r\n    @media (max-width: 900px) {\r\n\r\n      #cw-services-modern-light\r\n      .cw-services-grid {\r\n        grid-template-columns: 1fr;\r\n\r\n        max-width: 720px;\r\n\r\n        margin: 0 auto;\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-services-bg-ribbon {\r\n        width: 650px;\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-services-bg-ring.is-one {\r\n        right: -100px;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       MOBILE\r\n    ========================================================= *\/\r\n\r\n    @media (max-width: 600px) {\r\n\r\n      #cw-services-modern-light {\r\n        padding:\r\n          58px 0;\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-services-wrap {\r\n        width:\r\n          calc(100% - 28px);\r\n      }\r\n\r\n\r\n      \/* Hintergrund bleibt sichtbar,\r\n         aber etwas kleiner *\/\r\n\r\n      #cw-services-modern-light\r\n      .cw-services-bg-orb {\r\n        filter:\r\n          blur(55px);\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-services-bg-orb.is-blue {\r\n        width: 310px;\r\n        height: 310px;\r\n\r\n        left: -180px;\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-services-bg-orb.is-violet {\r\n        width: 340px;\r\n        height: 340px;\r\n\r\n        right: -210px;\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-services-bg-orb.is-green {\r\n        width: 330px;\r\n        height: 330px;\r\n\r\n        left: 25%;\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-services-bg-orb.is-warm {\r\n        width: 240px;\r\n        height: 240px;\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-services-bg-ribbon {\r\n        width: 500px;\r\n        height: 130px;\r\n\r\n        filter:\r\n          blur(50px);\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-services-bg-ribbon.is-one {\r\n        left: -280px;\r\n\r\n        opacity: .18;\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-services-bg-ribbon.is-two {\r\n        right: -300px;\r\n\r\n        opacity: .15;\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-services-bg-line {\r\n        width: 360px;\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-services-bg-ring {\r\n        opacity: .45;\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-services-bg-ring.is-one {\r\n        width: 260px;\r\n        height: 260px;\r\n\r\n        right: -130px;\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-services-bg-ring.is-two {\r\n        display: none;\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-services-node.is-two {\r\n        right: 5%;\r\n      }\r\n\r\n\r\n      \/* INTRO *\/\r\n\r\n      #cw-services-modern-light\r\n      .cw-services-intro {\r\n        margin-bottom:\r\n          38px;\r\n\r\n        text-align: left;\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-services-kicker {\r\n        justify-content:\r\n          flex-start;\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-services-intro h2 {\r\n        font-size: 22px;\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-services-intro p {\r\n        margin-left: 0;\r\n\r\n        font-size: 16px;\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-services-intro-line {\r\n        margin-left: 0;\r\n      }\r\n\r\n\r\n      \/* GRID *\/\r\n\r\n      #cw-services-modern-light\r\n      .cw-services-grid {\r\n        gap: 18px;\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-service-card {\r\n        border-radius: 21px;\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-service-image-wrap {\r\n        margin: 8px;\r\n\r\n        border-radius: 15px;\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-service-number {\r\n        top: 12px;\r\n        left: 12px;\r\n\r\n        min-width: 44px;\r\n        min-height: 35px;\r\n\r\n        font-size: 16px;\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-service-image-label {\r\n        right: 12px;\r\n        bottom: 12px;\r\n\r\n        min-height: 35px;\r\n\r\n        font-size: 16px;\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-service-content {\r\n        padding:\r\n          18px\r\n          20px\r\n          22px;\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-service-kicker {\r\n        font-size: 16px;\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-service-title {\r\n        font-size: 21px;\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-service-description {\r\n        font-size: 16px;\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-service-benefit {\r\n        font-size: 16px;\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-service-button {\r\n        width: 100%;\r\n\r\n        font-size: 16px;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       REDUCED MOTION\r\n    ========================================================= *\/\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n\r\n      #cw-services-modern-light *,\r\n      #cw-services-modern-light *::before,\r\n      #cw-services-modern-light *::after {\r\n        animation:\r\n          none !important;\r\n\r\n        transition-duration:\r\n          .001ms !important;\r\n      }\r\n\r\n\r\n      #cw-services-modern-light\r\n      .cw-services-intro,\r\n\r\n      #cw-services-modern-light\r\n      .cw-service-card {\r\n        opacity: 1;\r\n\r\n        transform: none;\r\n      }\r\n\r\n    }\r\n\r\n  <\/style>\r\n\r\n\r\n\r\n  <!-- =========================================================\r\n       ANIMATED BACKGROUND\r\n  ========================================================== -->\r\n\r\n  <div\r\n    class=\"cw-services-bg-motion\"\r\n    aria-hidden=\"true\"\r\n  >\r\n\r\n\r\n    <!-- LARGE COLOR CLOUDS -->\r\n\r\n    <div\r\n      class=\"cw-services-bg-orb is-blue\"\r\n    ><\/div>\r\n\r\n    <div\r\n      class=\"cw-services-bg-orb is-violet\"\r\n    ><\/div>\r\n\r\n    <div\r\n      class=\"cw-services-bg-orb is-green\"\r\n    ><\/div>\r\n\r\n    <div\r\n      class=\"cw-services-bg-orb is-warm\"\r\n    ><\/div>\r\n\r\n\r\n\r\n    <!-- AURORA RIBBONS -->\r\n\r\n    <div\r\n      class=\"cw-services-bg-ribbon is-one\"\r\n    ><\/div>\r\n\r\n    <div\r\n      class=\"cw-services-bg-ribbon is-two\"\r\n    ><\/div>\r\n\r\n\r\n\r\n    <!-- LIGHT PATHS -->\r\n\r\n    <div\r\n      class=\"cw-services-bg-line is-one\"\r\n    ><\/div>\r\n\r\n    <div\r\n      class=\"cw-services-bg-line is-two\"\r\n    ><\/div>\r\n\r\n\r\n\r\n    <!-- RINGS -->\r\n\r\n    <div\r\n      class=\"cw-services-bg-ring is-one\"\r\n    ><\/div>\r\n\r\n    <div\r\n      class=\"cw-services-bg-ring is-two\"\r\n    ><\/div>\r\n\r\n\r\n\r\n    <!-- LIGHT NODES -->\r\n\r\n    <div\r\n      class=\"cw-services-node is-one\"\r\n    ><\/div>\r\n\r\n    <div\r\n      class=\"cw-services-node is-two\"\r\n    ><\/div>\r\n\r\n    <div\r\n      class=\"cw-services-node is-three\"\r\n    ><\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =========================================================\r\n       CONTENT\r\n  ========================================================== -->\r\n\r\n  <div class=\"cw-services-wrap\">\r\n\r\n\r\n    <!-- =====================================================\r\n         INTRO\r\n    ====================================================== -->\r\n\r\n    <header class=\"cw-services-intro\">\r\n\r\n\r\n      <p\r\n        class=\"cw-services-kicker\"\r\n        data-cw-edit\r\n      >\r\n        Unsere Leistungen\r\n      <\/p>\r\n\r\n\r\n      <h2\r\n        id=\"cw-services-modern-light-title\"\r\n        data-cw-edit\r\n      >\r\n        Alles f\u00fcr einen digitalen Auftritt,\r\n        der\r\n        <span class=\"cw-services-title-gradient\">\r\n          sichtbar wird und \u00fcberzeugt.\r\n        <\/span>\r\n      <\/h2>\r\n\r\n\r\n      <p data-cw-edit>\r\n        Webdesign, SEO, laufende Betreuung und Google Ads:\r\n        genau die Bausteine, die Ihr Unternehmen digital\r\n        wirklich voranbringen.\r\n      <\/p>\r\n\r\n\r\n      <div\r\n        class=\"cw-services-intro-line\"\r\n        aria-hidden=\"true\"\r\n      ><\/div>\r\n\r\n\r\n    <\/header>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         SERVICES\r\n    ====================================================== -->\r\n\r\n    <div class=\"cw-services-grid\">\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           01 \u2013 WEBDESIGN\r\n      ==================================================== -->\r\n\r\n      <article class=\"cw-service-card\">\r\n\r\n\r\n        <div class=\"cw-service-image-wrap\">\r\n\r\n\r\n          <img decoding=\"async\"\r\n            class=\"cw-service-image\"\r\n            src=\"https:\/\/via.placeholder.com\/900x506\"\r\n            alt=\"Professionelles Webdesign von Content Wave\"\r\n            data-cw-image\r\n          >\r\n\r\n\r\n          <div\r\n            class=\"cw-service-image-overlay\"\r\n            aria-hidden=\"true\"\r\n          ><\/div>\r\n\r\n\r\n          <div\r\n            class=\"cw-service-image-shine\"\r\n            aria-hidden=\"true\"\r\n          ><\/div>\r\n\r\n\r\n          <span\r\n            class=\"cw-service-number\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            01\r\n          <\/span>\r\n\r\n\r\n          <span\r\n            class=\"cw-service-image-label\"\r\n            data-cw-edit\r\n          >\r\n            Webdesign\r\n          <\/span>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"cw-service-content\">\r\n\r\n\r\n          <p\r\n            class=\"cw-service-kicker\"\r\n            data-cw-edit\r\n          >\r\n            Websites mit Wirkung\r\n          <\/p>\r\n\r\n\r\n          <h3\r\n            class=\"cw-service-title\"\r\n            data-cw-edit\r\n          >\r\n            Professionelles Webdesign\r\n          <\/h3>\r\n\r\n\r\n          <p\r\n            class=\"cw-service-description\"\r\n            data-cw-edit\r\n          >\r\n            Moderne Websites, die hochwertig aussehen,\r\n            Vertrauen schaffen und Besucher gezielt zu\r\n            Kunden machen.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"cw-service-benefits\">\r\n\r\n\r\n            <span\r\n              class=\"cw-service-benefit\"\r\n              data-cw-edit\r\n            >\r\n              Modernes Design\r\n            <\/span>\r\n\r\n\r\n            <span\r\n              class=\"cw-service-benefit\"\r\n              data-cw-edit\r\n            >\r\n              Mobile optimiert\r\n            <\/span>\r\n            \r\n             <span\r\n              class=\"cw-service-benefit\"\r\n              data-cw-edit\r\n            >\r\n              DSGVO-Konform\r\n            <\/span>\r\n            \r\n             <span\r\n              class=\"cw-service-benefit\"\r\n              data-cw-edit\r\n            >\r\n            SSL-Verschl\u00fcsselung\r\n            <\/span>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"cw-service-button-wrap\">\r\n\r\n\r\n            <a\r\n              class=\"cw-service-button\"\r\n              href=\"\/webdesign\/\"\r\n            >\r\n\r\n              <span data-cw-edit>\r\n                Mehr erfahren\r\n              <\/span>\r\n\r\n              <span\r\n                class=\"cw-service-button-icon\"\r\n                aria-hidden=\"true\"\r\n              >\r\n                \u2192\r\n              <\/span>\r\n\r\n            <\/a>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           02 \u2013 SEO\r\n      ==================================================== -->\r\n\r\n      <article class=\"cw-service-card\">\r\n\r\n\r\n        <div class=\"cw-service-image-wrap\">\r\n\r\n\r\n          <img decoding=\"async\"\r\n            class=\"cw-service-image\"\r\n            src=\"https:\/\/via.placeholder.com\/900x506\"\r\n            alt=\"SEO und Sichtbarkeit mit Content Wave\"\r\n            data-cw-image\r\n          >\r\n\r\n\r\n          <div\r\n            class=\"cw-service-image-overlay\"\r\n            aria-hidden=\"true\"\r\n          ><\/div>\r\n\r\n\r\n          <div\r\n            class=\"cw-service-image-shine\"\r\n            aria-hidden=\"true\"\r\n          ><\/div>\r\n\r\n\r\n          <span\r\n            class=\"cw-service-number\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            02\r\n          <\/span>\r\n\r\n\r\n          <span\r\n            class=\"cw-service-image-label\"\r\n            data-cw-edit\r\n          >\r\n            SEO\r\n          <\/span>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"cw-service-content\">\r\n\r\n\r\n          <p\r\n            class=\"cw-service-kicker\"\r\n            data-cw-edit\r\n          >\r\n            Sichtbarkeit aufbauen\r\n          <\/p>\r\n\r\n\r\n          <h3\r\n            class=\"cw-service-title\"\r\n            data-cw-edit\r\n          >\r\n            SEO &amp; Sichtbarkeit\r\n          <\/h3>\r\n\r\n\r\n          <p\r\n            class=\"cw-service-description\"\r\n            data-cw-edit\r\n          >\r\n            Mehr Sichtbarkeit bei Google und eine nachhaltige\r\n            Strategie f\u00fcr mehr relevante Besucher und Anfragen.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"cw-service-benefits\">\r\n\r\n\r\n            <span\r\n              class=\"cw-service-benefit\"\r\n              data-cw-edit\r\n            >\r\n              Google Rankings\r\n            <\/span>\r\n\r\n\r\n            <span\r\n              class=\"cw-service-benefit\"\r\n              data-cw-edit\r\n            >\r\n              Mehr Reichweite\r\n            <\/span>\r\n            \r\n             <span\r\n              class=\"cw-service-benefit\"\r\n              data-cw-edit\r\n            >\r\n              Kaufbereite Kunden finden Sie\r\n            <\/span>\r\n            \r\n             <span\r\n              class=\"cw-service-benefit\"\r\n              data-cw-edit\r\n            >\r\n              Mehr Umsatz\r\n            <\/span>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"cw-service-button-wrap\">\r\n\r\n\r\n            <a\r\n              class=\"cw-service-button\"\r\n              href=\"\/seo\/\"\r\n            >\r\n\r\n              <span data-cw-edit>\r\n                Mehr erfahren\r\n              <\/span>\r\n\r\n              <span\r\n                class=\"cw-service-button-icon\"\r\n                aria-hidden=\"true\"\r\n              >\r\n                \u2192\r\n              <\/span>\r\n\r\n            <\/a>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           03 \u2013 WEBSITE CARE\r\n      ==================================================== -->\r\n\r\n      <article class=\"cw-service-card\">\r\n\r\n\r\n        <div class=\"cw-service-image-wrap\">\r\n\r\n\r\n          <img decoding=\"async\"\r\n            class=\"cw-service-image\"\r\n            src=\"https:\/\/via.placeholder.com\/900x506\"\r\n            alt=\"Website Care und technische Betreuung\"\r\n            data-cw-image\r\n          >\r\n\r\n\r\n          <div\r\n            class=\"cw-service-image-overlay\"\r\n            aria-hidden=\"true\"\r\n          ><\/div>\r\n\r\n\r\n          <div\r\n            class=\"cw-service-image-shine\"\r\n            aria-hidden=\"true\"\r\n          ><\/div>\r\n\r\n\r\n          <span\r\n            class=\"cw-service-number\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            03\r\n          <\/span>\r\n\r\n\r\n          <span\r\n            class=\"cw-service-image-label\"\r\n            data-cw-edit\r\n          >\r\n            Website Care\r\n          <\/span>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"cw-service-content\">\r\n\r\n\r\n          <p\r\n            class=\"cw-service-kicker\"\r\n            data-cw-edit\r\n          >\r\n            Sicher &amp; zuverl\u00e4ssig\r\n          <\/p>\r\n\r\n\r\n          <h3\r\n            class=\"cw-service-title\"\r\n            data-cw-edit\r\n          >\r\n            Website Care\r\n          <\/h3>\r\n\r\n\r\n          <p\r\n            class=\"cw-service-description\"\r\n            data-cw-edit\r\n          >\r\n            Updates, Sicherheit, Backups und technische\r\n            Betreuung f\u00fcr einen dauerhaft zuverl\u00e4ssigen\r\n            Webauftritt.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"cw-service-benefits\">\r\n\r\n\r\n            <span\r\n              class=\"cw-service-benefit\"\r\n              data-cw-edit\r\n            >\r\n              Regelm\u00e4\u00dfige Updates\r\n            <\/span>\r\n\r\n\r\n            <span\r\n              class=\"cw-service-benefit\"\r\n              data-cw-edit\r\n            >\r\n              Backups &amp; Schutz\r\n            <\/span>\r\n            \r\n             <span\r\n              class=\"cw-service-benefit\"\r\n              data-cw-edit\r\n            >\r\n            Schutz vor Angriffen\r\n            <\/span>\r\n            \r\n             <span\r\n              class=\"cw-service-benefit\"\r\n              data-cw-edit\r\n            >\r\n            Schutz vor Ausf\u00e4llen\r\n            <\/span>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"cw-service-button-wrap\">\r\n\r\n\r\n            <a\r\n              class=\"cw-service-button\"\r\n              href=\"\/website-care\/\"\r\n            >\r\n\r\n              <span data-cw-edit>\r\n                Mehr erfahren\r\n              <\/span>\r\n\r\n              <span\r\n                class=\"cw-service-button-icon\"\r\n                aria-hidden=\"true\"\r\n              >\r\n                \u2192\r\n              <\/span>\r\n\r\n            <\/a>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           04 \u2013 GOOGLE ADS\r\n      ==================================================== -->\r\n\r\n      <article class=\"cw-service-card\">\r\n\r\n\r\n        <div class=\"cw-service-image-wrap\">\r\n\r\n\r\n          <img decoding=\"async\"\r\n            class=\"cw-service-image\"\r\n            src=\"https:\/\/via.placeholder.com\/900x506\"\r\n            alt=\"Google Ads Kampagnen von Content Wave\"\r\n            data-cw-image\r\n          >\r\n\r\n\r\n          <div\r\n            class=\"cw-service-image-overlay\"\r\n            aria-hidden=\"true\"\r\n          ><\/div>\r\n\r\n\r\n          <div\r\n            class=\"cw-service-image-shine\"\r\n            aria-hidden=\"true\"\r\n          ><\/div>\r\n\r\n\r\n          <span\r\n            class=\"cw-service-number\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            04\r\n          <\/span>\r\n\r\n\r\n          <span\r\n            class=\"cw-service-image-label\"\r\n            data-cw-edit\r\n          >\r\n            Google Ads\r\n          <\/span>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"cw-service-content\">\r\n\r\n\r\n          <p\r\n            class=\"cw-service-kicker\"\r\n            data-cw-edit\r\n          >\r\n            Direkt sichtbar werden\r\n          <\/p>\r\n\r\n\r\n          <h3\r\n            class=\"cw-service-title\"\r\n            data-cw-edit\r\n          >\r\n            Google Ads\r\n          <\/h3>\r\n\r\n\r\n          <p\r\n            class=\"cw-service-description\"\r\n            data-cw-edit\r\n          >\r\n            Gezielte Kampagnen f\u00fcr Unternehmen, die genau\r\n            dann sichtbar sein m\u00f6chten, wenn potenzielle\r\n            Kunden nach ihnen suchen.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"cw-service-benefits\">\r\n\r\n\r\n            <span\r\n              class=\"cw-service-benefit\"\r\n              data-cw-edit\r\n            >\r\n              Gezielte Kampagnen\r\n            <\/span>\r\n\r\n\r\n            <span\r\n              class=\"cw-service-benefit\"\r\n              data-cw-edit\r\n            >\r\n              Messbare Ergebnisse\r\n            <\/span>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"cw-service-button-wrap\">\r\n\r\n\r\n            <a\r\n              class=\"cw-service-button\"\r\n              href=\"\/google-ads\/\"\r\n            >\r\n\r\n              <span data-cw-edit>\r\n                Mehr erfahren\r\n              <\/span>\r\n\r\n              <span\r\n                class=\"cw-service-button-icon\"\r\n                aria-hidden=\"true\"\r\n              >\r\n                \u2192\r\n              <\/span>\r\n\r\n            <\/a>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/article>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =========================================================\r\n       REVEAL SCRIPT\r\n  ========================================================== -->\r\n\r\n  <script>\r\n\r\n    (() => {\r\n\r\n      const section =\r\n        document.getElementById(\r\n          \"cw-services-modern-light\"\r\n        );\r\n\r\n\r\n      if (\r\n        !section ||\r\n        section.dataset.cwServicesReady === \"true\"\r\n      ) {\r\n        return;\r\n      }\r\n\r\n\r\n      section.dataset.cwServicesReady =\r\n        \"true\";\r\n\r\n\r\n      const reducedMotion =\r\n        window.matchMedia(\r\n          \"(prefers-reduced-motion: reduce)\"\r\n        ).matches;\r\n\r\n\r\n      if (\r\n        reducedMotion ||\r\n        !(\"IntersectionObserver\" in window)\r\n      ) {\r\n\r\n        section.classList.add(\r\n          \"is-visible\"\r\n        );\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      const observer =\r\n        new IntersectionObserver(\r\n          entries => {\r\n\r\n            entries.forEach(entry => {\r\n\r\n              if (\r\n                entry.isIntersecting\r\n              ) {\r\n\r\n                section.classList.add(\r\n                  \"is-visible\"\r\n                );\r\n\r\n                observer.disconnect();\r\n\r\n              }\r\n\r\n            });\r\n\r\n          },\r\n\r\n          {\r\n            threshold: .08,\r\n\r\n            rootMargin:\r\n              \"0px 0px -3% 0px\"\r\n          }\r\n\r\n        );\r\n\r\n\r\n      observer.observe(\r\n        section\r\n      );\r\n\r\n\r\n\r\n      \/* =======================================================\r\n         ELEMENTOR FALLBACK\r\n      ======================================================== *\/\r\n\r\n      requestAnimationFrame(() => {\r\n\r\n        requestAnimationFrame(() => {\r\n\r\n          const rect =\r\n            section.getBoundingClientRect();\r\n\r\n\r\n          if (\r\n            rect.top <\r\n              window.innerHeight &&\r\n            rect.bottom > 0\r\n          ) {\r\n\r\n            section.classList.add(\r\n              \"is-visible\"\r\n            );\r\n\r\n          }\r\n\r\n        });\r\n\r\n      });\r\n\r\n\r\n\r\n      \/* =======================================================\r\n         SAFETY FALLBACK\r\n      ======================================================== *\/\r\n\r\n      window.setTimeout(() => {\r\n\r\n        const rect =\r\n          section.getBoundingClientRect();\r\n\r\n\r\n        if (\r\n          rect.top <\r\n            window.innerHeight &&\r\n          rect.bottom > 0\r\n        ) {\r\n\r\n          section.classList.add(\r\n            \"is-visible\"\r\n          );\r\n\r\n        }\r\n\r\n      }, 700);\r\n\r\n\r\n    })();\r\n\r\n  <\/script>\r\n\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b2e7f50 elementor-widget elementor-widget-html\" data-id=\"b2e7f50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section\r\n  id=\"cw-project-process-v4\"\r\n  aria-labelledby=\"cw-project-process-v4-title\"\r\n>\r\n  <style>\r\n    #cw-project-process-v4,\r\n    #cw-project-process-v4 *,\r\n    #cw-project-process-v4 *::before,\r\n    #cw-project-process-v4 *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #cw-project-process-v4 {\r\n      --cw-heading: #07172f;\r\n      --cw-text: #40506a;\r\n      --cw-muted: #718099;\r\n      --cw-container: 1260px;\r\n\r\n      position: relative;\r\n      isolation: isolate;\r\n      overflow: hidden;\r\n      width: 100%;\r\n\r\n      padding: clamp(76px, 8vw, 118px) 0;\r\n\r\n      font-family:\r\n        Inter,\r\n        system-ui,\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        sans-serif;\r\n\r\n      color: var(--cw-text);\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 4% 12%,\r\n          rgba(40, 111, 255, 0.09),\r\n          transparent 27%\r\n        ),\r\n        radial-gradient(\r\n          circle at 96% 8%,\r\n          rgba(8, 173, 201, 0.075),\r\n          transparent 25%\r\n        ),\r\n        radial-gradient(\r\n          circle at 62% 94%,\r\n          rgba(200, 135, 30, 0.04),\r\n          transparent 25%\r\n        ),\r\n        linear-gradient(\r\n          180deg,\r\n          #ffffff 0%,\r\n          #f5f8fc 100%\r\n        );\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       DEZENTES HINTERGRUNDRASTER\r\n    ========================================================= *\/\r\n\r\n    #cw-project-process-v4::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: -2;\r\n      pointer-events: none;\r\n\r\n      opacity: 0.42;\r\n\r\n      background-image:\r\n        linear-gradient(\r\n          rgba(7, 23, 47, 0.022) 1px,\r\n          transparent 1px\r\n        ),\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(7, 23, 47, 0.022) 1px,\r\n          transparent 1px\r\n        );\r\n\r\n      background-size: 62px 62px;\r\n\r\n      -webkit-mask-image:\r\n        linear-gradient(\r\n          to bottom,\r\n          #000 0%,\r\n          rgba(0, 0, 0, 0.52) 68%,\r\n          transparent 100%\r\n        );\r\n\r\n      mask-image:\r\n        linear-gradient(\r\n          to bottom,\r\n          #000 0%,\r\n          rgba(0, 0, 0, 0.52) 68%,\r\n          transparent 100%\r\n        );\r\n    }\r\n\r\n\r\n    \/* weicher Ambient Glow *\/\r\n    #cw-project-process-v4::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n      z-index: -1;\r\n\r\n      width: 680px;\r\n      height: 430px;\r\n\r\n      top: 120px;\r\n      left: 50%;\r\n\r\n      transform: translateX(-50%);\r\n\r\n      border-radius: 50%;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle,\r\n          rgba(55, 124, 255, 0.055),\r\n          transparent 68%\r\n        );\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n\r\n    #cw-project-process-v4 .cw-shell {\r\n      position: relative;\r\n      z-index: 2;\r\n\r\n      width: min(\r\n        var(--cw-container),\r\n        calc(100% - 40px)\r\n      );\r\n\r\n      margin: 0 auto;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       HEADER\r\n    ========================================================= *\/\r\n\r\n    #cw-project-process-v4 .cw-head {\r\n      max-width: 850px;\r\n\r\n      margin:\r\n        0 auto\r\n        clamp(58px, 7vw, 78px);\r\n\r\n      text-align: center;\r\n    }\r\n\r\n\r\n    #cw-project-process-v4 .cw-kicker {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n\r\n      margin: 0 0 18px;\r\n\r\n      color: #286fff;\r\n\r\n      font-size: 11px;\r\n      font-weight: 850;\r\n      line-height: 1;\r\n\r\n      letter-spacing: 0.14em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n\r\n    #cw-project-process-v4 .cw-kicker::before {\r\n      content: \"\";\r\n\r\n      width: 32px;\r\n      height: 2px;\r\n\r\n      border-radius: 999px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          #286fff,\r\n          #16b1ce\r\n        );\r\n\r\n      box-shadow:\r\n        0 0 14px\r\n        rgba(40, 111, 255, 0.18);\r\n    }\r\n\r\n\r\n    #cw-project-process-v4 .cw-head h2 {\r\n      max-width: 850px;\r\n\r\n      margin: 0 auto;\r\n\r\n      color: var(--cw-heading);\r\n\r\n      font-size:\r\n        clamp(2.5rem, 5vw, 4.6rem);\r\n\r\n      font-weight: 850;\r\n      line-height: 1.02;\r\n\r\n      letter-spacing: -0.06em;\r\n\r\n      text-wrap: balance;\r\n    }\r\n\r\n\r\n    #cw-project-process-v4 .cw-head h2 span {\r\n      color: transparent;\r\n\r\n      background:\r\n        linear-gradient(\r\n          100deg,\r\n          #286fff 0%,\r\n          #08adc9 31%,\r\n          #c8871e 66%,\r\n          #14a678 100%\r\n        );\r\n\r\n      background-size: 190% 100%;\r\n\r\n      background-clip: text;\r\n      -webkit-background-clip: text;\r\n\r\n      animation:\r\n        cwV4Gradient\r\n        9s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    #cw-project-process-v4 .cw-head-copy {\r\n      max-width: 600px;\r\n\r\n      margin: 20px auto 0;\r\n\r\n      color: var(--cw-muted);\r\n\r\n      font-size: 16px;\r\n      line-height: 1.7;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       STEPS GRID\r\n    ========================================================= *\/\r\n\r\n    #cw-project-process-v4 .cw-steps {\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        repeat(4, minmax(0, 1fr));\r\n\r\n      gap: 22px;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       STEP WRAPPER\r\n    ========================================================= *\/\r\n\r\n    #cw-project-process-v4 .cw-step-wrap {\r\n      --cw-color: #286fff;\r\n      --cw-color-light: #4d91ff;\r\n      --cw-rgb: 40, 111, 255;\r\n\r\n      position: relative;\r\n\r\n      min-width: 0;\r\n\r\n      padding-top: 31px;\r\n\r\n      opacity: 0;\r\n\r\n      transform:\r\n        translateY(24px)\r\n        scale(0.985);\r\n\r\n      transition:\r\n        opacity 0.62s ease,\r\n        transform 0.62s\r\n        cubic-bezier(.2, .75, .25, 1);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       FARBE 01 \u2013 CONTENT WAVE BLAU\r\n    ========================================================= *\/\r\n\r\n    #cw-project-process-v4\r\n    .cw-step-wrap:nth-child(1) {\r\n      --cw-color: #286fff;\r\n      --cw-color-light: #4c91ff;\r\n      --cw-rgb: 40, 111, 255;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       FARBE 02 \u2013 CYAN \/ T\u00dcRKIS\r\n    ========================================================= *\/\r\n\r\n    #cw-project-process-v4\r\n    .cw-step-wrap:nth-child(2) {\r\n      --cw-color: #08a9c4;\r\n      --cw-color-light: #37c2d8;\r\n      --cw-rgb: 8, 169, 196;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       FARBE 03 \u2013 GOLD \/ AMBER\r\n    ========================================================= *\/\r\n\r\n    #cw-project-process-v4\r\n    .cw-step-wrap:nth-child(3) {\r\n      --cw-color: #b97510;\r\n      --cw-color-light: #dda440;\r\n      --cw-rgb: 185, 117, 16;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       FARBE 04 \u2013 GR\u00dcN\r\n    ========================================================= *\/\r\n\r\n    #cw-project-process-v4\r\n    .cw-step-wrap:nth-child(4) {\r\n      --cw-color: #149f73;\r\n      --cw-color-light: #34bb8d;\r\n      --cw-rgb: 20, 159, 115;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       SCROLL REVEAL\r\n    ========================================================= *\/\r\n\r\n    #cw-project-process-v4.is-visible\r\n    .cw-step-wrap {\r\n      opacity: 1;\r\n\r\n      transform:\r\n        translateY(0)\r\n        scale(1);\r\n    }\r\n\r\n\r\n    #cw-project-process-v4.is-visible\r\n    .cw-step-wrap:nth-child(1) {\r\n      transition-delay: 0.06s;\r\n    }\r\n\r\n    #cw-project-process-v4.is-visible\r\n    .cw-step-wrap:nth-child(2) {\r\n      transition-delay: 0.15s;\r\n    }\r\n\r\n    #cw-project-process-v4.is-visible\r\n    .cw-step-wrap:nth-child(3) {\r\n      transition-delay: 0.24s;\r\n    }\r\n\r\n    #cw-project-process-v4.is-visible\r\n    .cw-step-wrap:nth-child(4) {\r\n      transition-delay: 0.33s;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       NUMMER\r\n    ========================================================= *\/\r\n\r\n    #cw-project-process-v4 .cw-number {\r\n      position: absolute;\r\n\r\n      top: 0;\r\n      left: 50%;\r\n\r\n      z-index: 5;\r\n\r\n      display: grid;\r\n      place-items: center;\r\n\r\n      width: 62px;\r\n      height: 62px;\r\n\r\n      border:\r\n        5px solid\r\n        rgba(248, 251, 255, 0.98);\r\n\r\n      border-radius: 50%;\r\n\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          var(--cw-color-light) 0%,\r\n          var(--cw-color) 100%\r\n        );\r\n\r\n      color: #ffffff;\r\n\r\n      font-size: 12px;\r\n      font-weight: 850;\r\n      line-height: 1;\r\n\r\n      box-shadow:\r\n        0 12px 28px\r\n        rgba(var(--cw-rgb), 0.25),\r\n\r\n        0 0 0 1px\r\n        rgba(var(--cw-rgb), 0.09),\r\n\r\n        0 0 24px\r\n        rgba(var(--cw-rgb), 0.09);\r\n\r\n      transform:\r\n        translateX(-50%);\r\n\r\n      transition:\r\n        transform 0.32s\r\n        cubic-bezier(.2, .8, .2, 1),\r\n\r\n        box-shadow 0.32s ease;\r\n    }\r\n\r\n\r\n    \/* innerer Ring *\/\r\n    #cw-project-process-v4 .cw-number::before {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n      inset: 5px;\r\n\r\n      border:\r\n        1px solid\r\n        rgba(255, 255, 255, 0.28);\r\n\r\n      border-radius: 50%;\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n\r\n    \/* weicher \u00e4u\u00dferer Glow *\/\r\n    #cw-project-process-v4 .cw-number::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n      z-index: -1;\r\n\r\n      inset: -10px;\r\n\r\n      border-radius: 50%;\r\n\r\n      background:\r\n        rgba(var(--cw-rgb), 0.095);\r\n\r\n      opacity: 0.75;\r\n\r\n      transform: scale(0.95);\r\n\r\n      transition:\r\n        opacity 0.32s ease,\r\n        transform 0.32s ease;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       CARD\r\n    ========================================================= *\/\r\n\r\n    #cw-project-process-v4 .cw-card {\r\n      position: relative;\r\n\r\n      display: flex;\r\n      flex-direction: column;\r\n\r\n      min-height: 270px;\r\n\r\n      padding:\r\n        52px\r\n        28px\r\n        27px;\r\n\r\n      overflow: hidden;\r\n\r\n      border:\r\n        1px solid\r\n        rgba(var(--cw-rgb), 0.14);\r\n\r\n      border-radius: 24px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 92% 3%,\r\n          rgba(var(--cw-rgb), 0.105),\r\n          transparent 41%\r\n        ),\r\n        radial-gradient(\r\n          circle at 6% 100%,\r\n          rgba(var(--cw-rgb), 0.025),\r\n          transparent 35%\r\n        ),\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(255, 255, 255, 0.985),\r\n          rgba(249, 252, 255, 0.94)\r\n        );\r\n\r\n      box-shadow:\r\n        0 20px 50px\r\n        rgba(18, 42, 80, 0.065),\r\n\r\n        inset 0 1px 0\r\n        rgba(255, 255, 255, 0.98);\r\n\r\n      backdrop-filter: blur(14px);\r\n      -webkit-backdrop-filter: blur(14px);\r\n\r\n      transition:\r\n        transform 0.32s\r\n        cubic-bezier(.2, .8, .2, 1),\r\n\r\n        box-shadow 0.32s ease,\r\n\r\n        border-color 0.32s ease,\r\n\r\n        background 0.32s ease;\r\n    }\r\n\r\n\r\n    \/* dezente farbige Oberkante *\/\r\n    #cw-project-process-v4\r\n    .cw-card::before {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      top: 0;\r\n      left: 24px;\r\n      right: 24px;\r\n\r\n      height: 2px;\r\n\r\n      border-radius:\r\n        0 0 999px 999px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          transparent,\r\n          rgba(var(--cw-rgb), 0.95),\r\n          transparent\r\n        );\r\n\r\n      opacity: 0.38;\r\n\r\n      transform:\r\n        scaleX(0.62);\r\n\r\n      transition:\r\n        opacity 0.32s ease,\r\n        transform 0.32s ease;\r\n    }\r\n\r\n\r\n    \/* Hover Light Sweep *\/\r\n    #cw-project-process-v4\r\n    .cw-card::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      top: -55%;\r\n      left: -80%;\r\n\r\n      width: 42%;\r\n      height: 210%;\r\n\r\n      pointer-events: none;\r\n\r\n      background:\r\n        linear-gradient(\r\n          105deg,\r\n          transparent 18%,\r\n          rgba(255, 255, 255, 0.55) 48%,\r\n          transparent 78%\r\n        );\r\n\r\n      opacity: 0;\r\n\r\n      transform:\r\n        rotate(9deg);\r\n\r\n      transition:\r\n        left 0.75s ease,\r\n        opacity 0.2s ease;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       TYPOGRAFIE\r\n    ========================================================= *\/\r\n\r\n    #cw-project-process-v4 .cw-label {\r\n      display: block;\r\n\r\n      margin-bottom: 11px;\r\n\r\n      color: var(--cw-color);\r\n\r\n      font-size: 10px;\r\n      font-weight: 850;\r\n      line-height: 1;\r\n\r\n      letter-spacing: 0.11em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n\r\n    #cw-project-process-v4 .cw-card h3 {\r\n      margin: 0;\r\n\r\n      color: var(--cw-heading);\r\n\r\n      font-size:\r\n        clamp(1.22rem, 1.7vw, 1.5rem);\r\n\r\n      font-weight: 800;\r\n      line-height: 1.18;\r\n\r\n      letter-spacing: -0.034em;\r\n\r\n      text-wrap: balance;\r\n    }\r\n\r\n\r\n    #cw-project-process-v4 .cw-card p {\r\n      margin: 15px 0 0;\r\n\r\n      color: var(--cw-muted);\r\n\r\n      font-size: 14px;\r\n      line-height: 1.66;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       BADGE\r\n    ========================================================= *\/\r\n\r\n    #cw-project-process-v4 .cw-meta {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      align-self: flex-start;\r\n      gap: 8px;\r\n\r\n      margin-top: auto;\r\n      padding: 8px 11px;\r\n\r\n      border:\r\n        1px solid\r\n        rgba(var(--cw-rgb), 0.15);\r\n\r\n      border-radius: 999px;\r\n\r\n      background:\r\n        rgba(var(--cw-rgb), 0.06);\r\n\r\n      color: var(--cw-color);\r\n\r\n      font-size: 10px;\r\n      font-weight: 780;\r\n      line-height: 1.2;\r\n\r\n      transition:\r\n        transform 0.25s ease,\r\n        background 0.25s ease,\r\n        border-color 0.25s ease;\r\n    }\r\n\r\n\r\n    #cw-project-process-v4 .cw-dot {\r\n      position: relative;\r\n\r\n      width: 6px;\r\n      height: 6px;\r\n\r\n      flex: 0 0 auto;\r\n\r\n      border-radius: 50%;\r\n\r\n      background:\r\n        var(--cw-color);\r\n\r\n      box-shadow:\r\n        0 0 0 4px\r\n        rgba(var(--cw-rgb), 0.09);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       HOVER\r\n    ========================================================= *\/\r\n\r\n    @media (hover: hover) and (pointer: fine) {\r\n\r\n      #cw-project-process-v4\r\n      .cw-step-wrap:hover\r\n      .cw-card {\r\n        transform:\r\n          translateY(-7px);\r\n\r\n        border-color:\r\n          rgba(var(--cw-rgb), 0.29);\r\n\r\n        background:\r\n          radial-gradient(\r\n            circle at 92% 3%,\r\n            rgba(var(--cw-rgb), 0.15),\r\n            transparent 42%\r\n          ),\r\n          radial-gradient(\r\n            circle at 6% 100%,\r\n            rgba(var(--cw-rgb), 0.035),\r\n            transparent 35%\r\n          ),\r\n          linear-gradient(\r\n            145deg,\r\n            rgba(255, 255, 255, 1),\r\n            rgba(249, 252, 255, 0.98)\r\n          );\r\n\r\n        box-shadow:\r\n          0 31px 67px\r\n          rgba(18, 42, 80, 0.105),\r\n\r\n          0 0 38px\r\n          rgba(var(--cw-rgb), 0.07),\r\n\r\n          inset 0 1px 0\r\n          rgba(255, 255, 255, 1);\r\n      }\r\n\r\n\r\n      #cw-project-process-v4\r\n      .cw-step-wrap:hover\r\n      .cw-card::before {\r\n        opacity: 1;\r\n\r\n        transform:\r\n          scaleX(1);\r\n      }\r\n\r\n\r\n      #cw-project-process-v4\r\n      .cw-step-wrap:hover\r\n      .cw-card::after {\r\n        left: 140%;\r\n        opacity: 1;\r\n      }\r\n\r\n\r\n      #cw-project-process-v4\r\n      .cw-step-wrap:hover\r\n      .cw-number {\r\n        transform:\r\n          translateX(-50%)\r\n          translateY(-4px)\r\n          scale(1.065);\r\n\r\n        box-shadow:\r\n          0 17px 35px\r\n          rgba(var(--cw-rgb), 0.34),\r\n\r\n          0 0 28px\r\n          rgba(var(--cw-rgb), 0.16);\r\n      }\r\n\r\n\r\n      #cw-project-process-v4\r\n      .cw-step-wrap:hover\r\n      .cw-number::after {\r\n        opacity: 1;\r\n\r\n        transform:\r\n          scale(1.16);\r\n      }\r\n\r\n\r\n      #cw-project-process-v4\r\n      .cw-step-wrap:hover\r\n      .cw-meta {\r\n        transform:\r\n          translateY(-2px);\r\n\r\n        background:\r\n          rgba(var(--cw-rgb), 0.095);\r\n\r\n        border-color:\r\n          rgba(var(--cw-rgb), 0.23);\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       HEADER ANIMATION\r\n    ========================================================= *\/\r\n\r\n    @keyframes cwV4Gradient {\r\n\r\n      0%,\r\n      100% {\r\n        background-position:\r\n          0% 50%;\r\n      }\r\n\r\n      50% {\r\n        background-position:\r\n          100% 50%;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       TABLET\r\n    ========================================================= *\/\r\n\r\n    @media (max-width: 1000px) {\r\n\r\n      #cw-project-process-v4 .cw-steps {\r\n        grid-template-columns:\r\n          repeat(2, minmax(0, 1fr));\r\n\r\n        gap:\r\n          54px 22px;\r\n      }\r\n\r\n\r\n      #cw-project-process-v4 .cw-card {\r\n        min-height: 255px;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       MOBILE\r\n    ========================================================= *\/\r\n\r\n    @media (max-width: 680px) {\r\n\r\n      #cw-project-process-v4 {\r\n        padding:\r\n          64px 0;\r\n      }\r\n\r\n\r\n      #cw-project-process-v4 .cw-shell {\r\n        width:\r\n          min(\r\n            100% - 28px,\r\n            var(--cw-container)\r\n          );\r\n      }\r\n\r\n\r\n      #cw-project-process-v4 .cw-head {\r\n        margin-bottom: 52px;\r\n\r\n        text-align: left;\r\n      }\r\n\r\n\r\n      #cw-project-process-v4 .cw-kicker {\r\n        justify-content: flex-start;\r\n      }\r\n\r\n\r\n      #cw-project-process-v4 .cw-head h2 {\r\n        font-size:\r\n          clamp(\r\n            2.25rem,\r\n            11vw,\r\n            3.15rem\r\n          );\r\n      }\r\n\r\n\r\n      #cw-project-process-v4\r\n      .cw-head-copy {\r\n        margin-left: 0;\r\n        margin-right: 0;\r\n\r\n        font-size: 15px;\r\n      }\r\n\r\n\r\n      #cw-project-process-v4 .cw-steps {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 48px;\r\n      }\r\n\r\n\r\n      #cw-project-process-v4 .cw-step-wrap {\r\n        padding-top: 27px;\r\n      }\r\n\r\n\r\n      #cw-project-process-v4 .cw-number {\r\n        width: 54px;\r\n        height: 54px;\r\n\r\n        border-width: 4px;\r\n\r\n        font-size: 11px;\r\n      }\r\n\r\n\r\n      #cw-project-process-v4 .cw-card {\r\n        min-height: 0;\r\n\r\n        padding:\r\n          46px\r\n          21px\r\n          23px;\r\n\r\n        border-radius: 21px;\r\n      }\r\n\r\n\r\n      #cw-project-process-v4 .cw-card h3 {\r\n        font-size: 1.38rem;\r\n      }\r\n\r\n\r\n      #cw-project-process-v4 .cw-meta {\r\n        margin-top: 22px;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       REDUCED MOTION\r\n    ========================================================= *\/\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n\r\n      #cw-project-process-v4 *,\r\n      #cw-project-process-v4 *::before,\r\n      #cw-project-process-v4 *::after {\r\n        animation: none !important;\r\n        transition: none !important;\r\n      }\r\n\r\n\r\n      #cw-project-process-v4\r\n      .cw-step-wrap {\r\n        opacity: 1;\r\n\r\n        transform:\r\n          none;\r\n      }\r\n\r\n    }\r\n\r\n  <\/style>\r\n\r\n\r\n  <div class=\"cw-shell\">\r\n\r\n\r\n    <!-- =====================================================\r\n         HEADER\r\n    ====================================================== -->\r\n\r\n    <header class=\"cw-head\">\r\n\r\n      <p\r\n        class=\"cw-kicker\"\r\n        data-cw-edit\r\n      >\r\n        So l\u00e4uft die Zusammenarbeit\r\n      <\/p>\r\n\r\n\r\n      <h2\r\n        id=\"cw-project-process-v4-title\"\r\n        data-cw-edit\r\n      >\r\n        In 4 Schritten von der Idee\r\n        <span>zum fertigen Projekt.<\/span>\r\n      <\/h2>\r\n\r\n\r\n      <p\r\n        class=\"cw-head-copy\"\r\n        data-cw-edit\r\n      >\r\n        Klarer Ablauf, direkte Abstimmung und keine unn\u00f6tig komplizierten Prozesse.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         STEPS\r\n    ====================================================== -->\r\n\r\n    <div class=\"cw-steps\">\r\n\r\n\r\n      <!-- ===================================================\r\n           STEP 01\r\n      ==================================================== -->\r\n\r\n      <div class=\"cw-step-wrap\">\r\n\r\n        <div\r\n          class=\"cw-number\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          01\r\n        <\/div>\r\n\r\n\r\n        <article class=\"cw-card\">\r\n\r\n          <span\r\n            class=\"cw-label\"\r\n            data-cw-edit\r\n          >\r\n            Schritt 01\r\n          <\/span>\r\n\r\n\r\n          <h3 data-cw-edit>\r\n            Kostenloses Erstgespr\u00e4ch\r\n          <\/h3>\r\n\r\n\r\n          <p data-cw-edit>\r\n            Wir kl\u00e4ren Ihre Ziele, Anforderungen und was f\u00fcr Ihr Projekt wirklich sinnvoll ist.\r\n          <\/p>\r\n\r\n\r\n          <span\r\n            class=\"cw-meta\"\r\n            data-cw-edit\r\n          >\r\n\r\n            <span\r\n              class=\"cw-dot\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n\r\n            Kostenlos &amp; unverbindlich\r\n\r\n          <\/span>\r\n\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           STEP 02\r\n      ==================================================== -->\r\n\r\n      <div class=\"cw-step-wrap\">\r\n\r\n        <div\r\n          class=\"cw-number\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          02\r\n        <\/div>\r\n\r\n\r\n        <article class=\"cw-card\">\r\n\r\n          <span\r\n            class=\"cw-label\"\r\n            data-cw-edit\r\n          >\r\n            Schritt 02\r\n          <\/span>\r\n\r\n\r\n          <h3 data-cw-edit>\r\n            Konzept &amp; Angebot\r\n          <\/h3>\r\n\r\n\r\n          <p data-cw-edit>\r\n            Sie erhalten eine klare Empfehlung, den passenden Umfang und ein transparentes Angebot.\r\n          <\/p>\r\n\r\n\r\n          <span\r\n            class=\"cw-meta\"\r\n            data-cw-edit\r\n          >\r\n\r\n            <span\r\n              class=\"cw-dot\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n\r\n            Klar &amp; transparent\r\n\r\n          <\/span>\r\n\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           STEP 03\r\n      ==================================================== -->\r\n\r\n      <div class=\"cw-step-wrap\">\r\n\r\n        <div\r\n          class=\"cw-number\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          03\r\n        <\/div>\r\n\r\n\r\n        <article class=\"cw-card\">\r\n\r\n          <span\r\n            class=\"cw-label\"\r\n            data-cw-edit\r\n          >\r\n            Schritt 03\r\n          <\/span>\r\n\r\n\r\n          <h3 data-cw-edit>\r\n            Umsetzung &amp; Abstimmung\r\n          <\/h3>\r\n\r\n\r\n          <p data-cw-edit>\r\n            Ich setze das Projekt um und stimme die wichtigen Schritte direkt mit Ihnen ab.\r\n          <\/p>\r\n\r\n\r\n          <span\r\n            class=\"cw-meta\"\r\n            data-cw-edit\r\n          >\r\n\r\n            <span\r\n              class=\"cw-dot\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n\r\n            Pers\u00f6nliche Zusammenarbeit\r\n\r\n          <\/span>\r\n\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           STEP 04\r\n      ==================================================== -->\r\n\r\n      <div class=\"cw-step-wrap\">\r\n\r\n        <div\r\n          class=\"cw-number\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          04\r\n        <\/div>\r\n\r\n\r\n        <article class=\"cw-card\">\r\n\r\n          <span\r\n            class=\"cw-label\"\r\n            data-cw-edit\r\n          >\r\n            Schritt 04\r\n          <\/span>\r\n\r\n\r\n          <h3 data-cw-edit>\r\n            Launch &amp; Betreuung\r\n          <\/h3>\r\n\r\n\r\n          <p data-cw-edit>\r\n            Nach dem finalen Check geht Ihr Projekt live. Auf Wunsch begleite ich Sie anschlie\u00dfend weiter.\r\n          <\/p>\r\n\r\n\r\n          <span\r\n            class=\"cw-meta\"\r\n            data-cw-edit\r\n          >\r\n\r\n            <span\r\n              class=\"cw-dot\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n\r\n            Go-live &amp; optionaler Support\r\n\r\n          <\/span>\r\n\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       SCROLL REVEAL\r\n  ====================================================== -->\r\n\r\n  <script>\r\n    (() => {\r\n\r\n      const section =\r\n        document.getElementById(\r\n          \"cw-project-process-v4\"\r\n        );\r\n\r\n\r\n      if (\r\n        !section ||\r\n        section.dataset.cwReady === \"true\"\r\n      ) {\r\n        return;\r\n      }\r\n\r\n\r\n      section.dataset.cwReady =\r\n        \"true\";\r\n\r\n\r\n      const reducedMotion =\r\n        window.matchMedia(\r\n          \"(prefers-reduced-motion: reduce)\"\r\n        ).matches;\r\n\r\n\r\n      if (reducedMotion) {\r\n\r\n        section.classList.add(\r\n          \"is-visible\"\r\n        );\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      const observer =\r\n        new IntersectionObserver(\r\n          entries => {\r\n\r\n            entries.forEach(entry => {\r\n\r\n              if (\r\n                entry.isIntersecting\r\n              ) {\r\n\r\n                section.classList.add(\r\n                  \"is-visible\"\r\n                );\r\n\r\n                observer.disconnect();\r\n\r\n              }\r\n\r\n            });\r\n\r\n          },\r\n\r\n          {\r\n            threshold: 0.14\r\n          }\r\n\r\n        );\r\n\r\n\r\n      observer.observe(section);\r\n\r\n    })();\r\n  <\/script>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c7e5cb elementor-widget elementor-widget-html\" data-id=\"2c7e5cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section\r\n  id=\"cw-reviews-spectrum\"\r\n  aria-labelledby=\"cw-reviews-spectrum-title\"\r\n>\r\n  <style>\r\n    #cw-reviews-spectrum,\r\n    #cw-reviews-spectrum *,\r\n    #cw-reviews-spectrum *::before,\r\n    #cw-reviews-spectrum *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #cw-reviews-spectrum {\r\n      --cw-bg: #030711;\r\n      --cw-bg-soft: #071426;\r\n\r\n      --cw-blue: #397cff;\r\n      --cw-blue-rgb: 57, 124, 255;\r\n\r\n      --cw-cyan: #16c5d8;\r\n      --cw-cyan-rgb: 22, 197, 216;\r\n\r\n      --cw-violet: #8265ff;\r\n      --cw-violet-rgb: 130, 101, 255;\r\n\r\n      --cw-pink: #e957ad;\r\n      --cw-pink-rgb: 233, 87, 173;\r\n\r\n      --cw-green: #20bc82;\r\n      --cw-green-rgb: 32, 188, 130;\r\n\r\n      --cw-gold: #f3ae35;\r\n      --cw-gold-rgb: 243, 174, 53;\r\n\r\n      --cw-white: #ffffff;\r\n      --cw-text: #e8eef8;\r\n      --cw-muted: #9cabc0;\r\n\r\n      --cw-container: 1240px;\r\n\r\n      --cw-mouse-x: 50%;\r\n      --cw-mouse-y: 50%;\r\n\r\n      position: relative;\r\n      isolation: isolate;\r\n      overflow: hidden;\r\n\r\n      width: 100%;\r\n\r\n      padding:\r\n        clamp(84px, 9vw, 132px)\r\n        0;\r\n\r\n      color: var(--cw-text);\r\n\r\n      font-family:\r\n        Inter,\r\n        system-ui,\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        sans-serif;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 5% 8%,\r\n          rgba(57, 124, 255, 0.24),\r\n          transparent 27%\r\n        ),\r\n        radial-gradient(\r\n          circle at 94% 14%,\r\n          rgba(233, 87, 173, 0.13),\r\n          transparent 25%\r\n        ),\r\n        radial-gradient(\r\n          circle at 75% 96%,\r\n          rgba(32, 188, 130, 0.13),\r\n          transparent 27%\r\n        ),\r\n        linear-gradient(\r\n          145deg,\r\n          #02050d 0%,\r\n          #071426 46%,\r\n          #040812 100%\r\n        );\r\n    }\r\n\r\n\r\n    \/* ======================================================\r\n       GRID\r\n    ====================================================== *\/\r\n\r\n    #cw-reviews-spectrum::before {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n      inset: 0;\r\n\r\n      z-index: -6;\r\n\r\n      pointer-events: none;\r\n\r\n      opacity: 0.34;\r\n\r\n      background-image:\r\n        linear-gradient(\r\n          rgba(255,255,255,0.032) 1px,\r\n          transparent 1px\r\n        ),\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(255,255,255,0.032) 1px,\r\n          transparent 1px\r\n        );\r\n\r\n      background-size:\r\n        64px 64px;\r\n\r\n      -webkit-mask-image:\r\n        linear-gradient(\r\n          to bottom,\r\n          transparent 0%,\r\n          #000 10%,\r\n          #000 88%,\r\n          transparent 100%\r\n        );\r\n\r\n      mask-image:\r\n        linear-gradient(\r\n          to bottom,\r\n          transparent 0%,\r\n          #000 10%,\r\n          #000 88%,\r\n          transparent 100%\r\n        );\r\n    }\r\n\r\n\r\n    \/* ======================================================\r\n       GLOBAL CURSOR SPOTLIGHT\r\n    ====================================================== *\/\r\n\r\n    #cw-reviews-spectrum::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n      inset: 0;\r\n\r\n      z-index: -3;\r\n\r\n      pointer-events: none;\r\n\r\n      background:\r\n        radial-gradient(\r\n          600px circle\r\n          at var(--cw-mouse-x)\r\n          var(--cw-mouse-y),\r\n          rgba(73, 137, 255, 0.13),\r\n          rgba(79, 95, 255, 0.04) 35%,\r\n          transparent 67%\r\n        );\r\n    }\r\n\r\n\r\n    \/* ======================================================\r\n       AURORA\r\n    ====================================================== *\/\r\n\r\n    #cw-reviews-spectrum .cw-rv-aurora {\r\n      position: absolute;\r\n      inset: 0;\r\n\r\n      z-index: -5;\r\n\r\n      overflow: hidden;\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum .cw-rv-orb {\r\n      position: absolute;\r\n\r\n      border-radius: 50%;\r\n\r\n      filter: blur(42px);\r\n\r\n      opacity: 0.72;\r\n\r\n      will-change: transform;\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum .cw-rv-orb.is-blue {\r\n      width: 480px;\r\n      height: 480px;\r\n\r\n      top: 2%;\r\n      left: -250px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle,\r\n          rgba(45, 113, 255, 0.30),\r\n          transparent 70%\r\n        );\r\n\r\n      animation:\r\n        cwRvBlueFloat\r\n        14s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum .cw-rv-orb.is-pink {\r\n      width: 500px;\r\n      height: 500px;\r\n\r\n      top: 20%;\r\n      right: -270px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle,\r\n          rgba(220, 63, 190, 0.19),\r\n          transparent 70%\r\n        );\r\n\r\n      animation:\r\n        cwRvPinkFloat\r\n        16s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum .cw-rv-orb.is-green {\r\n      width: 460px;\r\n      height: 460px;\r\n\r\n      left: 34%;\r\n      bottom: -330px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle,\r\n          rgba(26, 194, 139, 0.17),\r\n          transparent 70%\r\n        );\r\n\r\n      animation:\r\n        cwRvGreenFloat\r\n        17s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    \/* ======================================================\r\n       WRAPPER\r\n    ====================================================== *\/\r\n\r\n    #cw-reviews-spectrum .cw-rv-wrap {\r\n      position: relative;\r\n      z-index: 3;\r\n\r\n      width:\r\n        min(\r\n          var(--cw-container),\r\n          calc(100% - 40px)\r\n        );\r\n\r\n      margin: 0 auto;\r\n    }\r\n\r\n\r\n    \/* ======================================================\r\n       HEADER\r\n    ====================================================== *\/\r\n\r\n    #cw-reviews-spectrum .cw-rv-head {\r\n      max-width: 940px;\r\n\r\n      margin:\r\n        0 auto\r\n        40px;\r\n\r\n      text-align: center;\r\n\r\n      opacity: 0;\r\n\r\n      transform:\r\n        translateY(24px)\r\n        scale(0.985);\r\n\r\n      transition:\r\n        opacity 0.8s ease,\r\n        transform 0.8s\r\n        cubic-bezier(.2,.75,.25,1);\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum.is-visible\r\n    .cw-rv-head {\r\n      opacity: 1;\r\n\r\n      transform:\r\n        translateY(0)\r\n        scale(1);\r\n    }\r\n\r\n\r\n    \/* Kicker *\/\r\n    #cw-reviews-spectrum .cw-rv-kicker {\r\n      display: inline-flex;\r\n\r\n      align-items: center;\r\n\r\n      gap: 9px;\r\n\r\n      min-height: 36px;\r\n\r\n      padding:\r\n        0 14px;\r\n\r\n      margin-bottom:\r\n        20px;\r\n\r\n      border:\r\n        1px solid\r\n        rgba(255,255,255,0.12);\r\n\r\n      border-radius:\r\n        999px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          135deg,\r\n          rgba(255,255,255,0.09),\r\n          rgba(255,255,255,0.045)\r\n        );\r\n\r\n      color:\r\n        rgba(255,255,255,0.82);\r\n\r\n      font-size: 10px;\r\n      font-weight: 820;\r\n\r\n      line-height: 1;\r\n\r\n      letter-spacing: 0.11em;\r\n\r\n      text-transform:\r\n        uppercase;\r\n\r\n      backdrop-filter:\r\n        blur(16px);\r\n\r\n      -webkit-backdrop-filter:\r\n        blur(16px);\r\n\r\n      box-shadow:\r\n        inset 0 1px\r\n        rgba(255,255,255,0.06);\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-kicker::before {\r\n      content: \"\";\r\n\r\n      position: relative;\r\n\r\n      width: 7px;\r\n      height: 7px;\r\n\r\n      flex: 0 0 auto;\r\n\r\n      border-radius: 50%;\r\n\r\n      background:\r\n        #24cf8f;\r\n\r\n      box-shadow:\r\n        0 0 0 4px\r\n        rgba(36,207,143,0.10),\r\n\r\n        0 0 16px\r\n        rgba(36,207,143,0.42);\r\n\r\n      animation:\r\n        cwRvStatusPulse\r\n        2.8s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    \/* Heading *\/\r\n    #cw-reviews-spectrum .cw-rv-head h2 {\r\n      max-width: 920px;\r\n\r\n      margin: 0 auto;\r\n\r\n      color: #ffffff;\r\n\r\n      font-size:\r\n        clamp(\r\n          2.7rem,\r\n          5.4vw,\r\n          5rem\r\n        );\r\n\r\n      font-weight: 860;\r\n\r\n      line-height: 1;\r\n\r\n      letter-spacing: -0.067em;\r\n\r\n      text-wrap: balance;\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-head h2 span {\r\n      color: transparent;\r\n\r\n      background:\r\n        linear-gradient(\r\n          100deg,\r\n          #5b94ff 0%,\r\n          #39d0dc 27%,\r\n          #9b72ff 54%,\r\n          #ef67b8 77%,\r\n          #5b94ff 100%\r\n        );\r\n\r\n      background-size:\r\n        240% 100%;\r\n\r\n      background-clip: text;\r\n\r\n      -webkit-background-clip:\r\n        text;\r\n\r\n      animation:\r\n        cwRvTitleFlow\r\n        9s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-head p {\r\n      max-width: 720px;\r\n\r\n      margin:\r\n        20px auto 0;\r\n\r\n      color:\r\n        var(--cw-muted);\r\n\r\n      font-size: 16px;\r\n\r\n      line-height: 1.72;\r\n    }\r\n\r\n\r\n    \/* ======================================================\r\n       TRUST BAR\r\n    ====================================================== *\/\r\n\r\n    #cw-reviews-spectrum .cw-rv-trust {\r\n      position: relative;\r\n\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        58px\r\n        minmax(0,1fr)\r\n        auto;\r\n\r\n      align-items: center;\r\n\r\n      gap: 18px;\r\n\r\n      max-width: 920px;\r\n\r\n      margin:\r\n        0 auto\r\n        clamp(48px, 6vw, 66px);\r\n\r\n      padding:\r\n        17px 18px;\r\n\r\n      overflow: hidden;\r\n\r\n      border:\r\n        1px solid transparent;\r\n\r\n      border-radius: 21px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(15,29,53,0.94),\r\n          rgba(8,17,33,0.94)\r\n        )\r\n        padding-box,\r\n\r\n        linear-gradient(\r\n          110deg,\r\n          rgba(57,124,255,0.62),\r\n          rgba(22,197,216,0.36),\r\n          rgba(243,174,53,0.46),\r\n          rgba(233,87,173,0.30)\r\n        )\r\n        border-box;\r\n\r\n      box-shadow:\r\n        0 24px 60px\r\n        rgba(0,0,0,0.28),\r\n\r\n        0 0 42px\r\n        rgba(57,124,255,0.07),\r\n\r\n        inset 0 1px 0\r\n        rgba(255,255,255,0.055);\r\n\r\n      backdrop-filter:\r\n        blur(18px);\r\n\r\n      -webkit-backdrop-filter:\r\n        blur(18px);\r\n\r\n      opacity: 0;\r\n\r\n      transform:\r\n        translateY(20px);\r\n\r\n      transition:\r\n        opacity 0.7s ease,\r\n        transform 0.7s\r\n        cubic-bezier(.2,.75,.25,1),\r\n\r\n        box-shadow 0.3s ease;\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum.is-visible\r\n    .cw-rv-trust {\r\n      opacity: 1;\r\n\r\n      transform:\r\n        translateY(0);\r\n\r\n      transition-delay:\r\n        0.12s;\r\n    }\r\n\r\n\r\n    \/* moving light *\/\r\n    #cw-reviews-spectrum\r\n    .cw-rv-trust::before {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      top: -80%;\r\n      left: -30%;\r\n\r\n      width: 26%;\r\n      height: 260%;\r\n\r\n      pointer-events: none;\r\n\r\n      opacity: 0.7;\r\n\r\n      background:\r\n        linear-gradient(\r\n          105deg,\r\n          transparent,\r\n          rgba(255,255,255,0.10),\r\n          transparent\r\n        );\r\n\r\n      transform:\r\n        rotate(10deg);\r\n\r\n      animation:\r\n        cwRvTrustShine\r\n        7s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    \/* Google icon *\/\r\n    #cw-reviews-spectrum .cw-rv-google {\r\n      display: grid;\r\n      place-items: center;\r\n\r\n      width: 54px;\r\n      height: 54px;\r\n\r\n      border:\r\n        1px solid\r\n        rgba(255,255,255,0.12);\r\n\r\n      border-radius: 16px;\r\n\r\n      background:\r\n        rgba(255,255,255,0.065);\r\n\r\n      box-shadow:\r\n        inset 0 1px\r\n        rgba(255,255,255,0.07),\r\n\r\n        0 10px 25px\r\n        rgba(0,0,0,0.16);\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-google span {\r\n      color: transparent;\r\n\r\n      font-size: 24px;\r\n      font-weight: 900;\r\n\r\n      line-height: 1;\r\n\r\n      background:\r\n        conic-gradient(\r\n          from 15deg,\r\n          #4285f4,\r\n          #34a853,\r\n          #fbbc05,\r\n          #ea4335,\r\n          #4285f4\r\n        );\r\n\r\n      background-clip: text;\r\n\r\n      -webkit-background-clip:\r\n        text;\r\n    }\r\n\r\n\r\n    \/* Trust copy *\/\r\n    #cw-reviews-spectrum\r\n    .cw-rv-trust-label {\r\n      display: block;\r\n\r\n      margin-bottom: 6px;\r\n\r\n      color:\r\n        rgba(255,255,255,0.45);\r\n\r\n      font-size: 9px;\r\n      font-weight: 820;\r\n\r\n      line-height: 1;\r\n\r\n      letter-spacing:\r\n        0.11em;\r\n\r\n      text-transform:\r\n        uppercase;\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-trust-value {\r\n      display: flex;\r\n\r\n      flex-wrap: wrap;\r\n\r\n      align-items: center;\r\n\r\n      gap: 11px;\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-trust-value strong {\r\n      color: #ffffff;\r\n\r\n      font-size: 16px;\r\n\r\n      font-weight: 780;\r\n\r\n      line-height: 1.3;\r\n    }\r\n\r\n\r\n    \/* stars *\/\r\n    #cw-reviews-spectrum\r\n    .cw-rv-stars {\r\n      display: inline-flex;\r\n\r\n      align-items: center;\r\n\r\n      gap: 2px;\r\n\r\n      color:\r\n        var(--cw-gold);\r\n\r\n      font-size: 18px;\r\n\r\n      line-height: 1;\r\n\r\n      text-shadow:\r\n        0 0 15px\r\n        rgba(243,174,53,0.28);\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-stars span {\r\n      display: inline-block;\r\n\r\n      animation:\r\n        cwRvStarFloat\r\n        3.2s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-stars span:nth-child(2) {\r\n      animation-delay: .12s;\r\n    }\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-stars span:nth-child(3) {\r\n      animation-delay: .24s;\r\n    }\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-stars span:nth-child(4) {\r\n      animation-delay: .36s;\r\n    }\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-stars span:nth-child(5) {\r\n      animation-delay: .48s;\r\n    }\r\n\r\n\r\n    \/* Trust link *\/\r\n    #cw-reviews-spectrum\r\n    .cw-rv-trust-link {\r\n      position: relative;\r\n\r\n      display: inline-flex;\r\n\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      gap: 8px;\r\n\r\n      min-height: 44px;\r\n\r\n      padding:\r\n        0 16px;\r\n\r\n      overflow: hidden;\r\n\r\n      border:\r\n        1px solid\r\n        rgba(255,255,255,0.13);\r\n\r\n      border-radius: 12px;\r\n\r\n      background:\r\n        rgba(255,255,255,0.07);\r\n\r\n      color: #ffffff !important;\r\n\r\n      font-size: 12px;\r\n\r\n      font-weight: 760;\r\n\r\n      line-height: 1;\r\n\r\n      text-decoration: none !important;\r\n\r\n      white-space: nowrap;\r\n\r\n      transition:\r\n        transform .25s ease,\r\n        background .25s ease,\r\n        border-color .25s ease,\r\n        box-shadow .25s ease;\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-trust-link::after {\r\n      content: \"\u2197\";\r\n\r\n      font-size: 14px;\r\n\r\n      transition:\r\n        transform .25s ease;\r\n    }\r\n\r\n\r\n    \/* ======================================================\r\n       REVIEW STAGE\r\n    ====================================================== *\/\r\n\r\n    #cw-reviews-spectrum .cw-rv-stage {\r\n      position: relative;\r\n\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        minmax(0,.96fr)\r\n        minmax(0,1.10fr)\r\n        minmax(0,.96fr);\r\n\r\n      align-items: center;\r\n\r\n      gap: 18px;\r\n\r\n      perspective:\r\n        1400px;\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-stage::before {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      top: 50%;\r\n      left: 50%;\r\n\r\n      z-index: -1;\r\n\r\n      width: 78%;\r\n      height: 80%;\r\n\r\n      border-radius: 50%;\r\n\r\n      transform:\r\n        translate(-50%,-50%);\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle,\r\n          rgba(87, 113, 255, 0.18),\r\n          rgba(42, 167, 211, 0.055) 42%,\r\n          transparent 70%\r\n        );\r\n\r\n      filter:\r\n        blur(34px);\r\n\r\n      pointer-events:\r\n        none;\r\n    }\r\n\r\n\r\n    \/* ======================================================\r\n       CARD BASE\r\n    ====================================================== *\/\r\n\r\n    #cw-reviews-spectrum .cw-rv-card {\r\n      --cw-card: var(--cw-blue);\r\n      --cw-card-2: var(--cw-cyan);\r\n      --cw-card-rgb: var(--cw-blue-rgb);\r\n\r\n      --cw-card-x: 85%;\r\n      --cw-card-y: 0%;\r\n\r\n      position: relative;\r\n\r\n      display: flex;\r\n\r\n      flex-direction: column;\r\n\r\n      min-width: 0;\r\n\r\n      min-height: 430px;\r\n\r\n      padding: 28px;\r\n\r\n      overflow: hidden;\r\n\r\n      border:\r\n        1px solid transparent;\r\n\r\n      border-radius: 25px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          460px circle\r\n          at var(--cw-card-x)\r\n          var(--cw-card-y),\r\n          rgba(var(--cw-card-rgb),0.19),\r\n          transparent 58%\r\n        )\r\n        padding-box,\r\n\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(15,29,52,0.95),\r\n          rgba(6,14,28,0.96)\r\n        )\r\n        padding-box,\r\n\r\n        linear-gradient(\r\n          125deg,\r\n          rgba(var(--cw-card-rgb),0.62),\r\n          rgba(255,255,255,0.08) 42%,\r\n          rgba(var(--cw-card-rgb),0.17)\r\n        )\r\n        border-box;\r\n\r\n      box-shadow:\r\n        0 26px 62px\r\n        rgba(0,0,0,0.28),\r\n\r\n        0 0 34px\r\n        rgba(var(--cw-card-rgb),0.055),\r\n\r\n        inset 0 1px 0\r\n        rgba(255,255,255,0.055);\r\n\r\n      backdrop-filter:\r\n        blur(18px);\r\n\r\n      -webkit-backdrop-filter:\r\n        blur(18px);\r\n\r\n      opacity: 0;\r\n\r\n      transform:\r\n        translateY(30px)\r\n        scale(.985);\r\n\r\n      transform-style:\r\n        preserve-3d;\r\n\r\n      transition:\r\n        opacity .72s ease,\r\n        transform .72s\r\n        cubic-bezier(.2,.75,.25,1),\r\n\r\n        box-shadow .32s ease;\r\n    }\r\n\r\n\r\n    \/* 01 *\/\r\n    #cw-reviews-spectrum\r\n    .cw-rv-card:nth-child(1) {\r\n      --cw-card: #3b7eff;\r\n      --cw-card-2: #20c7df;\r\n      --cw-card-rgb: 59,126,255;\r\n    }\r\n\r\n\r\n    \/* 02 *\/\r\n    #cw-reviews-spectrum\r\n    .cw-rv-card:nth-child(2) {\r\n      --cw-card: #8768ff;\r\n      --cw-card-2: #ef61b5;\r\n      --cw-card-rgb: 135,104,255;\r\n\r\n      min-height: 482px;\r\n\r\n      transform:\r\n        translateY(18px)\r\n        scale(.985);\r\n\r\n      background:\r\n        radial-gradient(\r\n          520px circle\r\n          at var(--cw-card-x)\r\n          var(--cw-card-y),\r\n          rgba(135,104,255,0.24),\r\n          transparent 60%\r\n        )\r\n        padding-box,\r\n\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(20,28,57,0.98),\r\n          rgba(8,14,30,0.97)\r\n        )\r\n        padding-box,\r\n\r\n        linear-gradient(\r\n          125deg,\r\n          rgba(147,110,255,0.85),\r\n          rgba(239,97,181,0.31) 48%,\r\n          rgba(255,255,255,0.10)\r\n        )\r\n        border-box;\r\n\r\n      box-shadow:\r\n        0 34px 78px\r\n        rgba(0,0,0,0.34),\r\n\r\n        0 0 52px\r\n        rgba(135,104,255,0.10),\r\n\r\n        inset 0 1px\r\n        rgba(255,255,255,0.065);\r\n    }\r\n\r\n\r\n    \/* 03 *\/\r\n    #cw-reviews-spectrum\r\n    .cw-rv-card:nth-child(3) {\r\n      --cw-card: #24bd83;\r\n      --cw-card-2: #f0ae38;\r\n      --cw-card-rgb: 36,189,131;\r\n    }\r\n\r\n\r\n    \/* ======================================================\r\n       CARD REVEAL\r\n    ====================================================== *\/\r\n\r\n    #cw-reviews-spectrum.is-visible\r\n    .cw-rv-card {\r\n      opacity: 1;\r\n\r\n      transform:\r\n        translateY(0)\r\n        scale(1);\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum.is-visible\r\n    .cw-rv-card:nth-child(1) {\r\n      transition-delay:\r\n        .18s;\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum.is-visible\r\n    .cw-rv-card:nth-child(2) {\r\n      transform:\r\n        translateY(-12px)\r\n        scale(1);\r\n\r\n      transition-delay:\r\n        .28s;\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum.is-visible\r\n    .cw-rv-card:nth-child(3) {\r\n      transition-delay:\r\n        .38s;\r\n    }\r\n\r\n\r\n    \/* ======================================================\r\n       TOP ACCENT\r\n    ====================================================== *\/\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-card::before {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      top: 0;\r\n      left: 28px;\r\n\r\n      z-index: 3;\r\n\r\n      width: 58px;\r\n      height: 3px;\r\n\r\n      border-radius:\r\n        0 0 999px 999px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          var(--cw-card),\r\n          var(--cw-card-2)\r\n        );\r\n\r\n      box-shadow:\r\n        0 0 20px\r\n        rgba(var(--cw-card-rgb),0.58);\r\n\r\n      transition:\r\n        width .35s\r\n        cubic-bezier(.2,.75,.25,1);\r\n    }\r\n\r\n\r\n    \/* ======================================================\r\n       CARD SHINE\r\n    ====================================================== *\/\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-card::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      top: -75%;\r\n      left: -55%;\r\n\r\n      z-index: 1;\r\n\r\n      width: 30%;\r\n      height: 240%;\r\n\r\n      pointer-events: none;\r\n\r\n      opacity: 0;\r\n\r\n      background:\r\n        linear-gradient(\r\n          105deg,\r\n          transparent,\r\n          rgba(255,255,255,.10),\r\n          transparent\r\n        );\r\n\r\n      transform:\r\n        rotate(9deg);\r\n\r\n      transition:\r\n        left .8s ease,\r\n        opacity .25s ease;\r\n    }\r\n\r\n\r\n    \/* ======================================================\r\n       QUOTE MARK\r\n    ====================================================== *\/\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-quote-bg {\r\n      position: absolute;\r\n\r\n      right: 15px;\r\n      bottom: -60px;\r\n\r\n      z-index: 0;\r\n\r\n      color:\r\n        rgba(var(--cw-card-rgb),0.07);\r\n\r\n      font-family:\r\n        Georgia,\r\n        serif;\r\n\r\n      font-size: 220px;\r\n\r\n      font-weight: 700;\r\n\r\n      line-height: 1;\r\n\r\n      pointer-events: none;\r\n\r\n      user-select: none;\r\n\r\n      transition:\r\n        color .3s ease,\r\n        transform .3s ease;\r\n    }\r\n\r\n\r\n    \/* ======================================================\r\n       REVIEW TOP\r\n    ====================================================== *\/\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-top {\r\n      position: relative;\r\n      z-index: 4;\r\n\r\n      display: flex;\r\n\r\n      align-items: center;\r\n\r\n      justify-content:\r\n        space-between;\r\n\r\n      gap: 12px;\r\n\r\n      margin-bottom: 27px;\r\n    }\r\n\r\n\r\n    \/* stars *\/\r\n    #cw-reviews-spectrum\r\n    .cw-rv-score {\r\n      display: inline-flex;\r\n\r\n      align-items: center;\r\n\r\n      gap: 1px;\r\n\r\n      min-height: 36px;\r\n\r\n      padding:\r\n        0 11px;\r\n\r\n      border:\r\n        1px solid\r\n        rgba(243,174,53,.22);\r\n\r\n      border-radius:\r\n        999px;\r\n\r\n      background:\r\n        rgba(243,174,53,.095);\r\n\r\n      color:\r\n        var(--cw-gold);\r\n\r\n      font-size: 13px;\r\n\r\n      line-height: 1;\r\n\r\n      letter-spacing: 1px;\r\n\r\n      box-shadow:\r\n        inset 0 1px\r\n        rgba(255,255,255,.035),\r\n\r\n        0 0 18px\r\n        rgba(243,174,53,.055);\r\n\r\n      transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease;\r\n    }\r\n\r\n\r\n    \/* google label *\/\r\n    #cw-reviews-spectrum\r\n    .cw-rv-google-label {\r\n      display: inline-flex;\r\n\r\n      align-items: center;\r\n\r\n      gap: 7px;\r\n\r\n      min-height: 34px;\r\n\r\n      padding:\r\n        0 10px;\r\n\r\n      border:\r\n        1px solid\r\n        rgba(255,255,255,.10);\r\n\r\n      border-radius:\r\n        999px;\r\n\r\n      background:\r\n        rgba(255,255,255,.06);\r\n\r\n      color:\r\n        rgba(255,255,255,.61);\r\n\r\n      font-size: 9px;\r\n\r\n      font-weight: 760;\r\n\r\n      line-height: 1;\r\n\r\n      white-space: nowrap;\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-google-label::before {\r\n      content: \"G\";\r\n\r\n      display: grid;\r\n\r\n      place-items: center;\r\n\r\n      width: 21px;\r\n      height: 21px;\r\n\r\n      flex: 0 0 auto;\r\n\r\n      border-radius: 50%;\r\n\r\n      color: transparent;\r\n\r\n      font-size: 11px;\r\n\r\n      font-weight: 900;\r\n\r\n      background:\r\n        conic-gradient(\r\n          #4285f4,\r\n          #34a853,\r\n          #fbbc05,\r\n          #ea4335,\r\n          #4285f4\r\n        );\r\n\r\n      background-clip: text;\r\n\r\n      -webkit-background-clip:\r\n        text;\r\n    }\r\n\r\n\r\n    \/* ======================================================\r\n       TOPIC\r\n    ====================================================== *\/\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-topic {\r\n      position: relative;\r\n      z-index: 4;\r\n\r\n      display: inline-flex;\r\n\r\n      align-items: center;\r\n\r\n      gap: 8px;\r\n\r\n      margin-bottom: 15px;\r\n\r\n      color:\r\n        var(--cw-card-2);\r\n\r\n      font-size: 9px;\r\n\r\n      font-weight: 850;\r\n\r\n      line-height: 1;\r\n\r\n      letter-spacing:\r\n        .12em;\r\n\r\n      text-transform:\r\n        uppercase;\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-topic::before {\r\n      content: \"\";\r\n\r\n      width: 18px;\r\n      height: 2px;\r\n\r\n      flex: 0 0 auto;\r\n\r\n      border-radius: 999px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          var(--cw-card),\r\n          var(--cw-card-2)\r\n        );\r\n\r\n      box-shadow:\r\n        0 0 10px\r\n        rgba(var(--cw-card-rgb),.28);\r\n    }\r\n\r\n\r\n    \/* ======================================================\r\n       QUOTE\r\n    ====================================================== *\/\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-card blockquote {\r\n      position: relative;\r\n      z-index: 4;\r\n\r\n      flex: 1;\r\n\r\n      margin: 0;\r\n\r\n      color:\r\n        rgba(255,255,255,.90);\r\n\r\n      font-size: 16px;\r\n\r\n      font-weight: 510;\r\n\r\n      line-height: 1.73;\r\n\r\n      letter-spacing: -.012em;\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-card:nth-child(2)\r\n    blockquote {\r\n      font-size: 17px;\r\n    }\r\n\r\n\r\n    \/* ======================================================\r\n       RESULT BOX\r\n    ====================================================== *\/\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-result {\r\n      position: relative;\r\n      z-index: 4;\r\n\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        32px\r\n        minmax(0,1fr);\r\n\r\n      align-items: center;\r\n\r\n      gap: 10px;\r\n\r\n      margin-top: 24px;\r\n\r\n      padding:\r\n        12px 13px;\r\n\r\n      overflow: hidden;\r\n\r\n      border:\r\n        1px solid\r\n        rgba(var(--cw-card-rgb),.16);\r\n\r\n      border-radius: 14px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          135deg,\r\n          rgba(var(--cw-card-rgb),.10),\r\n          rgba(255,255,255,.035)\r\n        );\r\n\r\n      transition:\r\n        background .3s ease,\r\n        border-color .3s ease,\r\n        transform .3s ease;\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-result-icon {\r\n      display: grid;\r\n\r\n      place-items: center;\r\n\r\n      width: 31px;\r\n      height: 31px;\r\n\r\n      border-radius:\r\n        10px;\r\n\r\n      background:\r\n        rgba(var(--cw-card-rgb),.15);\r\n\r\n      color:\r\n        var(--cw-card-2);\r\n\r\n      font-size: 14px;\r\n\r\n      font-weight: 900;\r\n\r\n      box-shadow:\r\n        inset 0 1px\r\n        rgba(255,255,255,.04);\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-result span {\r\n      color:\r\n        rgba(255,255,255,.68);\r\n\r\n      font-size: 11px;\r\n\r\n      font-weight: 690;\r\n\r\n      line-height: 1.4;\r\n    }\r\n\r\n\r\n    \/* ======================================================\r\n       AUTHOR\r\n    ====================================================== *\/\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-author {\r\n      position: relative;\r\n      z-index: 4;\r\n\r\n      display: flex;\r\n\r\n      align-items: center;\r\n\r\n      gap: 11px;\r\n\r\n      margin-top: 21px;\r\n\r\n      padding-top: 20px;\r\n\r\n      border-top:\r\n        1px solid\r\n        rgba(255,255,255,.08);\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-avatar {\r\n      display: grid;\r\n\r\n      place-items: center;\r\n\r\n      width: 43px;\r\n      height: 43px;\r\n\r\n      flex: 0 0 auto;\r\n\r\n      border:\r\n        1px solid\r\n        rgba(var(--cw-card-rgb),.24);\r\n\r\n      border-radius: 13px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(var(--cw-card-rgb),.18),\r\n          rgba(var(--cw-card-rgb),.07)\r\n        );\r\n\r\n      color:\r\n        var(--cw-card-2);\r\n\r\n      font-size: 13px;\r\n\r\n      font-weight: 880;\r\n\r\n      line-height: 1;\r\n\r\n      box-shadow:\r\n        0 8px 20px\r\n        rgba(0,0,0,.12),\r\n\r\n        inset 0 1px\r\n        rgba(255,255,255,.045);\r\n\r\n      transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease;\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-author-copy strong {\r\n      display: block;\r\n\r\n      color: #ffffff;\r\n\r\n      font-size: 14px;\r\n\r\n      font-weight: 770;\r\n\r\n      line-height: 1.3;\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-author-copy span {\r\n      display: block;\r\n\r\n      margin-top: 4px;\r\n\r\n      color:\r\n        rgba(255,255,255,.43);\r\n\r\n      font-size: 10px;\r\n\r\n      font-weight: 640;\r\n\r\n      line-height: 1.3;\r\n    }\r\n\r\n\r\n    \/* ======================================================\r\n       HOVER\r\n    ====================================================== *\/\r\n\r\n    @media (hover:hover) and (pointer:fine) {\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-trust-link:hover {\r\n        transform:\r\n          translateY(-3px);\r\n\r\n        border-color:\r\n          rgba(255,255,255,.22);\r\n\r\n        background:\r\n          rgba(255,255,255,.11);\r\n\r\n        box-shadow:\r\n          0 12px 28px\r\n          rgba(0,0,0,.18);\r\n      }\r\n\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-trust-link:hover::after {\r\n        transform:\r\n          translate(2px,-2px);\r\n      }\r\n\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-card:hover {\r\n        transform:\r\n          translateY(-8px)\r\n          scale(1.008);\r\n\r\n        box-shadow:\r\n          0 36px 84px\r\n          rgba(0,0,0,.37),\r\n\r\n          0 0 50px\r\n          rgba(var(--cw-card-rgb),.11),\r\n\r\n          inset 0 1px 0\r\n          rgba(255,255,255,.075);\r\n      }\r\n\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-card:nth-child(2):hover {\r\n        transform:\r\n          translateY(-20px)\r\n          scale(1.012);\r\n      }\r\n\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-card:hover::before {\r\n        width: 112px;\r\n      }\r\n\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-card:hover::after {\r\n        left: 132%;\r\n\r\n        opacity: 1;\r\n      }\r\n\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-card:hover\r\n      .cw-rv-score {\r\n        transform:\r\n          translateY(-2px)\r\n          scale(1.035);\r\n\r\n        box-shadow:\r\n          0 8px 22px\r\n          rgba(243,174,53,.12),\r\n\r\n          0 0 22px\r\n          rgba(243,174,53,.10);\r\n      }\r\n\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-card:hover\r\n      .cw-rv-result {\r\n        transform:\r\n          translateY(-2px);\r\n\r\n        border-color:\r\n          rgba(var(--cw-card-rgb),.27);\r\n\r\n        background:\r\n          linear-gradient(\r\n            135deg,\r\n            rgba(var(--cw-card-rgb),.15),\r\n            rgba(255,255,255,.045)\r\n          );\r\n      }\r\n\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-card:hover\r\n      .cw-rv-avatar {\r\n        transform:\r\n          rotate(-4deg)\r\n          scale(1.075);\r\n\r\n        box-shadow:\r\n          0 12px 26px\r\n          rgba(var(--cw-card-rgb),.13);\r\n      }\r\n\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-card:hover\r\n      .cw-rv-quote-bg {\r\n        color:\r\n          rgba(var(--cw-card-rgb),.11);\r\n\r\n        transform:\r\n          rotate(-4deg)\r\n          scale(1.04);\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* ======================================================\r\n       BOTTOM CTA\r\n    ====================================================== *\/\r\n\r\n    #cw-reviews-spectrum .cw-rv-bottom {\r\n      position: relative;\r\n\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        minmax(0,1fr)\r\n        auto;\r\n\r\n      align-items: center;\r\n\r\n      gap: 34px;\r\n\r\n      margin-top:\r\n        clamp(32px,5vw,46px);\r\n\r\n      padding:\r\n        clamp(28px,4vw,42px);\r\n\r\n      overflow: hidden;\r\n\r\n      border:\r\n        1px solid transparent;\r\n\r\n      border-radius: 26px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 92% 5%,\r\n          rgba(74,132,255,.24),\r\n          transparent 38%\r\n        )\r\n        padding-box,\r\n\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(16,30,55,.97),\r\n          rgba(8,17,32,.97)\r\n        )\r\n        padding-box,\r\n\r\n        linear-gradient(\r\n          105deg,\r\n          rgba(57,124,255,.62),\r\n          rgba(22,197,216,.30),\r\n          rgba(130,101,255,.37),\r\n          rgba(233,87,173,.26)\r\n        )\r\n        border-box;\r\n\r\n      box-shadow:\r\n        0 28px 68px\r\n        rgba(0,0,0,.28),\r\n\r\n        0 0 45px\r\n        rgba(57,124,255,.065),\r\n\r\n        inset 0 1px\r\n        rgba(255,255,255,.06);\r\n\r\n      opacity: 0;\r\n\r\n      transform:\r\n        translateY(22px);\r\n\r\n      transition:\r\n        opacity .7s ease,\r\n        transform .7s\r\n        cubic-bezier(.2,.75,.25,1);\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum.is-visible\r\n    .cw-rv-bottom {\r\n      opacity: 1;\r\n\r\n      transform:\r\n        translateY(0);\r\n\r\n      transition-delay:\r\n        .46s;\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-bottom::before {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      inset: 0;\r\n\r\n      pointer-events: none;\r\n\r\n      opacity: .25;\r\n\r\n      background-image:\r\n        linear-gradient(\r\n          rgba(255,255,255,.045) 1px,\r\n          transparent 1px\r\n        ),\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(255,255,255,.045) 1px,\r\n          transparent 1px\r\n        );\r\n\r\n      background-size:\r\n        44px 44px;\r\n\r\n      -webkit-mask-image:\r\n        linear-gradient(\r\n          90deg,\r\n          transparent,\r\n          #000\r\n        );\r\n\r\n      mask-image:\r\n        linear-gradient(\r\n          90deg,\r\n          transparent,\r\n          #000\r\n        );\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-bottom-copy {\r\n      position: relative;\r\n      z-index: 2;\r\n\r\n      max-width: 760px;\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-bottom-label {\r\n      display: block;\r\n\r\n      margin-bottom: 10px;\r\n\r\n      color: #70a7ff;\r\n\r\n      font-size: 10px;\r\n\r\n      font-weight: 850;\r\n\r\n      line-height: 1;\r\n\r\n      letter-spacing:\r\n        .11em;\r\n\r\n      text-transform:\r\n        uppercase;\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-bottom h3 {\r\n      margin: 0;\r\n\r\n      color: #ffffff;\r\n\r\n      font-size:\r\n        clamp(\r\n          1.65rem,\r\n          3vw,\r\n          2.5rem\r\n        );\r\n\r\n      font-weight: 790;\r\n\r\n      line-height: 1.14;\r\n\r\n      letter-spacing:\r\n        -.045em;\r\n\r\n      text-wrap:\r\n        balance;\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-bottom p {\r\n      max-width: 690px;\r\n\r\n      margin:\r\n        11px 0 0;\r\n\r\n      color:\r\n        var(--cw-muted);\r\n\r\n      font-size: 14px;\r\n\r\n      line-height: 1.68;\r\n    }\r\n\r\n\r\n    \/* ======================================================\r\n       CTA BUTTON\r\n    ====================================================== *\/\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-button {\r\n      position: relative;\r\n      z-index: 3;\r\n\r\n      display: inline-flex;\r\n\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      gap: 9px;\r\n\r\n      min-height: 58px;\r\n\r\n      padding:\r\n        0 24px;\r\n\r\n      overflow: hidden;\r\n\r\n      border:\r\n        1px solid\r\n        rgba(137,205,255,.62);\r\n\r\n      border-radius: 14px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 20% 0%,\r\n          rgba(111,217,255,.28),\r\n          transparent 40%\r\n        ),\r\n        linear-gradient(\r\n          100deg,\r\n          #1761ef 0%,\r\n          #237fff 47%,\r\n          #24a7ed 100%\r\n        );\r\n\r\n      color: #ffffff !important;\r\n\r\n      font-size: 14px;\r\n\r\n      font-weight: 820;\r\n\r\n      line-height: 1;\r\n\r\n      white-space: nowrap;\r\n\r\n      text-decoration:\r\n        none !important;\r\n\r\n      box-shadow:\r\n        0 18px 40px\r\n        rgba(34,108,255,.34),\r\n\r\n        0 0 30px\r\n        rgba(52,159,255,.18),\r\n\r\n        inset 0 1px\r\n        rgba(255,255,255,.26);\r\n\r\n      transition:\r\n        transform .28s ease,\r\n        box-shadow .28s ease;\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-button::before {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      inset: -2px;\r\n\r\n      pointer-events: none;\r\n\r\n      opacity: 0;\r\n\r\n      background:\r\n        linear-gradient(\r\n          115deg,\r\n          transparent 28%,\r\n          rgba(255,255,255,.48) 48%,\r\n          transparent 67%\r\n        );\r\n\r\n      transform:\r\n        translateX(-80%);\r\n    }\r\n\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-button::after {\r\n      content: \"\u2197\";\r\n\r\n      position: relative;\r\n      z-index: 2;\r\n\r\n      font-size: 15px;\r\n\r\n      transition:\r\n        transform .25s ease;\r\n    }\r\n\r\n\r\n    @media (hover:hover) and (pointer:fine) {\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-button:hover {\r\n        transform:\r\n          translateY(-4px)\r\n          scale(1.015);\r\n\r\n        box-shadow:\r\n          0 25px 52px\r\n          rgba(34,108,255,.45),\r\n\r\n          0 0 40px\r\n          rgba(52,159,255,.23),\r\n\r\n          inset 0 1px\r\n          rgba(255,255,255,.32);\r\n      }\r\n\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-button:hover::before {\r\n        opacity: 1;\r\n\r\n        animation:\r\n          cwRvButtonShine\r\n          1s ease forwards;\r\n      }\r\n\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-button:hover::after {\r\n        transform:\r\n          translate(2px,-2px);\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* ======================================================\r\n       FOCUS\r\n    ====================================================== *\/\r\n\r\n    #cw-reviews-spectrum\r\n    a:focus-visible {\r\n      outline:\r\n        3px solid\r\n        rgba(83,150,255,.42);\r\n\r\n      outline-offset:\r\n        4px;\r\n    }\r\n\r\n\r\n    \/* ======================================================\r\n       KEYFRAMES\r\n    ====================================================== *\/\r\n\r\n    @keyframes cwRvTitleFlow {\r\n      0%,\r\n      100% {\r\n        background-position:\r\n          0% 50%;\r\n      }\r\n\r\n      50% {\r\n        background-position:\r\n          100% 50%;\r\n      }\r\n    }\r\n\r\n\r\n    @keyframes cwRvStatusPulse {\r\n      0%,\r\n      100% {\r\n        transform: scale(1);\r\n      }\r\n\r\n      50% {\r\n        transform: scale(1.22);\r\n      }\r\n    }\r\n\r\n\r\n    @keyframes cwRvStarFloat {\r\n      0%,\r\n      100% {\r\n        transform:\r\n          translateY(0)\r\n          scale(1);\r\n      }\r\n\r\n      50% {\r\n        transform:\r\n          translateY(-2px)\r\n          scale(1.08);\r\n      }\r\n    }\r\n\r\n\r\n    @keyframes cwRvTrustShine {\r\n      0%,\r\n      68% {\r\n        transform:\r\n          translateX(-80%)\r\n          rotate(10deg);\r\n      }\r\n\r\n      82%,\r\n      100% {\r\n        transform:\r\n          translateX(520%)\r\n          rotate(10deg);\r\n      }\r\n    }\r\n\r\n\r\n    @keyframes cwRvButtonShine {\r\n      from {\r\n        transform:\r\n          translateX(-80%);\r\n      }\r\n\r\n      to {\r\n        transform:\r\n          translateX(80%);\r\n      }\r\n    }\r\n\r\n\r\n    @keyframes cwRvBlueFloat {\r\n      0%,\r\n      100% {\r\n        transform:\r\n          translate3d(0,0,0)\r\n          scale(1);\r\n      }\r\n\r\n      50% {\r\n        transform:\r\n          translate3d(\r\n            90px,\r\n            45px,\r\n            0\r\n          )\r\n          scale(1.11);\r\n      }\r\n    }\r\n\r\n\r\n    @keyframes cwRvPinkFloat {\r\n      0%,\r\n      100% {\r\n        transform:\r\n          translate3d(0,0,0)\r\n          scale(1);\r\n      }\r\n\r\n      50% {\r\n        transform:\r\n          translate3d(\r\n            -85px,\r\n            40px,\r\n            0\r\n          )\r\n          scale(1.09);\r\n      }\r\n    }\r\n\r\n\r\n    @keyframes cwRvGreenFloat {\r\n      0%,\r\n      100% {\r\n        transform:\r\n          translate3d(0,0,0)\r\n          scale(1);\r\n      }\r\n\r\n      50% {\r\n        transform:\r\n          translate3d(\r\n            50px,\r\n            -65px,\r\n            0\r\n          )\r\n          scale(1.12);\r\n      }\r\n    }\r\n\r\n\r\n    \/* ======================================================\r\n       TABLET\r\n    ====================================================== *\/\r\n\r\n    @media (max-width:1050px) {\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-stage {\r\n        grid-template-columns:\r\n          1fr;\r\n\r\n        max-width:\r\n          760px;\r\n\r\n        margin:\r\n          0 auto;\r\n\r\n        gap: 18px;\r\n      }\r\n\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-card,\r\n      #cw-reviews-spectrum\r\n      .cw-rv-card:nth-child(2) {\r\n        min-height: auto;\r\n      }\r\n\r\n\r\n      #cw-reviews-spectrum.is-visible\r\n      .cw-rv-card:nth-child(2) {\r\n        transform: none;\r\n      }\r\n\r\n\r\n      @media (hover:hover) and (pointer:fine) {\r\n\r\n        #cw-reviews-spectrum\r\n        .cw-rv-card:nth-child(2):hover {\r\n          transform:\r\n            translateY(-8px)\r\n            scale(1.008);\r\n        }\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* ======================================================\r\n       MOBILE\r\n    ====================================================== *\/\r\n\r\n    @media (max-width:780px) {\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-trust {\r\n        grid-template-columns:\r\n          54px\r\n          minmax(0,1fr);\r\n      }\r\n\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-trust-link {\r\n        grid-column:\r\n          1 \/ -1;\r\n\r\n        width: 100%;\r\n      }\r\n\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-bottom {\r\n        grid-template-columns:\r\n          1fr;\r\n\r\n        gap: 24px;\r\n      }\r\n\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-button {\r\n        width: 100%;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    @media (max-width:680px) {\r\n\r\n      #cw-reviews-spectrum {\r\n        padding:\r\n          68px 0;\r\n      }\r\n\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-wrap {\r\n        width:\r\n          min(\r\n            100% - 28px,\r\n            var(--cw-container)\r\n          );\r\n      }\r\n\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-head {\r\n        text-align: left;\r\n      }\r\n\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-kicker {\r\n        margin-bottom: 18px;\r\n      }\r\n\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-head h2 {\r\n        font-size:\r\n          clamp(\r\n            2.4rem,\r\n            11vw,\r\n            3.35rem\r\n          );\r\n\r\n        line-height: 1.02;\r\n      }\r\n\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-head p {\r\n        margin-left: 0;\r\n\r\n        font-size: 15px;\r\n      }\r\n\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-trust {\r\n        padding: 17px;\r\n\r\n        border-radius: 18px;\r\n      }\r\n\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-trust-value {\r\n        align-items:\r\n          flex-start;\r\n\r\n        flex-direction:\r\n          column;\r\n\r\n        gap: 7px;\r\n      }\r\n\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-card {\r\n        padding: 23px;\r\n\r\n        border-radius:\r\n          21px;\r\n      }\r\n\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-top {\r\n        align-items:\r\n          flex-start;\r\n\r\n        flex-direction:\r\n          column;\r\n\r\n        margin-bottom:\r\n          22px;\r\n      }\r\n\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-card blockquote,\r\n      #cw-reviews-spectrum\r\n      .cw-rv-card:nth-child(2)\r\n      blockquote {\r\n        font-size: 15px;\r\n      }\r\n\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-bottom {\r\n        padding:\r\n          25px 21px;\r\n\r\n        border-radius:\r\n          21px;\r\n      }\r\n\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-bottom h3 {\r\n        font-size:\r\n          1.65rem;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* ======================================================\r\n       REDUCED MOTION\r\n    ====================================================== *\/\r\n\r\n    @media (prefers-reduced-motion:reduce) {\r\n\r\n      #cw-reviews-spectrum *,\r\n      #cw-reviews-spectrum *::before,\r\n      #cw-reviews-spectrum *::after {\r\n        animation:\r\n          none !important;\r\n\r\n        transition-duration:\r\n          .001ms !important;\r\n      }\r\n\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-head,\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-trust,\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-card,\r\n\r\n      #cw-reviews-spectrum\r\n      .cw-rv-bottom {\r\n        opacity: 1;\r\n\r\n        transform:\r\n          none !important;\r\n      }\r\n\r\n    }\r\n\r\n  <\/style>\r\n\r\n\r\n\r\n  <!-- ======================================================\r\n       AURORA\r\n  ======================================================= -->\r\n\r\n  <div\r\n    class=\"cw-rv-aurora\"\r\n    aria-hidden=\"true\"\r\n  >\r\n    <div class=\"cw-rv-orb is-blue\"><\/div>\r\n    <div class=\"cw-rv-orb is-pink\"><\/div>\r\n    <div class=\"cw-rv-orb is-green\"><\/div>\r\n  <\/div>\r\n\r\n\r\n\r\n  <div class=\"cw-rv-wrap\">\r\n\r\n\r\n    <!-- ====================================================\r\n         HEADER\r\n    ===================================================== -->\r\n\r\n    <header class=\"cw-rv-head\">\r\n\r\n      <div\r\n        class=\"cw-rv-kicker\"\r\n        data-cw-edit\r\n      >\r\n        Stimmen aus echten Projekten\r\n      <\/div>\r\n\r\n\r\n      <h2\r\n        id=\"cw-reviews-spectrum-title\"\r\n        data-cw-edit\r\n      >\r\n        Nicht blo\u00df versprochen.\r\n        Von Kunden als\r\n        <span>Ergebnis erlebt.<\/span>\r\n      <\/h2>\r\n\r\n\r\n      <p data-cw-edit>\r\n        Gute Websites und SEO Ma\u00dfnahmen m\u00fcssen nicht nur professionell aussehen.\r\n        Sie sollen verst\u00e4ndlicher machen, besser gefunden werden und im Unternehmen\r\n        sp\u00fcrbare Wirkung entfalten.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n\r\n    <!-- ====================================================\r\n         GOOGLE TRUST\r\n    ===================================================== -->\r\n\r\n    <div class=\"cw-rv-trust\">\r\n\r\n\r\n      <div\r\n        class=\"cw-rv-google\"\r\n        aria-hidden=\"true\"\r\n      >\r\n        <span>G<\/span>\r\n      <\/div>\r\n\r\n\r\n      <div class=\"cw-rv-trust-copy\">\r\n\r\n        <span\r\n          class=\"cw-rv-trust-label\"\r\n          data-cw-edit\r\n        >\r\n          Google Bewertungen\r\n        <\/span>\r\n\r\n\r\n        <div class=\"cw-rv-trust-value\">\r\n\r\n          <span\r\n            class=\"cw-rv-stars\"\r\n            aria-label=\"5 von 5 Sternen\"\r\n          >\r\n            <span>\u2605<\/span>\r\n            <span>\u2605<\/span>\r\n            <span>\u2605<\/span>\r\n            <span>\u2605<\/span>\r\n            <span>\u2605<\/span>\r\n          <\/span>\r\n\r\n          <strong data-cw-edit>\r\n            5 Sterne aus Kundenbewertungen\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <a\r\n        class=\"cw-rv-trust-link\"\r\n        href=\"https:\/\/maps.app.goo.gl\/jEpm1m281ViRAfZ69\"\r\n        target=\"_blank\"\r\n        rel=\"noopener noreferrer\"\r\n        data-cw-edit\r\n      >\r\n        Alle Bewertungen ansehen\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- ====================================================\r\n         REVIEW CARDS\r\n    ===================================================== -->\r\n\r\n    <div class=\"cw-rv-stage\">\r\n\r\n\r\n      <!-- ==================================================\r\n           REVIEW 01\r\n      =================================================== -->\r\n\r\n      <article class=\"cw-rv-card\">\r\n\r\n        <div\r\n          class=\"cw-rv-quote-bg\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          \u201c\r\n        <\/div>\r\n\r\n\r\n        <div class=\"cw-rv-top\">\r\n\r\n          <div\r\n            class=\"cw-rv-score\"\r\n            aria-label=\"5 von 5 Sternen\"\r\n          >\r\n            \u2605\u2605\u2605\u2605\u2605\r\n          <\/div>\r\n\r\n\r\n          <div\r\n            class=\"cw-rv-google-label\"\r\n            data-cw-edit\r\n          >\r\n            Google Bewertung\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <span\r\n          class=\"cw-rv-topic\"\r\n          data-cw-edit\r\n        >\r\n          Webdesign und SEO\r\n        <\/span>\r\n\r\n\r\n        <blockquote data-cw-edit>\r\n          \u201eDas Webdesign, die Marketingoptimierung und auch die\r\n          Kommunikation und Zuverl\u00e4ssigkeit haben 100% \u00fcbertroffen.\r\n          Nachdem die Website erstellt war und SEO optimiert wurde,\r\n          stiegen unsere Ums\u00e4tze direkt.\u201c\r\n        <\/blockquote>\r\n\r\n\r\n        <div class=\"cw-rv-result\">\r\n\r\n          <div\r\n            class=\"cw-rv-result-icon\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            \u2197\r\n          <\/div>\r\n\r\n          <span data-cw-edit>\r\n            Neue Website, SEO Optimierung und direkte Umsatzwirkung\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"cw-rv-author\">\r\n\r\n          <div\r\n            class=\"cw-rv-avatar\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            Y\r\n          <\/div>\r\n\r\n\r\n          <div class=\"cw-rv-author-copy\">\r\n\r\n            <strong data-cw-edit>\r\n              Yeliz Pia Dirks\r\n            <\/strong>\r\n\r\n            <span data-cw-edit>\r\n              Verifizierte Google Bewertung\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- ==================================================\r\n           REVIEW 02\r\n      =================================================== -->\r\n\r\n      <article class=\"cw-rv-card\">\r\n\r\n        <div\r\n          class=\"cw-rv-quote-bg\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          \u201c\r\n        <\/div>\r\n\r\n\r\n        <div class=\"cw-rv-top\">\r\n\r\n          <div\r\n            class=\"cw-rv-score\"\r\n            aria-label=\"5 von 5 Sternen\"\r\n          >\r\n            \u2605\u2605\u2605\u2605\u2605\r\n          <\/div>\r\n\r\n\r\n          <div\r\n            class=\"cw-rv-google-label\"\r\n            data-cw-edit\r\n          >\r\n            Google Bewertung\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <span\r\n          class=\"cw-rv-topic\"\r\n          data-cw-edit\r\n        >\r\n          Zusammenarbeit und Wachstum\r\n        <\/span>\r\n\r\n\r\n        <blockquote data-cw-edit>\r\n          \u201eWir arbeiten seit nun fast einem Jahr mit Aaron zusammen\r\n          und k\u00f6nnen Content Wave nur weiterempfehlen. Synergie\r\n          Effekte werden bestens ausgenutzt und wir freuen uns \u00fcber\r\n          stetig wachsende, nachweisbare Effekte.\u201c\r\n        <\/blockquote>\r\n\r\n\r\n        <div class=\"cw-rv-result\">\r\n\r\n          <div\r\n            class=\"cw-rv-result-icon\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            \u2713\r\n          <\/div>\r\n\r\n          <span data-cw-edit>\r\n            Langfristige Zusammenarbeit mit messbarer Weiterentwicklung\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"cw-rv-author\">\r\n\r\n          <div\r\n            class=\"cw-rv-avatar\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            R\r\n          <\/div>\r\n\r\n\r\n          <div class=\"cw-rv-author-copy\">\r\n\r\n            <strong data-cw-edit>\r\n              Regina Kalbach\r\n            <\/strong>\r\n\r\n            <span data-cw-edit>\r\n              Verifizierte Google Bewertung\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- ==================================================\r\n           REVIEW 03\r\n      =================================================== -->\r\n\r\n      <article class=\"cw-rv-card\">\r\n\r\n        <div\r\n          class=\"cw-rv-quote-bg\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          \u201c\r\n        <\/div>\r\n\r\n\r\n        <div class=\"cw-rv-top\">\r\n\r\n          <div\r\n            class=\"cw-rv-score\"\r\n            aria-label=\"5 von 5 Sternen\"\r\n          >\r\n            \u2605\u2605\u2605\u2605\u2605\r\n          <\/div>\r\n\r\n\r\n          <div\r\n            class=\"cw-rv-google-label\"\r\n            data-cw-edit\r\n          >\r\n            Google Bewertung\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <span\r\n          class=\"cw-rv-topic\"\r\n          data-cw-edit\r\n        >\r\n          Rankings und Sichtbarkeit\r\n        <\/span>\r\n\r\n\r\n        <blockquote data-cw-edit>\r\n          \u201eDank Content Wave rankt mein Unternehmen innerhalb nicht\r\n          mal einer Woche mit mehreren relevanten Suchbegriffen.\r\n          Klare Empfehlung f\u00fcr SEO und Webdesign.\u201c\r\n        <\/blockquote>\r\n\r\n\r\n        <div class=\"cw-rv-result\">\r\n\r\n          <div\r\n            class=\"cw-rv-result-icon\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            \u2191\r\n          <\/div>\r\n\r\n          <span data-cw-edit>\r\n            Schnelle Rankings f\u00fcr mehrere relevante Suchbegriffe\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"cw-rv-author\">\r\n\r\n          <div\r\n            class=\"cw-rv-avatar\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            E\r\n          <\/div>\r\n\r\n\r\n          <div class=\"cw-rv-author-copy\">\r\n\r\n            <strong data-cw-edit>\r\n              ESN Steuerberatung\r\n            <\/strong>\r\n\r\n            <span data-cw-edit>\r\n              Verifizierte Google Bewertung\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- ====================================================\r\n         BOTTOM CTA\r\n    ===================================================== -->\r\n\r\n    <div class=\"cw-rv-bottom\">\r\n\r\n\r\n      <div class=\"cw-rv-bottom-copy\">\r\n\r\n        <span\r\n          class=\"cw-rv-bottom-label\"\r\n          data-cw-edit\r\n        >\r\n          Ihr n\u00e4chstes Ergebnis\r\n        <\/span>\r\n\r\n\r\n        <h3 data-cw-edit>\r\n          Der erste Schritt ist eine klare Einsch\u00e4tzung,\r\n          was bei Ihrer Website wirklich Wirkung entfalten kann.\r\n        <\/h3>\r\n\r\n\r\n        <p data-cw-edit>\r\n          Gemeinsam pr\u00fcfen wir, welches Potenzial bereits vorhanden ist\r\n          und wie Webdesign, SEO und laufende Betreuung sinnvoll\r\n          zusammenspielen k\u00f6nnen.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <a\r\n        class=\"cw-rv-button\"\r\n        href=\"https:\/\/content-wave.de\/call\/\"\r\n        data-cw-edit\r\n      >\r\n        Potenzial besprechen\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <script>\r\n    (() => {\r\n\r\n      const section =\r\n        document.getElementById(\r\n          \"cw-reviews-spectrum\"\r\n        );\r\n\r\n\r\n      if (\r\n        !section ||\r\n        section.dataset.cwReviewsReady === \"true\"\r\n      ) {\r\n        return;\r\n      }\r\n\r\n\r\n      section.dataset.cwReviewsReady =\r\n        \"true\";\r\n\r\n\r\n      const reducedMotion =\r\n        window.matchMedia(\r\n          \"(prefers-reduced-motion: reduce)\"\r\n        ).matches;\r\n\r\n\r\n      const finePointer =\r\n        window.matchMedia(\r\n          \"(hover: hover) and (pointer: fine)\"\r\n        ).matches;\r\n\r\n\r\n      const cards =\r\n        Array.from(\r\n          section.querySelectorAll(\r\n            \".cw-rv-card\"\r\n          )\r\n        );\r\n\r\n\r\n\r\n      \/* ==============================================\r\n         SCROLL REVEAL\r\n      ============================================== *\/\r\n\r\n      if (\r\n        !reducedMotion &&\r\n        \"IntersectionObserver\" in window\r\n      ) {\r\n\r\n        const observer =\r\n          new IntersectionObserver(\r\n            entries => {\r\n\r\n              entries.forEach(entry => {\r\n\r\n                if (\r\n                  entry.isIntersecting\r\n                ) {\r\n\r\n                  section.classList.add(\r\n                    \"is-visible\"\r\n                  );\r\n\r\n                  observer.disconnect();\r\n\r\n                }\r\n\r\n              });\r\n\r\n            },\r\n            {\r\n              threshold: 0.10\r\n            }\r\n          );\r\n\r\n\r\n        observer.observe(section);\r\n\r\n      } else {\r\n\r\n        section.classList.add(\r\n          \"is-visible\"\r\n        );\r\n\r\n      }\r\n\r\n\r\n\r\n      \/* ==============================================\r\n         POINTER EFFECTS\r\n      ============================================== *\/\r\n\r\n      if (\r\n        !reducedMotion &&\r\n        finePointer\r\n      ) {\r\n\r\n        \/* global light *\/\r\n\r\n        section.addEventListener(\r\n          \"pointermove\",\r\n          event => {\r\n\r\n            const rect =\r\n              section.getBoundingClientRect();\r\n\r\n\r\n            section.style.setProperty(\r\n              \"--cw-mouse-x\",\r\n              `${event.clientX - rect.left}px`\r\n            );\r\n\r\n\r\n            section.style.setProperty(\r\n              \"--cw-mouse-y\",\r\n              `${event.clientY - rect.top}px`\r\n            );\r\n\r\n          },\r\n          {\r\n            passive: true\r\n          }\r\n        );\r\n\r\n\r\n\r\n        \/* card lights *\/\r\n\r\n        cards.forEach(card => {\r\n\r\n          card.addEventListener(\r\n            \"pointermove\",\r\n            event => {\r\n\r\n              const rect =\r\n                card.getBoundingClientRect();\r\n\r\n\r\n              card.style.setProperty(\r\n                \"--cw-card-x\",\r\n                `${event.clientX - rect.left}px`\r\n              );\r\n\r\n\r\n              card.style.setProperty(\r\n                \"--cw-card-y\",\r\n                `${event.clientY - rect.top}px`\r\n              );\r\n\r\n            },\r\n            {\r\n              passive: true\r\n            }\r\n          );\r\n\r\n\r\n          card.addEventListener(\r\n            \"pointerleave\",\r\n            () => {\r\n\r\n              card.style.setProperty(\r\n                \"--cw-card-x\",\r\n                \"85%\"\r\n              );\r\n\r\n\r\n              card.style.setProperty(\r\n                \"--cw-card-y\",\r\n                \"0%\"\r\n              );\r\n\r\n            }\r\n          );\r\n\r\n        });\r\n\r\n      }\r\n\r\n    })();\r\n  <\/script>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3a8269e e-con-full e-flex e-con e-parent\" data-id=\"3a8269e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-279e797 elementor-widget elementor-widget-html\" data-id=\"279e797\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Content Wave: Premium Light Kontaktsektion -->\r\n<section id=\"cw-contact-light\" aria-labelledby=\"cw-contact-heading\">\r\n  <style>\r\n    #cw-contact-light,\r\n    #cw-contact-light * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #cw-contact-light {\r\n      --cw-bg: #f4f4f1;\r\n      --cw-bg-soft: #f7f8fa;\r\n      --cw-panel: rgba(255, 255, 255, 0.90);\r\n      --cw-panel-strong: rgba(255, 255, 255, 0.98);\r\n      --cw-line: rgba(31, 99, 214, 0.13);\r\n      --cw-line-strong: rgba(38, 116, 255, 0.34);\r\n      --cw-white: #0c1729;\r\n      --cw-text: #4a5668;\r\n      --cw-muted: #7b8798;\r\n      --cw-blue: #2674ff;\r\n      --cw-blue-bright: #4ca7ff;\r\n      --cw-cyan: #50d7ff;\r\n      --cw-green: #25d366;\r\n      --cw-radius-lg: 32px;\r\n      --cw-radius-md: 20px;\r\n      --cw-shadow: 0 30px 90px rgba(0, 0, 0, 0.48);\r\n      position: relative;\r\n      isolation: isolate;\r\n      overflow: hidden;\r\n      width: 100%;\r\n      padding: clamp(76px, 8vw, 128px) clamp(22px, 5vw, 72px) clamp(56px, 6vw, 92px);\r\n      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n      color: var(--cw-white);\r\n      background:\r\n        radial-gradient(circle at 12% 26%, rgba(38, 116, 255, 0.10), transparent 31%),\r\n        radial-gradient(circle at 84% 12%, rgba(64, 167, 255, 0.10), transparent 28%),\r\n        radial-gradient(circle at 72% 78%, rgba(80, 215, 255, 0.08), transparent 30%),\r\n        linear-gradient(135deg, #f4f4f1 0%, #f8f9fb 48%, #f4f4f1 100%);\r\n    }\r\n\r\n    #cw-contact-light::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: -3;\r\n      opacity: 0.22;\r\n      pointer-events: none;\r\n      background-image:\r\n        linear-gradient(rgba(38, 116, 255, 0.045) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(38, 116, 255, 0.045) 1px, transparent 1px);\r\n      background-size: 54px 54px;\r\n      mask-image: linear-gradient(to bottom, #000, transparent 88%);\r\n      animation: cwGridMove 22s linear infinite;\r\n    }\r\n\r\n    #cw-contact-light::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      width: min(680px, 70vw);\r\n      aspect-ratio: 1;\r\n      left: -260px;\r\n      top: -280px;\r\n      z-index: -2;\r\n      border-radius: 50%;\r\n      border: 1px solid rgba(73, 135, 255, 0.16);\r\n      box-shadow:\r\n        0 0 90px rgba(29, 93, 255, 0.08),\r\n        inset 0 0 70px rgba(29, 93, 255, 0.035);\r\n      animation: cwOrbit 18s ease-in-out infinite alternate;\r\n    }\r\n\r\n    #cw-contact-light a {\r\n      text-decoration: none;\r\n    }\r\n\r\n    #cw-contact-light .cw-shell {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: min(100%, 1280px);\r\n      margin: 0 auto;\r\n    }\r\n\r\n    #cw-contact-light .cw-main-grid {\r\n      display: grid;\r\n      grid-template-columns: minmax(330px, 0.92fr) minmax(480px, 1.08fr);\r\n      gap: clamp(64px, 8vw, 120px);\r\n      align-items: center;\r\n    }\r\n\r\n    #cw-contact-light .cw-visual-column {\r\n      position: relative;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      min-height: 470px;\r\n    }\r\n\r\n    #cw-contact-light .cw-visual-column::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 74%;\r\n      aspect-ratio: 1;\r\n      border-radius: 50%;\r\n      background:\r\n        radial-gradient(circle, rgba(39, 120, 255, 0.12), transparent 64%),\r\n        conic-gradient(from 110deg, transparent 0 28%, rgba(64, 190, 255, 0.24) 36%, transparent 49% 100%);\r\n      filter: blur(2px);\r\n      animation: cwSpin 20s linear infinite;\r\n    }\r\n\r\n    #cw-contact-light .cw-dots {\r\n      position: absolute;\r\n      width: 170px;\r\n      height: 250px;\r\n      left: 0;\r\n      top: 27%;\r\n      opacity: 0.6;\r\n      background-image: radial-gradient(circle, rgba(49, 115, 255, 0.8) 1.4px, transparent 1.7px);\r\n      background-size: 20px 20px;\r\n      mask-image: linear-gradient(90deg, #000, transparent);\r\n      animation: cwDots 5s ease-in-out infinite alternate;\r\n    }\r\n\r\n    #cw-contact-light .cw-portrait-stage {\r\n      position: relative;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      width: min(100%, 400px);\r\n      padding: 0;\r\n      transform-style: preserve-3d;\r\n      transition: transform 0.35s ease;\r\n      will-change: transform;\r\n    }\r\n\r\n    #cw-contact-light .cw-frame-back,\r\n    #cw-contact-light .cw-frame-mid {\r\n      position: absolute;\r\n      display: none;\r\n      border-radius: 32px;\r\n      pointer-events: none;\r\n      transition: transform 0.35s ease;\r\n    }\r\n\r\n    #cw-contact-light .cw-frame-back {\r\n      inset: 6px;\r\n      border: 1px solid rgba(99, 139, 255, 0.22);\r\n      background: linear-gradient(145deg, rgba(20, 45, 95, 0.10), rgba(2, 7, 18, 0.02));\r\n      box-shadow:\r\n        0 0 0 1px rgba(53, 109, 255, 0.08),\r\n        0 0 42px rgba(32, 89, 255, 0.08);\r\n    }\r\n\r\n    #cw-contact-light .cw-frame-mid {\r\n      inset: 18px;\r\n      border: 1px solid rgba(95, 151, 255, 0.18);\r\n      background: transparent;\r\n      box-shadow: inset 0 0 0 1px rgba(95, 151, 255, 0.06);\r\n    }\r\n\r\n    #cw-contact-light .cw-image-card {\r\n      position: relative;\r\n      overflow: hidden;\r\n      aspect-ratio: auto;\r\n      border-radius: 0;\r\n      border: none;\r\n      background: transparent;\r\n      box-shadow: none;\r\n      animation: cwFloat 7s ease-in-out infinite;\r\n      transform: translateZ(28px);\r\n    }\r\n\r\n    #cw-contact-light .cw-image-card::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 2;\r\n      pointer-events: none;\r\n      display: none;\r\n    }\r\n\r\n    #cw-contact-light .cw-image-card::after {\r\n      display: none;\r\n    }\r\n\r\n    #cw-contact-light .cw-image {\r\n      display: block;\r\n      width: 100%;\r\n      height: auto;\r\n      object-fit: contain;\r\n      object-position: center;\r\n      user-select: none;\r\n      pointer-events: none;\r\n      -webkit-user-drag: none;\r\n    }\r\n\r\n    #cw-contact-light .cw-name-card {\r\n      position: relative;\r\n      z-index: 8;\r\n      width: min(100%, 300px);\r\n      min-width: 0;\r\n      margin: 18px auto 0;\r\n      padding: 15px 38px;\r\n      overflow: hidden;\r\n      border: 1px solid rgba(38, 116, 255, 0.18);\r\n      border-radius: 18px;\r\n      background: rgba(255, 255, 255, 0.82);\r\n      box-shadow:\r\n        0 14px 34px rgba(39, 72, 125, 0.10),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.92);\r\n      backdrop-filter: blur(18px);\r\n      transform: translateZ(48px);\r\n      animation: cwBadgeGlow 4s ease-in-out infinite;\r\n      text-align: center;\r\n    }\r\n\r\n    #cw-contact-light .cw-name-card::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 23px;\r\n      top: 50%;\r\n      width: 4px;\r\n      height: 38px;\r\n      border-radius: 99px;\r\n      transform: translateY(-50%);\r\n      background: linear-gradient(to bottom, var(--cw-cyan), var(--cw-blue));\r\n      box-shadow: 0 0 18px rgba(56, 145, 255, 0.9);\r\n    }\r\n\r\n    #cw-contact-light .cw-name {\r\n      display: block;\r\n      margin-bottom: 4px;\r\n      color: #0c1729;\r\n      font-size: clamp(20px, 2vw, 27px);\r\n      font-weight: 750;\r\n      line-height: 1.15;\r\n      letter-spacing: -0.02em;\r\n    }\r\n\r\n    #cw-contact-light .cw-role {\r\n      color: #6f7d92;\r\n      font-size: 14px;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    #cw-contact-light .cw-copy {\r\n      position: relative;\r\n      max-width: 680px;\r\n    }\r\n\r\n    #cw-contact-light .cw-copy .cw-text {\r\n      max-width: 620px;\r\n    }\r\n\r\n    #cw-contact-light .cw-eyebrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n      margin: 0 0 22px;\r\n      color: #2b6fd8;\r\n      font-size: clamp(12px, 0.95vw, 14px);\r\n      font-weight: 800;\r\n      letter-spacing: 0.18em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    #cw-contact-light .cw-eyebrow::before {\r\n      content: \"\";\r\n      width: 34px;\r\n      height: 1px;\r\n      background: linear-gradient(90deg, transparent, var(--cw-blue-bright));\r\n      box-shadow: 0 0 12px rgba(63, 146, 255, 0.8);\r\n    }\r\n\r\n    #cw-contact-light .cw-title {\r\n      margin: 0;\r\n      max-width: 760px;\r\n      color: var(--cw-white);\r\n      font-size: clamp(38px, 4.45vw, 58px);\r\n      font-weight: 700;\r\n      line-height: 1.12;\r\n      letter-spacing: -0.035em;\r\n    }\r\n\r\n    #cw-contact-light .cw-title-gradient {\r\n      color: transparent;\r\n      background: linear-gradient(100deg, #24a6e8 0%, #2674ff 48%, #3457d5 100%);\r\n      background-size: 180% 180%;\r\n      background-clip: text;\r\n      -webkit-background-clip: text;\r\n      animation: cwTextFlow 6s ease infinite;\r\n    }\r\n\r\n    #cw-contact-light .cw-title-line {\r\n      position: relative;\r\n      width: 150px;\r\n      height: 2px;\r\n      margin: 25px 0 29px;\r\n      overflow: visible;\r\n      border-radius: 99px;\r\n      background: linear-gradient(90deg, var(--cw-blue), rgba(73, 153, 255, 0));\r\n      box-shadow: 0 0 18px rgba(37, 112, 255, 0.65);\r\n    }\r\n\r\n    #cw-contact-light .cw-title-line::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 28%;\r\n      top: 50%;\r\n      width: 48px;\r\n      height: 8px;\r\n      border-radius: 50%;\r\n      transform: translateY(-50%);\r\n      background: rgba(75, 166, 255, 0.78);\r\n      filter: blur(8px);\r\n      animation: cwLinePulse 2.4s ease-in-out infinite;\r\n    }\r\n\r\n    #cw-contact-light .cw-text {\r\n      display: grid;\r\n      gap: 20px;\r\n      margin: 0 0 36px;\r\n      color: var(--cw-text);\r\n      font-size: clamp(16px, 1.15vw, 18px);\r\n      line-height: 1.78;\r\n    }\r\n\r\n    #cw-contact-light .cw-text p {\r\n      margin: 0;\r\n    }\r\n\r\n    #cw-contact-light .cw-actions {\r\n      display: grid;\r\n      gap: 14px;\r\n    }\r\n\r\n    #cw-contact-light .cw-btn {\r\n      position: relative;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 12px;\r\n      min-height: 62px;\r\n      overflow: hidden;\r\n      border-radius: 14px;\r\n      font-size: clamp(15px, 1.1vw, 18px);\r\n      font-weight: 760;\r\n      line-height: 1;\r\n      transition:\r\n        transform 0.3s ease,\r\n        border-color 0.3s ease,\r\n        background-color 0.3s ease,\r\n        box-shadow 0.3s ease,\r\n        color 0.3s ease;\r\n      -webkit-tap-highlight-color: transparent;\r\n    }\r\n\r\n    #cw-contact-light .cw-btn svg {\r\n      width: 22px;\r\n      height: 22px;\r\n      flex: 0 0 auto;\r\n      stroke-width: 2;\r\n    }\r\n\r\n    #cw-contact-light .cw-btn-primary {\r\n      min-height: 72px;\r\n      color: #fff;\r\n      border: 1px solid rgba(127, 203, 255, 0.72);\r\n      background:\r\n        radial-gradient(circle at 25% 0%, rgba(111, 217, 255, 0.28), transparent 38%),\r\n        linear-gradient(100deg, #1757ef 0%, #1d70ff 48%, #2c8cff 100%);\r\n      box-shadow:\r\n        0 16px 36px rgba(24, 100, 255, 0.32),\r\n        0 0 28px rgba(41, 123, 255, 0.2),\r\n        inset 0 1px rgba(255, 255, 255, 0.3);\r\n    }\r\n\r\n    #cw-contact-light .cw-btn-primary::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: -2px;\r\n      opacity: 0;\r\n      z-index: 0;\r\n      background: linear-gradient(115deg, transparent 30%, rgba(255, 255, 255, 0.48) 48%, transparent 66%);\r\n      transform: translateX(-75%);\r\n      transition: opacity 0.3s ease;\r\n    }\r\n\r\n    #cw-contact-light .cw-btn-primary > * {\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    #cw-contact-light .cw-btn-primary .cw-icon-ring {\r\n      display: inline-grid;\r\n      place-items: center;\r\n      width: 38px;\r\n      height: 38px;\r\n      border: 1px solid rgba(255, 255, 255, 0.72);\r\n      border-radius: 50%;\r\n      background: rgba(255, 255, 255, 0.08);\r\n    }\r\n\r\n    #cw-contact-light .cw-btn-primary:hover {\r\n      transform: translateY(-4px);\r\n      box-shadow:\r\n        0 22px 46px rgba(25, 104, 255, 0.44),\r\n        0 0 42px rgba(42, 134, 255, 0.32),\r\n        inset 0 1px rgba(255, 255, 255, 0.38);\r\n    }\r\n\r\n    #cw-contact-light .cw-btn-primary:hover::before {\r\n      opacity: 1;\r\n      animation: cwButtonShine 1.15s ease forwards;\r\n    }\r\n\r\n    #cw-contact-light .cw-secondary-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 14px;\r\n    }\r\n\r\n    #cw-contact-light .cw-btn-secondary {\r\n      color: #18345f;\r\n      border: 1px solid rgba(38, 116, 255, 0.16);\r\n      background: rgba(255, 255, 255, 0.78);\r\n      box-shadow:\r\n        inset 0 1px rgba(255, 255, 255, 0.92),\r\n        0 10px 26px rgba(39, 72, 125, 0.08);\r\n      backdrop-filter: blur(12px);\r\n    }\r\n\r\n    #cw-contact-light .cw-btn-secondary svg {\r\n      color: #8ab8ff;\r\n    }\r\n\r\n    #cw-contact-light .cw-btn-secondary:hover {\r\n      color: #0f2d59;\r\n      border-color: rgba(78, 150, 255, 0.46);\r\n      background: rgba(241, 247, 255, 0.96);\r\n      transform: translateY(-4px);\r\n      box-shadow:\r\n        0 16px 32px rgba(39, 72, 125, 0.12),\r\n        0 0 28px rgba(37, 111, 255, 0.10);\r\n    }\r\n\r\n    #cw-contact-light .cw-btn-whatsapp svg {\r\n      color: var(--cw-green);\r\n    }\r\n\r\n    #cw-contact-light .cw-btn-whatsapp:hover {\r\n      border-color: rgba(37, 211, 102, 0.62);\r\n      box-shadow:\r\n        0 16px 32px rgba(39, 72, 125, 0.11),\r\n        0 0 26px rgba(37, 211, 102, 0.11);\r\n    }\r\n\r\n    #cw-contact-light .cw-trust {\r\n      margin-top: clamp(76px, 9vw, 118px);\r\n    }\r\n\r\n    #cw-contact-light .cw-trust-heading {\r\n      display: grid;\r\n      grid-template-columns: 1fr auto 1fr;\r\n      align-items: center;\r\n      gap: 24px;\r\n      margin-bottom: 28px;\r\n      color: #69788e;\r\n      font-size: 12px;\r\n      font-weight: 700;\r\n      letter-spacing: 0.20em;\r\n      text-align: center;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    #cw-contact-light .cw-trust-heading::before,\r\n    #cw-contact-light .cw-trust-heading::after {\r\n      content: \"\";\r\n      height: 1px;\r\n      background: linear-gradient(90deg, transparent, rgba(72, 112, 176, 0.20));\r\n    }\r\n\r\n    #cw-contact-light .cw-trust-heading::after {\r\n      background: linear-gradient(90deg, rgba(72, 112, 176, 0.20), transparent);\r\n    }\r\n\r\n    #cw-contact-light .cw-logo-row {\r\n      display: grid;\r\n      grid-template-columns: repeat(5, minmax(120px, 1fr));\r\n      max-width: 1120px;\r\n      margin: 0 auto;\r\n      align-items: center;\r\n      gap: clamp(16px, 2.2vw, 28px);\r\n    }\r\n\r\n    #cw-contact-light .cw-logo-item {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      min-height: 78px;\r\n      padding: 14px;\r\n      border: 1px solid rgba(98, 125, 168, 0.12);\r\n      border-radius: 16px;\r\n      background: rgba(255, 255, 255, 0.56);\r\n      opacity: 0.78;\r\n      filter: grayscale(1);\r\n      transition:\r\n        opacity 0.3s ease,\r\n        filter 0.3s ease,\r\n        transform 0.3s ease,\r\n        border-color 0.3s ease,\r\n        background-color 0.3s ease;\r\n    }\r\n\r\n    #cw-contact-light .cw-logo-item:hover {\r\n      opacity: 0.94;\r\n      filter: grayscale(1);\r\n      transform: translateY(-4px);\r\n      border-color: rgba(106, 151, 235, 0.18);\r\n      background: rgba(255, 255, 255, 0.88);\r\n    }\r\n\r\n    #cw-contact-light .cw-logo-item img {\r\n      display: block;\r\n      width: auto;\r\n      max-width: 100%;\r\n      max-height: 52px;\r\n      object-fit: contain;\r\n      filter: grayscale(1) contrast(0.94) brightness(0.60);\r\n    }\r\n\r\n    #cw-contact-light .cw-logo-item.cw-erecht img {\r\n      max-height: 70px;\r\n      filter: grayscale(1) contrast(0.90) brightness(0.88);\r\n      mix-blend-mode: normal;\r\n    }\r\n\r\n    #cw-contact-light .cw-reveal {\r\n      opacity: 0;\r\n      transform: translateY(28px);\r\n      transition:\r\n        opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1),\r\n        transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1);\r\n    }\r\n\r\n    #cw-contact-light .cw-reveal.is-visible {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    #cw-contact-light .cw-delay-1 { transition-delay: 0.08s; }\r\n    #cw-contact-light .cw-delay-2 { transition-delay: 0.16s; }\r\n    #cw-contact-light .cw-delay-3 { transition-delay: 0.24s; }\r\n\r\n    @keyframes cwGridMove {\r\n      to { background-position: 54px 54px; }\r\n    }\r\n\r\n    @keyframes cwOrbit {\r\n      from { transform: translate3d(0, 0, 0) scale(0.94); }\r\n      to { transform: translate3d(80px, 55px, 0) scale(1.08); }\r\n    }\r\n\r\n    @keyframes cwSpin {\r\n      to { transform: rotate(360deg); }\r\n    }\r\n\r\n    @keyframes cwDots {\r\n      from { transform: translateY(-8px); opacity: 0.35; }\r\n      to { transform: translateY(10px); opacity: 0.72; }\r\n    }\r\n\r\n    @keyframes cwFloat {\r\n      0%, 100% { transform: translateY(0) translateZ(28px); }\r\n      50% { transform: translateY(-10px) translateZ(28px); }\r\n    }\r\n\r\n    @keyframes cwImageShine {\r\n      0%, 58% { left: -70%; }\r\n      76%, 100% { left: 135%; }\r\n    }\r\n\r\n    @keyframes cwBadgeGlow {\r\n      0%, 100% { box-shadow: 0 14px 34px rgba(39, 72, 125, 0.10), 0 0 0 rgba(37, 112, 255, 0); }\r\n      50% { box-shadow: 0 14px 34px rgba(39, 72, 125, 0.10), 0 0 28px rgba(37, 112, 255, 0.10); }\r\n    }\r\n\r\n    @keyframes cwTextFlow {\r\n      0%, 100% { background-position: 0% 50%; }\r\n      50% { background-position: 100% 50%; }\r\n    }\r\n\r\n    @keyframes cwLinePulse {\r\n      0%, 100% { opacity: 0.45; transform: translateY(-50%) scaleX(0.8); }\r\n      50% { opacity: 1; transform: translateY(-50%) scaleX(1.15); }\r\n    }\r\n\r\n    @keyframes cwButtonShine {\r\n      from { transform: translateX(-75%); }\r\n      to { transform: translateX(75%); }\r\n    }\r\n\r\n    @media (max-width: 1050px) {\r\n      #cw-contact-light .cw-main-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 68px;\r\n      }\r\n\r\n      #cw-contact-light .cw-visual-column {\r\n        min-height: auto;\r\n      }\r\n\r\n      #cw-contact-light .cw-copy {\r\n        max-width: 760px;\r\n        margin-inline: auto;\r\n        text-align: center;\r\n      }\r\n\r\n      #cw-contact-light .cw-eyebrow {\r\n        justify-content: center;\r\n      }\r\n\r\n      #cw-contact-light .cw-title-line {\r\n        margin-inline: auto;\r\n      }\r\n\r\n      #cw-contact-light .cw-logo-row {\r\n        grid-template-columns: repeat(3, 1fr);\r\n        max-width: 860px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 680px) {\r\n      #cw-contact-light {\r\n        padding-inline: 18px;\r\n      }\r\n\r\n      #cw-contact-light .cw-portrait-stage {\r\n        width: min(100%, 330px);\r\n        padding: 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n      }\r\n\r\n      #cw-contact-light .cw-frame-back {\r\n        inset: 4px;\r\n      }\r\n\r\n      #cw-contact-light .cw-frame-mid {\r\n        inset: 14px;\r\n      }\r\n\r\n      #cw-contact-light .cw-name-card {\r\n        width: 100%;\r\n        max-width: 290px;\r\n        margin-top: 16px;\r\n        padding: 15px 34px;\r\n        transform: none;\r\n      }\r\n\r\n      #cw-contact-light .cw-name-card::before {\r\n        left: 18px;\r\n        height: 31px;\r\n      }\r\n\r\n      #cw-contact-light .cw-role {\r\n        font-size: 12px;\r\n      }\r\n\r\n      #cw-contact-light .cw-title {\r\n        font-size: clamp(39px, 12vw, 56px);\r\n      }\r\n\r\n      #cw-contact-light .cw-text {\r\n        font-size: 17px;\r\n        line-height: 1.65;\r\n      }\r\n\r\n      #cw-contact-light .cw-secondary-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      #cw-contact-light .cw-trust-heading {\r\n        gap: 13px;\r\n        letter-spacing: 0.15em;\r\n      }\r\n\r\n      #cw-contact-light .cw-logo-row {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 10px;\r\n      }\r\n\r\n      #cw-contact-light .cw-logo-item {\r\n        min-height: 62px;\r\n        padding: 10px;\r\n      }\r\n\r\n      #cw-contact-light .cw-logo-item img {\r\n        max-height: 40px;\r\n      }\r\n\r\n      #cw-contact-light .cw-logo-row > :last-child:nth-child(odd) {\r\n        grid-column: 1 \/ -1;\r\n        max-width: 220px;\r\n        margin: 0 auto;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #cw-contact-light *,\r\n      #cw-contact-light *::before,\r\n      #cw-contact-light *::after {\r\n        scroll-behavior: auto !important;\r\n        animation-duration: 0.001ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        transition-duration: 0.001ms !important;\r\n      }\r\n\r\n      #cw-contact-light .cw-reveal {\r\n        opacity: 1;\r\n        transform: none;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"cw-shell\">\r\n    <div class=\"cw-main-grid\">\r\n      <div class=\"cw-visual-column cw-reveal\">\r\n        <div class=\"cw-dots\" aria-hidden=\"true\"><\/div>\r\n\r\n        <div class=\"cw-portrait-stage\">\r\n          <div class=\"cw-frame-back\" aria-hidden=\"true\"><\/div>\r\n          <div class=\"cw-frame-mid\" aria-hidden=\"true\"><\/div>\r\n\r\n          <div class=\"cw-image-card\">\r\n            <img decoding=\"async\"\r\n              class=\"cw-image\"\r\n              src=\"https:\/\/content-wave.de\/discovery\/wp-content\/uploads\/2026\/08\/Content-Wave-Aaron-Selvi.png\"\r\n              alt=\"Aaron Selvi, Inhaber von Content Wave\"\r\n              loading=\"lazy\"\r\n              draggable=\"false\"\r\n              oncontextmenu=\"return false;\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"cw-name-card\">\r\n            <span class=\"cw-name\">Aaron Selvi<\/span>\r\n            <span class=\"cw-role\">Ihr Digital Growth Partner<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cw-copy\">\r\n        <div class=\"cw-reveal cw-delay-1\">\r\n          <p class=\"cw-eyebrow\">Kontakt<\/p>\r\n\r\n          <h2 id=\"cw-contact-heading\" class=\"cw-title\">\r\n            Jetzt <span class=\"cw-title-gradient\">Umsatz erh\u00f6hen<\/span>\r\n          <\/h2>\r\n\r\n          <div class=\"cw-title-line\" aria-hidden=\"true\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cw-text cw-reveal cw-delay-2\">\r\n          <p>\r\n            Ich begleite Dienstleister, Praxen und mittelst\u00e4ndische Unternehmen bei Webdesign, SEO und der langfristigen Weiterentwicklung ihrer Website. Dabei erhalten Sie keine Standardl\u00f6sung, sondern eine klare Empfehlung, die zu Ihrem Angebot, Ihrer Ausgangslage und Ihrem Budget passt.\r\n          <\/p>\r\n\r\n          <p>\r\n            In einem unverbindlichen Gespr\u00e4ch pr\u00fcfen wir, wo aktuell Potenzial verloren geht und welcher n\u00e4chste Schritt f\u00fcr Ihr Unternehmen sinnvoll ist.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"cw-actions cw-reveal cw-delay-3\">\r\n          <a\r\n            class=\"cw-btn cw-btn-primary\"\r\n            href=\"https:\/\/calendly.com\/contentwavede\/30min\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n            aria-label=\"R\u00fcckruf mit Content Wave vereinbaren\"\r\n          >\r\n            <span class=\"cw-icon-ring\" aria-hidden=\"true\">\r\n              <i data-lucide=\"phone-call\"><\/i>\r\n            <\/span>\r\n            <span>R\u00fcckruf vereinbaren<\/span>\r\n          <\/a>\r\n\r\n          <div class=\"cw-secondary-grid\">\r\n            <a\r\n              class=\"cw-btn cw-btn-secondary cw-btn-whatsapp\"\r\n              href=\"https:\/\/api.whatsapp.com\/send?phone=4915563074969\"\r\n              target=\"_blank\"\r\n              rel=\"noopener\"\r\n              aria-label=\"Content Wave \u00fcber WhatsApp kontaktieren\"\r\n            >\r\n              <i data-lucide=\"message-circle\"><\/i>\r\n              <span>WhatsApp<\/span>\r\n            <\/a>\r\n\r\n            <a\r\n              class=\"cw-btn cw-btn-secondary\"\r\n              href=\"tel:+4915563074969\"\r\n              aria-label=\"Content Wave anrufen\"\r\n            >\r\n              <i data-lucide=\"phone\"><\/i>\r\n              <span>Anrufen<\/span>\r\n            <\/a>\r\n\r\n            <a\r\n              class=\"cw-btn cw-btn-secondary\"\r\n              href=\"mailto:kontakt@content-wave.de\"\r\n              aria-label=\"Content Wave eine E-Mail senden\"\r\n            >\r\n              <i data-lucide=\"mail\"><\/i>\r\n              <span>E-Mail<\/span>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"cw-trust cw-reveal cw-delay-3\">\r\n      <div class=\"cw-trust-heading\">\r\n        <span>Technologien &amp; Plattformen<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"cw-logo-row\">\r\n        <div class=\"cw-logo-item\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/ab\/Meta-Logo.png\/1280px-Meta-Logo.png\"\r\n            alt=\"Meta\"\r\n            loading=\"lazy\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"cw-logo-item\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/2\/2f\/Google_2015_logo.svg\"\r\n            alt=\"Google\"\r\n            loading=\"lazy\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"cw-logo-item\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/3\/3f\/HubSpot_Logo.svg\"\r\n            alt=\"HubSpot\"\r\n            loading=\"lazy\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"cw-logo-item\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/s.w.org\/style\/images\/about\/WordPress-logotype-alternative.png\"\r\n            alt=\"WordPress\"\r\n            loading=\"lazy\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"cw-logo-item cw-erecht\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/teammcs.de\/media\/img\/Logos\/weblication\/wThumbnails\/erecht24-agenturpartner-33ac108a-7eb61692@448ll.jpg\"\r\n            alt=\"eRecht24 Agentur Partner\"\r\n            loading=\"lazy\"\r\n          >\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n  <script>\r\n    (() => {\r\n      const section = document.getElementById(\"cw-contact-light\");\r\n      if (!section) return;\r\n\r\n      const initIcons = () => {\r\n        if (window.lucide) {\r\n          window.lucide.createIcons({\r\n            attrs: {\r\n              \"aria-hidden\": \"true\"\r\n            }\r\n          });\r\n        }\r\n      };\r\n\r\n      initIcons();\r\n      window.addEventListener(\"load\", initIcons, { once: true });\r\n\r\n      const revealItems = section.querySelectorAll(\".cw-reveal\");\r\n\r\n      if (\"IntersectionObserver\" in window) {\r\n        const observer = new IntersectionObserver(\r\n          entries => {\r\n            entries.forEach(entry => {\r\n              if (entry.isIntersecting) {\r\n                entry.target.classList.add(\"is-visible\");\r\n                observer.unobserve(entry.target);\r\n              }\r\n            });\r\n          },\r\n          { threshold: 0.14 }\r\n        );\r\n\r\n        revealItems.forEach(item => observer.observe(item));\r\n      } else {\r\n        revealItems.forEach(item => item.classList.add(\"is-visible\"));\r\n      }\r\n\r\n      const stage = section.querySelector(\".cw-portrait-stage\");\r\n      const canTilt = window.matchMedia(\"(hover: hover) and (pointer: fine)\").matches;\r\n      const reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n\r\n      if (stage && canTilt && !reduceMotion) {\r\n        stage.addEventListener(\"mousemove\", event => {\r\n          const rect = stage.getBoundingClientRect();\r\n          const x = (event.clientX - rect.left) \/ rect.width - 0.5;\r\n          const y = (event.clientY - rect.top) \/ rect.height - 0.5;\r\n\r\n          stage.style.transform =\r\n            `perspective(900px) rotateX(${(-y * 5).toFixed(2)}deg) rotateY(${(x * 6).toFixed(2)}deg)`;\r\n        });\r\n\r\n        stage.addEventListener(\"mouseleave\", () => {\r\n          stage.style.transform = \"perspective(900px) rotateX(0deg) rotateY(0deg)\";\r\n        });\r\n      }\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f0f7a9 elementor-widget elementor-widget-html\" data-id=\"4f0f7a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section\r\n  id=\"cw-faq-spectrum\"\r\n  aria-labelledby=\"cw-faq-spectrum-title\"\r\n>\r\n  <style>\r\n    #cw-faq-spectrum,\r\n    #cw-faq-spectrum *,\r\n    #cw-faq-spectrum *::before,\r\n    #cw-faq-spectrum *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #cw-faq-spectrum {\r\n      --cw-bg: #030711;\r\n      --cw-bg-2: #07101f;\r\n      --cw-heading: #ffffff;\r\n      --cw-text: #dce6f5;\r\n      --cw-muted: #9aaac1;\r\n      --cw-container: 1100px;\r\n\r\n      --cw-mouse-x: 50%;\r\n      --cw-mouse-y: 50%;\r\n\r\n      position: relative;\r\n      isolation: isolate;\r\n      overflow: hidden;\r\n\r\n      width: 100%;\r\n      padding: clamp(82px, 9vw, 132px) 0;\r\n\r\n      font-family:\r\n        Inter,\r\n        system-ui,\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        sans-serif;\r\n\r\n      color: var(--cw-text);\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 8% 5%,\r\n          rgba(37, 105, 255, 0.22),\r\n          transparent 27%\r\n        ),\r\n        radial-gradient(\r\n          circle at 94% 6%,\r\n          rgba(24, 201, 225, 0.14),\r\n          transparent 26%\r\n        ),\r\n        radial-gradient(\r\n          circle at 78% 100%,\r\n          rgba(126, 82, 255, 0.12),\r\n          transparent 27%\r\n        ),\r\n        linear-gradient(\r\n          145deg,\r\n          #020610 0%,\r\n          #071225 48%,\r\n          #030811 100%\r\n        );\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       GRID\r\n    ========================================================= *\/\r\n\r\n    #cw-faq-spectrum::before {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: -5;\r\n\r\n      pointer-events: none;\r\n\r\n      opacity: 0.36;\r\n\r\n      background-image:\r\n        linear-gradient(\r\n          rgba(255,255,255,0.032) 1px,\r\n          transparent 1px\r\n        ),\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(255,255,255,0.032) 1px,\r\n          transparent 1px\r\n        );\r\n\r\n      background-size: 64px 64px;\r\n\r\n      -webkit-mask-image:\r\n        linear-gradient(\r\n          to bottom,\r\n          transparent,\r\n          #000 12%,\r\n          #000 82%,\r\n          transparent\r\n        );\r\n\r\n      mask-image:\r\n        linear-gradient(\r\n          to bottom,\r\n          transparent,\r\n          #000 12%,\r\n          #000 82%,\r\n          transparent\r\n        );\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       CURSOR LIGHT\r\n    ========================================================= *\/\r\n\r\n    #cw-faq-spectrum::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: -2;\r\n\r\n      pointer-events: none;\r\n\r\n      background:\r\n        radial-gradient(\r\n          560px circle\r\n          at var(--cw-mouse-x)\r\n          var(--cw-mouse-y),\r\n          rgba(82, 145, 255, 0.14),\r\n          rgba(56, 102, 255, 0.04) 30%,\r\n          transparent 64%\r\n        );\r\n\r\n      transition: opacity 0.25s ease;\r\n    }\r\n\r\n\r\n    #cw-faq-spectrum .cw-shell {\r\n      position: relative;\r\n      z-index: 4;\r\n\r\n      width: min(\r\n        var(--cw-container),\r\n        calc(100% - 40px)\r\n      );\r\n\r\n      margin: 0 auto;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       AURORA BACKGROUND\r\n    ========================================================= *\/\r\n\r\n    #cw-faq-spectrum .cw-aurora {\r\n      position: absolute;\r\n      inset: 0;\r\n\r\n      z-index: -4;\r\n\r\n      overflow: hidden;\r\n      pointer-events: none;\r\n    }\r\n\r\n\r\n    #cw-faq-spectrum .cw-aurora-glow {\r\n      position: absolute;\r\n\r\n      border-radius: 50%;\r\n\r\n      filter: blur(38px);\r\n\r\n      opacity: 0.7;\r\n\r\n      will-change: transform;\r\n    }\r\n\r\n\r\n    #cw-faq-spectrum .cw-aurora-glow.is-blue {\r\n      width: 440px;\r\n      height: 440px;\r\n\r\n      left: -210px;\r\n      top: 5%;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle,\r\n          rgba(38, 104, 255, 0.32),\r\n          transparent 68%\r\n        );\r\n\r\n      animation:\r\n        cwFaqSpectrumBlue\r\n        13s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    #cw-faq-spectrum .cw-aurora-glow.is-pink {\r\n      width: 470px;\r\n      height: 470px;\r\n\r\n      right: -230px;\r\n      top: 28%;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle,\r\n          rgba(224, 63, 193, 0.20),\r\n          transparent 68%\r\n        );\r\n\r\n      animation:\r\n        cwFaqSpectrumPink\r\n        15s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    #cw-faq-spectrum .cw-aurora-glow.is-cyan {\r\n      width: 400px;\r\n      height: 400px;\r\n\r\n      left: 38%;\r\n      bottom: -250px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle,\r\n          rgba(29, 212, 207, 0.17),\r\n          transparent 70%\r\n        );\r\n\r\n      animation:\r\n        cwFaqSpectrumCyan\r\n        16s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       HEADER\r\n    ========================================================= *\/\r\n\r\n    #cw-faq-spectrum .cw-head {\r\n      position: relative;\r\n\r\n      max-width: 850px;\r\n\r\n      margin:\r\n        0 auto\r\n        clamp(50px, 7vw, 72px);\r\n\r\n      text-align: center;\r\n\r\n      opacity: 0;\r\n\r\n      transform:\r\n        translateY(24px)\r\n        scale(0.98);\r\n\r\n      transition:\r\n        opacity 0.8s ease,\r\n        transform 0.8s\r\n        cubic-bezier(.2,.75,.25,1);\r\n    }\r\n\r\n\r\n    #cw-faq-spectrum.is-visible\r\n    .cw-head {\r\n      opacity: 1;\r\n\r\n      transform:\r\n        translateY(0)\r\n        scale(1);\r\n    }\r\n\r\n\r\n    #cw-faq-spectrum .cw-head h2 {\r\n      position: relative;\r\n\r\n      display: inline-block;\r\n\r\n      margin: 0;\r\n\r\n      color: transparent;\r\n\r\n      font-size:\r\n        clamp(\r\n          3.8rem,\r\n          9vw,\r\n          7.5rem\r\n        );\r\n\r\n      font-weight: 900;\r\n\r\n      line-height: 0.88;\r\n\r\n      letter-spacing: -0.075em;\r\n\r\n      background:\r\n        linear-gradient(\r\n          100deg,\r\n          #ffffff 0%,\r\n          #73a7ff 20%,\r\n          #31d8e4 40%,\r\n          #a174ff 60%,\r\n          #ff73b6 78%,\r\n          #ffffff 100%\r\n        );\r\n\r\n      background-size: 260% 100%;\r\n\r\n      background-clip: text;\r\n      -webkit-background-clip: text;\r\n\r\n      animation:\r\n        cwFaqSpectrumTitle\r\n        9s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    \/* Glow hinter FAQ *\/\r\n    #cw-faq-spectrum .cw-head h2::before {\r\n      content: \"FAQ\";\r\n\r\n      position: absolute;\r\n      inset: 0;\r\n\r\n      z-index: -1;\r\n\r\n      color: rgba(77, 139, 255, 0.16);\r\n\r\n      filter: blur(22px);\r\n\r\n      transform: scale(1.035);\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n\r\n    \/* farbige Linie *\/\r\n    #cw-faq-spectrum .cw-head::after {\r\n      content: \"\";\r\n\r\n      display: block;\r\n\r\n      width: 96px;\r\n      height: 4px;\r\n\r\n      margin: 30px auto 0;\r\n\r\n      border-radius: 999px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          #3177ff,\r\n          #1ccbd6,\r\n          #8e63ff,\r\n          #ff69af\r\n        );\r\n\r\n      background-size: 200% 100%;\r\n\r\n      box-shadow:\r\n        0 0 24px rgba(49, 119, 255, 0.48),\r\n        0 0 38px rgba(123, 89, 255, 0.18);\r\n\r\n      animation:\r\n        cwFaqSpectrumLine\r\n        5s linear infinite;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       LIST\r\n    ========================================================= *\/\r\n\r\n    #cw-faq-spectrum .cw-faq-list {\r\n      display: grid;\r\n      gap: 14px;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       FAQ CARD\r\n    ========================================================= *\/\r\n\r\n    #cw-faq-spectrum .cw-faq-item {\r\n      --cw-color: #397cff;\r\n      --cw-color-2: #5aa2ff;\r\n      --cw-rgb: 57, 124, 255;\r\n\r\n      --cw-card-x: 85%;\r\n      --cw-card-y: 0%;\r\n\r\n      position: relative;\r\n\r\n      overflow: hidden;\r\n\r\n      border: 1px solid transparent;\r\n\r\n      border-radius: 22px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          420px circle\r\n          at var(--cw-card-x)\r\n          var(--cw-card-y),\r\n          rgba(var(--cw-rgb), 0.19),\r\n          transparent 58%\r\n        )\r\n        padding-box,\r\n\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(13, 26, 48, 0.96),\r\n          rgba(6, 14, 28, 0.96)\r\n        )\r\n        padding-box,\r\n\r\n        linear-gradient(\r\n          115deg,\r\n          rgba(var(--cw-rgb), 0.46),\r\n          rgba(255,255,255,0.07) 44%,\r\n          rgba(var(--cw-rgb), 0.16)\r\n        )\r\n        border-box;\r\n\r\n      box-shadow:\r\n        0 18px 42px\r\n        rgba(0,0,0,0.24),\r\n\r\n        inset 0 1px 0\r\n        rgba(255,255,255,0.05);\r\n\r\n      backdrop-filter: blur(18px);\r\n      -webkit-backdrop-filter: blur(18px);\r\n\r\n      opacity: 0;\r\n\r\n      transform:\r\n        translateY(22px)\r\n        scale(0.99);\r\n\r\n      transition:\r\n        opacity 0.62s ease,\r\n        transform 0.62s\r\n        cubic-bezier(.2,.75,.25,1),\r\n\r\n        box-shadow 0.3s ease,\r\n        filter 0.3s ease;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       8 INDIVIDUELLE FARBEN\r\n    ========================================================= *\/\r\n\r\n    #cw-faq-spectrum\r\n    .cw-faq-item:nth-child(1) {\r\n      --cw-color: #397cff;\r\n      --cw-color-2: #61a3ff;\r\n      --cw-rgb: 57, 124, 255;\r\n    }\r\n\r\n\r\n    #cw-faq-spectrum\r\n    .cw-faq-item:nth-child(2) {\r\n      --cw-color: #0fc1d4;\r\n      --cw-color-2: #42e0e6;\r\n      --cw-rgb: 15, 193, 212;\r\n    }\r\n\r\n\r\n    #cw-faq-spectrum\r\n    .cw-faq-item:nth-child(3) {\r\n      --cw-color: #e2a437;\r\n      --cw-color-2: #ffd06a;\r\n      --cw-rgb: 226, 164, 55;\r\n    }\r\n\r\n\r\n    #cw-faq-spectrum\r\n    .cw-faq-item:nth-child(4) {\r\n      --cw-color: #20b982;\r\n      --cw-color-2: #4dd9a5;\r\n      --cw-rgb: 32, 185, 130;\r\n    }\r\n\r\n\r\n    #cw-faq-spectrum\r\n    .cw-faq-item:nth-child(5) {\r\n      --cw-color: #e951a2;\r\n      --cw-color-2: #ff7bbb;\r\n      --cw-rgb: 233, 81, 162;\r\n    }\r\n\r\n\r\n    #cw-faq-spectrum\r\n    .cw-faq-item:nth-child(6) {\r\n      --cw-color: #ed7042;\r\n      --cw-color-2: #ff9a58;\r\n      --cw-rgb: 237, 112, 66;\r\n    }\r\n\r\n\r\n    #cw-faq-spectrum\r\n    .cw-faq-item:nth-child(7) {\r\n      --cw-color: #8267ff;\r\n      --cw-color-2: #aa91ff;\r\n      --cw-rgb: 130, 103, 255;\r\n    }\r\n\r\n\r\n    #cw-faq-spectrum\r\n    .cw-faq-item:nth-child(8) {\r\n      --cw-color: #15b9a5;\r\n      --cw-color-2: #48dbc5;\r\n      --cw-rgb: 21, 185, 165;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       SCROLL REVEAL\r\n    ========================================================= *\/\r\n\r\n    #cw-faq-spectrum.is-visible\r\n    .cw-faq-item {\r\n      opacity: 1;\r\n\r\n      transform:\r\n        translateY(0)\r\n        scale(1);\r\n    }\r\n\r\n\r\n    #cw-faq-spectrum.is-visible\r\n    .cw-faq-item:nth-child(1) {\r\n      transition-delay: .05s;\r\n    }\r\n\r\n    #cw-faq-spectrum.is-visible\r\n    .cw-faq-item:nth-child(2) {\r\n      transition-delay: .10s;\r\n    }\r\n\r\n    #cw-faq-spectrum.is-visible\r\n    .cw-faq-item:nth-child(3) {\r\n      transition-delay: .15s;\r\n    }\r\n\r\n    #cw-faq-spectrum.is-visible\r\n    .cw-faq-item:nth-child(4) {\r\n      transition-delay: .20s;\r\n    }\r\n\r\n    #cw-faq-spectrum.is-visible\r\n    .cw-faq-item:nth-child(5) {\r\n      transition-delay: .25s;\r\n    }\r\n\r\n    #cw-faq-spectrum.is-visible\r\n    .cw-faq-item:nth-child(6) {\r\n      transition-delay: .30s;\r\n    }\r\n\r\n    #cw-faq-spectrum.is-visible\r\n    .cw-faq-item:nth-child(7) {\r\n      transition-delay: .35s;\r\n    }\r\n\r\n    #cw-faq-spectrum.is-visible\r\n    .cw-faq-item:nth-child(8) {\r\n      transition-delay: .40s;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       TOP COLOR BAR\r\n    ========================================================= *\/\r\n\r\n    #cw-faq-spectrum .cw-faq-item::before {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      top: 0;\r\n      left: 26px;\r\n\r\n      width: 58px;\r\n      height: 3px;\r\n\r\n      z-index: 3;\r\n\r\n      border-radius:\r\n        0 0 999px 999px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          var(--cw-color),\r\n          var(--cw-color-2)\r\n        );\r\n\r\n      box-shadow:\r\n        0 0 18px\r\n        rgba(var(--cw-rgb), 0.58);\r\n\r\n      transition:\r\n        width 0.35s\r\n        cubic-bezier(.2,.75,.25,1),\r\n\r\n        opacity 0.3s ease;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       LIGHT SWEEP\r\n    ========================================================= *\/\r\n\r\n    #cw-faq-spectrum .cw-faq-item::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      top: -75%;\r\n      left: -55%;\r\n\r\n      z-index: 1;\r\n\r\n      width: 27%;\r\n      height: 245%;\r\n\r\n      pointer-events: none;\r\n\r\n      opacity: 0;\r\n\r\n      background:\r\n        linear-gradient(\r\n          105deg,\r\n          transparent,\r\n          rgba(255,255,255,0.10),\r\n          transparent\r\n        );\r\n\r\n      transform:\r\n        rotate(9deg);\r\n\r\n      transition:\r\n        left 0.8s ease,\r\n        opacity 0.2s ease;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       SUMMARY\r\n    ========================================================= *\/\r\n\r\n    #cw-faq-spectrum .cw-faq-summary {\r\n      position: relative;\r\n      z-index: 4;\r\n\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        minmax(0, 1fr)\r\n        48px;\r\n\r\n      align-items: center;\r\n\r\n      gap: 24px;\r\n\r\n      min-height: 94px;\r\n\r\n      padding:\r\n        24px\r\n        25px\r\n        24px\r\n        30px;\r\n\r\n      cursor: pointer;\r\n\r\n      list-style: none;\r\n\r\n      outline: none;\r\n    }\r\n\r\n\r\n    #cw-faq-spectrum\r\n    .cw-faq-summary::-webkit-details-marker {\r\n      display: none;\r\n    }\r\n\r\n\r\n    #cw-faq-spectrum .cw-faq-question {\r\n      display: block;\r\n\r\n      color: #f6f9ff;\r\n\r\n      font-size:\r\n        clamp(\r\n          16px,\r\n          1.5vw,\r\n          19px\r\n        );\r\n\r\n      font-weight: 740;\r\n\r\n      line-height: 1.4;\r\n\r\n      letter-spacing: -0.023em;\r\n\r\n      transition:\r\n        color 0.27s ease,\r\n        transform 0.27s ease,\r\n        text-shadow 0.27s ease;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       TOGGLE\r\n    ========================================================= *\/\r\n\r\n    #cw-faq-spectrum .cw-faq-toggle {\r\n      position: relative;\r\n\r\n      display: grid;\r\n      place-items: center;\r\n\r\n      width: 44px;\r\n      height: 44px;\r\n\r\n      justify-self: end;\r\n\r\n      overflow: hidden;\r\n\r\n      border:\r\n        1px solid\r\n        rgba(var(--cw-rgb), 0.30);\r\n\r\n      border-radius: 14px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(var(--cw-rgb), 0.15),\r\n          rgba(var(--cw-rgb), 0.055)\r\n        );\r\n\r\n      color: var(--cw-color-2);\r\n\r\n      box-shadow:\r\n        0 8px 20px\r\n        rgba(0,0,0,0.14),\r\n\r\n        inset 0 1px\r\n        rgba(255,255,255,0.07);\r\n\r\n      transition:\r\n        transform 0.35s\r\n        cubic-bezier(.2,.8,.2,1),\r\n\r\n        border-color 0.3s ease,\r\n        background 0.3s ease,\r\n        color 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n    }\r\n\r\n\r\n    \/* Toggle Glow *\/\r\n    #cw-faq-spectrum\r\n    .cw-faq-toggle::before,\r\n    #cw-faq-spectrum\r\n    .cw-faq-toggle::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      width: 14px;\r\n      height: 2px;\r\n\r\n      border-radius: 999px;\r\n\r\n      background: currentColor;\r\n\r\n      transition:\r\n        transform 0.32s ease;\r\n    }\r\n\r\n\r\n    #cw-faq-spectrum\r\n    .cw-faq-toggle::after {\r\n      transform: rotate(90deg);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       ANSWER\r\n    ========================================================= *\/\r\n\r\n    #cw-faq-spectrum .cw-faq-answer {\r\n      display: grid;\r\n\r\n      grid-template-rows: 0fr;\r\n\r\n      opacity: 0;\r\n\r\n      transition:\r\n        grid-template-rows\r\n        0.42s\r\n        cubic-bezier(.2,.75,.25,1),\r\n\r\n        opacity\r\n        0.3s ease;\r\n    }\r\n\r\n\r\n    #cw-faq-spectrum\r\n    .cw-faq-answer-inner {\r\n      min-height: 0;\r\n      overflow: hidden;\r\n    }\r\n\r\n\r\n    #cw-faq-spectrum\r\n    .cw-faq-answer-content {\r\n      position: relative;\r\n      z-index: 4;\r\n\r\n      margin:\r\n        0 25px\r\n        26px 30px;\r\n\r\n      padding:\r\n        21px\r\n        58px\r\n        3px\r\n        0;\r\n\r\n      border-top:\r\n        1px solid\r\n        rgba(255,255,255,0.075);\r\n    }\r\n\r\n\r\n    #cw-faq-spectrum\r\n    .cw-faq-answer-content::before {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      top: -1px;\r\n      left: 0;\r\n\r\n      width: 80px;\r\n      height: 1px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          var(--cw-color),\r\n          transparent\r\n        );\r\n\r\n      box-shadow:\r\n        0 0 12px\r\n        rgba(var(--cw-rgb), 0.32);\r\n    }\r\n\r\n\r\n    #cw-faq-spectrum\r\n    .cw-faq-answer-content p {\r\n      max-width: 850px;\r\n\r\n      margin: 0;\r\n\r\n      color: var(--cw-muted);\r\n\r\n      font-size: 15px;\r\n      line-height: 1.76;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       OPEN STATE\r\n    ========================================================= *\/\r\n\r\n    #cw-faq-spectrum\r\n    .cw-faq-item[open] {\r\n      background:\r\n        radial-gradient(\r\n          520px circle\r\n          at var(--cw-card-x)\r\n          var(--cw-card-y),\r\n          rgba(var(--cw-rgb), 0.25),\r\n          transparent 58%\r\n        )\r\n        padding-box,\r\n\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(16, 31, 57, 0.98),\r\n          rgba(7, 16, 31, 0.98)\r\n        )\r\n        padding-box,\r\n\r\n        linear-gradient(\r\n          115deg,\r\n          rgba(var(--cw-rgb), 0.90),\r\n          rgba(255,255,255,0.13) 45%,\r\n          rgba(var(--cw-rgb), 0.40)\r\n        )\r\n        border-box;\r\n\r\n      box-shadow:\r\n        0 28px 65px\r\n        rgba(0,0,0,0.34),\r\n\r\n        0 0 44px\r\n        rgba(var(--cw-rgb), 0.10),\r\n\r\n        inset 0 1px 0\r\n        rgba(255,255,255,0.07);\r\n    }\r\n\r\n\r\n    #cw-faq-spectrum\r\n    .cw-faq-item[open]::before {\r\n      width: 150px;\r\n    }\r\n\r\n\r\n    #cw-faq-spectrum\r\n    .cw-faq-item[open]\r\n    .cw-faq-question {\r\n      color: #ffffff;\r\n\r\n      transform:\r\n        translateX(4px);\r\n\r\n      text-shadow:\r\n        0 0 22px\r\n        rgba(var(--cw-rgb), 0.10);\r\n    }\r\n\r\n\r\n    #cw-faq-spectrum\r\n    .cw-faq-item[open]\r\n    .cw-faq-toggle {\r\n      transform: rotate(180deg);\r\n\r\n      border-color:\r\n        rgba(var(--cw-rgb), 0.85);\r\n\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          var(--cw-color-2),\r\n          var(--cw-color)\r\n        );\r\n\r\n      color: #ffffff;\r\n\r\n      box-shadow:\r\n        0 10px 28px\r\n        rgba(var(--cw-rgb), 0.33),\r\n\r\n        0 0 26px\r\n        rgba(var(--cw-rgb), 0.20),\r\n\r\n        inset 0 1px\r\n        rgba(255,255,255,0.23);\r\n    }\r\n\r\n\r\n    #cw-faq-spectrum\r\n    .cw-faq-item[open]\r\n    .cw-faq-toggle::after {\r\n      transform: rotate(0deg);\r\n    }\r\n\r\n\r\n    #cw-faq-spectrum\r\n    .cw-faq-item[open]\r\n    .cw-faq-answer {\r\n      grid-template-rows: 1fr;\r\n\r\n      opacity: 1;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       HOVER\r\n    ========================================================= *\/\r\n\r\n    @media (hover: hover) and (pointer: fine) {\r\n\r\n      #cw-faq-spectrum\r\n      .cw-faq-item:hover {\r\n        transform:\r\n          translateY(-5px)\r\n          scale(1.004);\r\n\r\n        box-shadow:\r\n          0 30px 68px\r\n          rgba(0,0,0,0.34),\r\n\r\n          0 0 42px\r\n          rgba(var(--cw-rgb), 0.09),\r\n\r\n          inset 0 1px\r\n          rgba(255,255,255,0.07);\r\n      }\r\n\r\n\r\n      #cw-faq-spectrum\r\n      .cw-faq-item:hover::before {\r\n        width: 118px;\r\n      }\r\n\r\n\r\n      #cw-faq-spectrum\r\n      .cw-faq-item:hover::after {\r\n        left: 130%;\r\n        opacity: 1;\r\n      }\r\n\r\n\r\n      #cw-faq-spectrum\r\n      .cw-faq-item:hover\r\n      .cw-faq-question {\r\n        transform:\r\n          translateX(4px);\r\n      }\r\n\r\n\r\n      #cw-faq-spectrum\r\n      .cw-faq-item:hover\r\n      .cw-faq-toggle {\r\n        transform:\r\n          translateY(-2px)\r\n          scale(1.08);\r\n\r\n        border-color:\r\n          rgba(var(--cw-rgb), 0.6);\r\n\r\n        background:\r\n          rgba(var(--cw-rgb), 0.19);\r\n\r\n        box-shadow:\r\n          0 12px 26px\r\n          rgba(var(--cw-rgb), 0.17),\r\n\r\n          0 0 20px\r\n          rgba(var(--cw-rgb), 0.10);\r\n      }\r\n\r\n\r\n      #cw-faq-spectrum\r\n      .cw-faq-item[open]:hover\r\n      .cw-faq-toggle {\r\n        transform:\r\n          rotate(180deg)\r\n          translateY(2px)\r\n          scale(1.08);\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       FOCUS\r\n    ========================================================= *\/\r\n\r\n    #cw-faq-spectrum\r\n    .cw-faq-summary:focus-visible {\r\n      outline:\r\n        3px solid\r\n        rgba(79, 143, 255, 0.38);\r\n\r\n      outline-offset: -3px;\r\n\r\n      border-radius: 19px;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       ANIMATIONS\r\n    ========================================================= *\/\r\n\r\n    @keyframes cwFaqSpectrumTitle {\r\n      0%,\r\n      100% {\r\n        background-position: 0% 50%;\r\n      }\r\n\r\n      50% {\r\n        background-position: 100% 50%;\r\n      }\r\n    }\r\n\r\n\r\n    @keyframes cwFaqSpectrumLine {\r\n      to {\r\n        background-position: 200% 0;\r\n      }\r\n    }\r\n\r\n\r\n    @keyframes cwFaqSpectrumBlue {\r\n      0%,\r\n      100% {\r\n        transform:\r\n          translate3d(0,0,0)\r\n          scale(1);\r\n      }\r\n\r\n      50% {\r\n        transform:\r\n          translate3d(\r\n            80px,\r\n            45px,\r\n            0\r\n          )\r\n          scale(1.12);\r\n      }\r\n    }\r\n\r\n\r\n    @keyframes cwFaqSpectrumPink {\r\n      0%,\r\n      100% {\r\n        transform:\r\n          translate3d(0,0,0)\r\n          scale(1);\r\n      }\r\n\r\n      50% {\r\n        transform:\r\n          translate3d(\r\n            -75px,\r\n            35px,\r\n            0\r\n          )\r\n          scale(1.08);\r\n      }\r\n    }\r\n\r\n\r\n    @keyframes cwFaqSpectrumCyan {\r\n      0%,\r\n      100% {\r\n        transform:\r\n          translate3d(0,0,0)\r\n          scale(1);\r\n      }\r\n\r\n      50% {\r\n        transform:\r\n          translate3d(\r\n            45px,\r\n            -60px,\r\n            0\r\n          )\r\n          scale(1.14);\r\n      }\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       MOBILE\r\n    ========================================================= *\/\r\n\r\n    @media (max-width: 680px) {\r\n\r\n      #cw-faq-spectrum {\r\n        padding: 68px 0;\r\n      }\r\n\r\n\r\n      #cw-faq-spectrum\r\n      .cw-shell {\r\n        width:\r\n          min(\r\n            100% - 28px,\r\n            var(--cw-container)\r\n          );\r\n      }\r\n\r\n\r\n      #cw-faq-spectrum\r\n      .cw-head {\r\n        margin-bottom: 42px;\r\n      }\r\n\r\n\r\n      #cw-faq-spectrum\r\n      .cw-head h2 {\r\n        font-size:\r\n          clamp(\r\n            3.4rem,\r\n            19vw,\r\n            5rem\r\n          );\r\n      }\r\n\r\n\r\n      #cw-faq-spectrum\r\n      .cw-head::after {\r\n        width: 72px;\r\n\r\n        margin-top: 22px;\r\n      }\r\n\r\n\r\n      #cw-faq-spectrum\r\n      .cw-faq-list {\r\n        gap: 11px;\r\n      }\r\n\r\n\r\n      #cw-faq-spectrum\r\n      .cw-faq-item {\r\n        border-radius: 18px;\r\n      }\r\n\r\n\r\n      #cw-faq-spectrum\r\n      .cw-faq-summary {\r\n        grid-template-columns:\r\n          minmax(0, 1fr)\r\n          40px;\r\n\r\n        gap: 14px;\r\n\r\n        min-height: 80px;\r\n\r\n        padding:\r\n          19px\r\n          16px\r\n          19px\r\n          20px;\r\n      }\r\n\r\n\r\n      #cw-faq-spectrum\r\n      .cw-faq-question {\r\n        font-size: 15px;\r\n\r\n        line-height: 1.43;\r\n      }\r\n\r\n\r\n      #cw-faq-spectrum\r\n      .cw-faq-toggle {\r\n        width: 38px;\r\n        height: 38px;\r\n\r\n        border-radius: 12px;\r\n      }\r\n\r\n\r\n      #cw-faq-spectrum\r\n      .cw-faq-answer-content {\r\n        margin:\r\n          0\r\n          18px\r\n          21px\r\n          20px;\r\n\r\n        padding:\r\n          18px\r\n          0\r\n          2px;\r\n      }\r\n\r\n\r\n      #cw-faq-spectrum\r\n      .cw-faq-answer-content p {\r\n        font-size: 14px;\r\n\r\n        line-height: 1.72;\r\n      }\r\n\r\n\r\n      #cw-faq-spectrum\r\n      .cw-faq-item::before {\r\n        left: 20px;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       REDUCED MOTION\r\n    ========================================================= *\/\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n\r\n      #cw-faq-spectrum *,\r\n      #cw-faq-spectrum *::before,\r\n      #cw-faq-spectrum *::after {\r\n        animation: none !important;\r\n\r\n        transition-duration:\r\n          0.001ms !important;\r\n      }\r\n\r\n\r\n      #cw-faq-spectrum\r\n      .cw-head,\r\n      #cw-faq-spectrum\r\n      .cw-faq-item {\r\n        opacity: 1;\r\n\r\n        transform: none;\r\n      }\r\n\r\n    }\r\n\r\n  <\/style>\r\n\r\n\r\n\r\n  <!-- =========================================================\r\n       AURORA\r\n  ========================================================== -->\r\n\r\n  <div\r\n    class=\"cw-aurora\"\r\n    aria-hidden=\"true\"\r\n  >\r\n    <div class=\"cw-aurora-glow is-blue\"><\/div>\r\n    <div class=\"cw-aurora-glow is-pink\"><\/div>\r\n    <div class=\"cw-aurora-glow is-cyan\"><\/div>\r\n  <\/div>\r\n\r\n\r\n\r\n  <div class=\"cw-shell\">\r\n\r\n\r\n    <!-- =====================================================\r\n         TITLE\r\n    ====================================================== -->\r\n\r\n    <header class=\"cw-head\">\r\n\r\n      <h2\r\n        id=\"cw-faq-spectrum-title\"\r\n        data-cw-edit\r\n      >\r\n        FAQ\r\n      <\/h2>\r\n\r\n    <\/header>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         FAQ LIST\r\n    ====================================================== -->\r\n\r\n    <div class=\"cw-faq-list\">\r\n\r\n\r\n      <!-- 01 -->\r\n      <details\r\n        class=\"cw-faq-item\"\r\n        open\r\n      >\r\n\r\n        <summary class=\"cw-faq-summary\">\r\n\r\n          <span\r\n            class=\"cw-faq-question\"\r\n            data-cw-edit\r\n          >\r\n            Kann meine bestehende Website optimiert werden oder brauche ich eine neue?\r\n          <\/span>\r\n\r\n          <span\r\n            class=\"cw-faq-toggle\"\r\n            aria-hidden=\"true\"\r\n          ><\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"cw-faq-answer\">\r\n\r\n          <div class=\"cw-faq-answer-inner\">\r\n\r\n            <div class=\"cw-faq-answer-content\">\r\n\r\n              <p data-cw-edit>\r\n                Das l\u00e4sst sich am besten nach einer kurzen Pr\u00fcfung beurteilen. Dabei werden unter anderem Struktur, Gestaltung, mobile Darstellung, Ladezeit, Technik, Inhalte und SEO betrachtet. Ist die Grundlage solide, reichen oft gezielte Optimierungen aus. Eine neue Website ist vor allem dann sinnvoll, wenn das bestehende System technisch veraltet ist, die Nutzerf\u00fchrung grundlegend neu aufgebaut werden muss oder einzelne Anpassungen langfristig aufwendiger w\u00e4ren als eine saubere Neuentwicklung.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n\r\n      <!-- 02 -->\r\n      <details class=\"cw-faq-item\">\r\n\r\n        <summary class=\"cw-faq-summary\">\r\n\r\n          <span\r\n            class=\"cw-faq-question\"\r\n            data-cw-edit\r\n          >\r\n            Welche Kosten entstehen f\u00fcr Webdesign und SEO?\r\n          <\/span>\r\n\r\n          <span\r\n            class=\"cw-faq-toggle\"\r\n            aria-hidden=\"true\"\r\n          ><\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"cw-faq-answer\">\r\n\r\n          <div class=\"cw-faq-answer-inner\">\r\n\r\n            <div class=\"cw-faq-answer-content\">\r\n\r\n              <p data-cw-edit>\r\n                Die Kosten h\u00e4ngen vom Umfang, der Anzahl der ben\u00f6tigten Seiten, der technischen Ausgangslage, den vorhandenen Inhalten und den gew\u00fcnschten SEO Ma\u00dfnahmen ab. Vor dem Start erhalten Sie ein transparentes Angebot, in dem einmalige Leistungen und m\u00f6gliche laufende Leistungen klar voneinander getrennt sind. So wissen Sie genau, welche Ma\u00dfnahmen enthalten sind und welche Kosten entstehen.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n\r\n      <!-- 03 -->\r\n      <details class=\"cw-faq-item\">\r\n\r\n        <summary class=\"cw-faq-summary\">\r\n\r\n          <span\r\n            class=\"cw-faq-question\"\r\n            data-cw-edit\r\n          >\r\n            Wie lange dauert die Umsetzung einer neuen Website?\r\n          <\/span>\r\n\r\n          <span\r\n            class=\"cw-faq-toggle\"\r\n            aria-hidden=\"true\"\r\n          ><\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"cw-faq-answer\">\r\n\r\n          <div class=\"cw-faq-answer-inner\">\r\n\r\n            <div class=\"cw-faq-answer-content\">\r\n\r\n              <p data-cw-edit>\r\n                Die Dauer richtet sich nach dem Umfang des Projekts und danach, wie schnell Inhalte, Zug\u00e4nge und R\u00fcckmeldungen verf\u00fcgbar sind. Kompakte Websites lassen sich h\u00e4ufig innerhalb weniger Wochen umsetzen. Umfangreichere Projekte mit mehreren Leistungsseiten, individuellen Funktionen oder zus\u00e4tzlicher SEO Planung ben\u00f6tigen entsprechend mehr Zeit. Vor Projektbeginn wird ein realistischer Ablauf mit klaren Zwischenst\u00e4nden abgestimmt.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n\r\n      <!-- 04 -->\r\n      <details class=\"cw-faq-item\">\r\n\r\n        <summary class=\"cw-faq-summary\">\r\n\r\n          <span\r\n            class=\"cw-faq-question\"\r\n            data-cw-edit\r\n          >\r\n            Welche Inhalte und Unterlagen werden von mir ben\u00f6tigt?\r\n          <\/span>\r\n\r\n          <span\r\n            class=\"cw-faq-toggle\"\r\n            aria-hidden=\"true\"\r\n          ><\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"cw-faq-answer\">\r\n\r\n          <div class=\"cw-faq-answer-inner\">\r\n\r\n            <div class=\"cw-faq-answer-content\">\r\n\r\n              <p data-cw-edit>\r\n                Hilfreich sind Ihr Logo, vorhandene Farben und Schriften, Informationen zu Ihren Leistungen und Zielgruppen, Kontaktdaten, Bilder, Referenzen sowie vorhandene Zug\u00e4nge zu Domain, Hosting oder WordPress. Auch Impressum und Datenschutz sollten bereitgestellt oder gepr\u00fcft werden. Fehlen Texte, eine klare Seitenstruktur oder passende Inhalte, werden diese gemeinsam vorbereitet und f\u00fcr die Website verst\u00e4ndlich aufbereitet.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n\r\n      <!-- 05 -->\r\n      <details class=\"cw-faq-item\">\r\n\r\n        <summary class=\"cw-faq-summary\">\r\n\r\n          <span\r\n            class=\"cw-faq-question\"\r\n            data-cw-edit\r\n          >\r\n            Kann ich mit einer einzelnen Leistung beginnen?\r\n          <\/span>\r\n\r\n          <span\r\n            class=\"cw-faq-toggle\"\r\n            aria-hidden=\"true\"\r\n          ><\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"cw-faq-answer\">\r\n\r\n          <div class=\"cw-faq-answer-inner\">\r\n\r\n            <div class=\"cw-faq-answer-content\">\r\n\r\n              <p data-cw-edit>\r\n                Ja. Webdesign, SEO sowie Updates und Wartung k\u00f6nnen einzeln beauftragt werden. H\u00e4ufig ist es sinnvoll, zun\u00e4chst mit der Ma\u00dfnahme zu beginnen, die aktuell den gr\u00f6\u00dften Nutzen bietet. Eine bestehende Website kann zum Beispiel zuerst technisch und inhaltlich optimiert werden, bevor weitere SEO Seiten oder eine laufende Betreuung erg\u00e4nzt werden.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n\r\n      <!-- 06 -->\r\n      <details class=\"cw-faq-item\">\r\n\r\n        <summary class=\"cw-faq-summary\">\r\n\r\n          <span\r\n            class=\"cw-faq-question\"\r\n            data-cw-edit\r\n          >\r\n            Wie werden Rankings, Klicks und Ergebnisse ausgewertet?\r\n          <\/span>\r\n\r\n          <span\r\n            class=\"cw-faq-toggle\"\r\n            aria-hidden=\"true\"\r\n          ><\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"cw-faq-answer\">\r\n\r\n          <div class=\"cw-faq-answer-inner\">\r\n\r\n            <div class=\"cw-faq-answer-content\">\r\n\r\n              <p data-cw-edit>\r\n                F\u00fcr die Auswertung werden unter anderem Daten aus der Google Search Console und, sofern eingerichtet, aus Google Analytics betrachtet. Relevant sind nicht nur einzelne Positionen, sondern auch Impressionen, Klicks, Suchanfragen, die Entwicklung wichtiger Seiten und konkrete Kontaktanfragen. Die Ergebnisse werden verst\u00e4ndlich eingeordnet, damit erkennbar wird, was gut funktioniert und an welchen Stellen weitere Optimierungen sinnvoll sind.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n\r\n      <!-- 07 -->\r\n      <details class=\"cw-faq-item\">\r\n\r\n        <summary class=\"cw-faq-summary\">\r\n\r\n          <span\r\n            class=\"cw-faq-question\"\r\n            data-cw-edit\r\n          >\r\n            Ist eine langfristige Betreuung verpflichtend?\r\n          <\/span>\r\n\r\n          <span\r\n            class=\"cw-faq-toggle\"\r\n            aria-hidden=\"true\"\r\n          ><\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"cw-faq-answer\">\r\n\r\n          <div class=\"cw-faq-answer-inner\">\r\n\r\n            <div class=\"cw-faq-answer-content\">\r\n\r\n              <p data-cw-edit>\r\n                Nein. Eine laufende Betreuung ist keine Voraussetzung f\u00fcr ein Webdesign oder SEO Projekt. Sie kann sinnvoll sein, wenn Updates, Backups, Sicherheit, technische Pr\u00fcfungen und SEO Aktualisierungen regelm\u00e4\u00dfig \u00fcbernommen werden sollen. Sie entscheiden jedoch selbst, ob Sie eine Betreuung w\u00fcnschen und welcher Umfang zu Ihrer Website passt.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n\r\n      <!-- 08 -->\r\n      <details class=\"cw-faq-item\">\r\n\r\n        <summary class=\"cw-faq-summary\">\r\n\r\n          <span\r\n            class=\"cw-faq-question\"\r\n            data-cw-edit\r\n          >\r\n            Wie schnell kann eine neue Seite bei Google sichtbar werden?\r\n          <\/span>\r\n\r\n          <span\r\n            class=\"cw-faq-toggle\"\r\n            aria-hidden=\"true\"\r\n          ><\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"cw-faq-answer\">\r\n\r\n          <div class=\"cw-faq-answer-inner\">\r\n\r\n            <div class=\"cw-faq-answer-content\">\r\n\r\n              <p data-cw-edit>\r\n                Neue Seiten k\u00f6nnen bereits innerhalb weniger Stunden oder Tage von Google erfasst werden. Eine schnelle Indexierung ist jedoch nicht mit stabilen Rankings gleichzusetzen. Diese entwickeln sich durch relevante Inhalte, eine klare Struktur, interne Verlinkungen, technische Qualit\u00e4t und kontinuierliche Optimierung.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <script>\r\n    (() => {\r\n\r\n      const section =\r\n        document.getElementById(\r\n          \"cw-faq-spectrum\"\r\n        );\r\n\r\n\r\n      if (\r\n        !section ||\r\n        section.dataset.cwFaqSpectrumReady === \"true\"\r\n      ) {\r\n        return;\r\n      }\r\n\r\n\r\n      section.dataset.cwFaqSpectrumReady =\r\n        \"true\";\r\n\r\n\r\n      const reducedMotion =\r\n        window.matchMedia(\r\n          \"(prefers-reduced-motion: reduce)\"\r\n        ).matches;\r\n\r\n\r\n      const items =\r\n        Array.from(\r\n          section.querySelectorAll(\r\n            \".cw-faq-item\"\r\n          )\r\n        );\r\n\r\n\r\n      \/* ==========================================\r\n         SCROLL REVEAL\r\n      ========================================== *\/\r\n\r\n      if (\r\n        !reducedMotion &&\r\n        \"IntersectionObserver\" in window\r\n      ) {\r\n\r\n        const observer =\r\n          new IntersectionObserver(\r\n            entries => {\r\n\r\n              entries.forEach(entry => {\r\n\r\n                if (\r\n                  entry.isIntersecting\r\n                ) {\r\n\r\n                  section.classList.add(\r\n                    \"is-visible\"\r\n                  );\r\n\r\n                  observer.disconnect();\r\n\r\n                }\r\n\r\n              });\r\n\r\n            },\r\n            {\r\n              threshold: 0.10\r\n            }\r\n          );\r\n\r\n\r\n        observer.observe(section);\r\n\r\n      } else {\r\n\r\n        section.classList.add(\r\n          \"is-visible\"\r\n        );\r\n\r\n      }\r\n\r\n\r\n\r\n      \/* ==========================================\r\n         GLOBAL CURSOR SPOTLIGHT\r\n      ========================================== *\/\r\n\r\n      if (\r\n        !reducedMotion &&\r\n        window.matchMedia(\r\n          \"(hover: hover) and (pointer: fine)\"\r\n        ).matches\r\n      ) {\r\n\r\n        section.addEventListener(\r\n          \"pointermove\",\r\n          event => {\r\n\r\n            const rect =\r\n              section.getBoundingClientRect();\r\n\r\n\r\n            section.style.setProperty(\r\n              \"--cw-mouse-x\",\r\n              `${event.clientX - rect.left}px`\r\n            );\r\n\r\n\r\n            section.style.setProperty(\r\n              \"--cw-mouse-y\",\r\n              `${event.clientY - rect.top}px`\r\n            );\r\n\r\n          },\r\n          {\r\n            passive: true\r\n          }\r\n        );\r\n\r\n\r\n\r\n        \/* ==========================================\r\n           CARD SPOTLIGHT\r\n        ========================================== *\/\r\n\r\n        items.forEach(item => {\r\n\r\n          item.addEventListener(\r\n            \"pointermove\",\r\n            event => {\r\n\r\n              const rect =\r\n                item.getBoundingClientRect();\r\n\r\n\r\n              item.style.setProperty(\r\n                \"--cw-card-x\",\r\n                `${event.clientX - rect.left}px`\r\n              );\r\n\r\n\r\n              item.style.setProperty(\r\n                \"--cw-card-y\",\r\n                `${event.clientY - rect.top}px`\r\n              );\r\n\r\n            },\r\n            {\r\n              passive: true\r\n            }\r\n          );\r\n\r\n\r\n          item.addEventListener(\r\n            \"pointerleave\",\r\n            () => {\r\n\r\n              item.style.setProperty(\r\n                \"--cw-card-x\",\r\n                \"85%\"\r\n              );\r\n\r\n              item.style.setProperty(\r\n                \"--cw-card-y\",\r\n                \"0%\"\r\n              );\r\n\r\n            }\r\n          );\r\n\r\n        });\r\n\r\n      }\r\n\r\n    })();\r\n  <\/script>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Website, SEO und Betreuung als Wachstumssystem Content Wave Ihre Website soll nicht nur gut aussehen. Sie soll Kunden gewinnen. Viele Unternehmen verlieren jeden Monat Anfragen, obwohl ihr Angebot gut ist. Nicht wegen der Leistung, sondern weil Website, Inhalte, SEO, Vertrauen und Kontaktwege nicht sauber zusammenspielen. Content Wave baut daraus ein digitales System, das sichtbar macht, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-319","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/content-wave.de\/discovery\/wp-json\/wp\/v2\/pages\/319","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/content-wave.de\/discovery\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/content-wave.de\/discovery\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/content-wave.de\/discovery\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/content-wave.de\/discovery\/wp-json\/wp\/v2\/comments?post=319"}],"version-history":[{"count":10,"href":"https:\/\/content-wave.de\/discovery\/wp-json\/wp\/v2\/pages\/319\/revisions"}],"predecessor-version":[{"id":4979,"href":"https:\/\/content-wave.de\/discovery\/wp-json\/wp\/v2\/pages\/319\/revisions\/4979"}],"wp:attachment":[{"href":"https:\/\/content-wave.de\/discovery\/wp-json\/wp\/v2\/media?parent=319"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}