/* [next]/internal/font/google/space_grotesk_326f01d5.module.css [app-client] (css) */
@font-face {
  font-family: Space Grotesk;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/32687112bd2dd8db-s.cfdd66c2.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Space Grotesk;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/28868e710e86be81-s.c30238d4.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Space Grotesk;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/0c89a48fa5027cee-s.p.4564287c.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Space Grotesk;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/32687112bd2dd8db-s.cfdd66c2.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Space Grotesk;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/28868e710e86be81-s.c30238d4.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Space Grotesk;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/0c89a48fa5027cee-s.p.4564287c.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Space Grotesk Fallback;
  src: local(Arial);
  ascent-override: 89.71%;
  descent-override: 26.62%;
  line-gap-override: 0.0%;
  size-adjust: 109.69%;
}

.space_grotesk_326f01d5-module__NBSPNa__className {
  font-family: Space Grotesk, Space Grotesk Fallback;
  font-style: normal;
}

.space_grotesk_326f01d5-module__NBSPNa__variable {
  --font-sa-display: "Space Grotesk", "Space Grotesk Fallback";
}

/* [next]/internal/font/google/ibm_plex_sans_6859f813.module.css [app-client] (css) */
@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/7fea77d1d19108bf-s.c949a514.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/1bcd0e671759a44c-s.a3ed597e.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/e15f58668ad64cb8-s.319fa961.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/90c51ce8fb754fe8-s.323431dc.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/57215795b8570f5c-s.0f2c7ba8.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/03fc1b4a8d284b5e-s.p.af4fcd24.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/7fea77d1d19108bf-s.c949a514.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/1bcd0e671759a44c-s.a3ed597e.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/e15f58668ad64cb8-s.319fa961.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/90c51ce8fb754fe8-s.323431dc.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/57215795b8570f5c-s.0f2c7ba8.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/03fc1b4a8d284b5e-s.p.af4fcd24.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: IBM Plex Sans Fallback;
  src: local(Arial);
  ascent-override: 101.32%;
  descent-override: 27.18%;
  line-gap-override: 0.0%;
  size-adjust: 101.17%;
}

.ibm_plex_sans_6859f813-module__rESM7G__className {
  font-family: IBM Plex Sans, IBM Plex Sans Fallback;
  font-style: normal;
}

.ibm_plex_sans_6859f813-module__rESM7G__variable {
  --font-sa-sans: "IBM Plex Sans", "IBM Plex Sans Fallback";
}

/* [next]/internal/font/google/ibm_plex_mono_ce388bbe.module.css [app-client] (css) */
@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/5e05ae5b48faa55e-s.6b5ea6af.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/a7afbb44bec2bb18-s.1dcddae6.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/02263ebadd758ea4-s.8da66e7f.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/68757d6cddeff913-s.e6cd1753.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/effe91970fc4db64-s.p.19510058.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: IBM Plex Mono Fallback;
  src: local(Arial);
  ascent-override: 76.16%;
  descent-override: 20.43%;
  line-gap-override: 0.0%;
  size-adjust: 134.59%;
}

.ibm_plex_mono_ce388bbe-module__IIuZjq__className {
  font-family: IBM Plex Mono, IBM Plex Mono Fallback;
  font-style: normal;
  font-weight: 500;
}

.ibm_plex_mono_ce388bbe-module__IIuZjq__variable {
  --font-sa-mono: "IBM Plex Mono", "IBM Plex Mono Fallback";
}

/* [project]/src/app/sales-agent/sales-agent.css [app-client] (css) */
.sa {
  --sa-pad-x: 1.5rem;
  --sa-bg: #023c3e;
  --sa-bg-deep: #012a2c;
  --sa-panel: #034549;
  --sa-akzent: #01d6d7;
  --sa-gelb: #ffd707;
  --sa-gelb-hover: #ffdd20;
  --sa-teal-mid: #03878a;
  --sa-teal-dark: #036164;
  --sa-hell: #fafafa;
  --sa-rahmen: #e9eaeb;
  --sa-chip-bg: #f2f2f2;
  --sa-chip-border: #d5d7da;
  --sa-text-hell: #fffcfa;
  --sa-text-nav: #c9dbdb;
  --sa-text-soft: #b6cfcf;
  --sa-mute-1: #8fb1b1;
  --sa-mute-2: #6e9799;
  --sa-mute-3: #4f797b;
  --sa-ink: #023c3e;
  --sa-ink-2: #414651;
  --sa-ink-3: #535862;
  background: var(--sa-bg);
  color: var(--sa-ink);
  font-family: var(--font-sa-sans), "Segoe UI", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 1.0625rem;
  line-height: 1.65;
}

