{"id":5055,"date":"2026-08-17T23:43:47","date_gmt":"2026-08-17T21:43:47","guid":{"rendered":"https:\/\/content-wave.de\/discovery\/?p=5055"},"modified":"2026-08-17T23:45:09","modified_gmt":"2026-08-17T21:45:09","slug":"landing-2","status":"publish","type":"post","link":"https:\/\/content-wave.de\/discovery\/2026\/08\/17\/landing-2\/","title":{"rendered":"LANDING"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"5055\" class=\"elementor elementor-5055\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06bba1f e-con-full e-flex e-con e-parent\" data-id=\"06bba1f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-808fc08 elementor-widget elementor-widget-html\" data-id=\"808fc08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"cw-seo-lp-hero\" aria-labelledby=\"cw-seo-lp-title\">\r\n\r\n<style>\r\n\/* =========================================================\r\n   CONTENT WAVE\r\n   SEO LANDING PAGE HERO\r\n   PHONE + SUBTLE SEO GRAPH\r\n   ========================================================= *\/\r\n\r\n#cw-seo-lp-hero,\r\n#cw-seo-lp-hero *,\r\n#cw-seo-lp-hero *::before,\r\n#cw-seo-lp-hero *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#cw-seo-lp-hero {\r\n  --cw-white: #f8fbff;\r\n  --cw-text: #c5cfde;\r\n  --cw-muted: #8392a8;\r\n\r\n  --cw-blue: #2c72ff;\r\n  --cw-cyan: #20c9dc;\r\n  --cw-violet: #8565ff;\r\n  --cw-green: #25c98a;\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(78px, 8vw, 112px)\r\n    0\r\n    clamp(74px, 7vw, 105px);\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,.22),\r\n      transparent 29%\r\n    ),\r\n    radial-gradient(\r\n      circle at 93% 17%,\r\n      rgba(133,101,255,.15),\r\n      transparent 28%\r\n    ),\r\n    radial-gradient(\r\n      circle at 76% 92%,\r\n      rgba(32,201,220,.08),\r\n      transparent 30%\r\n    ),\r\n    linear-gradient(\r\n      135deg,\r\n      #02050c 0%,\r\n      #060d1b 43%,\r\n      #071327 70%,\r\n      #02060e 100%\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND GRID\r\n   ========================================================= *\/\r\n\r\n#cw-seo-lp-hero::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  z-index: -5;\r\n\r\n  pointer-events: none;\r\n\r\n  opacity: .32;\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) 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,.8) 72%,\r\n      transparent 100%\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   AMBIENT LIGHT\r\n   ========================================================= *\/\r\n\r\n#cw-seo-lp-hero::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  z-index: -3;\r\n\r\n  width: 700px;\r\n  height: 700px;\r\n\r\n  right: -190px;\r\n  top: -220px;\r\n\r\n  pointer-events: none;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(73,129,255,.20),\r\n      rgba(128,87,255,.07) 40%,\r\n      transparent 70%\r\n    );\r\n\r\n  filter: blur(12px);\r\n\r\n  animation:\r\n    cwSeoAmbient\r\n    7s ease-in-out infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP LIGHT\r\n   ========================================================= *\/\r\n\r\n#cw-seo-lp-hero .cw-seo-top-light {\r\n  position: absolute;\r\n\r\n  top: 0;\r\n  left: 50%;\r\n\r\n  width:\r\n    min(\r\n      1200px,\r\n      86%\r\n    );\r\n\r\n  height: 1px;\r\n\r\n  transform:\r\n    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-seo-lp-hero .cw-seo-shell {\r\n  position: relative;\r\n\r\n  z-index: 3;\r\n\r\n  width:\r\n    min(\r\n      1340px,\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-seo-lp-hero .cw-seo-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,.94fr)\r\n    minmax(0,1.06fr);\r\n\r\n  align-items: center;\r\n\r\n  gap:\r\n    clamp(50px,6vw,92px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT COPY\r\n   ========================================================= *\/\r\n\r\n#cw-seo-lp-hero .cw-seo-copy {\r\n  position: relative;\r\n\r\n  z-index: 5;\r\n\r\n  max-width: 660px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PILL\r\n   ========================================================= *\/\r\n\r\n#cw-seo-lp-hero .cw-seo-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: 37px;\r\n\r\n  padding:\r\n    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,.025)\r\n    );\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,.06);\r\n\r\n  backdrop-filter: blur(15px);\r\n  -webkit-backdrop-filter: blur(15px);\r\n\r\n  color:\r\n    rgba(255,255,255,.88);\r\n\r\n  font-size: 11px;\r\n  font-weight: 720;\r\n  line-height: 1.2;\r\n}\r\n\r\n\r\n#cw-seo-lp-hero\r\n.cw-seo-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:\r\n    rotate(10deg);\r\n\r\n  animation:\r\n    cwSeoPillShine\r\n    7s ease-in-out infinite;\r\n}\r\n\r\n\r\n#cw-seo-lp-hero\r\n.cw-seo-pill-dot {\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-green);\r\n\r\n  box-shadow:\r\n    0 0 0 5px\r\n    rgba(37,201,138,.10),\r\n\r\n    0 0 17px\r\n    rgba(37,201,138,.43);\r\n\r\n  animation:\r\n    cwSeoPulse\r\n    2.6s ease-in-out infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n   ========================================================= *\/\r\n\r\n#cw-seo-lp-hero .cw-seo-eyebrow {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 12px;\r\n\r\n  margin:\r\n    27px 0 0;\r\n\r\n  color: #78a8ff;\r\n\r\n  font-size:\r\n    clamp(11px,1vw,13px);\r\n\r\n  font-weight: 830;\r\n\r\n  line-height: 1;\r\n\r\n  letter-spacing: .19em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n#cw-seo-lp-hero\r\n.cw-seo-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,.42);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n   ========================================================= *\/\r\n\r\n#cw-seo-lp-hero .cw-seo-title {\r\n  max-width: 700px;\r\n\r\n  margin:\r\n    18px 0 0;\r\n\r\n  color:\r\n    var(--cw-white);\r\n\r\n  font-size:\r\n    clamp(\r\n      45px,\r\n      5vw,\r\n      70px\r\n    );\r\n\r\n  font-weight: 860;\r\n\r\n  line-height: 1.035;\r\n\r\n  letter-spacing: -.052em;\r\n\r\n  text-wrap: balance;\r\n}\r\n\r\n\r\n#cw-seo-lp-hero .cw-seo-gradient {\r\n  color: transparent;\r\n\r\n  background:\r\n    linear-gradient(\r\n      100deg,\r\n      #70a5ff 0%,\r\n      #32d1dc 30%,\r\n      #8c6cff 58%,\r\n      #70a5ff 100%\r\n    );\r\n\r\n  background-size:\r\n    220% 100%;\r\n\r\n  background-clip: text;\r\n  -webkit-background-clip: text;\r\n\r\n  animation:\r\n    cwSeoGradient\r\n    8s ease-in-out infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE LINE\r\n   ========================================================= *\/\r\n\r\n#cw-seo-lp-hero .cw-seo-line {\r\n  position: relative;\r\n\r\n  width: 152px;\r\n  height: 3px;\r\n\r\n  margin:\r\n    27px 0 28px;\r\n\r\n  overflow: hidden;\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,.38);\r\n}\r\n\r\n\r\n#cw-seo-lp-hero\r\n.cw-seo-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: 42px;\r\n  height: 8px;\r\n\r\n  transform:\r\n    translateY(-50%);\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    rgba(75,164,255,.78);\r\n\r\n  filter: blur(6px);\r\n\r\n  animation:\r\n    cwSeoLineTravel\r\n    3.2s ease-in-out infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEXT\r\n   ========================================================= *\/\r\n\r\n#cw-seo-lp-hero .cw-seo-text {\r\n  max-width: 610px;\r\n\r\n  margin: 0;\r\n\r\n  color:\r\n    var(--cw-text);\r\n\r\n  font-size:\r\n    clamp(\r\n      16px,\r\n      1.3vw,\r\n      18px\r\n    );\r\n\r\n  line-height: 1.72;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACTIONS\r\n   ========================================================= *\/\r\n\r\n#cw-seo-lp-hero .cw-seo-actions {\r\n  display: flex;\r\n\r\n  flex-wrap: wrap;\r\n\r\n  gap: 13px;\r\n\r\n  margin-top: 31px;\r\n}\r\n\r\n\r\n#cw-seo-lp-hero .cw-seo-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: 57px;\r\n\r\n  padding:\r\n    0 23px;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius: 14px;\r\n\r\n  text-decoration: none !important;\r\n\r\n  font-size: 14px;\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-seo-lp-hero\r\n.cw-seo-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:\r\n    #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-seo-lp-hero\r\n.cw-seo-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-seo-lp-hero\r\n.cw-seo-btn span {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n}\r\n\r\n\r\n#cw-seo-lp-hero\r\n.cw-seo-btn-secondary {\r\n  border:\r\n    1px solid\r\n    rgba(134,158,214,.25);\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:\r\n    #edf4ff !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\r\n\r\n\/* BUTTON HOVER *\/\r\n\r\n@media (hover:hover) and (pointer:fine) {\r\n\r\n  #cw-seo-lp-hero\r\n  .cw-seo-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-seo-lp-hero\r\n  .cw-seo-btn-primary:hover::before {\r\n    opacity: 1;\r\n\r\n    animation:\r\n      cwSeoButtonShine\r\n      1s ease forwards;\r\n  }\r\n\r\n\r\n  #cw-seo-lp-hero\r\n  .cw-seo-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   TRUST POINTS\r\n   ========================================================= *\/\r\n\r\n#cw-seo-lp-hero .cw-seo-points {\r\n  display: flex;\r\n\r\n  flex-wrap: wrap;\r\n\r\n  gap:\r\n    10px 20px;\r\n\r\n  margin-top: 27px;\r\n}\r\n\r\n\r\n#cw-seo-lp-hero .cw-seo-point {\r\n  display: 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,.64);\r\n\r\n  font-size: 12px;\r\n  font-weight: 640;\r\n}\r\n\r\n\r\n#cw-seo-lp-hero .cw-seo-check {\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 19px;\r\n  height: 19px;\r\n\r\n  flex: 0 0 auto;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(61,203,151,.28);\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    rgba(36,200,136,.08);\r\n\r\n  color: #49d6a0;\r\n\r\n  font-size: 10px;\r\n  font-weight: 900;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT VISUAL\r\n   ========================================================= *\/\r\n\r\n#cw-seo-lp-hero .cw-seo-visual {\r\n  position: relative;\r\n\r\n  z-index: 3;\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  min-height: 610px;\r\n\r\n  padding:\r\n    20px 0 20px 20px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKLIGHT\r\n   ========================================================= *\/\r\n\r\n#cw-seo-lp-hero\r\n.cw-seo-visual::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  z-index: -2;\r\n\r\n  width: 83%;\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,.26),\r\n      rgba(120,84,255,.09) 38%,\r\n      transparent 68%\r\n    );\r\n\r\n  filter: blur(16px);\r\n\r\n  animation:\r\n    cwSeoVisualGlow\r\n    6s ease-in-out infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUBTLE BACKGROUND GRAPH\r\n   ========================================================= *\/\r\n\r\n#cw-seo-lp-hero .cw-seo-bg-chart {\r\n  position: absolute;\r\n\r\n  z-index: -1;\r\n\r\n  top: 50%;\r\n  left: 50%;\r\n\r\n  width: 108%;\r\n  height: 76%;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  pointer-events: none;\r\n\r\n  opacity: .34;\r\n\r\n  -webkit-mask-image:\r\n    radial-gradient(\r\n      ellipse at center,\r\n      #000 15%,\r\n      rgba(0,0,0,.85) 43%,\r\n      rgba(0,0,0,.35) 68%,\r\n      transparent 87%\r\n    );\r\n\r\n  mask-image:\r\n    radial-gradient(\r\n      ellipse at center,\r\n      #000 15%,\r\n      rgba(0,0,0,.85) 43%,\r\n      rgba(0,0,0,.35) 68%,\r\n      transparent 87%\r\n    );\r\n}\r\n\r\n\r\n#cw-seo-lp-hero\r\n.cw-seo-bg-chart-grid {\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  opacity: .20;\r\n\r\n  background-image:\r\n    linear-gradient(\r\n      rgba(100,155,255,.16) 1px,\r\n      transparent 1px\r\n    ),\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(100,155,255,.16) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size:\r\n    100% 72px,\r\n    90px 100%;\r\n}\r\n\r\n\r\n\/* SVG GRAPH *\/\r\n\r\n#cw-seo-lp-hero\r\n.cw-seo-bg-chart svg {\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  overflow: visible;\r\n}\r\n\r\n\r\n#cw-seo-lp-hero\r\n.cw-seo-bg-area {\r\n  fill:\r\n    url(#cwSeoBgArea);\r\n}\r\n\r\n\r\n#cw-seo-lp-hero\r\n.cw-seo-bg-line {\r\n  fill: none;\r\n\r\n  stroke:\r\n    url(#cwSeoBgStroke);\r\n\r\n  stroke-width: 3.2;\r\n\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n\r\n  opacity: .72;\r\n\r\n  filter:\r\n    drop-shadow(\r\n      0 0 8px\r\n      rgba(58,132,255,.42)\r\n    );\r\n\r\n  stroke-dasharray: 1200;\r\n  stroke-dashoffset: 1200;\r\n\r\n  animation:\r\n    cwSeoGraphDraw\r\n    2.5s .4s ease forwards;\r\n}\r\n\r\n\r\n\/* EXTRA SOFT GRAPH GLOW *\/\r\n\r\n#cw-seo-lp-hero\r\n.cw-seo-bg-line-glow {\r\n  fill: none;\r\n\r\n  stroke:\r\n    rgba(67,138,255,.17);\r\n\r\n  stroke-width: 14;\r\n\r\n  stroke-linecap: round;\r\n\r\n  filter: blur(7px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PHONE IMAGE STAGE\r\n   ========================================================= *\/\r\n\r\n#cw-seo-lp-hero\r\n.cw-seo-phone-stage {\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: center;\r\n\r\n  width:\r\n    min(\r\n      100%,\r\n      650px\r\n    );\r\n\r\n  min-height: 560px;\r\n\r\n  animation:\r\n    cwSeoPhoneFloat\r\n    7s ease-in-out infinite;\r\n}\r\n\r\n\r\n\/* IMAGE *\/\r\n\r\n#cw-seo-lp-hero\r\n.cw-seo-phone {\r\n  position: relative;\r\n\r\n  z-index: 5;\r\n\r\n  display: block;\r\n\r\n  width:\r\n    min(\r\n      100%,\r\n      590px\r\n    );\r\n\r\n  height: auto;\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n  object-fit: contain;\r\n\r\n  filter:\r\n    drop-shadow(\r\n      0 35px 55px\r\n      rgba(0,0,0,.38)\r\n    )\r\n    drop-shadow(\r\n      0 0 32px\r\n      rgba(45,116,255,.11)\r\n    );\r\n\r\n  transition:\r\n    transform .38s ease,\r\n    filter .38s ease;\r\n}\r\n\r\n\r\n@media (hover:hover) and (pointer:fine) {\r\n\r\n  #cw-seo-lp-hero\r\n  .cw-seo-phone-stage:hover\r\n  .cw-seo-phone {\r\n    transform:\r\n      translateY(-3px)\r\n      scale(1.015);\r\n\r\n    filter:\r\n      drop-shadow(\r\n        0 41px 65px\r\n        rgba(0,0,0,.43)\r\n      )\r\n      drop-shadow(\r\n        0 0 42px\r\n        rgba(45,116,255,.16)\r\n      );\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOATING SEO CARDS\r\n   ========================================================= *\/\r\n\r\n#cw-seo-lp-hero\r\n.cw-seo-float {\r\n  position: absolute;\r\n\r\n  z-index: 8;\r\n\r\n  min-width: 185px;\r\n\r\n  padding:\r\n    13px 15px;\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(52,126,255,.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(52,126,255,.55),\r\n      rgba(255,255,255,.07),\r\n      rgba(52,126,255,.15)\r\n    )\r\n    border-box;\r\n\r\n  box-shadow:\r\n    0 19px 44px\r\n    rgba(0,0,0,.27),\r\n\r\n    0 0 25px\r\n    rgba(52,126,255,.06),\r\n\r\n    inset 0 1px\r\n    rgba(255,255,255,.055);\r\n\r\n  backdrop-filter:\r\n    blur(17px);\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(17px);\r\n}\r\n\r\n\r\n#cw-seo-lp-hero\r\n.cw-seo-float::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  top: 0;\r\n  left: 15px;\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      #347eff,\r\n      #28d0df\r\n    );\r\n\r\n  box-shadow:\r\n    0 0 14px\r\n    rgba(52,126,255,.37);\r\n}\r\n\r\n\r\n#cw-seo-lp-hero\r\n.cw-seo-float span {\r\n  display: block;\r\n\r\n  margin-bottom: 6px;\r\n\r\n  color: #29cfdf;\r\n\r\n  font-size: 9px;\r\n  font-weight: 800;\r\n\r\n  line-height: 1.2;\r\n\r\n  letter-spacing: .11em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n#cw-seo-lp-hero\r\n.cw-seo-float strong {\r\n  display: block;\r\n\r\n  color: #fff;\r\n\r\n  font-size: 12px;\r\n  font-weight: 760;\r\n\r\n  line-height: 1.4;\r\n}\r\n\r\n\r\n#cw-seo-lp-hero\r\n.cw-seo-float-one {\r\n  top: 18%;\r\n\r\n  right: -6px;\r\n\r\n  animation:\r\n    cwSeoFloatOne\r\n    5.8s ease-in-out infinite;\r\n}\r\n\r\n\r\n#cw-seo-lp-hero\r\n.cw-seo-float-two {\r\n  bottom: 17%;\r\n\r\n  left: 0;\r\n\r\n  animation:\r\n    cwSeoFloatTwo\r\n    6.2s ease-in-out infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATIVE DOTS\r\n   ========================================================= *\/\r\n\r\n#cw-seo-lp-hero\r\n.cw-seo-dots {\r\n  position: absolute;\r\n\r\n  z-index: -1;\r\n\r\n  top: 17%;\r\n  right: 6%;\r\n\r\n  width: 160px;\r\n  height: 220px;\r\n\r\n  opacity: .44;\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)\r\n      1.2px,\r\n      transparent 1.6px\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      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  animation:\r\n    cwSeoDotsFloat\r\n    5s ease-in-out infinite alternate;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL\r\n   ========================================================= *\/\r\n\r\n#cw-seo-lp-hero\r\n.cw-seo-reveal {\r\n  opacity: 1;\r\n\r\n  transform:\r\n    translateY(0);\r\n}\r\n\r\n\r\n#cw-seo-lp-hero.cw-js-ready\r\n.cw-seo-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-seo-lp-hero.cw-js-ready\r\n.cw-seo-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-seo-lp-hero\r\n.cw-seo-delay-1 {\r\n  transition-delay:\r\n    .08s !important;\r\n}\r\n\r\n\r\n#cw-seo-lp-hero\r\n.cw-seo-delay-2 {\r\n  transition-delay:\r\n    .16s !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANIMATIONS\r\n   ========================================================= *\/\r\n\r\n@keyframes cwSeoGradient {\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 cwSeoPulse {\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 cwSeoLineTravel {\r\n\r\n  0%,\r\n  100% {\r\n    left: 0;\r\n\r\n    opacity: .4;\r\n  }\r\n\r\n  50% {\r\n    left: 72%;\r\n\r\n    opacity: 1;\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes cwSeoPillShine {\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 cwSeoButtonShine {\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 cwSeoAmbient {\r\n\r\n  0%,\r\n  100% {\r\n    transform:\r\n      translate3d(0,0,0);\r\n  }\r\n\r\n  50% {\r\n    transform:\r\n      translate3d(\r\n        -50px,\r\n        40px,\r\n        0\r\n      );\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes cwSeoVisualGlow {\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.05);\r\n\r\n    opacity: 1;\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes cwSeoPhoneFloat {\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 cwSeoGraphDraw {\r\n\r\n  to {\r\n    stroke-dashoffset: 0;\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes cwSeoFloatOne {\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 cwSeoFloatTwo {\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 cwSeoDotsFloat {\r\n\r\n  from {\r\n    transform:\r\n      translateY(-8px);\r\n\r\n    opacity: .25;\r\n  }\r\n\r\n  to {\r\n    transform:\r\n      translateY(10px);\r\n\r\n    opacity: .55;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n  #cw-seo-lp-hero\r\n  .cw-seo-shell {\r\n    width:\r\n      calc(100% - 48px);\r\n  }\r\n\r\n\r\n  #cw-seo-lp-hero\r\n  .cw-seo-grid {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 50px;\r\n  }\r\n\r\n\r\n  #cw-seo-lp-hero\r\n  .cw-seo-copy {\r\n    max-width: 760px;\r\n  }\r\n\r\n\r\n  #cw-seo-lp-hero\r\n  .cw-seo-visual {\r\n    justify-content: flex-start;\r\n\r\n    min-height: 540px;\r\n\r\n    max-width: 760px;\r\n\r\n    padding:\r\n      10px 0;\r\n  }\r\n\r\n\r\n  #cw-seo-lp-hero\r\n  .cw-seo-phone-stage {\r\n    justify-content: flex-start;\r\n  }\r\n\r\n\r\n  #cw-seo-lp-hero\r\n  .cw-seo-phone {\r\n    margin:\r\n      0;\r\n  }\r\n\r\n\r\n  #cw-seo-lp-hero\r\n  .cw-seo-bg-chart {\r\n    left: 42%;\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-seo-lp-hero {\r\n    padding:\r\n      62px 0 65px;\r\n  }\r\n\r\n\r\n  #cw-seo-lp-hero\r\n  .cw-seo-shell {\r\n    width:\r\n      calc(100% - 30px);\r\n  }\r\n\r\n\r\n  #cw-seo-lp-hero\r\n  .cw-seo-grid {\r\n    gap: 36px;\r\n  }\r\n\r\n\r\n  #cw-seo-lp-hero\r\n  .cw-seo-title {\r\n    font-size:\r\n      clamp(\r\n        38px,\r\n        11vw,\r\n        52px\r\n      );\r\n  }\r\n\r\n\r\n  #cw-seo-lp-hero\r\n  .cw-seo-text {\r\n    font-size: 15px;\r\n  }\r\n\r\n\r\n  #cw-seo-lp-hero\r\n  .cw-seo-actions {\r\n    flex-direction: column;\r\n\r\n    align-items: stretch;\r\n  }\r\n\r\n\r\n  #cw-seo-lp-hero\r\n  .cw-seo-btn {\r\n    width: 100%;\r\n  }\r\n\r\n\r\n  #cw-seo-lp-hero\r\n  .cw-seo-points {\r\n    flex-direction: column;\r\n\r\n    gap: 11px;\r\n  }\r\n\r\n\r\n  #cw-seo-lp-hero\r\n  .cw-seo-visual {\r\n    min-height: auto;\r\n\r\n    padding: 0;\r\n  }\r\n\r\n\r\n  #cw-seo-lp-hero\r\n  .cw-seo-phone-stage {\r\n    width: 100%;\r\n\r\n    min-height: auto;\r\n\r\n    padding:\r\n      28px 0;\r\n  }\r\n\r\n\r\n  #cw-seo-lp-hero\r\n  .cw-seo-phone {\r\n    width: 100%;\r\n  }\r\n\r\n\r\n  #cw-seo-lp-hero\r\n  .cw-seo-bg-chart {\r\n    width: 125%;\r\n    height: 90%;\r\n\r\n    opacity: .25;\r\n  }\r\n\r\n\r\n  #cw-seo-lp-hero\r\n  .cw-seo-float {\r\n    display: none;\r\n  }\r\n\r\n\r\n  #cw-seo-lp-hero\r\n  .cw-seo-dots {\r\n    width: 100px;\r\n    height: 130px;\r\n\r\n    right: 0;\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-seo-lp-hero *,\r\n  #cw-seo-lp-hero *::before,\r\n  #cw-seo-lp-hero *::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-seo-lp-hero\r\n  .cw-seo-bg-line {\r\n    stroke-dashoffset: 0;\r\n  }\r\n\r\n\r\n  #cw-seo-lp-hero\r\n  .cw-seo-reveal {\r\n    opacity: 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<!-- TOP LIGHT -->\r\n\r\n<div\r\n  class=\"cw-seo-top-light\"\r\n  aria-hidden=\"true\"\r\n><\/div>\r\n\r\n\r\n\r\n<div class=\"cw-seo-shell\">\r\n\r\n  <div class=\"cw-seo-grid\">\r\n\r\n\r\n    <!-- =====================================================\r\n         LEFT\r\n         ===================================================== -->\r\n\r\n    <div class=\"cw-seo-copy\">\r\n\r\n\r\n      <div\r\n        class=\"cw-seo-reveal\"\r\n      >\r\n\r\n        <div\r\n          class=\"cw-seo-pill\"\r\n          data-cw-edit\r\n        >\r\n\r\n          <span\r\n            class=\"cw-seo-pill-dot\"\r\n            aria-hidden=\"true\"\r\n          ><\/span>\r\n\r\n          SEO f\u00fcr Unternehmen aus Alzenau\r\n\r\n        <\/div>\r\n\r\n\r\n        <p\r\n          class=\"cw-seo-eyebrow\"\r\n          data-cw-edit\r\n        >\r\n          Suchmaschinenoptimierung\r\n        <\/p>\r\n\r\n\r\n        <h1\r\n          id=\"cw-seo-lp-title\"\r\n          class=\"cw-seo-title\"\r\n          data-cw-edit\r\n        >\r\n          SEO in Alzenau f\u00fcr\r\n          <span class=\"cw-seo-gradient\">\r\n            mehr Sichtbarkeit bei Google.\r\n          <\/span>\r\n        <\/h1>\r\n\r\n\r\n        <div\r\n          class=\"cw-seo-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-seo-text cw-seo-reveal cw-seo-delay-1\"\r\n        data-cw-edit\r\n      >\r\n        Gezielte Suchmaschinenoptimierung hilft Unternehmen\r\n        in Alzenau dabei, bei relevanten Suchanfragen besser\r\n        gefunden zu werden. So k\u00f6nnen aus bestehenden Suchanfragen\r\n        neue Websitebesucher, konkrete Kontakte und zus\u00e4tzliche\r\n        Umsatzchancen entstehen.\r\n      <\/p>\r\n\r\n\r\n\r\n      <div\r\n        class=\"cw-seo-actions cw-seo-reveal cw-seo-delay-2\"\r\n      >\r\n\r\n        <a\r\n          class=\"cw-seo-btn cw-seo-btn-primary\"\r\n          href=\"https:\/\/content-wave.de\/call\/\"\r\n          data-cw-edit\r\n        >\r\n          <span>\r\n            Kostenloses Erstgespr\u00e4ch\r\n          <\/span>\r\n        <\/a>\r\n\r\n\r\n        <a\r\n          class=\"cw-seo-btn cw-seo-btn-secondary\"\r\n          href=\"https:\/\/content-wave.de\/discovery\/?p=5055&amp;preview=true#seo-leistungen\"\r\n          data-cw-edit\r\n        >\r\n          <span>\r\n            SEO Leistungen ansehen\r\n          <\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div\r\n        class=\"cw-seo-points cw-seo-reveal cw-seo-delay-2\"\r\n      >\r\n\r\n        <div class=\"cw-seo-point\">\r\n\r\n          <span class=\"cw-seo-check\">\r\n            \u2713\r\n          <\/span>\r\n\r\n          <span data-cw-edit>\r\n            Lokale Sichtbarkeit\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"cw-seo-point\">\r\n\r\n          <span class=\"cw-seo-check\">\r\n            \u2713\r\n          <\/span>\r\n\r\n          <span data-cw-edit>\r\n            Individuelle SEO Strategie\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"cw-seo-point\">\r\n\r\n          <span class=\"cw-seo-check\">\r\n            \u2713\r\n          <\/span>\r\n\r\n          <span data-cw-edit>\r\n            Pers\u00f6nliche Betreuung\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\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-seo-visual cw-seo-reveal cw-seo-delay-1\"\r\n      aria-label=\"SEO und digitale Sichtbarkeit mit Content Wave\"\r\n    >\r\n\r\n\r\n      <!-- SUBTLE GRAPH -->\r\n\r\n      <div\r\n        class=\"cw-seo-bg-chart\"\r\n        aria-hidden=\"true\"\r\n      >\r\n\r\n        <div\r\n          class=\"cw-seo-bg-chart-grid\"\r\n        ><\/div>\r\n\r\n\r\n        <svg\r\n          viewBox=\"0 0 800 500\"\r\n          preserveAspectRatio=\"none\"\r\n        >\r\n\r\n          <defs>\r\n\r\n            <linearGradient\r\n              id=\"cwSeoBgStroke\"\r\n              x1=\"0\"\r\n              y1=\"1\"\r\n              x2=\"1\"\r\n              y2=\"0\"\r\n            >\r\n\r\n              <stop\r\n                offset=\"0%\"\r\n                stop-color=\"#3177ff\"\r\n              ><\/stop>\r\n\r\n              <stop\r\n                offset=\"48%\"\r\n                stop-color=\"#21cadb\"\r\n              ><\/stop>\r\n\r\n              <stop\r\n                offset=\"100%\"\r\n                stop-color=\"#8767ff\"\r\n              ><\/stop>\r\n\r\n            <\/linearGradient>\r\n\r\n\r\n            <linearGradient\r\n              id=\"cwSeoBgArea\"\r\n              x1=\"0\"\r\n              y1=\"0\"\r\n              x2=\"0\"\r\n              y2=\"1\"\r\n            >\r\n\r\n              <stop\r\n                offset=\"0%\"\r\n                stop-color=\"#3177ff\"\r\n                stop-opacity=\".15\"\r\n              ><\/stop>\r\n\r\n              <stop\r\n                offset=\"100%\"\r\n                stop-color=\"#3177ff\"\r\n                stop-opacity=\"0\"\r\n              ><\/stop>\r\n\r\n            <\/linearGradient>\r\n\r\n          <\/defs>\r\n\r\n\r\n\r\n          <!-- GLOW -->\r\n\r\n          <path\r\n            class=\"cw-seo-bg-line-glow\"\r\n            d=\"\r\n              M0 430\r\n              C70 415 100 428 150 390\r\n              C205 350 230 382 285 330\r\n              C345 275 375 310 425 250\r\n              C480 185 520 225 570 165\r\n              C630 95 670 140 730 75\r\n              C760 45 780 35 800 20\r\n            \"\r\n          ><\/path>\r\n\r\n\r\n\r\n          <!-- AREA -->\r\n\r\n          <path\r\n            class=\"cw-seo-bg-area\"\r\n            d=\"\r\n              M0 430\r\n              C70 415 100 428 150 390\r\n              C205 350 230 382 285 330\r\n              C345 275 375 310 425 250\r\n              C480 185 520 225 570 165\r\n              C630 95 670 140 730 75\r\n              C760 45 780 35 800 20\r\n              L800 500\r\n              L0 500\r\n              Z\r\n            \"\r\n          ><\/path>\r\n\r\n\r\n\r\n          <!-- MAIN LINE -->\r\n\r\n          <path\r\n            class=\"cw-seo-bg-line\"\r\n            d=\"\r\n              M0 430\r\n              C70 415 100 428 150 390\r\n              C205 350 230 382 285 330\r\n              C345 275 375 310 425 250\r\n              C480 185 520 225 570 165\r\n              C630 95 670 140 730 75\r\n              C760 45 780 35 800 20\r\n            \"\r\n          ><\/path>\r\n\r\n        <\/svg>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- DOT FIELD -->\r\n\r\n      <div\r\n        class=\"cw-seo-dots\"\r\n        aria-hidden=\"true\"\r\n      ><\/div>\r\n\r\n\r\n\r\n      <!-- PHONE \/ EXISTING CONTENT WAVE GRAPHIC -->\r\n\r\n      <div class=\"cw-seo-phone-stage\">\r\n\r\n        <img decoding=\"async\"\r\n          class=\"cw-seo-phone\"\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 SEO und Webdesign Darstellung\"\r\n          loading=\"eager\"\r\n          fetchpriority=\"high\"\r\n          data-cw-image\r\n        >\r\n\r\n\r\n\r\n        <!-- FLOATING CARD 1 -->\r\n\r\n        <div\r\n          class=\"cw-seo-float cw-seo-float-one\"\r\n        >\r\n\r\n          <span data-cw-edit>\r\n            Local SEO\r\n          <\/span>\r\n\r\n          <strong data-cw-edit>\r\n            Sichtbarkeit in Alzenau ausbauen\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- FLOATING CARD 2 -->\r\n\r\n        <div\r\n          class=\"cw-seo-float cw-seo-float-two\"\r\n        >\r\n\r\n          <span data-cw-edit>\r\n            Google Suche\r\n          <\/span>\r\n\r\n          <strong data-cw-edit>\r\n            Gefunden werden, wenn Kunden suchen\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\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     ======================================================== -->\r\n\r\n<script>\r\n(() => {\r\n\r\n  const section =\r\n    document.getElementById(\r\n      \"cw-seo-lp-hero\"\r\n    );\r\n\r\n\r\n  if (\r\n    !section ||\r\n    section.dataset.cwSeoHeroReady === \"true\"\r\n  ) {\r\n    return;\r\n  }\r\n\r\n\r\n  section.dataset.cwSeoHeroReady =\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-seo-reveal\"\r\n      )\r\n    );\r\n\r\n\r\n  if (reducedMotion) {\r\n\r\n    reveals.forEach(\r\n      item =>\r\n        item.classList.add(\r\n          \"is-visible\"\r\n        )\r\n    );\r\n\r\n    return;\r\n  }\r\n\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.unobserve(\r\n                entry.target\r\n              );\r\n\r\n            }\r\n\r\n          });\r\n\r\n        },\r\n        {\r\n          threshold: .05,\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  } else {\r\n\r\n    reveals.forEach(\r\n      item =>\r\n        item.classList.add(\r\n          \"is-visible\"\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-fcbcac6 elementor-widget elementor-widget-html\" data-id=\"fcbcac6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section\r\n  id=\"cw-seo-local-playground\"\r\n  aria-labelledby=\"cw-seo-local-playground-title\"\r\n>\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   CONTENT WAVE\r\n   LOCAL SEO PLAYGROUND\r\n   LIGHT \/ AIRY \/ TYPOGRAPHIC\r\n   ========================================================= *\/\r\n\r\n#cw-seo-local-playground,\r\n#cw-seo-local-playground *,\r\n#cw-seo-local-playground *::before,\r\n#cw-seo-local-playground *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#cw-seo-local-playground {\r\n  --cw-dark: #07101f;\r\n  --cw-text: #536078;\r\n  --cw-muted: #7b8798;\r\n\r\n  --cw-blue: #286fff;\r\n  --cw-cyan: #09b5cb;\r\n  --cw-violet: #755cff;\r\n  --cw-green: #18a97a;\r\n  --cw-pink: #d95aa4;\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(82px, 8vw, 120px)\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 9% 14%,\r\n      rgba(40,111,255,.10),\r\n      transparent 25%\r\n    ),\r\n    radial-gradient(\r\n      circle at 89% 18%,\r\n      rgba(117,92,255,.09),\r\n      transparent 26%\r\n    ),\r\n    radial-gradient(\r\n      circle at 48% 92%,\r\n      rgba(9,181,203,.07),\r\n      transparent 28%\r\n    ),\r\n    linear-gradient(\r\n      180deg,\r\n      #fbfcff 0%,\r\n      #ffffff 48%,\r\n      #f5f8fd 100%\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND GRID\r\n   ========================================================= *\/\r\n\r\n#cw-seo-local-playground::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  z-index: -4;\r\n\r\n  opacity: .32;\r\n\r\n  pointer-events: none;\r\n\r\n  background-image:\r\n    linear-gradient(\r\n      rgba(7,16,31,.025) 1px,\r\n      transparent 1px\r\n    ),\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(7,16,31,.025) 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,\r\n      #000 15%,\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 15%,\r\n      #000 82%,\r\n      transparent\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SOFT LIGHT\r\n   ========================================================= *\/\r\n\r\n#cw-seo-local-playground::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  z-index: -3;\r\n\r\n  width: 850px;\r\n  height: 850px;\r\n\r\n  left: 50%;\r\n  top: 20%;\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(40,111,255,.075),\r\n      rgba(117,92,255,.025) 40%,\r\n      transparent 70%\r\n    );\r\n\r\n  filter: blur(15px);\r\n\r\n  animation:\r\n    cwLocalAmbient\r\n    9s ease-in-out infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WRAPPER\r\n   ========================================================= *\/\r\n\r\n#cw-seo-local-playground\r\n.cw-local-shell {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  width:\r\n    min(\r\n      1320px,\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-seo-local-playground\r\n.cw-local-head {\r\n  max-width: 890px;\r\n\r\n  margin:\r\n    0 auto\r\n    clamp(50px, 7vw, 78px);\r\n\r\n  text-align: center;\r\n}\r\n\r\n\r\n\/* KICKER *\/\r\n\r\n#cw-seo-local-playground\r\n.cw-local-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 17px;\r\n\r\n  color: var(--cw-blue);\r\n\r\n  font-size: 11px;\r\n  font-weight: 850;\r\n\r\n  line-height: 1;\r\n\r\n  letter-spacing: .16em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n#cw-seo-local-playground\r\n.cw-local-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 14px\r\n    rgba(40,111,255,.18);\r\n}\r\n\r\n\r\n\/* MAIN TITLE *\/\r\n\r\n#cw-seo-local-playground\r\n.cw-local-head h2 {\r\n  max-width: 880px;\r\n\r\n  margin: 0 auto;\r\n\r\n  color: var(--cw-dark);\r\n\r\n  font-size:\r\n    clamp(\r\n      40px,\r\n      5vw,\r\n      68px\r\n    );\r\n\r\n  font-weight: 860;\r\n\r\n  line-height: 1.04;\r\n\r\n  letter-spacing: -.052em;\r\n\r\n  text-wrap: balance;\r\n}\r\n\r\n\r\n#cw-seo-local-playground\r\n.cw-local-head-gradient {\r\n  color: transparent;\r\n\r\n  background:\r\n    linear-gradient(\r\n      100deg,\r\n      #286fff 0%,\r\n      #09b5cb 28%,\r\n      #755cff 57%,\r\n      #286fff 100%\r\n    );\r\n\r\n  background-size:\r\n    230% 100%;\r\n\r\n  background-clip: text;\r\n  -webkit-background-clip: text;\r\n\r\n  animation:\r\n    cwLocalGradient\r\n    8s ease-in-out infinite;\r\n}\r\n\r\n\r\n\/* COPY *\/\r\n\r\n#cw-seo-local-playground\r\n.cw-local-head-copy {\r\n  max-width: 670px;\r\n\r\n  margin:\r\n    21px auto 0;\r\n\r\n  color: var(--cw-text);\r\n\r\n  font-size:\r\n    clamp(\r\n      15px,\r\n      1.35vw,\r\n      17px\r\n    );\r\n\r\n  line-height: 1.72;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SEO FOR\r\n   ========================================================= *\/\r\n\r\n#cw-seo-local-playground\r\n.cw-seo-for {\r\n  position: relative;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  min-height:\r\n    clamp(\r\n      230px,\r\n      25vw,\r\n      330px\r\n    );\r\n\r\n  margin-bottom:\r\n    clamp(42px, 6vw, 72px);\r\n\r\n  text-align: center;\r\n}\r\n\r\n\r\n\/* BACKGROUND WORD *\/\r\n\r\n#cw-seo-local-playground\r\n.cw-seo-for::before {\r\n  content: \"SEO\";\r\n\r\n  position: absolute;\r\n\r\n  z-index: 0;\r\n\r\n  left: 50%;\r\n  top: 50%;\r\n\r\n  transform:\r\n    translate(-50%, -50%);\r\n\r\n  color:\r\n    rgba(40,111,255,.035);\r\n\r\n  font-size:\r\n    clamp(\r\n      150px,\r\n      24vw,\r\n      330px\r\n    );\r\n\r\n  font-weight: 900;\r\n\r\n  line-height: .8;\r\n\r\n  letter-spacing: -.08em;\r\n\r\n  pointer-events: none;\r\n\r\n  user-select: none;\r\n}\r\n\r\n\r\n\/* CONTENT *\/\r\n\r\n#cw-seo-local-playground\r\n.cw-seo-for-inner {\r\n  position: relative;\r\n\r\n  z-index: 3;\r\n\r\n  width: 100%;\r\n}\r\n\r\n\r\n#cw-seo-local-playground\r\n.cw-seo-for-label {\r\n  margin:\r\n    0 0 10px;\r\n\r\n  color: #718097;\r\n\r\n  font-size:\r\n    clamp(\r\n      15px,\r\n      1.8vw,\r\n      20px\r\n    );\r\n\r\n  font-weight: 660;\r\n}\r\n\r\n\r\n\/* ROTATING INDUSTRY *\/\r\n\r\n#cw-seo-local-playground\r\n.cw-seo-for-word {\r\n  display: inline-block;\r\n\r\n  min-height: 1.15em;\r\n\r\n  color: transparent;\r\n\r\n  background:\r\n    linear-gradient(\r\n      100deg,\r\n      #286fff,\r\n      #09b5cb,\r\n      #755cff,\r\n      #d95aa4\r\n    );\r\n\r\n  background-size:\r\n    220% 100%;\r\n\r\n  background-clip: text;\r\n  -webkit-background-clip: text;\r\n\r\n  font-size:\r\n    clamp(\r\n      42px,\r\n      7vw,\r\n      92px\r\n    );\r\n\r\n  font-weight: 880;\r\n\r\n  line-height: 1;\r\n\r\n  letter-spacing: -.06em;\r\n\r\n  animation:\r\n    cwWordGradient\r\n    5s ease-in-out infinite;\r\n\r\n  transition:\r\n    opacity .24s ease,\r\n    transform .24s ease;\r\n}\r\n\r\n\r\n#cw-seo-local-playground\r\n.cw-seo-for-word.is-changing {\r\n  opacity: 0;\r\n\r\n  transform:\r\n    translateY(10px)\r\n    scale(.98);\r\n}\r\n\r\n\r\n\/* SUBTEXT *\/\r\n\r\n#cw-seo-local-playground\r\n.cw-seo-for-note {\r\n  max-width: 620px;\r\n\r\n  margin:\r\n    17px auto 0;\r\n\r\n  color: #718096;\r\n\r\n  font-size: 13px;\r\n\r\n  line-height: 1.6;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOATING INDUSTRIES\r\n   ========================================================= *\/\r\n\r\n#cw-seo-local-playground\r\n.cw-industry-cloud {\r\n  position: relative;\r\n\r\n  display: flex;\r\n\r\n  flex-wrap: wrap;\r\n\r\n  justify-content: center;\r\n\r\n  gap:\r\n    11px 12px;\r\n\r\n  max-width: 1080px;\r\n\r\n  margin:\r\n    0 auto\r\n    clamp(55px, 7vw, 90px);\r\n\r\n  padding:\r\n    10px 0;\r\n}\r\n\r\n\r\n\/* INDUSTRY CHIP *\/\r\n\r\n#cw-seo-local-playground\r\n.cw-industry {\r\n  --cw-chip-rgb: 40,111,255;\r\n\r\n  position: relative;\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: 46px;\r\n\r\n  padding:\r\n    0 17px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--cw-chip-rgb),.12);\r\n\r\n  border-radius: 999px;\r\n\r\n  background:\r\n    rgba(255,255,255,.72);\r\n\r\n  color: #243044;\r\n\r\n  font-size:\r\n    clamp(\r\n      12px,\r\n      1.15vw,\r\n      14px\r\n    );\r\n\r\n  font-weight: 710;\r\n\r\n  box-shadow:\r\n    0 10px 28px\r\n    rgba(17,43,82,.045);\r\n\r\n  backdrop-filter:\r\n    blur(10px);\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(10px);\r\n\r\n  transition:\r\n    transform .3s ease,\r\n    border-color .3s ease,\r\n    background .3s ease,\r\n    box-shadow .3s ease;\r\n\r\n  animation:\r\n    cwIndustryFloat\r\n    var(--cw-float-time, 6s)\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n\r\n#cw-seo-local-playground\r\n.cw-industry:nth-child(2n) {\r\n  --cw-chip-rgb: 117,92,255;\r\n}\r\n\r\n\r\n#cw-seo-local-playground\r\n.cw-industry:nth-child(3n) {\r\n  --cw-chip-rgb: 9,181,203;\r\n}\r\n\r\n\r\n#cw-seo-local-playground\r\n.cw-industry:nth-child(4n) {\r\n  --cw-chip-rgb: 24,169,122;\r\n}\r\n\r\n\r\n#cw-seo-local-playground\r\n.cw-industry:nth-child(5n) {\r\n  --cw-chip-rgb: 217,90,164;\r\n}\r\n\r\n\r\n#cw-seo-local-playground\r\n.cw-industry::before {\r\n  content: \"\";\r\n\r\n  width: 7px;\r\n  height: 7px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    rgb(var(--cw-chip-rgb));\r\n\r\n  box-shadow:\r\n    0 0 0 5px\r\n    rgba(var(--cw-chip-rgb),.06),\r\n\r\n    0 0 12px\r\n    rgba(var(--cw-chip-rgb),.18);\r\n}\r\n\r\n\r\n@media (hover:hover) and (pointer:fine) {\r\n\r\n  #cw-seo-local-playground\r\n  .cw-industry:hover {\r\n    transform:\r\n      translateY(-5px)\r\n      scale(1.025);\r\n\r\n    border-color:\r\n      rgba(var(--cw-chip-rgb),.25);\r\n\r\n    background:\r\n      rgba(var(--cw-chip-rgb),.045);\r\n\r\n    box-shadow:\r\n      0 17px 35px\r\n      rgba(17,43,82,.075),\r\n\r\n      0 0 24px\r\n      rgba(var(--cw-chip-rgb),.05);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* MORE INDUSTRIES *\/\r\n\r\n#cw-seo-local-playground\r\n.cw-industry-more {\r\n  --cw-chip-rgb: 40,111,255 !important;\r\n\r\n  border-style: dashed;\r\n\r\n  border-color:\r\n    rgba(40,111,255,.22);\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(40,111,255,.065),\r\n      rgba(117,92,255,.045)\r\n    );\r\n\r\n  color: #286fff;\r\n\r\n  font-weight: 790;\r\n}\r\n\r\n\r\n#cw-seo-local-playground\r\n.cw-industry-more::before {\r\n  content: \"+\";\r\n\r\n  display: grid;\r\n\r\n  place-items: center;\r\n\r\n  width: 22px;\r\n  height: 22px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    rgba(40,111,255,.09);\r\n\r\n  color: #286fff;\r\n\r\n  font-size: 13px;\r\n  font-weight: 900;\r\n\r\n  line-height: 1;\r\n\r\n  box-shadow:\r\n    inset 0 0 0 1px\r\n    rgba(40,111,255,.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REGIONAL STAGE\r\n   ========================================================= *\/\r\n\r\n#cw-seo-local-playground\r\n.cw-region-stage {\r\n  position: relative;\r\n\r\n  padding:\r\n    clamp(42px, 5vw, 64px)\r\n    0;\r\n\r\n  margin-bottom:\r\n    clamp(50px, 7vw, 90px);\r\n}\r\n\r\n\r\n\/* SOFT BACKDROP *\/\r\n\r\n#cw-seo-local-playground\r\n.cw-region-stage::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  z-index: -1;\r\n\r\n  left: 50%;\r\n  top: 50%;\r\n\r\n  width:\r\n    min(\r\n      1000px,\r\n      95%\r\n    );\r\n\r\n  height: 270px;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      ellipse,\r\n      rgba(40,111,255,.075),\r\n      rgba(9,181,203,.025) 46%,\r\n      transparent 72%\r\n    );\r\n\r\n  filter: blur(8px);\r\n}\r\n\r\n\r\n\/* REGION TITLE *\/\r\n\r\n#cw-seo-local-playground\r\n.cw-region-title {\r\n  margin:\r\n    0 0 30px;\r\n\r\n  text-align: center;\r\n\r\n  color: #07101f;\r\n\r\n  font-size:\r\n    clamp(\r\n      25px,\r\n      3vw,\r\n      37px\r\n    );\r\n\r\n  font-weight: 820;\r\n\r\n  line-height: 1.12;\r\n\r\n  letter-spacing: -.038em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MARQUEES\r\n   ========================================================= *\/\r\n\r\n#cw-seo-local-playground\r\n.cw-marquee {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  overflow: hidden;\r\n\r\n  padding:\r\n    6px 0;\r\n\r\n  -webkit-mask-image:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      #000 9%,\r\n      #000 91%,\r\n      transparent\r\n    );\r\n\r\n  mask-image:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      #000 9%,\r\n      #000 91%,\r\n      transparent\r\n    );\r\n}\r\n\r\n\r\n#cw-seo-local-playground\r\n.cw-marquee + .cw-marquee {\r\n  margin-top: 10px;\r\n}\r\n\r\n\r\n\/* TRACK *\/\r\n\r\n#cw-seo-local-playground\r\n.cw-marquee-track {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 11px;\r\n\r\n  width: max-content;\r\n\r\n  animation:\r\n    cwMarqueeLeft\r\n    32s linear infinite;\r\n}\r\n\r\n\r\n#cw-seo-local-playground\r\n.cw-marquee.is-reverse\r\n.cw-marquee-track {\r\n  animation:\r\n    cwMarqueeRight\r\n    37s linear infinite;\r\n}\r\n\r\n\r\n\/* PLACE *\/\r\n\r\n#cw-seo-local-playground\r\n.cw-place {\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 8px;\r\n\r\n  min-height: 46px;\r\n\r\n  padding:\r\n    0 17px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(40,111,255,.11);\r\n\r\n  border-radius: 999px;\r\n\r\n  background:\r\n    rgba(255,255,255,.74);\r\n\r\n  color: #293649;\r\n\r\n  font-size: 13px;\r\n  font-weight: 720;\r\n\r\n  white-space: nowrap;\r\n\r\n  box-shadow:\r\n    0 9px 24px\r\n    rgba(17,43,82,.045);\r\n}\r\n\r\n\r\n#cw-seo-local-playground\r\n.cw-place::before {\r\n  content: \"\";\r\n\r\n  width: 6px;\r\n  height: 6px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: #286fff;\r\n\r\n  box-shadow:\r\n    0 0 0 4px\r\n    rgba(40,111,255,.06);\r\n}\r\n\r\n\r\n#cw-seo-local-playground\r\n.cw-marquee.is-reverse\r\n.cw-place::before {\r\n  background: #755cff;\r\n\r\n  box-shadow:\r\n    0 0 0 4px\r\n    rgba(117,92,255,.06);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SEARCH COMBINATION\r\n   ========================================================= *\/\r\n\r\n#cw-seo-local-playground\r\n.cw-search-moment {\r\n  position: relative;\r\n\r\n  max-width: 970px;\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n  padding:\r\n    clamp(40px, 5vw, 60px)\r\n    20px\r\n    clamp(20px, 3vw, 32px);\r\n\r\n  text-align: center;\r\n}\r\n\r\n\r\n\/* QUOTE SYMBOL *\/\r\n\r\n#cw-seo-local-playground\r\n.cw-search-moment::before {\r\n  content: \"\u201c\";\r\n\r\n  position: absolute;\r\n\r\n  left: 50%;\r\n  top: -30px;\r\n\r\n  transform:\r\n    translateX(-50%);\r\n\r\n  color:\r\n    rgba(40,111,255,.07);\r\n\r\n  font-family: Georgia, serif;\r\n\r\n  font-size: 170px;\r\n\r\n  line-height: 1;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* LABEL *\/\r\n\r\n#cw-seo-local-playground\r\n.cw-search-moment-label {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  margin:\r\n    0 0 15px;\r\n\r\n  color: #718096;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 820;\r\n\r\n  letter-spacing: .13em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* QUERY *\/\r\n\r\n#cw-seo-local-playground\r\n.cw-live-query {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 13px;\r\n\r\n  max-width: 100%;\r\n\r\n  color: #07101f;\r\n\r\n  font-size:\r\n    clamp(\r\n      32px,\r\n      5vw,\r\n      64px\r\n    );\r\n\r\n  font-weight: 860;\r\n\r\n  line-height: 1.06;\r\n\r\n  letter-spacing: -.052em;\r\n\r\n  transition:\r\n    opacity .24s ease,\r\n    transform .24s ease;\r\n}\r\n\r\n\r\n#cw-seo-local-playground\r\n.cw-live-query.is-changing {\r\n  opacity: 0;\r\n\r\n  transform:\r\n    translateY(8px);\r\n}\r\n\r\n\r\n\/* SEARCH ICON *\/\r\n\r\n#cw-seo-local-playground\r\n.cw-live-search-icon {\r\n  position: relative;\r\n\r\n  width:\r\n    clamp(\r\n      22px,\r\n      3vw,\r\n      34px\r\n    );\r\n\r\n  height:\r\n    clamp(\r\n      22px,\r\n      3vw,\r\n      34px\r\n    );\r\n\r\n  flex: 0 0 auto;\r\n\r\n  border:\r\n    3px solid\r\n    #286fff;\r\n\r\n  border-radius: 50%;\r\n}\r\n\r\n\r\n#cw-seo-local-playground\r\n.cw-live-search-icon::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  width: 45%;\r\n  height: 3px;\r\n\r\n  right: -32%;\r\n  bottom: -12%;\r\n\r\n  border-radius: 999px;\r\n\r\n  background:\r\n    #286fff;\r\n\r\n  transform:\r\n    rotate(45deg);\r\n}\r\n\r\n\r\n\/* QUERY COPY *\/\r\n\r\n#cw-seo-local-playground\r\n.cw-search-moment-copy {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  max-width: 670px;\r\n\r\n  margin:\r\n    20px auto 0;\r\n\r\n  color: #637086;\r\n\r\n  font-size:\r\n    clamp(\r\n      14px,\r\n      1.3vw,\r\n      16px\r\n    );\r\n\r\n  line-height: 1.7;\r\n}\r\n\r\n\r\n#cw-seo-local-playground\r\n.cw-search-moment-copy strong {\r\n  color: #07101f;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   3 POINT EXPLANATION\r\n   ========================================================= *\/\r\n\r\n#cw-seo-local-playground\r\n.cw-local-principles {\r\n  position: relative;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,minmax(0,1fr));\r\n\r\n  gap:\r\n    clamp(14px,1.8vw,22px);\r\n\r\n  max-width: 1120px;\r\n\r\n  margin:\r\n    clamp(18px,2.5vw,30px)\r\n    auto 0;\r\n}\r\n\r\n\r\n\/* SUBTLE CONNECTION *\/\r\n\r\n#cw-seo-local-playground\r\n.cw-local-principles::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  z-index: -1;\r\n\r\n  left: 7%;\r\n  right: 7%;\r\n  top: 50%;\r\n\r\n  height: 1px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(40,111,255,.08),\r\n      rgba(117,92,255,.14),\r\n      rgba(9,181,203,.14),\r\n      rgba(24,169,122,.08)\r\n    );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* PRINCIPLE *\/\r\n\r\n#cw-seo-local-playground\r\n.cw-principle {\r\n  --cw-principle-rgb: 40,111,255;\r\n  --cw-principle-accent: #286fff;\r\n\r\n  position: relative;\r\n\r\n  min-width: 0;\r\n\r\n  padding:\r\n    clamp(24px,2.8vw,32px)\r\n    clamp(22px,2.6vw,30px)\r\n    clamp(25px,3vw,34px);\r\n\r\n  overflow: hidden;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--cw-principle-rgb),.11);\r\n\r\n  border-radius: 22px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(255,255,255,.88),\r\n      rgba(var(--cw-principle-rgb),.025)\r\n    );\r\n\r\n  box-shadow:\r\n    0 16px 38px\r\n    rgba(17,43,82,.055),\r\n\r\n    inset 0 1px 0\r\n    rgba(255,255,255,.90);\r\n\r\n  backdrop-filter:\r\n    blur(12px);\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(12px);\r\n\r\n  transition:\r\n    transform .3s ease,\r\n    border-color .3s ease,\r\n    box-shadow .3s ease;\r\n}\r\n\r\n\r\n#cw-seo-local-playground\r\n.cw-principle:nth-child(2) {\r\n  --cw-principle-rgb: 117,92,255;\r\n  --cw-principle-accent: #755cff;\r\n}\r\n\r\n\r\n#cw-seo-local-playground\r\n.cw-principle:nth-child(3) {\r\n  --cw-principle-rgb: 24,169,122;\r\n  --cw-principle-accent: #18a97a;\r\n}\r\n\r\n\r\n\/* TOP ACCENT *\/\r\n\r\n#cw-seo-local-playground\r\n.cw-principle::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  top: 0;\r\n  left: 25px;\r\n\r\n  width: 62px;\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-principle-accent),\r\n      rgba(var(--cw-principle-rgb),.35)\r\n    );\r\n\r\n  box-shadow:\r\n    0 0 14px\r\n    rgba(var(--cw-principle-rgb),.12);\r\n}\r\n\r\n\r\n\/* SOFT DECORATIVE ORB *\/\r\n\r\n#cw-seo-local-playground\r\n.cw-principle::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  z-index: 0;\r\n\r\n  width: 125px;\r\n  height: 125px;\r\n\r\n  top: -64px;\r\n  right: -48px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(var(--cw-principle-rgb),.09),\r\n      rgba(var(--cw-principle-rgb),.018) 52%,\r\n      transparent 72%\r\n    );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* NUMBER *\/\r\n\r\n#cw-seo-local-playground\r\n.cw-principle span {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 7px;\r\n\r\n  min-height: 29px;\r\n\r\n  margin-bottom: 15px;\r\n\r\n  padding:\r\n    0 10px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--cw-principle-rgb),.12);\r\n\r\n  border-radius: 999px;\r\n\r\n  background:\r\n    rgba(var(--cw-principle-rgb),.055);\r\n\r\n  color:\r\n    var(--cw-principle-accent);\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 850;\r\n\r\n  letter-spacing: .12em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n#cw-seo-local-playground\r\n.cw-principle span::before {\r\n  content: \"\";\r\n\r\n  width: 6px;\r\n  height: 6px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    var(--cw-principle-accent);\r\n\r\n  box-shadow:\r\n    0 0 0 4px\r\n    rgba(var(--cw-principle-rgb),.055);\r\n}\r\n\r\n\r\n\/* TITLE *\/\r\n\r\n#cw-seo-local-playground\r\n.cw-principle strong {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 10px;\r\n\r\n  color: #07101f;\r\n\r\n  font-size:\r\n    clamp(\r\n      21px,\r\n      2.25vw,\r\n      27px\r\n    );\r\n\r\n  font-weight: 820;\r\n\r\n  line-height: 1.18;\r\n\r\n  letter-spacing: -.025em;\r\n}\r\n\r\n\r\n\/* COPY *\/\r\n\r\n#cw-seo-local-playground\r\n.cw-principle p {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  max-width: 300px;\r\n\r\n  margin: 0;\r\n\r\n  color: #667388;\r\n\r\n  font-size:\r\n    clamp(\r\n      12px,\r\n      1.15vw,\r\n      14px\r\n    );\r\n\r\n  line-height: 1.65;\r\n}\r\n\r\n\r\n@media (hover:hover) and (pointer:fine) {\r\n\r\n  #cw-seo-local-playground\r\n  .cw-principle:hover {\r\n    transform:\r\n      translateY(-5px);\r\n\r\n    border-color:\r\n      rgba(var(--cw-principle-rgb),.20);\r\n\r\n    box-shadow:\r\n      0 22px 48px\r\n      rgba(17,43,82,.075),\r\n\r\n      0 0 24px\r\n      rgba(var(--cw-principle-rgb),.035),\r\n\r\n      inset 0 1px 0\r\n      rgba(255,255,255,.95);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FINAL STATEMENT\r\n   ========================================================= *\/\r\n\r\n#cw-seo-local-playground\r\n.cw-local-final {\r\n  max-width: 930px;\r\n\r\n  margin:\r\n    clamp(70px,8vw,105px)\r\n    auto 0;\r\n\r\n  text-align: center;\r\n}\r\n\r\n\r\n#cw-seo-local-playground\r\n.cw-local-final-small {\r\n  display: block;\r\n\r\n  margin-bottom: 11px;\r\n\r\n  color: #718096;\r\n\r\n  font-size: 11px;\r\n  font-weight: 820;\r\n\r\n  letter-spacing: .12em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n#cw-seo-local-playground\r\n.cw-local-final h3 {\r\n  margin: 0;\r\n\r\n  color: #07101f;\r\n\r\n  font-size:\r\n    clamp(\r\n      29px,\r\n      4vw,\r\n      48px\r\n    );\r\n\r\n  font-weight: 840;\r\n\r\n  line-height: 1.08;\r\n\r\n  letter-spacing: -.045em;\r\n\r\n  text-wrap: balance;\r\n}\r\n\r\n\r\n#cw-seo-local-playground\r\n.cw-local-final h3 span {\r\n  color: #286fff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL\r\n   ========================================================= *\/\r\n\r\n#cw-seo-local-playground\r\n.cw-local-reveal {\r\n  opacity: 1;\r\n\r\n  transform:\r\n    translateY(0);\r\n}\r\n\r\n\r\n#cw-seo-local-playground.cw-js-ready\r\n.cw-local-reveal {\r\n  opacity: 0;\r\n\r\n  transform:\r\n    translateY(24px);\r\n\r\n  transition:\r\n    opacity .72s ease,\r\n\r\n    transform .72s\r\n    cubic-bezier(.2,.75,.25,1);\r\n}\r\n\r\n\r\n#cw-seo-local-playground.cw-js-ready\r\n.cw-local-reveal.is-visible {\r\n  opacity: 1;\r\n\r\n  transform:\r\n    translateY(0);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANIMATIONS\r\n   ========================================================= *\/\r\n\r\n@keyframes cwLocalGradient {\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 cwWordGradient {\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 cwLocalAmbient {\r\n\r\n  0%,\r\n  100% {\r\n    transform:\r\n      translateX(-50%)\r\n      translateY(0)\r\n      scale(.95);\r\n  }\r\n\r\n  50% {\r\n    transform:\r\n      translateX(-50%)\r\n      translateY(45px)\r\n      scale(1.06);\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes cwIndustryFloat {\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(\r\n        var(--cw-float-distance, -5px)\r\n      );\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes cwMarqueeLeft {\r\n\r\n  from {\r\n    transform:\r\n      translateX(0);\r\n  }\r\n\r\n  to {\r\n    transform:\r\n      translateX(-50%);\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes cwMarqueeRight {\r\n\r\n  from {\r\n    transform:\r\n      translateX(-50%);\r\n  }\r\n\r\n  to {\r\n    transform:\r\n      translateX(0);\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-seo-local-playground\r\n  .cw-local-principles {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 14px;\r\n\r\n    max-width: 650px;\r\n  }\r\n\r\n\r\n  #cw-seo-local-playground\r\n  .cw-local-principles::before {\r\n    display: none;\r\n  }\r\n\r\n\r\n  #cw-seo-local-playground\r\n  .cw-principle p {\r\n    max-width: 560px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n  #cw-seo-local-playground {\r\n    padding:\r\n      65px 0 75px;\r\n  }\r\n\r\n\r\n  #cw-seo-local-playground\r\n  .cw-local-shell {\r\n    width:\r\n      calc(100% - 28px);\r\n  }\r\n\r\n\r\n  #cw-seo-local-playground\r\n  .cw-local-head {\r\n    margin-bottom: 34px;\r\n\r\n    text-align: left;\r\n  }\r\n\r\n\r\n  #cw-seo-local-playground\r\n  .cw-local-kicker {\r\n    justify-content: flex-start;\r\n  }\r\n\r\n\r\n  #cw-seo-local-playground\r\n  .cw-local-head h2 {\r\n    margin-left: 0;\r\n\r\n    font-size:\r\n      clamp(\r\n        36px,\r\n        10vw,\r\n        48px\r\n      );\r\n  }\r\n\r\n\r\n  #cw-seo-local-playground\r\n  .cw-local-head-copy {\r\n    margin-left: 0;\r\n  }\r\n\r\n\r\n  #cw-seo-local-playground\r\n  .cw-seo-for {\r\n    min-height: 215px;\r\n  }\r\n\r\n\r\n  #cw-seo-local-playground\r\n  .cw-seo-for::before {\r\n    font-size: 145px;\r\n  }\r\n\r\n\r\n  #cw-seo-local-playground\r\n  .cw-seo-for-word {\r\n    font-size:\r\n      clamp(\r\n        41px,\r\n        13vw,\r\n        58px\r\n      );\r\n  }\r\n\r\n\r\n  #cw-seo-local-playground\r\n  .cw-industry-cloud {\r\n    gap: 8px;\r\n  }\r\n\r\n\r\n  #cw-seo-local-playground\r\n  .cw-industry {\r\n    min-height: 40px;\r\n\r\n    padding:\r\n      0 12px;\r\n\r\n    font-size: 11px;\r\n  }\r\n\r\n\r\n  #cw-seo-local-playground\r\n  .cw-region-title {\r\n    text-align: left;\r\n  }\r\n\r\n\r\n  #cw-seo-local-playground\r\n  .cw-search-moment {\r\n    padding-left: 0;\r\n    padding-right: 0;\r\n    padding-bottom: 18px;\r\n  }\r\n\r\n\r\n  #cw-seo-local-playground\r\n  .cw-local-principles {\r\n    margin-top: 14px;\r\n  }\r\n\r\n\r\n  #cw-seo-local-playground\r\n  .cw-principle {\r\n    padding: 22px 20px 24px;\r\n\r\n    border-radius: 19px;\r\n  }\r\n\r\n\r\n  #cw-seo-local-playground\r\n  .cw-principle strong {\r\n    font-size: 22px;\r\n  }\r\n\r\n\r\n  #cw-seo-local-playground\r\n  .cw-live-query {\r\n    font-size:\r\n      clamp(\r\n        29px,\r\n        9vw,\r\n        42px\r\n      );\r\n  }\r\n\r\n\r\n  #cw-seo-local-playground\r\n  .cw-local-final {\r\n    text-align: left;\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-seo-local-playground *,\r\n  #cw-seo-local-playground *::before,\r\n  #cw-seo-local-playground *::after {\r\n    animation:\r\n      none !important;\r\n\r\n    transition:\r\n      none !important;\r\n  }\r\n\r\n\r\n  #cw-seo-local-playground\r\n  .cw-local-reveal {\r\n    opacity: 1 !important;\r\n\r\n    transform: none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<div class=\"cw-local-shell\">\r\n\r\n\r\n  <!-- HEADER -->\r\n\r\n  <header\r\n    class=\"cw-local-head cw-local-reveal\"\r\n  >\r\n\r\n    <p\r\n      class=\"cw-local-kicker\"\r\n      data-cw-edit\r\n    >\r\n      Lokale Sichtbarkeit\r\n    <\/p>\r\n\r\n\r\n    <h2\r\n      id=\"cw-seo-local-playground-title\"\r\n      data-cw-edit\r\n    >\r\n      SEO lohnt sich \u00fcberall dort,\r\n      <span class=\"cw-local-head-gradient\">\r\n        wo Menschen aktiv nach Leistungen suchen.\r\n      <\/span>\r\n    <\/h2>\r\n\r\n\r\n    <p\r\n      class=\"cw-local-head-copy\"\r\n      data-cw-edit\r\n    >\r\n      Ob Handwerksbetrieb, Praxis, Kanzlei, Fachgesch\u00e4ft oder\r\n      Dienstleister in Alzenau: Viele potenzielle Kunden beginnen\r\n      ihre Suche bei Google. Wer dort bei passenden Begriffen sichtbar\r\n      ist, erreicht Menschen in einem Moment, in dem bereits konkretes\r\n      Interesse besteht.\r\n    <\/p>\r\n\r\n  <\/header>\r\n\r\n\r\n\r\n  <!-- SEO LOHNT SICH F\u00dcR -->\r\n\r\n  <div\r\n    class=\"cw-seo-for cw-local-reveal\"\r\n  >\r\n\r\n    <div class=\"cw-seo-for-inner\">\r\n\r\n\r\n      <p\r\n        class=\"cw-seo-for-label\"\r\n        data-cw-edit\r\n      >\r\n        SEO lohnt sich zum Beispiel f\u00fcr\r\n      <\/p>\r\n\r\n\r\n      <div\r\n        class=\"cw-seo-for-word\"\r\n        aria-live=\"polite\"\r\n      >\r\n        Handwerksbetriebe\r\n      <\/div>\r\n\r\n\r\n      <p\r\n        class=\"cw-seo-for-note\"\r\n        data-cw-edit\r\n      >\r\n        Und f\u00fcr viele weitere Unternehmen, deren Leistungen\r\n        bereits aktiv bei Google gesucht werden.\r\n      <\/p>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- INDUSTRIES -->\r\n\r\n  <div\r\n    class=\"cw-industry-cloud cw-local-reveal\"\r\n    aria-label=\"Beispiele f\u00fcr Branchen\"\r\n  >\r\n\r\n    <span\r\n      class=\"cw-industry\"\r\n      style=\"\r\n        --cw-float-time:5.8s;\r\n        --cw-float-distance:-5px;\r\n      \"\r\n      data-cw-edit\r\n    >\r\n      K\u00fcchenstudios\r\n    <\/span>\r\n\r\n    <span\r\n      class=\"cw-industry\"\r\n      style=\"\r\n        --cw-float-time:6.5s;\r\n        --cw-float-distance:6px;\r\n      \"\r\n      data-cw-edit\r\n    >\r\n      Elektriker\r\n    <\/span>\r\n\r\n    <span\r\n      class=\"cw-industry\"\r\n      style=\"\r\n        --cw-float-time:5.3s;\r\n        --cw-float-distance:-4px;\r\n      \"\r\n      data-cw-edit\r\n    >\r\n      Steuerberater\r\n    <\/span>\r\n\r\n    <span\r\n      class=\"cw-industry\"\r\n      style=\"\r\n        --cw-float-time:7s;\r\n        --cw-float-distance:5px;\r\n      \"\r\n      data-cw-edit\r\n    >\r\n      Physiotherapie\r\n    <\/span>\r\n\r\n    <span\r\n      class=\"cw-industry\"\r\n      style=\"\r\n        --cw-float-time:6.2s;\r\n        --cw-float-distance:-6px;\r\n      \"\r\n      data-cw-edit\r\n    >\r\n      Immobilienmakler\r\n    <\/span>\r\n\r\n    <span\r\n      class=\"cw-industry\"\r\n      style=\"\r\n        --cw-float-time:5.7s;\r\n        --cw-float-distance:4px;\r\n      \"\r\n      data-cw-edit\r\n    >\r\n      Rechtsanw\u00e4lte\r\n    <\/span>\r\n\r\n    <span\r\n      class=\"cw-industry\"\r\n      style=\"\r\n        --cw-float-time:6.8s;\r\n        --cw-float-distance:-5px;\r\n      \"\r\n      data-cw-edit\r\n    >\r\n      \u00c4rzte &amp; Praxen\r\n    <\/span>\r\n\r\n    <span\r\n      class=\"cw-industry\"\r\n      style=\"\r\n        --cw-float-time:5.5s;\r\n        --cw-float-distance:5px;\r\n      \"\r\n      data-cw-edit\r\n    >\r\n      IT Dienstleister\r\n    <\/span>\r\n\r\n    <span\r\n      class=\"cw-industry\"\r\n      style=\"\r\n        --cw-float-time:6.4s;\r\n        --cw-float-distance:-4px;\r\n      \"\r\n      data-cw-edit\r\n    >\r\n      Geb\u00e4udereinigung\r\n    <\/span>\r\n\r\n    <span\r\n      class=\"cw-industry\"\r\n      style=\"\r\n        --cw-float-time:7.1s;\r\n        --cw-float-distance:6px;\r\n      \"\r\n      data-cw-edit\r\n    >\r\n      Restaurants\r\n    <\/span>\r\n\r\n    <span\r\n      class=\"cw-industry\"\r\n      style=\"\r\n        --cw-float-time:5.9s;\r\n        --cw-float-distance:-5px;\r\n      \"\r\n      data-cw-edit\r\n    >\r\n      Fotografen\r\n    <\/span>\r\n\r\n    <span\r\n      class=\"cw-industry\"\r\n      style=\"\r\n        --cw-float-time:6.6s;\r\n        --cw-float-distance:5px;\r\n      \"\r\n      data-cw-edit\r\n    >\r\n      Agenturen\r\n    <\/span>\r\n\r\n    <span\r\n      class=\"cw-industry cw-industry-more\"\r\n      style=\"\r\n        --cw-float-time:6.1s;\r\n        --cw-float-distance:-4px;\r\n      \"\r\n      data-cw-edit\r\n    >\r\n      Viele weitere\r\n    <\/span>\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- REGIONS -->\r\n\r\n  <div\r\n    class=\"cw-region-stage cw-local-reveal\"\r\n  >\r\n\r\n\r\n    <h3\r\n      class=\"cw-region-title\"\r\n      data-cw-edit\r\n    >\r\n      Und genau dort, wo Ihre Zielgruppe unterwegs ist.\r\n    <\/h3>\r\n\r\n\r\n\r\n    <div class=\"cw-marquee\">\r\n\r\n      <div class=\"cw-marquee-track\">\r\n\r\n        <span class=\"cw-place\" data-cw-edit>\r\n          Alzenau\r\n        <\/span>\r\n\r\n        <span class=\"cw-place\" data-cw-edit>\r\n          H\u00f6rstein\r\n        <\/span>\r\n\r\n        <span class=\"cw-place\" data-cw-edit>\r\n          Wasserlos\r\n        <\/span>\r\n\r\n        <span class=\"cw-place\" data-cw-edit>\r\n          Michelbach\r\n        <\/span>\r\n\r\n        <span class=\"cw-place\" data-cw-edit>\r\n          K\u00e4lberau\r\n        <\/span>\r\n\r\n        <span class=\"cw-place\" data-cw-edit>\r\n          Albstadt\r\n        <\/span>\r\n\r\n        <span class=\"cw-place\" data-cw-edit>\r\n          Alzenau\r\n        <\/span>\r\n\r\n        <span class=\"cw-place\" data-cw-edit>\r\n          H\u00f6rstein\r\n        <\/span>\r\n\r\n        <span class=\"cw-place\" data-cw-edit>\r\n          Wasserlos\r\n        <\/span>\r\n\r\n        <span class=\"cw-place\" data-cw-edit>\r\n          Michelbach\r\n        <\/span>\r\n\r\n        <span class=\"cw-place\" data-cw-edit>\r\n          K\u00e4lberau\r\n        <\/span>\r\n\r\n        <span class=\"cw-place\" data-cw-edit>\r\n          Albstadt\r\n        <\/span>\r\n\r\n        <span class=\"cw-place\" data-cw-edit>\r\n          Kahl am Main\r\n        <\/span>\r\n\r\n        <span class=\"cw-place\" data-cw-edit>\r\n          Karlstein\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"cw-marquee is-reverse\">\r\n\r\n      <div class=\"cw-marquee-track\">\r\n\r\n        <span class=\"cw-place\" data-cw-edit>\r\n          Gro\u00dfkrotzenburg\r\n        <\/span>\r\n\r\n        <span class=\"cw-place\" data-cw-edit>\r\n          Freigericht\r\n        <\/span>\r\n\r\n        <span class=\"cw-place\" data-cw-edit>\r\n          Rodenbach\r\n        <\/span>\r\n\r\n        <span class=\"cw-place\" data-cw-edit>\r\n          Hanau\r\n        <\/span>\r\n\r\n        <span class=\"cw-place\" data-cw-edit>\r\n          Aschaffenburg\r\n        <\/span>\r\n\r\n        <span class=\"cw-place\" data-cw-edit>\r\n          Kahl am Main\r\n        <\/span>\r\n\r\n        <span class=\"cw-place\" data-cw-edit>\r\n          Karlstein\r\n        <\/span>\r\n\r\n        <span class=\"cw-place\" data-cw-edit>\r\n          Gro\u00dfkrotzenburg\r\n        <\/span>\r\n\r\n        <span class=\"cw-place\" data-cw-edit>\r\n          Freigericht\r\n        <\/span>\r\n\r\n        <span class=\"cw-place\" data-cw-edit>\r\n          Rodenbach\r\n        <\/span>\r\n\r\n        <span class=\"cw-place\" data-cw-edit>\r\n          Hanau\r\n        <\/span>\r\n\r\n        <span class=\"cw-place\" data-cw-edit>\r\n          Aschaffenburg\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- LIVE SEARCH MOMENT -->\r\n\r\n  <div\r\n    class=\"cw-search-moment cw-local-reveal\"\r\n  >\r\n\r\n\r\n    <p\r\n      class=\"cw-search-moment-label\"\r\n      data-cw-edit\r\n    >\r\n      Genau in solchen Momenten entsteht Nachfrage\r\n    <\/p>\r\n\r\n\r\n    <div class=\"cw-live-query\">\r\n\r\n      <span\r\n        class=\"cw-live-search-icon\"\r\n        aria-hidden=\"true\"\r\n      ><\/span>\r\n\r\n      <span class=\"cw-live-query-text\">\r\n        Steuerberater Alzenau\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <p\r\n      class=\"cw-search-moment-copy\"\r\n      data-cw-edit\r\n    >\r\n      Hinter einer Suche wie dieser steckt meist ein konkretes Anliegen.\r\n      <strong>\r\n        Eine Person ben\u00f6tigt eine bestimmte Leistung und sucht gezielt\r\n        nach einem passenden Anbieter in Alzenau.\r\n      <\/strong>\r\n      Genau an diesem Punkt kann lokale SEO dabei helfen, als relevante\r\n      Option sichtbar zu werden.\r\n    <\/p>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- 3 PRINCIPLES -->\r\n\r\n  <div\r\n    class=\"cw-local-principles cw-local-reveal\"\r\n  >\r\n\r\n\r\n    <div class=\"cw-principle\">\r\n\r\n      <span data-cw-edit>\r\n        01\r\n      <\/span>\r\n\r\n      <strong data-cw-edit>\r\n        Leistung\r\n      <\/strong>\r\n\r\n      <p data-cw-edit>\r\n        Welche Produkte oder Dienstleistungen suchen potenzielle\r\n        Kunden tats\u00e4chlich bei Google?\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"cw-principle\">\r\n\r\n      <span data-cw-edit>\r\n        02\r\n      <\/span>\r\n\r\n      <strong data-cw-edit>\r\n        Standort\r\n      <\/strong>\r\n\r\n      <p data-cw-edit>\r\n        In welchen Orten und Einzugsgebieten soll Ihr Unternehmen\r\n        gefunden werden?\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"cw-principle\">\r\n\r\n      <span data-cw-edit>\r\n        03\r\n      <\/span>\r\n\r\n      <strong data-cw-edit>\r\n        Suchintention\r\n      <\/strong>\r\n\r\n      <p data-cw-edit>\r\n        Sucht jemand nur nach Informationen oder bereits gezielt\r\n        nach einem passenden Anbieter?\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- FINAL -->\r\n\r\n  <div\r\n    class=\"cw-local-final cw-local-reveal\"\r\n  >\r\n\r\n    <span\r\n      class=\"cw-local-final-small\"\r\n      data-cw-edit\r\n    >\r\n      Lokale SEO mit Sinn\r\n    <\/span>\r\n\r\n\r\n    <h3 data-cw-edit>\r\n      Nicht \u00fcberall sichtbar sein.\r\n      <span>\r\n        Sondern dort, wo potenzielle Kunden tats\u00e4chlich suchen.\r\n      <\/span>\r\n    <\/h3>\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\r\n  const section =\r\n    document.getElementById(\r\n      \"cw-seo-local-playground\"\r\n    );\r\n\r\n\r\n  if (\r\n    !section ||\r\n    section.dataset.cwLocalPlaygroundReady === \"true\"\r\n  ) {\r\n    return;\r\n  }\r\n\r\n\r\n  section.dataset.cwLocalPlaygroundReady =\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\r\n  \/* ROTATING INDUSTRIES *\/\r\n\r\n  const word =\r\n    section.querySelector(\r\n      \".cw-seo-for-word\"\r\n    );\r\n\r\n\r\n  const industries = [\r\n    \"Handwerksbetriebe\",\r\n    \"Praxen\",\r\n    \"Kanzleien\",\r\n    \"Fachgesch\u00e4fte\",\r\n    \"K\u00fcchenstudios\",\r\n    \"Steuerberater\",\r\n    \"Immobilienmakler\",\r\n    \"Dienstleister\"\r\n  ];\r\n\r\n\r\n  let industryIndex = 0;\r\n\r\n\r\n  if (\r\n    word &&\r\n    !reducedMotion\r\n  ) {\r\n\r\n    window.setInterval(\r\n      () => {\r\n\r\n        word.classList.add(\r\n          \"is-changing\"\r\n        );\r\n\r\n\r\n        window.setTimeout(\r\n          () => {\r\n\r\n            industryIndex =\r\n              (\r\n                industryIndex + 1\r\n              ) %\r\n              industries.length;\r\n\r\n\r\n            word.textContent =\r\n              industries[\r\n                industryIndex\r\n              ];\r\n\r\n\r\n            word.classList.remove(\r\n              \"is-changing\"\r\n            );\r\n\r\n          },\r\n          240\r\n        );\r\n\r\n      },\r\n      2600\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* ROTATING SEARCH QUERIES *\/\r\n\r\n  const liveQuery =\r\n    section.querySelector(\r\n      \".cw-live-query\"\r\n    );\r\n\r\n\r\n  const liveQueryText =\r\n    section.querySelector(\r\n      \".cw-live-query-text\"\r\n    );\r\n\r\n\r\n  const queries = [\r\n    \"Steuerberater Alzenau\",\r\n    \"Elektriker Alzenau\",\r\n    \"Physiotherapie Alzenau\",\r\n    \"Immobilienmakler Alzenau\",\r\n    \"K\u00fcchenstudio Alzenau\",\r\n    \"IT Dienstleister Alzenau\"\r\n  ];\r\n\r\n\r\n  let queryIndex = 0;\r\n\r\n\r\n  if (\r\n    liveQuery &&\r\n    liveQueryText &&\r\n    !reducedMotion\r\n  ) {\r\n\r\n    window.setInterval(\r\n      () => {\r\n\r\n        liveQuery.classList.add(\r\n          \"is-changing\"\r\n        );\r\n\r\n\r\n        window.setTimeout(\r\n          () => {\r\n\r\n            queryIndex =\r\n              (\r\n                queryIndex + 1\r\n              ) %\r\n              queries.length;\r\n\r\n\r\n            liveQueryText.textContent =\r\n              queries[\r\n                queryIndex\r\n              ];\r\n\r\n\r\n            liveQuery.classList.remove(\r\n              \"is-changing\"\r\n            );\r\n\r\n          },\r\n          240\r\n        );\r\n\r\n      },\r\n      3200\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* REVEAL *\/\r\n\r\n  const revealItems =\r\n    Array.from(\r\n      section.querySelectorAll(\r\n        \".cw-local-reveal\"\r\n      )\r\n    );\r\n\r\n\r\n  if (reducedMotion) {\r\n\r\n    revealItems.forEach(\r\n      item =>\r\n        item.classList.add(\r\n          \"is-visible\"\r\n        )\r\n    );\r\n\r\n    return;\r\n\r\n  }\r\n\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\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.unobserve(\r\n                entry.target\r\n              );\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 -4% 0px\"\r\n        }\r\n\r\n      );\r\n\r\n\r\n    revealItems.forEach(\r\n      item =>\r\n        observer.observe(\r\n          item\r\n        )\r\n    );\r\n\r\n  } else {\r\n\r\n    revealItems.forEach(\r\n      item =>\r\n        item.classList.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-bd3226f elementor-widget elementor-widget-html\" data-id=\"bd3226f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section\r\n  id=\"cw-seo-problem-story\"\r\n  aria-labelledby=\"cw-seo-problem-story-title\"\r\n>\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   CONTENT WAVE\r\n   SEO PROBLEM STORY\r\n   DARK PREMIUM JOURNEY\r\n   ========================================================= *\/\r\n\r\n#cw-seo-problem-story,\r\n#cw-seo-problem-story *,\r\n#cw-seo-problem-story *::before,\r\n#cw-seo-problem-story *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n#cw-seo-problem-story {\r\n  --cw-white: #f8fbff;\r\n  --cw-text: #aebbd0;\r\n  --cw-muted: #748399;\r\n\r\n  --cw-blue: #347cff;\r\n  --cw-cyan: #22c9dc;\r\n  --cw-red: #f26176;\r\n  --cw-orange: #efa044;\r\n  --cw-violet: #8769ff;\r\n  --cw-green: #28c98c;\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(82px,8vw,122px)\r\n    0\r\n    clamp(90px,9vw,135px);\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 5% 12%,\r\n      rgba(242,97,118,.08),\r\n      transparent 25%\r\n    ),\r\n    radial-gradient(\r\n      circle at 94% 12%,\r\n      rgba(52,124,255,.14),\r\n      transparent 30%\r\n    ),\r\n    radial-gradient(\r\n      circle at 52% 100%,\r\n      rgba(135,105,255,.08),\r\n      transparent 31%\r\n    ),\r\n    linear-gradient(\r\n      145deg,\r\n      #02050b 0%,\r\n      #050b16 42%,\r\n      #071426 72%,\r\n      #030812 100%\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n   ========================================================= *\/\r\n\r\n#cw-seo-problem-story::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  z-index: -4;\r\n\r\n  pointer-events: none;\r\n\r\n  opacity: .28;\r\n\r\n  background-image:\r\n    linear-gradient(\r\n      rgba(255,255,255,.025) 1px,\r\n      transparent 1px\r\n    ),\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.025) 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      transparent,\r\n      #000 11%,\r\n      #000 88%,\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 11%,\r\n      #000 88%,\r\n      transparent\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   AMBIENT LIGHT\r\n   ========================================================= *\/\r\n\r\n#cw-seo-problem-story::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  z-index: -3;\r\n\r\n  width: 950px;\r\n  height: 700px;\r\n\r\n  left: 50%;\r\n  top: 38%;\r\n\r\n  transform:\r\n    translate(-50%,-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(52,124,255,.10),\r\n      rgba(135,105,255,.025) 45%,\r\n      transparent 71%\r\n    );\r\n\r\n  filter: blur(22px);\r\n\r\n  animation:\r\n    cwProblemAmbient\r\n    10s ease-in-out infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SHELL\r\n   ========================================================= *\/\r\n\r\n#cw-seo-problem-story\r\n.cw-problem-shell {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  width:\r\n    min(\r\n      1240px,\r\n      calc(100% - 42px)\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-seo-problem-story\r\n.cw-problem-head {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1fr)\r\n    minmax(0,.86fr);\r\n\r\n  align-items: end;\r\n\r\n  gap:\r\n    clamp(45px,7vw,100px);\r\n\r\n  margin-bottom:\r\n    clamp(55px,7vw,85px);\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-problem-eyebrow {\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 10px;\r\n\r\n  margin:\r\n    0 0 17px;\r\n\r\n  color: #ff8295;\r\n\r\n  font-size: 11px;\r\n  font-weight: 850;\r\n\r\n  letter-spacing: .15em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-problem-eyebrow::before {\r\n  content: \"\";\r\n\r\n  width: 29px;\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-red),\r\n      var(--cw-orange)\r\n    );\r\n\r\n  box-shadow:\r\n    0 0 14px\r\n    rgba(242,97,118,.26);\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-problem-title {\r\n  max-width: 690px;\r\n\r\n  margin: 0;\r\n\r\n  color: var(--cw-white);\r\n\r\n  font-size:\r\n    clamp(\r\n      40px,\r\n      4.7vw,\r\n      64px\r\n    );\r\n\r\n  font-weight: 860;\r\n\r\n  line-height: 1.04;\r\n\r\n  letter-spacing: -.052em;\r\n\r\n  text-wrap: balance;\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-problem-title-accent {\r\n  color: transparent;\r\n\r\n  background:\r\n    linear-gradient(\r\n      100deg,\r\n      #ff7c8f 0%,\r\n      #efa155 30%,\r\n      #7d9dff 67%,\r\n      #25ccda 100%\r\n    );\r\n\r\n  background-size:\r\n    220% 100%;\r\n\r\n  background-clip: text;\r\n  -webkit-background-clip: text;\r\n\r\n  animation:\r\n    cwProblemGradient\r\n    8s ease-in-out infinite;\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-problem-intro {\r\n  max-width: 520px;\r\n\r\n  margin:\r\n    0 0 4px auto;\r\n\r\n  color: var(--cw-text);\r\n\r\n  font-size:\r\n    clamp(\r\n      15px,\r\n      1.35vw,\r\n      17px\r\n    );\r\n\r\n  line-height: 1.75;\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-problem-intro strong {\r\n  color: #fff;\r\n\r\n  font-weight: 720;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STORY STAGE\r\n   ========================================================= *\/\r\n\r\n#cw-seo-problem-story\r\n.cw-story-stage {\r\n  position: relative;\r\n\r\n  overflow: hidden;\r\n\r\n  padding:\r\n    clamp(27px,3vw,38px)\r\n    clamp(26px,4vw,48px)\r\n    clamp(40px,4vw,54px);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(118,151,205,.14);\r\n\r\n  border-radius:\r\n    clamp(25px,3vw,32px);\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 5% 0%,\r\n      rgba(242,97,118,.055),\r\n      transparent 27%\r\n    ),\r\n    radial-gradient(\r\n      circle at 95% 0%,\r\n      rgba(52,124,255,.11),\r\n      transparent 32%\r\n    ),\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(12,24,44,.96),\r\n      rgba(5,13,26,.98)\r\n    );\r\n\r\n  box-shadow:\r\n    0 32px 80px rgba(0,0,0,.30),\r\n    inset 0 1px rgba(255,255,255,.055);\r\n}\r\n\r\n\r\n\/* TOP COLOR LINE *\/\r\n\r\n#cw-seo-problem-story\r\n.cw-story-stage::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  top: 0;\r\n  left: 8%;\r\n  right: 8%;\r\n\r\n  height: 1px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(242,97,118,.45),\r\n      rgba(52,124,255,.55),\r\n      rgba(135,105,255,.40),\r\n      transparent\r\n    );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* INTERNAL GRID *\/\r\n\r\n#cw-seo-problem-story\r\n.cw-story-stage::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  pointer-events: none;\r\n\r\n  opacity: .20;\r\n\r\n  background-image:\r\n    linear-gradient(\r\n      rgba(255,255,255,.025) 1px,\r\n      transparent 1px\r\n    ),\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.025) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size:\r\n    48px 48px;\r\n\r\n  -webkit-mask-image:\r\n    radial-gradient(\r\n      ellipse at center,\r\n      #000,\r\n      transparent 75%\r\n    );\r\n\r\n  mask-image:\r\n    radial-gradient(\r\n      ellipse at center,\r\n      #000,\r\n      transparent 75%\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP BAR\r\n   ========================================================= *\/\r\n\r\n#cw-seo-problem-story\r\n.cw-story-top {\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: 20px;\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-story-label,\r\n#cw-seo-problem-story\r\n.cw-story-note {\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  min-height: 32px;\r\n\r\n  padding:\r\n    0 12px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.075);\r\n\r\n  border-radius: 999px;\r\n\r\n  background:\r\n    rgba(255,255,255,.035);\r\n\r\n  color:\r\n    rgba(255,255,255,.51);\r\n\r\n  font-size: 9px;\r\n  font-weight: 790;\r\n\r\n  letter-spacing: .09em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-story-label {\r\n  gap: 9px;\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-story-label::before {\r\n  content: \"\";\r\n\r\n  width: 7px;\r\n  height: 7px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    var(--cw-green);\r\n\r\n  box-shadow:\r\n    0 0 0 5px\r\n    rgba(40,201,140,.065),\r\n\r\n    0 0 12px\r\n    rgba(40,201,140,.27);\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-story-note {\r\n  color:\r\n    rgba(255,255,255,.31);\r\n\r\n  font-weight: 650;\r\n\r\n  letter-spacing: 0;\r\n  text-transform: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SEARCH AREA\r\n   ========================================================= *\/\r\n\r\n#cw-seo-problem-story\r\n.cw-search-area {\r\n  position: relative;\r\n\r\n  z-index: 8;\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  align-items: center;\r\n\r\n  margin:\r\n    clamp(48px,5vw,66px)\r\n    auto\r\n    clamp(74px,7vw,95px);\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-search-caption {\r\n  margin-bottom: 13px;\r\n\r\n  color:\r\n    rgba(255,255,255,.67);\r\n\r\n  font-size:\r\n    clamp(\r\n      11px,\r\n      1vw,\r\n      13px\r\n    );\r\n\r\n  font-weight: 780;\r\n\r\n  letter-spacing: .075em;\r\n\r\n  text-align: center;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* SEARCH BAR *\/\r\n\r\n#cw-seo-problem-story\r\n.cw-search-start {\r\n  position: relative;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  width:\r\n    min(\r\n      620px,\r\n      100%\r\n    );\r\n\r\n  min-height: 70px;\r\n\r\n  padding:\r\n    0 18px;\r\n\r\n  gap: 14px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(112,162,255,.22);\r\n\r\n  border-radius: 19px;\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,.035)\r\n    );\r\n\r\n  box-shadow:\r\n    0 20px 48px\r\n    rgba(0,0,0,.22),\r\n\r\n    inset 0 1px\r\n    rgba(255,255,255,.055);\r\n\r\n  backdrop-filter:\r\n    blur(15px);\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(15px);\r\n}\r\n\r\n\r\n\/* SUBTLE LEFT COLOR *\/\r\n\r\n#cw-seo-problem-story\r\n.cw-search-start::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  left: 0;\r\n  top: 10px;\r\n  bottom: 10px;\r\n\r\n  width: 3px;\r\n\r\n  border-radius: 0 999px 999px 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      #347cff,\r\n      #22c9dc\r\n    );\r\n}\r\n\r\n\r\n\/* SEARCH ICON *\/\r\n\r\n#cw-seo-problem-story\r\n.cw-search-icon {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  width: 19px;\r\n  height: 19px;\r\n\r\n  flex: 0 0 auto;\r\n\r\n  border:\r\n    2px solid\r\n    #7da8ff;\r\n\r\n  border-radius: 50%;\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-search-icon::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  width: 8px;\r\n  height: 2px;\r\n\r\n  right: -6px;\r\n  bottom: -3px;\r\n\r\n  border-radius: 999px;\r\n\r\n  background:\r\n    #7da8ff;\r\n\r\n  transform:\r\n    rotate(45deg);\r\n}\r\n\r\n\r\n\/* QUERY *\/\r\n\r\n#cw-seo-problem-story\r\n.cw-search-query {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  min-width: 0;\r\n\r\n  color: #fff;\r\n\r\n  font-size:\r\n    clamp(\r\n      14px,\r\n      1.4vw,\r\n      17px\r\n    );\r\n\r\n  font-weight: 720;\r\n\r\n  overflow: hidden;\r\n\r\n  white-space: nowrap;\r\n\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-search-query-prefix {\r\n  color:\r\n    rgba(255,255,255,.40);\r\n\r\n  font-weight: 590;\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-search-query-text {\r\n  color: #fff;\r\n\r\n  font-weight: 790;\r\n}\r\n\r\n\r\n\/* CURSOR *\/\r\n\r\n#cw-seo-problem-story\r\n.cw-search-cursor {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  width: 2px;\r\n  height: 22px;\r\n\r\n  margin-left: -5px;\r\n\r\n  flex: 0 0 auto;\r\n\r\n  background:\r\n    #73a4ff;\r\n\r\n  box-shadow:\r\n    0 0 11px\r\n    rgba(115,164,255,.45);\r\n\r\n  animation:\r\n    cwProblemCursor\r\n    1s steps(1) infinite;\r\n}\r\n\r\n\r\n\/* STATUS *\/\r\n\r\n#cw-seo-problem-story\r\n.cw-search-status {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 6px;\r\n\r\n  margin-left: auto;\r\n\r\n  flex: 0 0 auto;\r\n\r\n  min-height: 30px;\r\n\r\n  padding:\r\n    0 10px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(40,201,140,.14);\r\n\r\n  border-radius: 999px;\r\n\r\n  background:\r\n    rgba(40,201,140,.065);\r\n\r\n  color: #58dbaa;\r\n\r\n  font-size: 8px;\r\n  font-weight: 800;\r\n\r\n  white-space: nowrap;\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-search-status::before {\r\n  content: \"\";\r\n\r\n  width: 5px;\r\n  height: 5px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    var(--cw-green);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DOWN SIGNAL\r\n   ========================================================= *\/\r\n\r\n#cw-seo-problem-story\r\n.cw-search-down {\r\n  position: absolute;\r\n\r\n  left: 50%;\r\n  bottom: -53px;\r\n\r\n  width: 1px;\r\n  height: 34px;\r\n\r\n  transform:\r\n    translateX(-50%);\r\n\r\n  background:\r\n    linear-gradient(\r\n      to bottom,\r\n      rgba(82,143,255,.70),\r\n      rgba(82,143,255,.10)\r\n    );\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-search-down::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  left: 50%;\r\n  bottom: -2px;\r\n\r\n  width: 7px;\r\n  height: 7px;\r\n\r\n  transform:\r\n    translateX(-50%);\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    #5d93ff;\r\n\r\n  box-shadow:\r\n    0 0 0 6px\r\n    rgba(82,143,255,.07),\r\n\r\n    0 0 16px\r\n    rgba(82,143,255,.35);\r\n\r\n  animation:\r\n    cwSearchDownPulse\r\n    1.8s ease-in-out infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   JOURNEY\r\n   ========================================================= *\/\r\n\r\n#cw-seo-problem-story\r\n.cw-problem-flow {\r\n  position: relative;\r\n\r\n  z-index: 5;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,minmax(0,1fr));\r\n\r\n  gap:\r\n    clamp(15px,2vw,22px);\r\n\r\n  padding-top: 33px;\r\n}\r\n\r\n\r\n\/* CONNECTING TRACK *\/\r\n\r\n#cw-seo-problem-story\r\n.cw-flow-track {\r\n  position: absolute;\r\n\r\n  z-index: 0;\r\n\r\n  top: 32px;\r\n\r\n  left: 16.66%;\r\n  right: 16.66%;\r\n\r\n  height: 2px;\r\n\r\n  border-radius: 999px;\r\n\r\n  overflow: hidden;\r\n\r\n  background:\r\n    rgba(255,255,255,.075);\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-flow-fill {\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  transform:\r\n    scaleX(0);\r\n\r\n  transform-origin:\r\n    left center;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #f26176 0%,\r\n      #efa044 50%,\r\n      #8769ff 100%\r\n    );\r\n}\r\n\r\n\r\n#cw-seo-problem-story.is-playing\r\n.cw-flow-fill {\r\n  animation:\r\n    cwFlowFill\r\n    2.55s\r\n    cubic-bezier(.2,.75,.25,1)\r\n    forwards;\r\n}\r\n\r\n\r\n\/* FLOW TOKEN *\/\r\n\r\n#cw-seo-problem-story\r\n.cw-flow-token {\r\n  position: absolute;\r\n\r\n  z-index: 2;\r\n\r\n  top: 26px;\r\n  left: 16.66%;\r\n\r\n  width: 14px;\r\n  height: 14px;\r\n\r\n  border-radius: 50%;\r\n\r\n  opacity: 0;\r\n\r\n  background:\r\n    #7ba7ff;\r\n\r\n  box-shadow:\r\n    0 0 0 7px\r\n    rgba(88,145,255,.07),\r\n\r\n    0 0 20px\r\n    rgba(88,145,255,.46);\r\n}\r\n\r\n\r\n#cw-seo-problem-story.is-playing\r\n.cw-flow-token {\r\n  animation:\r\n    cwFlowToken\r\n    2.55s\r\n    cubic-bezier(.2,.75,.25,1)\r\n    forwards;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   JOURNEY CARDS\r\n   ========================================================= *\/\r\n\r\n#cw-seo-problem-story\r\n.cw-problem-point {\r\n  --cw-point-rgb:\r\n    242,97,118;\r\n\r\n  --cw-point-accent:\r\n    #f26176;\r\n\r\n  position: relative;\r\n\r\n  z-index: 3;\r\n\r\n  min-width: 0;\r\n\r\n  min-height: 330px;\r\n\r\n  margin-top: 28px;\r\n\r\n  padding:\r\n    53px\r\n    clamp(20px,2.4vw,28px)\r\n    26px;\r\n\r\n  overflow: hidden;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--cw-point-rgb),.11);\r\n\r\n  border-radius: 23px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 100% 0%,\r\n      rgba(var(--cw-point-rgb),.075),\r\n      transparent 31%\r\n    ),\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(255,255,255,.045),\r\n      rgba(255,255,255,.018)\r\n    );\r\n\r\n  box-shadow:\r\n    0 17px 42px\r\n    rgba(0,0,0,.13),\r\n\r\n    inset 0 1px\r\n    rgba(255,255,255,.035);\r\n\r\n  text-align: left;\r\n\r\n  opacity: .48;\r\n\r\n  transform:\r\n    translateY(11px);\r\n\r\n  transition:\r\n    opacity .45s ease,\r\n    transform .45s ease,\r\n    border-color .4s ease,\r\n    background .4s ease,\r\n    box-shadow .4s ease;\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-problem-point.is-one {\r\n  --cw-point-rgb:\r\n    242,97,118;\r\n\r\n  --cw-point-accent:\r\n    #f26176;\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-problem-point.is-two {\r\n  --cw-point-rgb:\r\n    239,160,68;\r\n\r\n  --cw-point-accent:\r\n    #efa044;\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-problem-point.is-three {\r\n  --cw-point-rgb:\r\n    135,105,255;\r\n\r\n  --cw-point-accent:\r\n    #8769ff;\r\n}\r\n\r\n\r\n\/* ACTIVE CARD *\/\r\n\r\n#cw-seo-problem-story\r\n.cw-problem-point.is-current,\r\n#cw-seo-problem-story\r\n.cw-problem-point.is-passed {\r\n  opacity: 1;\r\n\r\n  transform:\r\n    translateY(0);\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-problem-point.is-current {\r\n  border-color:\r\n    rgba(var(--cw-point-rgb),.24);\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 100% 0%,\r\n      rgba(var(--cw-point-rgb),.12),\r\n      transparent 34%\r\n    ),\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(255,255,255,.06),\r\n      rgba(255,255,255,.022)\r\n    );\r\n\r\n  box-shadow:\r\n    0 25px 55px\r\n    rgba(0,0,0,.20),\r\n\r\n    0 0 28px\r\n    rgba(var(--cw-point-rgb),.045),\r\n\r\n    inset 0 1px\r\n    rgba(255,255,255,.05);\r\n}\r\n\r\n\r\n\/* CARD ACCENT *\/\r\n\r\n#cw-seo-problem-story\r\n.cw-problem-point::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  left: 26px;\r\n  top: 0;\r\n\r\n  width: 60px;\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-point-accent),\r\n      rgba(var(--cw-point-rgb),.30)\r\n    );\r\n}\r\n\r\n\r\n\/* LARGE DECORATIVE NUMBER *\/\r\n\r\n#cw-seo-problem-story\r\n.cw-problem-point::after {\r\n  content:\r\n    attr(data-visual-number);\r\n\r\n  position: absolute;\r\n\r\n  right: 17px;\r\n  bottom: -27px;\r\n\r\n  color:\r\n    rgba(var(--cw-point-rgb),.045);\r\n\r\n  font-size:\r\n    clamp(\r\n      90px,\r\n      10vw,\r\n      135px\r\n    );\r\n\r\n  font-weight: 900;\r\n\r\n  line-height: 1;\r\n\r\n  letter-spacing: -.08em;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NODE\r\n   ========================================================= *\/\r\n\r\n#cw-seo-problem-story\r\n.cw-point-node-wrap {\r\n  position: absolute;\r\n\r\n  z-index: 7;\r\n\r\n  top: -28px;\r\n  left: 50%;\r\n\r\n  display: flex;\r\n\r\n  justify-content: center;\r\n\r\n  transform:\r\n    translateX(-50%);\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-point-node {\r\n  position: relative;\r\n\r\n  display: grid;\r\n\r\n  place-items: center;\r\n\r\n  width: 58px;\r\n  height: 58px;\r\n\r\n  border:\r\n    7px solid\r\n    #091426;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(var(--cw-point-rgb),1),\r\n      rgba(var(--cw-point-rgb),.70)\r\n    );\r\n\r\n  color: #fff;\r\n\r\n  font-size: 11px;\r\n  font-weight: 870;\r\n\r\n  box-shadow:\r\n    0 13px 30px\r\n    rgba(var(--cw-point-rgb),.18),\r\n\r\n    0 0 0 1px\r\n    rgba(var(--cw-point-rgb),.18);\r\n\r\n  transition:\r\n    transform .4s ease,\r\n    box-shadow .4s ease;\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-problem-point.is-current\r\n.cw-point-node {\r\n  transform:\r\n    scale(1.10);\r\n\r\n  box-shadow:\r\n    0 18px 37px\r\n    rgba(var(--cw-point-rgb),.27),\r\n\r\n    0 0 30px\r\n    rgba(var(--cw-point-rgb),.16),\r\n\r\n    0 0 0 1px\r\n    rgba(var(--cw-point-rgb),.24);\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-point-node::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  inset: -10px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--cw-point-rgb),.20);\r\n\r\n  border-radius: 50%;\r\n\r\n  opacity: 0;\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-problem-point.is-current\r\n.cw-point-node::after {\r\n  animation:\r\n    cwPointPulse\r\n    1.6s ease-out infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STEP KICKER\r\n   ========================================================= *\/\r\n\r\n#cw-seo-problem-story\r\n.cw-point-kicker {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 7px;\r\n\r\n  min-height: 28px;\r\n\r\n  margin-bottom: 15px;\r\n\r\n  padding:\r\n    0 10px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--cw-point-rgb),.13);\r\n\r\n  border-radius: 999px;\r\n\r\n  background:\r\n    rgba(var(--cw-point-rgb),.065);\r\n\r\n  color:\r\n    var(--cw-point-accent);\r\n\r\n  font-size: 8px;\r\n\r\n  font-weight: 830;\r\n\r\n  letter-spacing: .11em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-point-kicker::before {\r\n  content: \"\";\r\n\r\n  width: 5px;\r\n  height: 5px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    var(--cw-point-accent);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEXT\r\n   ========================================================= *\/\r\n\r\n#cw-seo-problem-story\r\n.cw-problem-point h3 {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  max-width: 310px;\r\n\r\n  min-height: 0;\r\n\r\n  margin:\r\n    0 0 13px;\r\n\r\n  color: #fff;\r\n\r\n  font-size:\r\n    clamp(\r\n      20px,\r\n      1.85vw,\r\n      25px\r\n    );\r\n\r\n  font-weight: 820;\r\n\r\n  line-height: 1.12;\r\n\r\n  letter-spacing: -.034em;\r\n\r\n  text-wrap: balance;\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-problem-point p {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  max-width: 320px;\r\n\r\n  margin: 0;\r\n\r\n  color:\r\n    rgba(255,255,255,.48);\r\n\r\n  font-size:\r\n    clamp(\r\n      12px,\r\n      1.05vw,\r\n      14px\r\n    );\r\n\r\n  line-height: 1.68;\r\n\r\n  transition:\r\n    color .4s ease;\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-problem-point.is-current p,\r\n#cw-seo-problem-story\r\n.cw-problem-point.is-passed p {\r\n  color:\r\n    rgba(255,255,255,.67);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESULT AREA\r\n   ========================================================= *\/\r\n\r\n#cw-seo-problem-story\r\n.cw-point-results {\r\n  position: relative;\r\n\r\n  z-index: 3;\r\n\r\n  display: flex;\r\n\r\n  flex-wrap: wrap;\r\n\r\n  gap: 7px;\r\n\r\n  margin-top: 22px;\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-point-result,\r\n#cw-seo-problem-story\r\n.cw-competitor-signal,\r\n#cw-seo-problem-story\r\n.cw-lost-signal {\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 7px;\r\n\r\n  min-height: 31px;\r\n\r\n  margin: 0;\r\n\r\n  padding:\r\n    0 10px;\r\n\r\n  border-radius: 999px;\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 740;\r\n\r\n  opacity: 0;\r\n\r\n  transform:\r\n    translateY(7px);\r\n\r\n  transition:\r\n    opacity .4s ease .14s,\r\n    transform .4s ease .14s;\r\n}\r\n\r\n\r\n\/* RESULT *\/\r\n\r\n#cw-seo-problem-story\r\n.cw-point-result {\r\n  border:\r\n    1px solid\r\n    rgba(var(--cw-point-rgb),.17);\r\n\r\n  background:\r\n    rgba(var(--cw-point-rgb),.065);\r\n\r\n  color:\r\n    rgba(255,255,255,.66);\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-point-result::before {\r\n  content: \"\";\r\n\r\n  width: 6px;\r\n  height: 6px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    rgb(var(--cw-point-rgb));\r\n}\r\n\r\n\r\n\/* COMPETITOR *\/\r\n\r\n#cw-seo-problem-story\r\n.cw-competitor-signal {\r\n  border:\r\n    1px solid\r\n    rgba(239,160,68,.20);\r\n\r\n  background:\r\n    rgba(239,160,68,.075);\r\n\r\n  color: #f1aa53;\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-competitor-signal::before {\r\n  content: \"\u2197\";\r\n\r\n  display: grid;\r\n\r\n  place-items: center;\r\n\r\n  width: 18px;\r\n  height: 18px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    rgba(239,160,68,.12);\r\n\r\n  color: #f2ae5c;\r\n\r\n  font-size: 9px;\r\n}\r\n\r\n\r\n\/* LOST *\/\r\n\r\n#cw-seo-problem-story\r\n.cw-lost-signal {\r\n  border:\r\n    1px solid\r\n    rgba(135,105,255,.20);\r\n\r\n  background:\r\n    rgba(135,105,255,.075);\r\n\r\n  color: #aa96ff;\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-lost-signal::before {\r\n  content: \"\u2212\";\r\n\r\n  display: grid;\r\n\r\n  place-items: center;\r\n\r\n  width: 18px;\r\n  height: 18px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    rgba(135,105,255,.13);\r\n\r\n  color: #af9dff;\r\n\r\n  font-size: 11px;\r\n}\r\n\r\n\r\n\/* SHOW RESULTS *\/\r\n\r\n#cw-seo-problem-story\r\n.cw-problem-point.is-current\r\n.cw-point-result,\r\n\r\n#cw-seo-problem-story\r\n.cw-problem-point.is-passed\r\n.cw-point-result,\r\n\r\n#cw-seo-problem-story\r\n.cw-problem-point.is-two.is-current\r\n.cw-competitor-signal,\r\n\r\n#cw-seo-problem-story\r\n.cw-problem-point.is-two.is-passed\r\n.cw-competitor-signal,\r\n\r\n#cw-seo-problem-story\r\n.cw-problem-point.is-three.is-current\r\n.cw-lost-signal,\r\n\r\n#cw-seo-problem-story\r\n.cw-problem-point.is-three.is-passed\r\n.cw-lost-signal {\r\n  opacity: 1;\r\n\r\n  transform:\r\n    translateY(0);\r\n}\r\n\r\n\r\n\/* HOVER *\/\r\n\r\n@media (hover:hover) and (pointer:fine) {\r\n\r\n  #cw-seo-problem-story\r\n  .cw-problem-point:hover {\r\n    transform:\r\n      translateY(-5px);\r\n\r\n    border-color:\r\n      rgba(var(--cw-point-rgb),.24);\r\n\r\n    box-shadow:\r\n      0 27px 58px\r\n      rgba(0,0,0,.20),\r\n\r\n      0 0 26px\r\n      rgba(var(--cw-point-rgb),.04);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TAKEAWAY\r\n   ========================================================= *\/\r\n\r\n#cw-seo-problem-story\r\n.cw-problem-takeaway {\r\n  position: relative;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,.88fr)\r\n    minmax(0,1.12fr);\r\n\r\n  align-items: center;\r\n\r\n  gap:\r\n    clamp(35px,6vw,80px);\r\n\r\n  margin-top:\r\n    clamp(42px,5vw,62px);\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\r\n    rgba(89,139,255,.12);\r\n\r\n  border-radius: 25px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 0% 100%,\r\n      rgba(52,124,255,.075),\r\n      transparent 34%\r\n    ),\r\n    radial-gradient(\r\n      circle at 100% 0%,\r\n      rgba(40,201,140,.055),\r\n      transparent 30%\r\n    ),\r\n    rgba(255,255,255,.025);\r\n\r\n  box-shadow:\r\n    0 22px 52px\r\n    rgba(0,0,0,.14),\r\n\r\n    inset 0 1px\r\n    rgba(255,255,255,.035);\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-problem-takeaway::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  left: 38px;\r\n  top: 0;\r\n\r\n  width: 90px;\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      #347cff,\r\n      #22c9dc,\r\n      #28c98c\r\n    );\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-takeaway-small {\r\n  display: block;\r\n\r\n  margin-bottom: 10px;\r\n\r\n  color: #75a5ff;\r\n\r\n  font-size: 9px;\r\n  font-weight: 840;\r\n\r\n  letter-spacing: .12em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-problem-takeaway h3 {\r\n  max-width: 520px;\r\n\r\n  margin: 0;\r\n\r\n  color: #fff;\r\n\r\n  font-size:\r\n    clamp(\r\n      25px,\r\n      3vw,\r\n      39px\r\n    );\r\n\r\n  font-weight: 830;\r\n\r\n  line-height: 1.08;\r\n\r\n  letter-spacing: -.04em;\r\n\r\n  text-wrap: balance;\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-takeaway-copy {\r\n  max-width: 570px;\r\n\r\n  margin:\r\n    0 0 0 auto;\r\n\r\n  color: var(--cw-text);\r\n\r\n  font-size:\r\n    clamp(\r\n      13px,\r\n      1.2vw,\r\n      15px\r\n    );\r\n\r\n  line-height: 1.72;\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-takeaway-copy strong {\r\n  color: #fff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FINAL\r\n   ========================================================= *\/\r\n\r\n#cw-seo-problem-story\r\n.cw-problem-final {\r\n  max-width: 900px;\r\n\r\n  margin:\r\n    clamp(60px,7vw,90px)\r\n    auto 0;\r\n\r\n  text-align: center;\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-problem-final-label {\r\n  display: block;\r\n\r\n  margin-bottom: 11px;\r\n\r\n  color:\r\n    rgba(255,255,255,.38);\r\n\r\n  font-size: 9px;\r\n  font-weight: 830;\r\n\r\n  letter-spacing: .12em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-problem-final h3 {\r\n  margin: 0;\r\n\r\n  color: #fff;\r\n\r\n  font-size:\r\n    clamp(\r\n      29px,\r\n      4vw,\r\n      49px\r\n    );\r\n\r\n  font-weight: 850;\r\n\r\n  line-height: 1.08;\r\n\r\n  letter-spacing: -.045em;\r\n\r\n  text-wrap: balance;\r\n}\r\n\r\n\r\n#cw-seo-problem-story\r\n.cw-problem-final h3 span {\r\n  color: transparent;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #69a0ff,\r\n      #35cedb,\r\n      #55d69e\r\n    );\r\n\r\n  background-clip: text;\r\n  -webkit-background-clip: text;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL\r\n   ========================================================= *\/\r\n\r\n#cw-seo-problem-story\r\n.cw-reveal {\r\n  opacity: 1;\r\n\r\n  transform:\r\n    translateY(0);\r\n}\r\n\r\n\r\n#cw-seo-problem-story.cw-js-ready\r\n.cw-reveal {\r\n  opacity: 0;\r\n\r\n  transform:\r\n    translateY(25px);\r\n\r\n  transition:\r\n    opacity .72s ease,\r\n\r\n    transform .72s\r\n    cubic-bezier(.2,.75,.25,1);\r\n}\r\n\r\n\r\n#cw-seo-problem-story.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\/* =========================================================\r\n   ANIMATIONS\r\n   ========================================================= *\/\r\n\r\n@keyframes cwProblemGradient {\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 cwProblemAmbient {\r\n\r\n  0%,\r\n  100% {\r\n    transform:\r\n      translate(-50%,-50%)\r\n      scale(.95);\r\n  }\r\n\r\n  50% {\r\n    transform:\r\n      translate(-47%,-47%)\r\n      scale(1.06);\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes cwProblemCursor {\r\n\r\n  0%,\r\n  48% {\r\n    opacity: 1;\r\n  }\r\n\r\n  49%,\r\n  100% {\r\n    opacity: 0;\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes cwSearchDownPulse {\r\n\r\n  0%,\r\n  100% {\r\n    opacity: .55;\r\n\r\n    transform:\r\n      translateX(-50%)\r\n      scale(.85);\r\n  }\r\n\r\n  50% {\r\n    opacity: 1;\r\n\r\n    transform:\r\n      translateX(-50%)\r\n      scale(1.1);\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes cwFlowFill {\r\n\r\n  from {\r\n    transform:\r\n      scaleX(0);\r\n  }\r\n\r\n  to {\r\n    transform:\r\n      scaleX(1);\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes cwFlowToken {\r\n\r\n  0% {\r\n    left: 16.66%;\r\n\r\n    opacity: 0;\r\n  }\r\n\r\n  7% {\r\n    opacity: 1;\r\n  }\r\n\r\n  93% {\r\n    opacity: 1;\r\n  }\r\n\r\n  100% {\r\n    left: 83.33%;\r\n\r\n    opacity: 0;\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes cwPointPulse {\r\n\r\n  0% {\r\n    opacity: .6;\r\n\r\n    transform:\r\n      scale(.75);\r\n  }\r\n\r\n  100% {\r\n    opacity: 0;\r\n\r\n    transform:\r\n      scale(1.7);\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-seo-problem-story\r\n  .cw-problem-head {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 25px;\r\n  }\r\n\r\n\r\n  #cw-seo-problem-story\r\n  .cw-problem-intro {\r\n    max-width: 680px;\r\n\r\n    margin: 0;\r\n  }\r\n\r\n\r\n  #cw-seo-problem-story\r\n  .cw-problem-flow {\r\n    gap: 14px;\r\n  }\r\n\r\n\r\n  #cw-seo-problem-story\r\n  .cw-problem-point {\r\n    padding-left: 20px;\r\n    padding-right: 20px;\r\n  }\r\n\r\n\r\n  #cw-seo-problem-story\r\n  .cw-problem-takeaway {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 20px;\r\n  }\r\n\r\n\r\n  #cw-seo-problem-story\r\n  .cw-takeaway-copy {\r\n    margin: 0;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n  #cw-seo-problem-story {\r\n    padding:\r\n      68px 0 78px;\r\n  }\r\n\r\n\r\n  #cw-seo-problem-story\r\n  .cw-problem-shell {\r\n    width:\r\n      calc(100% - 28px);\r\n  }\r\n\r\n\r\n  #cw-seo-problem-story\r\n  .cw-problem-head {\r\n    margin-bottom: 38px;\r\n  }\r\n\r\n\r\n  #cw-seo-problem-story\r\n  .cw-story-stage {\r\n    padding:\r\n      20px 16px\r\n      28px;\r\n\r\n    border-radius: 22px;\r\n  }\r\n\r\n\r\n  #cw-seo-problem-story\r\n  .cw-story-top {\r\n    align-items: flex-start;\r\n\r\n    flex-direction: column;\r\n\r\n    gap: 8px;\r\n  }\r\n\r\n\r\n  #cw-seo-problem-story\r\n  .cw-story-note {\r\n    display: none;\r\n  }\r\n\r\n\r\n  #cw-seo-problem-story\r\n  .cw-search-area {\r\n    margin:\r\n      42px auto\r\n      72px;\r\n  }\r\n\r\n\r\n  #cw-seo-problem-story\r\n  .cw-search-caption {\r\n    align-self: flex-start;\r\n\r\n    text-align: left;\r\n\r\n    font-size: 10px;\r\n  }\r\n\r\n\r\n  #cw-seo-problem-story\r\n  .cw-search-start {\r\n    min-height: 60px;\r\n\r\n    padding:\r\n      0 13px;\r\n  }\r\n\r\n\r\n  #cw-seo-problem-story\r\n  .cw-search-query {\r\n    font-size: 13px;\r\n  }\r\n\r\n\r\n  #cw-seo-problem-story\r\n  .cw-search-query-prefix {\r\n    display: none;\r\n  }\r\n\r\n\r\n  #cw-seo-problem-story\r\n  .cw-search-status {\r\n    display: none;\r\n  }\r\n\r\n\r\n  \/* VERTICAL JOURNEY *\/\r\n\r\n  #cw-seo-problem-story\r\n  .cw-problem-flow {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 32px;\r\n\r\n    padding:\r\n      0 0 0 33px;\r\n  }\r\n\r\n\r\n  #cw-seo-problem-story\r\n  .cw-flow-track {\r\n    top: 27px;\r\n    bottom: 27px;\r\n\r\n    left: 28px;\r\n    right: auto;\r\n\r\n    width: 2px;\r\n    height: auto;\r\n  }\r\n\r\n\r\n  #cw-seo-problem-story\r\n  .cw-flow-fill {\r\n    transform:\r\n      scaleY(0);\r\n\r\n    transform-origin:\r\n      top center;\r\n  }\r\n\r\n\r\n  #cw-seo-problem-story.is-playing\r\n  .cw-flow-fill {\r\n    animation:\r\n      cwFlowFillMobile\r\n      2.55s\r\n      cubic-bezier(.2,.75,.25,1)\r\n      forwards;\r\n  }\r\n\r\n\r\n  #cw-seo-problem-story\r\n  .cw-flow-token {\r\n    display: none;\r\n  }\r\n\r\n\r\n  #cw-seo-problem-story\r\n  .cw-problem-point {\r\n    min-height: 0;\r\n\r\n    margin-top: 0;\r\n\r\n    padding:\r\n      25px 20px;\r\n\r\n    border-radius: 19px;\r\n  }\r\n\r\n\r\n  #cw-seo-problem-story\r\n  .cw-point-node-wrap {\r\n    top: 21px;\r\n    left: -33px;\r\n\r\n    transform: none;\r\n  }\r\n\r\n\r\n  #cw-seo-problem-story\r\n  .cw-point-node {\r\n    width: 48px;\r\n    height: 48px;\r\n\r\n    border-width: 6px;\r\n\r\n    font-size: 9px;\r\n  }\r\n\r\n\r\n  #cw-seo-problem-story\r\n  .cw-point-kicker {\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n\r\n  #cw-seo-problem-story\r\n  .cw-problem-point h3 {\r\n    max-width: none;\r\n\r\n    font-size: 22px;\r\n  }\r\n\r\n\r\n  #cw-seo-problem-story\r\n  .cw-problem-point p {\r\n    max-width: none;\r\n\r\n    font-size: 13px;\r\n  }\r\n\r\n\r\n  #cw-seo-problem-story\r\n  .cw-problem-takeaway {\r\n    padding:\r\n      25px 21px;\r\n\r\n    border-radius: 21px;\r\n  }\r\n\r\n\r\n  #cw-seo-problem-story\r\n  .cw-problem-final {\r\n    text-align: left;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* MOBILE FLOW *\/\r\n\r\n@keyframes cwFlowFillMobile {\r\n\r\n  from {\r\n    transform:\r\n      scaleY(0);\r\n  }\r\n\r\n  to {\r\n    transform:\r\n      scaleY(1);\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-seo-problem-story *,\r\n  #cw-seo-problem-story *::before,\r\n  #cw-seo-problem-story *::after {\r\n    animation:\r\n      none !important;\r\n\r\n    transition:\r\n      none !important;\r\n  }\r\n\r\n\r\n  #cw-seo-problem-story\r\n  .cw-reveal {\r\n    opacity: 1 !important;\r\n\r\n    transform: none !important;\r\n  }\r\n\r\n\r\n  #cw-seo-problem-story\r\n  .cw-problem-point {\r\n    opacity: 1;\r\n\r\n    transform: none;\r\n  }\r\n\r\n\r\n  #cw-seo-problem-story\r\n  .cw-point-result,\r\n\r\n  #cw-seo-problem-story\r\n  .cw-competitor-signal,\r\n\r\n  #cw-seo-problem-story\r\n  .cw-lost-signal {\r\n    opacity: 1;\r\n\r\n    transform: none;\r\n  }\r\n\r\n\r\n  #cw-seo-problem-story\r\n  .cw-flow-fill {\r\n    transform:\r\n      scaleX(1);\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<div class=\"cw-problem-shell\">\r\n\r\n\r\n  <!-- HEADER -->\r\n\r\n  <header\r\n    class=\"cw-problem-head cw-reveal\"\r\n  >\r\n\r\n\r\n    <div>\r\n\r\n      <p\r\n        class=\"cw-problem-eyebrow\"\r\n        data-cw-edit\r\n      >\r\n        Das eigentliche Problem\r\n      <\/p>\r\n\r\n\r\n      <h2\r\n        id=\"cw-seo-problem-story-title\"\r\n        class=\"cw-problem-title\"\r\n        data-cw-edit\r\n      >\r\n        Ihre Kunden suchen bereits.\r\n        <span class=\"cw-problem-title-accent\">\r\n          Finden sie auch Ihr Unternehmen?\r\n        <\/span>\r\n      <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <p\r\n      class=\"cw-problem-intro\"\r\n      data-cw-edit\r\n    >\r\n      Jeden Tag werden bei Google konkrete Produkte und\r\n      Dienstleistungen gesucht.\r\n      <strong>\r\n        Erscheint Ihr Unternehmen bei wichtigen Suchanfragen nicht,\r\n        besteht die Nachfrage trotzdem. Die Anfrage kann jedoch bei\r\n        einem Wettbewerber landen, der in diesem Moment besser sichtbar ist.\r\n      <\/strong>\r\n    <\/p>\r\n\r\n\r\n  <\/header>\r\n\r\n\r\n\r\n  <!-- STORY -->\r\n\r\n  <div\r\n    class=\"cw-story-stage cw-reveal\"\r\n  >\r\n\r\n\r\n    <div class=\"cw-story-top\">\r\n\r\n\r\n      <span\r\n        class=\"cw-story-label\"\r\n        data-cw-edit\r\n      >\r\n        Eine typische verlorene Suchchance\r\n      <\/span>\r\n\r\n\r\n      <span\r\n        class=\"cw-story-note\"\r\n        data-cw-edit\r\n      >\r\n        Beispielhafte Customer Journey\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- SEARCH AREA -->\r\n\r\n    <div class=\"cw-search-area\">\r\n\r\n\r\n      <div\r\n        class=\"cw-search-caption\"\r\n        data-cw-edit\r\n      >\r\n        Potenzielle Kunden suchen zum Beispiel nach \u2026\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"cw-search-start\">\r\n\r\n\r\n        <span\r\n          class=\"cw-search-icon\"\r\n          aria-hidden=\"true\"\r\n        ><\/span>\r\n\r\n\r\n        <div class=\"cw-search-query\">\r\n\r\n          <span class=\"cw-search-query-prefix\">\r\n            Suche nach&nbsp;\r\n          <\/span>\r\n\r\n          <span\r\n            class=\"cw-search-query-text\"\r\n            aria-live=\"polite\"\r\n          >\r\n            Elektriker Alzenau\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <span\r\n          class=\"cw-search-cursor\"\r\n          aria-hidden=\"true\"\r\n        ><\/span>\r\n\r\n\r\n        <span\r\n          class=\"cw-search-status\"\r\n          data-cw-edit\r\n        >\r\n          konkreter Bedarf\r\n        <\/span>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n      <div\r\n        class=\"cw-search-down\"\r\n        aria-hidden=\"true\"\r\n      ><\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- JOURNEY -->\r\n\r\n    <div class=\"cw-problem-flow\">\r\n\r\n\r\n      <div\r\n        class=\"cw-flow-track\"\r\n        aria-hidden=\"true\"\r\n      >\r\n        <div class=\"cw-flow-fill\"><\/div>\r\n      <\/div>\r\n\r\n\r\n      <div\r\n        class=\"cw-flow-token\"\r\n        aria-hidden=\"true\"\r\n      ><\/div>\r\n\r\n\r\n\r\n      <!-- STEP 01 -->\r\n\r\n      <article\r\n        class=\"cw-problem-point is-one\"\r\n        data-problem-step=\"0\"\r\n        data-visual-number=\"01\"\r\n      >\r\n\r\n\r\n        <div class=\"cw-point-node-wrap\">\r\n\r\n          <div\r\n            class=\"cw-point-node\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            01\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <span\r\n          class=\"cw-point-kicker\"\r\n          data-cw-edit\r\n        >\r\n          Sichtbarkeit\r\n        <\/span>\r\n\r\n\r\n        <h3 data-cw-edit>\r\n          Gute Leistung, aber bei Google kaum pr\u00e4sent\r\n        <\/h3>\r\n\r\n\r\n        <p data-cw-edit>\r\n          Auch ein etablierter Betrieb kann online \u00fcbersehen werden.\r\n          Wenn die Website bei wichtigen Suchbegriffen nicht sichtbar ist,\r\n          erfahren potenzielle Kunden m\u00f6glicherweise gar nicht, dass ein\r\n          passender Anbieter direkt in der Region vorhanden ist.\r\n        <\/p>\r\n\r\n\r\n        <div class=\"cw-point-results\">\r\n\r\n          <span\r\n            class=\"cw-point-result\"\r\n            data-cw-edit\r\n          >\r\n            Unternehmen wird \u00fcbersehen\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- STEP 02 -->\r\n\r\n      <article\r\n        class=\"cw-problem-point is-two\"\r\n        data-problem-step=\"1\"\r\n        data-visual-number=\"02\"\r\n      >\r\n\r\n\r\n        <div class=\"cw-point-node-wrap\">\r\n\r\n          <div\r\n            class=\"cw-point-node\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            02\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <span\r\n          class=\"cw-point-kicker\"\r\n          data-cw-edit\r\n        >\r\n          Wettbewerb\r\n        <\/span>\r\n\r\n\r\n        <h3 data-cw-edit>\r\n          Ein anderer Anbieter wird zuerst gefunden\r\n        <\/h3>\r\n\r\n\r\n        <p data-cw-edit>\r\n          Die Suche endet nicht, nur weil ein bestimmtes Unternehmen\r\n          nicht erscheint. H\u00e4ufig wird eines der sichtbaren Ergebnisse\r\n          ge\u00f6ffnet, gepr\u00fcft und anschlie\u00dfend kontaktiert.\r\n        <\/p>\r\n\r\n\r\n        <div class=\"cw-point-results\">\r\n\r\n          <span\r\n            class=\"cw-point-result\"\r\n            data-cw-edit\r\n          >\r\n            Nachfrage wandert weiter\r\n          <\/span>\r\n\r\n\r\n          <span\r\n            class=\"cw-competitor-signal\"\r\n            data-cw-edit\r\n          >\r\n            Wettbewerber wird geklickt\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- STEP 03 -->\r\n\r\n      <article\r\n        class=\"cw-problem-point is-three\"\r\n        data-problem-step=\"2\"\r\n        data-visual-number=\"03\"\r\n      >\r\n\r\n\r\n        <div class=\"cw-point-node-wrap\">\r\n\r\n          <div\r\n            class=\"cw-point-node\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            03\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <span\r\n          class=\"cw-point-kicker\"\r\n          data-cw-edit\r\n        >\r\n          Ergebnis\r\n        <\/span>\r\n\r\n\r\n        <h3 data-cw-edit>\r\n          Eine m\u00f6gliche Anfrage geht verloren\r\n        <\/h3>\r\n\r\n\r\n        <p data-cw-edit>\r\n          Hinter lokalen Suchanfragen stehen Menschen mit einem\r\n          konkreten Bedarf. Wer bei diesen Suchanfragen regelm\u00e4\u00dfig\r\n          nicht sichtbar ist, l\u00e4sst deshalb auch potenzielle Auftr\u00e4ge\r\n          und Umsatzchancen ungenutzt.\r\n        <\/p>\r\n\r\n\r\n        <div class=\"cw-point-results\">\r\n\r\n          <span\r\n            class=\"cw-point-result\"\r\n            data-cw-edit\r\n          >\r\n            Potenzieller Kunde verloren\r\n          <\/span>\r\n\r\n\r\n          <span\r\n            class=\"cw-lost-signal\"\r\n            data-cw-edit\r\n          >\r\n            Umsatzchance geht verloren\r\n          <\/span>\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  <!-- TAKEAWAY -->\r\n\r\n  <div\r\n    class=\"cw-problem-takeaway cw-reveal\"\r\n  >\r\n\r\n\r\n    <div>\r\n\r\n      <span\r\n        class=\"cw-takeaway-small\"\r\n        data-cw-edit\r\n      >\r\n        Der entscheidende Unterschied\r\n      <\/span>\r\n\r\n\r\n      <h3 data-cw-edit>\r\n        SEO erzeugt den Bedarf nicht.\r\n        Es macht Ihr Unternehmen bei bestehender Nachfrage sichtbar.\r\n      <\/h3>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <p\r\n      class=\"cw-takeaway-copy\"\r\n      data-cw-edit\r\n    >\r\n      Wer nach einem <strong>Elektriker in Alzenau, einem Steuerberater,\r\n      K\u00fcchenstudio, Immobilienmakler oder einer anderen konkreten Leistung<\/strong>\r\n      sucht, besch\u00e4ftigt sich bereits mit einem Bedarf. Gute SEO erh\u00f6ht die Chance,\r\n      dass Ihr Unternehmen bei dieser Suche gefunden und als passender Anbieter\r\n      ber\u00fccksichtigt wird.\r\n    <\/p>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- FINAL -->\r\n\r\n  <div\r\n    class=\"cw-problem-final cw-reveal\"\r\n  >\r\n\r\n\r\n    <span\r\n      class=\"cw-problem-final-label\"\r\n      data-cw-edit\r\n    >\r\n      Deshalb ist Sichtbarkeit wirtschaftlich relevant\r\n    <\/span>\r\n\r\n\r\n    <h3 data-cw-edit>\r\n      Die entscheidende Frage lautet nicht, ob gesucht wird.\r\n      <span>Sondern welches Unternehmen gefunden wird.<\/span>\r\n    <\/h3>\r\n\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\r\n  const section =\r\n    document.getElementById(\r\n      \"cw-seo-problem-story\"\r\n    );\r\n\r\n\r\n  if (\r\n    !section ||\r\n    section.dataset.cwProblemStoryReady === \"true\"\r\n  ) {\r\n    return;\r\n  }\r\n\r\n\r\n  section.dataset.cwProblemStoryReady =\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\r\n  \/* ======================================================\r\n     TYPEWRITER SEARCH EXAMPLES\r\n     ====================================================== *\/\r\n\r\n  const searchText =\r\n    section.querySelector(\r\n      \".cw-search-query-text\"\r\n    );\r\n\r\n\r\n  const examples = [\r\n\r\n    \"Elektriker Alzenau\",\r\n\r\n    \"Steuerberater Alzenau\",\r\n\r\n    \"K\u00fcchenstudio Alzenau\",\r\n\r\n    \"Immobilienmakler Alzenau\",\r\n\r\n    \"Physiotherapie Alzenau\",\r\n\r\n    \"Dachdecker Alzenau\",\r\n\r\n    \"Webdesigner Alzenau\",\r\n\r\n    \"Energieberater Alzenau\",\r\n\r\n    \"Geb\u00e4udereinigung Alzenau\",\r\n\r\n    \"Rechtsanwalt Alzenau\"\r\n\r\n  ];\r\n\r\n\r\n  let exampleIndex = 0;\r\n\r\n  let characterIndex = 0;\r\n\r\n  let deleting = false;\r\n\r\n  let typingTimer = null;\r\n\r\n\r\n\r\n  const typeSearch =\r\n    () => {\r\n\r\n\r\n      if (\r\n        !searchText ||\r\n        reducedMotion\r\n      ) {\r\n        return;\r\n      }\r\n\r\n\r\n      const word =\r\n        examples[\r\n          exampleIndex\r\n        ];\r\n\r\n\r\n      if (!deleting) {\r\n\r\n        characterIndex++;\r\n\r\n\r\n        searchText.textContent =\r\n          word.substring(\r\n            0,\r\n            characterIndex\r\n          );\r\n\r\n\r\n        if (\r\n          characterIndex >=\r\n          word.length\r\n        ) {\r\n\r\n          deleting = true;\r\n\r\n\r\n          typingTimer =\r\n            window.setTimeout(\r\n              typeSearch,\r\n              1600\r\n            );\r\n\r\n\r\n          return;\r\n\r\n        }\r\n\r\n\r\n        typingTimer =\r\n          window.setTimeout(\r\n            typeSearch,\r\n            58\r\n          );\r\n\r\n\r\n      } else {\r\n\r\n\r\n        characterIndex--;\r\n\r\n\r\n        searchText.textContent =\r\n          word.substring(\r\n            0,\r\n            characterIndex\r\n          );\r\n\r\n\r\n        if (\r\n          characterIndex <= 0\r\n        ) {\r\n\r\n          deleting = false;\r\n\r\n\r\n          exampleIndex =\r\n            (\r\n              exampleIndex + 1\r\n            ) %\r\n            examples.length;\r\n\r\n\r\n          typingTimer =\r\n            window.setTimeout(\r\n              typeSearch,\r\n              300\r\n            );\r\n\r\n\r\n          return;\r\n\r\n        }\r\n\r\n\r\n        typingTimer =\r\n          window.setTimeout(\r\n            typeSearch,\r\n            30\r\n          );\r\n\r\n      }\r\n\r\n    };\r\n\r\n\r\n\r\n  if (\r\n    searchText &&\r\n    !reducedMotion\r\n  ) {\r\n\r\n    searchText.textContent = \"\";\r\n\r\n\r\n    window.setTimeout(\r\n      typeSearch,\r\n      500\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* ======================================================\r\n     STORY\r\n     ====================================================== *\/\r\n\r\n  const points =\r\n    Array.from(\r\n      section.querySelectorAll(\r\n        \".cw-problem-point\"\r\n      )\r\n    );\r\n\r\n\r\n  let storyStarted =\r\n    false;\r\n\r\n\r\n  let storyTimers =\r\n    [];\r\n\r\n\r\n  const clearStoryTimers =\r\n    () => {\r\n\r\n      storyTimers.forEach(\r\n        timer =>\r\n          window.clearTimeout(\r\n            timer\r\n          )\r\n      );\r\n\r\n\r\n      storyTimers = [];\r\n\r\n    };\r\n\r\n\r\n\r\n  const setStoryStep =\r\n    activeIndex => {\r\n\r\n\r\n      points.forEach(\r\n        (point, index) => {\r\n\r\n\r\n          point.classList.remove(\r\n            \"is-current\",\r\n            \"is-passed\"\r\n          );\r\n\r\n\r\n          if (\r\n            index < activeIndex\r\n          ) {\r\n\r\n            point.classList.add(\r\n              \"is-passed\"\r\n            );\r\n\r\n          }\r\n\r\n\r\n          if (\r\n            index === activeIndex\r\n          ) {\r\n\r\n            point.classList.add(\r\n              \"is-current\"\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  const finishStory =\r\n    () => {\r\n\r\n\r\n      points.forEach(\r\n        point => {\r\n\r\n          point.classList.remove(\r\n            \"is-current\"\r\n          );\r\n\r\n\r\n          point.classList.add(\r\n            \"is-passed\"\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n    };\r\n\r\n\r\n\r\n  const playStory =\r\n    () => {\r\n\r\n\r\n      if (\r\n        storyStarted ||\r\n        reducedMotion\r\n      ) {\r\n        return;\r\n      }\r\n\r\n\r\n      storyStarted = true;\r\n\r\n\r\n      clearStoryTimers();\r\n\r\n\r\n      section.classList.add(\r\n        \"is-playing\"\r\n      );\r\n\r\n\r\n      setStoryStep(-1);\r\n\r\n\r\n      storyTimers.push(\r\n\r\n        window.setTimeout(\r\n          () => {\r\n            setStoryStep(0);\r\n          },\r\n          350\r\n        )\r\n\r\n      );\r\n\r\n\r\n      storyTimers.push(\r\n\r\n        window.setTimeout(\r\n          () => {\r\n            setStoryStep(1);\r\n          },\r\n          1250\r\n        )\r\n\r\n      );\r\n\r\n\r\n      storyTimers.push(\r\n\r\n        window.setTimeout(\r\n          () => {\r\n            setStoryStep(2);\r\n          },\r\n          2200\r\n        )\r\n\r\n      );\r\n\r\n\r\n      storyTimers.push(\r\n\r\n        window.setTimeout(\r\n          () => {\r\n            finishStory();\r\n          },\r\n          3400\r\n        )\r\n\r\n      );\r\n\r\n    };\r\n\r\n\r\n\r\n  \/* ======================================================\r\n     HOVER\r\n     ====================================================== *\/\r\n\r\n  points.forEach(\r\n    point => {\r\n\r\n\r\n      point.addEventListener(\r\n        \"mouseenter\",\r\n        () => {\r\n\r\n          points.forEach(\r\n            item =>\r\n              item.classList.remove(\r\n                \"is-current\"\r\n              )\r\n          );\r\n\r\n\r\n          point.classList.remove(\r\n            \"is-passed\"\r\n          );\r\n\r\n\r\n          point.classList.add(\r\n            \"is-current\"\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n\r\n      point.addEventListener(\r\n        \"mouseleave\",\r\n        () => {\r\n\r\n          finishStory();\r\n\r\n        }\r\n      );\r\n\r\n\r\n    }\r\n  );\r\n\r\n\r\n\r\n  \/* ======================================================\r\n     REVEAL\r\n     ====================================================== *\/\r\n\r\n  const revealItems =\r\n    Array.from(\r\n      section.querySelectorAll(\r\n        \".cw-reveal\"\r\n      )\r\n    );\r\n\r\n\r\n  if (reducedMotion) {\r\n\r\n\r\n    revealItems.forEach(\r\n      item =>\r\n        item.classList.add(\r\n          \"is-visible\"\r\n        )\r\n    );\r\n\r\n\r\n    points.forEach(\r\n      point =>\r\n        point.classList.add(\r\n          \"is-passed\"\r\n        )\r\n    );\r\n\r\n\r\n    return;\r\n\r\n  }\r\n\r\n\r\n  section.classList.add(\r\n    \"cw-js-ready\"\r\n  );\r\n\r\n\r\n\r\n  if (\r\n    \"IntersectionObserver\" in window\r\n  ) {\r\n\r\n\r\n    const revealObserver =\r\n      new IntersectionObserver(\r\n\r\n        entries => {\r\n\r\n          entries.forEach(\r\n            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                revealObserver.unobserve(\r\n                  entry.target\r\n                );\r\n\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 -4% 0px\"\r\n        }\r\n\r\n      );\r\n\r\n\r\n    revealItems.forEach(\r\n      item =>\r\n        revealObserver.observe(\r\n          item\r\n        )\r\n    );\r\n\r\n\r\n\r\n    const stage =\r\n      section.querySelector(\r\n        \".cw-story-stage\"\r\n      );\r\n\r\n\r\n    if (stage) {\r\n\r\n\r\n      const storyObserver =\r\n        new IntersectionObserver(\r\n\r\n          entries => {\r\n\r\n            entries.forEach(\r\n              entry => {\r\n\r\n                if (\r\n                  entry.isIntersecting\r\n                ) {\r\n\r\n                  playStory();\r\n\r\n                  storyObserver.disconnect();\r\n\r\n                }\r\n\r\n              }\r\n            );\r\n\r\n          },\r\n\r\n          {\r\n            threshold: .24\r\n          }\r\n\r\n        );\r\n\r\n\r\n      storyObserver.observe(\r\n        stage\r\n      );\r\n\r\n    }\r\n\r\n\r\n  } else {\r\n\r\n\r\n    revealItems.forEach(\r\n      item =>\r\n        item.classList.add(\r\n          \"is-visible\"\r\n        )\r\n    );\r\n\r\n\r\n    playStory();\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-69d4454 elementor-widget elementor-widget-html\" data-id=\"69d4454\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"cw-seo-components\" aria-labelledby=\"cw-seo-components-title\">\r\n\r\n<style>\r\n#cw-seo-components,\r\n#cw-seo-components *,\r\n#cw-seo-components *::before,\r\n#cw-seo-components *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#cw-seo-components {\r\n  --cw-dark: #08111f;\r\n  --cw-text: #536078;\r\n  --cw-muted: #7a8799;\r\n  --cw-blue: #286fff;\r\n  --cw-cyan: #09b5cb;\r\n  --cw-violet: #755cff;\r\n  --cw-green: #18a97a;\r\n\r\n  position: relative;\r\n  isolation: isolate;\r\n  width: 100%;\r\n  overflow: clip;\r\n\r\n  padding:\r\n    clamp(80px, 8vw, 120px)\r\n    0\r\n    clamp(90px, 10vw, 145px);\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 50% 18%,\r\n      rgba(40,111,255,.075),\r\n      transparent 30%\r\n    ),\r\n    radial-gradient(\r\n      circle at 15% 62%,\r\n      rgba(117,92,255,.045),\r\n      transparent 25%\r\n    ),\r\n    radial-gradient(\r\n      circle at 85% 72%,\r\n      rgba(9,181,203,.045),\r\n      transparent 25%\r\n    ),\r\n    linear-gradient(\r\n      180deg,\r\n      #fbfcff 0%,\r\n      #ffffff 46%,\r\n      #f7f9fd 100%\r\n    );\r\n\r\n  color: var(--cw-text);\r\n}\r\n\r\n\r\n\/* BACKGROUND GRID *\/\r\n\r\n#cw-seo-components::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -2;\r\n\r\n  opacity: .3;\r\n\r\n  background-image:\r\n    linear-gradient(\r\n      rgba(7,16,31,.023) 1px,\r\n      transparent 1px\r\n    ),\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(7,16,31,.023) 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 14%,\r\n      #000 88%,\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 14%,\r\n      #000 88%,\r\n      transparent\r\n    );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* WRAPPER *\/\r\n\r\n#cw-seo-components .cw-seo-components-shell {\r\n  width: min(1100px, calc(100% - 40px));\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* HEADER *\/\r\n\r\n#cw-seo-components .cw-seo-components-head {\r\n  max-width: 820px;\r\n\r\n  margin:\r\n    0 auto\r\n    clamp(60px, 8vw, 95px);\r\n\r\n  text-align: center;\r\n}\r\n\r\n\r\n#cw-seo-components .cw-seo-components-kicker {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  gap: 9px;\r\n\r\n  margin: 0 0 17px;\r\n\r\n  color: var(--cw-blue);\r\n\r\n  font-size: 11px;\r\n  font-weight: 850;\r\n  line-height: 1;\r\n\r\n  letter-spacing: .15em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n#cw-seo-components .cw-seo-components-kicker::before {\r\n  content: \"\";\r\n\r\n  width: 27px;\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,.18);\r\n}\r\n\r\n\r\n#cw-seo-components .cw-seo-components-head h2 {\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n\r\n  color: var(--cw-dark);\r\n\r\n  font-size:\r\n    clamp(\r\n      38px,\r\n      5vw,\r\n      62px\r\n    );\r\n\r\n  font-weight: 860;\r\n  line-height: 1.04;\r\n\r\n  letter-spacing: -.052em;\r\n\r\n  text-wrap: balance;\r\n}\r\n\r\n\r\n#cw-seo-components .cw-seo-components-head h2 span {\r\n  color: transparent;\r\n\r\n  background:\r\n    linear-gradient(\r\n      105deg,\r\n      #286fff 0%,\r\n      #09b5cb 40%,\r\n      #755cff 75%,\r\n      #286fff 100%\r\n    );\r\n\r\n  background-size: 220% 100%;\r\n\r\n  background-clip: text;\r\n  -webkit-background-clip: text;\r\n\r\n  animation:\r\n    cwSeoComponentsGradient\r\n    8s ease-in-out infinite;\r\n}\r\n\r\n\r\n#cw-seo-components .cw-seo-components-intro {\r\n  max-width: 650px;\r\n  margin: 21px auto 0;\r\n\r\n  color: var(--cw-text);\r\n\r\n  font-size:\r\n    clamp(\r\n      15px,\r\n      1.4vw,\r\n      17px\r\n    );\r\n\r\n  line-height: 1.72;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STACK\r\n   ========================================================= *\/\r\n\r\n#cw-seo-components .cw-seo-stack {\r\n  position: relative;\r\n\r\n  max-width: 920px;\r\n\r\n  margin: 0 auto;\r\n\r\n  padding-bottom:\r\n    clamp(40px, 7vh, 80px);\r\n\r\n  counter-reset: cwComponent;\r\n}\r\n\r\n\r\n\/* SOFT LIGHT *\/\r\n\r\n#cw-seo-components .cw-seo-stack::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  z-index: -1;\r\n\r\n  left: 50%;\r\n  top: 20%;\r\n\r\n  width: 115%;\r\n  height: 70%;\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      ellipse,\r\n      rgba(40,111,255,.07),\r\n      rgba(117,92,255,.025) 45%,\r\n      transparent 72%\r\n    );\r\n\r\n  filter: blur(25px);\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* CARD *\/\r\n\r\n#cw-seo-components .cw-seo-stack-card {\r\n  --cw-component-color: 40,111,255;\r\n  --cw-stack-index: 0;\r\n\r\n  position: sticky;\r\n\r\n  top:\r\n    calc(\r\n      90px +\r\n      (var(--cw-stack-index) * 18px)\r\n    );\r\n\r\n  z-index:\r\n    calc(\r\n      10 +\r\n      var(--cw-stack-index)\r\n    );\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    auto minmax(0,1fr);\r\n\r\n  gap:\r\n    clamp(20px, 3vw, 36px);\r\n\r\n  align-items: center;\r\n\r\n  width: 100%;\r\n\r\n  min-height:\r\n    clamp(250px, 27vw, 310px);\r\n\r\n  margin-bottom:\r\n    clamp(100px, 16vh, 180px);\r\n\r\n  padding:\r\n    clamp(28px, 4vw, 47px);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--cw-component-color),.12);\r\n\r\n  border-radius:\r\n    clamp(25px, 3vw, 34px);\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(255,255,255,.96),\r\n      rgba(250,252,255,.93)\r\n    );\r\n\r\n  box-shadow:\r\n    0 28px 65px rgba(17,43,82,.09),\r\n    0 8px 22px rgba(17,43,82,.035),\r\n    inset 0 1px 0 rgba(255,255,255,.9);\r\n\r\n  backdrop-filter: blur(18px);\r\n  -webkit-backdrop-filter: blur(18px);\r\n\r\n  overflow: hidden;\r\n\r\n  transition:\r\n    transform .35s ease,\r\n    border-color .35s ease,\r\n    box-shadow .35s ease;\r\n\r\n  counter-increment: cwComponent;\r\n}\r\n\r\n\r\n\/* COLORS *\/\r\n\r\n#cw-seo-components .cw-seo-stack-card:nth-child(1) {\r\n  --cw-component-color: 40,111,255;\r\n  --cw-stack-index: 0;\r\n}\r\n\r\n#cw-seo-components .cw-seo-stack-card:nth-child(2) {\r\n  --cw-component-color: 117,92,255;\r\n  --cw-stack-index: 1;\r\n}\r\n\r\n#cw-seo-components .cw-seo-stack-card:nth-child(3) {\r\n  --cw-component-color: 9,181,203;\r\n  --cw-stack-index: 2;\r\n}\r\n\r\n#cw-seo-components .cw-seo-stack-card:nth-child(4) {\r\n  --cw-component-color: 24,169,122;\r\n  --cw-stack-index: 3;\r\n}\r\n\r\n\r\n\/* EXTRA SCROLL ROOM FOR FINAL CARD *\/\r\n\r\n#cw-seo-components .cw-seo-stack-release {\r\n  width: 100%;\r\n\r\n  height:\r\n    clamp(\r\n      120px,\r\n      18vh,\r\n      210px\r\n    );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* CARD GLOW *\/\r\n\r\n#cw-seo-components .cw-seo-stack-card::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  width: 300px;\r\n  height: 300px;\r\n\r\n  right: -110px;\r\n  top: -130px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(var(--cw-component-color),.12),\r\n      rgba(var(--cw-component-color),.025) 48%,\r\n      transparent 70%\r\n    );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* LARGE NUMBER *\/\r\n\r\n#cw-seo-components .cw-seo-stack-card::after {\r\n  content: \"0\" counter(cwComponent);\r\n\r\n  position: absolute;\r\n\r\n  right:\r\n    clamp(20px, 4vw, 42px);\r\n\r\n  bottom: -24px;\r\n\r\n  color:\r\n    rgba(var(--cw-component-color),.04);\r\n\r\n  font-size:\r\n    clamp(\r\n      100px,\r\n      14vw,\r\n      170px\r\n    );\r\n\r\n  font-weight: 900;\r\n  line-height: 1;\r\n\r\n  letter-spacing: -.08em;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* ICON *\/\r\n\r\n#cw-seo-components .cw-seo-component-icon {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width:\r\n    clamp(\r\n      68px,\r\n      8vw,\r\n      88px\r\n    );\r\n\r\n  height:\r\n    clamp(\r\n      68px,\r\n      8vw,\r\n      88px\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--cw-component-color),.12);\r\n\r\n  border-radius:\r\n    clamp(19px, 2vw, 25px);\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(var(--cw-component-color),.10),\r\n      rgba(var(--cw-component-color),.025)\r\n    );\r\n\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,.85),\r\n    0 12px 30px rgba(var(--cw-component-color),.08);\r\n}\r\n\r\n\r\n#cw-seo-components .cw-seo-component-icon svg {\r\n  width: 39%;\r\n  height: 39%;\r\n\r\n  fill: none;\r\n\r\n  stroke:\r\n    rgb(var(--cw-component-color));\r\n\r\n  stroke-width: 1.8;\r\n\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\r\n\/* CONTENT *\/\r\n\r\n#cw-seo-components .cw-seo-component-content {\r\n  position: relative;\r\n\r\n  z-index: 3;\r\n\r\n  min-width: 0;\r\n}\r\n\r\n\r\n#cw-seo-components .cw-seo-component-topline {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n\r\n  gap: 10px;\r\n\r\n  margin-bottom: 11px;\r\n}\r\n\r\n\r\n#cw-seo-components .cw-seo-component-number {\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  min-height: 27px;\r\n\r\n  padding: 0 10px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--cw-component-color),.12);\r\n\r\n  border-radius: 999px;\r\n\r\n  background:\r\n    rgba(var(--cw-component-color),.055);\r\n\r\n  color:\r\n    rgb(var(--cw-component-color));\r\n\r\n  font-size: 9px;\r\n  font-weight: 850;\r\n\r\n  letter-spacing: .11em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n#cw-seo-components .cw-seo-component-label {\r\n  color: #8994a5;\r\n\r\n  font-size: 10px;\r\n  font-weight: 780;\r\n\r\n  letter-spacing: .08em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n#cw-seo-components .cw-seo-component-content h3 {\r\n  margin: 0 0 11px;\r\n\r\n  color: var(--cw-dark);\r\n\r\n  font-size:\r\n    clamp(\r\n      25px,\r\n      3vw,\r\n      35px\r\n    );\r\n\r\n  font-weight: 830;\r\n  line-height: 1.1;\r\n\r\n  letter-spacing: -.038em;\r\n}\r\n\r\n\r\n#cw-seo-components .cw-seo-component-content p {\r\n  max-width: 650px;\r\n\r\n  margin: 0;\r\n\r\n  color: #627086;\r\n\r\n  font-size:\r\n    clamp(\r\n      14px,\r\n      1.4vw,\r\n      16px\r\n    );\r\n\r\n  line-height: 1.7;\r\n}\r\n\r\n\r\n\/* TAGS *\/\r\n\r\n#cw-seo-components .cw-seo-component-tags {\r\n  display: flex;\r\n\r\n  flex-wrap: wrap;\r\n\r\n  gap: 7px;\r\n\r\n  margin-top: 20px;\r\n}\r\n\r\n\r\n#cw-seo-components .cw-seo-component-tags span {\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  min-height: 30px;\r\n\r\n  padding: 0 11px;\r\n\r\n  border-radius: 999px;\r\n\r\n  background:\r\n    rgba(var(--cw-component-color),.05);\r\n\r\n  color: #667286;\r\n\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n\r\n  white-space: nowrap;\r\n}\r\n\r\n\r\n\/* HOVER *\/\r\n\r\n@media (hover:hover) and (pointer:fine) {\r\n\r\n  #cw-seo-components .cw-seo-stack-card:hover {\r\n    transform: translateY(-3px);\r\n\r\n    border-color:\r\n      rgba(var(--cw-component-color),.22);\r\n\r\n    box-shadow:\r\n      0 32px 72px rgba(17,43,82,.115),\r\n      0 10px 25px rgba(17,43,82,.04);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FINAL BUNDLE\r\n   ========================================================= *\/\r\n\r\n#cw-seo-components .cw-seo-bundle {\r\n  position: relative;\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  align-items: center;\r\n\r\n  max-width: 700px;\r\n\r\n  margin:\r\n    clamp(30px, 5vw, 60px)\r\n    auto 0;\r\n\r\n  text-align: center;\r\n}\r\n\r\n\r\n#cw-seo-components .cw-seo-bundle-dots {\r\n  position: relative;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  margin-bottom: 22px;\r\n}\r\n\r\n\r\n#cw-seo-components .cw-seo-bundle-dot {\r\n  width: 17px;\r\n  height: 17px;\r\n\r\n  margin-left: -3px;\r\n\r\n  border: 3px solid #fff;\r\n\r\n  border-radius: 50%;\r\n\r\n  box-shadow:\r\n    0 5px 14px\r\n    rgba(17,43,82,.10);\r\n}\r\n\r\n\r\n#cw-seo-components .cw-seo-bundle-dot:nth-child(1) {\r\n  margin-left: 0;\r\n  background: var(--cw-blue);\r\n}\r\n\r\n#cw-seo-components .cw-seo-bundle-dot:nth-child(2) {\r\n  background: var(--cw-violet);\r\n}\r\n\r\n#cw-seo-components .cw-seo-bundle-dot:nth-child(3) {\r\n  background: var(--cw-cyan);\r\n}\r\n\r\n#cw-seo-components .cw-seo-bundle-dot:nth-child(4) {\r\n  background: var(--cw-green);\r\n}\r\n\r\n\r\n#cw-seo-components .cw-seo-bundle-label {\r\n  margin: 0 0 10px;\r\n\r\n  color: #778499;\r\n\r\n  font-size: 10px;\r\n  font-weight: 830;\r\n\r\n  letter-spacing: .13em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n#cw-seo-components .cw-seo-bundle h3 {\r\n  margin: 0;\r\n\r\n  color: var(--cw-dark);\r\n\r\n  font-size:\r\n    clamp(\r\n      28px,\r\n      4vw,\r\n      44px\r\n    );\r\n\r\n  font-weight: 850;\r\n  line-height: 1.08;\r\n\r\n  letter-spacing: -.045em;\r\n\r\n  text-wrap: balance;\r\n}\r\n\r\n\r\n#cw-seo-components .cw-seo-bundle h3 span {\r\n  color: var(--cw-blue);\r\n}\r\n\r\n\r\n#cw-seo-components .cw-seo-bundle p {\r\n  max-width: 580px;\r\n\r\n  margin: 17px auto 0;\r\n\r\n  color: #68758a;\r\n\r\n  font-size:\r\n    clamp(\r\n      14px,\r\n      1.3vw,\r\n      16px\r\n    );\r\n\r\n  line-height: 1.7;\r\n}\r\n\r\n\r\n\/* ANIMATION *\/\r\n\r\n@keyframes cwSeoComponentsGradient {\r\n\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\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n  #cw-seo-components {\r\n    padding:\r\n      65px 0\r\n      90px;\r\n  }\r\n\r\n\r\n  #cw-seo-components .cw-seo-components-shell {\r\n    width:\r\n      calc(100% - 28px);\r\n  }\r\n\r\n\r\n  #cw-seo-components .cw-seo-components-head {\r\n    margin-bottom: 55px;\r\n\r\n    text-align: left;\r\n  }\r\n\r\n\r\n  #cw-seo-components .cw-seo-components-kicker {\r\n    justify-content: flex-start;\r\n  }\r\n\r\n\r\n  #cw-seo-components .cw-seo-components-head h2 {\r\n    font-size:\r\n      clamp(\r\n        35px,\r\n        10vw,\r\n        48px\r\n      );\r\n  }\r\n\r\n\r\n  #cw-seo-components .cw-seo-components-intro {\r\n    margin-left: 0;\r\n  }\r\n\r\n\r\n  #cw-seo-components .cw-seo-stack-card {\r\n    top:\r\n      calc(\r\n        70px +\r\n        (var(--cw-stack-index) * 12px)\r\n      );\r\n\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 20px;\r\n\r\n    min-height: 330px;\r\n\r\n    margin-bottom: 100px;\r\n\r\n    padding: 25px;\r\n\r\n    border-radius: 25px;\r\n  }\r\n\r\n\r\n  #cw-seo-components .cw-seo-stack-release {\r\n    height: 120px;\r\n  }\r\n\r\n\r\n  #cw-seo-components .cw-seo-component-icon {\r\n    width: 60px;\r\n    height: 60px;\r\n\r\n    border-radius: 18px;\r\n  }\r\n\r\n\r\n  #cw-seo-components .cw-seo-component-content h3 {\r\n    font-size: 26px;\r\n  }\r\n\r\n\r\n  #cw-seo-components .cw-seo-component-tags {\r\n    margin-top: 16px;\r\n  }\r\n\r\n\r\n  #cw-seo-components .cw-seo-stack-card::after {\r\n    right: 13px;\r\n    bottom: -12px;\r\n\r\n    font-size: 110px;\r\n  }\r\n\r\n\r\n  #cw-seo-components .cw-seo-bundle {\r\n    align-items: flex-start;\r\n\r\n    text-align: left;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* REDUCED MOTION *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  #cw-seo-components *,\r\n  #cw-seo-components *::before,\r\n  #cw-seo-components *::after {\r\n    animation: none !important;\r\n    transition: none !important;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"cw-seo-components-shell\">\r\n\r\n\r\n  <header class=\"cw-seo-components-head\">\r\n\r\n    <p\r\n      class=\"cw-seo-components-kicker\"\r\n      data-cw-edit\r\n    >\r\n      SEO als Gesamtsystem\r\n    <\/p>\r\n\r\n    <h2\r\n      id=\"cw-seo-components-title\"\r\n      data-cw-edit\r\n    >\r\n      Gute SEO entsteht durch\r\n      <span>\r\n        das Zusammenspiel mehrerer Komponenten.\r\n      <\/span>\r\n    <\/h2>\r\n\r\n    <p\r\n      class=\"cw-seo-components-intro\"\r\n      data-cw-edit\r\n    >\r\n      F\u00fcr dauerhaft bessere Sichtbarkeit reicht es selten aus, nur einzelne\r\n      Texte anzupassen oder einige Keywords einzubauen. Entscheidend ist, dass\r\n      Strategie, Inhalte, Technik und laufende Optimierung gemeinsam auf\r\n      relevante Suchanfragen und die Bed\u00fcrfnisse potenzieller Kunden\r\n      ausgerichtet sind.\r\n    <\/p>\r\n\r\n  <\/header>\r\n\r\n\r\n  <div class=\"cw-seo-stack\">\r\n\r\n\r\n    <article class=\"cw-seo-stack-card\">\r\n\r\n      <div\r\n        class=\"cw-seo-component-icon\"\r\n        aria-hidden=\"true\"\r\n      >\r\n        <svg viewBox=\"0 0 32 32\">\r\n          <circle cx=\"14\" cy=\"14\" r=\"8\"><\/circle>\r\n          <path d=\"M20 20l7 7\"><\/path>\r\n          <path d=\"M10 14h8\"><\/path>\r\n          <path d=\"M14 10v8\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n\r\n      <div class=\"cw-seo-component-content\">\r\n\r\n        <div class=\"cw-seo-component-topline\">\r\n\r\n          <span\r\n            class=\"cw-seo-component-number\"\r\n            data-cw-edit\r\n          >\r\n            Komponente 01\r\n          <\/span>\r\n\r\n          <span\r\n            class=\"cw-seo-component-label\"\r\n            data-cw-edit\r\n          >\r\n            Fundament\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <h3 data-cw-edit>\r\n          Strategie &amp; Keyword Fokus\r\n        <\/h3>\r\n\r\n        <p data-cw-edit>\r\n          Am Anfang steht die Frage, wonach potenzielle Kunden in Alzenau\r\n          und der Umgebung tats\u00e4chlich suchen. Daraus werden Suchbegriffe und\r\n          Themen ausgew\u00e4hlt, die nicht nur Besucher bringen k\u00f6nnen, sondern\r\n          m\u00f6glichst nah an den angebotenen Leistungen und einer m\u00f6glichen\r\n          Anfrage liegen.\r\n        <\/p>\r\n\r\n        <div class=\"cw-seo-component-tags\">\r\n          <span data-cw-edit>Suchintention<\/span>\r\n          <span data-cw-edit>Wettbewerb<\/span>\r\n          <span data-cw-edit>Keywords<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <article class=\"cw-seo-stack-card\">\r\n\r\n      <div\r\n        class=\"cw-seo-component-icon\"\r\n        aria-hidden=\"true\"\r\n      >\r\n        <svg viewBox=\"0 0 32 32\">\r\n          <path d=\"M7 6h18\"><\/path>\r\n          <path d=\"M7 12h12\"><\/path>\r\n          <path d=\"M7 18h18\"><\/path>\r\n          <path d=\"M7 24h14\"><\/path>\r\n          <circle cx=\"25\" cy=\"24\" r=\"3\"><\/circle>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n\r\n      <div class=\"cw-seo-component-content\">\r\n\r\n        <div class=\"cw-seo-component-topline\">\r\n\r\n          <span\r\n            class=\"cw-seo-component-number\"\r\n            data-cw-edit\r\n          >\r\n            Komponente 02\r\n          <\/span>\r\n\r\n          <span\r\n            class=\"cw-seo-component-label\"\r\n            data-cw-edit\r\n          >\r\n            Sichtbarkeit aufbauen\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <h3 data-cw-edit>\r\n          Inhalte &amp; Landing Pages\r\n        <\/h3>\r\n\r\n        <p data-cw-edit>\r\n          F\u00fcr wichtige Leistungen, Themen und regionale Suchanfragen\r\n          entstehen passende Seiten. So kann eine Website beispielsweise nicht\r\n          nur allgemein f\u00fcr eine Leistung sichtbar werden, sondern gezielt f\u00fcr\r\n          Suchanfragen mit Bezug zu Alzenau und relevanten Orten im direkten\r\n          Einzugsgebiet.\r\n        <\/p>\r\n\r\n        <div class=\"cw-seo-component-tags\">\r\n          <span data-cw-edit>Landing Pages<\/span>\r\n          <span data-cw-edit>Inhalte<\/span>\r\n          <span data-cw-edit>Interne Verlinkung<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <article class=\"cw-seo-stack-card\">\r\n\r\n      <div\r\n        class=\"cw-seo-component-icon\"\r\n        aria-hidden=\"true\"\r\n      >\r\n        <svg viewBox=\"0 0 32 32\">\r\n          <path d=\"M16 4l9 4v7c0 6-3.5 10-9 13-5.5-3-9-7-9-13V8l9-4z\"><\/path>\r\n          <path d=\"M12 16l3 3 6-7\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n\r\n      <div class=\"cw-seo-component-content\">\r\n\r\n        <div class=\"cw-seo-component-topline\">\r\n\r\n          <span\r\n            class=\"cw-seo-component-number\"\r\n            data-cw-edit\r\n          >\r\n            Komponente 03\r\n          <\/span>\r\n\r\n          <span\r\n            class=\"cw-seo-component-label\"\r\n            data-cw-edit\r\n          >\r\n            Grundlage\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <h3 data-cw-edit>\r\n          Technik &amp; Nutzererfahrung\r\n        <\/h3>\r\n\r\n        <p data-cw-edit>\r\n          Eine schnelle, technisch saubere und verst\u00e4ndlich aufgebaute\r\n          Website erleichtert sowohl Google als auch Besuchern den Zugang zu\r\n          den wichtigsten Informationen. Leistungen, Vorteile und\r\n          Kontaktm\u00f6glichkeiten sollten schnell erkennbar sein, besonders auf\r\n          dem Smartphone.\r\n        <\/p>\r\n\r\n        <div class=\"cw-seo-component-tags\">\r\n          <span data-cw-edit>Technisches SEO<\/span>\r\n          <span data-cw-edit>Performance<\/span>\r\n          <span data-cw-edit>Nutzererfahrung<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <article class=\"cw-seo-stack-card\">\r\n\r\n      <div\r\n        class=\"cw-seo-component-icon\"\r\n        aria-hidden=\"true\"\r\n      >\r\n        <svg viewBox=\"0 0 32 32\">\r\n          <path d=\"M6 25V15\"><\/path>\r\n          <path d=\"M13 25V10\"><\/path>\r\n          <path d=\"M20 25V17\"><\/path>\r\n          <path d=\"M27 25V6\"><\/path>\r\n          <path d=\"M5 26h23\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n\r\n      <div class=\"cw-seo-component-content\">\r\n\r\n        <div class=\"cw-seo-component-topline\">\r\n\r\n          <span\r\n            class=\"cw-seo-component-number\"\r\n            data-cw-edit\r\n          >\r\n            Komponente 04\r\n          <\/span>\r\n\r\n          <span\r\n            class=\"cw-seo-component-label\"\r\n            data-cw-edit\r\n          >\r\n            Entwicklung\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <h3 data-cw-edit>\r\n          Analyse &amp; Optimierung\r\n        <\/h3>\r\n\r\n        <p data-cw-edit>\r\n          Suchanfragen, Rankings und tats\u00e4chliche Websitebesuche zeigen,\r\n          welche Themen bereits funktionieren und wo weiteres Potenzial\r\n          vorhanden ist. Auf dieser Grundlage k\u00f6nnen Inhalte, Landing Pages\r\n          und technische Bereiche gezielt weiterentwickelt werden.\r\n        <\/p>\r\n\r\n        <div class=\"cw-seo-component-tags\">\r\n          <span data-cw-edit>Tracking<\/span>\r\n          <span data-cw-edit>Auswertung<\/span>\r\n          <span data-cw-edit>Optimierung<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/article>\r\n\r\n\r\n    <div\r\n      class=\"cw-seo-stack-release\"\r\n      aria-hidden=\"true\"\r\n    ><\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <div class=\"cw-seo-bundle\">\r\n\r\n    <div\r\n      class=\"cw-seo-bundle-dots\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      <span class=\"cw-seo-bundle-dot\"><\/span>\r\n      <span class=\"cw-seo-bundle-dot\"><\/span>\r\n      <span class=\"cw-seo-bundle-dot\"><\/span>\r\n      <span class=\"cw-seo-bundle-dot\"><\/span>\r\n    <\/div>\r\n\r\n    <p\r\n      class=\"cw-seo-bundle-label\"\r\n      data-cw-edit\r\n    >\r\n      Vier Komponenten. Ein System.\r\n    <\/p>\r\n\r\n    <h3 data-cw-edit>\r\n      Nicht eine einzelne Ma\u00dfnahme entscheidet.\r\n      <span>\r\n        Das Zusammenspiel macht den Unterschied.\r\n      <\/span>\r\n    <\/h3>\r\n\r\n    <p data-cw-edit>\r\n      Eine gute SEO Strategie verbindet relevante Suchbegriffe, hilfreiche\r\n      Inhalte, eine funktionierende Website und regelm\u00e4\u00dfige Auswertung. So\r\n      entsteht Schritt f\u00fcr Schritt mehr Sichtbarkeit bei den Suchanfragen, die\r\n      f\u00fcr neue Kunden und zus\u00e4tzlichen Umsatz tats\u00e4chlich relevant sind.\r\n    <\/p>\r\n\r\n  <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a3567f elementor-widget elementor-widget-html\" data-id=\"2a3567f\" 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 shine removed *\/\r\n    #cw-reviews-spectrum\r\n    .cw-rv-trust::before {\r\n      content: none;\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      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        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        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 REMOVED\r\n    ====================================================== *\/\r\n\r\n    #cw-reviews-spectrum\r\n    .cw-rv-card::after {\r\n      content: none;\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\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\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\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 shimmer intentionally removed *\/\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-33cf43d elementor-widget elementor-widget-html\" data-id=\"33cf43d\" 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\r\n<style>\r\n\r\n\/* =========================================================\r\n   CONTENT WAVE\r\n   PROJECT PATH\r\n   ========================================================= *\/\r\n\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\r\n#cw-project-process-v4 {\r\n  --cw-heading: #07101f;\r\n  --cw-text: #5f6d82;\r\n  --cw-muted: #8793a4;\r\n\r\n  --cw-blue: #286fff;\r\n  --cw-cyan: #08aec9;\r\n  --cw-gold: #c88726;\r\n  --cw-green: #16a575;\r\n\r\n  position: relative;\r\n\r\n  isolation: isolate;\r\n\r\n  width: 100%;\r\n\r\n  overflow: hidden;\r\n\r\n  padding:\r\n    clamp(80px,8vw,120px)\r\n    0\r\n    clamp(90px,9vw,135px);\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 5% 8%,\r\n      rgba(40,111,255,.09),\r\n      transparent 27%\r\n    ),\r\n    radial-gradient(\r\n      circle at 96% 16%,\r\n      rgba(8,174,201,.07),\r\n      transparent 25%\r\n    ),\r\n    radial-gradient(\r\n      circle at 15% 78%,\r\n      rgba(117,92,255,.04),\r\n      transparent 25%\r\n    ),\r\n    radial-gradient(\r\n      circle at 90% 82%,\r\n      rgba(22,165,117,.05),\r\n      transparent 26%\r\n    ),\r\n    linear-gradient(\r\n      180deg,\r\n      #fbfcff 0%,\r\n      #ffffff 48%,\r\n      #f5f8fc 100%\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n   ========================================================= *\/\r\n\r\n#cw-project-process-v4::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  z-index: -4;\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(15,36,70,.027) 1px,\r\n      transparent 1px\r\n    ),\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(15,36,70,.027) 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,\r\n      #000 13%,\r\n      #000 87%,\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 13%,\r\n      #000 87%,\r\n      transparent\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   AMBIENT BACKGROUND\r\n   ========================================================= *\/\r\n\r\n#cw-project-process-v4::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  z-index: -3;\r\n\r\n  left: 50%;\r\n  top: 44%;\r\n\r\n  width: 900px;\r\n  height: 900px;\r\n\r\n  transform:\r\n    translate(-50%,-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(40,111,255,.055),\r\n      rgba(8,174,201,.02) 42%,\r\n      transparent 70%\r\n    );\r\n\r\n  filter: blur(20px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SHELL\r\n   ========================================================= *\/\r\n\r\n#cw-project-process-v4\r\n.cw-process-shell {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  width:\r\n    min(\r\n      1180px,\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\r\n.cw-process-head {\r\n  max-width: 850px;\r\n\r\n  margin:\r\n    0 auto\r\n    clamp(65px,8vw,95px);\r\n\r\n  text-align: center;\r\n}\r\n\r\n\r\n#cw-project-process-v4\r\n.cw-process-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 18px;\r\n\r\n  color: var(--cw-blue);\r\n\r\n  font-size: 11px;\r\n  font-weight: 850;\r\n\r\n  line-height: 1;\r\n\r\n  letter-spacing: .15em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n#cw-project-process-v4\r\n.cw-process-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      #286fff,\r\n      #08aec9\r\n    );\r\n\r\n  box-shadow:\r\n    0 0 14px\r\n    rgba(40,111,255,.17);\r\n}\r\n\r\n\r\n#cw-project-process-v4\r\n.cw-process-head h2 {\r\n  max-width: 850px;\r\n\r\n  margin: 0 auto;\r\n\r\n  color:\r\n    var(--cw-heading);\r\n\r\n  font-size:\r\n    clamp(\r\n      40px,\r\n      5vw,\r\n      68px\r\n    );\r\n\r\n  font-weight: 860;\r\n\r\n  line-height: 1.03;\r\n\r\n  letter-spacing: -.055em;\r\n\r\n  text-wrap: balance;\r\n}\r\n\r\n\r\n#cw-project-process-v4\r\n.cw-process-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      #08aec9 34%,\r\n      #755cff 65%,\r\n      #16a575 100%\r\n    );\r\n\r\n  background-size:\r\n    220% 100%;\r\n\r\n  background-clip: text;\r\n  -webkit-background-clip: text;\r\n\r\n  animation:\r\n    cwProcessTitleGradient\r\n    9s ease-in-out infinite;\r\n}\r\n\r\n\r\n#cw-project-process-v4\r\n.cw-process-intro {\r\n  max-width: 620px;\r\n\r\n  margin:\r\n    21px auto 0;\r\n\r\n  color:\r\n    #657287;\r\n\r\n  font-size:\r\n    clamp(\r\n      15px,\r\n      1.35vw,\r\n      17px\r\n    );\r\n\r\n  line-height: 1.72;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PATH\r\n   ========================================================= *\/\r\n\r\n#cw-project-process-v4\r\n.cw-process-path {\r\n  --cw-path-progress: 0%;\r\n\r\n  position: relative;\r\n\r\n  max-width: 1080px;\r\n\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* BACKGROUND LINE *\/\r\n\r\n#cw-project-process-v4\r\n.cw-process-path::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  z-index: 0;\r\n\r\n  left: 50%;\r\n  top: 42px;\r\n  bottom: 42px;\r\n\r\n  width: 2px;\r\n\r\n  transform:\r\n    translateX(-50%);\r\n\r\n  border-radius: 999px;\r\n\r\n  background:\r\n    rgba(37,73,126,.10);\r\n}\r\n\r\n\r\n\/* ACTIVE LINE *\/\r\n\r\n#cw-project-process-v4\r\n.cw-process-path::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  z-index: 1;\r\n\r\n  left: 50%;\r\n  top: 42px;\r\n\r\n  width: 3px;\r\n  height:\r\n    var(--cw-path-progress);\r\n\r\n  max-height:\r\n    calc(100% - 84px);\r\n\r\n  transform:\r\n    translateX(-50%);\r\n\r\n  border-radius: 999px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      #286fff 0%,\r\n      #08aec9 34%,\r\n      #c88726 67%,\r\n      #16a575 100%\r\n    );\r\n\r\n  transition:\r\n    height .8s\r\n    cubic-bezier(.2,.75,.25,1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ROW\r\n   ========================================================= *\/\r\n\r\n#cw-project-process-v4\r\n.cw-process-row {\r\n  --cw-color: #286fff;\r\n  --cw-rgb: 40,111,255;\r\n\r\n  position: relative;\r\n\r\n  z-index: 3;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1fr)\r\n    94px\r\n    minmax(0,1fr);\r\n\r\n  align-items: center;\r\n\r\n  min-height:\r\n    clamp(\r\n      230px,\r\n      24vw,\r\n      290px\r\n    );\r\n\r\n  opacity: .35;\r\n\r\n  transform:\r\n    translateY(25px);\r\n\r\n  transition:\r\n    opacity .65s ease,\r\n    transform .65s\r\n    cubic-bezier(.2,.75,.25,1);\r\n}\r\n\r\n\r\n#cw-project-process-v4\r\n.cw-process-row.is-visible {\r\n  opacity: 1;\r\n\r\n  transform:\r\n    translateY(0);\r\n}\r\n\r\n\r\n\/* COLORS *\/\r\n\r\n#cw-project-process-v4\r\n.cw-process-row:nth-child(1) {\r\n  --cw-color: #286fff;\r\n  --cw-rgb: 40,111,255;\r\n}\r\n\r\n\r\n#cw-project-process-v4\r\n.cw-process-row:nth-child(2) {\r\n  --cw-color: #08aec9;\r\n  --cw-rgb: 8,174,201;\r\n}\r\n\r\n\r\n#cw-project-process-v4\r\n.cw-process-row:nth-child(3) {\r\n  --cw-color: #c88726;\r\n  --cw-rgb: 200,135,38;\r\n}\r\n\r\n\r\n#cw-project-process-v4\r\n.cw-process-row:nth-child(4) {\r\n  --cw-color: #16a575;\r\n  --cw-rgb: 22,165,117;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CENTRAL NODE\r\n   ========================================================= *\/\r\n\r\n#cw-project-process-v4\r\n.cw-process-node {\r\n  position: relative;\r\n\r\n  z-index: 7;\r\n\r\n  grid-column: 2;\r\n\r\n  display: grid;\r\n\r\n  place-items: center;\r\n\r\n  width: 66px;\r\n  height: 66px;\r\n\r\n  margin: 0 auto;\r\n\r\n  border:\r\n    6px solid\r\n    #f7f9fc;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(255,255,255,.30),\r\n      transparent 32%\r\n    ),\r\n    var(--cw-color);\r\n\r\n  color: #fff;\r\n\r\n  font-size: 12px;\r\n  font-weight: 880;\r\n\r\n  box-shadow:\r\n    0 14px 32px\r\n    rgba(var(--cw-rgb),.20),\r\n\r\n    0 0 0 1px\r\n    rgba(var(--cw-rgb),.12);\r\n\r\n  transition:\r\n    transform .4s ease,\r\n    box-shadow .4s ease;\r\n}\r\n\r\n\r\n#cw-project-process-v4\r\n.cw-process-row.is-visible\r\n.cw-process-node {\r\n  box-shadow:\r\n    0 17px 38px\r\n    rgba(var(--cw-rgb),.23),\r\n\r\n    0 0 0 7px\r\n    rgba(var(--cw-rgb),.045),\r\n\r\n    0 0 0 1px\r\n    rgba(var(--cw-rgb),.13);\r\n}\r\n\r\n\r\n\/* INNER RING *\/\r\n\r\n#cw-project-process-v4\r\n.cw-process-node::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  inset: 6px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.42);\r\n\r\n  border-radius: 50%;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n   ========================================================= *\/\r\n\r\n#cw-project-process-v4\r\n.cw-process-card {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  max-width: 450px;\r\n\r\n  padding:\r\n    clamp(26px,3vw,34px);\r\n\r\n  overflow: hidden;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--cw-rgb),.13);\r\n\r\n  border-radius: 25px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 100% 0%,\r\n      rgba(var(--cw-rgb),.085),\r\n      transparent 35%\r\n    ),\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(255,255,255,.97),\r\n      rgba(247,250,254,.96)\r\n    );\r\n\r\n  box-shadow:\r\n    0 20px 48px\r\n    rgba(17,43,82,.065),\r\n\r\n    inset 0 1px\r\n    rgba(255,255,255,.95);\r\n\r\n  transition:\r\n    transform .35s\r\n    cubic-bezier(.2,.8,.2,1),\r\n\r\n    box-shadow .35s ease,\r\n\r\n    border-color .35s ease;\r\n}\r\n\r\n\r\n\/* LEFT SIDE *\/\r\n\r\n#cw-project-process-v4\r\n.cw-process-row:nth-child(odd)\r\n.cw-process-card {\r\n  grid-column: 1;\r\n\r\n  justify-self: end;\r\n}\r\n\r\n\r\n\/* RIGHT SIDE *\/\r\n\r\n#cw-project-process-v4\r\n.cw-process-row:nth-child(even)\r\n.cw-process-card {\r\n  grid-column: 3;\r\n\r\n  justify-self: start;\r\n}\r\n\r\n\r\n\/* CARD ACCENT *\/\r\n\r\n#cw-project-process-v4\r\n.cw-process-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  width: 72px;\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-color),\r\n      rgba(var(--cw-rgb),.30)\r\n    );\r\n}\r\n\r\n\r\n\/* LARGE NUMBER *\/\r\n\r\n#cw-project-process-v4\r\n.cw-process-card::after {\r\n  content:\r\n    attr(data-number);\r\n\r\n  position: absolute;\r\n\r\n  right: 13px;\r\n  bottom: -23px;\r\n\r\n  color:\r\n    rgba(var(--cw-rgb),.045);\r\n\r\n  font-size:\r\n    clamp(\r\n      90px,\r\n      10vw,\r\n      130px\r\n    );\r\n\r\n  font-weight: 900;\r\n\r\n  line-height: 1;\r\n\r\n  letter-spacing: -.08em;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n   ========================================================= *\/\r\n\r\n#cw-project-process-v4\r\n.cw-process-icon {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  display: grid;\r\n\r\n  place-items: center;\r\n\r\n  width: 50px;\r\n  height: 50px;\r\n\r\n  margin-bottom: 20px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--cw-rgb),.12);\r\n\r\n  border-radius: 15px;\r\n\r\n  background:\r\n    rgba(var(--cw-rgb),.06);\r\n\r\n  color:\r\n    var(--cw-color);\r\n}\r\n\r\n\r\n#cw-project-process-v4\r\n.cw-process-icon svg {\r\n  width: 24px;\r\n  height: 24px;\r\n\r\n  fill: none;\r\n\r\n  stroke:\r\n    currentColor;\r\n\r\n  stroke-width: 1.8;\r\n\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD TYPOGRAPHY\r\n   ========================================================= *\/\r\n\r\n#cw-project-process-v4\r\n.cw-process-label {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 9px;\r\n\r\n  color:\r\n    var(--cw-color);\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 850;\r\n\r\n  letter-spacing: .12em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n#cw-project-process-v4\r\n.cw-process-card h3 {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  margin: 0;\r\n\r\n  color:\r\n    var(--cw-heading);\r\n\r\n  font-size:\r\n    clamp(\r\n      22px,\r\n      2.2vw,\r\n      29px\r\n    );\r\n\r\n  font-weight: 830;\r\n\r\n  line-height: 1.12;\r\n\r\n  letter-spacing: -.04em;\r\n\r\n  text-wrap: balance;\r\n}\r\n\r\n\r\n#cw-project-process-v4\r\n.cw-process-card p {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  max-width: 350px;\r\n\r\n  margin:\r\n    14px 0 0;\r\n\r\n  color:\r\n    #647186;\r\n\r\n  font-size:\r\n    clamp(\r\n      13px,\r\n      1.15vw,\r\n      15px\r\n    );\r\n\r\n  line-height: 1.68;\r\n}\r\n\r\n\r\n\/* META *\/\r\n\r\n#cw-project-process-v4\r\n.cw-process-meta {\r\n  position: relative;\r\n\r\n  z-index: 2;\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-top: 21px;\r\n\r\n  min-height: 31px;\r\n\r\n  padding:\r\n    0 11px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--cw-rgb),.13);\r\n\r\n  border-radius: 999px;\r\n\r\n  background:\r\n    rgba(var(--cw-rgb),.055);\r\n\r\n  color:\r\n    var(--cw-color);\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 750;\r\n}\r\n\r\n\r\n#cw-project-process-v4\r\n.cw-process-meta::before {\r\n  content: \"\";\r\n\r\n  width: 6px;\r\n  height: 6px;\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),.055);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GHOST WORDS\r\n   ========================================================= *\/\r\n\r\n#cw-project-process-v4\r\n.cw-process-ghost {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  align-self: center;\r\n\r\n  color:\r\n    rgba(var(--cw-rgb),.065);\r\n\r\n  font-size:\r\n    clamp(\r\n      42px,\r\n      6vw,\r\n      78px\r\n    );\r\n\r\n  font-weight: 900;\r\n\r\n  line-height: .9;\r\n\r\n  letter-spacing: -.07em;\r\n\r\n  text-transform: uppercase;\r\n\r\n  user-select: none;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n#cw-project-process-v4\r\n.cw-process-row:nth-child(odd)\r\n.cw-process-ghost {\r\n  grid-column: 3;\r\n\r\n  justify-self: center;\r\n}\r\n\r\n\r\n#cw-project-process-v4\r\n.cw-process-row:nth-child(even)\r\n.cw-process-ghost {\r\n  grid-column: 1;\r\n\r\n  justify-self: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONNECTOR\r\n   ========================================================= *\/\r\n\r\n#cw-project-process-v4\r\n.cw-process-card-line {\r\n  position: absolute;\r\n\r\n  z-index: 1;\r\n\r\n  top: 50%;\r\n\r\n  width: 47px;\r\n  height: 1px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(var(--cw-rgb),.10),\r\n      rgba(var(--cw-rgb),.42)\r\n    );\r\n}\r\n\r\n\r\n#cw-project-process-v4\r\n.cw-process-row:nth-child(odd)\r\n.cw-process-card-line {\r\n  right: 47px;\r\n}\r\n\r\n\r\n#cw-project-process-v4\r\n.cw-process-row:nth-child(even)\r\n.cw-process-card-line {\r\n  left: 47px;\r\n\r\n  transform:\r\n    rotate(180deg);\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-process-card:hover {\r\n    transform:\r\n      translateY(-5px);\r\n\r\n    border-color:\r\n      rgba(var(--cw-rgb),.23);\r\n\r\n    box-shadow:\r\n      0 28px 60px\r\n      rgba(17,43,82,.095),\r\n\r\n      0 0 28px\r\n      rgba(var(--cw-rgb),.025),\r\n\r\n      inset 0 1px\r\n      rgba(255,255,255,1);\r\n  }\r\n\r\n\r\n  #cw-project-process-v4\r\n  .cw-process-row:hover\r\n  .cw-process-node {\r\n    transform:\r\n      scale(1.08);\r\n\r\n    box-shadow:\r\n      0 20px 42px\r\n      rgba(var(--cw-rgb),.27),\r\n\r\n      0 0 0 9px\r\n      rgba(var(--cw-rgb),.055);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FINAL DESTINATION\r\n   ========================================================= *\/\r\n\r\n#cw-project-process-v4\r\n.cw-process-finish {\r\n  position: relative;\r\n\r\n  z-index: 4;\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  align-items: center;\r\n\r\n  max-width: 680px;\r\n\r\n  margin:\r\n    clamp(60px,7vw,90px)\r\n    auto 0;\r\n\r\n  text-align: center;\r\n}\r\n\r\n\r\n#cw-project-process-v4\r\n.cw-process-finish-icon {\r\n  display: grid;\r\n\r\n  place-items: center;\r\n\r\n  width: 58px;\r\n  height: 58px;\r\n\r\n  margin-bottom: 18px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(22,165,117,.15);\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    rgba(22,165,117,.065);\r\n\r\n  color:\r\n    var(--cw-green);\r\n\r\n  box-shadow:\r\n    0 13px 30px\r\n    rgba(22,165,117,.08);\r\n}\r\n\r\n\r\n#cw-project-process-v4\r\n.cw-process-finish-icon svg {\r\n  width: 25px;\r\n  height: 25px;\r\n\r\n  fill: none;\r\n\r\n  stroke:\r\n    currentColor;\r\n\r\n  stroke-width: 2;\r\n\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\r\n#cw-project-process-v4\r\n.cw-process-finish-small {\r\n  margin:\r\n    0 0 9px;\r\n\r\n  color:\r\n    var(--cw-green);\r\n\r\n  font-size: 10px;\r\n  font-weight: 850;\r\n\r\n  letter-spacing: .13em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n#cw-project-process-v4\r\n.cw-process-finish h3 {\r\n  margin: 0;\r\n\r\n  color:\r\n    var(--cw-heading);\r\n\r\n  font-size:\r\n    clamp(\r\n      27px,\r\n      3.5vw,\r\n      42px\r\n    );\r\n\r\n  font-weight: 840;\r\n\r\n  line-height: 1.08;\r\n\r\n  letter-spacing: -.045em;\r\n\r\n  text-wrap: balance;\r\n}\r\n\r\n\r\n#cw-project-process-v4\r\n.cw-process-finish h3 span {\r\n  color:\r\n    var(--cw-green);\r\n}\r\n\r\n\r\n#cw-project-process-v4\r\n.cw-process-finish p {\r\n  max-width: 540px;\r\n\r\n  margin:\r\n    15px auto 0;\r\n\r\n  color:\r\n    #68758a;\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   ANIMATIONS\r\n   ========================================================= *\/\r\n\r\n@keyframes cwProcessTitleGradient {\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: 900px) {\r\n\r\n  #cw-project-process-v4\r\n  .cw-process-row {\r\n    grid-template-columns:\r\n      72px\r\n      minmax(0,1fr);\r\n\r\n    gap: 18px;\r\n\r\n    min-height: 0;\r\n\r\n    margin-bottom: 38px;\r\n  }\r\n\r\n\r\n  #cw-project-process-v4\r\n  .cw-process-path::before,\r\n  #cw-project-process-v4\r\n  .cw-process-path::after {\r\n    left: 35px;\r\n  }\r\n\r\n\r\n  #cw-project-process-v4\r\n  .cw-process-node {\r\n    grid-column: 1;\r\n\r\n    grid-row: 1;\r\n\r\n    width: 58px;\r\n    height: 58px;\r\n\r\n    margin: 0 auto;\r\n  }\r\n\r\n\r\n  #cw-project-process-v4\r\n  .cw-process-card,\r\n  #cw-project-process-v4\r\n  .cw-process-row:nth-child(odd)\r\n  .cw-process-card,\r\n  #cw-project-process-v4\r\n  .cw-process-row:nth-child(even)\r\n  .cw-process-card {\r\n    grid-column: 2;\r\n\r\n    grid-row: 1;\r\n\r\n    max-width: none;\r\n\r\n    justify-self: stretch;\r\n  }\r\n\r\n\r\n  #cw-project-process-v4\r\n  .cw-process-ghost {\r\n    display: none;\r\n  }\r\n\r\n\r\n  #cw-project-process-v4\r\n  .cw-process-card-line {\r\n    top: 29px;\r\n\r\n    width: 22px;\r\n  }\r\n\r\n\r\n  #cw-project-process-v4\r\n  .cw-process-row:nth-child(odd)\r\n  .cw-process-card-line,\r\n  #cw-project-process-v4\r\n  .cw-process-row:nth-child(even)\r\n  .cw-process-card-line {\r\n    left: 56px;\r\n    right: auto;\r\n\r\n    transform: none;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 620px) {\r\n\r\n  #cw-project-process-v4 {\r\n    padding:\r\n      65px 0 78px;\r\n  }\r\n\r\n\r\n  #cw-project-process-v4\r\n  .cw-process-shell {\r\n    width:\r\n      calc(100% - 28px);\r\n  }\r\n\r\n\r\n  #cw-project-process-v4\r\n  .cw-process-head {\r\n    margin-bottom: 58px;\r\n\r\n    text-align: left;\r\n  }\r\n\r\n\r\n  #cw-project-process-v4\r\n  .cw-process-kicker {\r\n    justify-content: flex-start;\r\n  }\r\n\r\n\r\n  #cw-project-process-v4\r\n  .cw-process-head h2 {\r\n    font-size:\r\n      clamp(\r\n        36px,\r\n        10vw,\r\n        48px\r\n      );\r\n  }\r\n\r\n\r\n  #cw-project-process-v4\r\n  .cw-process-intro {\r\n    margin-left: 0;\r\n  }\r\n\r\n\r\n  #cw-project-process-v4\r\n  .cw-process-row {\r\n    grid-template-columns:\r\n      55px\r\n      minmax(0,1fr);\r\n\r\n    gap: 12px;\r\n\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n\r\n  #cw-project-process-v4\r\n  .cw-process-path::before,\r\n  #cw-project-process-v4\r\n  .cw-process-path::after {\r\n    left: 27px;\r\n  }\r\n\r\n\r\n  #cw-project-process-v4\r\n  .cw-process-node {\r\n    width: 48px;\r\n    height: 48px;\r\n\r\n    border-width: 5px;\r\n\r\n    font-size: 10px;\r\n  }\r\n\r\n\r\n  #cw-project-process-v4\r\n  .cw-process-card {\r\n    padding:\r\n      23px 19px 24px;\r\n\r\n    border-radius: 20px;\r\n  }\r\n\r\n\r\n  #cw-project-process-v4\r\n  .cw-process-icon {\r\n    width: 45px;\r\n    height: 45px;\r\n\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n\r\n  #cw-project-process-v4\r\n  .cw-process-card h3 {\r\n    font-size: 22px;\r\n  }\r\n\r\n\r\n  #cw-project-process-v4\r\n  .cw-process-card p {\r\n    font-size: 13px;\r\n  }\r\n\r\n\r\n  #cw-project-process-v4\r\n  .cw-process-card-line {\r\n    top: 24px;\r\n    width: 16px;\r\n  }\r\n\r\n\r\n  #cw-project-process-v4\r\n  .cw-process-row:nth-child(odd)\r\n  .cw-process-card-line,\r\n  #cw-project-process-v4\r\n  .cw-process-row:nth-child(even)\r\n  .cw-process-card-line {\r\n    left: 43px;\r\n  }\r\n\r\n\r\n  #cw-project-process-v4\r\n  .cw-process-finish {\r\n    align-items: flex-start;\r\n\r\n    text-align: left;\r\n  }\r\n\r\n\r\n  #cw-project-process-v4\r\n  .cw-process-finish p {\r\n    margin-left: 0;\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:\r\n      none !important;\r\n\r\n    transition:\r\n      none !important;\r\n  }\r\n\r\n\r\n  #cw-project-process-v4\r\n  .cw-process-row {\r\n    opacity: 1;\r\n\r\n    transform: none;\r\n  }\r\n\r\n\r\n  #cw-project-process-v4\r\n  .cw-process-path {\r\n    --cw-path-progress: 100% !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<div class=\"cw-process-shell\">\r\n\r\n\r\n  <!-- HEADER -->\r\n\r\n  <header class=\"cw-process-head\">\r\n\r\n    <p\r\n      class=\"cw-process-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>\r\n        zum fertigen Projekt.\r\n      <\/span>\r\n    <\/h2>\r\n\r\n\r\n    <p\r\n      class=\"cw-process-intro\"\r\n      data-cw-edit\r\n    >\r\n      Klarer Ablauf, direkte Abstimmung und keine unn\u00f6tig\r\n      komplizierten Prozesse. Sie wissen jederzeit,\r\n      was als N\u00e4chstes passiert.\r\n    <\/p>\r\n\r\n  <\/header>\r\n\r\n\r\n\r\n  <!-- PROJECT PATH -->\r\n\r\n  <div class=\"cw-process-path\">\r\n\r\n\r\n    <!-- STEP 01 -->\r\n\r\n    <div class=\"cw-process-row\">\r\n\r\n\r\n      <article\r\n        class=\"cw-process-card\"\r\n        data-number=\"01\"\r\n      >\r\n\r\n        <div\r\n          class=\"cw-process-icon\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <svg viewBox=\"0 0 32 32\">\r\n            <path d=\"M7 9h18v11H14l-6 5v-5H7z\"><\/path>\r\n            <path d=\"M11 14h10\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n\r\n        <span\r\n          class=\"cw-process-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\r\n          f\u00fcr Ihr Projekt wirklich sinnvoll ist.\r\n        <\/p>\r\n\r\n\r\n        <span\r\n          class=\"cw-process-meta\"\r\n          data-cw-edit\r\n        >\r\n          Kostenlos &amp; unverbindlich\r\n        <\/span>\r\n\r\n      <\/article>\r\n\r\n\r\n      <div\r\n        class=\"cw-process-node\"\r\n        aria-hidden=\"true\"\r\n      >\r\n        01\r\n      <\/div>\r\n\r\n\r\n      <div\r\n        class=\"cw-process-ghost\"\r\n        aria-hidden=\"true\"\r\n      >\r\n        Start\r\n      <\/div>\r\n\r\n\r\n      <span\r\n        class=\"cw-process-card-line\"\r\n        aria-hidden=\"true\"\r\n      ><\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- STEP 02 -->\r\n\r\n    <div class=\"cw-process-row\">\r\n\r\n\r\n      <div\r\n        class=\"cw-process-ghost\"\r\n        aria-hidden=\"true\"\r\n      >\r\n        Plan\r\n      <\/div>\r\n\r\n\r\n      <div\r\n        class=\"cw-process-node\"\r\n        aria-hidden=\"true\"\r\n      >\r\n        02\r\n      <\/div>\r\n\r\n\r\n      <article\r\n        class=\"cw-process-card\"\r\n        data-number=\"02\"\r\n      >\r\n\r\n        <div\r\n          class=\"cw-process-icon\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <svg viewBox=\"0 0 32 32\">\r\n            <path d=\"M8 6h16v20H8z\"><\/path>\r\n            <path d=\"M12 11h8\"><\/path>\r\n            <path d=\"M12 16h8\"><\/path>\r\n            <path d=\"M12 21h5\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n\r\n        <span\r\n          class=\"cw-process-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,\r\n          den passenden Umfang und ein transparentes Angebot.\r\n        <\/p>\r\n\r\n\r\n        <span\r\n          class=\"cw-process-meta\"\r\n          data-cw-edit\r\n        >\r\n          Klar &amp; transparent\r\n        <\/span>\r\n\r\n      <\/article>\r\n\r\n\r\n      <span\r\n        class=\"cw-process-card-line\"\r\n        aria-hidden=\"true\"\r\n      ><\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- STEP 03 -->\r\n\r\n    <div class=\"cw-process-row\">\r\n\r\n\r\n      <article\r\n        class=\"cw-process-card\"\r\n        data-number=\"03\"\r\n      >\r\n\r\n        <div\r\n          class=\"cw-process-icon\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <svg viewBox=\"0 0 32 32\">\r\n            <path d=\"M7 23l7-7\"><\/path>\r\n            <path d=\"M18 12l3-3 4 4-3 3\"><\/path>\r\n            <path d=\"M12 22l-3 3-3-3 3-3\"><\/path>\r\n            <path d=\"M14 16l4-4 4 4-4 4z\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n\r\n        <span\r\n          class=\"cw-process-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\r\n          wichtigen Schritte direkt mit Ihnen ab.\r\n        <\/p>\r\n\r\n\r\n        <span\r\n          class=\"cw-process-meta\"\r\n          data-cw-edit\r\n        >\r\n          Pers\u00f6nliche Zusammenarbeit\r\n        <\/span>\r\n\r\n      <\/article>\r\n\r\n\r\n      <div\r\n        class=\"cw-process-node\"\r\n        aria-hidden=\"true\"\r\n      >\r\n        03\r\n      <\/div>\r\n\r\n\r\n      <div\r\n        class=\"cw-process-ghost\"\r\n        aria-hidden=\"true\"\r\n      >\r\n        Build\r\n      <\/div>\r\n\r\n\r\n      <span\r\n        class=\"cw-process-card-line\"\r\n        aria-hidden=\"true\"\r\n      ><\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- STEP 04 -->\r\n\r\n    <div class=\"cw-process-row\">\r\n\r\n\r\n      <div\r\n        class=\"cw-process-ghost\"\r\n        aria-hidden=\"true\"\r\n      >\r\n        Live\r\n      <\/div>\r\n\r\n\r\n      <div\r\n        class=\"cw-process-node\"\r\n        aria-hidden=\"true\"\r\n      >\r\n        04\r\n      <\/div>\r\n\r\n\r\n      <article\r\n        class=\"cw-process-card\"\r\n        data-number=\"04\"\r\n      >\r\n\r\n        <div\r\n          class=\"cw-process-icon\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <svg viewBox=\"0 0 32 32\">\r\n            <path d=\"M16 27V13\"><\/path>\r\n            <path d=\"M10 19l6-6 6 6\"><\/path>\r\n            <path d=\"M7 7h18\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n\r\n        <span\r\n          class=\"cw-process-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.\r\n          Auf Wunsch begleite ich Sie anschlie\u00dfend weiter.\r\n        <\/p>\r\n\r\n\r\n        <span\r\n          class=\"cw-process-meta\"\r\n          data-cw-edit\r\n        >\r\n          Go live &amp; optionaler Support\r\n        <\/span>\r\n\r\n      <\/article>\r\n\r\n\r\n      <span\r\n        class=\"cw-process-card-line\"\r\n        aria-hidden=\"true\"\r\n      ><\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- FINISH -->\r\n\r\n  <div class=\"cw-process-finish\">\r\n\r\n\r\n    <div\r\n      class=\"cw-process-finish-icon\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      <svg viewBox=\"0 0 32 32\">\r\n        <path d=\"M7 16l6 6L25 9\"><\/path>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n\r\n    <p\r\n      class=\"cw-process-finish-small\"\r\n      data-cw-edit\r\n    >\r\n      Ziel erreicht\r\n    <\/p>\r\n\r\n\r\n    <h3 data-cw-edit>\r\n      Ihr Projekt ist fertig.\r\n      <span>\r\n        Und bereit, f\u00fcr Sie zu arbeiten.\r\n      <\/span>\r\n    <\/h3>\r\n\r\n\r\n    <p data-cw-edit>\r\n      Auch nach dem Launch m\u00fcssen Sie nicht allein weitermachen.\r\n      Bei Bedarf begleite ich Ihr Projekt langfristig weiter.\r\n    <\/p>\r\n\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\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.cwProcessPathReady === \"true\"\r\n  ) {\r\n    return;\r\n  }\r\n\r\n\r\n  section.dataset.cwProcessPathReady =\r\n    \"true\";\r\n\r\n\r\n  const path =\r\n    section.querySelector(\r\n      \".cw-process-path\"\r\n    );\r\n\r\n\r\n  const rows =\r\n    Array.from(\r\n      section.querySelectorAll(\r\n        \".cw-process-row\"\r\n      )\r\n    );\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    !path ||\r\n    !rows.length\r\n  ) {\r\n    return;\r\n  }\r\n\r\n\r\n  if (reducedMotion) {\r\n\r\n    rows.forEach(\r\n      row =>\r\n        row.classList.add(\r\n          \"is-visible\"\r\n        )\r\n    );\r\n\r\n\r\n    path.style.setProperty(\r\n      \"--cw-path-progress\",\r\n      \"100%\"\r\n    );\r\n\r\n\r\n    return;\r\n\r\n  }\r\n\r\n\r\n\r\n  const visibleRows =\r\n    new Set();\r\n\r\n\r\n  const updateProgress =\r\n    () => {\r\n\r\n\r\n      if (!visibleRows.size) {\r\n\r\n        path.style.setProperty(\r\n          \"--cw-path-progress\",\r\n          \"0%\"\r\n        );\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      let highestIndex = -1;\r\n\r\n\r\n      rows.forEach(\r\n        (row,index) => {\r\n\r\n          if (\r\n            visibleRows.has(row)\r\n          ) {\r\n            highestIndex =\r\n              Math.max(\r\n                highestIndex,\r\n                index\r\n              );\r\n          }\r\n\r\n        }\r\n      );\r\n\r\n\r\n      const progress =\r\n        (\r\n          (highestIndex + 1) \/\r\n          rows.length\r\n        ) *\r\n        100;\r\n\r\n\r\n      path.style.setProperty(\r\n        \"--cw-path-progress\",\r\n        progress + \"%\"\r\n      );\r\n\r\n    };\r\n\r\n\r\n\r\n  if (\r\n    \"IntersectionObserver\" in window\r\n  ) {\r\n\r\n\r\n    const observer =\r\n      new IntersectionObserver(\r\n\r\n        entries => {\r\n\r\n\r\n          entries.forEach(\r\n            entry => {\r\n\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                visibleRows.add(\r\n                  entry.target\r\n                );\r\n\r\n\r\n                updateProgress();\r\n\r\n\r\n                observer.unobserve(\r\n                  entry.target\r\n                );\r\n\r\n              }\r\n\r\n            }\r\n          );\r\n\r\n        },\r\n\r\n        {\r\n          threshold: .30,\r\n\r\n          rootMargin:\r\n            \"0px 0px -8% 0px\"\r\n        }\r\n\r\n      );\r\n\r\n\r\n    rows.forEach(\r\n      row =>\r\n        observer.observe(\r\n          row\r\n        )\r\n    );\r\n\r\n\r\n  } else {\r\n\r\n\r\n    rows.forEach(\r\n      row => {\r\n\r\n        row.classList.add(\r\n          \"is-visible\"\r\n        );\r\n\r\n        visibleRows.add(\r\n          row\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    updateProgress();\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-aebfcf5 elementor-widget elementor-widget-html\" data-id=\"aebfcf5\" 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-946f1e2 elementor-widget elementor-widget-html\" data-id=\"946f1e2\" 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>SEO f\u00fcr Unternehmen aus Alzenau Suchmaschinenoptimierung SEO in Alzenau f\u00fcr mehr Sichtbarkeit bei Google. Gezielte Suchmaschinenoptimierung hilft Unternehmen in Alzenau dabei, bei relevanten Suchanfragen besser gefunden zu werden. So k\u00f6nnen aus bestehenden Suchanfragen neue Websitebesucher, konkrete Kontakte und zus\u00e4tzliche Umsatzchancen entstehen. Kostenloses Erstgespr\u00e4ch SEO Leistungen ansehen \u2713 Lokale Sichtbarkeit \u2713 Individuelle SEO Strategie \u2713 Pers\u00f6nliche [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-5055","post","type-post","status-publish","format-standard","hentry","category-allgemein"],"_links":{"self":[{"href":"https:\/\/content-wave.de\/discovery\/wp-json\/wp\/v2\/posts\/5055","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/content-wave.de\/discovery\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/content-wave.de\/discovery\/wp-json\/wp\/v2\/types\/post"}],"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=5055"}],"version-history":[{"count":3,"href":"https:\/\/content-wave.de\/discovery\/wp-json\/wp\/v2\/posts\/5055\/revisions"}],"predecessor-version":[{"id":5058,"href":"https:\/\/content-wave.de\/discovery\/wp-json\/wp\/v2\/posts\/5055\/revisions\/5058"}],"wp:attachment":[{"href":"https:\/\/content-wave.de\/discovery\/wp-json\/wp\/v2\/media?parent=5055"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/content-wave.de\/discovery\/wp-json\/wp\/v2\/categories?post=5055"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/content-wave.de\/discovery\/wp-json\/wp\/v2\/tags?post=5055"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}