@media (min-width: 768px) {
  .sa {
    --sa-pad-x: 2.5rem;
  }
}

@media (min-width: 1280px) {
  .sa {
    --sa-pad-x: 140px;
  }
}

.sa ::selection {
  background: var(--sa-akzent);
  color: var(--sa-bg);
}

.sa a {
  text-decoration: none;
}

@media (min-width: 1280px) {
  .sa-linien:before, .sa-linien:after {
    content: "";
    pointer-events: none;
    width: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
  }

  .sa-linien:before {
    left: 140px;
  }

  .sa-linien:after {
    right: 140px;
  }

  .sa-sektion--dunkel.sa-linien:before, .sa-sektion--dunkel.sa-linien:after, .sa-hero.sa-linien:before, .sa-hero.sa-linien:after {
    background: #ffffff1f;
  }

  .sa-sektion--hell.sa-linien:before, .sa-sektion--hell.sa-linien:after {
    background: #023c3e14;
  }
}

.sa-marker {
  background-image: linear-gradient(var(--sa-gelb), var(--sa-gelb));
  white-space: nowrap;
  background-position: 0 92%;
  background-repeat: no-repeat;
  background-size: 100% .22em;
}

.sa .site-chrome {
  font-family: var(--font-inter), sans-serif;
}

.sa-display {
  font-family: var(--font-sa-display), sans-serif;
  font-weight: 700;
}

.sa-mono {
  font-family: var(--font-sa-mono), monospace;
  font-weight: 500;
}

@keyframes sa-schweben {
  0%, 100% {
    transform: translate(0);
  }

  50% {
    transform: translate(0, -14px);
  }
}

@keyframes sa-einblenden {
  from {
    opacity: 0;
    transform: translateY(22px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes sa-pulsieren {
  0%, 100% {
    opacity: 1;
    box-shadow: 0 0 #ffd70780;
  }

  50% {
    opacity: .7;
    box-shadow: 0 0 0 8px #ffd70700;
  }
}

@keyframes sa-blinken {
  0%, 80%, 100% {
    opacity: .25;
  }

  40% {
    opacity: 1;
  }
}

@keyframes sa-scanlinie {
  0% {
    opacity: 0;
    top: -12%;
  }

  12% {
    opacity: 1;
  }

  88% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    top: 112%;
  }
}

.sa-ein {
  animation: .7s both sa-einblenden;
}

.sa-ein--d1 {
  animation-delay: .1s;
}

.sa-ein--d2 {
  animation-delay: .2s;
}

.sa-ein--d3 {
  animation-delay: .3s;
}

.sa-hero {
  color: var(--sa-text-hell);
  background: radial-gradient(1000px 700px at 76% 32%, #03878a8c, #0000 65%), radial-gradient(700px 500px at 12% 88%, #01d6d71a, #0000 60%), linear-gradient(#034042 0%, #023c3e 45%, #012c2e 100%);
  position: relative;
  overflow: hidden;
}

.sa-hero-grid {
  pointer-events: none;
  background-image: linear-gradient(#01d6d712 1px, #0000 1px), linear-gradient(90deg, #01d6d712 1px, #0000 1px);
  background-size: 56px 56px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: radial-gradient(70% 80% at 72% 35%, #000 20%, #0000 68%);
  mask-image: radial-gradient(70% 80% at 72% 35%, #000 20%, #0000 68%);
}

.sa-gridpattern {
  background-image: linear-gradient(#01d6d70d 1px, #0000 1px), linear-gradient(90deg, #01d6d70d 1px, #0000 1px);
  background-size: 56px 56px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: radial-gradient(85% 75% at 45% 25%, #000 25%, #0000 72%);
  mask-image: radial-gradient(85% 75% at 45% 25%, #000 25%, #0000 72%);
}

.sa-hero-inner {
  max-width: 1680px;
  padding: calc(70px + clamp(4rem, 8vw, 7rem)) var(--sa-pad-x) clamp(3rem, 6vw, 5rem);
  grid-template-columns: 1fr;
  align-items: center;
  gap: clamp(2.5rem, 5vw, 4rem);
  margin: 0 auto;
  display: grid;
  position: relative;
}

@media (min-width: 1080px) {
  .sa-hero-inner {
    grid-template-columns: minmax(0, 720px) auto;
    justify-content: center;
    column-gap: clamp(3rem, 5vw, 6rem);
  }
}

.sa-eyebrow {
  font-family: var(--font-sa-mono), monospace;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--sa-akzent);
  background: #01d6d70f;
  border: 1px solid #01d6d759;
  border-radius: 999px;
  align-items: center;
  gap: 10px;
  padding: 8px 16px;
  font-size: .7rem;
  display: inline-flex;
}

.sa-puls-punkt {
  background: var(--sa-gelb);
  border-radius: 50%;
  width: 7px;
  height: 7px;
  animation: 2.4s ease-in-out infinite sa-pulsieren;
}

.sa-h1 {
  font-family: var(--font-sa-display), sans-serif;
  letter-spacing: -.028em;
  color: #fff;
  text-wrap: balance;
  margin: 1.5rem 0 0;
  font-size: clamp(2.05rem, 8.5vw, 3.4rem);
  font-weight: 700;
  line-height: 1.04;
}

@media (min-width: 1080px) {
  .sa-h1 {
    font-size: clamp(3.3rem, 4.2vw + .2rem, 4.2rem);
  }
}

.sa-hero-lead {
  color: var(--sa-text-soft);
  max-width: 34rem;
  margin: 1.7rem 0 0;
  font-size: clamp(1.08rem, 1.5vw, 1.26rem);
  line-height: 1.6;
}

.sa-kernpunkte {
  flex-direction: column;
  gap: .65rem;
  max-width: 36rem;
  margin: 1.5rem 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.sa-kernpunkte li {
  color: #ffffffeb;
  align-items: flex-start;
  gap: 12px;
  font-size: 1.02rem;
  line-height: 1.55;
  display: flex;
}

.sa-hake {
  background: var(--sa-gelb);
  color: #000;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  margin-top: 2px;
  display: inline-flex;
}

.sa-hero-ctas {
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin-top: 2.2rem;
  display: flex;
}

.sa-btn-primary {
  background: var(--sa-gelb);
  color: #000;
  border-radius: 8px;
  padding: 16px 28px;
  font-size: 1.03rem;
  font-weight: 700;
  transition: background .2s;
}

.sa-btn-primary:hover {
  background: var(--sa-gelb-hover);
  color: #000;
}

.sa-btn-ghost {
  color: var(--sa-text-hell);
  border: 1px solid #ffffff40;
  border-radius: 8px;
  padding: 15px 28px;
  font-size: 1.03rem;
}

.sa-btn-ghost:hover {
  border-color: var(--sa-akzent);
  color: #fff;
  background: #01d6d714;
}

.sa-statband-wrap {
  max-width: 1680px;
  padding: 0 var(--sa-pad-x) clamp(3.5rem, 6vw, 5rem);
  margin: 0 auto;
  position: relative;
}

.sa-statband {
  border-top: 1px solid #01d6d729;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 2rem;
  padding-top: 2.2rem;
  animation: .8s .45s both sa-einblenden;
  display: grid;
}

.sa-stat-zahl {
  font-family: var(--font-sa-mono), monospace;
  color: #fff;
  font-size: clamp(2.6rem, 4vw, 3.6rem);
  font-weight: 500;
  line-height: 1;
}

.sa-stat-text {
  color: var(--sa-mute-1);
  max-width: 24ch;
  margin: .5rem 0 0;
  font-size: .92rem;
}

.sa-stat-merksatz {
  color: var(--sa-text-soft);
  margin: 0;
  font-size: .95rem;
}

.sa-stat-merksatz strong {
  color: #fff;
}

.sa-phone-wrap {
  justify-self: center;
  max-width: 100%;
  animation: .9s .25s both sa-einblenden, 7s ease-in-out 1.4s infinite sa-schweben;
  position: relative;
}

.sa-phone-glow {
  filter: blur(26px);
  background: radial-gradient(circle, #01d6d747, #0000 65%);
  border-radius: 80px;
  position: absolute;
  inset: -70px;
}

.sa-phone {
  background: var(--sa-panel);
  border: 1px solid #01d6d752;
  border-radius: 32px;
  width: min(392px, 88vw);
  padding: 1.1rem 1.1rem 1rem;
  transition: transform .5s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 40px 100px #0009, 0 0 0 6px #ffffff08;
}

.sa-phone:hover {
  transform: perspective(1100px)rotateY(-5deg)rotateX(2.5deg);
}

.sa-scanlinie {
  pointer-events: none;
  background: linear-gradient(#0000, #01d6d70f, #0000);
  height: 80px;
  animation: 8s linear infinite sa-scanlinie;
  position: absolute;
  left: 0;
  right: 0;
}

.sa-glas {
  pointer-events: none;
  background: linear-gradient(115deg, #ffffff14 0%, #ffffff05 32%, #0000 55%);
  border-radius: 32px;
  position: absolute;
  inset: 0;
}

.sa-phone-kopf {
  border-bottom: 1px solid #01d6d729;
  align-items: center;
  gap: 10px;
  padding: .4rem .5rem .9rem;
  display: flex;
}

.sa-avatar {
  background: linear-gradient(135deg, var(--sa-teal-mid), var(--sa-akzent));
  width: 34px;
  height: 34px;
  font-family: var(--font-sa-display), sans-serif;
  color: var(--sa-bg);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: .9rem;
  font-weight: 700;
  display: inline-flex;
}

.sa-phone-titel {
  font-family: var(--font-sa-display), sans-serif;
  color: #fff;
  font-size: .95rem;
  font-weight: 700;
}

.sa-phone-sub {
  font-family: var(--font-sa-mono), monospace;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--sa-mute-2);
  font-size: .6rem;
}

.sa-live-punkt {
  background: var(--sa-gelb);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-left: auto;
  animation: 2.4s ease-in-out infinite sa-pulsieren;
}

.sa-chat {
  flex-direction: column;
  justify-content: flex-end;
  gap: 10px;
  height: 430px;
  padding: .9rem .2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sa-blase {
  color: var(--sa-text-hell);
  border-radius: 16px;
  padding: .7rem .95rem;
  font-size: .9rem;
  line-height: 1.5;
  transition: opacity .4s, transform .4s;
}

.sa-blase--agent {
  background: #01d6d71a;
  border: 1px solid #01d6d74d;
  border-bottom-left-radius: 5px;
  align-self: flex-start;
  max-width: 86%;
}

.sa-blase--kunde {
  background: #ffffff14;
  border: 1px solid #ffffff21;
  border-bottom-right-radius: 5px;
  align-self: flex-end;
  max-width: 86%;
}

.sa-blase-tag {
  font-family: var(--font-sa-mono), monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 3px;
  font-size: .58rem;
}

.sa-blase-tag--agent {
  color: var(--sa-akzent);
}

.sa-blase-tag--kunde {
  color: var(--sa-mute-1);
}

.sa-chatkarte {
  color: var(--sa-ink);
  background: #fafafa;
  border-radius: 16px;
  align-self: stretch;
  padding: 1rem 1.1rem;
  transition: opacity .4s, transform .4s;
  box-shadow: 0 12px 34px #00000059;
}

.sa-quick {
  font-family: var(--font-sa-sans), sans-serif;
  align-self: flex-end;
  gap: 8px;
  transition: opacity .4s, transform .4s;
  display: flex;
}

.sa-quick-teal {
  color: var(--sa-akzent);
  background: #01d6d714;
  border: 1px solid #01d6d780;
  border-radius: 999px;
  padding: 7px 13px;
  font-size: .8rem;
}

.sa-quick-neutral {
  color: var(--sa-text-nav);
  border: 1px solid #ffffff2e;
  border-radius: 999px;
  padding: 7px 13px;
  font-size: .8rem;
}

.sa-chat-aus {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  position: absolute;
  transform: translateY(12px)scale(.98);
}

.sa-tippen {
  background: #01d6d714;
  border: 1px solid #01d6d740;
  border-radius: 16px 16px 16px 5px;
  align-self: flex-start;
  align-items: center;
  gap: 5px;
  padding: .65rem .9rem;
  display: inline-flex;
}

.sa-tippen-punkt {
  background: var(--sa-akzent);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation: 1.2s infinite sa-blinken;
}

.sa-tippen-punkt:nth-child(2) {
  animation-delay: .2s;
}

.sa-tippen-punkt:nth-child(3) {
  animation-delay: .4s;
}

.sa-tarif-kopf {
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.sa-tarif-titel {
  font-family: var(--font-sa-display), sans-serif;
  color: var(--sa-ink);
  font-size: .95rem;
  font-weight: 700;
}

.sa-tarif-menge {
  font-family: var(--font-sa-mono), monospace;
  color: var(--sa-ink-3);
  font-size: .62rem;
}

.sa-tarif-zeile {
  font-family: var(--font-sa-mono), monospace;
  justify-content: space-between;
  font-size: .68rem;
  display: flex;
}

.sa-tarif-zeile--alt {
  color: var(--sa-ink-3);
}

.sa-tarif-zeile--neu {
  color: var(--sa-teal-dark);
}

.sa-tarif-track {
  background: #e9eaeb;
  border-radius: 999px;
  height: 7px;
  margin-top: 4px;
}

.sa-tarif-balken-alt {
  background: #c5cbcb;
  border-radius: 999px;
  width: 100%;
  height: 100%;
}

.sa-tarif-balken-neu {
  background: linear-gradient(90deg, var(--sa-teal-mid), var(--sa-akzent));
  border-radius: 999px;
  width: 86%;
  height: 100%;
}

.sa-tarif-fuss {
  justify-content: space-between;
  align-items: center;
  margin-top: .8rem;
  display: flex;
}

.sa-tarif-ersparnis {
  background: var(--sa-teal-mid);
  color: #fff;
  font-family: var(--font-sa-mono), monospace;
  border-radius: 999px;
  padding: 5px 11px;
  font-size: .7rem;
}

.sa-tarif-hinweis {
  font-family: var(--font-sa-mono), monospace;
  color: #6a7382;
  font-size: .58rem;
}

.sa-eingabe {
  border-top: 1px solid #01d6d729;
  align-items: center;
  gap: 10px;
  padding-top: .8rem;
  display: flex;
}

.sa-eingabe-feld {
  color: var(--sa-mute-2);
  border: 1px solid #ffffff24;
  border-radius: 999px;
  flex: 1;
  padding: 9px 16px;
  font-size: .85rem;
}

.sa-eingabe-senden {
  background: var(--sa-gelb);
  color: #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  font-weight: 700;
  display: flex;
}

.sa-badge {
  background: var(--sa-panel);
  font-family: var(--font-sa-mono), monospace;
  color: var(--sa-akzent);
  border: 1px solid #01d6d766;
  border-radius: 12px;
  padding: 9px 13px;
  font-size: .7rem;
  position: absolute;
  box-shadow: 0 14px 40px #00000080;
}

.sa-badge--or {
  animation: 9s ease-in-out infinite sa-schweben;
  top: 5%;
  right: -96px;
}

.sa-badge--ul {
  animation: 8s ease-in-out 1s infinite sa-schweben;
  bottom: 12%;
  left: -118px;
}

@media (max-width: 760px) {
  .sa-badge {
    display: none;
  }
}

.sa-sektion--hell {
  background: var(--sa-hell);
  color: var(--sa-ink);
  position: relative;
  overflow: hidden;
}

.sa-sektion--dunkel {
  background: var(--sa-bg);
  color: var(--sa-text-hell);
  position: relative;
  overflow: hidden;
}

.sa-sektion-inhalt {
  max-width: 1680px;
  padding: clamp(4rem, 7vw, 6.5rem) var(--sa-pad-x);
  margin: 0 auto;
  position: relative;
}

.sa-sektion-inhalt--gross {
  padding: clamp(4.5rem, 8vw, 7rem) var(--sa-pad-x);
}

.sa-kicker {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 1.2rem;
  display: flex;
}

.sa-kicker--mitte {
  justify-content: center;
}

.sa-kicker-nr {
  font-family: var(--font-sa-mono), monospace;
  letter-spacing: .16em;
  color: var(--sa-teal-dark);
  font-size: .78rem;
}

.sa-kicker-nr--dunkel {
  color: var(--sa-akzent);
}

.sa-kicker-label {
  font-family: var(--font-sa-mono), monospace;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--sa-ink-3);
  font-size: .7rem;
}

.sa-kicker-label--dunkel {
  color: var(--sa-mute-2);
}

.sa-h2 {
  font-family: var(--font-sa-display), sans-serif;
  letter-spacing: -.025em;
  text-wrap: balance;
  margin: .8rem 0 0;
  font-size: clamp(2.1rem, 4vw, 3.3rem);
  font-weight: 700;
  line-height: 1.05;
}

.sa-raster {
  gap: 1.4rem;
  margin-top: 2.8rem;
  display: grid;
}

.sa-raster--300 {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.sa-raster--310 {
  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
}

.sa-raster--250 {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  margin-top: 3rem;
}

.sa-karte {
  border: 1px solid var(--sa-rahmen);
  background: #fff;
  border-radius: 20px;
  padding: 2rem;
  transition: transform .25s, box-shadow .25s, border-color .25s;
}

.sa-karte:hover {
  border-color: var(--sa-teal-mid);
  transform: translateY(-6px);
  box-shadow: 0 22px 50px #023c3e1f;
}

.sa-karte-kopf {
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.sa-karte-ziffer {
  font-family: var(--font-sa-display), sans-serif;
  color: #0000;
  -webkit-text-stroke: 1.4px #d5d7da;
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 1;
}

.sa-karte-tag {
  font-family: var(--font-sa-mono), monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--sa-ink-3);
  border: 1px solid var(--sa-rahmen);
  border-radius: 999px;
  padding: 4px 11px;
  font-size: .66rem;
}

.sa-karte-titel {
  font-family: var(--font-sa-display), sans-serif;
  margin: 1rem 0 .4rem;
  font-size: 1.35rem;
  font-weight: 700;
}

.sa-karte-text {
  color: var(--sa-ink-2);
  margin: 0;
  font-size: .97rem;
}

.sa-zitat {
  max-width: 48rem;
  margin: 3.2rem 0 0;
  padding: 0;
}

.sa-zitat-zeichen {
  font-family: var(--font-sa-display), sans-serif;
  color: var(--sa-gelb);
  margin-bottom: 1rem;
  font-size: 4.5rem;
  font-weight: 700;
  line-height: .3;
}

.sa-zitat-text {
  font-family: var(--font-sa-display), sans-serif;
  letter-spacing: -.01em;
  color: var(--sa-ink);
  margin: 0;
  font-size: clamp(1.35rem, 2.2vw, 1.75rem);
  font-weight: 500;
  line-height: 1.3;
}

.sa-zitat-text span {
  color: var(--sa-teal-dark);
}

.sa-zitat-quelle {
  font-family: var(--font-sa-mono), monospace;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--sa-ink-3);
  margin-top: .7rem;
  font-size: .72rem;
}

.sa-paradigma-glow {
  background: radial-gradient(circle, #03878a52, #0000 60%);
  border-radius: 50%;
  width: 900px;
  height: 900px;
  position: absolute;
  top: -400px;
  left: 50%;
  transform: translateX(-50%);
}

.sa-h2--paradigma {
  letter-spacing: -.028em;
  color: #fff;
  max-width: 21ch;
  margin: 1rem auto 0;
  font-size: clamp(2.2rem, 4.6vw, 3.9rem);
  line-height: 1.04;
}

.sa-paradigma-text {
  color: var(--sa-text-soft);
  max-width: 44rem;
  margin: 1.5rem auto 0;
  font-size: 1.08rem;
}

.sa-chipreihe {
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin-top: 2.6rem;
  display: flex;
}

.sa-chip-outline {
  font-family: var(--font-sa-mono), monospace;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--sa-akzent);
  background: #01d6d70f;
  border: 1px solid #01d6d766;
  border-radius: 999px;
  padding: 11px 20px;
  font-size: .78rem;
}

.sa-usp-titel {
  font-family: var(--font-sa-display), sans-serif;
  margin: 0 0 .5rem;
  font-size: 1.22rem;
  font-weight: 700;
}

.sa-usp-text {
  color: var(--sa-ink-2);
  margin: 0 0 1.1rem;
  font-size: .95rem;
}

.sa-usp-karte {
  padding: 1.8rem;
}

.sa-chips {
  font-family: var(--font-sa-mono), monospace;
  color: var(--sa-teal-dark);
  flex-wrap: wrap;
  gap: .5rem;
  font-size: .7rem;
  display: flex;
}

.sa-chips--fluss {
  align-items: center;
  gap: .45rem;
  font-size: .68rem;
}

.sa-chip {
  border: 1px solid var(--sa-chip-border);
  background: var(--sa-chip-bg);
  border-radius: 999px;
  padding: 5px 11px;
}

.sa-chip--klein {
  padding: 5px 10px;
}

.sa-chip--voll {
  border: 1px solid var(--sa-teal-mid);
  background: var(--sa-teal-mid);
  color: #fff;
  border-radius: 999px;
  padding: 5px 10px;
}

.sa-fluss-pfeil {
  color: #a8b2b2;
}

.sa-slider-box {
  border: 1px solid var(--sa-rahmen);
  background: var(--sa-chip-bg);
  border-radius: 12px;
  padding: .85rem 1rem;
}

.sa-slider-zeile {
  font-family: var(--font-sa-mono), monospace;
  color: var(--sa-ink-3);
  justify-content: space-between;
  font-size: .68rem;
  display: flex;
}

.sa-slider-zeile span:last-child {
  color: var(--sa-teal-dark);
}

.sa-slider-track {
  background: #e9eaeb;
  border-radius: 999px;
  height: 6px;
  margin-top: 9px;
  position: relative;
}

.sa-slider-fuellung {
  background: linear-gradient(90deg, var(--sa-teal-mid), var(--sa-akzent));
  border-radius: 999px;
  width: 58%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.sa-slider-knopf {
  border: 2px solid var(--sa-teal-mid);
  background: #fff;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  left: 58%;
  transform: translate(-50%, -50%);
}

.sa-karte--dunkel {
  background: var(--sa-panel);
  color: var(--sa-text-hell);
  border: 1px solid #01d6d74d;
}

.sa-karte--dunkel:hover {
  border-color: #01d6d74d;
  transform: translateY(-6px);
  box-shadow: 0 22px 50px #023c3e4d;
}

.sa-karte--dunkel .sa-usp-titel {
  color: #fff;
}

.sa-karte--dunkel .sa-usp-text {
  color: var(--sa-text-soft);
}

.sa-chips--dunkel {
  color: var(--sa-akzent);
}

.sa-chip--dunkel {
  border: 1px solid #01d6d766;
  border-radius: 999px;
  padding: 5px 11px;
}

.sa-impact-glow {
  background: radial-gradient(circle, #01d6d71f, #0000 60%);
  border-radius: 50%;
  width: 760px;
  height: 760px;
  position: absolute;
  top: -260px;
  right: -200px;
}

.sa-h2--dunkel {
  color: #fff;
}

.sa-impact-karte {
  background: #034549b3;
  border: 1px solid #01d6d733;
  border-radius: 20px;
  padding: 1.9rem;
  transition: transform .25s, border-color .25s;
}

.sa-impact-karte:hover {
  border-color: #01d6d78c;
  transform: translateY(-5px);
}

.sa-impact-zahl {
  font-family: var(--font-sa-mono), monospace;
  color: var(--sa-gelb);
  text-shadow: 0 0 44px #ffd7074d;
  font-size: clamp(3rem, 4.6vw, 4.2rem);
  font-weight: 500;
  line-height: 1;
}

.sa-impact-fett {
  color: #fff;
  margin: .8rem 0 .3rem;
  font-weight: 600;
}

.sa-impact-caption {
  color: var(--sa-mute-1);
  margin: 0;
  font-size: .9rem;
}

.sa-balken-track {
  background: #01d6d71f;
  border-radius: 999px;
  height: 6px;
  margin-top: 1.1rem;
  overflow: hidden;
}

.sa-balken-fuellung {
  background: linear-gradient(90deg, var(--sa-teal-mid), var(--sa-akzent));
  border-radius: 999px;
  width: 0%;
  height: 100%;
  transition: width 1.3s cubic-bezier(.22, 1, .36, 1);
}

.sa-fussnote {
  font-family: var(--font-sa-mono), monospace;
  color: var(--sa-mute-2);
  margin: 2rem 0 0;
  font-size: .78rem;
}

.sa-tabelle {
  border-top: 1px solid var(--sa-rahmen);
  flex-direction: column;
  margin-top: 2.5rem;
  display: flex;
}

.sa-zeile {
  border-bottom: 1px solid var(--sa-rahmen);
  grid-template-columns: minmax(min(280px, 100%), .5fr) minmax(min(280px, 100%), 1fr);
  align-items: center;
  gap: .8rem 3rem;
  padding: 1.7rem .6rem;
  transition: background .2s;
  display: grid;
}

.sa-zeile:hover {
  background: var(--sa-chip-bg);
}

.sa-zeile-index {
  font-family: var(--font-sa-mono), monospace;
  letter-spacing: .16em;
  color: var(--sa-teal-dark);
  font-size: .68rem;
}

.sa-zeile-titel {
  font-family: var(--font-sa-display), sans-serif;
  margin: .35rem 0 0;
  font-size: 1.3rem;
  font-weight: 700;
}

.sa-zeile-text {
  color: var(--sa-ink-2);
  margin: 0;
  font-size: .98rem;
}

.sa-zeile-effekt {
  font-family: var(--font-sa-mono), monospace;
  color: var(--sa-teal-dark);
  margin-top: .5rem;
  font-size: .88rem;
}

.sa-abschluss-glow {
  background: radial-gradient(circle, #03878a66, #0000 60%);
  border-radius: 50%;
  width: 1000px;
  height: 1000px;
  position: absolute;
  bottom: -560px;
  left: 50%;
  transform: translateX(-50%);
}

.sa-gridpattern--unten {
  background-image: linear-gradient(#01d6d70b 1px, #0000 1px), linear-gradient(90deg, #01d6d70b 1px, #0000 1px);
  -webkit-mask-image: radial-gradient(70% 70% at 50% 100%, #000 20%, #0000 70%);
  mask-image: radial-gradient(70% 70% at 50% 100%, #000 20%, #0000 70%);
}

.sa-sektion-inhalt--abschluss {
  padding: clamp(5rem, 9vw, 8rem) var(--sa-pad-x);
  text-align: center;
}

.sa-abschluss-eyebrow {
  font-family: var(--font-sa-mono), monospace;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--sa-akzent);
  font-size: .7rem;
}

.sa-h2--abschluss {
  letter-spacing: -.03em;
  color: #fff;
  max-width: 18ch;
  margin: 1rem auto 0;
  font-size: clamp(2.4rem, 5.2vw, 4.4rem);
  line-height: 1.02;
}

.sa-abschluss-text {
  color: var(--sa-text-soft);
  max-width: 40rem;
  margin: 1.5rem auto 0;
  font-size: 1.08rem;
}

.sa-trust-chips {
  flex-wrap: wrap;
  justify-content: center;
  gap: .7rem;
  margin-top: 2.4rem;
  display: flex;
}

.sa-trust-chip {
  font-family: var(--font-sa-mono), monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--sa-mute-1);
  border: 1px solid #01d6d740;
  border-radius: 999px;
  padding: 7px 14px;
  font-size: .68rem;
}

.sa-abschluss-cta-reihe {
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin-top: 2.2rem;
  display: flex;
}

.sa-btn-primary--gross {
  padding: 18px 34px;
  font-size: 1.08rem;
}

.sa-kontakt-zeile {
  font-family: var(--font-sa-mono), monospace;
  color: var(--sa-mute-2);
  margin: 1.3rem 0 0;
  font-size: .82rem;
}

@media (prefers-reduced-motion: reduce) {
  .sa *, .sa :before, .sa :after {
    transition: none !important;
    animation: none !important;
  }
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__75ff4af3._.css.map*/