@charset "UTF-8";
:root {
  --bs-primary: #151412;
  --bs-primary-rgb: 21, 20, 18;
  --bs-body-color: #1C1B19;
  --bs-body-bg: #FFFFFF;
  --bs-border-color: #E6E3DD;
  --bs-link-color: #2AB7F1;
  --bs-link-color-rgb: 42, 183, 241;
  --bs-link-hover-color: #151412;
  --bs-link-hover-color-rgb: 21, 20, 18;
  --bs-border-radius: 8px;
  --bs-focus-ring-color: rgba(42, 183, 241, .35);
}
@font-face {
  font-family: "Geist";
  src: url("../themes/main/assets/fonts/geist-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Geist";
  src: url("../themes/main/assets/fonts/geist-latin-ext.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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: "Geist Mono";
  src: url("../themes/main/assets/fonts/geist-mono-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Geist Mono";
  src: url("../themes/main/assets/fonts/geist-mono-latin-ext.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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;
}
@keyframes fade-up {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes progress-fill {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes slow-zoom {
  from {
    transform: scale(1.06);
  }
  to {
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(21, 20, 18, 0.35);
  }
  70% {
    box-shadow: 0 0 0 14px rgba(21, 20, 18, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(21, 20, 18, 0);
  }
}
.pulse {
  animation: pulse 2.4s ease-out infinite;
}
.js-reveal.is-armed:not(.is-visible) {
  opacity: 0;
  transform: translateY(14px);
}
.js-reveal.is-visible {
  animation: fade-up 600ms cubic-bezier(0.25, 1, 0.5, 1) backwards;
  animation-delay: var(--reveal-delay, 0ms);
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }
  .js-reveal.is-armed:not(.is-visible) {
    transform: none;
  }
  .js-reveal.is-visible {
    animation-name: fade-in;
  }
}
html.lenis, html.lenis body {
  height: auto;
}
.lenis:not(.lenis-autoToggle).lenis-stopped {
  overflow: clip;
}
.lenis [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-smooth iframe {
  pointer-events: none;
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 14px 24px;
  border: 0;
  border-radius: 9999px;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.005em;
  white-space: nowrap;
  text-decoration: none;
  transition: background-color 200ms ease, color 200ms ease, box-shadow 200ms ease;
}
.btn:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.btn i {
  font-size: 16px;
  line-height: 1;
}
.btn .bi-arrow-right {
  transition: transform 200ms cubic-bezier(0.25, 1, 0.5, 1);
}
.btn:hover .bi-arrow-right {
  transform: translateX(3px);
}
.btn-sm {
  min-height: 40px;
  padding: 11px 18px;
  font-size: 14px;
}
.btn.btn-primary {
  background-color: #151412;
  color: #FFFFFF;
}
.btn.btn-primary:hover, .btn.btn-primary:focus-visible, .btn.btn-primary:active {
  background-color: #35332E;
  color: #FFFFFF;
}
.btn.btn-light {
  background-color: #FFFFFF;
  color: #151412;
}
.btn.btn-light:hover, .btn.btn-light:focus-visible, .btn.btn-light:active {
  background-color: #F2EFE9;
  color: #151412;
}
.btn.btn-light:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.btn.btn-glass {
  background-color: rgba(255, 255, 255, 0.12);
  color: #FFFFFF;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}
.btn.btn-glass:hover, .btn.btn-glass:focus-visible {
  background-color: rgba(255, 255, 255, 0.2);
  color: #FFFFFF;
}
.btn.btn-glass:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.btn.btn-outline {
  background-color: #FFFFFF;
  color: #151412;
  box-shadow: inset 0 0 0 1px #D6D2CA;
}
.btn.btn-outline:hover, .btn.btn-outline:focus-visible {
  box-shadow: inset 0 0 0 1px #151412;
  color: #151412;
}
.link-arrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  color: #151412;
  text-decoration: none;
}
.link-arrow i {
  transition: transform 200ms cubic-bezier(0.25, 1, 0.5, 1);
}
.link-arrow:hover {
  color: #2AB7F1;
}
.link-arrow:hover i {
  transform: translateX(3px);
}
.section--dark .link-arrow {
  color: #FFFFFF;
}
.section--dark .link-arrow:hover {
  color: #2AB7F1;
}
.btn.btn-halo {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  gap: 12px;
  padding: 5px 5px 5px 20px;
  background: linear-gradient(180deg, #34312C 0%, #151412 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 1px 2px rgba(21, 20, 18, 0.2), 0 10px 24px -10px rgba(42, 183, 241, 0.6);
  transition: box-shadow 400ms cubic-bezier(0.25, 1, 0.5, 1), transform 400ms cubic-bezier(0.25, 1, 0.5, 1);
}
.btn.btn-halo .bi-arrow-right {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #FFFFFF;
  color: #151412;
  font-size: 14px;
  transition: transform 400ms cubic-bezier(0.25, 1, 0.5, 1);
}
.btn.btn-halo::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -60%;
  z-index: -1;
  width: 40%;
  background: linear-gradient(100deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.22) 50%, rgba(255, 255, 255, 0) 100%);
  transform: skewX(-20deg);
  animation: btn-halo-shine 5s cubic-bezier(0.25, 1, 0.5, 1) infinite;
  pointer-events: none;
}
.btn.btn-halo:hover, .btn.btn-halo:focus-visible {
  background: linear-gradient(180deg, #3D3A34 0%, #35332E 100%);
  transform: translateY(-1px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(21, 20, 18, 0.2), 0 14px 30px -10px rgba(42, 183, 241, 0.75);
}
.btn.btn-halo:hover .bi-arrow-right, .btn.btn-halo:focus-visible .bi-arrow-right {
  transform: rotate(-45deg);
}
@media (prefers-reduced-motion: reduce) {
  .btn.btn-halo::after {
    animation: none;
    opacity: 0;
  }
}
@keyframes btn-halo-shine {
  0%, 60% {
    left: -60%;
  }
  100% {
    left: 130%;
  }
}
:root {
  --nav-h: 112px;
}
@media (max-width: 1199.98px) {
  :root {
    --nav-h: 80px;
  }
}
.site-header {
  position: sticky;
  top: 0;
  z-index: 1030;
}
.navbar {
  position: relative;
  height: var(--nav-h);
  padding: 0;
  background-color: #FFFFFF;
  -webkit-backdrop-filter: saturate(160%) blur(22px);
  backdrop-filter: saturate(160%) blur(22px);
  transition: height 350ms cubic-bezier(0.25, 1, 0.5, 1), background-color 350ms cubic-bezier(0.25, 1, 0.5, 1), box-shadow 350ms cubic-bezier(0.25, 1, 0.5, 1);
}
.navbar .navbar-inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 32px;
  height: 100%;
}
@media (max-width: 1199.98px) {
  .navbar .navbar-inner {
    grid-template-columns: auto 1fr;
  }
}
.navbar .navbar-brand {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}
.navbar .navbar-brand:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.navbar .navbar-brand {
  display: grid;
  gap: 6px;
}
.navbar .navbar-brand {
  --logo-breite: 213px;
}
.navbar .brand-claim {
  display: block;
  overflow: hidden;
  max-height: calc(var(--logo-breite) / 213 * 22);
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: calc(var(--logo-breite) / 213 * 16);
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #2AB7F1;
  white-space: nowrap;
  opacity: 1;
  transition: max-height 350ms cubic-bezier(0.25, 1, 0.5, 1), opacity 250ms cubic-bezier(0.25, 1, 0.5, 1);
}
.navbar .brand-logo {
  display: block;
  width: var(--logo-breite);
  height: auto;
  transition: width 350ms cubic-bezier(0.25, 1, 0.5, 1);
}
@media (max-width: 1199.98px) {
  .navbar .navbar-brand {
    --logo-breite: 180px;
  }
}
@media (max-width: 575.98px) {
  .navbar .navbar-brand {
    --logo-breite: 150px;
  }
}
.navbar .navbar-nav {
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.navbar .navbar-nav .nav-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: #151412;
  transition: color 200ms ease;
}
.navbar .navbar-nav .nav-link:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.navbar .navbar-nav .nav-link i {
  font-size: 12px;
  transition: transform 200ms ease;
}
.navbar .navbar-nav .nav-link::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 4px;
  height: 2px;
  border-radius: 2px;
  background-color: #2AB7F1;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link.active {
  color: #151412;
}
.navbar .navbar-nav .nav-link:hover::after, .navbar .navbar-nav .nav-link.active::after {
  transform: scaleX(1);
}
.navbar .navbar-nav .nav-item:hover .nav-link i {
  transform: rotate(180deg);
}
.navbar .submenu {
  position: absolute;
  top: 100%;
  margin: 0;
  padding: 8px;
  list-style: none;
  border-radius: 0 0 24px 24px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 0 #E6E3DD, 0 30px 60px -20px rgba(21, 20, 18, 0.18);
}
.navbar .submenu::before {
  content: "";
  position: absolute;
  top: -24px;
  left: 0;
  right: 0;
  height: 24px;
}
.navbar .submenu a {
  display: block;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 14px;
  color: #151412;
  text-decoration: none;
}
.navbar .submenu a:hover {
  background-color: #FAF9F7;
}
.navbar .navbar-nav .nav-item--mega {
  position: static;
}
.navbar .submenu--mega {
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 2 * 24px);
  max-width: calc(1200px + 2 * 24px);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  padding: 20px 14px;
  border-top: 1px solid #E6E3DD;
}
.navbar .submenu--mega .submenu-groups {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0 16px;
  padding: 0;
}
.navbar .submenu--mega .submenu-group p {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px;
  padding: 0 10px 10px;
  border-bottom: 1px solid #E6E3DD;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6F6C66;
}
.navbar .submenu--mega .submenu-group p i {
  font-size: 14px;
  color: #0E6C96;
}
.navbar .submenu--mega .submenu-group ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.navbar .submenu--mega .submenu-group a {
  padding: 7px 10px;
  font-size: 16px;
  line-height: 1.35;
}
.navbar .submenu--mega .submenu-group a:hover {
  background-color: #E8F6FD;
  color: #0E6C96;
}
.navbar .submenu--mega .submenu-teaser {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  margin-inline: 10px;
  padding: 14px 18px;
  border-radius: 16px;
  background: radial-gradient(60% 180% at 100% 0%, rgba(42, 183, 241, 0.32) 0%, rgba(42, 183, 241, 0) 70%), #0B0B0A;
}
.navbar .submenu--mega .submenu-teaser:hover {
  background-color: #0B0B0A;
}
.navbar .submenu--mega .submenu-teaser .submenu-teaser-zeichen {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.08);
  color: #2AB7F1;
}
.navbar .submenu--mega .submenu-teaser .submenu-teaser-zeichen i {
  font-size: 18px;
}
.navbar .submenu--mega .submenu-teaser .submenu-teaser-wort {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2px;
}
.navbar .submenu--mega .submenu-teaser .submenu-teaser-title {
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.015em;
  color: #FFFFFF;
}
.navbar .submenu--mega .submenu-teaser .submenu-teaser-text {
  font-size: 14px;
  color: #A3A09A;
}
.navbar .submenu--mega .submenu-teaser .link-arrow {
  font-size: 16px;
  color: #FFFFFF;
  white-space: nowrap;
}
.navbar .submenu--mega .submenu-teaser:hover .link-arrow {
  color: #2AB7F1;
}
.navbar .submenu--mega .submenu-teaser:hover .link-arrow i {
  transform: translateX(3px);
}
.navbar .navbar-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  flex-shrink: 0;
}
.navbar .navbar-toggler {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: #151412;
  color: #FFFFFF;
  box-shadow: none;
}
.navbar .navbar-toggler:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.navbar .navbar-toggler i {
  font-size: 24px;
}
.navbar.scrolled .brand-claim {
  max-height: 0;
  opacity: 0;
}
.navbar.scrolled {
  --nav-h: 88px;
  background-color: rgba(255, 255, 255, 0.94);
  box-shadow: 0 1px 0 rgba(21, 20, 18, 0.06), 0 12px 32px -18px rgba(21, 20, 18, 0.25);
}
.navbar.scrolled .navbar-brand {
  --logo-breite: 200px;
}
@media (max-width: 1199.98px) {
  .navbar.scrolled {
    --nav-h: 68px;
  }
  .navbar.scrolled .navbar-brand {
    --logo-breite: 160px;
  }
}
@media (max-width: 575.98px) {
  .navbar.scrolled .navbar-brand {
    --logo-breite: 140px;
  }
}
@media (max-width: 1199.98px) {
  .navbar .navbar-inner {
    gap: 16px;
  }
}
.btn.btn-cta {
  gap: 14px;
  min-height: 54px;
  padding: 15px 28px 15px 32px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.01em;
  background-color: #2AB7F1;
  color: #151412;
  box-shadow: 0 10px 26px -12px rgba(42, 183, 241, 0.9);
  transition: background-color 200ms ease, box-shadow 300ms cubic-bezier(0.25, 1, 0.5, 1), transform 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
.btn.btn-cta i {
  font-size: 19px;
}
.btn.btn-cta:hover, .btn.btn-cta:focus-visible, .btn.btn-cta:active {
  background-color: #5FCDF5;
  color: #151412;
  transform: translateY(-1px);
  box-shadow: 0 16px 34px -12px #2ab7f1;
}
@media (max-width: 1199.98px) {
  .btn.btn-cta {
    min-height: 46px;
    padding: 11px 20px 11px 22px;
    font-size: 16px;
  }
}
.btn-outline-light {
  gap: 14px;
  min-height: 52px;
  padding: 14px 26px 14px 30px;
  font-size: 18px;
  font-weight: 400;
  background-color: transparent;
  color: #FFFFFF;
  box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.85);
}
.btn-outline-light i {
  font-size: 18px;
}
.btn-outline-light:hover, .btn-outline-light:focus-visible {
  background-color: #FFFFFF;
  color: #151412;
  box-shadow: inset 0 0 0 1.5px #FFFFFF;
}
.btn-outline-light:focus-visible {
  outline: 2px solid #FFFFFF;
  outline-offset: 2px;
}
.navbar .navbar-nav .nav-link {
  white-space: nowrap;
}
@media (min-width: 1200px) {
  .navbar .navbar-inner {
    gap: 20px;
  }
  .navbar .navbar-brand {
    --logo-breite: 200px;
  }
  .navbar .navbar-nav {
    gap: 0;
  }
  .navbar .navbar-nav .nav-link {
    padding: 10px 12px;
    font-size: 16px;
  }
  .navbar .btn-cta {
    min-height: 48px;
    padding: 12px 22px 12px 26px;
    font-size: 16px;
  }
}
.navbar .navbar-nav {
  align-self: stretch;
}
.navbar .nav-item--klapp {
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
}
.navbar .submenu--klapp {
  left: -10px;
  min-width: 272px;
  padding: 20px 14px;
  border-top: 1px solid #E6E3DD;
  border-radius: 0 0 24px 24px;
}
.navbar .submenu--klapp a {
  padding: 7px 10px;
  font-size: 16px;
  line-height: 1.35;
}
.navbar .submenu--klapp a:hover {
  background-color: #E8F6FD;
  color: #0E6C96;
}
.navbar .submenu--klapp li:last-child {
  margin-top: 9px;
  padding-top: 9px;
  border-top: 1px solid #E6E3DD;
}
.navbar .submenu--klapp .submenu-alle {
  color: #0E6C96;
}
.navbar .submenu--klapp .submenu-alle i {
  margin-left: 6px;
  font-size: 13px;
}
.offcanvas {
  --bs-offcanvas-width: min(420px, 100vw);
  background-color: #FFFFFF;
  color: #1C1B19;
}
.offcanvas .offcanvas-header {
  padding: 20px 20px 8px;
}
.offcanvas .offcanvas-header .btn-close {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #FAF9F7;
  opacity: 1;
  background-size: 12px;
}
.offcanvas .offcanvas-body {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 8px 24px 32px;
}
.offcanvas .offcanvas-group p {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #E6E3DD;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6F6C66;
}
.offcanvas .offcanvas-group p i {
  font-size: 14px;
  color: #0E6C96;
}
.offcanvas .offcanvas-group ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.offcanvas .offcanvas-group a {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid #E6E3DD;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  letter-spacing: -0.015em;
  color: #151412;
  text-decoration: none;
}
.offcanvas .offcanvas-group a:hover {
  color: #2AB7F1;
}
.offcanvas .offcanvas-contact {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: auto;
  font-size: 16px;
}
.offcanvas .offcanvas-contact a {
  color: #151412;
  text-decoration: none;
}
.offcanvas .offcanvas-contact i {
  color: #6F6C66;
}
.hero-stage {
  position: relative;
  display: flex;
  align-items: center;
  min-height: max(680px, calc(100vh - 112px));
  min-height: max(680px, calc(100svh - 112px));
  margin: 8px 8px 0;
  padding: 88px 0;
  overflow: hidden;
  isolation: isolate;
  border-radius: 24px;
  background-color: #1B2026;
  color: rgba(255, 255, 255, 0.86);
}
.hero-stage .hero-stage-media {
  position: absolute;
  inset: 0;
  z-index: -2;
}
.hero-stage .hero-stage-media picture {
  display: block;
  width: 100%;
  height: 100%;
}
.hero-stage .hero-stage-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 62% center;
  animation: slow-zoom 2.4s cubic-bezier(0.7, 0.05, 0.25, 1) both;
}
.hero-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(10, 18, 26, 0.92) 0%, rgba(10, 18, 26, 0.82) 32%, rgba(10, 18, 26, 0.38) 56%, rgba(10, 18, 26, 0) 74%), linear-gradient(to top, rgba(10, 18, 26, 0.5) 0%, rgba(10, 18, 26, 0) 32%);
}
@media (min-width: 1200px) {
  .hero-stage--portrait::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(10, 18, 26, 0.52) 0%, rgba(10, 18, 26, 0.48) 32%, rgba(10, 18, 26, 0.44) 52%, rgba(10, 18, 26, 0.18) 60%, rgba(10, 18, 26, 0) 68%), linear-gradient(to top, rgba(10, 18, 26, 0.3) 0%, rgba(10, 18, 26, 0.16) 24%, rgba(10, 18, 26, 0) 44%);
  }
}
.hero-stage .hero-stage-inner {
  position: relative;
  z-index: 2;
}
.hero-stage .hero-stage-copy {
  max-width: 700px;
}
.hero-stage .hero-stage-kicker {
  margin-bottom: 16px;
  font-size: 18px;
  letter-spacing: -0.01em;
  color: #FFFFFF;
}
.hero-stage .hero-stage-title {
  margin-bottom: 14px;
  color: #FFFFFF;
  line-height: 1.08;
  letter-spacing: -0.025em;
  max-width: 16ch;
  font-size: clamp(38px, calc(31.4814814815px + 2.037037037vw), 60px);
}
.hero-stage .hero-stage-sub {
  margin-bottom: 20px;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(19px, calc(18.1111111111px + 0.2777777778vw), 22px);
  font-weight: 400;
  letter-spacing: -0.015em;
  color: #2AB7F1;
}
.hero-stage .hero-stage-sub::first-letter {
  text-transform: uppercase;
}
.hero-stage .hero-stage-text {
  max-width: 62ch;
  margin-bottom: 24px;
  font-size: 18px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.86);
}
.hero-stage .hero-stage-text strong {
  color: #FFFFFF;
  font-weight: 600;
}
.hero-stage .hero-stage-facts {
  display: grid;
  gap: 8px;
  margin: 0 0 32px;
  padding: 0;
  list-style: none;
}
.hero-stage .hero-stage-facts li {
  position: relative;
  padding-left: 22px;
  font-size: 18px;
  color: #FFFFFF;
}
.hero-stage .hero-stage-facts li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 0.62em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #2AB7F1;
}
.hero-stage .hero-stage-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 991.98px) {
  .hero-stage {
    min-height: 0;
    margin: 6px 6px 0;
    padding: 56px 0;
  }
  .hero-stage::before {
    background: linear-gradient(180deg, rgba(12, 16, 20, 0.82) 0%, rgba(12, 16, 20, 0.7) 55%, rgba(12, 16, 20, 0.88) 100%);
  }
  .hero-stage .hero-stage-text {
    font-size: 16px;
  }
  .hero-stage .hero-stage-facts li {
    font-size: 16px;
  }
}
@media (max-width: 575.98px) {
  .hero-stage {
    border-radius: 16px;
  }
  .hero-stage .hero-stage-actions .btn {
    width: 100%;
  }
}
.page-hero {
  padding-top: 96px;
  padding-bottom: 72px;
  background-color: #FAF9F7;
}
.page-hero .page-hero-title {
  max-width: 18ch;
  margin-bottom: 24px;
}
.page-hero .page-hero-text {
  max-width: 62ch;
  margin: 0;
  font-size: 18px;
  line-height: 1.55;
}
@media (max-width: 767.98px) {
  .page-hero {
    padding-top: 64px;
    padding-bottom: 56px;
  }
}
.hero-stage--light {
  background-color: #FAF9F7;
  color: #1C1B19;
  box-shadow: inset 0 0 0 1px #E6E3DD;
  background: radial-gradient(50% 70% at 78% 50%, rgba(42, 183, 241, 0.16) 0%, rgba(42, 183, 241, 0) 70%), #FAF9F7;
}
.hero-stage--light::before {
  content: none;
}
.hero-stage--light .hero-stage-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  gap: 64px;
  align-items: center;
}
@media (max-width: 1199.98px) {
  .hero-stage--light .hero-stage-inner {
    grid-template-columns: 1fr;
    gap: 48px;
  }
}
.hero-stage--light .hero-stage-copy {
  max-width: 620px;
}
.hero-stage--light .hero-stage-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 24px;
  padding: 7px 16px 7px 12px;
  border-radius: 999px;
  background-color: rgba(255, 255, 255, 0.85);
  box-shadow: 0 0 0 1px #E6E3DD;
  font-size: 16px;
  color: #151412;
}
.hero-stage--light .hero-stage-kicker::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #2AB7F1;
  box-shadow: 0 0 0 4px rgba(42, 183, 241, 0.18);
}
.hero-stage--light .hero-stage-title {
  margin-bottom: 12px;
  color: #151412;
}
.hero-stage--light .hero-stage-sub {
  margin-bottom: 22px;
  color: #2AB7F1;
}
.hero-stage--light .hero-stage-text {
  margin-bottom: 26px;
  font-size: 18px;
  line-height: 1.55;
  color: #1C1B19;
}
.hero-stage--light .hero-stage-text strong {
  color: #151412;
}
.hero-stage--light .hero-stage-facts {
  gap: 10px;
}
.hero-stage--light .hero-stage-facts li {
  padding-left: 32px;
  font-size: 16px;
  color: #151412;
}
.hero-stage--light .hero-stage-facts li::before {
  left: 0;
  top: 0.1em;
  width: 20px;
  height: 20px;
  background-color: rgba(42, 183, 241, 0.16);
}
.hero-stage--light .hero-stage-facts li::after {
  content: "";
  position: absolute;
  left: 7px;
  top: calc(.1em + 5px);
  width: 6px;
  height: 10px;
  border: solid #2AB7F1;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.hero-search {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  width: 100%;
  max-width: 480px;
  justify-self: end;
  align-self: end;
  margin-bottom: -8px;
}
.hero-search-bar, .hero-search-result, .hero-search-ghost {
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.82);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6), 0 24px 50px -24px rgba(10, 24, 36, 0.5);
  -webkit-backdrop-filter: blur(18px) saturate(1.2);
  backdrop-filter: blur(18px) saturate(1.2);
}
.hero-search-bar {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 15px 22px;
  border-radius: 999px;
  font-size: 17px;
  color: #151412;
}
.hero-search-bar i {
  color: #6F6C66;
  font-size: 17px;
}
.hero-search-typed {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  border-right: 2px solid #2AB7F1;
  animation: hero-type 0.8s steps(var(--zeichen, 19), end) 0.25s both, hero-caret 0.6s step-end 1.05s 3 both;
}
.hero-search-result {
  position: relative;
  padding: 22px 24px;
  background-color: rgba(239, 249, 254, 0.94);
  box-shadow: inset 0 0 0 1.5px rgba(42, 183, 241, 0.7), 0 30px 60px -28px rgba(10, 24, 36, 0.55);
  animation: hero-rise 0.5s cubic-bezier(0.25, 1, 0.5, 1) 1.1s both;
}
.hero-search-result p {
  margin: 0;
}
.hero-search-rank {
  position: absolute;
  top: -12px;
  right: 18px;
  padding: 4px 12px;
  border-radius: 999px;
  background-color: #2AB7F1;
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
  animation: hero-pop 0.35s cubic-bezier(0.25, 1, 0.5, 1) 1.55s both;
}
.hero-search-src {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  min-width: 0;
}
.hero-search-src > span {
  min-width: 0;
}
.hero-search-src b {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #151412;
}
.hero-search-src em {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  font-style: normal;
  color: #6F6C66;
}
.hero-search-fav {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 30px;
  min-width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px rgba(21, 20, 18, 0.06);
}
.hero-search-title {
  margin-bottom: 6px !important;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: #1a0dab;
}
.hero-search-desc {
  font-size: 14px;
  line-height: 1.55;
  color: #1C1B19;
}
.hero-search-ghost {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 18px 24px;
  animation: hero-fade 0.4s cubic-bezier(0.25, 1, 0.5, 1) 1.3s both;
}
.hero-search-ghost i {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #e3e7ec;
}
.hero-search-ghost > span {
  flex: 1 1 auto;
  min-width: 0;
}
.hero-search-ghost > span b, .hero-search-ghost > span em {
  display: block;
  width: var(--b);
  border-radius: 999px;
  background-color: #E1E4E8;
}
.hero-search-ghost > span b {
  height: 9px;
}
.hero-search-ghost > span em {
  height: 13px;
  margin-top: 8px;
  background-color: #D9E4F2;
}
.hero-search-ghost:nth-last-of-type(4) {
  opacity: 0.8;
}
.hero-search-ghost:nth-last-of-type(3) {
  opacity: 0.6;
}
.hero-search-ghost:nth-last-of-type(2) {
  opacity: 0.42;
}
.hero-search-ghost:nth-last-of-type(1) {
  opacity: 0.26;
}
.hero-search-reiter {
  display: flex;
  gap: 20px;
  padding: 0 24px;
  font-size: 14px;
  color: #6F6C66;
}
.hero-search-reiter .is-active {
  position: relative;
  font-weight: 600;
  color: #151412;
}
.hero-search-reiter .is-active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -7px;
  height: 2px;
  border-radius: 2px;
  background-color: #2AB7F1;
}
.hero-search--hell {
  max-width: none;
}
.hero-search--hell .hero-search-bar, .hero-search--hell .hero-search-result, .hero-search--hell .hero-search-ghost {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.hero-search--hell .hero-search-bar {
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD, 0 2px 6px -4px rgba(14, 34, 52, 0.4);
}
.hero-search--hell .hero-search-result {
  background-color: #E8F6FD;
  box-shadow: inset 0 0 0 1.5px rgba(42, 183, 241, 0.55), 0 24px 44px -32px rgba(14, 34, 52, 0.45);
}
.hero-search--hell .hero-search-ghost {
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD;
}
.js-reveal.is-armed:not(.is-visible) .hero-search * {
  animation: none;
}
@keyframes hero-type {
  from {
    max-width: 0;
  }
  to {
    max-width: 100%;
  }
}
@keyframes hero-caret {
  50% {
    border-color: transparent;
  }
}
@keyframes hero-rise {
  from {
    opacity: 0;
    transform: translateY(18px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes hero-pop {
  from {
    opacity: 0;
    transform: scale(0.6);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes hero-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.hero-photo {
  width: 100%;
  margin: 0;
}
@media (max-width: 1199.98px) {
  .hero-photo {
    max-width: 760px;
  }
}
.hero-photo-frame {
  position: relative;
  padding: 8px;
  border-radius: 30px;
  background-color: rgba(255, 255, 255, 0.75);
  box-shadow: 0 0 0 1px rgba(21, 20, 18, 0.06), 0 40px 80px -40px rgba(14, 34, 52, 0.45);
}
.hero-photo-frame img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 22px;
}
.hero-film-play {
  position: absolute;
  top: 24px;
  left: 24px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 6px 20px 6px 6px;
  border: 0;
  border-radius: 999px;
  background-color: rgba(255, 255, 255, 0.78);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6), 0 16px 34px -16px rgba(10, 18, 26, 0.55);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  color: #151412;
  text-align: left;
  transition: transform 300ms cubic-bezier(0.25, 1, 0.5, 1), background-color 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
.hero-film-play:hover {
  transform: translateY(-2px);
  background-color: rgba(255, 255, 255, 0.95);
}
.hero-film-play:hover .hero-film-play-icon {
  transform: scale(1.06);
}
.hero-film-play:focus-visible {
  outline: 3px solid #2AB7F1;
  outline-offset: 3px;
}
@media (max-width: 575.98px) {
  .hero-film-play {
    position: static;
    width: 100%;
    margin-top: 8px;
    padding: 4px 14px 4px 4px;
    box-shadow: none;
    background-color: #FAF9F7;
  }
  .hero-film-play .hero-film-play-icon {
    width: 32px;
    height: 32px;
    font-size: 18px;
  }
}
.hero-film-play-icon {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #2AB7F1;
  font-size: 21px;
  color: #FFFFFF;
  box-shadow: 0 0 0 5px rgba(42, 183, 241, 0.2);
  transition: transform 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
.hero-film-play-icon i {
  margin-left: 2px;
}
.hero-film-play-text b {
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}
.hero-film-play-text em {
  display: block;
  font-size: 12px;
  font-style: normal;
  color: #6F6C66;
}
.hero-stage--portrait {
  align-items: center;
  margin: 0;
  padding: 36px 0;
  border-radius: 0;
  background-color: #0E171E;
}
.hero-stage--portrait::before {
  background: radial-gradient(21% 27% at 74% 22%, rgba(42, 183, 241, 0.2) 0%, rgba(42, 183, 241, 0.09) 48%, rgba(42, 183, 241, 0) 100%), radial-gradient(52% 76% at 74% 56%, rgba(42, 183, 241, 0.19) 0%, rgba(42, 183, 241, 0.11) 34%, rgba(42, 183, 241, 0.04) 60%, rgba(42, 183, 241, 0) 86%), radial-gradient(46% 66% at 8% 10%, rgba(42, 183, 241, 0.08) 0%, rgba(42, 183, 241, 0.03) 44%, rgba(42, 183, 241, 0) 80%), linear-gradient(180deg, #13212B 0%, #0E171E 100%);
}
.hero-stage--portrait .hero-stage-inner {
  position: relative;
  z-index: 2;
}
.hero-stage--portrait .hero-stage-inner {
  display: block;
}
.hero-stage--portrait .hero-stage-copy {
  max-width: 690px;
}
.hero-stage--portrait .hero-stage-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 14px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
}
.hero-stage--portrait .hero-stage-kicker::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #2AB7F1;
  box-shadow: 0 0 0 4px rgba(42, 183, 241, 0.22);
}
.hero-stage--portrait .hero-stage-title {
  color: #FFFFFF;
}
.hero-stage--portrait .hero-stage-sub {
  color: #2AB7F1;
}
.hero-stage--portrait .hero-stage-text {
  margin-bottom: 24px;
  font-size: 18px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.76);
}
.hero-stage--portrait .hero-stage-text strong {
  color: #FFFFFF;
}
.hero-stage--portrait .hero-film-btn {
  gap: 12px;
  padding-left: 8px;
}
.hero-stage--portrait .hero-film-btn-icon {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #FFFFFF;
  font-size: 18px;
  color: #0E171E;
}
.hero-stage--portrait .hero-film-btn-icon i {
  margin-left: 2px;
}
.hero-stage--portrait .hero-trust-note {
  margin: 0;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.78);
}
.hero-stage--portrait .hero-trust {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 20px;
  max-width: 780px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}
.hero-stage--portrait .hero-trust .hero-trust-logos, .hero-stage--portrait .hero-trust .hero-trust-note {
  flex-basis: 100%;
}
.hero-stage--portrait .hero-trust .hero-trust-note {
  font-size: 14px;
}
.hero-stage--portrait .hero-trust-logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 28px;
}
@media (max-width: 575.98px) {
  .hero-stage--portrait .hero-trust-logos {
    gap: 18px 20px;
  }
}
.hero-stage--portrait .hero-trust-plate {
  display: grid;
  place-items: center;
  height: 68px;
  text-decoration: none;
  transition: transform 300ms cubic-bezier(0.25, 1, 0.5, 1), opacity 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
.hero-stage--portrait .hero-trust-plate:focus-visible {
  outline: 2px solid #FFFFFF;
  outline-offset: 2px;
}
.hero-stage--portrait .hero-trust-plate:hover, .hero-stage--portrait .hero-trust-plate:focus-visible {
  transform: translateY(-2px);
}
.hero-stage--portrait .hero-trust-plate img {
  display: block;
  width: auto;
  height: auto;
  max-width: 190px;
  max-height: 42px;
  object-fit: contain;
}
.hero-stage--portrait .hero-trust-plate--google {
  padding: 0 12px;
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.96);
}
.hero-stage--portrait .hero-trust-plate--ms img {
  max-height: 40px;
}
.hero-stage--portrait .hero-trust-plate--siegel img {
  max-height: 62px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.22);
}
.hero-stage--portrait .hero-trust-trenner {
  width: 1px;
  height: 34px;
  background-color: rgba(255, 255, 255, 0.18);
}
.hero-stage--portrait .hero-trust-fakt {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 68px;
  text-decoration: none;
  transition: transform 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
.hero-stage--portrait .hero-trust-fakt:focus-visible {
  outline: 2px solid #FFFFFF;
  outline-offset: 2px;
}
.hero-stage--portrait .hero-trust-fakt > img {
  flex: none;
  width: 38px;
  height: 38px;
}
.hero-stage--portrait .hero-trust-fakt .htf-yt {
  flex: none;
  font-size: 38px;
  line-height: 1;
  color: #FF0033;
}
.hero-stage--portrait .hero-trust-fakt .htf-text {
  display: grid;
  gap: 2px;
  line-height: 1.15;
}
.hero-stage--portrait .hero-trust-fakt b {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 17px;
  font-weight: 600;
  color: #FFFFFF;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.hero-stage--portrait .hero-trust-fakt em {
  font-size: 13px;
  font-style: normal;
  color: rgba(255, 255, 255, 0.85);
  white-space: nowrap;
}
.hero-stage--portrait .hero-trust-fakt .htf-sterne {
  font-size: 13px;
  letter-spacing: 0.08em;
  color: #F5B50A;
}
.hero-stage--portrait .hero-trust-fakt:hover, .hero-stage--portrait .hero-trust-fakt:focus-visible {
  transform: translateY(-2px);
}
.hero-stage--portrait .hero-trust-fakt:hover em, .hero-stage--portrait .hero-trust-fakt:focus-visible em {
  color: rgba(255, 255, 255, 0.9);
}
.hero-stage--portrait .hero-stage-facts {
  display: grid;
  gap: 8px;
  margin: 0 0 32px;
  padding: 0;
  list-style: none;
}
.hero-stage--portrait .hero-stage-facts li {
  position: relative;
  padding-left: 22px;
  font-size: 18px;
  color: #FFFFFF;
}
.hero-stage--portrait .hero-stage-facts li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 0.62em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #2AB7F1;
}
.hero-stage--portrait .hero-stage-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 991.98px) {
  .hero-stage--portrait {
    min-height: 0;
    margin: 6px 6px 0;
    padding: 56px 0;
  }
  .hero-stage--portrait::before {
    background: linear-gradient(180deg, rgba(12, 16, 20, 0.82) 0%, rgba(12, 16, 20, 0.7) 55%, rgba(12, 16, 20, 0.88) 100%);
  }
  .hero-stage--portrait .hero-stage-text {
    font-size: 16px;
  }
  .hero-stage--portrait .hero-stage-facts li {
    font-size: 16px;
  }
}
@media (max-width: 575.98px) {
  .hero-stage--portrait {
    border-radius: 16px;
  }
  .hero-stage--portrait .hero-stage-actions .btn {
    width: 100%;
  }
}
.hero-stage--portrait .hero-stage-facts {
  display: grid;
  gap: 8px;
  margin: 0;
}
.hero-stage--portrait .hero-stage-facts li {
  padding-left: 30px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.88);
}
.hero-stage--portrait .hero-stage-facts li::before {
  left: 0;
  top: 0.05em;
  width: 20px;
  height: 20px;
  background-color: rgba(42, 183, 241, 0.22);
}
.hero-stage--portrait .hero-stage-facts li::after {
  content: "";
  position: absolute;
  left: 7px;
  top: calc(.05em + 5px);
  width: 6px;
  height: 10px;
  border: solid #2AB7F1;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
@media (max-width: 1199.98px) {
  .hero-stage--portrait {
    flex-direction: column;
    align-items: stretch;
    padding-top: 0;
  }
  .hero-stage--portrait::before {
    background: radial-gradient(96% 50% at 50% 16%, rgba(42, 183, 241, 0.16) 0%, rgba(42, 183, 241, 0.09) 34%, rgba(42, 183, 241, 0.03) 60%, rgba(42, 183, 241, 0) 86%), linear-gradient(180deg, #13212B 0%, #0E171E 100%);
  }
  .hero-stage--portrait .hero-trust {
    margin-top: 48px;
  }
}
.page-hero {
  padding-top: 96px;
  padding-bottom: 72px;
  background-color: #FAF9F7;
}
.page-hero .page-hero-title {
  max-width: 18ch;
  margin-bottom: 24px;
}
.page-hero .page-hero-text {
  max-width: 62ch;
  margin: 0;
  font-size: 18px;
  line-height: 1.55;
}
@media (max-width: 767.98px) {
  .page-hero {
    padding-top: 64px;
    padding-bottom: 56px;
  }
}
.hero-person {
  position: absolute;
  right: 3%;
  bottom: 0;
  z-index: 0;
  height: 96%;
  aspect-ratio: 1.1144781145;
}
.hero-person > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom;
  filter: drop-shadow(0 30px 60px rgba(0, 0, 0, 0.35));
  animation: hero-person-in 1.1s cubic-bezier(0.7, 0.05, 0.25, 1) both;
}
@media (max-width: 1599.98px) {
  .hero-person {
    height: 88%;
    right: -2%;
  }
}
@media (max-width: 1399.98px) {
  .hero-person {
    height: 73%;
  }
}
@media (max-width: 1199.98px) {
  .hero-person {
    position: relative;
    right: auto;
    order: -1;
    width: min(460px, 100%);
    height: auto;
    margin: 24px auto -24px;
  }
  .hero-person > img {
    -webkit-mask-image: linear-gradient(to bottom, #000 70%, transparent 100%);
    mask-image: linear-gradient(to bottom, #000 70%, transparent 100%);
  }
}
@keyframes hero-person-in {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.film-dialog {
  width: min(1120px, 92vw);
  max-width: none;
  padding: 0;
  border: 0;
  overflow: visible;
  background: transparent;
}
.film-dialog::backdrop {
  background-color: rgba(10, 14, 18, 0.82);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.film-dialog[open] {
  animation: film-in 400ms cubic-bezier(0.25, 1, 0.5, 1) both;
}
.film-dialog-video {
  display: block;
  width: 100%;
  aspect-ratio: 1.7777777778;
  border-radius: 18px;
  background-color: #000;
}
.film-dialog-close {
  position: absolute;
  top: -56px;
  right: 0;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.14);
  font-size: 18px;
  color: #FFFFFF;
}
.film-dialog-close:hover {
  background-color: rgba(255, 255, 255, 0.26);
}
.film-dialog-close:focus-visible {
  outline: 3px solid #2AB7F1;
  outline-offset: 3px;
}
@keyframes film-in {
  from {
    opacity: 0;
    transform: translateY(16px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero-person > img, .hero-search *, .hero-search-typed, .film-dialog[open] {
    animation: none !important;
  }
}
@media (min-width: 992px) and (max-height: 860px) {
  .hero-stage--portrait {
    min-height: 0;
    padding: 26px 0;
  }
  .hero-stage--portrait .hero-stage-title {
    margin-bottom: 10px;
    font-size: clamp(38px, 3.4vw, 46px);
  }
  .hero-stage--portrait .hero-stage-sub {
    margin-bottom: 14px;
  }
  .hero-stage--portrait .hero-stage-text {
    margin-bottom: 22px;
    font-size: 17px;
    line-height: 1.5;
  }
  .hero-stage--portrait .hero-trust {
    margin-top: 14px;
    padding-top: 14px;
    gap: 8px 24px;
  }
  .hero-stage--portrait .hero-trust-logos {
    gap: 16px;
  }
  .hero-stage--portrait .hero-trust-plate {
    height: 56px;
  }
  .hero-stage--portrait .hero-trust-plate img {
    max-height: 36px;
  }
  .hero-stage--portrait .hero-trust-plate--ms img {
    max-height: 34px;
  }
  .hero-stage--portrait .hero-trust-plate--siegel img {
    max-height: 52px;
  }
  .hero-stage--portrait .hero-trust-note {
    font-size: 14px;
  }
  .hero-stage--portrait .hero-trust-fakt {
    height: 56px;
    gap: 8px;
  }
  .hero-stage--portrait .hero-trust-fakt > img {
    width: 32px;
    height: 32px;
  }
  .hero-stage--portrait .hero-trust-fakt .htf-yt {
    font-size: 32px;
  }
  .hero-stage--portrait .hero-trust-fakt b {
    font-size: 16px;
  }
  .hero-stage--portrait .hero-trust-fakt em {
    font-size: 12px;
  }
}
.section-head {
  margin-bottom: 64px;
}
.section-head:has(+ .prosa), .section-head:has(+ figure), .section-head:has(+ .text-zwei), .section-head:has(+ .text-zwei-kopf), .section-head:has(+ p), .section-head:has(+ h3) {
  margin-bottom: 0;
}
.section-head + .prosa, .section-head + figure, .section-head + .text-zwei, .section-head + .text-zwei-kopf, .section-head + p, .section-head + h3 {
  margin-top: 30px;
}
.section-head h2, .section-head .h2 {
  margin-bottom: 20px;
  max-width: 22ch;
  text-wrap: balance;
}
.section-head p {
  margin: 0;
}
.section-head--center {
  text-align: center;
}
.section-head--center h2, .section-head--center .h2, .section-head--center p {
  margin-inline: auto;
}
.section-head--center h2, .section-head--center .h2 {
  max-width: 30ch;
}
@media (max-width: 767.98px) {
  .section-head {
    margin-bottom: 40px;
  }
}
.section-head, .references-head, .fs-head {
  position: relative;
  padding-top: 28px;
}
@media (max-width: 767.98px) {
  .section-head, .references-head, .fs-head {
    padding-top: 22px;
  }
}
.statement .statement-title {
  max-width: 20ch;
  margin: 0 auto 28px;
  text-align: center;
}
.statement .statement-text {
  max-width: 64ch;
  margin: 0 auto;
  text-align: center;
  font-size: 18px;
  line-height: 1.6;
}
.statement .statement-lead {
  margin: 64px 0 0;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-align: center;
  text-transform: uppercase;
  color: #6F6C66;
}
.statement .statement-outro {
  max-width: 56ch;
  margin: 56px auto 0;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 22px;
  line-height: 1.45;
  letter-spacing: -0.01em;
  text-align: center;
  color: #151412;
}
@media (max-width: 767.98px) {
  .statement .statement-outro {
    font-size: 18px;
    margin-top: 40px;
  }
}
.problem-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 24px;
}
@media (max-width: 1199.98px) {
  .problem-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575.98px) {
  .problem-grid {
    grid-template-columns: 1fr;
  }
}
.problem-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 100%;
  padding: 28px;
  border-radius: 24px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px rgba(21, 20, 18, 0.08), 0 1px 2px rgba(21, 20, 18, 0.04);
  transition: transform 500ms cubic-bezier(0.25, 1, 0.5, 1), box-shadow 500ms cubic-bezier(0.25, 1, 0.5, 1);
}
.problem-card .problem-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 20px;
}
.problem-card .problem-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background-color: #FAFAFA;
  box-shadow: inset 0 0 0 1px rgba(21, 20, 18, 0.06);
  color: #151412;
  transition: background-color 500ms cubic-bezier(0.25, 1, 0.5, 1), color 500ms cubic-bezier(0.25, 1, 0.5, 1);
}
.problem-card .problem-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.problem-card .problem-index {
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.06em;
  color: #6F6C66;
}
.problem-card h3 {
  margin: 0;
}
.problem-card p {
  margin: 0;
  font-size: 16px;
  line-height: 1.55;
}
@media (hover: hover) {
  .problem-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 0 0 1px rgba(21, 20, 18, 0.08), 0 24px 48px -24px rgba(21, 20, 18, 0.18);
  }
  .problem-card:hover .problem-icon {
    background-color: #151412;
    color: #FFFFFF;
  }
}
.specialty-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 991.98px) {
  .specialty-grid {
    grid-template-columns: 1fr;
  }
}
.specialty-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 520px;
  padding: 32px;
  border-radius: 24px;
  overflow: hidden;
  isolation: isolate;
  color: rgba(255, 255, 255, 0.74);
  text-decoration: none;
  background-color: #1F1E1B;
}
.specialty-card .specialty-media {
  position: absolute;
  inset: 0;
  z-index: -1;
  transition: transform 1.2s cubic-bezier(0.7, 0.05, 0.25, 1);
}
.specialty-card .specialty-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.specialty-card .specialty-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.287) 55%, rgba(0, 0, 0, 0.15) 100%);
}
.specialty-card .specialty-media--1 {
  background: radial-gradient(60% 50% at 30% 20%, rgba(42, 183, 241, 0.38), rgba(0, 0, 0, 0) 70%), linear-gradient(170deg, #2B2925 0%, #11100E 100%);
}
.specialty-card .specialty-media--2 {
  background: radial-gradient(55% 45% at 70% 25%, rgba(214, 210, 202, 0.22), rgba(0, 0, 0, 0) 70%), linear-gradient(170deg, #26241F 0%, #0F0E0D 100%);
}
.specialty-card .specialty-media--3 {
  background: radial-gradient(45% 40% at 50% 30%, rgba(120, 140, 170, 0.28), rgba(0, 0, 0, 0) 70%), linear-gradient(170deg, #22211E 0%, #0D0D0C 100%);
}
.specialty-card .specialty-tag {
  margin-bottom: auto;
  align-self: flex-start;
  padding: 6px 12px;
  border-radius: 9999px;
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14);
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #FFFFFF;
}
.specialty-card h3 {
  margin: 0 0 12px;
  color: #FFFFFF;
}
.specialty-card p {
  margin: 0 0 24px;
  font-size: 16px;
  line-height: 1.55;
  max-width: 40ch;
}
.specialty-card strong {
  font-weight: 500;
  color: #FFFFFF;
}
.specialty-card .link-arrow {
  color: #FFFFFF;
}
.specialty-card:hover {
  color: rgba(255, 255, 255, 0.74);
}
.specialty-card:hover .specialty-media {
  transform: scale(1.04);
}
.specialty-card:hover .link-arrow i {
  transform: translateX(3px);
}
.specialty-card:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
@media (max-width: 991.98px) {
  .specialty-card {
    min-height: 420px;
  }
}
.why-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 32px;
}
@media (max-width: 1199.98px) {
  .why-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .why-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575.98px) {
  .why-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
.why-item {
  position: relative;
  padding: 26px 26px 28px;
  border-top: 0;
  border-radius: 16px;
  background-color: #151514;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
  transition: transform 400ms cubic-bezier(0.25, 1, 0.5, 1), background-color 400ms cubic-bezier(0.25, 1, 0.5, 1), box-shadow 400ms cubic-bezier(0.25, 1, 0.5, 1);
}
.why-item:hover {
  transform: translateY(-4px);
  background-color: #0d171a;
  box-shadow: inset 0 0 0 1px rgba(42, 183, 241, 0.4);
}
.why-item:hover .why-icon {
  transform: scale(1.06);
  box-shadow: 0 0 0 1px rgba(42, 183, 241, 0.5), 0 16px 30px -18px rgba(42, 183, 241, 0.9);
}
.why-item .why-icon {
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  margin-bottom: 22px;
  border-radius: 18px;
  background-color: rgba(42, 183, 241, 0.12);
  box-shadow: 0 0 0 1px rgba(42, 183, 241, 0.22);
  transition: transform 400ms cubic-bezier(0.25, 1, 0.5, 1), box-shadow 400ms cubic-bezier(0.25, 1, 0.5, 1);
}
.why-item .why-icon img {
  width: 34px;
  height: 34px;
}
.why-item .why-index {
  position: absolute;
  top: 26px;
  right: 26px;
  display: block;
  margin-bottom: 0;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.06em;
  color: #2AB7F1;
}
.why-item h3 {
  margin-bottom: 12px;
}
.why-item p {
  margin: 0;
  font-size: 16px;
  line-height: 1.55;
}
.cta-band {
  padding: 8px;
}
.cta-band .cta-band-inner {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: 112px 24px;
  border-radius: 24px;
  background: radial-gradient(50% 80% at 50% 0%, rgba(42, 183, 241, 0.22) 0%, rgba(42, 183, 241, 0) 70%), linear-gradient(180deg, #1A1916 0%, #0B0B0A 100%);
  text-align: center;
  color: #A3A09A;
}
.cta-band .cta-band-inner::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.08;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: 180px;
  mix-blend-mode: overlay;
}
@media (max-width: 767.98px) {
  .cta-band .cta-band-inner {
    padding: 72px 20px;
    border-radius: 16px;
  }
}
.cta-band .eyebrow {
  justify-content: center;
}
.cta-band .cta-band-title {
  max-width: none;
  margin: 0 auto 20px;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(30px, calc(25.8518518519px + 1.2962962963vw), 44px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #FFFFFF;
}
@media (min-width: 768px) {
  .cta-band .cta-band-title {
    white-space: nowrap;
  }
}
.cta-band .cta-band-text {
  max-width: 48ch;
  margin: 0 auto 36px;
  font-size: 18px;
  line-height: 1.55;
}
.cta-band .cta-band-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
@media (max-width: 575.98px) {
  .cta-band .cta-band-actions .btn {
    width: 100%;
    justify-content: center;
  }
}
.experience {
  padding-top: 88px;
  padding-bottom: 88px;
}
@media (max-width: 767.98px) {
  .experience {
    padding-top: 56px;
    padding-bottom: 56px;
  }
}
.experience .experience-zahlen {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr));
  gap: 0;
  margin: 64px 0 0;
}
.experience .ez-item {
  position: relative;
  padding: 26px 32px 0 0;
}
.experience .ez-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 28px;
  height: 2px;
  background-color: #2AB7F1;
}
.experience .ez-item + .ez-item {
  padding-left: 32px;
}
.experience .ez-item + .ez-item::before {
  left: 32px;
}
.experience .ez-num {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 0 0 12px;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 44px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #151412;
  font-variant-numeric: tabular-nums;
}
.experience .ez-sterne {
  font-size: 14px;
  letter-spacing: 0.1em;
  color: #A87700;
}
.experience .ez-label {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
  color: #151412;
}
.experience .ez-label span {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  color: #6F6C66;
}
.experience .experience-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 24px;
  margin-top: 52px;
}
.experience .experience-feinprint {
  margin: 0;
  font-size: 14px;
  color: #6F6C66;
}
@media (max-width: 767.98px) {
  .experience .experience-zahlen {
    grid-template-columns: repeat(2, 1fr);
    gap: 28px 0;
    margin-top: 44px;
  }
  .experience .ez-item {
    padding: 20px 20px 0 0;
  }
  .experience .ez-item + .ez-item {
    padding-left: 0;
  }
  .experience .ez-item + .ez-item::before {
    left: 0;
  }
  .experience .ez-item:nth-child(even) {
    padding-left: 24px;
  }
  .experience .ez-item:nth-child(even)::before {
    left: 24px;
  }
  .experience .ez-num {
    font-size: 34px;
  }
}
.experience .exp-grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: 64px;
  align-items: center;
}
@media (max-width: 991.98px) {
  .experience .exp-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
.experience .exp-foto {
  position: relative;
  margin: 0;
}
.experience .exp-foto img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 0.8;
  object-fit: cover;
  border-radius: 20px;
  box-shadow: 0 0 0 1px rgba(21, 20, 18, 0.06), 0 40px 80px -50px rgba(11, 11, 10, 0.85);
}
.experience .exp-schild {
  position: absolute;
  left: 20px;
  bottom: 20px;
  display: grid;
  gap: 2px;
  padding: 13px 20px;
  border-radius: 14px;
  background-color: rgba(14, 18, 24, 0.52);
  -webkit-backdrop-filter: saturate(150%) blur(14px);
  backdrop-filter: saturate(150%) blur(14px);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);
}
.experience .es-name {
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: #FFFFFF;
}
.experience .es-rolle {
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
}
@media (max-width: 575.98px) {
  .experience .exp-schild {
    left: 12px;
    bottom: 12px;
    padding: 10px 15px;
  }
  .experience .es-name {
    font-size: 17px;
  }
}
.experience .exp-text h2 {
  margin: 0 0 20px;
  max-width: 18ch;
}
.experience .exp-name {
  margin: 0;
  font-size: clamp(21px, calc(19.5185185185px + 0.462962963vw), 26px);
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #151412;
}
.experience .exp-rolle {
  margin: 6px 0 0;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #0E6C96;
}
.experience .exp-lead {
  margin: 0;
  font-size: 18px;
  line-height: 1.55;
  color: #1C1B19;
}
.experience .exp-zeit {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr));
  gap: 0;
  margin: 32px 0 0;
  padding: 0;
  counter-reset: none;
}
.experience .exp-zeit li {
  position: relative;
  padding: 22px 24px 0 0;
  border-top: 1px solid #D6D2CA;
}
.experience .exp-zeit li::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #D6D2CA;
}
.experience .exp-zeit li:last-child::before {
  background-color: #2AB7F1;
}
.experience .exp-jahr {
  display: block;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(21px, calc(19.5185185185px + 0.462962963vw), 26px);
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #151412;
}
.experience .exp-station {
  display: block;
  margin-top: 6px;
  font-size: 14px;
  line-height: 1.45;
  color: #6F6C66;
}
.experience .experience-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 96px 0 88px;
  text-align: center;
}
@media (max-width: 767.98px) {
  .experience .experience-hero {
    margin: 64px 0 56px;
  }
}
.experience .experience-kicker {
  margin-bottom: 8px;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6F6C66;
}
.experience .experience-year {
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(96px, 22vw, 280px);
  font-weight: 400;
  line-height: 0.95;
  letter-spacing: -0.06em;
  color: #151412;
}
.stats-band .stats-band-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #D6D2CA;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6F6C66;
}
.stats-band .stats-band-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 991.98px) {
  .stats-band .stats-band-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.stats-band li {
  display: flex;
  flex-direction: column;
  padding: 32px 28px 8px;
  border-left: 1px solid #E6E3DD;
}
.stats-band li:first-child {
  padding-left: 0;
  border-left: 0;
}
@media (max-width: 991.98px) {
  .stats-band li {
    padding: 28px 20px 8px;
  }
  .stats-band li:nth-child(odd) {
    padding-left: 0;
    border-left: 0;
  }
  .stats-band li:nth-child(n+3) {
    border-top: 1px solid #E6E3DD;
    margin-top: 16px;
  }
}
.stats-band .stats-index {
  margin-bottom: 40px;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  color: #6F6C66;
}
.stats-band .stats-value {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 12px;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(48px, calc(39.7037037037px + 2.5925925926vw), 76px);
  line-height: 1;
  letter-spacing: -0.04em;
  color: #151412;
}
.stats-band .stats-unit {
  font-size: 18px;
  letter-spacing: -0.01em;
  color: #6F6C66;
}
.stats-band p {
  max-width: 26ch;
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}
.roll {
  --roll-h: 1.2em;
  display: inline-flex;
  overflow: hidden;
  height: var(--roll-h);
  margin-block: calc((1em - var(--roll-h)) / 2);
  line-height: var(--roll-h);
  vertical-align: baseline;
}
.roll-digit {
  display: flex;
  flex-direction: column;
  transform: translateY(0);
  transition: transform 1.6s cubic-bezier(0.7, 0.05, 0.25, 1);
  transition-delay: var(--roll-delay, 0ms);
}
.roll-digit span {
  display: block;
  height: var(--roll-h);
  line-height: var(--roll-h);
}
.roll.is-rolled .roll-digit {
  transform: translateY(calc(var(--d) * var(--roll-h) * -1));
}
.logo-strip {
  padding-block: 56px 72px;
}
.logo-strip .logo-strip-title {
  margin-bottom: 32px;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-align: center;
  text-transform: uppercase;
  color: #6F6C66;
}
.logo-strip .logo-strip-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 24px 64px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.logo-strip .logo-strip-item {
  display: flex;
  align-items: center;
  height: 64px;
}
.logo-strip img {
  display: block;
  width: auto;
  max-width: 220px;
  height: 32px;
  opacity: 0.6;
  filter: grayscale(1) brightness(0.45) contrast(1.6);
  transition: opacity 200ms cubic-bezier(0.25, 1, 0.5, 1), filter 200ms cubic-bezier(0.25, 1, 0.5, 1);
}
.logo-strip img:hover {
  opacity: 1;
  filter: none;
}
.logo-strip .logo-strip-item--stacked img {
  height: 46px;
}
.logo-strip .logo-strip-item--mark img {
  height: 64px;
}
@media (max-width: 767.98px) {
  .logo-strip {
    padding-block: 40px 48px;
  }
  .logo-strip .logo-strip-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 16px;
    justify-items: center;
  }
  .logo-strip img {
    height: 24px;
    max-width: 150px;
  }
  .logo-strip .logo-strip-item--stacked img {
    height: 38px;
  }
  .logo-strip .logo-strip-item--mark img {
    height: 52px;
  }
}
.partner-proof {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 24px 48px;
  margin-top: 64px;
  padding-top: 32px;
  border-top: 1px solid #D6D2CA;
}
.partner-proof .partner-proof-text {
  max-width: 36ch;
  margin: 0;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #151412;
}
.partner-proof .partner-proof-badges {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 16px;
}
.partner-proof .partner-badge {
  display: grid;
  place-items: center;
  height: 112px;
  border-radius: 6px;
  transition: transform 400ms cubic-bezier(0.25, 1, 0.5, 1), box-shadow 400ms cubic-bezier(0.25, 1, 0.5, 1);
}
.partner-proof .partner-badge:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.partner-proof .partner-badge img {
  display: block;
  height: 100%;
  width: auto;
}
.partner-proof .partner-badge--microsoft {
  align-self: center;
  height: calc(112px * .94);
  padding: 0 32px;
  border-radius: 3px;
  background-color: #FFFFFF;
  box-shadow: inset 0 0 0 1px rgba(95, 99, 104, 0.6);
}
.partner-proof .partner-badge--microsoft img {
  height: 44px;
}
@media (hover: hover) {
  .partner-proof .partner-badge:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 32px -20px rgba(21, 20, 18, 0.35);
  }
  .partner-proof .partner-badge--microsoft:hover {
    box-shadow: inset 0 0 0 1px rgba(95, 99, 104, 0.6), 0 16px 32px -20px rgba(21, 20, 18, 0.35);
  }
}
@media (max-width: 575.98px) {
  .partner-proof .partner-badge {
    height: 96px;
  }
  .partner-proof .partner-badge--microsoft {
    height: calc(96px * .94);
    padding: 0 22px;
  }
  .partner-proof .partner-badge--microsoft img {
    height: 36px;
  }
}
.clients-teaser {
  padding-block: 72px 88px;
}
@media (max-width: 767.98px) {
  .clients-teaser {
    padding-block: 48px 56px;
  }
}
.clients-teaser .clients-teaser-grid {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  gap: 32px 64px;
  align-items: center;
}
@media (max-width: 991.98px) {
  .clients-teaser .clients-teaser-grid {
    grid-template-columns: 1fr;
  }
}
.clients-teaser .clients-teaser-title {
  max-width: 14ch;
  margin-bottom: 16px;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  letter-spacing: -0.025em;
  color: #151412;
  font-size: clamp(28px, calc(25.037037037px + 0.9259259259vw), 38px);
  line-height: 1.12;
}
.clients-teaser .clients-teaser-copy p:not(.eyebrow):not(.clients-teaser-title) {
  max-width: 34ch;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.6;
}
.client-tiles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 576px) {
  .client-tiles {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  .client-tiles {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 1200px) {
  .client-tiles {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.client-tile {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 104px;
  padding: 14px;
  border-radius: 16px;
  background-color: #FAFAFA;
  box-shadow: inset 0 0 0 1px #E6E3DD;
  overflow: hidden;
  transition: background-color 400ms cubic-bezier(0.25, 1, 0.5, 1), box-shadow 400ms cubic-bezier(0.25, 1, 0.5, 1);
}
.client-tile:hover {
  background-color: #FFFFFF;
}
@media (max-width: 575.98px) {
  .client-tile {
    min-height: 88px;
    padding: 12px;
  }
}
.client-tile-logo {
  display: grid;
  place-items: center;
  width: 100%;
}
.client-tile-logo img {
  width: auto;
  max-width: 100%;
  height: 24px;
  object-fit: contain;
  filter: grayscale(1) brightness(0.45) contrast(1.6);
  opacity: 0.75;
  transition: filter 400ms cubic-bezier(0.25, 1, 0.5, 1), opacity 400ms cubic-bezier(0.25, 1, 0.5, 1);
}
.client-tile-logo--stacked img {
  height: 38px;
}
.client-tile-logo--mark img {
  height: 52px;
}
.client-tile-logo--keep img {
  filter: grayscale(1) contrast(1.1);
  opacity: 0.9;
}
@media (max-width: 575.98px) {
  .client-tile-logo img {
    height: 20px;
  }
  .client-tile-logo--stacked img {
    height: 32px;
  }
  .client-tile-logo--mark img {
    height: 44px;
  }
}
.client-tile-meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 12px;
  line-height: 1.35;
  color: #6F6C66;
}
.client-tile-meta span:first-child {
  color: #151412;
}
.client-tile-services {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 300ms cubic-bezier(0.25, 1, 0.5, 1), transform 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
.client-tile-services li {
  padding: 4px 8px;
  border-radius: 9999px;
  background-color: #151412;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #FFFFFF;
}
@media (hover: hover) {
  .client-tile:hover {
    background-color: #FFFFFF;
    box-shadow: inset 0 0 0 1px #D6D2CA, 0 24px 48px -28px rgba(21, 20, 18, 0.28);
    transform: translateY(-3px);
  }
  .client-tile:hover .client-tile-logo img {
    filter: none;
    opacity: 1;
    transform: scale(1.04);
  }
  .client-tile:hover .client-tile-meta {
    opacity: 0;
  }
  .client-tile:hover .client-tile-services {
    opacity: 1;
    transform: none;
  }
}
.client-tile-meta {
  transition: opacity 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
@keyframes story-bg-enter {
  from {
    transform: translateY(100%) scale(1.04);
  }
  to {
    transform: none;
  }
}
@keyframes story-bg-prev {
  from {
    transform: none;
  }
  to {
    transform: translateY(-8rem) scale(0.98);
  }
}
@keyframes story-bg-enter-reverse {
  from {
    transform: translateY(-100%) scale(1.04);
  }
  to {
    transform: none;
  }
}
@keyframes story-bg-prev-reverse {
  from {
    transform: none;
  }
  to {
    transform: translateY(8rem) scale(0.98);
  }
}
@keyframes story-in {
  from {
    transform: translateY(1.5rem);
  }
  to {
    transform: none;
  }
}
@keyframes story-in-reverse {
  from {
    transform: translateY(-1.5rem);
  }
  to {
    transform: none;
  }
}
.services-story {
  padding-top: calc(144px * .5);
  border-top: 1px solid #E6E3DD;
  background-color: #FFFFFF;
}
.services-story .section-head {
  margin-bottom: 48px;
}
@media (max-width: 767.98px) {
  .services-story {
    padding-top: calc(88px * .6);
  }
  .services-story .section-head {
    margin-bottom: 28px;
  }
}
.story {
  position: relative;
  height: 480vh;
  --story-text: #151412;
  --story-muted: rgba(21, 20, 18, .55);
  --story-glass: rgba(255, 255, 255, .62);
  --story-glass-ring: rgba(21, 20, 18, .08);
  --story-icon-bg: rgba(21, 20, 18, .06);
}
.story[data-tone="dark"] {
  --story-text: #FFFFFF;
  --story-muted: rgba(255, 255, 255, .55);
  --story-glass: rgba(20, 20, 20, .45);
  --story-glass-ring: rgba(255, 255, 255, .1);
  --story-icon-bg: rgba(255, 255, 255, .1);
}
.story-stage {
  position: sticky;
  top: 8px;
  height: calc(100vh - 16px);
  height: calc(100svh - 16px);
  margin: 0 8px;
  border-radius: 24px;
  overflow: hidden;
  isolation: isolate;
  background-color: #F2EFE9;
  color: var(--story-text);
}
.story-bgs {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.story-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  visibility: hidden;
  overflow: hidden;
  border-radius: 24px;
  transition: filter 1100ms cubic-bezier(0.65, 0, 0.35, 1);
}
.story-bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.story-bg--right img {
  object-position: right center;
}
@media (max-width: 767.98px) {
  .story-bg--right img {
    object-position: center;
  }
}
.story-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.story-bg[data-tone="light"]::after {
  background: linear-gradient(90deg, rgba(250, 249, 247, 0.95) 0%, rgba(250, 249, 247, 0.86) 20%, rgba(250, 249, 247, 0.45) 36%, rgba(250, 249, 247, 0) 52%, rgba(250, 249, 247, 0) 70%, rgba(250, 249, 247, 0.55) 100%);
}
.story-bg--busy-right[data-tone="light"]::after {
  background: linear-gradient(90deg, rgba(250, 249, 247, 0.95) 0%, rgba(250, 249, 247, 0.86) 20%, rgba(250, 249, 247, 0.45) 36%, rgba(250, 249, 247, 0) 52%, rgba(250, 249, 247, 0) 74%, rgba(250, 249, 247, 0.82) 88%, rgba(250, 249, 247, 0.92) 100%);
}
.story-bg[data-tone="dark"]::after {
  background: linear-gradient(90deg, rgba(11, 11, 10, 0.7) 0%, rgba(11, 11, 10, 0.3) 30%, rgba(11, 11, 10, 0) 50%, rgba(11, 11, 10, 0) 72%, rgba(11, 11, 10, 0.5) 100%);
}
.story-bg.is-active {
  z-index: 2;
  visibility: visible;
  animation: story-bg-enter 1100ms cubic-bezier(0.65, 0, 0.35, 1) both;
}
.story-bg.is-prev {
  z-index: 1;
  visibility: visible;
  filter: brightness(0.7);
  animation: story-bg-prev 1100ms cubic-bezier(0.65, 0, 0.35, 1) both;
}
.story--reverse .story-bg.is-active {
  animation-name: story-bg-enter-reverse;
}
.story--reverse .story-bg.is-prev {
  animation-name: story-bg-prev-reverse;
}
.story--idle .story-bg.is-active {
  animation: none;
}
.story-bg--screen.is-active, .story--reverse .story-bg--screen.is-active {
  animation: story-screen-in 420ms cubic-bezier(0.65, 0, 0.35, 1) both;
}
.story-bg--screen.is-prev, .story--reverse .story-bg--screen.is-prev {
  filter: none;
  animation: story-screen-out 260ms cubic-bezier(0.65, 0, 0.35, 1) both;
}
.story--idle .story-bg--screen.is-active {
  animation: none;
}
@keyframes story-screen-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes story-screen-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.story-contents {
  position: absolute;
  top: 0;
  bottom: 0;
  left: max(56px, calc((100% - 1200px) / 2));
  z-index: 3;
  width: min(30rem, 38%);
  pointer-events: none;
}
.story-content {
  position: absolute;
  top: 40%;
  left: 0;
  width: 100%;
  opacity: 0;
  filter: blur(6px);
  transform: translateY(calc(-50% + 18px));
  pointer-events: none;
  transition: opacity 350ms cubic-bezier(0.65, 0, 0.35, 1), filter 350ms cubic-bezier(0.65, 0, 0.35, 1), transform 350ms cubic-bezier(0.65, 0, 0.35, 1);
}
.story-content.is-active {
  opacity: 1;
  filter: blur(0);
  pointer-events: auto;
  transform: translateY(-50%);
  transition: opacity 900ms cubic-bezier(0.22, 0.61, 0.36, 1) 300ms, filter 900ms cubic-bezier(0.22, 0.61, 0.36, 1) 300ms, transform 900ms cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
}
.story-content .story-eyebrow {
  margin-bottom: 16px;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--story-muted);
}
.story-content .story-title {
  margin-bottom: 20px;
  color: var(--story-text);
  line-height: 1.08;
  letter-spacing: -0.025em;
  font-size: clamp(30px, calc(25.8518518519px + 1.2962962963vw), 44px);
  transition: color 400ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.story-content .story-text {
  margin-bottom: 24px;
  font-size: 18px;
  line-height: 1.5;
  color: var(--story-text);
  opacity: 0.82;
}
.story-content .story-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  color: var(--story-text);
  text-decoration: none;
}
.story-content .story-link i {
  transition: transform 200ms cubic-bezier(0.25, 1, 0.5, 1);
}
.story-content .story-link:hover i {
  transform: translateX(3px);
}
.story-content .story-link:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.story-faqs {
  position: absolute;
  left: max(56px, calc((100% - 1200px) / 2));
  bottom: 56px;
  z-index: 3;
  width: min(28rem, 38%);
}
.story-faq {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  opacity: 0;
  transform: translateY(1.5rem);
  pointer-events: none;
  transition: opacity 400ms cubic-bezier(0.22, 0.61, 0.36, 1), transform 600ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.story-faq.is-active {
  opacity: 1;
  transform: none;
  pointer-events: auto;
  transition-delay: 290ms;
}
.story-q {
  border-radius: 12px;
  background-color: var(--story-glass);
  box-shadow: inset 0 0 0 1px var(--story-glass-ring);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  color: var(--story-text);
  overflow: hidden;
}
.story-q summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 12px 12px 18px;
  list-style: none;
  cursor: pointer;
  font-size: 16px;
  line-height: 1.35;
}
.story-q summary:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.story-q summary::-webkit-details-marker {
  display: none;
}
.story-q .story-q-icon {
  position: relative;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background-color: var(--story-icon-bg);
}
.story-q .story-q-icon::before, .story-q .story-q-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 1.5px;
  background-color: currentColor;
  transform: translate(-50%, -50%);
  transition: transform 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
.story-q .story-q-icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.story-q[open] .story-q-icon::after {
  transform: translate(-50%, -50%) rotate(0deg);
}
.story-q p {
  margin: 0;
  padding: 0 18px 16px;
  font-size: 14px;
  line-height: 1.55;
  opacity: 0.85;
}
.story-nav {
  position: absolute;
  top: 50%;
  right: max(56px, calc((100% - 1200px) / 2));
  z-index: 5;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
  transform: translateY(-50%);
}
.story-nav-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  padding-left: 16px;
  font-size: 18px;
  letter-spacing: -0.01em;
  color: var(--story-muted);
  text-decoration: none;
  white-space: nowrap;
  transition: color 300ms ease;
}
.story-nav-item:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.story-nav-item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 20px;
  background-color: var(--story-text);
  opacity: 0;
  transform: translateY(calc(-50% - 10px)) scaleY(0.3);
  transition: transform 400ms cubic-bezier(0.22, 0.61, 0.36, 1), opacity 150ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.story-nav-item .story-nav-num {
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 14px;
  font-variant-numeric: tabular-nums;
}
.story-nav-item:hover {
  color: var(--story-text);
}
.story-nav-item.is-active {
  color: var(--story-text);
}
.story-nav-item.is-active::before {
  opacity: 1;
  transform: translateY(-50%) scaleY(1);
}
@media (max-width: 991.98px) {
  .story-contents, .story-faqs {
    left: 32px;
    width: min(26rem, 52%);
  }
  .story-nav {
    right: 32px;
  }
  .story-nav-item .story-nav-label {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .story {
    height: 520vh;
  }
  .story-stage {
    margin: 0 6px;
    border-radius: 16px;
  }
  .story-bg {
    border-radius: 16px;
  }
  .story-bg img {
    transform: scale(1.18);
    transform-origin: 50% 0;
  }
  .story-bg[data-tone="light"]::after {
    background: linear-gradient(180deg, rgba(250, 249, 247, 0.96) 0%, rgba(250, 249, 247, 0.82) 36%, rgba(250, 249, 247, 0) 58%, rgba(250, 249, 247, 0) 66%, rgba(250, 249, 247, 0.75) 100%);
  }
  .story-bg[data-tone="dark"]::after {
    background: linear-gradient(180deg, rgba(11, 11, 10, 0.85) 0%, rgba(11, 11, 10, 0.5) 38%, rgba(11, 11, 10, 0) 58%, rgba(11, 11, 10, 0) 66%, rgba(11, 11, 10, 0.7) 100%);
  }
  .story-contents {
    left: 20px;
    right: 20px;
    width: auto;
  }
  .story-content {
    top: 84px;
    transform: none;
  }
  .story-content .story-title {
    margin-bottom: 12px;
  }
  .story-content .story-text {
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 1.5;
    opacity: 0.9;
  }
  .story-content .story-text-more {
    display: none;
  }
  .story-content .story-eyebrow {
    margin-bottom: 10px;
  }
  .story-faqs {
    left: 12px;
    right: 76px;
    bottom: 12px;
    width: auto;
  }
  .story-q:nth-child(2) {
    display: none;
  }
  .story-q summary {
    font-size: 14px;
    padding: 10px 10px 10px 14px;
  }
  .story-nav {
    top: 88px;
    right: 12px;
    flex-direction: row;
    gap: 0;
    transform: none;
  }
  .story-nav-item {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    padding: 0;
    gap: 0;
    background-color: transparent;
    font-size: 0;
  }
  .story-nav-item .story-nav-num {
    display: none;
  }
  .story-nav-item::before {
    content: "";
    position: static;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--story-muted);
    opacity: 1;
    transform: none;
    transition: width 250ms cubic-bezier(0.22, 0.61, 0.36, 1), background-color 250ms cubic-bezier(0.22, 0.61, 0.36, 1);
  }
  .story-nav-item.is-active {
    width: 36px;
  }
  .story-nav-item.is-active::before {
    width: 20px;
    border-radius: 4px;
    background-color: var(--story-text);
    transform: none;
  }
}
@media (max-width: 767.98px) and (max-height: 720px) {
  .story-bg img {
    transform: scale(1.32);
  }
}
@keyframes story-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .story-bg.is-active, .story--reverse .story-bg.is-active {
    animation-name: story-fade;
  }
  .story-bg.is-prev, .story--reverse .story-bg.is-prev {
    animation: none;
    filter: none;
  }
}
.no-js .story {
  height: auto;
}
.no-js .story-stage {
  position: relative;
  height: 80vh;
}
.cta-section {
  padding: 8px;
}
.cta-section .cta-stage {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding-block: 128px;
  border-radius: 24px;
  background-color: #0B0B0A;
  color: #A3A09A;
}
.cta-section .cta-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.07;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: 180px;
  mix-blend-mode: overlay;
}
@media (max-width: 991.98px) {
  .cta-section .cta-stage {
    padding-block: 88px 24px;
  }
}
@media (max-width: 767.98px) {
  .cta-section .cta-stage {
    border-radius: 16px;
    padding-block: 72px 12px;
  }
}
.cta-section .cta-bg {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.cta-section .cta-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 70% center;
  opacity: 0.38;
  filter: saturate(0.8);
}
.cta-section .cta-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(60% 70% at 85% 30%, rgba(42, 183, 241, 0.18) 0%, rgba(11, 11, 10, 0) 65%), linear-gradient(90deg, rgba(11, 11, 10, 0.96) 0%, rgba(11, 11, 10, 0.82) 42%, rgba(11, 11, 10, 0.55) 100%);
}
.cta-section .cta-grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: 64px;
  align-items: center;
}
@media (max-width: 991.98px) {
  .cta-section .cta-grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }
}
.cta-section .cta-grid--allein {
  grid-template-columns: minmax(0, 1fr);
  max-width: 620px;
  margin-inline: auto;
  text-align: center;
}
.cta-section .cta-grid--allein .cta-copy h2 {
  max-width: none;
}
.cta-section .cta-grid--allein .cta-contact {
  align-items: center;
}
.cta-section .cta-grid--allein .cta-trust {
  justify-content: center;
}
.cta-section .cta-copy h2 {
  margin-bottom: 20px;
  max-width: 14ch;
  color: #FFFFFF;
}
.cta-section .cta-copy .lead-text {
  margin-bottom: 32px;
  color: rgba(255, 255, 255, 0.72);
}
.cta-section .cta-benefits {
  display: grid;
  gap: 14px;
  margin: 0 0 40px;
  padding: 0;
  list-style: none;
}
.cta-section .cta-benefits li {
  display: flex;
  gap: 12px;
  font-size: 16px;
  line-height: 1.45;
  color: #FFFFFF;
}
.cta-section .cta-benefits i {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: rgba(42, 183, 241, 0.18);
  box-shadow: inset 0 0 0 1px rgba(42, 183, 241, 0.35);
  font-size: 14px;
  color: #2AB7F1;
}
.cta-section .cta-contact {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 32px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.cta-section .cta-contact p {
  margin: 0 0 4px;
  font-size: 14px;
  color: #A3A09A;
}
.cta-section .cta-contact .cta-contact-note {
  font-size: 14px;
  color: #A3A09A;
}
.cta-section .cta-contact a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 22px;
  letter-spacing: -0.015em;
  color: #FFFFFF;
  text-decoration: none;
}
.cta-section .cta-contact a i {
  font-size: 18px;
  color: #2AB7F1;
}
.cta-section .cta-contact a:hover {
  color: #2AB7F1;
}
@media (max-width: 575.98px) {
  .cta-section .cta-contact a {
    font-size: 18px;
  }
}
.cta-section .cta-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 32px 0 0;
  padding: 0;
  list-style: none;
}
.cta-section .cta-trust li {
  padding: 7px 12px;
  border-radius: 9999px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14);
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.7);
}
.cta-section .cta-form-card {
  position: relative;
  padding: 44px;
  border-radius: 28px;
  background-color: #FFFFFF;
  box-shadow: 0 40px 100px -40px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(255, 255, 255, 0.06);
  color: #1C1B19;
}
.cta-section .cta-form-card a {
  color: #2AB7F1;
}
.cta-section .cta-form-card a:hover {
  color: #151412;
}
@media (max-width: 575.98px) {
  .cta-section .cta-form-card {
    padding: 28px 20px;
    border-radius: 20px;
  }
}
.cta-section .cta-form-head {
  margin-bottom: 28px;
}
.cta-section .cta-form-title {
  margin: 0 0 6px;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(21px, calc(19.5185185185px + 0.462962963vw), 26px);
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #151412;
}
.cta-section .cta-form-intro {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
}
.cta-foto {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  overflow: hidden;
  border-radius: 24px;
  background: radial-gradient(80% 120% at 100% 0%, rgba(42, 183, 241, 0.2) 0%, rgba(42, 183, 241, 0) 62%), #0B0B0A;
  box-shadow: 0 34px 70px -48px rgba(11, 11, 10, 0.9);
}
@media (max-width: 767.98px) {
  .cta-foto {
    grid-template-columns: minmax(0, 1fr);
  }
}
.cta-foto-bild {
  position: relative;
  margin: 0;
  min-height: 260px;
}
.cta-foto-bild img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 45%;
}
.cta-foto-bild::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(11, 11, 10, 0.3) 0%, rgba(11, 11, 10, 0) 26%, rgba(11, 11, 10, 0.3) 56%, rgba(11, 11, 10, 0.72) 80%, rgba(11, 11, 10, 0.95) 94%, #0B0B0A 100%);
}
@media (max-width: 767.98px) {
  .cta-foto-bild {
    min-height: 0;
  }
  .cta-foto-bild img {
    position: static;
    height: auto;
    aspect-ratio: 1.7777777778;
  }
  .cta-foto-bild::after {
    background: linear-gradient(180deg, rgba(11, 11, 10, 0) 55%, rgba(11, 11, 10, 0.7) 100%);
  }
}
.cta-foto-inhalt {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: center;
  gap: 24px;
  padding: 48px 48px 48px 44px;
}
@media (max-width: 991.98px) {
  .cta-foto-inhalt {
    padding: 36px 32px;
  }
}
@media (max-width: 767.98px) {
  .cta-foto-inhalt {
    padding: 28px 24px 32px;
  }
}
.cta-foto-text {
  margin: 0;
  font-size: clamp(18px, calc(17.4074074074px + 0.1851851852vw), 20px);
  line-height: 1.45;
  color: #A3A09A;
}
.cta-foto-text b {
  font-weight: 600;
  color: #FFFFFF;
}
.cta-foto-nachsatz {
  margin: -14px 0 0;
  font-size: 16px;
  line-height: 1.6;
  color: #A3A09A;
}
.cta-foto-aktionen {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.cta-foto-aktionen .btn {
  flex: 1 1 100%;
  justify-content: center;
}
@media (max-width: 575.98px) {
  .cta-foto-aktionen .btn {
    white-space: normal;
    text-align: center;
  }
}
.cta-foto--anschluss {
  margin-top: 64px;
}
@media (max-width: 767.98px) {
  .cta-foto--anschluss {
    margin-top: 44px;
  }
}
.site-footer {
  padding: 8px;
  font-size: 16px;
  color: #1C1B19;
}
.site-footer .footer-stage {
  padding-block: 80px 0;
  border-radius: 24px;
  background-color: #FAFAFA;
}
@media (max-width: 767.98px) {
  .site-footer .footer-stage {
    padding-block: 56px 0;
    border-radius: 16px;
  }
}
.site-footer .footer-top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  padding-bottom: 56px;
  border-bottom: 1px solid #D6D2CA;
}
.site-footer .footer-brand {
  --logo-breite: 200px;
  display: grid;
  gap: 6px;
  justify-items: start;
  text-decoration: none;
}
.site-footer .footer-brand:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.site-footer .footer-brand img {
  display: block;
  width: var(--logo-breite);
  height: auto;
}
@media (max-width: 575.98px) {
  .site-footer .footer-brand {
    --logo-breite: 150px;
  }
}
.site-footer .footer-claim {
  display: block;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: calc(var(--logo-breite) / 213 * 16);
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #2AB7F1;
  white-space: nowrap;
}
.site-footer .footer-top-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.site-footer .footer-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(0, 1.4fr);
  gap: 40px 32px;
  padding-block: 56px;
}
@media (max-width: 991.98px) {
  .site-footer .footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 991.98px) {
  .site-footer .footer-grid .footer-contact {
    grid-column: 1 / -1;
  }
}
.site-footer .footer-heading {
  margin-bottom: 16px;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6F6C66;
}
.site-footer .footer-nav {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.site-footer .footer-nav a {
  align-self: flex-start;
  color: #151412;
  text-decoration: none;
  background-image: linear-gradient(#2AB7F1, #2AB7F1);
  background-size: 0 1px;
  background-position: 0 100%;
  background-repeat: no-repeat;
  transition: background-size 300ms cubic-bezier(0.25, 1, 0.5, 1), color 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
@media (max-width: 1199.98px) {
  .site-footer .footer-nav a {
    max-width: 100%;
    -webkit-hyphens: auto;
    hyphens: auto;
    hyphenate-limit-chars: 16 6 6;
  }
}
.site-footer .footer-nav a:hover {
  color: #2AB7F1;
  background-size: 100% 1px;
}
.site-footer .footer-contact-line {
  display: flex;
  gap: 10px;
  margin: 0 0 12px;
  color: #151412;
  text-decoration: none;
  line-height: 1.5;
}
.site-footer .footer-contact-line i {
  color: #2AB7F1;
}
.site-footer .footer-contact-line span {
  margin-left: 4px;
  color: inherit;
}
.site-footer .footer-contact-line:is(a):hover {
  color: #2AB7F1;
}
.site-footer .footer-contact-line:is(p) {
  color: #1C1B19;
}
.site-footer .footer-partners {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 20px;
  padding-block: 28px;
  border-top: 1px solid #E6E3DD;
}
.site-footer .footer-partners p {
  margin: 0 0 0 8px;
  font-size: 14px;
  color: #6F6C66;
}
@media (max-width: 575.98px) {
  .site-footer .footer-partners p {
    margin-left: 0;
    flex-basis: 100%;
  }
}
.site-footer .footer-partner {
  display: grid;
  place-items: center;
  height: 48px;
  border-radius: 4px;
  transition: transform 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
.site-footer .footer-partner:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.site-footer .footer-partner img {
  display: block;
  height: 100%;
  width: auto;
}
.site-footer .footer-partner--ms {
  height: 48px;
}
.site-footer .footer-partner--ms img {
  height: 26px;
}
.site-footer .footer-partner:hover {
  transform: translateY(-2px);
}
.site-footer .footer-partner-trenner {
  width: 1px;
  height: 30px;
  background-color: #D6D2CA;
}
@media (max-width: 767.98px) {
  .site-footer .footer-partner-trenner {
    display: none;
  }
}
.site-footer .footer-fakt {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  height: 48px;
  text-decoration: none;
  transition: transform 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
.site-footer .footer-fakt:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.site-footer .footer-fakt > img {
  flex: none;
  width: 26px;
  height: 26px;
}
.site-footer .footer-fakt .ff-yt {
  flex: none;
  font-size: 26px;
  line-height: 1;
  color: #FF0033;
}
.site-footer .footer-fakt .ff-text {
  display: grid;
  gap: 1px;
  line-height: 1.15;
}
.site-footer .footer-fakt b {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 15px;
  font-weight: 600;
  color: #151412;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.site-footer .footer-fakt em {
  font-size: 12px;
  font-style: normal;
  color: #6F6C66;
  white-space: nowrap;
}
.site-footer .footer-fakt .ff-sterne {
  font-size: 12px;
  letter-spacing: 0.08em;
  color: #F5B50A;
}
.site-footer .footer-fakt:hover {
  transform: translateY(-2px);
}
.site-footer .copyright-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 24px;
  padding-block: 24px 28px;
  border-top: 1px solid #E6E3DD;
  font-size: 14px;
  color: #6F6C66;
}
.site-footer .copyright-bar p {
  margin: 0;
}
.site-footer .copyright-bar nav {
  display: flex;
  gap: 24px;
}
.site-footer .copyright-bar a {
  color: #6F6C66;
  text-decoration: none;
}
.site-footer .copyright-bar a:hover {
  color: #151412;
}
.fixed-buttons {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 1020;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.fixed-buttons a {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  text-decoration: none;
}
.fixed-buttons a:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.fixed-buttons .cta-call {
  background-color: #151412;
  color: #FFFFFF;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.18);
}
.fixed-buttons .back-top {
  background-color: #FFFFFF;
  color: #151412;
  box-shadow: 0 0 0 1px rgba(21, 20, 18, 0.08), 0 1px 2px rgba(21, 20, 18, 0.04);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity 300ms ease, transform 300ms cubic-bezier(0.25, 1, 0.5, 1), visibility 300ms;
}
.fixed-buttons .back-top.scrolled-visibility {
  opacity: 1;
  visibility: visible;
  transform: none;
}
@media (min-width: 992px) {
  .fixed-buttons .cta-call {
    display: none;
  }
}
.kontakt-schiene {
  position: fixed;
  top: 50%;
  right: 16px;
  z-index: 1020;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 6px;
  border: 1px solid #E6E3DD;
  border-radius: 9999px;
  background-color: #FFFFFF;
  box-shadow: 0 18px 40px -24px rgba(11, 11, 10, 0.5);
  transform: translateY(-50%);
}
.kontakt-schiene .ks-knopf {
  position: relative;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  color: #151412;
  text-decoration: none;
  transition: background-color 220ms cubic-bezier(0.25, 1, 0.5, 1), color 220ms cubic-bezier(0.25, 1, 0.5, 1);
}
.kontakt-schiene .ks-knopf:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.kontakt-schiene .ks-knopf i {
  font-size: 18px;
  line-height: 1;
}
.kontakt-schiene .ks-knopf:hover, .kontakt-schiene .ks-knopf:focus-visible {
  background-color: rgba(42, 183, 241, 0.14);
  color: #0E6C96;
}
.kontakt-schiene .ks-trenner {
  width: 20px;
  height: 1px;
  margin: 3px 0;
  background-color: #E6E3DD;
}
.kontakt-schiene .ks-text {
  position: absolute;
  right: calc(100% + 16px);
  padding: 6px 12px;
  border-radius: 9999px;
  background-color: #151412;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transform: translateX(6px);
  transition: opacity 200ms cubic-bezier(0.25, 1, 0.5, 1), transform 200ms cubic-bezier(0.25, 1, 0.5, 1);
}
.kontakt-schiene .ks-knopf:hover .ks-text, .kontakt-schiene .ks-knopf:focus-visible .ks-text {
  opacity: 1;
  transform: none;
}
@media (max-width: 767.98px) {
  .kontakt-schiene {
    right: 12px;
    padding: 5px;
  }
  .kontakt-schiene .ks-knopf i {
    font-size: 17px;
  }
  .kontakt-schiene .ks-text {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .kontakt-schiene .ks-text {
    transform: none;
    transition: opacity 200ms ease;
  }
}
.contact-form .form-grid {
  --bs-gutter-x: 24px;
  row-gap: 8px;
}
.contact-form .req {
  margin-left: 2px;
  color: #2AB7F1;
}
.contact-form .form-float {
  position: relative;
}
.contact-form .form-float label {
  position: absolute;
  left: 0;
  top: 26px;
  max-width: calc(100% - 28px);
  overflow: hidden;
  font-size: 16px;
  line-height: 1.2;
  color: #1C1B19;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  transform-origin: left top;
  transition: transform 250ms cubic-bezier(0.25, 1, 0.5, 1), color 200ms ease;
}
.contact-form .form-field {
  display: block;
  width: 100%;
  height: 60px;
  padding: 24px 0 8px;
  border: 0;
  border-bottom: 1px solid #D6D2CA;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #151412;
  transition: border-color 200ms ease, box-shadow 200ms ease;
  -webkit-appearance: none;
  appearance: none;
}
.contact-form .form-field::placeholder {
  color: transparent;
}
.contact-form .form-field:hover {
  border-bottom-color: #6F6C66;
}
.contact-form .form-field:focus {
  outline: 0;
  border-bottom-color: #151412;
  box-shadow: inset 0 -1px 0 #151412;
}
.contact-form .form-field.is-invalid, .contact-form .form-field[aria-invalid="true"] {
  border-bottom-color: #C0564A;
  box-shadow: inset 0 -1px 0 #C0564A;
}
.contact-form .form-field:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 40px #FFFFFF inset;
  -webkit-text-fill-color: #151412;
}
.contact-form .form-float .form-field:focus + label, .contact-form .form-float .form-field:not(:placeholder-shown) + label, .contact-form .form-float--select label {
  transform: translateY(-17px) scale(0.8);
  color: #6F6C66;
}
.contact-form .form-float .form-field:focus + label {
  color: #2AB7F1;
}
.contact-form select.form-field {
  padding-right: 28px;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23151412' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4 6 4 4 4-4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 2px bottom 14px;
  background-size: 14px;
}
.contact-form select.form-field:has(option[value=""]:checked) {
  color: #1C1B19;
}
.contact-form textarea.form-field {
  height: auto;
  min-height: 60px;
  padding-top: 28px;
  resize: vertical;
}
.contact-form .form-consent {
  position: relative;
  display: flex;
  gap: 12px;
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.55;
  color: #1C1B19;
  cursor: pointer;
}
.contact-form .form-consent a {
  color: #151412;
  text-underline-offset: 3px;
}
.contact-form .form-consent input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.contact-form .form-consent-box {
  position: relative;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-top: 1px;
  border-radius: 6px;
  background-color: #FFFFFF;
  box-shadow: inset 0 0 0 1px #D6D2CA;
  transition: background-color 250ms cubic-bezier(0.25, 1, 0.5, 1), box-shadow 250ms cubic-bezier(0.25, 1, 0.5, 1);
}
.contact-form .form-consent-box::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 3px;
  width: 6px;
  height: 11px;
  border: solid #FFFFFF;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) scale(0);
  transition: transform 250ms cubic-bezier(0.25, 1, 0.5, 1);
}
.contact-form .form-consent input:checked + .form-consent-box {
  background-color: #151412;
  box-shadow: none;
}
.contact-form .form-consent input:checked + .form-consent-box::after {
  transform: rotate(45deg) scale(1);
}
.contact-form .form-consent input:focus-visible + .form-consent-box {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.contact-form .form-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 20px;
  margin-top: 16px;
}
.contact-form .form-actions .btn {
  min-height: 52px;
  padding-inline: 28px;
}
@media (max-width: 575.98px) {
  .contact-form .form-actions .btn {
    width: 100%;
  }
}
.contact-form .form-note {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-size: 14px;
  color: #6F6C66;
}
.contact-form .form-note--center {
  display: block;
  margin-top: 16px;
  text-align: center;
}
.contact-form [data-validate-error] {
  margin-top: 6px;
  font-size: 14px;
  color: #A33A2B;
}
.contact-form [data-validate-error]:empty {
  display: none;
}
.contact-form .mw-nativ {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip-path: inset(50%);
}
.contact-form .mw {
  position: relative;
}
.contact-form .mw-feld {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  min-height: 64px;
  padding: 28px 28px 8px 0;
  border-bottom: 1px solid #D6D2CA;
  cursor: pointer;
  transition: border-color 200ms ease, box-shadow 200ms ease;
}
.contact-form .mw-feld:hover {
  border-bottom-color: #6F6C66;
}
.contact-form .mw-feld:focus-visible {
  outline: 0;
  border-bottom-color: #151412;
  box-shadow: inset 0 -1px 0 #151412;
}
.contact-form .mw.is-offen .mw-feld {
  border-bottom-color: #151412;
  box-shadow: inset 0 -1px 0 #151412;
}
.contact-form .mw-platzhalter {
  font-size: 16px;
  line-height: 1.5;
  color: #1C1B19;
}
.contact-form .mw-marken {
  display: contents;
}
.contact-form .mw-marke {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 6px 5px 12px;
  border-radius: 9999px;
  background-color: #2AB7F1;
  font-size: 14px;
  line-height: 1.3;
  color: #151412;
}
.contact-form .mw-weg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: rgba(21, 20, 18, 0.14);
  color: #151412;
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
  transition: background-color 200ms ease;
}
.contact-form .mw-weg:hover {
  background-color: rgba(21, 20, 18, 0.28);
}
.contact-form .mw-weg:focus-visible {
  outline: 2px solid #151412;
  outline-offset: 1px;
}
.contact-form .mw-pfeil {
  position: absolute;
  right: 2px;
  top: 32px;
  font-size: 14px;
  color: #151412;
  transition: transform 200ms ease;
}
.contact-form .mw.is-offen .mw-pfeil {
  transform: rotate(180deg);
}
.contact-form .mw-liste {
  position: absolute;
  z-index: 5;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  max-height: 304px;
  margin: 0;
  padding: 6px;
  overflow-y: auto;
  list-style: none;
  border-radius: 16px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD, 0 18px 40px rgba(21, 20, 18, 0.14);
}
.contact-form .mw-zeile {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border-radius: 8px;
  font-size: 16px;
  line-height: 1.4;
  color: #151412;
  cursor: pointer;
}
.contact-form .mw-zeile:hover {
  background-color: #FAF9F7;
}
.contact-form .mw-zeile:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: -2px;
}
.contact-form .mw-haken {
  flex: none;
  width: 16px;
  height: 16px;
  border-radius: 5px;
  box-shadow: inset 0 0 0 1px #D6D2CA;
  transition: box-shadow 200ms ease;
}
.contact-form .mw-zeile[aria-selected="true"] {
  background-color: #E8F6FD;
}
.contact-form .mw-zeile[aria-selected="true"] .mw-haken {
  box-shadow: inset 0 0 0 8px #151412;
}
.offcanvas .offcanvas-header img {
  width: 150px;
  height: auto;
}
.clients-teaser .clients-teaser-title {
  margin-bottom: 24px;
}
.clients-teaser .client-tile {
  min-height: 136px;
  justify-content: center;
}
.clients-teaser .client-tile-logo {
  padding: 8px;
}
.clients-teaser .client-tile-logo img {
  height: 30px;
}
.clients-teaser .client-tile-logo--stacked img {
  height: 46px;
}
.clients-teaser .client-tile-logo--mark img {
  height: 58px;
}
.duo-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 64px;
}
@media (max-width: 991.98px) {
  .duo-grid {
    grid-template-columns: 1fr;
    margin-top: 48px;
  }
}
.duo-card {
  padding: 36px;
}
.duo-card .problem-icon i {
  font-size: 20px;
  line-height: 1;
}
.duo-card h3 {
  margin-bottom: 4px;
}
.duo-card p {
  font-size: 16px;
  line-height: 1.6;
}
@media (hover: hover) {
  .duo-card:hover .problem-icon {
    background-color: #2AB7F1;
    color: #151412;
  }
}
@media (max-width: 575.98px) {
  .duo-card {
    padding: 24px;
  }
}
.story-q--link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 12px 12px 18px;
  font-size: 16px;
  line-height: 1.35;
  text-decoration: none;
  transition: background-color 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
.story-q--link:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.story-q--link:hover {
  color: var(--story-text);
}
.story-q--link .story-q-arrow {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background-color: var(--story-icon-bg);
  font-size: 14px;
  transition: background-color 300ms cubic-bezier(0.25, 1, 0.5, 1), color 300ms cubic-bezier(0.25, 1, 0.5, 1), transform 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
.story-q--link:hover .story-q-arrow {
  background-color: #2AB7F1;
  color: #151412;
  transform: translate(2px, -2px);
}
.story-nav-item::before {
  background-color: #2AB7F1;
}
.story-mock {
  position: absolute;
  top: 50%;
  right: 17%;
  z-index: 2;
  width: min(460px, 34vw);
  transform: translateY(-50%);
}
@media (max-width: 991.98px) {
  .story-mock {
    right: 88px;
    width: min(360px, 40vw);
  }
}
@media (max-width: 767.98px) {
  .story-mock {
    top: auto;
    right: 50%;
    bottom: 76px;
    width: min(270px, 72vw);
    transform: translateX(50%);
  }
}
.mock-window {
  overflow: hidden;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.92);
  box-shadow: 0 0 0 1px rgba(21, 20, 18, 0.06), 0 40px 80px -30px rgba(14, 34, 52, 0.35);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  color: #151412;
  font-size: 14px;
}
.mock-window--dark {
  background-color: rgba(20, 22, 26, 0.82);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 40px 80px -30px rgba(0, 0, 0, 0.6);
  color: #FFFFFF;
}
.mock-window .mock-line {
  display: block;
  height: 7px;
  margin-top: 7px;
  border-radius: 4px;
  background-color: rgba(21, 20, 18, 0.08);
}
.mock-window .mock-line--short {
  width: 60%;
}
.mock-window .mock-line--title {
  width: 70%;
  height: 9px;
  background-color: rgba(21, 20, 18, 0.14);
}
.mock-window .mock-line--xl {
  height: 12px;
  width: 90%;
  background-color: rgba(21, 20, 18, 0.16);
}
.mock-window--dark .mock-line {
  background-color: rgba(255, 255, 255, 0.12);
}
.mock-window .mock-url {
  display: block;
  font-size: 12px;
  color: #6F6C66;
}
.mock-window .mock-title {
  display: block;
  margin-top: 2px;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: #1A55C7;
}
.mock-window .mock-bar {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(21, 20, 18, 0.06);
}
.mock-window .mock-bar span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: rgba(21, 20, 18, 0.14);
}
.mock-window .mock-bar em {
  margin-left: 10px;
  padding: 3px 12px;
  border-radius: 9999px;
  background-color: rgba(21, 20, 18, 0.05);
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  font-style: normal;
  color: #6F6C66;
}
.mock-window .mock-img {
  border-radius: 10px;
  background: radial-gradient(70% 70% at 30% 30%, rgba(42, 183, 241, 0.55), rgba(42, 183, 241, 0) 70%), linear-gradient(135deg, #CDEBF8 0%, #F2EFE9 100%);
}
.mock-window .mock-img--alt {
  background: radial-gradient(70% 70% at 70% 30%, rgba(21, 20, 18, 0.25), rgba(21, 20, 18, 0) 70%), linear-gradient(135deg, #E6E3DD 0%, #FAF9F7 100%);
}
.mock-serp {
  padding: 16px;
}
.mock-serp .mock-search {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 9999px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px rgba(21, 20, 18, 0.08), 0 6px 16px -8px rgba(21, 20, 18, 0.2);
  font-size: 14px;
}
.mock-serp .mock-search i {
  color: #6F6C66;
}
.mock-serp .mock-tabs {
  display: flex;
  gap: 16px;
  padding: 12px 6px 8px;
  border-bottom: 1px solid rgba(21, 20, 18, 0.06);
  font-size: 12px;
  color: #6F6C66;
}
.mock-serp .mock-tabs .is-active {
  color: #151412;
  box-shadow: 0 2px 0 #151412;
}
.mock-serp .mock-result {
  display: flex;
  gap: 10px;
  padding: 12px 8px;
}
.mock-serp .mock-result > div {
  flex: 1;
}
.mock-serp .mock-result.is-highlight {
  margin: 10px 0 4px;
  border-radius: 12px;
  background-color: #E8F6FD;
  box-shadow: inset 0 0 0 1px rgba(42, 183, 241, 0.35);
}
.mock-serp .mock-favicon {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: rgba(21, 20, 18, 0.06);
}
.mock-serp .mock-favicon img {
  width: 16px;
  height: 16px;
}
.mock-browser .mock-page {
  padding: 16px;
}
.mock-browser .mock-nav {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 9999px;
  box-shadow: inset 0 0 0 1px rgba(21, 20, 18, 0.08);
}
.mock-browser .mock-nav i {
  width: 18px;
  height: 18px;
  border-radius: 6px;
  background-color: #151412;
}
.mock-browser .mock-nav b {
  width: 34px;
  height: 6px;
  border-radius: 3px;
  background-color: rgba(21, 20, 18, 0.12);
}
.mock-browser .mock-nav s {
  width: 56px;
  height: 18px;
  margin-left: auto;
  border-radius: 9999px;
  background-color: #2AB7F1;
}
.mock-browser .mock-hero {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 14px;
  align-items: center;
  padding: 22px 4px 18px;
}
.mock-browser .mock-hero .mock-img {
  aspect-ratio: 1;
}
.mock-browser .mock-btn {
  display: block;
  width: 72px;
  height: 20px;
  margin-top: 14px;
  border-radius: 9999px;
  background-color: #151412;
}
.mock-browser .mock-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.mock-browser .mock-cards span {
  height: 58px;
  border-radius: 10px;
  background-color: rgba(21, 20, 18, 0.04);
  box-shadow: inset 0 0 0 1px rgba(21, 20, 18, 0.06);
}
.mock-ads {
  padding: 16px;
}
.mock-ads .mock-ad {
  padding: 14px;
  border-radius: 12px;
  background-color: #FFFFFF;
  box-shadow: inset 0 0 0 1px rgba(21, 20, 18, 0.07);
}
.mock-ads .mock-ad-label {
  display: inline-block;
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #151412;
}
.mock-ads .mock-chart {
  margin-top: 12px;
  padding: 14px;
  border-radius: 12px;
  background-color: #FFFFFF;
  box-shadow: inset 0 0 0 1px rgba(21, 20, 18, 0.07);
}
.mock-ads .mock-chart-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
  font-size: 12px;
  color: #151412;
}
.mock-ads .mock-chart-head em {
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  font-style: normal;
  color: #6F6C66;
}
.mock-ads .mock-bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 120px;
}
.mock-ads .mock-bars i {
  flex: 1;
  height: 50%;
  border-radius: 4px 4px 2px 2px;
  background: linear-gradient(180deg, #2AB7F1 0%, rgba(42, 183, 241, 0.25) 100%);
}
.mock-ads .mock-bars .h-38 {
  height: 38%;
}
.mock-ads .mock-bars .h-46 {
  height: 46%;
}
.mock-ads .mock-bars .h-52 {
  height: 52%;
}
.mock-ads .mock-bars .h-58 {
  height: 58%;
}
.mock-ads .mock-bars .h-64 {
  height: 64%;
}
.mock-ads .mock-bars .h-69 {
  height: 69%;
}
.mock-ads .mock-bars .h-72 {
  height: 72%;
}
.mock-ads .mock-bars .h-80 {
  height: 80%;
}
.mock-ads .mock-bars .h-84 {
  height: 84%;
}
.mock-ads .mock-bars .h-92 {
  height: 92%;
}
.mock-ai {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 18px;
}
.mock-ai .mock-ai-question {
  align-self: flex-end;
  max-width: 80%;
  padding: 10px 14px;
  border-radius: 16px 16px 4px 16px;
  background-color: #151412;
  font-size: 14px;
  line-height: 1.4;
  color: #FFFFFF;
}
.mock-ai .mock-ai-answer {
  display: flex;
  gap: 12px;
}
.mock-ai .mock-ai-answer > div {
  flex: 1;
}
.mock-ai .mock-ai-avatar {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(135deg, #2AB7F1 0%, #7AD4F8 100%);
  color: #FFFFFF;
  font-size: 14px;
}
.mock-ai .mock-ai-sources {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 14px;
}
.mock-ai .mock-ai-source {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 56px;
  height: 26px;
  padding: 0 10px;
  border-radius: 9999px;
  background-color: rgba(21, 20, 18, 0.05);
  font-size: 12px;
  color: #151412;
}
.mock-ai .mock-ai-source img {
  width: 14px;
  height: 14px;
}
.mock-ai .mock-ai-source.is-highlight {
  background-color: #E8F6FD;
  box-shadow: inset 0 0 0 1px rgba(42, 183, 241, 0.45);
}
.mock-ai .mock-ai-input {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px 10px 16px;
  border-radius: 9999px;
  background-color: #FFFFFF;
  box-shadow: inset 0 0 0 1px rgba(21, 20, 18, 0.08);
  font-size: 12px;
  color: #6F6C66;
}
.mock-ai .mock-ai-input i {
  font-size: 20px;
  color: #2AB7F1;
}
.mock-shop .mock-products {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  padding: 16px;
}
.mock-shop .mock-product {
  position: relative;
  padding: 8px;
  border-radius: 12px;
  background-color: #FFFFFF;
  box-shadow: inset 0 0 0 1px rgba(21, 20, 18, 0.06);
}
.mock-shop .mock-product .mock-img {
  aspect-ratio: 0.75;
}
.mock-shop .mock-cart {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  margin-top: 10px;
  border-radius: 50%;
  background-color: #151412;
  color: #FFFFFF;
  font-size: 12px;
}
.cta-band .cta-band-inner {
  background: radial-gradient(45% 70% at 50% 0%, rgba(42, 183, 241, 0.3) 0%, rgba(42, 183, 241, 0) 72%), radial-gradient(35% 60% at 0% 100%, rgba(42, 183, 241, 0.12) 0%, rgba(42, 183, 241, 0) 70%), radial-gradient(35% 60% at 100% 100%, rgba(42, 183, 241, 0.1) 0%, rgba(42, 183, 241, 0) 70%), linear-gradient(180deg, #121A20 0%, #0B0B0A 100%);
}
.cta-band .deco-feld {
  -webkit-mask-image: radial-gradient(58% 70% at 50% 50%, transparent 0%, rgba(0, 0, 0, 0.45) 46%, #000 80%);
  mask-image: radial-gradient(58% 70% at 50% 50%, transparent 0%, rgba(0, 0, 0, 0.45) 46%, #000 80%);
}
.cta-band .cta-band-form {
  max-width: 720px;
  margin: 0 auto;
  text-align: left;
}
.cta-band .cta-band-actions--sub {
  margin-top: 20px;
}
.inline-form .inline-form-group {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px;
  border-radius: 9999px;
  background-color: rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  transition: box-shadow 200ms ease;
}
.inline-form .inline-form-group:focus-within {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 0 0 4px rgba(42, 183, 241, 0.25);
}
.inline-form .inline-form-field {
  flex: 1;
  min-width: 0;
  height: 48px;
  padding: 0 18px;
  border: 0;
  border-radius: 9999px;
  background: transparent;
  font-size: 16px;
  color: #FFFFFF;
}
.inline-form .inline-form-field::placeholder {
  color: rgba(255, 255, 255, 0.55);
}
.inline-form .inline-form-field:focus {
  outline: 0;
}
.inline-form .inline-form-divider {
  flex-shrink: 0;
  width: 1px;
  height: 24px;
  background-color: rgba(255, 255, 255, 0.16);
}
.inline-form .inline-form-errors {
  padding: 8px 20px 0;
  font-size: 14px;
  color: #FFB4A8;
}
.inline-form .inline-form-errors [data-validate-error]:empty {
  display: none;
}
@media (max-width: 767.98px) {
  .inline-form .inline-form-group {
    flex-direction: column;
    align-items: stretch;
    padding: 8px;
    border-radius: 16px;
  }
  .inline-form .inline-form-field {
    flex: none;
    height: 48px;
  }
  .inline-form .inline-form-divider {
    width: auto;
    height: 1px;
    margin: 0 12px;
  }
  .inline-form .btn {
    width: 100%;
    margin-top: 4px;
  }
}
.experience .experience-year {
  color: #151412;
}
.experience .stats-index {
  color: #2AB7F1;
}
.why-grid--six {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 48px 40px;
}
@media (max-width: 991.98px) {
  .why-grid--six {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575.98px) {
  .why-grid--six {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}
.why-grid--six .why-item .why-index {
  color: #2AB7F1;
}
.why-grid--six .why-item a {
  color: #2AB7F1;
}
.local-head {
  display: grid;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  gap: 24px 64px;
  align-items: end;
  margin-bottom: 64px;
}
.local-head .section-head {
  margin-bottom: 0;
}
.local-head .lead-text {
  margin: 0;
}
@media (max-width: 991.98px) {
  .local-head {
    grid-template-columns: 1fr;
    margin-bottom: 40px;
  }
}
.specialty-grid--four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1199.98px) {
  .specialty-grid--four {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575.98px) {
  .specialty-grid--four {
    grid-template-columns: 1fr;
  }
}
.specialty-grid--four .specialty-card {
  min-height: 460px;
  padding: 28px;
}
.specialty-grid--four .specialty-card h3 {
  font-size: clamp(21px, calc(19.5185185185px + 0.462962963vw), 26px);
  line-height: 1.2;
}
.specialty-grid--four .specialty-card h3 a {
  color: inherit;
  text-decoration: none;
}
.specialty-grid--four .specialty-card h3 a::after {
  border-radius: 24px;
}
.specialty-grid--four .specialty-card p {
  font-size: 14px;
}
.specialty-grid--four .specialty-card .specialty-tag {
  background-color: rgba(42, 183, 241, 0.16);
  box-shadow: inset 0 0 0 1px rgba(42, 183, 241, 0.35);
}
.specialty-grid--four .specialty-card:hover .link-arrow {
  color: #2AB7F1;
}
@media (max-width: 1199.98px) {
  .specialty-grid--four .specialty-card {
    min-height: 380px;
  }
}
.local-foot {
  margin-top: 16px;
}
.local-intro {
  margin: 0;
  font-size: 18px;
  line-height: 1.55;
  color: #1C1B19;
}
.local-concept {
  margin: 0;
  font-size: 18px;
  line-height: 1.6;
}
.local-quote {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  gap: 32px 64px;
  align-items: center;
  margin-top: 96px;
  padding: 48px 52px;
  overflow: hidden;
  border-radius: 24px;
  background: radial-gradient(70% 140% at 100% 0%, rgba(42, 183, 241, 0.1) 0%, rgba(42, 183, 241, 0) 64%), #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD, 0 30px 60px -46px rgba(14, 34, 52, 0.5);
}
.local-quote > .local-quote-title, .local-quote > .local-quote-text {
  position: relative;
  z-index: 1;
}
.local-quote::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #2AB7F1;
}
.local-quote .local-quote-title {
  margin: 0;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(30px, calc(25.8518518519px + 1.2962962963vw), 44px);
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #151412;
}
@media (max-width: 991.98px) {
  .local-quote {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-top: 72px;
    padding: 36px 32px;
  }
}
@media (max-width: 575.98px) {
  .local-quote {
    padding: 30px 24px 34px;
  }
}
.local-quote .local-quote-text {
  margin: 0;
  font-size: 18px;
  line-height: 1.55;
}
.local-quote .local-quote-aktionen {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}
.longform .longform-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 48px 80px;
  align-items: start;
  margin-bottom: 72px;
}
@media (max-width: 991.98px) {
  .longform .longform-grid {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-bottom: 48px;
  }
}
.longform .longform-grid:last-child {
  margin-bottom: 0;
}
.longform .longform-kopf {
  container-type: inline-size;
}
@media (min-width: 992px) {
  .longform .longform-kopf {
    position: sticky;
    top: 120px;
  }
}
.longform .section-head h2 {
  max-width: none;
  margin-bottom: 0;
  font-size: clamp(30px, 7.9cqw, 44px);
}
@media (min-width: 576px) {
  .longform .section-head h2 {
    -webkit-hyphens: none;
    hyphens: none;
  }
}
.longform .longform-auftakt {
  margin: 0 0 1.6em;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
  color: #151412;
}
.longform .longform-body {
  max-width: none;
  font-size: 18px;
  line-height: 1.55;
  color: #1C1B19;
}
.longform .longform-body p {
  margin-bottom: 1.6em;
}
.longform .longform-body p:last-child {
  margin-bottom: 0;
}
@media (max-width: 575.98px) {
  .longform .longform-body {
    font-size: 16px;
  }
}
.longform .longform-teile {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin-top: 64px;
}
@media (max-width: 767.98px) {
  .longform .longform-teile {
    grid-template-columns: 1fr;
    margin-top: 44px;
  }
}
.longform .longform-teile--drei {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 991.98px) {
  .longform .longform-teile--drei {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .longform .longform-teile--drei {
    grid-template-columns: 1fr;
  }
}
.longform .longform-teile--vier {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.longform .longform-teile--vier .teil {
  padding: 30px 28px 28px;
}
@media (max-width: 1199.98px) {
  .longform .longform-teile--vier {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .longform .longform-teile--vier {
    grid-template-columns: 1fr;
  }
}
.longform .teil {
  position: relative;
  overflow: hidden;
  padding: 36px 36px 34px;
  border-radius: 24px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD, 0 30px 60px -44px rgba(14, 34, 52, 0.5);
  transition: transform 400ms cubic-bezier(0.25, 1, 0.5, 1), box-shadow 400ms cubic-bezier(0.25, 1, 0.5, 1);
}
.longform .teil::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #2AB7F1;
}
.longform .teil:hover {
  transform: translateY(-4px);
  box-shadow: 0 0 0 1px rgba(42, 183, 241, 0.35), 0 40px 70px -40px rgba(14, 34, 52, 0.55);
}
.longform .teil h3 {
  margin: 0 0 14px;
}
.longform .teil p {
  margin: 0;
  font-size: 18px;
  line-height: 1.65;
  color: #1C1B19;
}
@media (max-width: 575.98px) {
  .longform .teil {
    padding: 28px 22px 26px;
  }
}
.longform .teil-nr {
  margin: 0 0 12px;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 14px;
  color: #2AB7F1;
}
.teil:has(> .teil-viz) {
  display: flex;
  flex-direction: column;
}
.teil-viz {
  container-type: inline-size;
  margin-bottom: 24px;
  color: #2AB7F1;
}
.teil-viz--netz {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.teil-viz--netz .mk--netz {
  flex: 1 1 auto;
  aspect-ratio: auto;
  min-height: 260px;
}
.teil-viz--netz .mk-quellen {
  align-self: stretch;
  align-content: space-between;
}
.sea-viz {
  container-type: inline-size;
  margin-top: 40px;
  padding: 20px 20px 16px;
  border-radius: 16px;
  background-color: #FAF9F7;
  box-shadow: inset 0 0 0 1px #E6E3DD;
}
@media (max-width: 991.98px) {
  .sea-viz {
    display: none;
  }
}
.longform .teil-viz .tv-note, .sea-viz .tv-note {
  display: flex;
  justify-content: space-between;
  margin: 10px 0 0 !important;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6F6C66;
}
.longform .teil-viz .tv-note span, .sea-viz .tv-note span {
  white-space: nowrap;
}
@container (max-width: 300px) {
  .longform .teil-viz .tv-note, .sea-viz .tv-note {
    font-size: 10px;
    letter-spacing: 0.02em;
  }
}
@media (max-width: 575.98px) {
  .longform .teil-viz .tv-note, .sea-viz .tv-note {
    letter-spacing: 0.04em;
  }
}
@keyframes tv-ein {
  from {
    opacity: 0;
    transform: scale(0.82);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes tv-puls {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  45%, 100% {
    opacity: 0;
    transform: scale(1.5);
  }
}
.cta-section .cta-bg img {
  opacity: 1;
  filter: none;
}
.cta-section .cta-bg::after {
  background: radial-gradient(60% 70% at 85% 30%, rgba(42, 183, 241, 0.16) 0%, rgba(11, 11, 10, 0) 65%), linear-gradient(90deg, rgba(11, 11, 10, 0.9) 0%, rgba(11, 11, 10, 0.6) 45%, rgba(11, 11, 10, 0.2) 100%);
}
.cta-section .cta-benefits i {
  background-color: rgba(42, 183, 241, 0.16);
  box-shadow: inset 0 0 0 1px rgba(42, 183, 241, 0.4);
  color: #2AB7F1;
}
.cta-section .cta-contact a i {
  color: #2AB7F1;
}
.cta-section .cta-contact a:hover {
  color: #2AB7F1;
}
.contact-form .form-radios {
  display: flex;
  gap: 8px;
  margin-bottom: 4px;
}
.contact-form .form-radio {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 9px 16px 9px 12px;
  border-radius: 9999px;
  box-shadow: inset 0 0 0 1px #D6D2CA;
  font-size: 14px;
  color: #151412;
  cursor: pointer;
  transition: box-shadow 200ms ease, background-color 200ms ease;
}
.contact-form .form-radio input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.contact-form .form-radio .form-radio-dot {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px #D6D2CA;
  transition: box-shadow 200ms ease;
}
.contact-form .form-radio:has(input:checked) {
  background-color: #E8F6FD;
  box-shadow: inset 0 0 0 1px #2AB7F1;
}
.contact-form .form-radio:has(input:checked) .form-radio-dot {
  box-shadow: inset 0 0 0 5px #151412;
}
.contact-form .form-radio:has(input:focus-visible) {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.contact-form .req {
  color: #2AB7F1;
}
.contact-form .form-float .form-field:focus + label {
  color: #2AB7F1;
}
.site-footer .footer-nav a {
  background-image: linear-gradient(#2AB7F1, #2AB7F1);
}
.site-footer .footer-nav a:hover {
  color: #151412;
}
.site-footer .footer-contact-line i {
  color: #2AB7F1;
}
.site-footer .footer-contact-line:is(a):hover {
  color: #2AB7F1;
}
.site-footer .footer-address {
  line-height: 1.5;
}
.error-page {
  padding-top: 200px;
}
.site-footer .footer-partner img {
  height: 44px;
  width: auto;
}
.site-footer .footer-partner--ms img {
  height: 26px;
}
.site-footer .footer-partner--siegel {
  cursor: default;
}
.site-footer .footer-partner--siegel img {
  height: 48px;
}
.site-footer .footer-partner--siegel:hover {
  transform: none;
}
.story-stage {
  top: 96px;
  height: calc(100vh - 104px);
  height: calc(100svh - 104px);
}
@media (max-width: 1199.98px) {
  .story-stage {
    top: 76px;
    height: calc(100vh - 84px);
    height: calc(100svh - 84px);
  }
}
@media (max-width: 767.98px) {
  .story-content {
    top: 56px;
  }
  .story-nav {
    top: 60px;
  }
}
.references .references-head {
  max-width: 820px;
  margin: 0 auto 64px;
  text-align: center;
}
.references .references-head .eyebrow {
  justify-content: center;
}
.references .references-head h2 {
  margin-bottom: 20px;
}
@media (max-width: 767.98px) {
  .references .references-head {
    margin-bottom: 48px;
  }
}
.references .references-foot {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 56px;
}
.logo-wall {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 991.98px) {
  .logo-wall {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 575.98px) {
  .logo-wall {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.logo-wall-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 180px;
  padding: 32px 24px;
  border-radius: 24px;
  transition: background-color 400ms cubic-bezier(0.25, 1, 0.5, 1), box-shadow 400ms cubic-bezier(0.25, 1, 0.5, 1);
}
.logo-wall-item img {
  display: block;
  width: auto;
  max-width: min(200px, 100%);
  height: 40px;
  object-fit: contain;
  filter: brightness(0);
  opacity: 0.82;
  transition: filter 400ms cubic-bezier(0.25, 1, 0.5, 1), opacity 400ms cubic-bezier(0.25, 1, 0.5, 1), transform 400ms cubic-bezier(0.25, 1, 0.5, 1);
}
.logo-wall-item--stacked img {
  height: 60px;
}
.logo-wall-item--mark img {
  height: 78px;
}
.logo-wall-item--keep img {
  filter: grayscale(1) contrast(1.1);
}
.logo-wall-item.is-swapping img {
  opacity: 0;
  transform: translateY(-14px) scale(0.94);
  filter: brightness(0) blur(3px);
  transition-duration: 380ms;
}
.logo-wall-item.is-swapping.logo-wall-item--keep img {
  filter: grayscale(1) blur(3px);
}
.logo-wall-item.is-swapping .logo-wall-name {
  opacity: 0;
}
.logo-wall-item .logo-wall-name {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 18px;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 10px;
  letter-spacing: 0.06em;
  text-align: center;
  text-transform: uppercase;
  color: #6F6C66;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 300ms cubic-bezier(0.25, 1, 0.5, 1), transform 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
@media (hover: hover) {
  .logo-wall-item:hover {
    background-color: #FFFFFF;
    box-shadow: 0 0 0 1px rgba(21, 20, 18, 0.08), 0 1px 2px rgba(21, 20, 18, 0.04), 0 24px 48px -30px rgba(21, 20, 18, 0.25);
  }
  .logo-wall-item:hover img {
    filter: none;
    opacity: 1;
    transform: translateY(-6px) scale(1.04);
  }
  .logo-wall-item:hover .logo-wall-name {
    opacity: 1;
    transform: none;
  }
}
@media (max-width: 575.98px) {
  .logo-wall-item {
    min-height: 104px;
    padding: 16px 10px;
  }
  .logo-wall-item img {
    height: 28px;
  }
  .logo-wall-item--stacked img {
    height: 44px;
  }
  .logo-wall-item--mark img {
    height: 56px;
  }
}
.deco-lines {
  position: absolute;
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity 1.8s cubic-bezier(0.25, 1, 0.5, 1);
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 28%, #000 72%, transparent 100%);
  mask-image: linear-gradient(180deg, transparent 0%, #000 28%, #000 72%, transparent 100%);
}
.deco-lines canvas {
  display: block;
  width: 100%;
  height: 100%;
}
.deco-lines.is-visible {
  opacity: 1;
}
.deco-feld {
  left: 0;
  right: 0;
  height: clamp(320px, 38vw, 540px);
  max-height: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.deco-feld--rechts canvas {
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.28) 42%, #000 84%);
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.28) 42%, #000 84%);
}
.deco-feld--links canvas {
  -webkit-mask-image: linear-gradient(270deg, transparent 0%, rgba(0, 0, 0, 0.28) 42%, #000 84%);
  mask-image: linear-gradient(270deg, transparent 0%, rgba(0, 0, 0, 0.28) 42%, #000 84%);
}
.deco-feld--mitte canvas {
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 26%, #000 74%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 26%, #000 74%, transparent 100%);
}
.deco-feld--hoch {
  top: 0;
  transform: none;
}
@media (max-width: 991.98px) {
  .deco-feld {
    height: clamp(240px, 58vw, 400px);
  }
}
.has-lines {
  overflow: clip;
}
.has-lines > .container {
  position: relative;
  z-index: 1;
}
.logo-slider {
  display: grid;
  gap: 16px;
  padding-block: 8px;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
}
.logo-slider-row {
  overflow: hidden;
}
.logo-slider-row:hover .logo-slider-track {
  animation-play-state: paused;
}
.logo-slider-track {
  display: flex;
  gap: 16px;
  width: max-content;
  margin: 0;
  padding: 8px 0;
  list-style: none;
  animation: logo-slide 60s linear infinite;
}
.logo-slider-row--reverse .logo-slider-track {
  animation-direction: reverse;
  animation-duration: 70s;
}
.logo-card {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 224px;
  height: 112px;
  padding: 20px 28px;
  border-radius: 16px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px rgba(21, 20, 18, 0.06), 0 10px 28px -18px rgba(21, 20, 18, 0.25);
  transition: transform 400ms cubic-bezier(0.25, 1, 0.5, 1), box-shadow 400ms cubic-bezier(0.25, 1, 0.5, 1);
}
.logo-card img {
  display: block;
  width: auto;
  max-width: 100%;
  height: 34px;
  object-fit: contain;
}
.logo-card--stacked img {
  height: 52px;
}
.logo-card--mark img {
  height: 66px;
}
.logo-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 0 0 1px rgba(21, 20, 18, 0.08), 0 22px 40px -22px rgba(21, 20, 18, 0.35);
}
@media (max-width: 575.98px) {
  .logo-card {
    width: 168px;
    height: 88px;
    padding: 14px 18px;
  }
  .logo-card img {
    height: 26px;
  }
  .logo-card--stacked img {
    height: 40px;
  }
  .logo-card--mark img {
    height: 50px;
  }
}
@keyframes logo-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .logo-slider-track {
    animation: none;
  }
  .logo-slider-row {
    overflow-x: auto;
  }
}
@media (min-width: 768px) {
  .story-bg .story-mock {
    opacity: 0;
    transform: translateY(calc(-50% + 32px)) scale(0.97);
    transition: opacity 700ms cubic-bezier(0.22, 0.61, 0.36, 1), transform 900ms cubic-bezier(0.22, 0.61, 0.36, 1);
  }
  .story-bg.is-active .story-mock {
    opacity: 1;
    transform: translateY(-50%);
    transition-delay: 450ms;
  }
  .story--idle .story-bg.is-active .story-mock {
    transition-delay: 0ms;
  }
}
@media (prefers-reduced-motion: reduce) {
  .story-bg .story-mock {
    transition: none;
  }
}
.story-photo {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  border-radius: 24px;
  container-type: size;
}
.story-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(250, 249, 247, 0.95) 0%, rgba(250, 249, 247, 0.86) 20%, rgba(250, 249, 247, 0.45) 36%, rgba(250, 249, 247, 0) 52%, rgba(250, 249, 247, 0) 74%, rgba(250, 249, 247, 0.82) 88%, rgba(250, 249, 247, 0.92) 100%);
}
.story-bg--screen {
  background: none;
}
.story-bg--screen::after {
  content: none;
}
.story-photo, .story-bg--photo {
  container-type: size;
}
.story-photo > .photo-frame, .story-bg--photo > .photo-frame {
  --fw: max(100cqw, 100cqh * 1.7921146953);
  --px: .62;
  position: absolute;
  top: calc((100cqh - max(100cqh, 100cqw / 1.7921146953)) * .5);
  left: clamp(calc(100cqw - var(--fw)), calc(var(--px) * 100cqw - var(--cx, .625) * var(--fw)), 0px);
  width: var(--fw);
  aspect-ratio: 1.7921146953;
}
.story-photo > .photo-frame > img, .story-bg--photo > .photo-frame > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  transform: none;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .story-photo > .photo-frame, .story-bg--photo > .photo-frame {
    --px: .67;
  }
}
@media (max-width: 767.98px) {
  .story-photo > .photo-frame, .story-bg--photo > .photo-frame {
    --px: .5;
    top: 30cqh;
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 14%);
    mask-image: linear-gradient(180deg, transparent 0%, #000 14%);
  }
}
.screen-ui {
  position: absolute;
  left: 55.7%;
  top: 22.31%;
  width: 13.55%;
  height: 51.08%;
  z-index: 0;
  overflow: hidden;
  container-type: inline-size;
  border-radius: 10.5% / 5%;
  background-color: #fff;
  color: #202124;
  font-family: -apple-system, "SF Pro Text", "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 5.2cqw;
  line-height: 1.35;
  text-align: left;
}
.screen-ui img {
  transform: none;
}
.screen-ui p {
  margin: 0;
}
.sui-status {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 14.4cqw;
  padding: 0 8cqw 0 11cqw;
  font-size: 4.6cqw;
  font-weight: 600;
}
.sui-status .sui-status-icons {
  display: flex;
  gap: 1.6cqw;
  font-size: 4cqw;
}
.sui-search {
  display: flex;
  align-items: center;
  gap: 3cqw;
  margin: 4cqw 5cqw 0;
  padding: 3.2cqw 4.5cqw;
  border-radius: 999px;
  box-shadow: 0 0.4cqw 2cqw rgba(32, 33, 36, 0.18);
  font-size: 5cqw;
}
.sui-search i {
  color: #70757a;
  font-size: 4.6cqw;
}
.sui-island {
  position: absolute;
  z-index: 3;
  left: 35.06%;
  top: 1.4%;
  width: 29.52%;
  height: 4.04%;
  border-radius: 999px;
  background-color: #0b0b0c;
}
.sui-typed {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  border-right: 0.5cqw solid #2AB7F1;
}
.sui-tabs {
  display: flex;
  gap: 5cqw;
  margin-top: 4cqw;
  padding: 0 6cqw 2.4cqw;
  border-bottom: 1px solid #ebebeb;
  font-size: 4.2cqw;
  color: #5f6368;
}
.sui-tabs .is-active {
  color: #202124;
  font-weight: 600;
  box-shadow: 0 2.4cqw 0 -1.6cqw #202124;
}
.sui-result {
  position: relative;
  margin: 3.5cqw 4cqw 0;
  padding: 4cqw;
  border-radius: 4cqw;
}
.sui-result--top {
  background-color: #EAF7FE;
  box-shadow: inset 0 0 0 0.5cqw rgba(42, 183, 241, 0.7), 0 3cqw 8cqw -3cqw rgba(42, 183, 241, 0.55);
}
.sui-result--top .sui-src {
  display: flex;
  align-items: center;
  gap: 2.5cqw;
  margin-bottom: 2.2cqw;
}
.sui-result--top .sui-src b {
  display: block;
  font-size: 4.2cqw;
  font-weight: 500;
}
.sui-result--top .sui-src em {
  display: block;
  font-size: 3.3cqw;
  font-style: normal;
  color: #4d5156;
}
.sui-result--top .sui-fav {
  display: grid;
  place-items: center;
  width: 7cqw;
  height: 7cqw;
  border-radius: 50%;
  background-color: #fff;
}
.sui-result--top .sui-fav img {
  width: 4.6cqw;
  height: 4.6cqw;
}
.sui-result--top .sui-title {
  margin-bottom: 1.6cqw;
  font-size: 5.8cqw;
  line-height: 1.25;
  color: #1a0dab;
}
.sui-result--top .sui-desc {
  font-size: 3.9cqw;
  line-height: 1.45;
  color: #4d5156;
}
.sui-result--top .sui-desc b {
  color: #202124;
  font-weight: 600;
}
.sui-result--top .sui-rank {
  position: absolute;
  top: -2.6cqw;
  right: 3cqw;
  padding: 0.8cqw 2.6cqw;
  border-radius: 999px;
  background-color: #2AB7F1;
  font-size: 3.2cqw;
  font-weight: 600;
  color: #fff;
}
.sui-ghosts {
  margin-top: 3.5cqw;
}
.sui-ghost {
  padding: 2.6cqw 8cqw 2.6cqw 4cqw;
}
.sui-ghost i {
  display: block;
  width: var(--b);
  border-radius: 999px;
  background-color: #E1E4E8;
}
.sui-ghost i + i {
  height: 2.9cqw;
  margin-top: 1.6cqw;
  background-color: #D9E4F2;
}
.sui-ghost > i:first-child {
  height: 1.8cqw;
}
.sui-ghost:nth-child(1) {
  opacity: 1;
}
.sui-ghost:nth-child(2) {
  opacity: 0.915;
}
.sui-ghost:nth-child(3) {
  opacity: 0.83;
}
.sui-ghost:nth-child(4) {
  opacity: 0.745;
}
.sui-ghost:nth-child(5) {
  opacity: 0.66;
}
.sui-ghost:nth-child(6) {
  opacity: 0.575;
}
.sui-ghost:nth-child(7) {
  opacity: 0.49;
}
.sui-ghost:nth-child(8) {
  opacity: 0.405;
}
.sui-ghost:nth-child(9) {
  opacity: 0.32;
}
.sui-sheen {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(115deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.55) 45%, rgba(255, 255, 255, 0) 60%);
  transform: translateX(-120%);
}
.story-bg.is-active .screen-ui--seo .sui-typed, .lp-szene.is-visible .screen-ui--seo .sui-typed {
  animation: sui-type 1.1s steps(18, end) 0.5s both, sui-caret 0.8s step-end 1.6s 3 both;
}
.story-bg.is-active .screen-ui--seo .sui-result--top, .lp-szene.is-visible .screen-ui--seo .sui-result--top {
  animation: sui-rise 0.7s cubic-bezier(0.25, 1, 0.5, 1) 1.7s both;
}
.story-bg.is-active .screen-ui--seo .sui-ghost, .lp-szene.is-visible .screen-ui--seo .sui-ghost {
  animation: sui-fade 0.6s cubic-bezier(0.25, 1, 0.5, 1) both;
}
.story-bg.is-active .screen-ui--seo .sui-ghost:nth-child(1), .lp-szene.is-visible .screen-ui--seo .sui-ghost:nth-child(1) {
  animation-delay: 1.95s;
}
.story-bg.is-active .screen-ui--seo .sui-ghost:nth-child(2), .lp-szene.is-visible .screen-ui--seo .sui-ghost:nth-child(2) {
  animation-delay: 2.04s;
}
.story-bg.is-active .screen-ui--seo .sui-ghost:nth-child(3), .lp-szene.is-visible .screen-ui--seo .sui-ghost:nth-child(3) {
  animation-delay: 2.13s;
}
.story-bg.is-active .screen-ui--seo .sui-ghost:nth-child(4), .lp-szene.is-visible .screen-ui--seo .sui-ghost:nth-child(4) {
  animation-delay: 2.22s;
}
.story-bg.is-active .screen-ui--seo .sui-ghost:nth-child(5), .lp-szene.is-visible .screen-ui--seo .sui-ghost:nth-child(5) {
  animation-delay: 2.31s;
}
.story-bg.is-active .screen-ui--seo .sui-ghost:nth-child(6), .lp-szene.is-visible .screen-ui--seo .sui-ghost:nth-child(6) {
  animation-delay: 2.4s;
}
.story-bg.is-active .screen-ui--seo .sui-ghost:nth-child(7), .lp-szene.is-visible .screen-ui--seo .sui-ghost:nth-child(7) {
  animation-delay: 2.49s;
}
.story-bg.is-active .screen-ui--seo .sui-ghost:nth-child(8), .lp-szene.is-visible .screen-ui--seo .sui-ghost:nth-child(8) {
  animation-delay: 2.58s;
}
.story-bg.is-active .screen-ui--seo .sui-ghost:nth-child(9), .lp-szene.is-visible .screen-ui--seo .sui-ghost:nth-child(9) {
  animation-delay: 2.67s;
}
.story-bg.is-active .screen-ui--seo .sui-rank, .lp-szene.is-visible .screen-ui--seo .sui-rank {
  animation: sui-pop 0.5s cubic-bezier(0.25, 1, 0.5, 1) 2.2s both;
}
.story-bg.is-active .screen-ui--seo .sui-sheen, .lp-szene.is-visible .screen-ui--seo .sui-sheen {
  animation: sui-sheen 1.4s ease-in-out 2.4s both;
}
.sui-ai-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3cqw 6cqw 3.4cqw;
  border-bottom: 1px solid #efefef;
  font-size: 4.6cqw;
  font-weight: 600;
}
.sui-ai-head i {
  font-size: 5cqw;
  color: #5f6368;
}
.sui-ai-chat {
  display: grid;
  gap: 5cqw;
  padding: 6cqw 5cqw 0;
}
.sui-ai-q {
  justify-self: end;
  max-width: 82%;
  padding: 3.2cqw 4.4cqw;
  border-radius: 5cqw 5cqw 1.4cqw 5cqw;
  background-color: #f1f3f5;
  font-size: 4.3cqw;
  line-height: 1.4;
}
.sui-ai-a {
  display: grid;
  grid-template-columns: 8cqw 1fr;
  gap: 3cqw;
  align-items: start;
}
.sui-ai-avatar {
  display: grid;
  place-items: center;
  width: 8cqw;
  height: 8cqw;
  border-radius: 50%;
  background: linear-gradient(135deg, #2AB7F1, #8fdcfb);
  font-size: 4.4cqw;
  color: #fff;
}
.sui-ai-body {
  position: relative;
  display: grid;
  gap: 2.4cqw;
}
.sui-ai-dots {
  position: absolute;
  top: 1.6cqw;
  left: 0;
  display: flex;
  gap: 1.4cqw;
  opacity: 0;
}
.sui-ai-dots i {
  width: 1.8cqw;
  height: 1.8cqw;
  border-radius: 50%;
  background-color: #9aa0a6;
}
.sui-ai-text {
  font-size: 4.3cqw;
  line-height: 1.5;
  color: #202124;
}
.sui-ai-text b {
  padding: 0 0.8cqw;
  border-radius: 1cqw;
  background-color: rgba(42, 183, 241, 0.16);
  font-weight: 600;
}
.sui-ai-ghost {
  height: 2.8cqw;
  border-radius: 2cqw;
  background-color: #eceef1;
}
.sui-ai-ghost--short {
  width: 62%;
}
.sui-ai-sources {
  display: flex;
  flex-wrap: wrap;
  gap: 2cqw;
  margin-top: 1.4cqw;
}
.sui-ai-source {
  display: inline-flex;
  align-items: center;
  gap: 1.4cqw;
  height: 6.4cqw;
  padding: 0 2.4cqw;
  color: #6F6C66;
  white-space: nowrap;
  border-radius: 999px;
  background-color: #f1f3f5;
  font-size: 3.4cqw;
}
.sui-ai-source img {
  width: 3.6cqw;
  height: 3.6cqw;
}
.sui-ai-source.is-highlight {
  background-color: #EAF7FE;
  color: #0E6C96;
  box-shadow: inset 0 0 0 0.4cqw rgba(42, 183, 241, 0.7);
  font-weight: 600;
}
.sui-ai-input {
  position: absolute;
  left: 5cqw;
  right: 5cqw;
  bottom: 6cqw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3cqw 3cqw 3cqw 4.5cqw;
  border-radius: 999px;
  box-shadow: inset 0 0 0 1px #e3e5e8;
  font-size: 4cqw;
  color: #9aa0a6;
}
.sui-ai-input i {
  font-size: 7cqw;
  color: #2AB7F1;
}
.story-bg.is-active .screen-ui--geo .sui-ai-q, .lp-szene.is-visible .screen-ui--geo .sui-ai-q {
  animation: sui-rise 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0.4s both;
}
.story-bg.is-active .screen-ui--geo .sui-ai-avatar, .lp-szene.is-visible .screen-ui--geo .sui-ai-avatar {
  animation: sui-pop 0.5s cubic-bezier(0.25, 1, 0.5, 1) 1s both;
}
.story-bg.is-active .screen-ui--geo .sui-ai-dots, .lp-szene.is-visible .screen-ui--geo .sui-ai-dots {
  animation: sui-dots 1.1s ease 1.1s both;
}
.story-bg.is-active .screen-ui--geo .sui-ai-dots i, .lp-szene.is-visible .screen-ui--geo .sui-ai-dots i {
  animation: sui-blink 0.9s ease-in-out 1.1s 2 both;
}
.story-bg.is-active .screen-ui--geo .sui-ai-dots i:nth-child(2), .lp-szene.is-visible .screen-ui--geo .sui-ai-dots i:nth-child(2) {
  animation-delay: 1.25s;
}
.story-bg.is-active .screen-ui--geo .sui-ai-dots i:nth-child(3), .lp-szene.is-visible .screen-ui--geo .sui-ai-dots i:nth-child(3) {
  animation-delay: 1.4s;
}
.story-bg.is-active .screen-ui--geo .sui-ai-text, .lp-szene.is-visible .screen-ui--geo .sui-ai-text {
  animation: sui-reveal 1.2s cubic-bezier(0.25, 1, 0.5, 1) 2.2s both;
}
.story-bg.is-active .screen-ui--geo .sui-ai-ghost, .lp-szene.is-visible .screen-ui--geo .sui-ai-ghost {
  animation: sui-fade 0.5s cubic-bezier(0.25, 1, 0.5, 1) 3s both;
}
.story-bg.is-active .screen-ui--geo .sui-ai-ghost--short, .lp-szene.is-visible .screen-ui--geo .sui-ai-ghost--short {
  animation-delay: 3.15s;
}
.story-bg.is-active .screen-ui--geo .sui-ai-source, .lp-szene.is-visible .screen-ui--geo .sui-ai-source {
  animation: sui-fade 0.5s cubic-bezier(0.25, 1, 0.5, 1) 3.4s both;
}
.story-bg.is-active .screen-ui--geo .sui-ai-source.is-highlight, .lp-szene.is-visible .screen-ui--geo .sui-ai-source.is-highlight {
  animation: sui-pop 0.5s cubic-bezier(0.25, 1, 0.5, 1) 3.3s both;
}
.story-bg.is-active .screen-ui--geo .sui-sheen, .lp-szene.is-visible .screen-ui--geo .sui-sheen {
  animation: sui-sheen 1.4s ease-in-out 3.6s both;
}
@keyframes sui-dots {
  0%, 100% {
    opacity: 0;
  }
  12%, 85% {
    opacity: 1;
  }
}
@keyframes sui-blink {
  50% {
    transform: translateY(-0.8cqw);
    opacity: 0.4;
  }
}
@keyframes sui-reveal {
  from {
    opacity: 0;
    clip-path: inset(0 0 100% 0);
  }
  to {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
}
.sui-result--ad .sui-ad-label {
  margin-bottom: 1.6cqw;
  font-size: 3.4cqw;
  font-weight: 600;
  color: #202124;
}
.sui-sitelinks {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6cqw;
  margin-top: 2.6cqw;
}
.sui-sitelinks span {
  padding: 1cqw 2.6cqw;
  border-radius: 999px;
  background-color: #fff;
  box-shadow: inset 0 0 0 1px rgba(42, 183, 241, 0.35);
  font-size: 3.2cqw;
  color: #1a0dab;
}
.sui-monitor {
  margin: 4cqw 4cqw 0;
  padding: 4cqw;
  border-radius: 4cqw;
  box-shadow: inset 0 0 0 1px #eceef1;
}
.sui-monitor-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3cqw !important;
  font-size: 3.8cqw;
  font-weight: 600;
}
.sui-monitor-head em {
  font-size: 3.2cqw;
  font-style: normal;
  font-weight: 400;
  color: #70757a;
}
.sui-bars {
  display: flex;
  align-items: flex-end;
  gap: 1.8cqw;
  height: 30cqw;
}
.sui-bars i {
  flex: 1;
  height: var(--h);
  border-radius: 1.2cqw 1.2cqw 0.4cqw 0.4cqw;
  background: linear-gradient(180deg, #2AB7F1, #9bdffa);
  transform-origin: bottom;
}
.story-bg.is-active .screen-ui--sea .sui-typed, .lp-szene.is-visible .screen-ui--sea .sui-typed {
  animation: sui-type 1.1s steps(19, end) 0.5s both, sui-caret 0.8s step-end 1.6s 3 both;
}
.story-bg.is-active .screen-ui--sea .sui-result--ad, .lp-szene.is-visible .screen-ui--sea .sui-result--ad {
  animation: sui-rise 0.7s cubic-bezier(0.25, 1, 0.5, 1) 1.7s both;
}
.story-bg.is-active .screen-ui--sea .sui-monitor, .lp-szene.is-visible .screen-ui--sea .sui-monitor {
  animation: sui-fade 0.6s cubic-bezier(0.25, 1, 0.5, 1) 2.3s both;
}
.story-bg.is-active .screen-ui--sea .sui-bars i, .lp-szene.is-visible .screen-ui--sea .sui-bars i {
  animation: sui-grow 0.7s cubic-bezier(0.25, 1, 0.5, 1) both;
}
.story-bg.is-active .screen-ui--sea .sui-bars i:nth-child(1), .lp-szene.is-visible .screen-ui--sea .sui-bars i:nth-child(1) {
  animation-delay: 2.47s;
}
.story-bg.is-active .screen-ui--sea .sui-bars i:nth-child(2), .lp-szene.is-visible .screen-ui--sea .sui-bars i:nth-child(2) {
  animation-delay: 2.54s;
}
.story-bg.is-active .screen-ui--sea .sui-bars i:nth-child(3), .lp-szene.is-visible .screen-ui--sea .sui-bars i:nth-child(3) {
  animation-delay: 2.61s;
}
.story-bg.is-active .screen-ui--sea .sui-bars i:nth-child(4), .lp-szene.is-visible .screen-ui--sea .sui-bars i:nth-child(4) {
  animation-delay: 2.68s;
}
.story-bg.is-active .screen-ui--sea .sui-bars i:nth-child(5), .lp-szene.is-visible .screen-ui--sea .sui-bars i:nth-child(5) {
  animation-delay: 2.75s;
}
.story-bg.is-active .screen-ui--sea .sui-bars i:nth-child(6), .lp-szene.is-visible .screen-ui--sea .sui-bars i:nth-child(6) {
  animation-delay: 2.82s;
}
.story-bg.is-active .screen-ui--sea .sui-bars i:nth-child(7), .lp-szene.is-visible .screen-ui--sea .sui-bars i:nth-child(7) {
  animation-delay: 2.89s;
}
.story-bg.is-active .screen-ui--sea .sui-bars i:nth-child(8), .lp-szene.is-visible .screen-ui--sea .sui-bars i:nth-child(8) {
  animation-delay: 2.96s;
}
.story-bg.is-active .screen-ui--sea .sui-bars i:nth-child(9), .lp-szene.is-visible .screen-ui--sea .sui-bars i:nth-child(9) {
  animation-delay: 3.03s;
}
.story-bg.is-active .screen-ui--sea .sui-bars i:nth-child(10), .lp-szene.is-visible .screen-ui--sea .sui-bars i:nth-child(10) {
  animation-delay: 3.1s;
}
.story-bg.is-active .screen-ui--sea .sui-sheen, .lp-szene.is-visible .screen-ui--sea .sui-sheen {
  animation: sui-sheen 1.4s ease-in-out 3.3s both;
}
@keyframes sui-grow {
  from {
    transform: scaleY(0);
  }
  to {
    transform: none;
  }
}
.screen-quad {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 1280px;
  height: 800px;
  transform-origin: 0 0;
  opacity: 0;
}
.screen-quad.is-fitted {
  opacity: 1;
}
.screen-ui--web {
  background: radial-gradient(70% 40% at 80% 8%, rgba(42, 183, 241, 0.16), rgba(42, 183, 241, 0) 70%), #FAF9F7;
}
.sweb-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2cqw 6cqw 0;
}
.sweb-nav img {
  width: 42cqw;
  height: auto;
}
.sweb-nav i {
  font-size: 7cqw;
  color: #151412;
}
.sweb-hero {
  padding: 6cqw 6cqw 0;
}
.sweb-kicker {
  margin-bottom: 2cqw !important;
  font-size: 4.4cqw;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #2AB7F1;
}
.sweb-title {
  margin-bottom: 2.4cqw !important;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 10.5cqw;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: #151412;
}
.sweb-text {
  margin-bottom: 5cqw !important;
  font-size: 5cqw;
  line-height: 1.45;
  color: #1C1B19;
}
.sweb-cta {
  display: block;
  width: fit-content;
  padding: 3.4cqw 7cqw;
  border-radius: 999px;
  background-color: #2AB7F1;
  font-size: 5cqw;
  color: #fff;
  box-shadow: 0 2cqw 5cqw -2cqw rgba(42, 183, 241, 0.9);
}
.sweb-logos {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3cqw;
  margin-top: 6cqw;
  padding: 3.4cqw 6cqw;
  border-top: 1px solid rgba(21, 20, 18, 0.07);
  border-bottom: 1px solid rgba(21, 20, 18, 0.07);
  justify-content: center;
  gap: 1.6cqw;
  font-size: 2.9cqw;
  color: #6F6C66;
  white-space: nowrap;
}
.sweb-logos b {
  font-weight: 600;
  color: #151412;
}
.sweb-logos .sweb-sterne {
  display: inline-flex;
  gap: 0.6cqw;
  font-size: 2.6cqw;
  color: #2AB7F1;
}
.sweb-logos .sweb-trenn {
  width: 1px;
  height: 3cqw;
  background-color: rgba(21, 20, 18, 0.18);
}
.sweb-cards {
  display: grid;
  gap: 3cqw;
  padding: 4.5cqw 6cqw 0;
}
.sweb-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  column-gap: 3.5cqw;
  padding: 3.4cqw 4cqw;
  border-radius: 4cqw;
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(21, 20, 18, 0.07), 0 2cqw 6cqw -4cqw rgba(14, 34, 52, 0.55);
}
.sweb-card i {
  display: grid;
  place-items: center;
  width: 9cqw;
  height: 9cqw;
  border-radius: 2.6cqw;
  background-color: rgba(42, 183, 241, 0.14);
  font-size: 4.8cqw;
  color: #0E6C96;
}
.sweb-card b {
  font-size: 4.6cqw;
  font-weight: 600;
  line-height: 1;
  color: #151412;
}
.sweb-weiter {
  height: 22cqw;
  margin: 5cqw 6cqw 0;
  border-radius: 4cqw 4cqw 0 0;
  background: radial-gradient(90% 120% at 15% 0%, rgba(42, 183, 241, 0.35), rgba(42, 183, 241, 0) 70%), #E8F1F6;
}
.story-bg.is-active .screen-ui--web .sweb-nav, .lp-szene.is-visible .screen-ui--web .sweb-nav {
  animation: sui-fade 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0.4s both;
}
.story-bg.is-active .screen-ui--web .sweb-kicker, .lp-szene.is-visible .screen-ui--web .sweb-kicker {
  animation: sweb-up 0.7s cubic-bezier(0.25, 1, 0.5, 1) 0.7s both;
}
.story-bg.is-active .screen-ui--web .sweb-title, .lp-szene.is-visible .screen-ui--web .sweb-title {
  animation: sweb-up 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0.85s both;
}
.story-bg.is-active .screen-ui--web .sweb-text, .lp-szene.is-visible .screen-ui--web .sweb-text {
  animation: sweb-up 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1s both;
}
.story-bg.is-active .screen-ui--web .sweb-cta, .lp-szene.is-visible .screen-ui--web .sweb-cta {
  animation: sweb-up 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1.15s both;
}
.story-bg.is-active .screen-ui--web .sweb-logos, .lp-szene.is-visible .screen-ui--web .sweb-logos {
  animation: sui-fade 0.7s cubic-bezier(0.25, 1, 0.5, 1) 1.3s both;
}
.story-bg.is-active .screen-ui--web .sweb-card, .lp-szene.is-visible .screen-ui--web .sweb-card {
  animation: sweb-up 0.8s cubic-bezier(0.25, 1, 0.5, 1) both;
}
.story-bg.is-active .screen-ui--web .sweb-card:nth-child(1), .lp-szene.is-visible .screen-ui--web .sweb-card:nth-child(1) {
  animation-delay: 1.45s;
}
.story-bg.is-active .screen-ui--web .sweb-card:nth-child(2), .lp-szene.is-visible .screen-ui--web .sweb-card:nth-child(2) {
  animation-delay: 1.57s;
}
.story-bg.is-active .screen-ui--web .sweb-card:nth-child(3), .lp-szene.is-visible .screen-ui--web .sweb-card:nth-child(3) {
  animation-delay: 1.69s;
}
.story-bg.is-active .screen-ui--web .sweb-weiter, .lp-szene.is-visible .screen-ui--web .sweb-weiter {
  animation: sweb-up 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1.82s both;
}
.story-bg.is-active .screen-ui--web .sui-sheen, .lp-szene.is-visible .screen-ui--web .sui-sheen {
  animation: sui-sheen 1.6s ease-in-out 2s both;
}
@keyframes sweb-up {
  from {
    opacity: 0;
    transform: translateY(28px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.sui-shop-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3cqw 6cqw;
  font-size: 4.8cqw;
}
.sui-shop-head i {
  font-size: 5.4cqw;
}
.sui-shop-head b {
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
}
.sui-shop-cart {
  position: relative;
}
.sui-shop-cart em {
  position: absolute;
  top: -1.2cqw;
  right: -2cqw;
  display: grid;
  place-items: center;
  width: 4.4cqw;
  height: 4.4cqw;
  border-radius: 50%;
  background-color: #2AB7F1;
  font-size: 2.8cqw;
  font-style: normal;
  font-weight: 600;
  color: #fff;
}
.sui-shop-img {
  display: grid;
  place-items: center;
  height: 62cqw;
  margin: 2cqw 5cqw 0;
  border-radius: 5cqw;
  background: linear-gradient(145deg, #e3f5fd, #bfeafd);
  font-size: 16cqw;
  color: #2AB7F1;
}
.sui-shop-info {
  display: grid;
  gap: 2.4cqw;
  padding: 5cqw 6cqw 0;
}
.sui-shop-name {
  margin: 0 !important;
  font-size: 3.6cqw;
  line-height: 1.4;
  color: #6F6C66;
}
.sui-shop-price {
  margin-top: 1.4cqw !important;
  font-size: 6cqw;
  font-weight: 600;
}
.sui-shop-btn {
  display: block;
  margin-top: 2cqw;
  padding: 3.6cqw 0;
  border-radius: 999px;
  background-color: #151412;
  font-size: 4.2cqw;
  font-weight: 600;
  text-align: center;
  color: #fff;
}
.sui-toast {
  position: absolute;
  left: 5cqw;
  right: 5cqw;
  bottom: 7cqw;
  display: flex;
  align-items: center;
  gap: 3cqw;
  padding: 3.6cqw 4cqw;
  border-radius: 4cqw;
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(21, 20, 18, 0.06), 0 4cqw 10cqw -3cqw rgba(14, 34, 52, 0.35);
}
.sui-toast i {
  font-size: 7cqw;
  color: #2AB7F1;
}
.sui-toast b {
  display: block;
  font-size: 4cqw;
  font-weight: 600;
}
.sui-toast em {
  display: block;
  font-size: 3.4cqw;
  font-style: normal;
  color: #70757a;
}
.story-bg.is-active .screen-ui--shop .sui-shop-img, .lp-szene.is-visible .screen-ui--shop .sui-shop-img {
  animation: sui-rise 0.7s cubic-bezier(0.25, 1, 0.5, 1) 0.4s both;
}
.story-bg.is-active .screen-ui--shop .sui-shop-info, .lp-szene.is-visible .screen-ui--shop .sui-shop-info {
  animation: sui-fade 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0.8s both;
}
.story-bg.is-active .screen-ui--shop .sui-shop-btn, .lp-szene.is-visible .screen-ui--shop .sui-shop-btn {
  animation: sui-press 0.5s ease 1.6s both;
}
.story-bg.is-active .screen-ui--shop .sui-shop-cart em, .lp-szene.is-visible .screen-ui--shop .sui-shop-cart em {
  animation: sui-pop 0.45s cubic-bezier(0.25, 1, 0.5, 1) 1.9s both;
}
.story-bg.is-active .screen-ui--shop .sui-toast, .lp-szene.is-visible .screen-ui--shop .sui-toast {
  animation: sui-toast 0.7s cubic-bezier(0.25, 1, 0.5, 1) 2.4s both;
}
.story-bg.is-active .screen-ui--shop .sui-sheen, .lp-szene.is-visible .screen-ui--shop .sui-sheen {
  animation: sui-sheen 1.4s ease-in-out 3.1s both;
}
@keyframes sui-press {
  0%, 100% {
    transform: none;
    background-color: #151412;
  }
  40% {
    transform: scale(0.95);
    background-color: #2AB7F1;
  }
}
@keyframes sui-toast {
  from {
    opacity: 0;
    transform: translateY(8cqw);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes sui-type {
  from {
    max-width: 0;
  }
  to {
    max-width: 100%;
  }
}
@keyframes sui-caret {
  50% {
    border-color: transparent;
  }
}
@keyframes sui-rise {
  from {
    opacity: 0;
    transform: translateY(4cqw) scale(0.97);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes sui-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes sui-pop {
  from {
    opacity: 0;
    transform: scale(0.6);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes sui-sheen {
  from {
    transform: translateX(-120%);
  }
  to {
    transform: translateX(120%);
  }
}
.story:not(.is-playing) .story-bg--photo * {
  animation-play-state: paused !important;
}
.story.is-rewind .story-bg--photo * {
  animation: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .story-bg--photo * {
    animation: none !important;
  }
  .sui-ai-dots {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .story-bg--photo[data-tone="light"]::after {
    background: linear-gradient(180deg, rgba(250, 249, 247, 0.97) 0%, rgba(250, 249, 247, 0.9) 30%, rgba(250, 249, 247, 0) 40%, rgba(250, 249, 247, 0) 84%, rgba(250, 249, 247, 0.7) 100%);
  }
}
@media (min-width: 992px) {
  .story-bg--photo[data-tone="light"]::after {
    background: linear-gradient(90deg, rgba(250, 249, 247, 0.72) 0%, rgba(250, 249, 247, 0.55) 28%, rgba(250, 249, 247, 0.2) 40%, rgba(250, 249, 247, 0) 50%);
  }
  .story-bg--photo > .photo-frame > img {
    filter: contrast(1.06) saturate(1.08);
  }
}
.story[data-photo] .story-nav {
  padding: 18px 20px 18px 24px;
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 0.72);
  box-shadow: 0 0 0 1px rgba(21, 20, 18, 0.06), 0 20px 40px -24px rgba(21, 20, 18, 0.3);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
@media (max-width: 767.98px) {
  .story[data-photo] .story-nav {
    padding: 0;
    background: none;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .story[data-photo] .story-contents, .story[data-photo] .story-faqs {
    width: min(24rem, 46%);
  }
}
.fullservice {
  position: relative;
  overflow: hidden;
  background: radial-gradient(40% 55% at 88% 6%, rgba(42, 183, 241, 0.1) 0%, rgba(42, 183, 241, 0) 70%), #FFFFFF;
}
.fs-head {
  margin-bottom: 64px;
}
@media (max-width: 991.98px) {
  .fs-head {
    margin-bottom: 44px;
  }
}
.fs-intro {
  max-width: 760px;
  margin: 0 auto;
}
.fs-title {
  max-width: 20ch;
  margin: 0 auto 20px;
  font-size: clamp(30px, calc(25.8518518519px + 1.2962962963vw), 44px);
  line-height: 1.28;
  letter-spacing: -0.008em;
}
.fs-lead {
  max-width: 62ch;
  margin: 0 auto 26px;
  font-size: 18px;
  line-height: 1.7;
  color: #1C1B19;
}
.fs-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 0 0 28px;
  padding: 0;
  list-style: none;
}
.fs-tags li {
  padding: 8px 16px;
  border-radius: 999px;
  background-color: #FAF9F7;
  box-shadow: inset 0 0 0 1px #E6E3DD;
  font-size: 14px;
  color: #151412;
  transition: background-color 200ms ease, box-shadow 200ms ease, transform 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
.fs-tags li:hover {
  transform: translateY(-2px);
  background-color: rgba(42, 183, 241, 0.1);
  box-shadow: inset 0 0 0 1px rgba(42, 183, 241, 0.45);
}
.fs-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
}
@media (min-width: 992px) {
  @supports (grid-template-rows: subgrid) {
    .fs-cards {
      row-gap: 0;
      grid-template-rows: repeat(5, auto);
    }
    .fs-cards .fs-card {
      display: grid;
      grid-row: span 5;
      grid-template-rows: subgrid;
      align-content: start;
    }
  }
}
@media (max-width: 991.98px) {
  .fs-cards {
    grid-template-columns: 1fr;
  }
}
.fs-card {
  position: relative;
  overflow: hidden;
  padding: 36px 36px 34px;
  border-radius: 24px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD, 0 30px 60px -44px rgba(14, 34, 52, 0.5);
  transition: transform 400ms cubic-bezier(0.25, 1, 0.5, 1), box-shadow 400ms cubic-bezier(0.25, 1, 0.5, 1);
}
.fs-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #2AB7F1;
}
.fs-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 0 0 1px rgba(42, 183, 241, 0.35), 0 40px 70px -40px rgba(14, 34, 52, 0.55);
}
.fs-card p:last-child {
  margin-bottom: 0;
}
@media (max-width: 575.98px) {
  .fs-card {
    padding: 28px 22px 26px;
  }
}
.fs-card-top {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px !important;
}
.fs-card-num {
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 14px;
  color: #2AB7F1;
}
.fs-card-label {
  padding: 4px 12px;
  border-radius: 999px;
  background-color: #FAF9F7;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #6F6C66;
}
.fs-card-title {
  margin-bottom: 22px;
  font-size: clamp(21px, calc(19.5185185185px + 0.462962963vw), 26px);
  line-height: 1.2;
  letter-spacing: -0.02em;
}
.fs-card-title {
  min-height: 2.6em;
}
.fs-viz {
  display: grid;
  align-content: center;
  min-height: 215px;
  margin-bottom: 26px;
  padding: 20px 20px 14px;
  border-radius: 16px;
  background-color: #FAF9F7;
  box-shadow: inset 0 0 0 1px #E6E3DD;
}
.fs-viz-legend {
  display: flex;
  gap: 20px;
  margin-bottom: 14px;
  font-size: 13px;
  color: #6F6C66;
}
.fs-viz-legend span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.fs-viz-legend span::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 3px;
}
.fs-viz-legend .is-seo::before {
  background-color: #2AB7F1;
}
.fs-viz-legend .is-sea::before {
  background-color: rgba(42, 183, 241, 0.3);
}
.fs-viz-chart {
  position: relative;
  height: 120px;
}
.fs-viz-chart::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #E6E3DD;
}
.fs-viz-chart::before {
  content: "";
  position: absolute;
  inset: 0 0 1px;
  background-image: repeating-linear-gradient(to top, transparent 0, transparent calc(25% - 1px), rgba(230, 227, 221, 0.75) calc(25% - 1px), rgba(230, 227, 221, 0.75) 25%);
}
.fs-kreuz {
  position: absolute;
  left: 68.1%;
  top: 45%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
  border-radius: 50%;
  background-color: #2AB7F1;
  box-shadow: 0 0 0 3px #FAF9F7, 0 0 0 7px rgba(42, 183, 241, 0.2);
}
.fs-marke {
  position: absolute;
  right: calc(31.9% + 14px);
  top: 45%;
  margin-top: -36px;
  padding: 4px 10px;
  border-radius: 999px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px rgba(42, 183, 241, 0.35), 0 6px 16px -10px rgba(11, 11, 10, 0.5);
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.04em;
  white-space: nowrap;
  color: #0E6C96;
}
.fs-ende {
  position: absolute;
  left: 100%;
  top: 8.3%;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -7px;
  border-radius: 50%;
  background-color: #2AB7F1;
  box-shadow: 0 0 0 5px rgba(42, 183, 241, 0.16);
}
.fs-bars {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  gap: 6px;
}
.fs-bars i {
  flex: 1;
  height: var(--h);
  border-radius: 6px 6px 3px 3px;
  background-color: #CDEAF7;
  transform-origin: bottom;
}
.fs-curve {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  color: #2AB7F1;
  filter: drop-shadow(0 6px 12px rgba(42, 183, 241, 0.35));
}
.fs-curve path {
  stroke-dasharray: 340;
  stroke-dashoffset: 340;
}
.fs-viz-note {
  display: flex;
  justify-content: space-between;
  margin: 10px 0 0 !important;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6F6C66;
}
.fs-serp {
  display: grid;
  gap: 10px;
  padding: 14px;
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px rgba(21, 20, 18, 0.07);
  font-family: -apple-system, "SF Pro Text", "Segoe UI", Roboto, Arial, sans-serif;
}
.fs-card .fs-serp-suche {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 !important;
  padding: 9px 14px;
  border-radius: 999px;
  background-color: #f1f3f4;
  font-size: 14px;
  color: #4d5156;
}
.fs-card .fs-serp-suche i {
  font-size: 13px;
  color: #5f6368;
}
.fs-treffer {
  position: relative;
  padding: 12px 14px;
  border-radius: 10px;
}
.fs-treffer-marke {
  position: absolute;
  top: -7px;
  right: 12px;
  padding: 2px 9px;
  border-radius: 999px;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.06em;
}
.fs-card .fs-treffer-label {
  margin: 0 0 5px !important;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  color: #202124;
}
.fs-card .fs-treffer-src {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 3px 8px;
  margin: 0 0 5px !important;
  font-size: 12px;
  line-height: 1.3;
  color: #4d5156;
}
.fs-card .fs-treffer-src img {
  flex: none;
  width: 16px;
  height: 16px;
}
.fs-card .fs-treffer-src b {
  font-size: 14px;
  font-weight: 500;
  color: #202124;
}
.fs-card .fs-treffer-src em {
  flex-basis: 100%;
  margin-left: 24px;
  font-style: normal;
}
.fs-card .fs-treffer-titel {
  margin: 0 !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #1a0dab;
}
.fs-treffer--ad {
  background-color: #EAF7FE;
  box-shadow: inset 0 0 0 1px rgba(42, 183, 241, 0.55);
}
.fs-treffer--ad .fs-treffer-marke {
  background-color: #2AB7F1;
  color: #151412;
}
.fs-treffer--org {
  background-color: #FFFFFF;
  box-shadow: inset 0 0 0 1px #E6E3DD;
}
.fs-treffer--org .fs-treffer-marke {
  background-color: #151412;
  color: #FFFFFF;
}
.fs-dash {
  padding: 14px 16px 12px;
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px rgba(21, 20, 18, 0.07);
}
.fs-card .fs-dash-kopf {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 12px !important;
  padding-bottom: 10px;
  border-bottom: 1px solid #E6E3DD;
}
.fs-card .fs-dash-kopf span {
  font-size: 14px;
  font-weight: 600;
  color: #151412;
}
.fs-card .fs-dash-kopf em {
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  font-style: normal;
  color: #6F6C66;
}
.fs-card.is-visible .fs-bars i {
  animation: fs-bar-up 0.7s cubic-bezier(0.25, 1, 0.5, 1) both;
}
.fs-card.is-visible .fs-bars i:nth-child(1) {
  animation-delay: 0.21s;
}
.fs-card.is-visible .fs-bars i:nth-child(2) {
  animation-delay: 0.27s;
}
.fs-card.is-visible .fs-bars i:nth-child(3) {
  animation-delay: 0.33s;
}
.fs-card.is-visible .fs-bars i:nth-child(4) {
  animation-delay: 0.39s;
}
.fs-card.is-visible .fs-bars i:nth-child(5) {
  animation-delay: 0.45s;
}
.fs-card.is-visible .fs-bars i:nth-child(6) {
  animation-delay: 0.51s;
}
.fs-card.is-visible .fs-bars i:nth-child(7) {
  animation-delay: 0.57s;
}
.fs-card.is-visible .fs-curve path {
  animation: fs-draw 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.5s both;
}
.fs-card.is-visible .fs-kreuz {
  animation: fs-punkt 0.4s cubic-bezier(0.25, 1, 0.5, 1) 1.5s both;
}
.fs-card.is-visible .fs-marke {
  animation: fs-punkt 0.45s cubic-bezier(0.25, 1, 0.5, 1) 1.7s both;
}
.fs-card.is-visible .fs-ende {
  animation: fs-punkt 0.4s cubic-bezier(0.25, 1, 0.5, 1) 2.05s both;
}
.fs-card.is-visible .fs-treffer {
  animation: sui-rise 0.7s cubic-bezier(0.25, 1, 0.5, 1) both;
}
.fs-card.is-visible .fs-treffer--ad {
  animation-delay: 0.35s;
}
.fs-card.is-visible .fs-treffer--org {
  animation-delay: 0.6s;
}
.fs-card.is-visible .fs-treffer-marke {
  animation: sui-pop 0.5s cubic-bezier(0.25, 1, 0.5, 1) both;
}
.fs-card.is-visible .fs-treffer--ad .fs-treffer-marke {
  animation-delay: 0.75s;
}
.fs-card.is-visible .fs-treffer--org .fs-treffer-marke {
  animation-delay: 1s;
}
@keyframes fs-bar-up {
  from {
    transform: scaleY(0);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
@keyframes fs-draw {
  from {
    stroke-dashoffset: 340;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fs-punkt {
  from {
    opacity: 0;
    transform: scale(0.3);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes fs-grow {
  from {
    transform: scaleX(0);
  }
  to {
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .fs-card.is-visible * {
    animation: none !important;
  }
  .fs-curve path {
    stroke-dashoffset: 0;
  }
  .fs-kreuz, .fs-marke, .fs-ende {
    opacity: 1;
  }
}
.region-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  margin-bottom: 48px;
}
@media (max-width: 1199.98px) {
  .region-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575.98px) {
  .region-grid {
    grid-template-columns: 1fr;
  }
}
.region-card {
  --kopfraum: 115px;
  position: relative;
  display: grid;
  grid-template-rows: var(--kopfraum) auto minmax(auto, 1fr) auto;
  min-height: 380px;
  padding: 28px 26px 26px;
  overflow: hidden;
  border-radius: 16px;
  background-color: #151412;
  box-shadow: 0 24px 50px -40px rgba(14, 34, 52, 0.6);
  transition: transform 400ms cubic-bezier(0.25, 1, 0.5, 1), box-shadow 400ms cubic-bezier(0.25, 1, 0.5, 1);
}
.region-card .region-bild {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 900ms cubic-bezier(0.25, 1, 0.5, 1);
}
.region-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(10, 22, 33, 0.1) 0%, rgba(10, 22, 33, 0.44) 40%, rgba(10, 22, 33, 0.82) 70%, rgba(10, 22, 33, 0.93) 100%), linear-gradient(180deg, rgba(10, 22, 33, 0.34) 0%, rgba(10, 22, 33, 0) 46%);
  transition: opacity 400ms cubic-bezier(0.25, 1, 0.5, 1);
}
.region-card > *, .region-card .region-text > * {
  position: relative;
  z-index: 1;
}
.region-card .region-text {
  display: contents;
}
.region-card h3 {
  grid-row: 2;
}
.region-card .region-text p {
  grid-row: 3;
}
.region-card .link-arrow {
  grid-row: 4;
  align-self: end;
}
.region-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 30px 60px -38px rgba(14, 34, 52, 0.7);
}
.region-card:hover .region-bild {
  transform: scale(1.05);
}
.region-card:hover .link-arrow i {
  transform: translateX(4px);
}
.region-card h3 {
  margin: 0 0 10px;
  font-size: clamp(21px, calc(19.5185185185px + 0.462962963vw), 26px);
  line-height: 1.22;
  letter-spacing: -0.02em;
  color: #FFFFFF;
}
.region-card h3 a {
  color: inherit;
  text-decoration: none;
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 100% 1px;
  padding-bottom: 3px;
}
.region-card p {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.88);
}
.region-card .link-arrow {
  margin-top: 16px;
  font-size: 16px;
  color: #FFFFFF;
}
.region-card .link-arrow i {
  transition: transform 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
.region-card--weit {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  grid-column: 1 / -1;
  min-height: 240px;
}
.region-card--weit .region-text {
  display: block;
}
.region-card--weit::after {
  background: linear-gradient(90deg, rgba(10, 22, 33, 0.93) 0%, rgba(10, 22, 33, 0.8) 42%, rgba(10, 22, 33, 0.34) 74%, rgba(10, 22, 33, 0.14) 100%), linear-gradient(180deg, rgba(10, 22, 33, 0.3) 0%, rgba(10, 22, 33, 0) 50%);
}
.region-card--weit .region-text {
  max-width: 54ch;
}
@media (max-width: 575.98px) {
  .region-card--weit {
    min-height: 280px;
  }
}
.region-tag {
  position: absolute;
  top: 20px;
  left: 20px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 13px;
  border-radius: 999px;
  background-color: rgba(10, 22, 33, 0.55);
  backdrop-filter: blur(6px);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22);
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #FFFFFF;
}
.region-tag i {
  font-size: 12px;
  color: #2AB7F1;
}
.cases {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
  gap: 24px;
  margin-top: 56px;
}
.case {
  --pad: 30px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 18px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD, 0 20px 44px -40px rgba(11, 11, 10, 0.55);
  transition: box-shadow 350ms cubic-bezier(0.25, 1, 0.5, 1), transform 350ms cubic-bezier(0.25, 1, 0.5, 1);
  --spark: #2AB7F1;
}
.case:hover {
  transform: translateY(-3px);
  box-shadow: 0 0 0 1px rgba(42, 183, 241, 0.4), 0 28px 56px -38px rgba(11, 11, 10, 0.6);
}
.case-body {
  flex: 1 1 auto;
  padding: var(--pad) var(--pad) 26px;
}
.case-brand {
  display: flex;
  align-items: flex-end;
  height: 32px;
}
.case-brand img {
  display: block;
  width: auto;
  height: auto;
  max-width: 150px;
  max-height: 28px;
  object-fit: contain;
  object-position: left bottom;
}
.case-branche {
  margin: 10px 0 0;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #6F6C66;
}
.case-lead {
  margin: 26px 0 0;
  font-size: 14px;
  color: #6F6C66;
}
.case-hero {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 10px 0 0;
}
.case-pos {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 14px;
  background: linear-gradient(145deg, #1591C4 0%, #0E6C96 100%);
  box-shadow: 0 8px 20px -10px rgba(21, 145, 196, 0.85);
  font-size: 27px;
  font-weight: 700;
  line-height: 1;
  color: #FFFFFF;
  font-variant-numeric: tabular-nums;
}
.case-pos::before {
  content: "Platz";
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}
.case-kw {
  font-size: 18px;
  line-height: 1.3;
  font-weight: 600;
  color: #151412;
  hyphens: auto;
}
.case-weitere {
  margin: 16px 0 0;
  font-size: 14px;
  line-height: 1.5;
  color: #1C1B19;
}
.case-weitere b {
  color: #0E6C96;
  font-variant-numeric: tabular-nums;
}
.case-satz {
  margin: 18px 0 0;
  padding-top: 18px;
  border-top: 1px solid #E6E3DD;
  font-size: 14px;
  line-height: 1.55;
  color: #6F6C66;
}
.case-verlauf {
  padding: 18px var(--pad) 20px;
  background-color: rgba(42, 183, 241, 0.05);
  border-top: 1px solid rgba(42, 183, 241, 0.14);
}
.case-verlauf-kopf {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 0;
}
.case-wachstum {
  font-size: clamp(21px, calc(19.5185185185px + 0.462962963vw), 26px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #1591C4;
  font-variant-numeric: tabular-nums;
}
.case-zeitraum {
  font-size: 14px;
  color: #6F6C66;
}
.case-tags {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 14px 0 0;
  padding: 0;
}
.case-tags li {
  padding: 5px 10px;
  border-radius: 999px;
  background-color: #FFFFFF;
  box-shadow: inset 0 0 0 1px rgba(42, 183, 241, 0.25);
  font-size: 12px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #0E6C96;
}
.references-close {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 48px;
  align-items: center;
  margin-top: 56px;
  padding: 48px 52px;
  border-radius: 22px;
  background: radial-gradient(70% 120% at 12% 0%, rgba(42, 183, 241, 0.16) 0%, rgba(42, 183, 241, 0) 62%), linear-gradient(145deg, #15202A 0%, #0B0B0A 60%);
  color: #FFFFFF;
}
.rc-eyebrow {
  margin: 0 0 12px;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #2AB7F1;
}
.rc-title {
  margin: 0 0 14px;
  font-size: clamp(21px, calc(19.5185185185px + 0.462962963vw), 26px);
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: #FFFFFF;
}
.rc-lead {
  margin: 0;
  max-width: 44rem;
  font-size: 16px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
}
.rc-karte {
  padding: 28px;
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 0.05);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}
.rc-liste {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
}
.rc-liste li {
  display: flex;
  gap: 14px;
  padding: 12px 0;
}
.rc-liste li + li {
  border-top: 1px solid rgba(255, 255, 255, 0.09);
}
.rc-liste li .rc-sache {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 14px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.62);
}
.rc-liste li .rc-zeichen {
  display: none;
}
.rc-liste li b {
  font-size: 16px;
  font-weight: 600;
  color: #FFFFFF;
}
.rc-nr {
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.04em;
  color: #2AB7F1;
  font-variant-numeric: tabular-nums;
}
.rc-knopf {
  width: 100%;
  justify-content: center;
}
.rc-sekundaer {
  display: block;
  margin-top: 14px;
  text-align: center;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.62);
  text-decoration: underline;
  text-underline-offset: 4px;
}
.rc-sekundaer:hover, .rc-sekundaer:focus-visible {
  color: #2AB7F1;
}
@media (max-width: 991.98px) {
  .references-close {
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 34px 26px;
  }
  .rc-karte {
    padding: 22px;
  }
}
@media (max-width: 767.98px) {
  .cases {
    margin-top: 36px;
  }
  .case {
    --pad: 22px;
  }
  .case-num {
    font-size: 34px;
  }
}
.page-head {
  padding-top: calc(144px * .7);
  padding-bottom: 0;
  background-color: #FFFFFF;
}
.page-title {
  margin: 14px 0 0;
  max-width: 20ch;
}
.mk {
  position: relative;
  container-type: inline-size;
  overflow: hidden;
  border-radius: 10px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px rgba(21, 20, 18, 0.07), 0 10px 24px -16px rgba(14, 34, 52, 0.5);
  color: #202124;
  font-family: -apple-system, "SF Pro Text", "Segoe UI", Roboto, Arial, sans-serif;
  line-height: 1.3;
}
.mk-fav {
  flex: none;
  display: block;
  width: 4.2cqw;
  height: 4.2cqw;
  border-radius: 50%;
  background-color: #dadce0;
}
.mk-tag {
  display: inline-flex;
  align-items: center;
  gap: 0.9cqw;
  padding: 0.5cqw 1.8cqw 0.5cqw 1.4cqw;
  border-radius: 999px;
  background-color: #2AB7F1;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 2.6cqw;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #151412;
  white-space: nowrap;
}
.mk-tag i {
  font-size: 2.8cqw;
}
.mk--browser {
  padding-bottom: 0;
}
.mk-chrome {
  display: flex;
  align-items: center;
  gap: 2.4cqw;
  padding: 2.6cqw 3cqw;
  background-color: #f1f3f4;
}
.mk-chrome .mk-dots {
  flex: none;
  display: flex;
  gap: 1.2cqw;
}
.mk-chrome .mk-dots i {
  width: 1.8cqw;
  height: 1.8cqw;
  border-radius: 50%;
  background-color: #dadce0;
}
.mk-chrome .mk-tab {
  display: flex;
  align-items: center;
  gap: 1.8cqw;
  min-width: 0;
  padding: 1.6cqw 2.4cqw;
  border-radius: 2.4cqw 2.4cqw 0 0;
  background-color: #FFFFFF;
}
.mk-chrome .mk-tab img {
  flex: none;
  width: 3.4cqw;
  height: 3.4cqw;
}
.mk-chrome .mk-tab b {
  overflow: hidden;
  font-size: 3cqw;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mk-adresse {
  display: flex;
  align-items: center;
  gap: 1.8cqw;
  margin: 2.4cqw 3cqw;
  padding: 1.8cqw 2.6cqw;
  border-radius: 999px;
  background-color: #f1f3f4;
  font-size: 2.8cqw;
  color: #4d5156;
}
.mk-adresse i {
  font-size: 2.6cqw;
  color: #5f6368;
}
.mk-adresse span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mk--browser .mk-seite {
  height: 68cqw;
  overflow: hidden;
  padding: 0 4cqw;
}
.mk--browser .mk-seite .mk-seitenkopf {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3cqw;
  padding-bottom: 2.6cqw;
  border-bottom: 0.2cqw solid #e8eaed;
}
.mk--browser .mk-seite .mk-logo {
  flex: none;
  width: auto;
  height: 3.4cqw;
}
.mk--browser .mk-seite .mk-burger {
  display: none;
}
.mk--browser .mk-seite .mk-menue {
  display: flex;
  gap: 2.8cqw;
  font-size: 2.5cqw;
  color: #4d5156;
  white-space: nowrap;
}
.mk--browser .mk-seite .mk-h1, .mk--browser .mk-seite .mk-h2 {
  position: relative;
  display: block;
  padding-right: 13cqw;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  color: #202124;
}
.mk--browser .mk-seite .mk-h1 .mk-tag, .mk--browser .mk-seite .mk-h2 .mk-tag {
  position: absolute;
  top: 0.22em;
  right: 0;
}
.mk--browser .mk-seite .mk-h1 {
  margin: 3.6cqw 0 0;
  font-size: 4.4cqw;
  line-height: 1.5;
  letter-spacing: -0.01em;
}
.mk--browser .mk-seite .mk-h2 {
  margin: 3.4cqw 0 0;
  font-size: 3.3cqw;
  line-height: 1.55;
}
.mk--browser .mk-seite .mk-absatz {
  margin: 2cqw 0 0;
  font-size: 2.6cqw;
  line-height: 1.65;
  color: #3c4043;
}
.mk-link {
  color: #1a0dab;
  text-decoration: underline;
  text-underline-offset: 0.4cqw;
  text-decoration-thickness: 0.18cqw;
}
.mk--netz {
  display: grid;
  grid-template-columns: 32% minmax(0, 1fr) 36%;
  align-items: center;
  gap: 8px;
  aspect-ratio: 1.4285714286;
  padding: 14px 12px;
  background-color: #f8f9fa;
  color: #2AB7F1;
}
.mk--netz .mk-quellen {
  grid-column: 1;
}
.mk--netz .mk-ziel {
  grid-column: 3;
}
.mk-wege {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.mk-wege .mk-pfade path {
  stroke-dasharray: var(--len, 210);
  stroke-dashoffset: var(--len, 210);
}
.mk-quellen {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 2.2cqw;
}
.mk-quelle {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 1.8cqw;
  row-gap: 1.2cqw;
  padding: 2.2cqw;
  border-radius: 2.6cqw;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 0.3cqw #e6e8eb;
}
.mk-quelle .mk-fav {
  grid-row: span 2;
  align-self: center;
}
.mk-quelle b, .mk-quelle em {
  display: block;
  overflow: hidden;
  font-size: 2.3cqw;
  font-style: normal;
  line-height: 1.3;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mk-quelle b {
  font-weight: 500;
  color: #3c4043;
}
.mk-quelle em {
  color: #1a0dab;
  text-decoration: underline;
  text-underline-offset: 0.35cqw;
  text-decoration-thickness: 0.16cqw;
}
.mk-quelle em .bi {
  display: inline-block;
  margin-right: 0.7cqw;
  text-decoration: none;
  vertical-align: baseline;
}
.mk-ziel {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
}
.mk-ziel-ring {
  position: absolute;
  width: 26cqw;
  height: 26cqw;
  border-radius: 50%;
  box-shadow: 0 0 0 0.5cqw rgba(42, 183, 241, 0.45);
}
.mk-ziel-karte {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1.8cqw;
  padding: 2.4cqw 3cqw;
  border-radius: 2.6cqw;
  background-color: #EAF7FE;
  box-shadow: inset 0 0 0 0.4cqw rgba(42, 183, 241, 0.7), 0 4cqw 10cqw -6cqw rgba(42, 183, 241, 0.8);
}
.mk-ziel-karte img {
  flex: none;
  width: 4.2cqw;
  height: 4.2cqw;
}
.mk-ziel-karte b {
  font-size: 3.2cqw;
  font-weight: 500;
  color: #202124;
}
.mk--auktion {
  padding: 14px;
}
.mk-kopf {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 2cqw;
  margin: 0 0 3cqw;
}
.mk-kopf span {
  font-size: 3.2cqw;
  font-weight: 600;
  color: #202124;
}
.mk-kopf em {
  overflow: hidden;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 2.6cqw;
  font-style: normal;
  color: #4d5156;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mk-gebote {
  display: grid;
  gap: 2cqw;
  margin: 0 0 3.6cqw;
  padding: 0;
  list-style: none;
}
.mk-gebot {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 2.2cqw;
}
.mk-gebot img {
  width: 4.2cqw;
  height: 4.2cqw;
}
.mk-gebot .mk-platz {
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 2.8cqw;
  color: #80868b;
}
.mk-balken-spur {
  height: 4cqw;
  border-radius: 999px;
  background-color: #f1f3f4;
}
.mk-balken-wert {
  display: block;
  width: var(--w, 50%);
  height: 100%;
  border-radius: 999px;
  background-color: #dadce0;
  transform-origin: left center;
}
.mk-gebot--wir .mk-balken-wert {
  background-color: #2AB7F1;
}
.mk-gebot--wir .mk-platz {
  font-weight: 600;
  color: #0E6C96;
}
.mk-anzeige {
  padding: 3cqw;
  border-radius: 3cqw;
  background-color: #EAF7FE;
  box-shadow: inset 0 0 0 0.4cqw rgba(42, 183, 241, 0.7);
}
.mk-ad-label {
  margin: 0 0 1.6cqw;
  font-size: 2.8cqw;
  font-weight: 600;
  color: #202124;
}
.mk-ad-src {
  display: flex;
  align-items: center;
  gap: 2cqw;
  margin-bottom: 2cqw;
}
.mk-ad-src img {
  flex: none;
  width: 4.6cqw;
  height: 4.6cqw;
}
.mk-ad-src b {
  display: block;
  font-size: 3cqw;
  font-weight: 500;
}
.mk-ad-src em {
  display: block;
  font-size: 2.6cqw;
  font-style: normal;
  color: #4d5156;
}
.mk-ad-title {
  margin: 0;
  font-size: 3.6cqw;
  line-height: 1.25;
  color: #1a0dab;
}
.mk-sheen {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(115deg, rgba(255, 255, 255, 0) 32%, rgba(255, 255, 255, 0.6) 46%, rgba(255, 255, 255, 0) 60%);
  transform: translateX(-120%);
}
.mk-tag, .mk-quelle, .mk-ziel-karte, .mk-anzeige {
  opacity: 0;
}
.mk-ziel-ring {
  opacity: 0;
  transform: scale(0.8);
}
.mk-seitenkopf, .mk-absatz {
  opacity: 0;
}
.mk-balken-wert {
  transform: scaleX(0);
}
.mk-funken path {
  stroke-dasharray: 9 9999;
  stroke-dashoffset: 0;
  opacity: 0;
}
.teil.is-visible .rpl-zeile, .longform-bild.is-visible .rpl-zeile, .longform-flaeche.is-visible .rpl-zeile {
  animation: mk-ein-links 0.55s cubic-bezier(0.25, 1, 0.5, 1) both;
}
.teil.is-visible .rpl-zeile:nth-child(1), .longform-bild.is-visible .rpl-zeile:nth-child(1), .longform-flaeche.is-visible .rpl-zeile:nth-child(1) {
  animation-delay: 0.35s;
}
.teil.is-visible .rpl-zeile:nth-child(2), .longform-bild.is-visible .rpl-zeile:nth-child(2), .longform-flaeche.is-visible .rpl-zeile:nth-child(2) {
  animation-delay: 0.5s;
}
.teil.is-visible .rpl-zeile:nth-child(3), .longform-bild.is-visible .rpl-zeile:nth-child(3), .longform-flaeche.is-visible .rpl-zeile:nth-child(3) {
  animation-delay: 0.65s;
}
.teil.is-visible .rpl-zeile:nth-child(4), .longform-bild.is-visible .rpl-zeile:nth-child(4), .longform-flaeche.is-visible .rpl-zeile:nth-child(4) {
  animation-delay: 0.8s;
}
.teil.is-visible .rpl-zeile:nth-child(5), .longform-bild.is-visible .rpl-zeile:nth-child(5), .longform-flaeche.is-visible .rpl-zeile:nth-child(5) {
  animation-delay: 0.95s;
}
.teil.is-visible .rpl-neu, .longform-bild.is-visible .rpl-neu, .longform-flaeche.is-visible .rpl-neu {
  animation: sui-pop 0.5s cubic-bezier(0.25, 1, 0.5, 1) 1.15s both;
}
.teil.is-visible .rpl-zeile--aktiv .sui-sheen, .longform-bild.is-visible .rpl-zeile--aktiv .sui-sheen, .longform-flaeche.is-visible .rpl-zeile--aktiv .sui-sheen {
  animation: sui-sheen 1.3s ease-in-out 1.4s both;
}
.teil.is-visible .shopmk-filter, .longform-bild.is-visible .shopmk-filter, .longform-flaeche.is-visible .shopmk-filter {
  animation: sui-fade 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0.35s both;
}
.teil.is-visible .shopmk-ware, .longform-bild.is-visible .shopmk-ware, .longform-flaeche.is-visible .shopmk-ware {
  animation: fade-up 0.55s cubic-bezier(0.25, 1, 0.5, 1) both;
}
.teil.is-visible .shopmk-ware:nth-child(1), .longform-bild.is-visible .shopmk-ware:nth-child(1), .longform-flaeche.is-visible .shopmk-ware:nth-child(1) {
  animation-delay: 0.5s;
}
.teil.is-visible .shopmk-ware:nth-child(2), .longform-bild.is-visible .shopmk-ware:nth-child(2), .longform-flaeche.is-visible .shopmk-ware:nth-child(2) {
  animation-delay: 0.65s;
}
.teil.is-visible .shopmk-ware:nth-child(3), .longform-bild.is-visible .shopmk-ware:nth-child(3), .longform-flaeche.is-visible .shopmk-ware:nth-child(3) {
  animation-delay: 0.8s;
}
.teil.is-visible .shopmk-korb em, .longform-bild.is-visible .shopmk-korb em, .longform-flaeche.is-visible .shopmk-korb em {
  animation: sui-pop 0.45s cubic-bezier(0.25, 1, 0.5, 1) 1.1s both;
}
.teil.is-visible .wbs-nav, .longform-bild.is-visible .wbs-nav, .longform-flaeche.is-visible .wbs-nav {
  animation: sui-fade 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0.3s both;
}
.teil.is-visible .wbs-eyebrow, .longform-bild.is-visible .wbs-eyebrow, .longform-flaeche.is-visible .wbs-eyebrow {
  animation: mk-ein-links 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0.45s both;
}
.teil.is-visible .wbs-titel, .longform-bild.is-visible .wbs-titel, .longform-flaeche.is-visible .wbs-titel {
  animation: mk-ein-links 0.55s cubic-bezier(0.25, 1, 0.5, 1) 0.6s both;
}
.teil.is-visible .wbs-cta, .longform-bild.is-visible .wbs-cta, .longform-flaeche.is-visible .wbs-cta {
  animation: sui-pop 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0.85s both;
}
.teil.is-visible .wbs-beleg, .longform-bild.is-visible .wbs-beleg, .longform-flaeche.is-visible .wbs-beleg {
  animation: sui-fade 0.6s cubic-bezier(0.25, 1, 0.5, 1) 1s both;
}
.teil.is-visible .wbs-karte, .longform-bild.is-visible .wbs-karte, .longform-flaeche.is-visible .wbs-karte {
  animation: fade-up 0.5s cubic-bezier(0.25, 1, 0.5, 1) both;
}
.teil.is-visible .wbs-karte:nth-child(1), .longform-bild.is-visible .wbs-karte:nth-child(1), .longform-flaeche.is-visible .wbs-karte:nth-child(1) {
  animation-delay: 1s;
}
.teil.is-visible .wbs-karte:nth-child(2), .longform-bild.is-visible .wbs-karte:nth-child(2), .longform-flaeche.is-visible .wbs-karte:nth-child(2) {
  animation-delay: 1.12s;
}
.teil.is-visible .wbs-karte:nth-child(3), .longform-bild.is-visible .wbs-karte:nth-child(3), .longform-flaeche.is-visible .wbs-karte:nth-child(3) {
  animation-delay: 1.24s;
}
.teil.is-visible .mk-seitenkopf, .longform-bild.is-visible .mk-seitenkopf, .longform-flaeche.is-visible .mk-seitenkopf {
  animation: sui-fade 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0.1s both;
}
.teil.is-visible .mk-absatz, .longform-bild.is-visible .mk-absatz, .longform-flaeche.is-visible .mk-absatz {
  animation: sui-fade 0.45s cubic-bezier(0.25, 1, 0.5, 1) 0.25s both;
}
.teil.is-visible .mk-absatz:last-child, .longform-bild.is-visible .mk-absatz:last-child, .longform-flaeche.is-visible .mk-absatz:last-child {
  animation-delay: 0.35s;
}
.teil.is-visible .mk-tag--title, .longform-bild.is-visible .mk-tag--title, .longform-flaeche.is-visible .mk-tag--title {
  animation: sui-pop 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0.45s both;
}
.teil.is-visible .mk-h1 .mk-tag, .longform-bild.is-visible .mk-h1 .mk-tag, .longform-flaeche.is-visible .mk-h1 .mk-tag {
  animation: sui-pop 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0.6s both;
}
.teil.is-visible .mk-h2 .mk-tag, .longform-bild.is-visible .mk-h2 .mk-tag, .longform-flaeche.is-visible .mk-h2 .mk-tag {
  animation: sui-pop 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0.75s both;
}
.teil.is-visible .mk-pfade path, .longform-bild.is-visible .mk-pfade path, .longform-flaeche.is-visible .mk-pfade path {
  animation: mk-zeichnen 0.8s cubic-bezier(0.25, 1, 0.5, 1) both;
}
.teil.is-visible .mk-pfade path:nth-child(1), .longform-bild.is-visible .mk-pfade path:nth-child(1), .longform-flaeche.is-visible .mk-pfade path:nth-child(1) {
  animation-delay: 0.4s;
}
.teil.is-visible .mk-pfade path:nth-child(2), .longform-bild.is-visible .mk-pfade path:nth-child(2), .longform-flaeche.is-visible .mk-pfade path:nth-child(2) {
  animation-delay: 0.5s;
}
.teil.is-visible .mk-pfade path:nth-child(3), .longform-bild.is-visible .mk-pfade path:nth-child(3), .longform-flaeche.is-visible .mk-pfade path:nth-child(3) {
  animation-delay: 0.6s;
}
.teil.is-visible .mk-pfade path:nth-child(4), .longform-bild.is-visible .mk-pfade path:nth-child(4), .longform-flaeche.is-visible .mk-pfade path:nth-child(4) {
  animation-delay: 0.7s;
}
.teil.is-visible .mk-quelle, .longform-bild.is-visible .mk-quelle, .longform-flaeche.is-visible .mk-quelle {
  animation: mk-ein-links 0.45s cubic-bezier(0.25, 1, 0.5, 1) both;
}
.teil.is-visible .mk-quelle:nth-child(1), .longform-bild.is-visible .mk-quelle:nth-child(1), .longform-flaeche.is-visible .mk-quelle:nth-child(1) {
  animation-delay: 0.12s;
}
.teil.is-visible .mk-quelle:nth-child(2), .longform-bild.is-visible .mk-quelle:nth-child(2), .longform-flaeche.is-visible .mk-quelle:nth-child(2) {
  animation-delay: 0.2s;
}
.teil.is-visible .mk-quelle:nth-child(3), .longform-bild.is-visible .mk-quelle:nth-child(3), .longform-flaeche.is-visible .mk-quelle:nth-child(3) {
  animation-delay: 0.28s;
}
.teil.is-visible .mk-quelle:nth-child(4), .longform-bild.is-visible .mk-quelle:nth-child(4), .longform-flaeche.is-visible .mk-quelle:nth-child(4) {
  animation-delay: 0.36s;
}
.teil.is-visible .mk-ziel-karte, .longform-bild.is-visible .mk-ziel-karte, .longform-flaeche.is-visible .mk-ziel-karte {
  animation: sui-pop 0.45s cubic-bezier(0.25, 1, 0.5, 1) 0.85s both;
}
.teil.is-visible .mk-ziel-ring, .longform-bild.is-visible .mk-ziel-ring, .longform-flaeche.is-visible .mk-ziel-ring {
  animation: mk-ring 2.4s cubic-bezier(0.25, 1, 0.5, 1) 1.2s infinite;
}
.teil.is-visible .mk-funken path, .longform-bild.is-visible .mk-funken path, .longform-flaeche.is-visible .mk-funken path {
  animation: mk-funke 2.4s linear 1.2s infinite;
}
.teil.is-visible .mk-funken path:nth-child(1), .longform-bild.is-visible .mk-funken path:nth-child(1), .longform-flaeche.is-visible .mk-funken path:nth-child(1) {
  animation-delay: 1.2s;
}
.teil.is-visible .mk-funken path:nth-child(2), .longform-bild.is-visible .mk-funken path:nth-child(2), .longform-flaeche.is-visible .mk-funken path:nth-child(2) {
  animation-delay: 1.5s;
}
.teil.is-visible .mk-funken path:nth-child(3), .longform-bild.is-visible .mk-funken path:nth-child(3), .longform-flaeche.is-visible .mk-funken path:nth-child(3) {
  animation-delay: 1.8s;
}
.teil.is-visible .mk-funken path:nth-child(4), .longform-bild.is-visible .mk-funken path:nth-child(4), .longform-flaeche.is-visible .mk-funken path:nth-child(4) {
  animation-delay: 2.1s;
}
.teil.is-visible .mk-sheen, .longform-bild.is-visible .mk-sheen, .longform-flaeche.is-visible .mk-sheen {
  animation: sui-sheen 1.2s ease-in-out 1.1s both;
}
.sea-viz.is-visible .mk-balken-wert {
  animation: mk-wachsen 0.8s cubic-bezier(0.25, 1, 0.5, 1) both;
}
.sea-viz.is-visible .mk-gebot:nth-child(1) .mk-balken-wert {
  animation-delay: 0.75s;
}
.sea-viz.is-visible .mk-gebot:nth-child(2) .mk-balken-wert {
  animation-delay: 0.45s;
}
.sea-viz.is-visible .mk-gebot:nth-child(3) .mk-balken-wert {
  animation-delay: 0.3s;
}
.sea-viz.is-visible .mk-anzeige {
  animation: sui-rise 0.7s cubic-bezier(0.25, 1, 0.5, 1) 1.6s both;
}
.sea-viz.is-visible .mk-sheen {
  animation: sui-sheen 1.4s ease-in-out 2.2s both;
}
@keyframes mk-ein-links {
  from {
    opacity: 0;
    transform: translateX(-10%);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes mk-wachsen {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes mk-zeichnen {
  from {
    stroke-dashoffset: var(--len, 210);
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes mk-funke {
  0% {
    stroke-dashoffset: 0;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  62% {
    opacity: 1;
  }
  80%, 100% {
    stroke-dashoffset: var(--len-neg, -210);
    opacity: 0;
  }
}
@keyframes mk-ring {
  0% {
    opacity: 0.7;
    transform: scale(0.82);
  }
  55%, 100% {
    opacity: 0;
    transform: scale(1.18);
  }
}
@media (prefers-reduced-motion: reduce) {
  .teil.is-visible .mk-tag, .teil.is-visible .mk-quelle, .teil.is-visible .mk-ziel-karte, .teil.is-visible .mk-anzeige, .teil.is-visible .mk-seitenkopf, .teil.is-visible .mk-absatz, .longform-bild.is-visible .mk-tag, .longform-bild.is-visible .mk-quelle, .longform-bild.is-visible .mk-ziel-karte, .longform-bild.is-visible .mk-anzeige, .longform-bild.is-visible .mk-seitenkopf, .longform-bild.is-visible .mk-absatz, .longform-flaeche.is-visible .mk-tag, .longform-flaeche.is-visible .mk-quelle, .longform-flaeche.is-visible .mk-ziel-karte, .longform-flaeche.is-visible .mk-anzeige, .longform-flaeche.is-visible .mk-seitenkopf, .longform-flaeche.is-visible .mk-absatz, .sea-viz.is-visible .mk-tag, .sea-viz.is-visible .mk-quelle, .sea-viz.is-visible .mk-ziel-karte, .sea-viz.is-visible .mk-anzeige, .sea-viz.is-visible .mk-seitenkopf, .sea-viz.is-visible .mk-absatz {
    animation: none;
    opacity: 1;
  }
  .teil.is-visible .mk-pfade path, .longform-bild.is-visible .mk-pfade path, .longform-flaeche.is-visible .mk-pfade path, .sea-viz.is-visible .mk-pfade path {
    animation: none;
    stroke-dashoffset: 0;
  }
  .teil.is-visible .mk-funken path, .longform-bild.is-visible .mk-funken path, .longform-flaeche.is-visible .mk-funken path, .sea-viz.is-visible .mk-funken path {
    animation: none;
    opacity: 0;
  }
  .teil.is-visible .mk-balken-wert, .longform-bild.is-visible .mk-balken-wert, .longform-flaeche.is-visible .mk-balken-wert, .sea-viz.is-visible .mk-balken-wert {
    animation: none;
    transform: none;
  }
  .teil.is-visible .mk-ziel-ring, .longform-bild.is-visible .mk-ziel-ring, .longform-flaeche.is-visible .mk-ziel-ring, .sea-viz.is-visible .mk-ziel-ring {
    animation: none;
    opacity: 0.5;
    transform: none;
  }
  .teil.is-visible .mk-sheen, .longform-bild.is-visible .mk-sheen, .longform-flaeche.is-visible .mk-sheen, .sea-viz.is-visible .mk-sheen {
    animation: none;
  }
}
.cta-beleg {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid #E6E3DD;
}
.cta-beleg .cb-teil {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 1.2;
  color: #6F6C66;
  text-decoration: none;
  white-space: nowrap;
}
.cta-beleg .cb-bewertung {
  transition: color 250ms cubic-bezier(0.25, 1, 0.5, 1);
}
.cta-beleg .cb-bewertung img {
  flex: none;
  width: 18px;
  height: 18px;
}
.cta-beleg .cb-bewertung:hover, .cta-beleg .cb-bewertung:focus-visible {
  color: #151412;
}
.cta-beleg .cb-bewertung:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.cta-beleg .cb-sterne {
  font-size: 13px;
  letter-spacing: 0.1em;
  color: #F5B50A;
}
.cta-beleg .cb-wert b {
  font-weight: 600;
  color: #151412;
  font-variant-numeric: tabular-nums;
}
.cta-beleg .cb-fakt::before {
  content: "";
  font-family: "bootstrap-icons";
  font-size: 13px;
  color: #0E6C96;
}
.cta-beleg .cb-trenner {
  width: 1px;
  height: 16px;
  background-color: #D6D2CA;
}
@media (max-width: 575.98px) {
  .cta-beleg {
    gap: 8px 12px;
  }
  .cta-beleg .cb-trenner {
    display: none;
  }
  .cta-beleg .cb-teil {
    font-size: 13px;
  }
}
.cta-beleg--dark {
  border-top-color: rgba(255, 255, 255, 0.14);
}
.cta-beleg--dark .cb-teil {
  color: rgba(255, 255, 255, 0.72);
}
.cta-beleg--dark .cb-wert b {
  color: #FFFFFF;
}
.cta-beleg--dark .cb-trenner {
  background-color: rgba(255, 255, 255, 0.2);
}
.cta-beleg--dark .cb-fakt::before {
  color: #2AB7F1;
}
.cta-beleg--dark .cb-bewertung:hover, .cta-beleg--dark .cb-bewertung:focus-visible {
  color: #FFFFFF;
}
.standort-raster {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 48px;
}
@media (max-width: 767.98px) {
  .standort-raster {
    grid-template-columns: minmax(0, 1fr);
  }
}
.standort-karte {
  position: relative;
  display: grid;
  align-content: start;
  gap: 8px;
  height: 100%;
  overflow: hidden;
  padding: 30px;
  border-radius: 16px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD;
  transition: box-shadow 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
.standort-karte::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #2AB7F1;
}
.standort-karte:hover {
  box-shadow: 0 0 0 1px #D6D2CA, 0 24px 48px -36px rgba(14, 34, 52, 0.5);
}
.standort-karte h3 {
  margin: 0;
}
.standort-land {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #0E6C96;
}
.standort-land i {
  font-size: 13px;
}
.standort-adresse {
  margin: 4px 0 0;
  font-size: 16px;
  line-height: 1.55;
  color: #6F6C66;
}
.standort-linie {
  display: block;
  height: 1px;
  margin: 16px 0 4px;
  background-color: #E6E3DD;
}
.standort-zeile {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 5px 0;
  font-size: 16px;
  color: #151412;
  text-decoration: none;
  overflow-wrap: anywhere;
  transition: color 250ms cubic-bezier(0.25, 1, 0.5, 1);
}
.standort-zeile:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.standort-zeile i {
  flex: none;
  font-size: 15px;
  color: #2AB7F1;
  transition: color 250ms cubic-bezier(0.25, 1, 0.5, 1);
}
.standort-zeile:hover, .standort-zeile:focus-visible {
  color: #0E6C96;
}
.standort-zeile:hover i, .standort-zeile:focus-visible i {
  color: #0E6C96;
}
.process-steps {
  --spur: 86px;
  position: relative;
  margin: 44px 0 0;
  padding: 0;
  list-style: none;
}
.process-steps::before, .process-steps::after {
  content: "";
  position: absolute;
  left: calc(var(--spur) - 1px);
  top: 16px;
  bottom: 16px;
  width: 2px;
  border-radius: 2px;
}
.process-steps::before {
  background-color: #D6D2CA;
}
.process-steps::after {
  background-color: #2AB7F1;
  transform-origin: top;
  transform: scaleY(var(--process, 0));
  transition: transform 120ms linear;
}
@media (max-width: 767.98px) {
  .process-steps {
    --spur: 40px;
  }
}
@media (max-width: 575.98px) {
  .process-steps {
    --spur: 32px;
  }
}
.process-step {
  position: relative;
  display: grid;
  grid-template-columns: calc(var(--spur) * 2) minmax(0, 1fr);
  align-items: start;
  gap: 24px;
  padding-bottom: 14px;
}
.process-step > * {
  min-width: 0;
}
.process-step:last-child {
  padding-bottom: 0;
}
@media (max-width: 767.98px) {
  .process-step {
    gap: 14px;
  }
}
@media (max-width: 575.98px) {
  .process-step {
    gap: 10px;
  }
}
.process-jahr {
  position: relative;
  z-index: 1;
  justify-self: center;
  padding: 7px 14px;
  border-radius: 9999px;
  background-color: #FFFFFF;
  box-shadow: inset 0 0 0 2px #D6D2CA;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 14px;
  letter-spacing: 0.04em;
  color: #6F6C66;
  transition: box-shadow 300ms cubic-bezier(0.25, 1, 0.5, 1), color 300ms cubic-bezier(0.25, 1, 0.5, 1), background-color 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
.is-active .process-jahr {
  box-shadow: inset 0 0 0 2px #2AB7F1, 0 0 0 5px rgba(42, 183, 241, 0.14);
  color: #0E6C96;
}
@media (max-width: 575.98px) {
  .process-jahr {
    padding: 6px 9px;
    font-size: 12px;
  }
}
.process-karte {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 5px;
  padding: 18px 22px;
  border-radius: 16px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD;
  transition: box-shadow 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
.process-karte b {
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.25;
  color: #151412;
}
.process-karte .process-text {
  font-size: 16px;
  line-height: 1.55;
  color: #6F6C66;
}
@media (max-width: 575.98px) {
  .process-karte {
    padding: 16px 18px;
  }
}
.process-step:hover .process-karte {
  box-shadow: 0 0 0 1px #D6D2CA, 0 20px 40px -32px rgba(14, 34, 52, 0.5);
}
@media (prefers-reduced-motion: reduce) {
  .process-steps::after {
    transform: scaleY(1);
    transition: none;
  }
}
.e404-wege {
  padding-block: 72px;
}
.e404-wege .section-head {
  margin-bottom: 40px;
}
@media (max-width: 767.98px) {
  .e404-wege {
    padding-block: 56px;
  }
}
.toterlink .tot {
  container-type: inline-size;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  gap: 20px;
  padding: 54px 26px 58px;
}
.tot-zahl {
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 23cqw;
  line-height: 1;
  letter-spacing: -0.045em;
  color: #151412;
}
.tot-riss {
  display: flex;
  align-items: center;
  gap: 11cqw;
  width: 100%;
}
.tot-riss i {
  flex: 1;
  height: 2px;
  border-radius: 2px;
  background-color: #2AB7F1;
}
.tot-wort {
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #6F6C66;
}
.e404-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 56px;
}
@media (max-width: 991.98px) {
  .e404-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
  }
}
.tot-zahl {
  animation: tot-zahl 620ms cubic-bezier(0.25, 1, 0.5, 1) both;
}
.tot-wort {
  animation: fade-in 500ms 1280ms both;
}
.tot-riss i {
  animation-duration: 900ms;
  animation-delay: 420ms;
  animation-fill-mode: both;
}
.tot-riss i:first-child {
  transform-origin: left center;
  animation-name: tot-links;
}
.tot-riss i:last-child {
  transform-origin: right center;
  animation-name: tot-rechts;
}
@keyframes tot-zahl {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes tot-links {
  0% {
    transform: translateX(5.8cqw) scaleX(0);
    animation-timing-function: cubic-bezier(0.22, 0.9, 0.25, 1);
  }
  52% {
    transform: translateX(5.8cqw) scaleX(1);
  }
  70% {
    transform: translateX(5.8cqw) scaleX(1);
    animation-timing-function: cubic-bezier(0.65, 0, 0.25, 1);
  }
  100% {
    transform: translateX(0) scaleX(1);
  }
}
@keyframes tot-rechts {
  0% {
    transform: translateX(-5.8cqw) scaleX(0);
    animation-timing-function: cubic-bezier(0.22, 0.9, 0.25, 1);
  }
  52% {
    transform: translateX(-5.8cqw) scaleX(1);
  }
  70% {
    transform: translateX(-5.8cqw) scaleX(1);
    animation-timing-function: cubic-bezier(0.65, 0, 0.25, 1);
  }
  100% {
    transform: translateX(0) scaleX(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .tot-zahl, .tot-wort, .tot-riss i {
    animation: none !important;
  }
}
.af {
  margin-top: 16px;
  padding: 16px 18px;
  border-radius: 8px;
  background-color: #FAF9F7;
  box-shadow: inset 0 0 0 1px #E6E3DD;
}
@media (max-width: 575.98px) {
  .af {
    padding: 16px 12px;
  }
}
.af-zeile {
  display: grid;
  grid-template-columns: minmax(0, 96px) minmax(0, 1fr);
  align-items: center;
  gap: 14px;
}
.af-zeile + .af-zeile {
  margin-top: 9px;
}
.af-zeile em {
  font-style: normal;
  font-size: 14px;
  color: #6F6C66;
}
.af--balken i {
  display: block;
  height: 6px;
  border-radius: 3px;
  background-color: #D6D2CA;
}
.af--balken i b {
  display: block;
  height: 100%;
  border-radius: 3px;
  background-color: #2AB7F1;
}
.af--liste {
  display: grid;
  gap: 7px;
  margin: 16px 0 0;
  padding: 16px 18px;
  list-style: none;
}
.af--liste li {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 8px 12px;
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD;
  font-size: 14px;
  color: #151412;
}
.af-nr {
  display: grid;
  place-items: center;
  flex: none;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background-color: #2AB7F1;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 11px;
  color: #151412;
}
.af--schalter .af-zeile {
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 7px 11px;
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD;
}
.af--schalter .af-zeile + .af-zeile {
  margin-top: 7px;
}
.af--schalter .af-zeile em {
  font-size: 14px;
  color: #151412;
}
.af-schalter {
  position: relative;
  display: block;
  width: 30px;
  height: 17px;
  border-radius: 999px;
  background-color: #2AB7F1;
}
.af-schalter::after {
  content: "";
  position: absolute;
  top: 3px;
  right: 3px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #FFFFFF;
}
.af--kurve {
  container-type: inline-size;
}
.af--kurve svg {
  display: block;
  width: 100%;
  height: 72px;
}
.af-flaeche {
  fill: rgba(42, 183, 241, 0.14);
}
.af-linie {
  fill: none;
  stroke: #2AB7F1;
  stroke-width: 3.1;
  stroke-linecap: round;
}
.af-marken {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}
.af-marken em {
  font-style: normal;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: clamp(10px, 4.2cqw, 12px);
  letter-spacing: 0.04em;
  color: #6F6C66;
}
@media (max-width: 575.98px) {
  .af-marken em {
    letter-spacing: 0;
  }
}
.af--saeulen {
  display: flex;
  align-items: flex-end;
  gap: 5px;
  height: 74px;
}
.af--saeulen i {
  flex: 1;
  border-radius: 3px 3px 0 0;
  background-color: rgba(42, 183, 241, 0.34);
}
.af--saeulen .af-jetzt {
  background-color: #2AB7F1;
}
.af--balken i b {
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 760ms cubic-bezier(0.25, 1, 0.5, 1);
  transition-delay: calc(var(--i, 0) * 90ms);
}
.is-active .af--balken i b {
  transform: scaleX(1);
}
.af--liste li {
  opacity: 0;
  transform: translateX(-10px);
  transition: opacity 420ms cubic-bezier(0.25, 1, 0.5, 1), transform 420ms cubic-bezier(0.25, 1, 0.5, 1);
  transition-delay: calc(var(--i, 0) * 90ms);
}
.is-active .af--liste li {
  opacity: 1;
  transform: none;
}
.af-schalter {
  background-color: #D6D2CA;
  transition: background-color 380ms cubic-bezier(0.25, 1, 0.5, 1);
  transition-delay: calc(var(--i, 0) * 90ms + 160ms);
}
.af-schalter::after {
  transition: transform 380ms cubic-bezier(0.25, 1, 0.5, 1);
  transition-delay: calc(var(--i, 0) * 90ms + 160ms);
  transform: translateX(-13px);
}
.is-active .af-schalter {
  background-color: #2AB7F1;
}
.is-active .af-schalter::after {
  transform: none;
}
.af-linie {
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  transition: stroke-dashoffset 1100ms cubic-bezier(0.25, 1, 0.5, 1);
}
.is-active .af-linie {
  stroke-dashoffset: 0;
}
.af-flaeche {
  opacity: 0;
  transition: opacity 700ms cubic-bezier(0.25, 1, 0.5, 1) 420ms;
}
.is-active .af-flaeche {
  opacity: 1;
}
.af--saeulen i {
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform 520ms cubic-bezier(0.25, 1, 0.5, 1);
  transition-delay: calc(var(--i, 0) * 55ms);
}
.is-active .af--saeulen i {
  transform: scaleY(1);
}
@media (prefers-reduced-motion: reduce) {
  .af--balken i b, .af--liste li, .af-schalter, .af-schalter::after, .af-linie, .af-flaeche, .af--saeulen i {
    transition: none !important;
  }
  .af--balken i b, .af--saeulen i {
    transform: none;
  }
  .af--liste li {
    opacity: 1;
    transform: none;
  }
  .af-schalter {
    background-color: #2AB7F1;
  }
  .af-schalter::after {
    transform: none;
  }
  .af-linie {
    stroke-dashoffset: 0;
  }
  .af-flaeche {
    opacity: 1;
  }
}
.sst {
  padding: 26px 26px 28px;
  border-radius: 16px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD, 0 24px 48px -36px rgba(14, 34, 52, 0.45);
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 13px;
  line-height: 1.4;
}
@media (max-width: 767.98px) {
  .sst {
    padding: 18px 16px 20px;
    font-size: 11.5px;
  }
}
.sst-wurzel {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 14px;
}
.sst-wurzel img {
  flex: none;
  width: 16px;
  height: 16px;
}
.sst-wurzel b {
  font-weight: 600;
  color: #151412;
}
.sst-ebene {
  position: relative;
  margin: 0;
  padding: 0 0 0 20px;
  list-style: none;
}
.sst-ebene::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 16px;
  left: 3px;
  width: 1px;
  background-color: #D6D2CA;
}
.sst-ebene li {
  position: relative;
  padding: 5px 0 5px 18px;
}
.sst-ebene li::before {
  content: "";
  position: absolute;
  top: 17px;
  left: 4px;
  width: 13px;
  height: 1px;
  background-color: #D6D2CA;
}
.sst-ebene .sst-ebene {
  padding-left: 14px;
}
.sst-ebene .sst-ebene::before {
  left: 3px;
}
@media (max-width: 575.98px) {
  .sst-ebene {
    padding-left: 14px;
  }
  .sst-ebene li {
    padding-left: 14px;
  }
  .sst-ebene li::before {
    width: 9px;
  }
  .sst-ebene .sst-ebene {
    padding-left: 10px;
  }
}
.sst-knoten {
  display: block;
  padding: 7px 12px;
  border-radius: 8px;
  background-color: #FAFAFA;
  box-shadow: inset 0 0 0 1px #E6E3DD;
  color: #6F6C66;
  word-break: break-word;
}
.sst-knoten.is-hier {
  background-color: #E8F6FD;
  box-shadow: inset 0 0 0 1px rgba(42, 183, 241, 0.55);
  color: #0E6C96;
  font-weight: 600;
}
.longform-flaeche.is-visible .sst-wurzel, .lx-figur.is-visible .sst-wurzel {
  animation: sui-fade 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0.1s both;
}
.longform-flaeche.is-visible .sst-ebene > li, .lx-figur.is-visible .sst-ebene > li {
  animation: mk-ein-links 0.45s cubic-bezier(0.25, 1, 0.5, 1) both;
}
.longform-flaeche.is-visible .sst-ebene > li:nth-child(1), .lx-figur.is-visible .sst-ebene > li:nth-child(1) {
  animation-delay: 0.18s;
}
.longform-flaeche.is-visible .sst-ebene > li:nth-child(2), .lx-figur.is-visible .sst-ebene > li:nth-child(2) {
  animation-delay: 0.26s;
}
.longform-flaeche.is-visible .sst-ebene > li:nth-child(3), .lx-figur.is-visible .sst-ebene > li:nth-child(3) {
  animation-delay: 0.34s;
}
.longform-flaeche.is-visible .sst-ebene > li:nth-child(4), .lx-figur.is-visible .sst-ebene > li:nth-child(4) {
  animation-delay: 0.42s;
}
.longform-flaeche.is-visible .sst-ebene .sst-ebene > li:nth-child(1), .lx-figur.is-visible .sst-ebene .sst-ebene > li:nth-child(1) {
  animation-delay: 0.3s;
}
.longform-flaeche.is-visible .sst-ebene .sst-ebene > li:nth-child(2), .lx-figur.is-visible .sst-ebene .sst-ebene > li:nth-child(2) {
  animation-delay: 0.36s;
}
.longform-flaeche.is-visible .sst-ebene .sst-ebene > li:nth-child(3), .lx-figur.is-visible .sst-ebene .sst-ebene > li:nth-child(3) {
  animation-delay: 0.42s;
}
@media (prefers-reduced-motion: reduce) {
  .longform-flaeche.is-visible .sst-wurzel, .longform-flaeche.is-visible .sst-ebene > li, .lx-figur.is-visible .sst-wurzel, .lx-figur.is-visible .sst-ebene > li {
    animation: none;
  }
}
.vk-stage {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  min-height: calc(100vh - var(--nav-h));
  padding: 64px 0;
  background: radial-gradient(52% 80% at 82% 20%, rgba(42, 183, 241, 0.16) 0%, rgba(42, 183, 241, 0.06) 42%, rgba(42, 183, 241, 0) 78%), linear-gradient(180deg, #13212B 0%, #0E1A24 100%);
  color: #FFFFFF;
}
.vk-stage > .container {
  position: relative;
  z-index: 1;
}
.vk-karte {
  max-width: 440px;
  margin: 0 auto;
  padding: 40px 32px 36px;
  border-radius: 24px;
  background-color: rgba(255, 255, 255, 0.04);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  text-align: center;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}
@media (max-width: 575.98px) {
  .vk-karte {
    padding: 32px 22px 30px;
  }
}
.vk-zeichen {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 84px;
  height: 84px;
  margin-bottom: 22px;
  border-radius: 50%;
  background-color: rgba(42, 183, 241, 0.14);
  box-shadow: inset 0 0 0 1px rgba(42, 183, 241, 0.34);
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 28px;
  letter-spacing: 0.04em;
  color: #2AB7F1;
}
.vk-name {
  margin: 0;
  font-size: clamp(28px, calc(25.6296296296px + 0.7407407407vw), 36px);
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: #FFFFFF;
}
.vk-rolle {
  margin: 6px 0 0;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #2AB7F1;
}
.vk-firma {
  display: inline-block;
  margin: 20px 0 30px;
  opacity: 0.9;
  transition: opacity 200ms ease;
}
.vk-firma:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.vk-firma:hover {
  opacity: 1;
}
.vk-firma img {
  display: block;
  height: 18px;
  width: auto;
  filter: brightness(0) invert(1);
}
.vk-wege {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
  text-align: left;
}
.vk-wege a {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 0.05);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.09);
  color: #FFFFFF;
  text-decoration: none;
  transition: background-color 200ms ease, box-shadow 200ms ease;
}
.vk-wege a:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.vk-wege a:hover, .vk-wege a:focus-visible {
  background-color: rgba(42, 183, 241, 0.12);
  box-shadow: inset 0 0 0 1px rgba(42, 183, 241, 0.4);
  color: #FFFFFF;
}
.vk-weg-zeichen {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 11px;
  background-color: rgba(42, 183, 241, 0.14);
  color: #2AB7F1;
  font-size: 17px;
}
.vk-weg-text {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
}
.vk-weg-text b {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}
.vk-weg-text em {
  font-style: normal;
  font-size: 14px;
  line-height: 1.4;
  color: #A3A09A;
  overflow-wrap: break-word;
}
.vk-pfeil {
  font-size: 14px;
  color: #A3A09A;
}
.vk-sichern {
  width: 100%;
  justify-content: center;
}
.stellen {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin: 40px 0 0;
}
@media (max-width: 767.98px) {
  .stellen {
    grid-template-columns: minmax(0, 1fr);
  }
}
.stelle {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 26px 26px 22px;
  border-radius: 16px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD;
}
.stelle::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #2AB7F1;
}
.stelle-kopf {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}
.stelle-zeichen {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background-color: #E8F6FD;
  color: #0E6C96;
  font-size: 18px;
  line-height: 1;
}
.stelle-titel {
  margin: 0;
  font-size: clamp(19px, calc(18.4074074074px + 0.1851851852vw), 21px);
  line-height: 1.3;
  color: #151412;
}
.stelle-arten {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}
.stelle-arten li {
  padding: 6px 12px;
  border-radius: 999px;
  background-color: #E8F6FD;
  font-size: 16px;
  line-height: 1.3;
  color: #1C1B19;
}
.stelle-weg {
  margin: auto 0 0;
  font-size: 16px;
  line-height: 1.5;
  color: #6F6C66;
}
.stelle-weg a {
  font-weight: 500;
}
.lp-kopf {
  position: relative;
  overflow: hidden;
  padding: 104px 0;
  background: radial-gradient(52% 80% at 82% 20%, rgba(42, 183, 241, 0.16) 0%, rgba(42, 183, 241, 0.06) 42%, rgba(42, 183, 241, 0) 78%), linear-gradient(180deg, #13212B 0%, #0E1A24 100%);
  color: #FFFFFF;
}
.lp-kopf > .container {
  position: relative;
  z-index: 1;
}
.lp-kopf .eyebrow {
  display: flex;
  width: fit-content;
}
@media (max-width: 991.98px) {
  .lp-kopf {
    padding: 84px 0;
  }
}
@media (max-width: 575.98px) {
  .lp-kopf {
    padding: 64px 0;
  }
}
.lp-titel {
  max-width: 26ch;
  margin: 14px 0 0;
  color: #FFFFFF;
  line-height: 1.08;
  letter-spacing: -0.025em;
  font-size: clamp(38px, calc(31.4814814815px + 2.037037037vw), 60px);
}
.lp-unterzeile {
  max-width: 34ch;
  margin: 16px 0 0;
  color: #A3A09A;
  line-height: 1.45;
  font-size: clamp(18px, calc(16.8148148148px + 0.3703703704vw), 22px);
}
.lp-aktionen {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 32px;
}
@media (max-width: 575.98px) {
  .lp-aktionen .btn {
    width: 100%;
  }
}
.lp-trust {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 20px;
  max-width: 780px;
  margin-top: 36px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}
@media (max-width: 575.98px) {
  .lp-trust {
    gap: 14px;
  }
}
.lp-plate {
  display: grid;
  place-items: center;
  height: 60px;
  text-decoration: none;
  transition: transform 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
.lp-plate:focus-visible {
  outline: 2px solid #FFFFFF;
  outline-offset: 2px;
}
.lp-plate img {
  display: block;
  width: auto;
  height: auto;
  max-width: 190px;
  max-height: 38px;
  object-fit: contain;
}
.lp-plate:hover, .lp-plate:focus-visible {
  transform: translateY(-2px);
}
.lp-plate:not(.lp-plate--ms):not(.lp-plate--siegel) {
  padding: 0 12px;
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.96);
}
.lp-plate--ms img {
  max-height: 36px;
}
.lp-plate--siegel img {
  max-height: 56px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.22);
}
.lp-trenner {
  width: 1px;
  height: 32px;
  background-color: rgba(255, 255, 255, 0.18);
}
@media (max-width: 575.98px) {
  .lp-trenner {
    display: none;
  }
}
.lp-fakt {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 60px;
  text-decoration: none;
  transition: transform 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
.lp-fakt:focus-visible {
  outline: 2px solid #FFFFFF;
  outline-offset: 2px;
}
.lp-fakt > img {
  flex: none;
  width: 34px;
  height: 34px;
}
.lp-fakt .lpf-yt {
  flex: none;
  font-size: 34px;
  line-height: 1;
  color: #FF0033;
}
.lp-fakt .lpf-text {
  display: grid;
  gap: 2px;
  line-height: 1.15;
}
.lp-fakt b {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 17px;
  font-weight: 600;
  color: #FFFFFF;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.lp-fakt em {
  font-size: 13px;
  font-style: normal;
  color: rgba(255, 255, 255, 0.7);
  white-space: nowrap;
}
.lp-fakt .lpf-sterne {
  font-size: 13px;
  letter-spacing: 0.08em;
  color: #F5B50A;
}
.lp-fakt:hover, .lp-fakt:focus-visible {
  transform: translateY(-2px);
}
.lp-fakt:hover em, .lp-fakt:focus-visible em {
  color: rgba(255, 255, 255, 0.9);
}
.lp-felder {
  padding-top: calc(144px * .7);
  background-color: #FFFFFF;
}
.lp-liste {
  margin: 56px 0 0;
  padding: 0;
  list-style: none;
}
.lp-liste > li {
  display: grid;
  grid-template-columns: 54px minmax(0, 7fr) minmax(0, 4fr) 320px;
  align-items: center;
  gap: 32px;
  padding: 34px 0;
  border-top: 1px solid #E6E3DD;
}
.lp-liste > li:last-child {
  border-bottom: 1px solid #E6E3DD;
}
@media (max-width: 1199.98px) {
  .lp-liste > li {
    grid-template-columns: 44px minmax(0, 1fr) 260px;
    gap: 20px 24px;
  }
  .lp-liste .lpl-stich {
    grid-column: 2 / -1;
  }
}
@media (max-width: 767.98px) {
  .lp-liste > li {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 14px 16px;
    padding: 28px 0;
  }
  .lp-liste .lpl-stich, .lp-liste .lpl-schema {
    grid-column: 2;
  }
  .lp-liste .lpl-schema {
    margin-top: 6px;
  }
}
.lpl-nr {
  align-self: start;
  padding-top: 6px;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: #0E6C96;
}
@media (max-width: 767.98px) {
  .lpl-nr {
    padding-top: 4px;
  }
}
.lpl-haupt {
  display: grid;
  gap: 8px;
}
.lpl-name {
  font-size: clamp(24px, calc(21.037037037px + 0.9259259259vw), 34px);
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: #151412;
  text-decoration: none;
}
.lpl-name:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.lpl-name:hover, .lpl-name:focus-visible {
  color: #0E6C96;
}
.lpl-text {
  font-size: 16px;
  line-height: 1.6;
  color: #1C1B19;
}
.lpl-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  font-size: 16px;
  font-weight: 500;
  color: #151412;
  text-decoration: none;
}
.lpl-link:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.lpl-link i {
  transition: transform 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
.lpl-link:hover, .lpl-link:focus-visible i {
  transform: translateX(3px);
}
.lpl-stich {
  font-size: 14px;
  line-height: 1.65;
  color: #6F6C66;
}
.lpl-schema {
  display: block;
  justify-self: end;
  container-type: inline-size;
  width: 320px;
}
@media (max-width: 1199.98px) {
  .lpl-schema {
    justify-self: start;
    width: 260px;
  }
}
@media (max-width: 767.98px) {
  .lpl-schema {
    width: min(300px, 100%);
  }
}
.mini {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2.2cqw;
  aspect-ratio: 1.7777777778;
  padding: 3.4cqw;
  overflow: hidden;
  border: 1px solid #E6E3DD;
  border-radius: 3.4cqw;
  background-color: #FFFFFF;
  box-shadow: 0 8cqw 18cqw -14cqw rgba(11, 11, 10, 0.4);
  font-size: 3.1cqw;
  line-height: 1.35;
  color: #151412;
}
.mini b {
  font-weight: 600;
}
.mini .mini-suche {
  display: flex;
  align-items: center;
  gap: 1.8cqw;
  padding: 1.9cqw 3cqw;
  border: 1px solid #E6E3DD;
  border-radius: 99px;
  color: #6F6C66;
}
.mini .mini-suche i {
  font-size: 3cqw;
}
.mini .mini-treffer {
  display: grid;
  gap: 0.9cqw;
}
.mini .mini-treffer--wir {
  padding: 2.2cqw 2.6cqw;
  border-radius: 2.2cqw;
  background-color: #E8F6FD;
  box-shadow: inset 0 0 0 1px rgba(42, 183, 241, 0.35);
}
.mini .mini-treffer--blass {
  gap: 1.2cqw;
  padding-left: 2.6cqw;
}
.mini .mini-treffer--blass b, .mini .mini-treffer--blass em {
  display: block;
  width: var(--b);
  border-radius: 999px;
  background-color: #E1E4E8;
}
.mini .mini-treffer--blass b {
  height: 1.5cqw;
}
.mini .mini-treffer--blass em {
  height: 2.1cqw;
  background-color: #D9E4F2;
}
.mini .mini-quelle {
  display: flex;
  align-items: center;
  gap: 1.4cqw;
  font-size: 2.8cqw;
}
.mini .mini-quelle img {
  width: 3.4cqw;
  height: 3.4cqw;
  border-radius: 99px;
}
.mini .mini-titel {
  margin: 0;
  color: #0E6C96;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.mini .mini-platz, .mini .mini-marke {
  justify-self: start;
  padding: 0.6cqw 1.8cqw;
  border-radius: 99px;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 2.4cqw;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.mini .mini-platz {
  background-color: #2AB7F1;
  color: #151412;
}
.mini .mini-marke {
  background-color: #151412;
  color: #FFFFFF;
}
.mini .mini-text {
  margin: 0;
  font-size: 2.6cqw;
  line-height: 1.45;
  color: #6F6C66;
}
.mini .mini-knopf {
  justify-self: start;
  align-self: start;
  padding: 1.5cqw 3cqw;
  border-radius: 99px;
  background-color: #2AB7F1;
  color: #151412;
  font-size: 2.7cqw;
  font-weight: 500;
  white-space: nowrap;
}
.mini .mini-flaeche {
  display: grid;
  place-items: center;
  border-radius: 2.2cqw;
  background-color: #E8F6FD;
  color: #2AB7F1;
  font-size: 6cqw;
}
.mini .mini-leiste {
  display: flex;
  align-items: center;
  gap: 2cqw;
  padding-bottom: 2.4cqw;
  border-bottom: 1px solid #E6E3DD;
}
.mini .mini-leiste .mini-punkte {
  display: flex;
  gap: 1cqw;
}
.mini .mini-leiste .mini-punkte i {
  width: 1.8cqw;
  height: 1.8cqw;
  border-radius: 99px;
  background-color: #D6D2CA;
}
.mini .mini-leiste .mini-adresse {
  flex: 1;
  font-size: 2.6cqw;
  color: #6F6C66;
}
.mini .mini-leiste .mini-tasche {
  font-size: 3cqw;
  color: #6F6C66;
}
.mini--geo .mini-leiste .mini-stift {
  font-size: 2.8cqw;
  color: #6F6C66;
}
.mini--geo .mini-chat {
  display: grid;
  align-content: center;
  gap: 2.4cqw;
  flex: 1;
}
.mini--geo .mini-frage {
  justify-self: end;
  max-width: 78%;
  margin: 0;
  padding: 1.8cqw 2.6cqw;
  border-radius: 2.6cqw 2.6cqw 0.8cqw 2.6cqw;
  background-color: #ECEAE5;
  font-size: 2.8cqw;
}
.mini--geo .mini-antwort {
  display: flex;
  gap: 2cqw;
}
.mini--geo .mini-stern {
  display: grid;
  place-items: center;
  flex: none;
  width: 6.4cqw;
  height: 6.4cqw;
  border-radius: 99px;
  background-color: #E8F6FD;
  color: #0E6C96;
  font-size: 3.2cqw;
}
.mini--geo .mini-antwort-text {
  display: grid;
  gap: 2cqw;
}
.mini--geo .mini-text {
  margin: 0;
}
.mini--geo .mini-quellen {
  display: flex;
  align-items: center;
  gap: 1.4cqw;
}
.mini--geo .mini-chip {
  display: flex;
  align-items: center;
  gap: 1cqw;
  height: 5cqw;
  padding: 0 2.2cqw;
  border-radius: 99px;
  background-color: #ECEAE5;
  font-size: 2.5cqw;
  color: #6F6C66;
  white-space: nowrap;
}
.mini--geo .mini-chip--wir {
  background-color: #E8F6FD;
  box-shadow: inset 0 0 0 1px rgba(42, 183, 241, 0.45);
  font-size: 2.5cqw;
  color: #0E6C96;
}
.mini--geo .mini-chip--wir img {
  width: 3cqw;
  height: 3cqw;
  border-radius: 99px;
}
.mini--geo .mini-eingabe {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2cqw;
  padding: 1.9cqw 1.9cqw 1.9cqw 3cqw;
  border: 1px solid #E6E3DD;
  border-radius: 99px;
  font-size: 2.8cqw;
  color: #6F6C66;
}
.mini--geo .mini-eingabe i {
  font-size: 4.4cqw;
  color: #2AB7F1;
}
.mini--web .mini-seite {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 30%;
  gap: 3cqw;
  flex: 1;
}
.mini--web .mini-seite-text {
  display: grid;
  align-content: start;
  gap: 1.8cqw;
}
.mini--web .mini-h {
  margin: 0;
  font-size: 3.8cqw;
  font-weight: 600;
  line-height: 1.2;
}
.mini--shop .mini-shop {
  display: grid;
  grid-template-columns: 34% minmax(0, 1fr);
  gap: 3cqw;
  flex: 1;
}
.mini--shop .mini-shop-text {
  display: grid;
  align-content: start;
  gap: 1.6cqw;
}
.mini--shop .mini-preis {
  margin: 0.4cqw 0 0.6cqw;
  font-size: 3.6cqw;
  font-weight: 600;
}
.mini--shop .mini-meldung {
  position: absolute;
  right: 3.4cqw;
  bottom: 3.4cqw;
  display: flex;
  align-items: center;
  gap: 1.4cqw;
  padding: 1.6cqw 2.6cqw;
  border-radius: 99px;
  background-color: #151412;
  color: #FFFFFF;
  font-size: 2.5cqw;
  white-space: nowrap;
}
.mini--shop .mini-meldung i {
  color: #2AB7F1;
  font-size: 3cqw;
}
.lp-gruppen {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin-top: 48px;
}
@media (max-width: 767.98px) {
  .lp-gruppen {
    grid-template-columns: 1fr;
  }
}
.lp-gruppe {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  padding: 30px 30px 10px;
  border-radius: 16px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD;
  transition: box-shadow 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
.lp-gruppe::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #2AB7F1;
}
.lp-gruppe:hover {
  box-shadow: 0 0 0 1px #D6D2CA, 0 24px 48px -36px rgba(14, 34, 52, 0.5);
}
.lp-gruppe ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.lp-gruppe a {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-top: 1px solid #E6E3DD;
  font-size: 16px;
  line-height: 1.4;
  color: #1C1B19;
  text-decoration: none;
  transition: color 250ms cubic-bezier(0.25, 1, 0.5, 1), padding-left 250ms cubic-bezier(0.25, 1, 0.5, 1);
}
.lp-gruppe a:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.lp-gruppe a i {
  flex: none;
  font-size: 12px;
  color: #D6D2CA;
  transition: color 250ms cubic-bezier(0.25, 1, 0.5, 1), transform 250ms cubic-bezier(0.25, 1, 0.5, 1);
}
.lp-gruppe a:hover, .lp-gruppe a:focus-visible {
  padding-left: 6px;
  color: #0E6C96;
}
.lp-gruppe a:hover i, .lp-gruppe a:focus-visible i {
  color: #2AB7F1;
  transform: translate(2px, -2px);
}
.lpg-kopf {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin: 0;
}
.lpg-zeichen {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 11px;
  background-color: #E8F6FD;
  color: #0E6C96;
}
.lpg-zeichen i {
  font-size: 18px;
}
.lpg-titel {
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #151412;
}
.lpg-zahl {
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  color: #6F6C66;
}
.lpg-hinweis {
  margin: 12px 0 14px;
  font-size: 14px;
  line-height: 1.45;
  color: #6F6C66;
}
.lp-logos {
  padding-top: calc(144px * .5);
  padding-bottom: calc(144px * .5);
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .lp-logos {
    padding-top: calc(88px * .7);
    padding-bottom: calc(88px * .7);
  }
}
.lp-orte {
  position: relative;
  overflow: hidden;
}
.orte-raster {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 48px 0 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 767.98px) {
  .orte-raster {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .orte-raster .ort {
    min-width: 0;
  }
}
@media (max-width: 767.98px) {
  .orte-raster--lang {
    grid-template-columns: minmax(0, 1fr);
  }
}
.ort {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 148px;
  padding: 13px 16px;
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD;
  font-size: 16px;
  font-weight: 500;
  color: #151412;
  text-decoration: none;
  transition: box-shadow 300ms cubic-bezier(0.25, 1, 0.5, 1), color 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
.ort:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.ort:hover, .ort:focus-visible {
  color: #0E6C96;
  box-shadow: 0 0 0 1px rgba(42, 183, 241, 0.55);
}
.ort:hover .ort-pfeil, .ort:focus-visible .ort-pfeil {
  opacity: 1;
  transform: none;
}
.ort-pfeil {
  flex: none;
  font-size: 13px;
  color: #0E6C96;
  opacity: 0;
  transform: translate(-3px, 3px);
  transition: opacity 250ms cubic-bezier(0.25, 1, 0.5, 1), transform 250ms cubic-bezier(0.25, 1, 0.5, 1);
}
.lp-sitz {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 28px 0 0;
  padding: 12px 20px;
  border-radius: 9999px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD;
  font-size: 16px;
  color: #1C1B19;
}
.lp-sitz i {
  font-size: 17px;
  color: #0E6C96;
}
.lp-sitz b {
  font-weight: 600;
  color: #151412;
}
.lp-sitz span + span::before {
  content: "·";
  margin: 0 8px;
  color: #D6D2CA;
}
@media (max-width: 575.98px) {
  .lp-sitz {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 4px 10px;
    padding: 14px 18px;
    border-radius: 16px;
    font-size: 14px;
    line-height: 1.5;
  }
  .lp-sitz i {
    grid-row: span 2;
    align-self: start;
    padding-top: 2px;
  }
  .lp-sitz span + span::before {
    content: none;
  }
}
.lx-unter {
  max-width: 46ch;
  margin: 24px 0 0;
  font-size: 18px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.72);
}
.lx-begriffe {
  position: relative;
}
.lxl-name, .lxl-text, .lxl-kapitel > span {
  hyphens: auto;
  overflow-wrap: break-word;
}
.lx-liste {
  margin: 56px 0 0;
  padding: 0;
  list-style: none;
}
.lx-liste > li {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 32px;
  padding: 34px 0;
  border-top: 1px solid #E6E3DD;
}
.lx-liste > li:last-child {
  border-bottom: 1px solid #E6E3DD;
}
@media (max-width: 991.98px) {
  .lx-liste > li {
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 16px 24px;
  }
  .lx-liste .lxl-kapitel {
    grid-column: 2;
    padding-left: 0;
    padding-top: 18px;
    border-left: 0;
    border-top: 1px solid #E6E3DD;
  }
}
@media (max-width: 575.98px) {
  .lx-liste > li {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 14px 14px;
    padding: 28px 0;
  }
}
.lxl-nr {
  align-self: start;
  padding-top: 6px;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: #0E6C96;
}
@media (max-width: 767.98px) {
  .lxl-nr {
    padding-top: 4px;
  }
}
.lxl-haupt {
  display: grid;
  gap: 8px;
}
.lxl-name {
  font-size: clamp(24px, calc(21.037037037px + 0.9259259259vw), 34px);
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: #151412;
  text-decoration: none;
}
.lxl-name:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.lxl-name:hover, .lxl-name:focus-visible {
  color: #0E6C96;
}
.lxl-text {
  font-size: 16px;
  line-height: 1.6;
  color: #1C1B19;
}
.lxl-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  font-size: 16px;
  font-weight: 500;
  color: #151412;
  text-decoration: none;
}
.lxl-link:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.lxl-link i {
  transition: transform 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
.lxl-link:hover, .lxl-link:focus-visible i {
  transform: translateX(3px);
}
.lxl-kapitel {
  display: grid;
  padding-left: 40px;
  border-left: 1px solid #E6E3DD;
}
.lxl-kapitel > span {
  display: block;
  padding: 9px 0;
  border-top: 1px solid #E6E3DD;
  font-size: 14px;
  line-height: 1.5;
  color: #6F6C66;
  transition: color 250ms cubic-bezier(0.25, 1, 0.5, 1);
}
.lxl-kapitel > span:first-child {
  border-top: 0;
  padding-top: 0;
}
.lxl-kapitel > span:last-child {
  padding-bottom: 0;
}
.lx-liste > li:hover .lxl-name {
  color: #0E6C96;
}
.lx-liste > li:hover .lxl-link i {
  transform: translateX(3px);
}
.lx-liste > li:hover .lxl-kapitel > span {
  color: #1C1B19;
}
.lx-grid {
  display: grid;
  grid-template-columns: minmax(0, 300px) minmax(0, 1fr);
  gap: 0 80px;
  align-items: start;
}
@media (max-width: 1199.98px) {
  .lx-grid {
    gap: 0 48px;
  }
}
@media (max-width: 991.98px) {
  .lx-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 40px 0;
  }
}
@media (min-width: 992px) {
  .lx-inhalt {
    position: sticky;
    top: 120px;
    max-height: calc(100vh - 160px);
    display: flex;
    flex-direction: column;
  }
}
.lxi-titel {
  margin: 0 0 14px;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #6F6C66;
}
.lxi-liste {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 992px) {
  .lxi-liste {
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #D6D2CA transparent;
  }
}
.lxi-liste::before, .lxi-liste::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: var(--spur, 100%);
  border-radius: 2px;
}
.lxi-liste::before {
  background-color: #E6E3DD;
}
.lxi-liste::after {
  background-color: #2AB7F1;
  transform-origin: top;
  transform: scaleY(var(--lesen, 0));
  transition: transform 140ms linear;
}
@media (prefers-reduced-motion: reduce) {
  .lxi-liste::after {
    transition: none;
  }
}
.lxi-liste a {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 0 10px;
  padding: 9px 12px 9px 20px;
  border-radius: 8px;
  font-size: 16px;
  line-height: 1.4;
  text-decoration: none;
  color: #6F6C66;
  transition: color 220ms cubic-bezier(0.25, 1, 0.5, 1), background-color 220ms cubic-bezier(0.25, 1, 0.5, 1);
}
.lxi-liste a:hover {
  background-color: #FAFAFA;
  color: #151412;
}
.lxi-liste a.is-active {
  background-color: #E8F6FD;
  color: #151412;
}
.lxi-nr {
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.06em;
  color: #D6D2CA;
}
.is-active .lxi-nr {
  color: #0E6C96;
}
.lxi-angebot {
  flex: 0 0 auto;
  margin-top: 24px;
  padding: 20px 22px 22px;
  border-radius: 16px;
  background-color: #E8F6FD;
  box-shadow: inset 0 0 0 1px rgba(42, 183, 241, 0.3);
}
.lxi-angebot p {
  margin: 0 0 14px;
  font-size: 16px;
  line-height: 1.6;
  color: #1C1B19;
}
.lxi-angebot .btn {
  width: 100%;
  justify-content: center;
}
.lxi-angebot-titel {
  margin: 0 0 6px !important;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 18px !important;
  line-height: 1.3 !important;
  color: #151412 !important;
}
.lx-kapitel {
  scroll-margin-top: 110px;
}
.lx-kapitel + .lx-kapitel {
  margin-top: 72px;
}
.lx-kapitel h2 {
  margin: 0 0 24px;
  font-size: clamp(26px, calc(23.6296296296px + 0.7407407407vw), 34px);
}
.lx-kapitel h3:not(.faq-frage) {
  margin: 36px 0 12px;
  font-size: clamp(19px, calc(18.1111111111px + 0.2777777778vw), 22px);
}
.lx-kapitel .prosa {
  max-width: none;
  margin-top: 0;
}
.lx-kapitel .prosa p {
  font-size: 18px;
  line-height: 1.75;
  overflow-wrap: break-word;
}
.lx-kapitel .teil-punkte {
  margin: 0 0 22px;
}
.lx-kapitel .teil-punkte li {
  font-size: 18px;
  line-height: 1.7;
  margin-bottom: 12px;
  color: #1C1B19;
}
.lx-kapitel .teil-punkte strong {
  font-weight: 600;
  color: #151412;
}
.lx-vorspann {
  margin: 0 0 56px;
}
.lx-vorspann p {
  margin: 0 0 20px;
  font-size: 18px;
  line-height: 1.65;
  color: #151412;
}
.lx-vorspann p:last-child {
  margin-bottom: 0;
}
.lx-beispiel {
  display: block;
  margin: 0 0 24px;
  padding: 14px 18px;
  border-radius: 8px;
  background-color: #FAFAFA;
  box-shadow: inset 0 0 0 1px #E6E3DD;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 16px;
  line-height: 1.55;
  color: #0E6C96;
  overflow-wrap: break-word;
}
.lx-bild {
  margin: 44px 0;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 0 0 1px #E6E3DD, 0 30px 56px -40px rgba(14, 34, 52, 0.5);
}
.lx-bild img {
  display: block;
  width: 100%;
  height: auto;
}
@media (prefers-reduced-motion: no-preference) {
  .lx-bild img {
    transition: transform 1100ms cubic-bezier(0.25, 1, 0.5, 1);
  }
  .lx-bild.is-armed:not(.is-visible) img {
    transform: scale(1.015);
  }
}
.lx-kapitel .lx-figur {
  margin: 36px 0 40px;
}
.lx-kapitel .lx-figur .af {
  margin-top: 0;
}
.lx-kapitel .lx-figur .wbs {
  max-width: 600px;
  margin-inline: auto;
}
.lx-figur--fenster .mk--browser {
  container-type: normal;
  border-radius: 16px;
  box-shadow: 0 0 0 1px #E6E3DD, 0 30px 56px -40px rgba(14, 34, 52, 0.5);
}
.lx-figur--fenster .mk-chrome {
  gap: 12px;
  padding: 11px 16px;
}
.lx-figur--fenster .mk-chrome .mk-dots {
  gap: 6px;
}
.lx-figur--fenster .mk-chrome .mk-dots i {
  width: 9px;
  height: 9px;
}
.lx-figur--fenster .mk-chrome .mk-tab {
  gap: 9px;
  padding: 8px 13px;
  border-radius: 11px 11px 0 0;
}
.lx-figur--fenster .mk-chrome .mk-tab img {
  width: 16px;
  height: 16px;
}
.lx-figur--fenster .mk-chrome .mk-tab b {
  font-size: 13.5px;
}
.lx-figur--fenster .mk-adresse {
  gap: 9px;
  margin: 13px 16px;
  padding: 9px 14px;
  font-size: 13.5px;
}
.lx-figur--fenster .mk-adresse i {
  font-size: 13px;
}
.lx-figur--fenster .mk-tag {
  gap: 5px;
  padding: 3px 10px 3px 8px;
  background-color: #E8F6FD;
  box-shadow: inset 0 0 0 1px rgba(42, 183, 241, 0.45);
  font-size: 11px;
  color: #0E6C96;
}
.lx-figur--fenster .mk-tag i {
  font-size: 12px;
}
.lx-figur--fenster .mk--browser .mk-seite {
  height: auto;
  padding: 0 22px 26px;
}
.lx-figur--fenster .mk--browser .mk-seite .mk-seitenkopf {
  gap: 20px;
  padding-bottom: 14px;
  border-bottom: 1px solid #e8eaed;
}
.lx-figur--fenster .mk--browser .mk-seite .mk-logo {
  height: 18px;
}
.lx-figur--fenster .mk--browser .mk-seite .mk-menue {
  gap: 22px;
  font-size: 13px;
}
.lx-figur--fenster .mk--browser .mk-seite .mk-h1, .lx-figur--fenster .mk--browser .mk-seite .mk-h2 {
  padding-right: 62px;
  overflow-wrap: break-word;
  hyphens: auto;
}
.lx-figur--fenster .mk--browser .mk-seite .mk-h1 .mk-tag, .lx-figur--fenster .mk--browser .mk-seite .mk-h2 .mk-tag {
  top: 0.3em;
}
.lx-figur--fenster .mk--browser .mk-seite .mk-h1 {
  margin-top: 22px;
  font-size: 26px;
  line-height: 1.45;
}
.lx-figur--fenster .mk--browser .mk-seite .mk-h2 {
  margin-top: 22px;
  font-size: 19px;
  line-height: 1.5;
}
.lx-figur--fenster .mk--browser .mk-seite .mk-absatz {
  margin-top: 12px;
  font-size: 15px;
  line-height: 1.7;
}
.lx-figur--fenster .mk-link {
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}
@media (max-width: 767.98px) {
  .lx-figur--fenster .mk-chrome {
    padding: 9px 12px;
  }
  .lx-figur--fenster .mk-chrome .mk-tab {
    padding: 7px 10px;
  }
  .lx-figur--fenster .mk-chrome .mk-tab b {
    font-size: 11.5px;
  }
  .lx-figur--fenster .mk-adresse {
    margin: 10px 12px;
    padding: 8px 11px;
    font-size: 11.5px;
  }
  .lx-figur--fenster .mk-tag {
    padding: 2px 8px 2px 6px;
    font-size: 9.5px;
  }
  .lx-figur--fenster .mk-tag i {
    font-size: 10px;
  }
  .lx-figur--fenster .mk--browser .mk-seite {
    padding: 0 16px 20px;
  }
  .lx-figur--fenster .mk--browser .mk-seite .mk-seitenkopf {
    padding-bottom: 11px;
  }
  .lx-figur--fenster .mk--browser .mk-seite .mk-logo {
    height: 15px;
  }
  .lx-figur--fenster .mk--browser .mk-seite .mk-menue {
    gap: 14px;
    font-size: 11px;
  }
  .lx-figur--fenster .mk--browser .mk-seite .mk-h1, .lx-figur--fenster .mk--browser .mk-seite .mk-h2 {
    padding-right: 58px;
  }
  .lx-figur--fenster .mk--browser .mk-seite .mk-h1 {
    margin-top: 16px;
    font-size: 19px;
  }
  .lx-figur--fenster .mk--browser .mk-seite .mk-h2 {
    margin-top: 16px;
    font-size: 16px;
  }
  .lx-figur--fenster .mk--browser .mk-seite .mk-absatz {
    margin-top: 9px;
    font-size: 13px;
    line-height: 1.65;
  }
}
@media (max-width: 575.98px) {
  .lx-figur--fenster .mk--browser .mk-seite .mk-menue {
    display: none;
  }
  .lx-figur--fenster .mk--browser .mk-seite .mk-burger {
    display: block;
    font-size: 16px;
    color: #3c4043;
  }
  .lx-figur--fenster .mk--browser .mk-seite .mk-h1 {
    font-size: 17px;
  }
  .lx-figur--fenster .mk--browser .mk-seite .mk-h2 {
    font-size: 14.5px;
  }
  .lx-figur--fenster .mk--browser .mk-seite .mk-absatz {
    font-size: 12.5px;
  }
}
.themen-karten {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 28px 0 24px;
  padding: 0;
  list-style: none;
}
@media (max-width: 767.98px) {
  .themen-karten {
    grid-template-columns: minmax(0, 1fr);
  }
}
.themen-karten > .tk-feld:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}
.tk-feld {
  padding: 22px 24px 24px;
  border-radius: 16px;
  background-color: #FAF9F7;
  box-shadow: inset 0 0 0 1px #E6E3DD;
}
.tk-feld p {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
  color: #1C1B19;
}
.tk-feld p + p {
  margin-top: 10px;
}
.tk-titel {
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 17px !important;
  font-weight: 600;
  line-height: 1.35;
  color: #151412 !important;
}
.lx-text {
  overflow-wrap: break-word;
}
.lx-grid--allein {
  grid-template-columns: minmax(0, 1fr);
}
.lx-grid--allein .lx-text {
  max-width: 760px;
  margin-inline: auto;
}
.lx-raster {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 56px 0 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 991.98px) {
  .lx-raster {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575.98px) {
  .lx-raster {
    grid-template-columns: minmax(0, 1fr);
  }
}
.lx-raster > li:last-child:nth-child(3n + 1), .lx-raster > li:last-child:nth-child(3n + 2) {
  grid-column: 1 / -1;
}
.lx-raster > li:last-child:nth-child(3n + 1) a, .lx-raster > li:last-child:nth-child(3n + 2) a {
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: baseline;
  column-gap: 18px;
}
@media (max-width: 991.98px) {
  .lx-raster > li:last-child:nth-child(3n + 1), .lx-raster > li:last-child:nth-child(3n + 2) {
    grid-column: auto;
  }
  .lx-raster > li:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }
  .lx-raster > li:last-child:nth-child(odd) a {
    grid-template-columns: auto auto minmax(0, 1fr);
  }
}
@media (max-width: 575.98px) {
  .lx-raster > li:last-child {
    grid-column: auto;
  }
  .lx-raster > li:last-child a {
    grid-template-columns: minmax(0, 1fr);
  }
}
.lx-raster a {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
  height: 100%;
  padding: 20px 22px 22px;
  border-radius: 16px;
  background-color: #FAF9F7;
  box-shadow: inset 0 0 0 1px #E6E3DD;
  text-decoration: none;
  transition: background-color 220ms cubic-bezier(0.25, 1, 0.5, 1), box-shadow 220ms cubic-bezier(0.25, 1, 0.5, 1);
}
.lx-raster a:hover {
  background-color: #E8F6FD;
  box-shadow: inset 0 0 0 1px rgba(42, 183, 241, 0.45);
}
.lxr-nr {
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.06em;
  color: #0E6C96;
}
.lxr-name {
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.3;
  color: #151412;
}
.lxr-text {
  font-size: 16px;
  line-height: 1.55;
  color: #6F6C66;
}
.uu-agentur, .uu-gruender {
  position: relative;
}
.uu-raster {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: center;
  gap: 56px;
  margin-top: 48px;
}
.uu-raster--gedreht {
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
}
@media (max-width: 991.98px) {
  .uu-raster {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }
  .uu-raster--gedreht {
    grid-template-columns: minmax(0, 1fr);
  }
}
.uu-text {
  display: grid;
  justify-items: start;
  gap: 18px;
}
.uu-text p {
  margin: 0;
  font-size: 18px;
  line-height: 1.65;
  color: #1C1B19;
}
.uu-text b {
  font-weight: 600;
  color: #151412;
}
.uu-knopf {
  margin-top: 10px;
}
.uu-bild {
  margin: 0;
  overflow: hidden;
  border-radius: 24px;
  box-shadow: 0 34px 70px -44px rgba(14, 34, 52, 0.6);
}
.uu-bild img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1.3333333333;
  object-fit: cover;
}
.uu-portrait {
  position: relative;
  margin: 0;
  overflow: hidden;
  border-radius: 24px;
  box-shadow: 0 34px 70px -44px rgba(14, 34, 52, 0.6);
}
.uu-portrait img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 0.8;
  object-fit: cover;
  object-position: center 20%;
}
.uu-schild {
  position: absolute;
  left: 18px;
  bottom: 18px;
  display: grid;
  gap: 2px;
  padding: 12px 18px;
  border-radius: 16px;
  background-color: rgba(11, 11, 10, 0.82);
  color: #FFFFFF;
}
.uu-schild b {
  font-size: 16px;
  font-weight: 600;
}
.uu-schild span {
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.72);
}
.uu-partner-raster {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin-top: 48px;
}
@media (max-width: 767.98px) {
  .uu-partner-raster {
    grid-template-columns: minmax(0, 1fr);
  }
}
.uu-karte {
  position: relative;
  display: grid;
  align-content: start;
  gap: 14px;
  height: 100%;
  overflow: hidden;
  padding: 32px;
  border-radius: 16px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD;
  transition: box-shadow 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
.uu-karte::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #2AB7F1;
}
.uu-karte:hover {
  box-shadow: 0 0 0 1px #D6D2CA, 0 24px 48px -36px rgba(14, 34, 52, 0.5);
}
.uu-karte h3 {
  margin: 0;
}
.uu-karte p {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
  color: #1C1B19;
}
.uu-karte-logo {
  display: flex;
  align-items: center;
  min-height: 44px;
}
.uu-karte-logo img {
  width: auto;
  max-width: 160px;
  max-height: 44px;
  object-fit: contain;
}
.uu-karte-link {
  justify-self: start;
  margin-top: 4px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 500;
  color: #0E6C96;
  text-decoration: none;
}
.uu-karte-link:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.uu-karte-link i {
  font-size: 13px;
  transition: transform 250ms cubic-bezier(0.25, 1, 0.5, 1);
}
.uu-karte-link:hover i, .uu-karte-link:focus-visible i {
  transform: translate(2px, -2px);
}
.process-step--marke .process-karte, .process-step--siegel .process-karte {
  background-color: #E8F6FD;
  box-shadow: inset 0 0 0 1px rgba(42, 183, 241, 0.4);
}
.process-step--marke .process-karte b, .process-step--siegel .process-karte b {
  color: #0E6C96;
}
.process-step--marke .process-inhalt b, .process-step--siegel .process-inhalt b {
  color: #0E6C96;
}
.process-siegel {
  justify-self: start;
  width: 84px;
  height: 84px;
  margin-top: 10px;
  object-fit: contain;
}
.uu-zahlen-raster {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  margin: 48px 0 0;
  padding: 0;
  list-style: none;
}
.uu-zahlen-raster > li {
  position: relative;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 10px;
  height: 100%;
  overflow: hidden;
  padding: 30px 24px;
  border-radius: 16px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD;
  text-align: center;
  transition: box-shadow 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
.uu-zahlen-raster > li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #2AB7F1;
}
.uu-zahlen-raster > li:hover {
  box-shadow: 0 0 0 1px #D6D2CA, 0 24px 48px -36px rgba(14, 34, 52, 0.5);
}
.uu-zahlen-raster b {
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1;
  color: #151412;
  font-size: clamp(30px, calc(27.037037037px + 0.9259259259vw), 40px);
}
.uu-zahlen-raster .uu-zahl-text {
  font-size: 14px;
  line-height: 1.45;
  color: #6F6C66;
}
@media (max-width: 991.98px) {
  .uu-zahlen-raster {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 479.98px) {
  .uu-zahlen-raster {
    grid-template-columns: minmax(0, 1fr);
  }
}
.uu-zeichen {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin-bottom: 2px;
  border-radius: 13px;
  background-color: #E8F6FD;
  color: #0E6C96;
}
.uu-zeichen i {
  font-size: 20px;
}
.uu-zeichen--weiss {
  background-color: #FFFFFF;
  box-shadow: inset 0 0 0 1px #E6E3DD;
}
.uu-zeichen--yt {
  background-color: rgba(255, 0, 0, 0.08);
  color: #FF0000;
}
.uu-zeichen img {
  width: 24px;
  height: 24px;
}
.uu-zahlen-raster .uu-sterne {
  display: block;
  margin-bottom: 3px;
  font-size: 14px;
  letter-spacing: 0.1em;
  color: #F5B50A;
}
.uu-kunden {
  margin-top: 56px;
  text-align: center;
}
.uu-kunden-kopf {
  margin: 0 0 24px;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6F6C66;
}
.uu-kunden-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 28px;
  font-size: 16px;
  font-weight: 500;
  color: #0E6C96;
  text-decoration: none;
}
.uu-kunden-link:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.uu-kunden-link i {
  transition: transform 250ms cubic-bezier(0.25, 1, 0.5, 1);
}
.uu-kunden-link:hover i, .uu-kunden-link:focus-visible i {
  transform: translateX(3px);
}
.uu-geo {
  position: relative;
  overflow: hidden;
  background: radial-gradient(60% 90% at 88% 15%, rgba(42, 183, 241, 0.16) 0%, rgba(42, 183, 241, 0) 72%), linear-gradient(180deg, #13212B 0%, #0E1A24 100%);
  color: #FFFFFF;
}
.uu-geo > .container {
  position: relative;
  z-index: 1;
}
.uu-geo-raster {
  display: grid;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  align-items: center;
  gap: 56px;
}
@media (max-width: 991.98px) {
  .uu-geo-raster {
    grid-template-columns: minmax(0, 1fr);
    gap: 36px;
  }
}
.uu-geo-text {
  display: grid;
  justify-items: start;
  min-width: 0;
  gap: 18px;
}
.uu-geo-text .section-head {
  margin-bottom: 0;
}
.uu-geo-stich {
  margin: 0;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.04em;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.56);
}
.uu-geo-bild {
  container-type: inline-size;
  width: 100%;
  justify-self: end;
}
.uu-geo-bild .mini {
  aspect-ratio: auto;
  gap: 4cqw;
  padding: 6cqw;
}
.uu-geo-bild .mini-antwort {
  gap: 3cqw;
}
.uu-geo-bild .mini-stern {
  width: 8cqw;
  height: 8cqw;
  font-size: 4cqw;
}
.uu-geo-bild .mini-quellen {
  gap: 2cqw;
  margin-top: 1cqw;
}
@media (max-width: 991.98px) {
  .uu-geo-bild {
    justify-self: start;
    width: min(460px, 100%);
  }
}
.uu-alltag {
  position: relative;
  overflow: hidden;
  background: radial-gradient(58% 86% at 14% 20%, rgba(42, 183, 241, 0.15) 0%, rgba(42, 183, 241, 0) 70%), linear-gradient(180deg, #13212B 0%, #0E1A24 100%);
  color: #FFFFFF;
}
.uu-alltag > .container {
  position: relative;
  z-index: 1;
}
.uu-alltag-raster {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
  align-items: center;
  gap: 48px;
}
@media (max-width: 991.98px) {
  .uu-alltag-raster {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }
}
.uu-alltag-raster--schmal {
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  text-align: center;
}
.uu-alltag-raster--schmal .uu-alltag-text {
  justify-items: center;
}
.uu-alltag-raster--schmal .uu-alltag-knoepfe {
  justify-items: center;
}
.uu-alltag-text {
  display: grid;
  justify-items: start;
  min-width: 0;
  gap: 16px;
}
.uu-alltag-text .section-head {
  margin-bottom: 0;
}
.uu-alltag-knoepfe {
  display: grid;
  justify-items: start;
  gap: 10px;
  margin-top: 6px;
}
.section--dark .uu-kanal {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  border-radius: 9999px;
  background-color: rgba(255, 255, 255, 0.07);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);
  font-size: 16px;
  font-weight: 500;
  color: #FFFFFF;
  text-decoration: none;
  transition: background-color 250ms cubic-bezier(0.25, 1, 0.5, 1), box-shadow 250ms cubic-bezier(0.25, 1, 0.5, 1);
}
.section--dark .uu-kanal:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.section--dark .uu-kanal i {
  font-size: 17px;
}
.section--dark .uu-kanal .uu-kanal-yt {
  color: #FF4040;
}
.section--dark .uu-kanal .uu-kanal-ig {
  color: #E887C0;
}
.section--dark .uu-kanal .uu-kanal-pfeil {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.45);
  transition: color 250ms cubic-bezier(0.25, 1, 0.5, 1), transform 250ms cubic-bezier(0.25, 1, 0.5, 1);
}
.section--dark .uu-kanal:hover, .section--dark .uu-kanal:focus-visible {
  background-color: rgba(255, 255, 255, 0.12);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
  color: #FFFFFF;
}
.section--dark .uu-kanal:hover .uu-kanal-pfeil, .section--dark .uu-kanal:focus-visible .uu-kanal-pfeil {
  color: #2AB7F1;
  transform: translate(2px, -2px);
}
.uu-alltag-reihe {
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 4%, #000 92%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 4%, #000 92%, transparent 100%);
}
.uu-alltag-reihe ul {
  display: flex;
  gap: 16px;
  margin: 0;
  padding: 0 0 6px;
  overflow-x: auto;
  list-style: none;
  scrollbar-width: none;
}
.uu-alltag-reihe ul::-webkit-scrollbar {
  display: none;
}
.uu-alltag-reihe li {
  flex: none;
  width: 240px;
}
@media (max-width: 575.98px) {
  .uu-alltag-reihe li {
    width: 200px;
  }
}
.uu-alltag-reihe a {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 16px;
  background-color: #151412;
  text-decoration: none;
}
.uu-alltag-reihe a:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.uu-alltag-reihe a::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.1575) 55%, rgba(0, 0, 0, 0.15) 100%);
}
.uu-alltag-reihe img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 0.5625;
  object-fit: cover;
  transition: transform 500ms cubic-bezier(0.25, 1, 0.5, 1);
}
.uu-alltag-reihe a:hover img, .uu-alltag-reihe a:focus-visible img {
  transform: scale(1.04);
}
.uu-video-spielen {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.92);
  color: #151412;
  font-size: 22px;
  transform: translate(-50%, -50%);
}
.uu-video-marke {
  position: absolute;
  z-index: 1;
  top: 10px;
  right: 10px;
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: rgba(11, 11, 10, 0.55);
  color: #FFFFFF;
  font-size: 13px;
  backdrop-filter: blur(2px);
}
.uu-galerie {
  position: relative;
}
.lp-lead {
  max-width: 54ch;
  margin: 24px 0 0;
  font-size: 18px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.72);
}
.kontakt-grid {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 6fr);
  gap: 56px 72px;
  align-items: start;
}
.kontakt-grid h2 {
  margin: 0 0 12px;
}
@media (max-width: 991.98px) {
  .kontakt-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 44px;
  }
}
@media (min-width: 992px) {
  .kontakt-daten {
    position: sticky;
    top: 112px;
  }
}
.kd-lead {
  margin: 0 0 28px;
  font-size: 16px;
  line-height: 1.6;
  color: #6F6C66;
}
.kd-wege {
  display: grid;
  gap: 12px;
}
.kd-weg, .kd-adresse {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 18px 20px;
  border-radius: 16px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD;
  text-decoration: none;
  font-style: normal;
  transition: box-shadow 300ms cubic-bezier(0.25, 1, 0.5, 1), transform 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
.kd-weg:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.kd-weg:hover, .kd-weg:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 0 0 1px #D6D2CA, 0 20px 40px -32px rgba(14, 34, 52, 0.55);
}
.kd-weg:hover .kd-weg-pfeil, .kd-weg:focus-visible .kd-weg-pfeil {
  transform: translateX(3px);
  opacity: 1;
}
.kd-weg:hover .kd-weg-zeichen, .kd-weg:focus-visible .kd-weg-zeichen {
  background-color: #2AB7F1;
  color: #151412;
}
.kd-adresse {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  margin-top: 12px;
}
.kd-weg-zeichen, .ablauf-zeichen {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 13px;
  background-color: #E8F6FD;
  color: #0E6C96;
  transition: background-color 300ms cubic-bezier(0.25, 1, 0.5, 1), color 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
.kd-weg-zeichen i, .ablauf-zeichen i {
  font-size: 20px;
}
.kd-weg-text {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.kd-weg-text em {
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  font-style: normal;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6F6C66;
}
.kd-weg-text b {
  font-size: 18px;
  font-weight: 600;
  color: #151412;
  overflow-wrap: anywhere;
}
.kd-anschrift {
  margin-top: 5px;
  font-size: 16px;
  line-height: 1.55;
  color: #6F6C66;
}
.kd-weg-pfeil {
  font-size: 18px;
  color: #0E6C96;
  opacity: 0.5;
  transition: transform 300ms cubic-bezier(0.25, 1, 0.5, 1), opacity 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
.kontakt-formular {
  padding: 36px;
  border-radius: 20px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD, 0 24px 50px -44px rgba(11, 11, 10, 0.5);
}
@media (max-width: 575.98px) {
  .kontakt-formular {
    padding: 26px 22px;
  }
}
.kf-lead {
  margin: 0 0 28px;
  font-size: 16px;
  line-height: 1.65;
  color: #6F6C66;
}
.kf-lead a {
  color: #0E6C96;
}
.ablauf-raster {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin: 48px 0 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 767.98px) {
  .ablauf-raster {
    grid-template-columns: minmax(0, 1fr);
  }
}
.ablauf-schritt {
  position: relative;
  display: grid;
  align-content: start;
  gap: 12px;
  height: 100%;
  overflow: hidden;
  padding: 30px 26px 28px;
  border-radius: 16px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD;
  transition: box-shadow 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
.ablauf-schritt::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #2AB7F1;
}
.ablauf-schritt:hover {
  box-shadow: 0 0 0 1px #D6D2CA, 0 24px 48px -36px rgba(14, 34, 52, 0.5);
}
.ablauf-schritt h3 {
  margin: 4px 0 0;
}
.ablauf-schritt p {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
  color: #6F6C66;
}
.ablauf-nr {
  position: absolute;
  top: 24px;
  right: 24px;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: #6F6C66;
}
.prosa {
  max-width: 72ch;
  margin-top: 40px;
}
.prosa p {
  margin: 0 0 20px;
  font-size: 18px;
  line-height: 1.7;
  color: #1C1B19;
}
.prosa p:last-child {
  margin-bottom: 0;
}
.prosa a {
  color: #0E6C96;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.prosa h2, .prosa h3 {
  margin: 48px 0 14px;
}
.prosa > :first-child {
  margin-top: 0;
}
.prosa ul {
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
}
.prosa ul li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 12px;
  font-size: 18px;
  line-height: 1.65;
  color: #1C1B19;
}
.prosa ul li::before {
  content: "";
  position: absolute;
  top: 0.68em;
  left: 2px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #2AB7F1;
}
.prosa ul li b {
  color: #151412;
}
.prosa--lang {
  max-width: 76ch;
}
.prosa--lang h2 {
  margin-top: 64px;
  padding-top: 32px;
  border-top: 1px solid #E6E3DD;
}
.prosa--lang > h2:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.prosa--mitte {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.prosa--block {
  margin-left: auto;
  margin-right: auto;
}
.prosa--dark p, .prosa--dark ul li {
  color: #A3A09A;
}
.prosa--dark h2, .prosa--dark h3 {
  color: #FFFFFF;
}
.prosa--dark ul li b {
  color: #FFFFFF;
}
.prosa-lead {
  max-width: 62ch;
  margin: 24px 0 0;
  font-size: 18px;
  line-height: 1.7;
  color: #1C1B19;
}
.prosa-zwischen {
  max-width: 72ch;
  margin: 32px 0 0;
  font-size: 18px;
  line-height: 1.7;
  color: #1C1B19;
}
.prosa-aktion {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}
@media (max-width: 1199.98px) {
  .prosa-aktion .btn {
    width: 100%;
  }
}
.prosa-aktion--mitte {
  justify-content: center;
}
.fragenliste {
  margin: 0 0 24px;
}
.fragenliste dt {
  margin-top: 24px;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #151412;
}
.fragenliste dd {
  margin: 8px 0 0;
  font-size: 18px;
  line-height: 1.65;
  color: #1C1B19;
}
.punkte {
  margin: 48px 0 0;
  padding: 0;
  list-style: none;
}
.punkt {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 0 24px;
  padding: 28px 0;
  border-top: 1px solid #E6E3DD;
}
.punkt:last-child {
  border-bottom: 1px solid #E6E3DD;
}
@media (max-width: 575.98px) {
  .punkt {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    padding: 22px 0;
  }
}
.punkt-nr {
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: #0E6C96;
  padding-top: 0.55em;
}
@media (max-width: 575.98px) {
  .punkt-nr {
    padding-top: 0;
  }
}
.punkt-text h3 {
  margin: 0;
}
.punkt-text p {
  margin: 8px 0 0;
  max-width: 74ch;
  font-size: 16px;
  line-height: 1.65;
  color: #6F6C66;
}
.longform .longform-grid--medien {
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  align-items: center;
}
.longform .longform-grid--medien .longform-spalte {
  min-width: 0;
}
.longform .longform-grid--medien .longform-kopf {
  position: static;
}
.longform .longform-grid--medien .section-head {
  margin-bottom: 0;
}
.longform .longform-grid--medien .longform-body {
  margin-top: 28px;
}
@media (max-width: 991.98px) {
  .longform .longform-grid--medien {
    grid-template-columns: minmax(0, 1fr);
  }
}
.longform-bild {
  container-type: inline-size;
  align-self: start;
  position: sticky;
  top: 128px;
  display: grid;
  margin: 0;
  padding: 0;
}
.longform-bild figcaption {
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.5;
  color: #6F6C66;
}
@media (max-width: 991.98px) {
  .longform-bild {
    position: static;
    width: min(520px, 100%);
    margin-top: 8px;
  }
}
.ablauf-raster--vier {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 991.98px) {
  .ablauf-raster--vier {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575.98px) {
  .ablauf-raster--vier {
    grid-template-columns: minmax(0, 1fr);
  }
}
.faq-liste {
  max-width: 920px;
  margin: 48px auto 0;
  border-radius: 16px;
  overflow: hidden;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD;
}
.faq-eintrag + .faq-eintrag {
  border-top: 1px solid #E6E3DD;
}
.faq-eintrag summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 26px;
  cursor: pointer;
  list-style: none;
  transition: background-color 250ms cubic-bezier(0.25, 1, 0.5, 1);
}
.faq-eintrag summary:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.faq-eintrag summary:focus-visible {
  outline-offset: -3px;
}
.faq-eintrag summary::-webkit-details-marker {
  display: none;
}
.faq-eintrag summary::marker {
  content: "";
}
.faq-eintrag summary:hover {
  background-color: #FAFAFA;
}
@media (max-width: 575.98px) {
  .faq-eintrag summary {
    padding: 18px 20px;
    gap: 16px;
  }
}
.faq-eintrag[open] > summary {
  background-color: #FAFAFA;
}
.faq-frage {
  margin: 0;
  font-weight: 600;
  line-height: 1.35;
  color: #151412;
}
.faq-zeichen {
  flex: none;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: #E8F6FD;
  color: #0E6C96;
  transition: transform 300ms cubic-bezier(0.25, 1, 0.5, 1), background-color 250ms cubic-bezier(0.25, 1, 0.5, 1), color 250ms cubic-bezier(0.25, 1, 0.5, 1);
}
.faq-zeichen i {
  font-size: 15px;
}
.faq-eintrag[open] .faq-zeichen {
  transform: rotate(45deg);
  background-color: #2AB7F1;
  color: #151412;
}
.faq-inhalt {
  padding: 22px 26px 34px;
}
.faq-inhalt p {
  margin: 0 0 18px;
  font-size: 18px;
  line-height: 1.7;
  color: #1C1B19;
}
.faq-inhalt h3 {
  margin: 28px 0 10px;
  font-size: 18px;
  font-weight: 600;
}
.faq-inhalt ul {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}
.faq-inhalt ul li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.65;
  color: #1C1B19;
}
.faq-inhalt ul li::before {
  content: "";
  position: absolute;
  top: 0.66em;
  left: 2px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #2AB7F1;
}
.faq-inhalt ul li b {
  color: #151412;
}
.faq-inhalt a {
  color: #0E6C96;
}
.faq-inhalt dl {
  margin: 0 0 20px;
}
.faq-inhalt dt {
  margin-top: 20px;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #151412;
}
.faq-inhalt dd {
  margin: 6px 0 0;
  font-size: 18px;
  line-height: 1.65;
  color: #6F6C66;
}
.faq-inhalt > :last-child {
  margin-bottom: 0;
}
@media (max-width: 575.98px) {
  .faq-inhalt {
    padding: 16px 20px 26px;
  }
  .faq-inhalt p, .faq-inhalt li, .faq-inhalt dd {
    font-size: 16px;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .faq-eintrag[open] .faq-inhalt {
    animation: faq-auf 300ms cubic-bezier(0.25, 1, 0.5, 1) both;
  }
}
@keyframes faq-auf {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.faq-eintrag[id] {
  scroll-margin-top: 110px;
}
.rm-raster {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: 48px 0 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 1199.98px) {
  .rm-raster {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .rm-raster {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 479.98px) {
  .rm-raster {
    grid-template-columns: minmax(0, 1fr);
  }
}
.rm-kachel {
  position: relative;
  display: grid;
  align-content: start;
  gap: 6px;
  height: 100%;
  overflow: hidden;
  padding: 22px 20px 20px;
  border-radius: 16px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD;
  transition: box-shadow 300ms cubic-bezier(0.25, 1, 0.5, 1), transform 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
.rm-kachel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #2AB7F1;
}
.rm-kachel:hover {
  transform: translateY(-3px);
  box-shadow: 0 0 0 1px #D6D2CA, 0 24px 44px -34px rgba(14, 34, 52, 0.5);
}
.rm-kachel b, .rm-kachel h3 {
  margin: 0;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  color: #151412;
}
.rm-nr {
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: #0E6C96;
}
.rm-text {
  font-size: 16px;
  line-height: 1.55;
  color: #6F6C66;
}
.longform-bild > img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 16px;
  box-shadow: 0 0 0 1px #E6E3DD, 0 24px 48px -32px rgba(14, 34, 52, 0.45);
}
.longform .longform-grid--gedreht {
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
}
.longform .longform-grid--gedreht .longform-spalte {
  order: 2;
}
.longform .longform-grid--gedreht .longform-bild {
  order: 1;
}
@media (max-width: 991.98px) {
  .longform .longform-grid--gedreht {
    grid-template-columns: minmax(0, 1fr);
  }
  .longform .longform-grid--gedreht .longform-spalte {
    order: 1;
  }
  .longform .longform-grid--gedreht .longform-bild {
    order: 2;
  }
}
.longform-bild {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-content: center;
}
.longform-bild .hero-search {
  min-height: 0;
  max-width: none;
}
.longform .longform-grid--foto .longform-kopf {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 30px;
  height: 100%;
  position: static;
}
@media (max-width: 991.98px) {
  .longform .longform-grid--foto .longform-kopf {
    display: block;
    height: auto;
  }
}
@media (min-width: 992px) {
  .longform-grid--foto .longform-foto:has(img) {
    align-self: start;
    position: sticky;
    top: 128px;
    aspect-ratio: 1.6;
  }
}
.awd {
  container-type: inline-size;
  overflow: hidden;
  border-radius: 24px;
  background: radial-gradient(60% 90% at 88% 0%, rgba(42, 183, 241, 0.18) 0%, rgba(42, 183, 241, 0) 70%), linear-gradient(180deg, #14181C 0%, #0B0B0A 100%);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 24px 48px -34px rgba(14, 34, 52, 0.6);
}
.awd-kopf {
  display: flex;
  align-items: center;
  gap: 2.4cqw;
  padding: 3.4cqw 4cqw;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.awd-marke {
  display: inline-flex;
  align-items: center;
  gap: 1.6cqw;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 2.8cqw;
  font-weight: 600;
  color: #FFFFFF;
}
.awd-marke i {
  font-size: 3cqw;
  color: #2AB7F1;
}
.awd-stand {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 1cqw;
  padding: 1cqw 2.2cqw;
  border-radius: 999px;
  background-color: rgba(42, 183, 241, 0.14);
  box-shadow: inset 0 0 0 1px rgba(42, 183, 241, 0.3);
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 1.9cqw;
  color: #2AB7F1;
}
.awd-raum {
  display: grid;
  grid-template-columns: 34% minmax(0, 1fr);
  gap: 3cqw;
  padding: 3.4cqw 4cqw;
}
.awd-spalte {
  display: grid;
  align-content: start;
  gap: 1.4cqw;
}
.awd-punkt {
  display: flex;
  align-items: center;
  gap: 1.4cqw;
  padding: 1.6cqw 2cqw;
  border-radius: 1.8cqw;
  font-size: 2cqw;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.62);
}
.awd-punkt i {
  font-size: 2.2cqw;
}
.awd-punkt.is-aktiv {
  background-color: rgba(255, 255, 255, 0.07);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}
.awd-liste {
  display: grid;
  align-content: start;
  gap: 1.6cqw;
}
.awd-zeile {
  display: flex;
  align-items: center;
  gap: 2cqw;
  padding: 2.2cqw 2.6cqw;
  border-radius: 1.8cqw;
  background-color: rgba(255, 255, 255, 0.05);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}
.awd-zeile b {
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 2cqw;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.86);
}
.awd-zeile em {
  margin-left: auto;
  padding: 0.8cqw 2cqw;
  border-radius: 999px;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 1.8cqw;
  font-style: normal;
  white-space: nowrap;
}
.awd-zeile--aktiv {
  box-shadow: inset 0 0 0 1px rgba(42, 183, 241, 0.42);
}
.awd-marke-fertig {
  background-color: rgba(42, 183, 241, 0.14);
  color: #2AB7F1;
}
.awd-marke-arbeit {
  background-color: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}
.awd-marke-offen {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);
  color: rgba(255, 255, 255, 0.55);
}
.awd-fuss {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6cqw;
  margin: 0;
  padding: 3cqw 4cqw;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.awd-fuss span {
  padding: 1cqw 2.2cqw;
  border-radius: 999px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 1.8cqw;
  color: rgba(255, 255, 255, 0.6);
}
.red {
  container-type: inline-size;
  overflow: hidden;
  border-radius: 24px;
  background-color: #f7f7f7;
  box-shadow: 0 0 0 1px rgba(21, 20, 18, 0.06), 0 24px 48px -34px rgba(14, 34, 52, 0.45);
}
.red-kopf {
  display: flex;
  align-items: center;
  gap: 2.4cqw;
  padding: 3.4cqw 4cqw;
  border-bottom: 1px solid #E6E3DD;
  background-color: #FFFFFF;
}
.red-marke {
  display: inline-flex;
  align-items: center;
  gap: 1.6cqw;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 2.8cqw;
  font-weight: 600;
  color: #151412;
}
.red-marke i {
  font-size: 3cqw;
  color: #0E6C96;
}
.red-stand {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 1cqw;
  padding: 1cqw 2.2cqw;
  border-radius: 999px;
  background-color: #E8F6FD;
  box-shadow: inset 0 0 0 1px rgba(42, 183, 241, 0.3);
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 1.9cqw;
  color: #0E6C96;
}
.red-raum {
  display: grid;
  grid-template-columns: 34% minmax(0, 1fr);
  gap: 3cqw;
  padding: 3.4cqw 4cqw;
}
.red-spalte {
  display: grid;
  align-content: start;
  gap: 1.4cqw;
}
.red-punkt {
  display: flex;
  align-items: center;
  gap: 1.4cqw;
  padding: 1.6cqw 2cqw;
  border-radius: 1.8cqw;
  font-size: 2cqw;
  line-height: 1.2;
  color: #6F6C66;
}
.red-punkt i {
  font-size: 2.2cqw;
}
.red-punkt.is-aktiv {
  background-color: #FFFFFF;
  box-shadow: inset 0 0 0 1px #E6E3DD;
  color: #151412;
}
.red-blatt {
  display: grid;
  align-content: start;
  gap: 1.6cqw;
}
.red-feld {
  display: grid;
  gap: 0.6cqw;
  padding: 2cqw 2.6cqw;
  border-radius: 1.8cqw;
  background-color: #FFFFFF;
  box-shadow: inset 0 0 0 1px rgba(42, 183, 241, 0.35);
}
.red-feld em {
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 1.7cqw;
  font-style: normal;
  letter-spacing: 0.04em;
  color: #6F6C66;
}
.red-feld b {
  font-size: 2.3cqw;
  font-weight: 600;
  color: #151412;
}
.red-block {
  display: flex;
  align-items: center;
  gap: 1.6cqw;
  padding: 2.2cqw 2.6cqw;
  border-radius: 1.8cqw;
  background-color: #FFFFFF;
  box-shadow: inset 0 0 0 1px #E6E3DD;
  font-size: 2cqw;
  color: #1C1B19;
}
.red-block i {
  font-size: 2.2cqw;
  color: #6F6C66;
}
.red-fuss {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6cqw;
  margin: 0;
  padding: 3cqw 4cqw;
  border-top: 1px solid #E6E3DD;
  background-color: #FFFFFF;
}
.red-fuss span {
  padding: 1cqw 2.2cqw;
  border-radius: 999px;
  box-shadow: inset 0 0 0 1px #E6E3DD;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 1.8cqw;
  color: #6F6C66;
}
.rgl {
  container-type: inline-size;
}
.rgl-liste {
  display: grid;
  gap: 1.6cqw;
  padding: 3.4cqw;
  background-color: #FFFFFF;
}
.rgl-zeile {
  display: grid;
  grid-template-columns: 7cqw minmax(0, 1fr);
  align-items: center;
  gap: 0 2.6cqw;
  padding: 2.4cqw 2.6cqw;
  border-radius: 2.2cqw;
  background-color: #FAF9F7;
}
.rgl-nr {
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 2.2cqw;
  letter-spacing: 0.06em;
  color: #D6D2CA;
}
.rgl-geist {
  display: grid;
  gap: 1.4cqw;
}
.rgl-geist b, .rgl-geist em {
  display: block;
  width: var(--b, 60%);
  height: 1.8cqw;
  border-radius: 999px;
  background-color: #E6E3DD;
}
.rgl-geist em {
  height: 2.4cqw;
  background-color: #dfe3e8;
}
.rgl-zeile--wir {
  grid-template-columns: 7cqw 6cqw minmax(0, 1fr) 6cqw;
  background-color: #E8F6FD;
  box-shadow: inset 0 0 0 0.3cqw rgba(42, 183, 241, 0.55);
}
.rgl-zeile--wir .rgl-nr {
  color: #0E6C96;
}
.rgl-fav {
  display: grid;
  place-items: center;
  width: 6cqw;
  height: 6cqw;
  border-radius: 50%;
  background-color: #FFFFFF;
  color: #6F6C66;
}
.rgl-fav i {
  font-size: 3cqw;
}
.rgl-text {
  display: grid;
  gap: 0.6cqw;
  line-height: 1.25;
}
.rgl-text b {
  font-size: 2.8cqw;
  font-weight: 600;
  color: #151412;
}
.rgl-text em {
  font-size: 2.2cqw;
  font-style: normal;
  color: #0E6C96;
}
.rgl-pfeil {
  display: grid;
  place-items: center;
  width: 6cqw;
  height: 6cqw;
  border-radius: 50%;
  background-color: #2AB7F1;
  color: #151412;
}
.rgl-pfeil i {
  font-size: 4cqw;
}
.rgl-fuss {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6cqw;
  margin: 0;
  padding: 3cqw 3.4cqw;
  border-top: 1px solid #E6E3DD;
  background-color: #f7f7f7;
}
.rgl-fuss span {
  padding: 1.2cqw 2.4cqw;
  border-radius: 999px;
  background-color: #FFFFFF;
  box-shadow: inset 0 0 0 1px #E6E3DD;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 2cqw;
  color: #6F6C66;
}
.zh-referenzen .logo-slider {
  margin-top: 48px;
  margin-bottom: 8px;
}
.references-close--zh {
  grid-template-columns: minmax(0, 1fr);
  gap: 28px;
  text-align: center;
}
.references-close--zh .rc-text {
  max-width: 60ch;
  margin-inline: auto;
}
.references-close--zh .rc-title {
  font-size: clamp(26px, calc(23.6296296296px + 0.7407407407vw), 34px);
}
.references-close--zh .rc-lead {
  margin-bottom: 0;
}
.references-close--zh .rc-karte {
  padding: 0;
  background: none;
  box-shadow: none;
}
.references-close--zh .rc-liste {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 30px;
  text-align: center;
}
.references-close--zh .rc-liste li {
  position: relative;
  overflow: hidden;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 28px 20px 26px;
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 0.05);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}
.references-close--zh .rc-liste li + li {
  border-top: 0;
  border-left: 0;
  padding-left: 20px;
}
.references-close--zh .rc-liste li:not(:last-child) {
  padding-right: 20px;
}
.references-close--zh .rc-liste .rc-nr {
  display: none;
}
.references-close--zh .rc-liste .rc-zeichen {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 13px;
  background-color: rgba(42, 183, 241, 0.14);
  box-shadow: inset 0 0 0 1px rgba(42, 183, 241, 0.28);
  color: #2AB7F1;
  font-size: 19px;
  line-height: 1;
}
.references-close--zh .rc-liste .rc-sache {
  align-items: center;
  gap: 6px;
  text-wrap: balance;
}
.references-close--zh .rc-aktionen {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}
.references-close--zh .rc-text, .references-close--zh .rc-karte {
  position: relative;
}
@media (max-width: 767.98px) {
  .references-close--zh {
    text-align: left;
  }
  .references-close--zh .rc-liste {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    text-align: left;
  }
  .references-close--zh .rc-liste li {
    flex-direction: row;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
  }
  .references-close--zh .rc-liste li + li {
    padding-left: 18px;
  }
  .references-close--zh .rc-liste li:not(:last-child) {
    padding-right: 18px;
  }
  .references-close--zh .rc-liste .rc-zeichen {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    font-size: 17px;
  }
  .references-close--zh .rc-liste .rc-sache {
    align-items: flex-start;
    text-wrap: initial;
  }
  .references-close--zh .rc-aktionen .btn {
    flex: 1 1 100%;
    min-width: 0;
    justify-content: center;
    white-space: normal;
    text-align: center;
  }
}
.zh-intro-satz {
  margin: 0 0 20px;
  max-width: 20ch;
}
.erfolg-karten {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  margin: 40px 0 0;
  padding: 0;
  list-style: none;
}
.erfolg-karten li {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 22px 18px 20px;
  border-radius: 16px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD;
  font-size: 16px;
  line-height: 1.5;
  color: #151412;
}
.erfolg-karten .erfolg-zeichen {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background-color: #E8F6FD;
  color: #0E6C96;
  font-size: 18px;
  line-height: 1;
}
@media (max-width: 1199.98px) {
  .erfolg-karten {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575.98px) {
  .erfolg-karten {
    grid-template-columns: minmax(0, 1fr);
  }
}
.punkt-fall {
  margin: 0;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.005em;
  color: #151412;
  font-size: clamp(21px, calc(19.5185185185px + 0.462962963vw), 26px);
}
.erfolg-schluss {
  position: relative;
  overflow: hidden;
  max-width: 820px;
  margin: 56px auto 0;
  padding: 44px 48px 40px;
  border-radius: 16px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD;
  text-align: center;
}
.erfolg-schluss::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #2AB7F1;
}
.erfolg-schluss p {
  max-width: 62ch;
  margin: 0 auto 1.6em;
  font-size: 18px;
  line-height: 1.6;
  color: #1C1B19;
}
.erfolg-schluss > :last-child {
  margin-bottom: 0;
}
.erfolg-schluss .erfolg-claim {
  margin-bottom: 24px;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.3;
  letter-spacing: -0.005em;
  color: #151412;
  font-size: clamp(21px, calc(19.5185185185px + 0.462962963vw), 26px);
}
.erfolg-schluss .erfolg-claim strong {
  font-weight: 400;
}
.erfolg-schluss .prosa-aktion {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
@media (max-width: 575.98px) {
  .erfolg-schluss {
    padding: 32px 24px 28px;
  }
}
.dash {
  display: grid;
  gap: 0;
  height: 100%;
  min-height: 260px;
  align-content: start;
  background-color: #FFFFFF;
}
@media (max-width: 991.98px) {
  .dash {
    min-height: 0;
  }
}
.dash-leiste {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 18px;
  border-bottom: 1px solid #E6E3DD;
  background-color: #FAFAFA;
}
.dash-punkte {
  display: flex;
  gap: 5px;
}
.dash-punkte i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #D6D2CA;
}
.dash-name {
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6F6C66;
}
.dash-zeitraum {
  margin-left: auto;
  padding: 3px 10px;
  border-radius: 9999px;
  background-color: #E8F6FD;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  color: #0E6C96;
}
.dash-kopf {
  padding: 20px 20px 0;
}
@media (max-width: 575.98px) {
  .dash-kopf {
    padding: 16px 16px 0;
  }
}
.dash-wert {
  display: block;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.012em;
  color: #151412;
  font-size: clamp(30px, calc(25.8518518519px + 1.2962962963vw), 44px);
}
.dash-label {
  display: block;
  margin-top: 2px;
  font-size: 14px;
  color: #6F6C66;
}
.dash-kurve {
  position: relative;
  margin-top: 8px;
  padding: 0 20px;
}
.dash-kurve svg {
  display: block;
  width: 100%;
  height: 112px;
  overflow: visible;
}
@media (max-width: 575.98px) {
  .dash-kurve {
    padding: 0 16px;
  }
  .dash-kurve svg {
    height: 92px;
  }
}
.dash-flaeche {
  fill: url(#dashVerlauf);
  opacity: 1;
}
.dash-linie {
  fill: none;
  stroke: #2AB7F1;
  stroke-width: 2.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 340;
  stroke-dashoffset: 0;
}
.dash-ende {
  position: absolute;
  top: 8px;
  right: 20px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #2AB7F1;
  box-shadow: 0 0 0 4px rgba(42, 183, 241, 0.22);
}
@media (max-width: 575.98px) {
  .dash-ende {
    right: 16px;
  }
}
.dash-achse {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  padding: 0 20px;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  color: #6F6C66;
}
@media (max-width: 575.98px) {
  .dash-achse {
    padding: 0 16px;
  }
}
.dash-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
  padding: 16px 20px 20px;
  border-top: 1px solid #E6E3DD;
}
@media (max-width: 575.98px) {
  .dash-chips {
    padding: 14px 16px 16px;
  }
}
.dash-chip {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 5px 12px 5px 8px;
  border-radius: 9999px;
  background-color: #E8F6FD;
  font-size: 14px;
  color: #0E6C96;
}
.dash-chip i {
  font-size: 16px;
}
@media (prefers-reduced-motion: no-preference) {
  .js-reveal.is-armed:not(.is-visible) .dash-linie {
    stroke-dashoffset: 340;
  }
  .js-reveal.is-armed:not(.is-visible) .dash-flaeche, .js-reveal.is-armed:not(.is-visible) .dash-ende, .js-reveal.is-armed:not(.is-visible) .dash-chip {
    opacity: 0;
  }
  .js-reveal.is-visible .dash-linie {
    animation: dash-zeichnen 1600ms cubic-bezier(0.25, 1, 0.5, 1) forwards;
  }
  .js-reveal.is-visible .dash-flaeche {
    animation: dash-auf 700ms cubic-bezier(0.25, 1, 0.5, 1) forwards 900ms;
  }
  .js-reveal.is-visible .dash-ende {
    animation: dash-aufpoppen 420ms cubic-bezier(0.25, 1, 0.5, 1) forwards 1500ms;
  }
  .js-reveal.is-visible .dash-chip {
    animation: dash-einfahren 420ms cubic-bezier(0.25, 1, 0.5, 1) forwards 1700ms;
  }
  .js-reveal.is-visible .dash-chip:last-child {
    animation-delay: 1820ms;
  }
}
@keyframes dash-zeichnen {
  from {
    stroke-dashoffset: 340;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes dash-auf {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes dash-aufpoppen {
  from {
    opacity: 0;
    transform: scale(0.4);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes dash-einfahren {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.longform-foto--flaeche {
  align-self: start;
}
.longform-foto {
  margin: 0;
  overflow: hidden;
  border-radius: 24px;
  box-shadow: 0 0 0 1px #E6E3DD, 0 30px 60px -44px rgba(14, 34, 52, 0.5);
}
.longform-foto img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 260px;
  object-fit: cover;
}
@media (max-width: 991.98px) {
  .longform-foto {
    margin-top: 32px;
  }
  .longform-foto img {
    height: auto;
    min-height: 0;
    aspect-ratio: 1.5;
  }
}
.longform .teil--text {
  padding: 30px 30px 28px;
}
.longform .teil--text .ablauf-zeichen + h3, .longform .teil--text .ablauf-zeichen + .teil-titel {
  margin-top: 14px;
}
.longform .teil--text h3, .longform .teil--text .teil-titel {
  margin: 0 0 10px;
}
.longform .teil--text p {
  margin: 0 0 16px;
  font-size: 16px;
  line-height: 1.65;
  color: #6F6C66;
}
.longform .teil--text p:last-child {
  margin-bottom: 0;
}
.longform .teil--text .teil-titel {
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.005em;
  color: #151412;
  font-size: clamp(21px, calc(19.5185185185px + 0.462962963vw), 26px);
}
.longform .teil--text .ablauf-zeichen + p {
  margin-top: 14px;
}
.longform .teil--text .schritt-felder {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}
.longform .teil--text .schritt-felder li {
  padding: 5px 12px;
  border-radius: 999px;
  background-color: #E8F6FD;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  color: #0E6C96;
}
@media (max-width: 575.98px) {
  .longform .teil--text {
    padding: 24px 22px 22px;
  }
}
.longform .longform-text--buendig, .longform .longform-body--buendig {
  padding-top: 28px;
}
@media (max-width: 991.98px) {
  .longform .longform-text--buendig, .longform .longform-body--buendig {
    padding-top: 0;
  }
}
.longform .longform-text > .eyebrow--platzhalter, .longform .longform-body > .eyebrow--platzhalter {
  visibility: hidden;
  margin-top: 0;
  margin-bottom: 3px;
}
@media (max-width: 991.98px) {
  .longform .longform-text > .eyebrow--platzhalter, .longform .longform-body > .eyebrow--platzhalter {
    display: none;
  }
}
.punkt {
  grid-template-columns: 40px 400px minmax(0, 1fr);
  gap: 0 28px;
  align-items: start;
  padding: 26px 0;
}
@media (max-width: 991.98px) {
  .punkt {
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 0 24px;
  }
  .punkt .punkt-titel {
    grid-column: 2;
  }
  .punkt .punkt-text {
    grid-column: 2;
    margin-top: 8px;
  }
}
@media (max-width: 575.98px) {
  .punkt {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
  }
  .punkt .punkt-titel, .punkt .punkt-text {
    grid-column: 1;
  }
  .punkt .punkt-text {
    margin-top: 0;
  }
}
.punkt-titel h3 {
  margin: 0;
}
.punkt-text p {
  margin: 0;
  max-width: 64ch;
}
.punkt-text p + p {
  margin-top: 12px;
}
.punkt-text .teil-punkte {
  margin-top: 12px;
}
.ablauf .ablauf-grid {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
  gap: 0 80px;
  align-items: start;
}
@media (max-width: 1199.98px) {
  .ablauf .ablauf-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
  }
}
.ablauf .ablauf-kopf .section-head {
  margin-bottom: 0;
}
.ablauf .ablauf-kopf .longform-auftakt {
  margin-top: 30px;
}
@media (min-width: 1200px) {
  .ablauf .ablauf-kopf {
    position: sticky;
    top: 120px;
  }
}
.ablauf .process {
  max-width: none;
  margin-top: 0;
}
.ablauf .process-steps {
  --spur: 40px;
}
.ablauf .process-steps::before, .ablauf .process-steps::after {
  top: 20px;
  bottom: 58px;
}
.ablauf .process-steps::before {
  background-color: #E6E3DD;
}
@media (max-width: 767.98px) {
  .ablauf .process-steps {
    --spur: 22px;
  }
}
.ablauf .process-step {
  gap: 24px;
  padding-bottom: 28px;
}
.ablauf .process-step:last-child {
  padding-bottom: 0;
}
@media (max-width: 767.98px) {
  .ablauf .process-step {
    gap: 14px;
    padding-bottom: 20px;
  }
}
.ablauf .process-jahr {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  padding: 0;
  border-radius: 50%;
  background-color: #FFFFFF;
  box-shadow: inset 0 0 0 2px #D6D2CA;
}
@media (max-width: 767.98px) {
  .ablauf .process-jahr {
    width: 34px;
    height: 34px;
    font-size: 12px;
  }
}
.ablauf .process-step:not(.is-active) .process-karte {
  opacity: 0.45;
}
.ablauf .process-karte {
  transition: opacity 500ms cubic-bezier(0.25, 1, 0.5, 1), box-shadow 400ms cubic-bezier(0.25, 1, 0.5, 1), transform 400ms cubic-bezier(0.25, 1, 0.5, 1);
}
@media (prefers-reduced-motion: reduce) {
  .ablauf .process-step:not(.is-active) .process-karte {
    opacity: 1;
  }
}
.ablauf .process-step.is-active .process-jahr {
  background-color: #151412;
  box-shadow: inset 0 0 0 2px #151412, 0 0 0 5px rgba(42, 183, 241, 0.16);
  color: #FFFFFF;
}
.ablauf .process-karte {
  position: relative;
  display: grid;
  gap: 0;
  align-content: start;
  padding: 26px 28px 24px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD;
  transition: box-shadow 400ms cubic-bezier(0.25, 1, 0.5, 1), transform 400ms cubic-bezier(0.25, 1, 0.5, 1);
}
.ablauf .process-karte h3 {
  padding-right: 56px;
  margin: 8px 0 12px;
}
@media (max-width: 767.98px) {
  .ablauf .process-karte {
    padding: 22px 22px 20px;
    min-height: 0;
  }
}
.ablauf .process-step.is-active .process-karte {
  box-shadow: 0 0 0 1px rgba(42, 183, 241, 0.5), 0 24px 46px -34px rgba(14, 34, 52, 0.5);
  transform: translateY(-2px);
}
.schritt-label {
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #6F6C66;
}
.is-active .schritt-label {
  color: #0E6C96;
}
.schritt-felder {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}
.schritt-felder li {
  padding: 5px 12px;
  border-radius: 9999px;
  background-color: #FAF9F7;
  box-shadow: inset 0 0 0 1px #E6E3DD;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.04em;
  color: #1C1B19;
}
.schritt-zeichen {
  position: absolute;
  top: 22px;
  right: 22px;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 13px;
  background-color: #E8F6FD;
  color: #0E6C96;
  transition: background-color 400ms cubic-bezier(0.25, 1, 0.5, 1), color 400ms cubic-bezier(0.25, 1, 0.5, 1);
}
.schritt-zeichen i {
  font-size: 19px;
}
.is-active .schritt-zeichen {
  background-color: #2AB7F1;
  color: #151412;
}
@media (max-width: 767.98px) {
  .schritt-zeichen {
    display: none;
  }
}
.stimmen-schieber {
  margin-top: 48px;
}
.stimmen-raster {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  padding: 8px 0 20px;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
}
.stimmen-raster:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.stimmen-raster::-webkit-scrollbar {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  .stimmen-raster {
    scroll-behavior: auto;
  }
}
.stimme {
  position: relative;
  flex: 0 0 calc((100% - 40px) / 3);
  scroll-snap-align: start;
  overflow: hidden;
  margin: 0;
  padding: 26px 28px;
  border-radius: 16px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD;
  transition: box-shadow 300ms cubic-bezier(0.25, 1, 0.5, 1), transform 300ms cubic-bezier(0.25, 1, 0.5, 1);
}
@media (max-width: 1199.98px) {
  .stimme {
    flex-basis: calc((100% - 20px) / 2);
  }
}
@media (max-width: 767.98px) {
  .stimme {
    flex-basis: 100%;
  }
}
.stimme::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #2AB7F1;
}
.stimme:hover {
  transform: translateY(-3px);
  box-shadow: 0 0 0 1px #D6D2CA, 0 24px 48px -36px rgba(14, 34, 52, 0.5);
}
.stimme blockquote {
  margin: 0;
}
.stimme p {
  margin: 0 0 14px;
  font-size: 16px;
  line-height: 1.65;
  color: #6F6C66;
}
.stimme p:last-child {
  margin-bottom: 0;
}
.stimme-oben {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
.stimme-zeichen {
  font-size: 30px;
  line-height: 1;
  color: #E8F6FD;
}
.stimme-zeichen i {
  display: block;
}
.stimme-sterne {
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.08em;
  color: #F5B50A;
}
.schieber-steuerung {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 6px;
}
.schieber-fortschritt {
  flex: 1;
  height: 3px;
  border-radius: 2px;
  background-color: #E6E3DD;
  overflow: hidden;
}
.schieber-fortschritt i {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background-color: #2AB7F1;
  transition: width 200ms cubic-bezier(0.25, 1, 0.5, 1);
}
.schieber-knopf {
  flex: none;
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD;
  color: #151412;
  cursor: pointer;
  transition: background-color 250ms cubic-bezier(0.25, 1, 0.5, 1), box-shadow 250ms cubic-bezier(0.25, 1, 0.5, 1), opacity 250ms cubic-bezier(0.25, 1, 0.5, 1);
}
.schieber-knopf:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.schieber-knopf i {
  font-size: 17px;
}
.schieber-knopf:hover:not(:disabled) {
  background-color: #2AB7F1;
  box-shadow: 0 0 0 1px #2AB7F1;
}
.schieber-knopf:disabled {
  opacity: 0.35;
  cursor: default;
}
.stimme-kopf {
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 18px !important;
  font-weight: 600;
  line-height: 1.35;
  color: #151412 !important;
}
.stimme figcaption {
  display: grid;
  gap: 4px;
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid #E6E3DD;
}
.stimme figcaption b {
  font-size: 16px;
  font-weight: 600;
  color: #151412;
}
.stimme figcaption span {
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  line-height: 1.45;
  letter-spacing: 0.04em;
  color: #6F6C66;
}
.punkt-ergebnis {
  margin-top: 10px !important;
  color: #0E6C96 !important;
}
.punkt-ergebnis b {
  color: #0E6C96;
}
.sg {
  margin: 20px 0 0;
  padding: 16px 18px;
  border-radius: 16px;
  background-color: #FAF9F7;
  box-shadow: inset 0 0 0 1px #E6E3DD;
  list-style: none;
}
@media (max-width: 575.98px) {
  .sg {
    padding: 14px;
  }
}
.sg-balken {
  display: grid;
  gap: 9px;
}
.sg-balken li {
  display: grid;
  grid-template-columns: 98px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  font-size: 14px;
  color: #1C1B19;
}
@media (max-width: 575.98px) {
  .sg-balken li {
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 8px;
  }
}
.sg-bar {
  height: 5px;
  border-radius: 99px;
  background-color: #E4E1DB;
  overflow: hidden;
}
.sg-bar i {
  display: block;
  width: 0;
  height: 100%;
  border-radius: 99px;
  background-color: #2AB7F1;
}
.sg-rang {
  display: grid;
  gap: 7px;
  padding: 14px;
}
.sg-rang li {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 9px 13px;
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD;
  font-size: 14px;
  color: #151412;
  opacity: 0;
  transform: translateY(8px);
}
.sg-nr {
  display: grid;
  place-items: center;
  flex: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #2AB7F1;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 11px;
  color: #151412;
}
.sg-schalter {
  display: grid;
  gap: 7px;
  padding: 14px;
}
.sg-schalter li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 9px 13px;
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD;
  font-size: 14px;
  color: #151412;
}
.sg-knopf {
  position: relative;
  flex: none;
  width: 36px;
  height: 20px;
  border-radius: 99px;
  background-color: #DCD8D1;
  transition: background-color 400ms cubic-bezier(0.25, 1, 0.5, 1);
}
.sg-knopf::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #FFFFFF;
  transition: transform 400ms cubic-bezier(0.25, 1, 0.5, 1);
}
.sg-kurve {
  margin: 20px 0 0;
}
.sg-kurve svg {
  display: block;
  width: 100%;
  height: 90px;
}
.sg-kurve .sg-flaeche {
  fill: rgba(42, 183, 241, 0.12);
  opacity: 0;
  transition: opacity 700ms cubic-bezier(0.25, 1, 0.5, 1) 0.5s;
}
.sg-kurve .sg-linie {
  fill: none;
  stroke: #2AB7F1;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-dasharray: 420;
  stroke-dashoffset: 420;
}
.sg-kurve figcaption {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2px 10px;
  margin-top: 8px;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.04em;
  color: #6F6C66;
}
.sg-takt {
  display: flex;
  align-items: flex-end;
  gap: 5px;
  height: 78px;
  padding: 14px;
}
.sg-takt li {
  flex: 1;
  height: 0;
  border-radius: 3px 3px 0 0;
  background-color: rgba(42, 183, 241, 0.45);
}
.sg-takt li:last-child {
  background-color: #2AB7F1;
}
.is-active .sg-bar i {
  animation: sg-fuellen 700ms cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
.is-active .sg-balken li:nth-child(2) .sg-bar i {
  animation-delay: 0.1s;
}
.is-active .sg-balken li:nth-child(3) .sg-bar i {
  animation-delay: 0.2s;
}
.is-active .sg-balken li:nth-child(4) .sg-bar i {
  animation-delay: 0.3s;
}
.is-active .sg-rang li {
  animation: sg-einfahren 400ms cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
.is-active .sg-rang li:nth-child(2) {
  animation-delay: 0.1s;
}
.is-active .sg-rang li:nth-child(3) {
  animation-delay: 0.2s;
}
.is-active .sg-rang li:nth-child(4) {
  animation-delay: 0.3s;
}
.is-active .sg-knopf {
  background-color: #2AB7F1;
}
.is-active .sg-knopf::after {
  transform: translateX(16px);
}
.is-active .sg-schalter li:nth-child(2) .sg-knopf, .is-active .sg-schalter li:nth-child(2) .sg-knopf::after {
  transition-delay: 0.15s;
}
.is-active .sg-schalter li:nth-child(3) .sg-knopf, .is-active .sg-schalter li:nth-child(3) .sg-knopf::after {
  transition-delay: 0.3s;
}
.is-active .sg-schalter li:nth-child(4) .sg-knopf, .is-active .sg-schalter li:nth-child(4) .sg-knopf::after {
  transition-delay: 0.45s;
}
.is-active .sg-linie {
  animation: sg-zeichnen 1.4s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
.is-active .sg-flaeche {
  opacity: 1;
}
.is-active .sg-takt li {
  animation: sg-wachsen 500ms cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
.is-active .sg-takt li:nth-child(1) {
  animation-delay: 0.055s;
}
.is-active .sg-takt li:nth-child(2) {
  animation-delay: 0.11s;
}
.is-active .sg-takt li:nth-child(3) {
  animation-delay: 0.165s;
}
.is-active .sg-takt li:nth-child(4) {
  animation-delay: 0.22s;
}
.is-active .sg-takt li:nth-child(5) {
  animation-delay: 0.275s;
}
.is-active .sg-takt li:nth-child(6) {
  animation-delay: 0.33s;
}
.is-active .sg-takt li:nth-child(7) {
  animation-delay: 0.385s;
}
.is-active .sg-takt li:nth-child(8) {
  animation-delay: 0.44s;
}
.is-active .sg-takt li:nth-child(9) {
  animation-delay: 0.495s;
}
.is-active .sg-takt li:nth-child(10) {
  animation-delay: 0.55s;
}
.is-active .sg-takt li:nth-child(11) {
  animation-delay: 0.605s;
}
.is-active .sg-takt li:nth-child(12) {
  animation-delay: 0.66s;
}
@keyframes sg-fuellen {
  to {
    width: var(--fuell, 70%);
  }
}
@keyframes sg-einfahren {
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes sg-zeichnen {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes sg-wachsen {
  to {
    height: var(--h, 50%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .sg-bar i {
    width: var(--fuell, 70%);
    animation: none;
  }
  .sg-rang li {
    opacity: 1;
    transform: none;
    animation: none;
  }
  .sg-linie {
    stroke-dashoffset: 0;
    animation: none;
  }
  .sg-flaeche {
    opacity: 1;
    transition: none;
  }
  .sg-takt li {
    height: var(--h, 50%);
    animation: none;
  }
  .sg-knopf {
    background-color: #2AB7F1;
    transition: none;
  }
  .sg-knopf::after {
    transform: translateX(16px);
    transition: none;
  }
}
.lr-register {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  gap: 48px;
  align-items: start;
  margin-top: 48px;
}
@media (max-width: 991.98px) {
  .lr-register {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
}
.lr-register--rollen {
  align-items: stretch;
}
@media (min-width: 992px) {
  .lr-register--rollen .lr-spalte {
    position: relative;
    min-height: 0;
  }
  .lr-register--rollen .lr-liste {
    position: absolute;
    inset: 0 0 auto;
    max-height: 100%;
    overflow-y: auto;
  }
  .lr-register--rollen .lr-buehne {
    align-self: start;
  }
}
.lr-liste {
  display: grid;
  align-content: start;
  gap: 2px;
  overscroll-behavior: contain;
  padding: 5px;
  border-radius: 16px;
  background-color: #f7f7f7;
  box-shadow: 0 0 0 1px rgba(21, 20, 18, 0.06), 0 18px 40px -30px rgba(14, 34, 52, 0.45);
  scrollbar-width: thin;
  scrollbar-color: #D6D2CA transparent;
}
.lr-liste::-webkit-scrollbar {
  width: 8px;
}
.lr-liste::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 4px;
  background-color: #D6D2CA;
  background-clip: padding-box;
}
.lr-liste::-webkit-scrollbar-track {
  background-color: transparent;
}
@media (max-width: 991.98px) {
  .lr-liste {
    grid-auto-flow: column;
    grid-auto-columns: 230px;
    overflow-x: auto;
    overflow-y: visible;
    scroll-snap-type: x mandatory;
  }
  .lr-liste > * {
    scroll-snap-align: start;
  }
}
.lr-knopf {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) 14px;
  align-items: start;
  gap: 0 8px;
  width: 100%;
  padding: 12px 10px 12px 12px;
  border: 0;
  border-radius: 8px;
  background-color: transparent;
  text-align: left;
  cursor: pointer;
  transition: box-shadow 220ms cubic-bezier(0.25, 1, 0.5, 1), color 220ms cubic-bezier(0.25, 1, 0.5, 1), background-color 220ms cubic-bezier(0.25, 1, 0.5, 1);
}
.lr-knopf:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.lr-knopf:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
.lr-knopf.is-active {
  background-color: #E8F6FD;
  box-shadow: inset 2px 0 0 #2AB7F1;
}
.lr-nr {
  padding-top: 2px;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.08em;
  color: #98958e;
}
.lr-knopf.is-active .lr-nr {
  color: #0E6C96;
}
.lr-text {
  font-size: 16px;
  line-height: 1.4;
  color: #6F6C66;
}
@media (max-width: 991.98px) {
  .lr-text {
    -webkit-hyphens: auto;
    hyphens: auto;
    hyphenate-limit-chars: 16 6 6;
  }
}
.lr-knopf.is-active .lr-text {
  color: #151412;
}
.lr-pfeil {
  padding-top: 2px;
  font-size: 13px;
  color: #2AB7F1;
  opacity: 0;
  transform: translateX(-4px);
  transition: opacity 220ms cubic-bezier(0.25, 1, 0.5, 1), transform 220ms cubic-bezier(0.25, 1, 0.5, 1);
}
.lr-knopf.is-active .lr-pfeil {
  opacity: 1;
  transform: none;
}
.lr-register--kurz .lr-buehne {
  min-height: 0;
}
@media (min-width: 992px) {
  .lr-register--kurz .lr-spalte {
    position: sticky;
    top: 128px;
    max-height: calc(100vh - 160px);
    overflow-y: auto;
  }
}
.lr-buehne {
  min-height: 460px;
  border-radius: 16px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px rgba(21, 20, 18, 0.06), 0 18px 40px -30px rgba(14, 34, 52, 0.45);
  overflow: hidden;
}
.lr-tafel {
  display: none;
}
.lr-tafel.is-active {
  display: block;
}
@media (prefers-reduced-motion: no-preference) {
  .lr-tafel.is-active {
    animation: fade-up 420ms cubic-bezier(0.25, 1, 0.5, 1) both;
  }
}
.lr-kopf {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  padding: 28px 44px;
  border-bottom: 1px solid #E6E3DD;
  background-color: #f7f7f7;
}
@media (max-width: 575.98px) {
  .lr-kopf {
    padding: 22px;
    gap: 14px;
    grid-template-columns: 44px minmax(0, 1fr);
  }
}
.lr-zeichen {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 8px;
  background-color: #2AB7F1;
  color: #151412;
}
.lr-zeichen i {
  font-size: 24px;
}
@media (max-width: 575.98px) {
  .lr-zeichen {
    width: 44px;
    height: 44px;
  }
  .lr-zeichen i {
    font-size: 20px;
  }
}
.lr-zaehler {
  margin: 0 0 4px;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: #0E6C96;
}
.lr-zaehler span {
  color: #6F6C66;
}
.lr-titel {
  margin: 0;
  font-size: clamp(21px, calc(19.5185185185px + 0.462962963vw), 26px);
}
.lr-inhalt {
  max-width: 68ch;
  padding: 32px 44px 40px;
}
.lr-inhalt p {
  margin: 0 0 1.6em;
  font-size: 18px;
  line-height: 1.7;
  color: #1C1B19;
}
.lr-inhalt h4 {
  margin: 28px 0 10px;
  font-size: 18px;
  font-weight: 600;
}
.lr-inhalt ul {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}
.lr-inhalt li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.65;
  color: #6F6C66;
}
.lr-inhalt li::before {
  content: "";
  position: absolute;
  top: 0.66em;
  left: 2px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #2AB7F1;
}
.lr-inhalt strong {
  color: #151412;
}
.lr-inhalt > :last-child {
  margin-bottom: 0;
}
.lr-inhalt .schritt-felder {
  margin: 24px 0 0;
}
.lr-inhalt .schritt-felder li {
  padding: 5px 12px;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.4;
}
.lr-inhalt .schritt-felder li::before {
  content: none;
}
@media (max-width: 575.98px) {
  .lr-inhalt {
    padding: 24px 22px 28px;
  }
  .lr-inhalt p, .lr-inhalt li {
    font-size: 16px;
  }
}
.prosa--dunkel p {
  color: #A3A09A;
}
.prosa--dunkel strong, .prosa--dunkel b {
  color: #FFFFFF;
}
.prosa--dunkel a {
  color: #2AB7F1;
}
.kartenliste {
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
}
.kartenliste li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.6;
  color: #1C1B19;
}
.kartenliste li::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 0.62em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #2AB7F1;
}
.kartenliste li:last-child {
  margin-bottom: 0;
}
.gegenueber {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 32px;
}
@media (max-width: 575.98px) {
  .gegenueber {
    grid-template-columns: minmax(0, 1fr);
  }
}
.gegenueber-seite {
  position: relative;
  overflow: hidden;
  padding: 30px 28px 28px;
  border-radius: 16px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD;
  display: flex;
  flex-direction: column;
}
.gegenueber-seite h3 {
  margin: 0 0 4px;
  color: #151412;
}
.gegenueber-seite p {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
  color: #1C1B19;
}
.gegenueber-seite .gegenueber-kopf {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 22px;
}
.gegenueber-seite .fensterrahmen, .gegenueber-seite .ki-antwort {
  flex: 1 1 auto;
}
.gegenueber-seite .ki-antwort--fenster {
  display: flex;
  flex-direction: column;
}
.gegenueber-seite .ki-antwort--fenster .ka-antwort {
  flex: 1 1 auto;
  align-items: flex-start;
}
.gegenueber-seite .ki-antwort--fenster .ka-quellen {
  margin-top: auto;
}
.gegenueber-seite::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #2AB7F1;
}
.gegenueber-zeichen {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 13px;
  background-color: #E8F6FD;
  color: #0E6C96;
  font-size: 19px;
  line-height: 1;
}
.rm-raster--breit {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 991.98px) {
  .rm-raster--breit {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575.98px) {
  .rm-raster--breit {
    grid-template-columns: minmax(0, 1fr);
  }
}
.ki-antwort {
  position: relative;
  overflow: hidden;
  padding: 24px 24px 20px;
  border-radius: 24px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD, 0 34px 70px -46px rgba(14, 34, 52, 0.55);
}
.ki-antwort .ka-frage {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding-bottom: 18px;
  border-bottom: 1px solid #E6E3DD;
}
.ki-antwort .ka-frage p {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
  color: #151412;
}
.ki-antwort .ka-punkt {
  flex: 0 0 auto;
  width: 10px;
  height: 10px;
  margin-top: 6px;
  border-radius: 50%;
  background-color: #D6D2CA;
}
.ki-antwort .ka-antwort {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 18px 0 16px;
}
.ki-antwort .ka-zeichen {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  background-color: #E8F6FD;
  color: #0E6C96;
  font-size: 14px;
}
.ki-antwort .ka-text {
  flex: 1 1 auto;
}
.ki-antwort .ka-satz {
  margin: 0 0 10px;
  font-size: 16px;
  line-height: 1.55;
  color: #1C1B19;
}
.ki-antwort .ka-satz:last-child {
  margin-bottom: 0;
}
.ki-antwort .ka-satz b {
  color: #151412;
}
.ki-antwort .ka-liste {
  margin: 12px 0 14px;
  padding: 0;
  list-style: none;
}
.ki-antwort .ka-liste li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 1.5;
  color: #1C1B19;
}
.ki-antwort .ka-liste li::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 0.6em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #D6D2CA;
}
.ki-antwort .ka-liste li:last-child {
  margin-bottom: 0;
}
.ki-antwort .ka-satz--stark {
  padding-left: 12px;
  border-left: 2px solid #2AB7F1;
  color: #151412;
}
.ki-antwort .ka-quellen {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 14px;
  border-top: 1px solid #E6E3DD;
}
.ki-antwort .ka-label {
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #6F6C66;
}
.ki-antwort .ka-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 24px;
  min-width: 54px;
  padding: 0 10px;
  border-radius: 999px;
  background-color: #FAFAFA;
  box-shadow: inset 0 0 0 1px #E6E3DD;
  font-size: 12px;
  color: #6F6C66;
}
.ki-antwort .ka-chip--stark {
  background-color: #E8F6FD;
  box-shadow: inset 0 0 0 1px rgba(42, 183, 241, 0.34);
  color: #0E6C96;
  font-weight: 600;
}
.ki-antwort .ka-chip--stark img {
  display: block;
  border-radius: 3px;
}
.ki-antwort--klein {
  padding: 20px 20px 16px;
}
.ki-antwort--klein .ka-frage p, .ki-antwort--klein .ka-satz {
  font-size: 14px;
}
.hero-search-fav--neutral {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #FAFAFA;
  box-shadow: inset 0 0 0 1px #E6E3DD;
  color: #6F6C66;
  font-size: 12px;
}
.geo-intro .longform-bild {
  grid-template-rows: auto auto;
  align-content: center;
}
.geo-intro .longform-bild .ki-antwort {
  display: flex;
  flex-direction: column;
}
.geo-intro .longform-bild .ki-antwort .ka-antwort {
  align-items: flex-start;
}
.geo-intro .longform-bild .ki-antwort .ka-satz {
  font-size: 18px;
}
.geo-intro .longform-bild .ki-antwort .ka-liste li {
  font-size: 18px;
}
.geo-intro .longform-bild .ki-antwort .ka-zeichen {
  width: 36px;
  height: 36px;
  border-radius: 11px;
  font-size: 16px;
}
.geo-intro .longform-bild .ki-antwort .ka-quellen {
  padding-top: 18px;
}
.merkmale {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 32px 0 0;
  padding: 0;
  list-style: none;
}
.merkmale li {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 20px;
  border-radius: 16px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD;
  font-size: 16px;
  line-height: 1.45;
  color: #151412;
}
.merkmale .merkmal-text {
  min-width: 0;
}
.merkmale .merkmal-zeichen {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  border-radius: 11px;
  background-color: #E8F6FD;
  color: #0E6C96;
  font-size: 17px;
}
@media (max-width: 1199.98px) {
  .merkmale {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575.98px) {
  .merkmale {
    grid-template-columns: minmax(0, 1fr);
  }
}
.bento {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 48px 0 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 575.98px) {
  .bento {
    grid-template-columns: minmax(0, 1fr);
  }
}
.bento-feld {
  position: relative;
  overflow: hidden;
  padding: 32px 30px 30px;
  border-radius: 24px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD, 0 30px 60px -44px rgba(14, 34, 52, 0.5);
  transition: transform 400ms cubic-bezier(0.25, 1, 0.5, 1), box-shadow 400ms cubic-bezier(0.25, 1, 0.5, 1);
}
.bento-feld::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #2AB7F1;
}
.bento-feld:hover {
  transform: translateY(-4px);
  box-shadow: 0 0 0 1px rgba(42, 183, 241, 0.35), 0 40px 70px -40px rgba(14, 34, 52, 0.55);
}
@media (min-width: 576px) {
  .bento > .bento-feld:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }
}
.bento-zeichen {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  margin-bottom: 20px;
  border-radius: 14px;
  background-color: #E8F6FD;
  box-shadow: inset 0 0 0 1px rgba(42, 183, 241, 0.22);
  color: #0E6C96;
  font-size: 21px;
}
.bento-titel {
  position: relative;
  z-index: 1;
  margin: 0 0 12px;
}
.bento-feld p.bento-titel {
  margin: 0 0 10px;
  max-width: none;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.005em;
  color: #151412;
  font-size: clamp(21px, calc(19.5185185185px + 0.462962963vw), 26px);
  margin: 0 0 12px;
}
.bento-feld p {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: 16px;
  line-height: 1.65;
  color: #1C1B19;
}
.bento-feld p + p {
  margin-top: 16px;
}
.bento-feld .kartenliste {
  margin-top: 16px;
}
.bento-feld .teil-punkte {
  position: relative;
  z-index: 1;
  margin-top: 16px;
}
.bento-feld > *:last-child {
  margin-bottom: 0;
}
.merkmale--band {
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: none;
  gap: 0;
  margin-top: 40px;
  border-top: 1px solid #E6E3DD;
  border-bottom: 1px solid #E6E3DD;
}
.merkmale--band li {
  align-items: flex-start;
  padding: 26px 28px;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  font-size: 18px;
  color: #151412;
}
.merkmale--band li + li {
  box-shadow: inset 1px 0 0 #E6E3DD;
}
.merkmale--band .merkmal-zeichen {
  background-color: transparent;
  width: auto;
  height: auto;
  font-size: 19px;
}
@media (max-width: 991.98px) {
  .merkmale--band {
    grid-auto-flow: row;
    grid-template-columns: minmax(0, 1fr);
  }
  .merkmale--band li {
    padding: 22px 0;
  }
  .merkmale--band li + li {
    box-shadow: inset 0 1px 0 #E6E3DD;
  }
}
.pakete {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 48px 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #D6D2CA;
  border-bottom: 1px solid #E6E3DD;
}
@media (max-width: 767.98px) {
  .pakete {
    grid-template-columns: minmax(0, 1fr);
  }
}
.paket {
  padding: 30px 32px 34px;
}
.paket + .paket {
  box-shadow: inset 1px 0 0 #E6E3DD;
}
.paket p {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
  color: #6F6C66;
}
.paket p + p {
  margin-top: 12px;
}
.paket .teil-punkte {
  margin-top: 12px;
}
@media (max-width: 767.98px) {
  .paket {
    padding: 24px 0;
  }
  .paket + .paket {
    box-shadow: inset 0 1px 0 #E6E3DD;
  }
}
.paket-nr {
  display: block;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: #0E6C96;
}
.paket-name {
  margin: 10px 0 12px;
}
.pakete-schluss {
  max-width: 62ch;
  margin: 28px auto 0;
  text-align: center;
  font-size: 18px;
  line-height: 1.7;
  color: #1C1B19;
}
.punkte--zeichen .punkt-nr {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding-top: 0;
  border-radius: 13px;
  background-color: #E8F6FD;
  color: #0E6C96;
  font-size: 18px;
  line-height: 1;
}
.dunkel-claim {
  max-width: 44ch;
  margin: 30px auto 0;
  text-align: center;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.3;
  letter-spacing: -0.005em;
  color: #A3A09A;
  font-size: clamp(21px, calc(19.5185185185px + 0.462962963vw), 26px);
}
.dunkel-claim strong {
  font-weight: 400;
  color: #FFFFFF;
}
.teil--voll {
  grid-column: 1 / -1;
}
.teil--voll p, .teil--voll .kartenliste {
  max-width: 72ch;
}
@media (max-width: 767.98px) {
  .teil--voll {
    grid-column: auto;
  }
}
.gegenueber.js-reveal.is-armed:not(.is-visible) .hero-search-typed {
  max-width: 0;
  border-color: transparent;
  animation: none;
}
.gegenueber.js-reveal.is-armed:not(.is-visible) .fl-reiter {
  opacity: 0;
}
.gegenueber.js-reveal.is-armed:not(.is-visible) .hero-search-result {
  opacity: 0;
  animation: none;
}
.gegenueber.js-reveal.is-armed:not(.is-visible) .hero-search-ghost {
  opacity: 0;
}
.gegenueber.js-reveal.is-visible .hero-search-typed {
  animation: hero-type 0.8s steps(var(--zeichen, 19), end) 0.2s both, hero-caret 0.6s step-end 1s 3 both;
}
.gegenueber.js-reveal.is-visible .fl-reiter {
  animation: hero-fade 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0.1s both;
}
.gegenueber.js-reveal.is-visible .hero-search-result {
  animation: hero-rise 0.5s cubic-bezier(0.25, 1, 0.5, 1) 1.05s both;
}
.gegenueber.js-reveal.is-visible .hero-search-ghost {
  animation: hero-fade 0.4s cubic-bezier(0.25, 1, 0.5, 1) both;
}
.gegenueber.js-reveal.is-visible .hero-search-ghost:nth-child(3) {
  animation-delay: 1.35s;
}
.gegenueber.js-reveal.is-visible .hero-search-ghost:nth-child(4) {
  animation-delay: 1.5s;
}
.gegenueber.js-reveal.is-visible .hero-search-ghost:nth-child(5) {
  animation-delay: 1.65s;
}
.js-reveal.is-armed:not(.is-visible) .ki-antwort .ka-frage, .js-reveal.is-armed:not(.is-visible) .ki-antwort .ka-eingabe p, .js-reveal.is-armed:not(.is-visible) .ki-antwort .ka-zeichen, .js-reveal.is-armed:not(.is-visible) .ki-antwort .ka-satz, .js-reveal.is-armed:not(.is-visible) .ki-antwort .ka-liste li, .js-reveal.is-armed:not(.is-visible) .ki-antwort .ka-label, .js-reveal.is-armed:not(.is-visible) .ki-antwort .ka-chip {
  opacity: 0;
}
.js-reveal.is-armed:not(.is-visible) .ki-antwort .ka-satz--stark {
  border-left-color: transparent;
}
.js-reveal.is-visible .ki-antwort .ka-frage {
  animation: ka-rein 0.45s cubic-bezier(0.25, 1, 0.5, 1) 0.2s both;
}
.js-reveal.is-visible .ki-antwort .ka-eingabe p {
  animation: ka-rein 0.45s cubic-bezier(0.25, 1, 0.5, 1) 0.2s both;
}
.js-reveal.is-visible .ki-antwort .ka-zeichen {
  animation: hero-pop 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0.7s both, ka-denken 1s cubic-bezier(0.25, 1, 0.5, 1) 0.7s 1 both;
}
.js-reveal.is-visible .ki-antwort .ka-text .ka-satz:first-child {
  animation: ka-rein 0.5s cubic-bezier(0.25, 1, 0.5, 1) 1.25s both;
}
.js-reveal.is-visible .ki-antwort .ka-liste li {
  animation: ka-rein 0.4s cubic-bezier(0.25, 1, 0.5, 1) both;
}
.js-reveal.is-visible .ki-antwort .ka-liste li:nth-child(1) {
  animation-delay: 1.5s;
}
.js-reveal.is-visible .ki-antwort .ka-liste li:nth-child(2) {
  animation-delay: 1.62s;
}
.js-reveal.is-visible .ki-antwort .ka-liste li:nth-child(3) {
  animation-delay: 1.74s;
}
.js-reveal.is-visible .ki-antwort .ka-liste li:nth-child(4) {
  animation-delay: 1.86s;
}
.js-reveal.is-visible .ki-antwort .ka-satz--stark {
  animation: ka-von-links 0.5s cubic-bezier(0.25, 1, 0.5, 1) 2.15s both, ka-kante 0.3s cubic-bezier(0.25, 1, 0.5, 1) 2.5s both;
}
.js-reveal.is-visible .ki-antwort .ka-label {
  animation: hero-fade 0.4s cubic-bezier(0.25, 1, 0.5, 1) 2.7s both;
}
.js-reveal.is-visible .ki-antwort .ka-chip {
  animation: hero-pop 0.35s cubic-bezier(0.25, 1, 0.5, 1) both;
}
.js-reveal.is-visible .ki-antwort .ka-chip:nth-child(2) {
  animation-delay: 2.8s;
}
.js-reveal.is-visible .ki-antwort .ka-chip:nth-child(3) {
  animation-delay: 2.95s;
}
.js-reveal.is-visible .ki-antwort .ka-chip:nth-child(4) {
  animation-delay: 3.05s;
}
@keyframes ka-rein {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes ka-von-links {
  from {
    opacity: 0;
    transform: translateX(-10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes ka-kante {
  from {
    border-left-color: transparent;
  }
  to {
    border-left-color: #2AB7F1;
  }
}
@keyframes ka-denken {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(42, 183, 241, 0);
  }
  50% {
    box-shadow: 0 0 0 6px rgba(42, 183, 241, 0.18);
  }
}
@media (prefers-reduced-motion: reduce) {
  .gegenueber.js-reveal.is-visible *, .js-reveal.is-visible .ki-antwort * {
    animation: none !important;
  }
  .gegenueber.js-reveal.is-armed:not(.is-visible) *, .js-reveal.is-armed:not(.is-visible) .ki-antwort * {
    opacity: 1 !important;
  }
}
.ki-antwort--fenster {
  padding: 0;
  overflow: hidden;
}
.ki-antwort--fenster .ka-eingabe {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 18px;
  border-bottom: 1px solid #E6E3DD;
  background-color: #FFFFFF;
}
.ki-antwort--fenster .ka-eingabe i {
  margin-top: 3px;
  color: #6F6C66;
  font-size: 15px;
}
.ki-antwort--fenster .ka-eingabe p {
  margin: 0;
  font-size: 18px;
  line-height: 1.45;
  color: #151412;
}
.ki-antwort--fenster .ka-antwort {
  padding: 20px 24px 18px;
}
.ki-antwort--fenster .ka-quellen {
  padding: 14px 24px 18px;
}
.fensterleiste {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px 0;
  background-color: #F1F3F4;
}
.fensterleiste .fl-punkte {
  flex: none;
  display: flex;
  gap: 6px;
}
.fensterleiste .fl-punkte i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #DADCE0;
}
.fensterleiste .fl-reiter {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 9px 16px;
  border-radius: 10px 10px 0 0;
  background-color: #FFFFFF;
  font-size: 14px;
  color: #151412;
}
.fensterleiste .fl-reiter i {
  color: #0E6C96;
  font-size: 13px;
}
.fensterleiste .fl-reiter b {
  font-weight: 500;
}
.fensterrahmen {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  border-radius: 24px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD, 0 34px 70px -46px rgba(14, 34, 52, 0.55);
}
.fensterrahmen .fenster-inhalt {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  padding: 18px;
}
.fensterrahmen .hero-search {
  max-width: none;
  justify-self: stretch;
  align-self: stretch;
  margin-bottom: 0;
}
.fensterrahmen .hero-search-bar {
  box-shadow: 0 0 0 1px #E6E3DD;
}
.fensterrahmen .hero-search-ghost {
  box-shadow: 0 0 0 1px #E6E3DD;
}
.fensterrahmen .hero-search-result {
  box-shadow: inset 0 0 0 1.5px rgba(42, 183, 241, 0.55);
}
@media (max-width: 575.98px) {
  .fensterrahmen .fenster-inhalt {
    padding: 14px;
  }
}
.longform-bild .fensterrahmen {
  height: auto;
}
.ki-antwort--fenster.ki-antwort--klein .ka-eingabe {
  padding: 12px 16px;
}
.ki-antwort--fenster.ki-antwort--klein .ka-eingabe p {
  font-size: 16px;
}
.ki-antwort--fenster.ki-antwort--klein .ka-antwort {
  padding: 16px 18px 14px;
}
.ki-antwort--fenster.ki-antwort--klein .ka-quellen {
  padding: 12px 18px 14px;
}
.ablauf-kopf .prosa-aktion .btn {
  width: 100%;
  justify-content: center;
}
.rm-raster--dunkel .rm-kachel {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 26px 24px 24px;
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 0.05);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}
.rm-raster--dunkel .rm-kachel b, .rm-raster--dunkel .rm-kachel h3 {
  color: #FFFFFF;
}
.rm-raster--dunkel .rm-kachel .rm-text {
  color: #A3A09A;
}
.rm-raster--dunkel .rm-zeichen {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 13px;
  background-color: rgba(42, 183, 241, 0.14);
  box-shadow: inset 0 0 0 1px rgba(42, 183, 241, 0.28);
  color: #2AB7F1;
  font-size: 18px;
  line-height: 1;
}
.rm-raster--dunkel .rm-zeichen img {
  width: 24px;
  height: 24px;
}
.zwei-zeichen {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-bottom: 24px;
}
.zwei-zeichen .zz-plus {
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 22px;
  line-height: 1;
  color: #D6D2CA;
}
.geo-regionen {
  margin-top: 30px;
}
.rm-kachel--akzent {
  background-color: rgba(42, 183, 241, 0.12) !important;
  box-shadow: inset 0 0 0 1px rgba(42, 183, 241, 0.4) !important;
}
.rm-kachel--akzent .rm-zeichen {
  background-color: rgba(42, 183, 241, 0.22);
  box-shadow: inset 0 0 0 1px rgba(42, 183, 241, 0.45);
}
.rm-kachel--akzent .rm-text {
  color: #FFFFFF !important;
}
.longform .longform-teile--quer {
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}
.teil--quer {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr) 240px;
  gap: 28px;
  align-content: center;
  align-items: start;
  padding: 28px 32px 26px;
}
@media (max-width: 1199.98px) {
  .teil--quer {
    grid-template-columns: 92px minmax(0, 1fr);
  }
  .teil--quer .schritt-felder {
    flex-direction: row;
  }
}
.teil--quer .quer-zeichen {
  display: grid;
  justify-items: center;
  gap: 8px;
}
.teil--quer .quer-zeichen i {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 18px;
  background-color: #E8F6FD;
  color: #0E6C96;
  font-size: 26px;
}
.teil--quer .quer-zeichen b {
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.1em;
  font-weight: 400;
  color: #6F6C66;
}
.teil--quer h3 {
  margin: 0 0 12px;
}
.teil--quer p {
  margin: 0;
  font-size: 18px;
  line-height: 1.65;
  color: #1C1B19;
}
.teil--quer .schritt-felder {
  grid-column: 3;
  grid-row: 1;
  flex-direction: column;
  align-items: start;
  margin: 4px 0 0;
}
@media (max-width: 1199.98px) {
  .teil--quer .schritt-felder {
    grid-column: 2;
    grid-row: auto;
    flex-direction: row;
    margin-top: 16px;
  }
}
.teil--quer .quer-text {
  grid-column: 2;
}
@media (max-width: 767.98px) {
  .teil--quer {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    padding: 24px 22px 22px;
  }
  .teil--quer .quer-zeichen, .teil--quer .quer-text, .teil--quer .schritt-felder {
    grid-column: 1;
  }
  .teil--quer .quer-zeichen {
    grid-auto-flow: column;
    justify-content: start;
    align-items: center;
    gap: 12px;
  }
  .teil--quer .quer-zeichen i {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    font-size: 21px;
  }
}
.hero-search-rank--anzeige {
  background-color: #151412;
  color: #FFFFFF;
}
.text-zwei {
  margin-top: 30px;
  column-count: 2;
  column-gap: 56px;
  column-fill: balance;
}
.text-zwei p {
  margin: 0 0 20px;
  font-size: 18px;
  line-height: 1.7;
  color: #1C1B19;
}
.text-zwei p:last-child {
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  .text-zwei {
    column-count: 1;
    column-gap: 0;
  }
}
.merkmale + .os-schritt, .text-zwei + .os-schritt, .prosa + .os-schritt {
  margin-top: 48px;
}
.os-schritt {
  margin: 0 0 30px;
  text-align: center;
  text-wrap: balance;
  font-size: clamp(26px, calc(23.6296296296px + 0.7407407407vw), 34px);
}
.text-zwei-kopf {
  margin: 30px 0 0;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.3;
  color: #151412;
  font-size: clamp(18px, calc(17.4074074074px + 0.1851851852vw), 20px);
}
.longform .longform-teile:not(.longform-teile--knapp) > .teil:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}
.longform .longform-teile:not(.longform-teile--knapp) > .teil:last-child:nth-child(odd) p {
  max-width: none;
}
.longform .longform-teile > .teil:only-child {
  max-width: 860px;
  margin-inline: auto;
}
.longform .longform-teile > .teil:only-child p {
  max-width: none;
}
.longform .longform-teile--knapp {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 20px;
}
.longform .longform-teile--knapp > .teil {
  grid-column: span 2;
}
.longform .longform-teile--knapp > .teil:nth-child(4):nth-last-child(2) {
  grid-column: 2 / span 2;
}
.longform .longform-teile--knapp .teil--text {
  padding: 24px 24px 22px;
}
@media (max-width: 991.98px) {
  .longform .longform-teile--knapp {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .longform .longform-teile--knapp > .teil {
    grid-column: auto;
  }
  .longform .longform-teile--knapp > .teil:nth-child(4):nth-last-child(2) {
    grid-column: auto;
  }
}
@media (max-width: 575.98px) {
  .longform .longform-teile--knapp {
    grid-template-columns: minmax(0, 1fr);
  }
}
.text-zwei--nach {
  margin-top: 40px;
}
.longform-teile--stapel {
  gap: 24px;
  grid-auto-rows: 1fr;
}
.longform-teile--stapel .teil--quer {
  position: sticky;
  top: calc(128px + var(--i, 0) * 16px);
  align-content: center;
  box-shadow: 0 0 0 1px #E6E3DD, 0 24px 48px -28px rgba(14, 34, 52, 0.45);
}
@media (max-width: 991.98px) {
  .longform-teile--stapel .teil--quer {
    position: static;
  }
}
@media (prefers-reduced-motion: reduce) {
  .longform-teile--stapel .teil--quer {
    position: static;
  }
}
.auktion {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  border-radius: 24px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD, 0 34px 70px -46px rgba(14, 34, 52, 0.55);
}
.auktion .au-inhalt {
  display: grid;
  align-content: start;
  gap: 16px;
  padding: 20px;
}
.auktion .au-keyword {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 16px;
  border-radius: 9999px;
  background-color: #FAFAFA;
  box-shadow: inset 0 0 0 1px #E6E3DD;
  font-size: 16px;
  color: #151412;
}
.auktion .au-keyword i {
  color: #6F6C66;
  font-size: 15px;
}
.auktion .au-kopf, .auktion .au-zeile {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 14px;
}
.auktion .au-kopf {
  padding: 0 4px;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6F6C66;
}
.auktion .au-kopf span + span {
  text-align: left;
}
.auktion .au-liste {
  display: grid;
  align-content: start;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.auktion .au-zeile {
  padding: 12px 14px;
  border-radius: 16px;
  background-color: #FAFAFA;
  box-shadow: inset 0 0 0 1px #E6E3DD;
}
.auktion .au-name {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  font-size: 14px;
  color: #1C1B19;
}
.auktion .au-name img {
  flex: none;
  border-radius: 3px;
}
.auktion .au-zeile--wir {
  background-color: #E8F6FD;
  box-shadow: inset 0 0 0 1.5px rgba(42, 183, 241, 0.55);
}
.auktion .au-zeile--wir .au-name {
  color: #151412;
  font-weight: 600;
}
.auktion .au-balken {
  display: block;
  height: 8px;
  border-radius: 4px;
  background-color: rgba(21, 20, 18, 0.07);
}
.auktion .au-balken i {
  display: block;
  height: 100%;
  width: var(--fuell, 50%);
  border-radius: 4px;
  background-color: #D6D2CA;
}
.auktion .au-zeile--wir .au-balken i {
  background-color: rgba(42, 183, 241, 0.45);
}
.auktion .au-zeile--wir .au-balken--zweit i {
  background-color: #2AB7F1;
}
.auktion .au-ergebnis {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 2px;
  padding: 16px;
  border-radius: 16px;
  background-color: #151412;
}
.auktion .au-ergebnis p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.72);
}
.auktion .au-ergebnis b {
  color: #FFFFFF;
}
.auktion .au-marke {
  flex: none;
  padding: 4px 10px;
  border-radius: 9999px;
  background-color: #2AB7F1;
  font-size: 12px;
  font-weight: 600;
  color: #151412;
}
.js-reveal.is-armed:not(.is-visible) .auktion .au-keyword, .js-reveal.is-armed:not(.is-visible) .auktion .au-kopf, .js-reveal.is-armed:not(.is-visible) .auktion .au-zeile, .js-reveal.is-armed:not(.is-visible) .auktion .au-ergebnis {
  opacity: 0;
}
.js-reveal.is-armed:not(.is-visible) .auktion .au-balken i {
  width: 0;
}
.js-reveal.is-visible .auktion .au-keyword {
  animation: ka-rein 0.45s cubic-bezier(0.25, 1, 0.5, 1) 0.2s both;
}
.js-reveal.is-visible .auktion .au-kopf {
  animation: hero-fade 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0.55s both;
}
.js-reveal.is-visible .auktion .au-zeile {
  animation: ka-rein 0.45s cubic-bezier(0.25, 1, 0.5, 1) both;
}
.js-reveal.is-visible .auktion .au-zeile:nth-child(1) {
  animation-delay: 0.7s;
}
.js-reveal.is-visible .auktion .au-zeile:nth-child(2) {
  animation-delay: 0.85s;
}
.js-reveal.is-visible .auktion .au-zeile:nth-child(3) {
  animation-delay: 1s;
}
.js-reveal.is-visible .auktion .au-balken i {
  animation: au-fuellen 0.7s cubic-bezier(0.25, 1, 0.5, 1) both;
}
.js-reveal.is-visible .auktion .au-zeile:nth-child(1) .au-balken i {
  animation-delay: 1.15s;
}
.js-reveal.is-visible .auktion .au-zeile:nth-child(2) .au-balken i {
  animation-delay: 1.3s;
}
.js-reveal.is-visible .auktion .au-zeile:nth-child(3) .au-balken i {
  animation-delay: 1.45s;
}
.js-reveal.is-visible .auktion .au-ergebnis {
  animation: ka-rein 0.5s cubic-bezier(0.25, 1, 0.5, 1) 2.2s both;
}
@keyframes au-fuellen {
  from {
    width: 0;
  }
  to {
    width: var(--fuell, 50%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .js-reveal.is-visible .auktion * {
    animation: none !important;
  }
  .js-reveal.is-armed:not(.is-visible) .auktion * {
    opacity: 1 !important;
  }
  .js-reveal.is-armed:not(.is-visible) .auktion .au-balken i {
    width: var(--fuell, 50%);
  }
}
.longform-flaeche {
  margin: 0;
  align-self: start;
}
.longform-flaeche figcaption {
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.5;
  color: #6F6C66;
}
.sea-warum .longform-flaeche {
  align-self: start;
}
.sea-warum .longform-auftakt {
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(18px, calc(17.4074074074px + 0.1851851852vw), 20px);
}
.longform-kopf .section-head + figure {
  margin-top: 0;
}
.auftaktsatz {
  margin: 30px 0;
}
.section-head--center + .auftaktsatz {
  text-align: center;
}
.merkmale--drei {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 991.98px) {
  .merkmale--drei {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575.98px) {
  .merkmale--drei {
    grid-template-columns: minmax(0, 1fr);
  }
}
.merkmale--zwei {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 575.98px) {
  .merkmale--zwei {
    grid-template-columns: minmax(0, 1fr);
  }
}
.teil-punkte {
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
}
.teil-punkte li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 7px;
  font-size: 16px;
  line-height: 1.55;
  color: #6F6C66;
}
.teil-punkte li::before {
  content: "";
  position: absolute;
  top: 0.62em;
  left: 2px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #2AB7F1;
}
.teil-punkte li:last-child {
  margin-bottom: 0;
}
.teil-punkte + p {
  margin-top: 16px;
}
.longform-body .teil-punkte {
  margin: 20px 0;
}
.longform-body .teil-punkte li {
  font-size: 18px;
  line-height: 1.7;
}
.merkmale--wege {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
@media (max-width: 991.98px) {
  .merkmale--wege {
    grid-template-columns: minmax(0, 1fr);
  }
}
.merkmale--wege li {
  position: relative;
  overflow: hidden;
  padding: 0;
}
.merkmale--wege li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #2AB7F1;
}
.merkmale--wege li > a {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  padding: 18px 20px;
  border-radius: 16px;
  color: inherit;
  text-decoration: none;
  transition: background-color 200ms ease, color 200ms ease;
}
.merkmale--wege li > a:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.merkmale--wege li > a:hover {
  background-color: #E8F6FD;
  color: #0E6C96;
}
.merkmale--fuenf {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.merkmale--fuenf li {
  position: relative;
  overflow: hidden;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 22px 20px 20px;
}
.merkmale--fuenf li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #2AB7F1;
}
.merkmale--fuenf b {
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  hyphens: auto;
  hyphenate-limit-chars: 16 6 6;
  overflow-wrap: break-word;
  color: #151412;
}
.merkmale--fuenf .merkmal-text {
  font-size: 14px;
  line-height: 1.55;
  color: #6F6C66;
}
@media (max-width: 1199.98px) {
  .merkmale--fuenf {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .merkmale--fuenf li:last-child {
    grid-column: 1 / -1;
  }
}
@media (max-width: 575.98px) {
  .merkmale--fuenf {
    grid-template-columns: minmax(0, 1fr);
  }
  .merkmale--fuenf li:last-child {
    grid-column: auto;
  }
}
.wbs {
  container-type: inline-size;
}
.wbs-seite {
  display: grid;
}
.wbs-oben {
  display: grid;
  gap: 3cqw;
  padding: 3cqw 4cqw 5cqw;
  background: radial-gradient(60% 90% at 86% 0%, rgba(42, 183, 241, 0.2) 0%, rgba(42, 183, 241, 0) 70%), linear-gradient(180deg, #14181C 0%, #0B0B0A 100%);
}
.wbs-unten {
  padding: 4cqw;
  background-color: #FAF9F7;
}
.wbs-nav {
  display: flex;
  align-items: center;
  gap: 2.4cqw;
  padding-bottom: 2.6cqw;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.wbs-logo {
  display: block;
  width: 24cqw;
  height: auto;
}
.wbs-menue {
  display: flex;
  gap: 2.6cqw;
  margin-left: auto;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1.7cqw;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.72);
}
.wbs-navknopf {
  flex: none;
  padding: 1.1cqw 2.4cqw;
  border-radius: 999px;
  background-color: #2AB7F1;
  font-size: 1.9cqw;
  font-weight: 600;
  color: #151412;
}
.wbs-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: start;
  gap: 2.4cqw;
  padding: 3cqw 0 1cqw;
}
.wbs-beleg {
  display: flex;
  align-items: center;
  gap: 1.4cqw;
  margin: 1.4cqw 0 0;
  padding-top: 2.6cqw;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 1.8cqw;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.6);
}
.wbs-beleg b {
  font-weight: 600;
  color: #FFFFFF;
}
.wbs-sterne {
  display: inline-flex;
  gap: 0.3cqw;
  font-size: 1.6cqw;
  line-height: 1;
  color: #2AB7F1;
}
.wbs-trenn {
  width: 1px;
  height: 2.2cqw;
  background-color: rgba(255, 255, 255, 0.18);
}
.wbs-eyebrow {
  margin: 0;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 1.7cqw;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #2AB7F1;
}
.wbs-titel {
  max-width: 14ch;
  margin: 0;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 6.4cqw;
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: #FFFFFF;
}
.wbs-cta {
  display: inline-flex;
  align-items: center;
  gap: 1.2cqw;
  padding: 1.6cqw 3cqw;
  border-radius: 999px;
  background-color: #2AB7F1;
  font-size: 2cqw;
  font-weight: 600;
  color: #151412;
}
.wbs-cta i {
  font-size: 1.9cqw;
}
.wbs-karten {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2cqw;
}
.wbs-karte {
  display: flex;
  align-items: center;
  gap: 1.5cqw;
  min-width: 0;
  padding: 2.2cqw 2cqw;
  border-radius: 2cqw;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1.75cqw;
  font-weight: 600;
  line-height: 1.25;
  color: #151412;
}
.wbs-marke {
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 3cqw;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #FFFFFF;
}
.wbs-res {
  display: flex;
  align-items: center;
  gap: 1.4cqw;
  width: 100%;
  padding: 1.4cqw;
  border-radius: 2.4cqw;
  background-color: rgba(255, 255, 255, 0.07);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}
.wbs-res-feld {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 1.2cqw;
  padding: 1.6cqw 1.8cqw;
  border-radius: 1.6cqw;
  background-color: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.9cqw;
}
.wbs-res-feld b {
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  white-space: nowrap;
  color: #FFFFFF;
}
.wbs-res-knopf {
  flex: 0 0 auto;
  padding: 1.8cqw 2.6cqw;
  border-radius: 1.6cqw;
  background-color: #2AB7F1;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1.9cqw;
  font-weight: 600;
  white-space: nowrap;
  color: #151412;
}
.wbs-zeichen {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 5.2cqw;
  height: 5.2cqw;
  border-radius: 1.5cqw;
  background-color: #E8F6FD;
  color: #0E6C96;
  font-size: 2.6cqw;
}
.rm-kachel .rm-zeichen {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 6px;
  border-radius: 13px;
  background-color: #E8F6FD;
  color: #0E6C96;
  font-size: 18px;
  line-height: 1;
}
.rm-raster--fuenf {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.rm-raster--fuenf > :last-child {
  grid-column: 1 / -1;
}
@media (max-width: 767.98px) {
  .rm-raster--fuenf {
    grid-template-columns: minmax(0, 1fr);
  }
  .rm-raster--fuenf > :last-child {
    grid-column: auto;
  }
}
.kreis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 0 20px;
  margin-top: 30px;
}
.kreis-station {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 26px 24px 24px;
  border-radius: 16px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD;
}
.kreis-station::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #2AB7F1;
}
.kreis-station b {
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  color: #151412;
}
.kreis-station .kreis-text {
  font-size: 16px;
  line-height: 1.55;
  color: #6F6C66;
}
.kreis-zeichen {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 6px;
  border-radius: 13px;
  background-color: #E8F6FD;
  color: #0E6C96;
  font-size: 18px;
  line-height: 1;
}
.kreis-pfeil {
  z-index: 1;
  grid-row: 1;
  align-self: center;
  justify-self: end;
  margin-right: -20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  color: #D6D2CA;
  font-size: 15px;
}
.kreis-station {
  grid-row: 1;
}
.kreis-station:nth-of-type(1) {
  grid-column: 1;
}
.kreis-station:nth-of-type(2) {
  grid-column: 2;
}
.kreis-station:nth-of-type(3) {
  grid-column: 3;
}
.kreis-pfeil:nth-of-type(1) {
  grid-column: 1;
}
.kreis-pfeil:nth-of-type(2) {
  grid-column: 2;
}
.kreis-zurueck {
  grid-column: 1 / -1;
  grid-row: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 16px;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #6F6C66;
}
.kreis-zurueck i {
  font-size: 14px;
  color: #0E6C96;
}
@media (max-width: 767.98px) {
  .kreis {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
  .kreis-station:nth-of-type(n) {
    grid-column: 1;
    grid-row: auto;
  }
  .kreis-pfeil {
    display: none;
  }
}
.rpl {
  container-type: inline-size;
}
.rpl-seite {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr);
  gap: 3.6cqw;
  padding: 4cqw;
  border-radius: 24px;
  background-color: #FAF9F7;
  box-shadow: 0 0 0 1px #E6E3DD, 0 24px 48px -34px rgba(14, 34, 52, 0.45);
}
.rpl-kopf {
  display: flex;
  align-items: center;
  gap: 2.4cqw;
  padding-bottom: 3.6cqw;
  border-bottom: 1px solid #E6E3DD;
}
.rpl-logo {
  display: block;
  width: 26cqw;
  height: auto;
}
.rpl-neu {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 1.2cqw;
  padding: 1.4cqw 2.6cqw;
  border-radius: 999px;
  background-color: #2AB7F1;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 2.2cqw;
  font-weight: 600;
  color: #151412;
}
.rpl-neu i {
  font-size: 2cqw;
}
.rpl-liste {
  display: grid;
  grid-auto-rows: minmax(0, 1fr);
  gap: 2.4cqw;
  margin: 0;
  padding: 0;
  list-style: none;
}
.rpl-zeile {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 2.4cqw;
  padding: 2.4cqw 3cqw;
  border-radius: 2.6cqw;
  background-color: #FFFFFF;
  box-shadow: inset 0 0 0 1px #E6E3DD;
}
.rpl-zeile--aktiv {
  position: relative;
  overflow: hidden;
  background-color: #E8F6FD;
  box-shadow: inset 0 0 0 1px rgba(42, 183, 241, 0.45);
}
.rpl-zeile--aktiv .rpl-tag {
  color: rgba(14, 108, 150, 0.6);
}
.rpl-zeile--aktiv .rpl-thema i {
  background-color: rgba(14, 108, 150, 0.24);
}
.rpl-zeile--aktiv .rpl-thema i + i {
  background-color: rgba(14, 108, 150, 0.12);
}
.rpl-zeile--aktiv .rpl-kanal {
  background-color: #FFFFFF;
  box-shadow: inset 0 0 0 1px rgba(42, 183, 241, 0.45);
  color: #0E6C96;
}
.rpl-zeile--aktiv .rpl-kanal i {
  color: #0E6C96;
}
.rpl-punkt {
  display: grid;
  place-items: center;
  width: 3.4cqw;
  height: 3.4cqw;
  border-radius: 50%;
  background-color: #2AB7F1;
}
.rpl-punkt i {
  font-size: 2.2cqw;
  line-height: 1;
  color: #FFFFFF;
}
.rpl-punkt--arbeit {
  background-color: #FFFFFF;
  box-shadow: inset 0 0 0 1cqw #2AB7F1;
}
.rpl-punkt--offen {
  background-color: transparent;
  box-shadow: inset 0 0 0 0.7cqw #D6D2CA;
}
.rpl-tag {
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 2cqw;
  letter-spacing: 0.04em;
  color: rgba(21, 20, 18, 0.42);
}
.rpl-thema {
  display: grid;
  gap: 0.8cqw;
  min-width: 0;
}
.rpl-thema b {
  overflow: hidden;
  font-size: 2.4cqw;
  font-weight: 600;
  line-height: 1.25;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #151412;
}
.rpl-thema em {
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 1.9cqw;
  font-style: normal;
  letter-spacing: 0.04em;
  color: rgba(21, 20, 18, 0.42);
}
.rpl-thema--a > i:first-child {
  width: 68%;
}
.rpl-thema--b > i:first-child {
  width: 52%;
}
.rpl-thema--c > i:first-child {
  width: 76%;
}
.rpl-thema--d > i:first-child {
  width: 44%;
}
.rpl-thema--e > i:first-child {
  width: 60%;
}
.rpl-kanal {
  display: inline-flex;
  align-items: center;
  gap: 1cqw;
  padding: 0.9cqw 2cqw;
  border-radius: 999px;
  background-color: #FAF9F7;
  box-shadow: inset 0 0 0 1px #E6E3DD;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 2.1cqw;
  font-style: normal;
  letter-spacing: 0.03em;
  white-space: nowrap;
  color: #151412;
}
.rpl-kanal i {
  font-size: 2.2cqw;
  line-height: 1;
  color: #6F6C66;
}
.shopmk {
  container-type: inline-size;
}
.shopmk-seite {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 3.4cqw;
  padding: 3.4cqw;
  background-color: #FAF9F7;
}
.shopmk-kopf {
  display: flex;
  align-items: center;
  gap: 2.4cqw;
  padding-bottom: 2.8cqw;
  border-bottom: 1px solid #E6E3DD;
}
.shopmk-logo {
  display: block;
  width: 28cqw;
  height: auto;
}
.shopmk-suche {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 6cqw;
  height: 6cqw;
  border-radius: 999px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD;
  color: #6F6C66;
  font-size: 2.6cqw;
}
.shopmk-korb {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 6cqw;
  height: 6cqw;
  border-radius: 999px;
  background-color: #151412;
  color: #FFFFFF;
  font-size: 2.6cqw;
}
.shopmk-korb em {
  position: absolute;
  top: -0.8cqw;
  right: -0.8cqw;
  display: grid;
  place-items: center;
  min-width: 3.4cqw;
  height: 3.4cqw;
  padding: 0 0.8cqw;
  border-radius: 999px;
  background-color: #2AB7F1;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 1.9cqw;
  font-style: normal;
  line-height: 1;
  color: #151412;
}
.shopmk-leiste {
  display: flex;
  align-items: center;
  gap: 2cqw;
}
.shopmk-feld {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 1.4cqw;
  height: 4.8cqw;
  padding: 0 2cqw;
  border-radius: 999px;
  background-color: #FFFFFF;
  box-shadow: inset 0 0 0 1px #E6E3DD;
  color: #6F6C66;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 2cqw;
  font-weight: 500;
}
.shopmk-sortierung {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 1.2cqw;
  height: 4.8cqw;
  padding: 0 2.2cqw;
  border-radius: 999px;
  background-color: #FFFFFF;
  box-shadow: inset 0 0 0 1px #E6E3DD;
  color: #6F6C66;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 2cqw;
  font-weight: 500;
  white-space: nowrap;
}
.shopmk-regal {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2.4cqw;
}
.shopmk-ware {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(auto, 1fr) auto auto;
  gap: 1.6cqw;
  padding: 2cqw;
  border-radius: 2.4cqw;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD;
}
.shopmk-fuss {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2cqw;
}
.shopmk-preis {
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 2.4cqw;
  font-weight: 600;
  line-height: 1.1;
  color: #151412;
  white-space: nowrap;
}
.shopmk-sterne {
  display: inline-flex;
  gap: 0.3cqw;
  font-size: 1.6cqw;
  line-height: 1;
  color: #151412;
}
.shopmk-sterne .leer {
  color: #D6D2CA;
}
.shopmk-fahne {
  position: absolute;
  top: 1.4cqw;
  left: 1.4cqw;
  padding: 0.5cqw 1.4cqw;
  border-radius: 999px;
  background-color: #151412;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1.6cqw;
  font-weight: 600;
  line-height: 1.5;
  color: #FFFFFF;
}
.shopmk-bild {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  aspect-ratio: 0.8;
  border-radius: 1.6cqw;
}
.shopmk-bild--a {
  background: linear-gradient(145deg, rgba(42, 183, 241, 0.3) 0%, rgba(42, 183, 241, 0.07) 100%);
}
.shopmk-bild--b {
  background: linear-gradient(145deg, rgba(42, 183, 241, 0.15) 0%, rgba(42, 183, 241, 0.04) 100%);
}
.shopmk-bild--c {
  background: linear-gradient(145deg, rgba(42, 183, 241, 0.22) 0%, rgba(42, 183, 241, 0.05) 100%);
}
.shopmk-bild i {
  font-size: 11cqw;
  line-height: 1;
  color: rgba(14, 108, 150, 0.34);
}
.shopmk-knopf {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  padding: 1.5cqw 1.2cqw;
  border-radius: 999px;
  background-color: #151412;
  text-align: center;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1.9cqw;
  font-weight: 600;
  color: #FFFFFF;
}
.namensreihe {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
}
.namensreihe li {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 20px;
  border-radius: 999px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD;
  font-size: 16px;
  color: #151412;
}
.namensreihe i {
  color: #0E6C96;
  font-size: 16px;
}
.namensreihe--linie li {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px #D6D2CA;
}
.logoreihe {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
}
.logoreihe li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 24px;
  border-radius: 16px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD;
}
.logoreihe img {
  width: 110px;
  height: 32px;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 575.98px) {
  .logoreihe {
    gap: 8px;
  }
  .logoreihe li {
    padding: 10px 12px;
  }
  .logoreihe img {
    width: 72px;
    height: 24px;
  }
}
.bei {
  container-type: inline-size;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(auto, 1fr) auto auto;
  overflow: hidden;
  border-radius: 24px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #E6E3DD, 0 34px 70px -46px rgba(14, 34, 52, 0.55);
}
.longform-bild > .bei {
  align-self: center;
}
.longform-bild > .shopmk, .longform-bild > .wbs {
  align-self: center;
  height: auto;
}
.bei-kopf {
  display: flex;
  align-items: center;
  gap: 2.6cqw;
  padding: 3.4cqw;
}
.bei-profil {
  flex: none;
  width: 9cqw;
  height: 9cqw;
  border-radius: 50%;
  object-fit: cover;
  background-color: #E8F6FD;
  box-shadow: 0 0 0 1px rgba(14, 34, 52, 0.1);
}
.bei-wer {
  display: grid;
  gap: 0.6cqw;
  min-width: 0;
}
.bei-wer b {
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 3cqw;
  font-weight: 600;
  color: #151412;
}
.bei-wer em {
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 2.2cqw;
  font-style: normal;
  letter-spacing: 0.04em;
  color: #6F6C66;
}
.bei-mehr {
  margin-left: auto;
  color: #D6D2CA;
  font-size: 3.4cqw;
}
.bei-bild {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 0.8;
  object-fit: cover;
  object-position: center;
  background-color: #E8F6FD;
}
.bei-aktionen {
  display: flex;
  align-items: center;
  gap: 4cqw;
  padding: 3.4cqw 3.4cqw 1.6cqw;
}
.bei-zeichen {
  color: #151412;
  font-size: 4.4cqw;
  line-height: 1;
}
.bei-zeichen--herz {
  color: #2AB7F1;
}
.bei-zeichen--rechts {
  margin-left: auto;
}
.bei-text {
  margin: 0;
  padding: 0 3.4cqw 3.6cqw;
  font-size: 2.6cqw;
  line-height: 1.5;
  color: #151412;
}
.bei-text b {
  font-weight: 600;
}
.longform-bild > img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  border-radius: 24px;
  box-shadow: 0 0 0 1px #E6E3DD, 0 30px 60px -44px rgba(14, 34, 52, 0.5);
}
@media (max-width: 991.98px) {
  .longform-bild > img {
    height: auto;
    aspect-ratio: 1.5;
  }
}
.teil--text h3, .teil--text .teil-titel {
  hyphens: auto;
  hyphenate-limit-chars: 16 6 6;
  overflow-wrap: break-word;
}
.gegen {
  margin: 48px 0 0;
  border-top: 1px solid #E6E3DD;
}
.gegen-kopf {
  display: none;
}
@media (min-width: 992px) {
  .gegen-kopf {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr) minmax(0, 1fr);
    gap: 0 28px;
    padding: 14px 0 12px;
    border-bottom: 1px solid #E6E3DD;
  }
}
.gegen-marke {
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #6F6C66;
}
.gegen-marke--wir {
  padding-left: 24px;
  color: #0E6C96;
}
.gegen-zeile {
  display: grid;
  gap: 16px;
  padding: 26px 0;
  border-bottom: 1px solid #E6E3DD;
}
@media (min-width: 992px) {
  .gegen-zeile {
    grid-template-columns: 210px minmax(0, 1fr) minmax(0, 1fr);
    gap: 0 28px;
    align-items: start;
  }
}
.gegen-thema {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  font-size: clamp(18px, calc(17.1111111111px + 0.2777777778vw), 21px);
  line-height: 1.3;
  color: #151412;
}
@media (min-width: 992px) {
  .gegen-thema {
    display: block;
    padding-top: 2px;
  }
}
.gegen-zeichen {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background-color: #E8F6FD;
  color: #0E6C96;
  font-size: 16px;
}
@media (min-width: 992px) {
  .gegen-zeichen {
    display: flex;
    margin-bottom: 12px;
  }
}
.gegen-seite p {
  margin: 0;
  font-size: 16px;
  line-height: 1.65;
  color: #1C1B19;
}
.gegen-seite p + p {
  margin-top: 16px;
}
.gegen-seite .kartenliste {
  margin: 16px 0 0;
}
.gegen-seite .kartenliste li {
  margin-bottom: 10px;
}
.gegen-seite .kartenliste li:last-child {
  margin-bottom: 0;
}
.gegen-seite .kartenliste + p {
  margin-top: 16px;
}
@media (min-width: 992px) {
  .gegen-seite--wir {
    padding: 2px 0 2px 24px;
    border-left: 2px solid rgba(42, 183, 241, 0.35);
  }
}
.gegen-klein {
  margin: 0 0 8px !important;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #6F6C66 !important;
}
@media (min-width: 992px) {
  .gegen-klein {
    display: none;
  }
}
.gegen-seite--wir .gegen-klein {
  color: #0E6C96 !important;
}
.gegen-schluss {
  margin: 26px 0 0 !important;
  font-size: 18px;
  line-height: 1.6;
  color: #151412;
}
@media (min-width: 992px) {
  .gegen-schluss {
    padding-left: 238px;
  }
}
@media (hover: none) {
  .problem-card, .specialty-card, .bento-card, .la-card, .link-card, .guide-card-link, .about-channel, .partner-badge {
    -webkit-tap-highlight-color: transparent;
  }
  .problem-card:active, .specialty-card:active, .bento-card:active, .la-card:active, .link-card:active, .guide-card-link:active, .about-channel:active, .partner-badge:active {
    transform: scale(0.98);
    transition-duration: 150ms;
  }
  .btn {
    -webkit-tap-highlight-color: transparent;
  }
  .btn:active {
    transform: scale(0.97);
  }
  .problem-card.is-focus {
    transform: translateY(-4px);
    box-shadow: 0 0 0 1px rgba(21, 20, 18, 0.08), 0 24px 48px -24px rgba(21, 20, 18, 0.18);
  }
  .problem-card.is-focus .problem-icon {
    background-color: #151412;
    color: #FFFFFF;
  }
  .specialty-card.is-focus .specialty-media {
    transform: scale(1.06);
  }
  .specialty-card.is-focus .link-arrow i {
    transform: translateX(4px);
  }
  .bento-card.is-focus {
    transform: translateY(-4px);
    box-shadow: 0 0 0 1px rgba(21, 20, 18, 0.08), 0 24px 48px -24px rgba(21, 20, 18, 0.2);
  }
  .bento-card.is-focus .bento-icon {
    background-color: #151412;
    color: #FFFFFF;
  }
  .bento-card.is-focus.bento-card--dark {
    box-shadow: 0 24px 48px -24px rgba(0, 0, 0, 0.5);
  }
  .bento-card.is-focus.bento-card--dark .bento-icon {
    background-color: #2AB7F1;
    color: #151412;
  }
  .la-card.is-focus {
    transform: translateY(-4px);
    box-shadow: 0 0 0 1px rgba(21, 20, 18, 0.08), 0 24px 48px -24px rgba(21, 20, 18, 0.18);
  }
  .link-card.is-focus {
    background-color: #FFFFFF;
    box-shadow: inset 0 0 0 1px #D6D2CA, 0 24px 48px -28px rgba(21, 20, 18, 0.25);
    transform: translateY(-3px);
  }
  .link-card.is-focus .link-card-arrow {
    transform: translate(3px, -3px);
  }
  .guide-card:not(.guide-card--featured) .guide-card-link.is-focus {
    background-color: #FFFFFF;
    box-shadow: inset 0 0 0 1px #D6D2CA, 0 30px 60px -36px rgba(21, 20, 18, 0.3);
    transform: translateY(-3px);
  }
  .guide-card:not(.guide-card--featured) .guide-card-link.is-focus .guide-card-icon {
    background-color: #151412;
    color: #2AB7F1;
  }
  .guide-card:not(.guide-card--featured) .guide-card-link.is-focus .guide-card-cta i {
    transform: translateX(4px);
  }
  .guide-card--featured .guide-card-link.is-focus {
    transform: translateY(-3px);
    box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.5);
  }
  .guide-card--featured .guide-card-link.is-focus .guide-card-icon {
    background-color: #2AB7F1;
    color: #151412;
  }
  .guide-card--featured .guide-card-link.is-focus .guide-card-cta i {
    transform: translateX(4px);
  }
  .about-channel.is-focus {
    transform: translateY(-3px);
    box-shadow: 0 0 0 1px rgba(21, 20, 18, 0.08), 0 24px 48px -28px rgba(21, 20, 18, 0.25);
  }
  .about-channel.is-focus .about-channel-icon {
    background-color: #151412;
    color: #FFFFFF;
  }
  .story-bg {
    will-change: transform;
  }
  .story-q {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }
  .about-channel:hover:not(.is-focus), .link-card:hover:not(.is-focus), .guide-card-link:hover:not(.is-focus) {
    transform: none;
  }
}
@media (hover: none) and (max-width: 767.98px) {
  .story-content {
    filter: none;
    transform: translateY(12px);
    transition: opacity 200ms ease, transform 200ms ease;
  }
  .story-content.is-active {
    filter: none;
    transform: none;
    transition: opacity 700ms cubic-bezier(0.25, 1, 0.5, 1) 200ms, transform 700ms cubic-bezier(0.25, 1, 0.5, 1) 200ms;
  }
}
@media (hover: none) and (prefers-reduced-motion: reduce) {
  .problem-card:active, .specialty-card:active, .bento-card:active, .la-card:active, .link-card:active, .guide-card-link:active, .about-channel:active, .partner-badge:active {
    transform: none;
  }
}
html {
  scroll-padding-top: 96px;
}
body {
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  line-height: 1.55;
  letter-spacing: normal;
  color: #1C1B19;
  background-color: #FFFFFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  color: #151412;
  margin-top: 0;
  text-wrap: balance;
}
h1, .h1 {
  line-height: 1.2;
  letter-spacing: -0.012em;
  font-size: clamp(40px, calc(34.0740740741px + 1.8518518519vw), 60px);
}
h2, .h2 {
  line-height: 1.28;
  letter-spacing: -0.008em;
  font-size: clamp(30px, calc(25.8518518519px + 1.2962962963vw), 44px);
}
@media (max-width: 991.98px) {
  h1, .h1, h2, .h2, h3, .h3 {
    -webkit-hyphens: auto;
    hyphens: auto;
    hyphenate-limit-chars: 16 6 6;
    overflow-wrap: break-word;
  }
}
h3, .h3 {
  line-height: 1.3;
  letter-spacing: -0.005em;
  font-size: clamp(21px, calc(19.5185185185px + 0.462962963vw), 26px);
}
h4, .h4 {
  line-height: 1.45;
  letter-spacing: normal;
  font-size: clamp(18px, calc(17.4074074074px + 0.1851851852vw), 20px);
}
p {
  text-wrap: pretty;
}
a {
  color: #2AB7F1;
  text-underline-offset: 3px;
  transition: color 200ms ease;
}
a:hover {
  color: #151412;
}
a:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
strong {
  font-weight: 600;
  color: #151412;
}
::selection {
  background: #151412;
  color: #FFFFFF;
}
.skip-link {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2000;
  padding: 10px 16px;
  border-radius: 9999px;
  background: #151412;
  color: #FFFFFF;
}
.section {
  position: relative;
  padding-block: 144px;
}
@media (max-width: 767.98px) {
  .section {
    padding-block: 88px;
  }
}
.section--mist {
  background-color: #FAF9F7;
}
.section--sand {
  background-color: #F2EFE9;
}
.section--dark {
  background-color: #0B0B0A;
  color: #A3A09A;
}
.section--dark h1, .section--dark .h1, .section--dark h2, .section--dark .h2, .section--dark h3, .section--dark .h3, .section--dark h4, .section--dark .h4 {
  color: #FFFFFF;
}
.section--dark strong {
  color: #FFFFFF;
}
.section--dark a {
  color: #2AB7F1;
}
.section--dark a:hover {
  color: #FFFFFF;
}
.section--tight {
  padding-block: 96px;
}
.section--tint, .section--sand, .section--dark {
  margin: 8px;
  border-radius: 24px;
}
@media (max-width: 767.98px) {
  .section--tint, .section--sand, .section--dark {
    margin: 6px;
    border-radius: 16px;
  }
  .section--tint > .container, .section--sand > .container, .section--dark > .container {
    padding-inline: 14px;
  }
}
.section--tint {
  background-color: #FAFAFA;
}
.container {
  max-width: calc(1200px + 2 * 24px);
  padding-inline: 24px;
}
@media (max-width: 575.98px) {
  .container {
    padding-inline: 20px;
  }
}
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6F6C66;
}
.eyebrow::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #2AB7F1;
  flex-shrink: 0;
}
.eyebrow--dark {
  color: #A3A09A;
}
.eyebrow--dark::before {
  background-color: #2AB7F1;
}
.tone-muted {
  color: inherit;
}
.tone-muted--dark {
  color: inherit;
}
.lead-text {
  font-size: 18px;
  line-height: 1.55;
  color: #1C1B19;
  max-width: 62ch;
}
.section--dark .lead-text {
  color: #A3A09A;
}
.text-mono {
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  letter-spacing: 0.04em;
}
.flash-message {
  position: fixed;
  top: 96px;
  left: 50%;
  z-index: 1040;
  width: min(640px, calc(100% - 40px));
  padding: 0;
  transform: translateX(-50%);
}
.flash-message .alert {
  margin: 0;
  border: 0;
  border-radius: 16px;
  box-shadow: 0 0 0 1px rgba(21, 20, 18, 0.08), 0 1px 2px rgba(21, 20, 18, 0.04), 0 16px 40px rgba(21, 20, 18, 0.12);
}
.cookie-leiste {
  position: fixed;
  right: 88px;
  bottom: 20px;
  z-index: 1045;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: min(420px, calc(100vw - 108px));
  padding: 24px;
  border-radius: 24px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px rgba(21, 20, 18, 0.08), 0 1px 2px rgba(21, 20, 18, 0.04), 0 30px 80px rgba(0, 0, 0, 0.18);
  animation: cookie-auf 420ms cubic-bezier(0.25, 1, 0.5, 1) both;
}
.cookie-leiste[hidden] {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  .cookie-leiste {
    animation: none;
  }
}
@media (max-width: 767.98px) {
  .cookie-leiste {
    left: 10px;
    right: 10px;
    bottom: 10px;
    width: auto;
    padding: 20px;
    border-radius: 16px;
  }
}
@keyframes cookie-auf {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.cookie-leiste__titel {
  margin: 0;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: -0.005em;
  color: #151412;
}
.cookie-leiste__text {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  color: #1C1B19;
}
.cookie-leiste__text a {
  color: #0E6C96;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.cookie-leiste__text a:hover {
  color: #151412;
}
.cookie-leiste__wahl {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid #E6E3DD;
}
.cookie-leiste__wahl[hidden] {
  display: none;
}
.cookie-leiste__wahl label {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: #1C1B19;
  cursor: pointer;
}
.cookie-leiste__wahl input[type="checkbox"] {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin: 1px 0 0;
  accent-color: #151412;
  cursor: pointer;
}
.cookie-leiste__wahl input[type="checkbox"]:disabled {
  cursor: default;
  opacity: 0.55;
}
.cookie-leiste__wahl input[type="checkbox"]:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.cookie-leiste__wahl input:disabled + span, .cookie-leiste__wahl input:disabled ~ span {
  color: #6F6C66;
}
.cookie-leiste__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.cookie-leiste__buttons .btn {
  min-height: 40px;
  padding: 11px 18px;
  border: 0;
  border-radius: 9999px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.1;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 200ms cubic-bezier(0.25, 1, 0.5, 1), box-shadow 200ms cubic-bezier(0.25, 1, 0.5, 1), color 200ms cubic-bezier(0.25, 1, 0.5, 1);
}
.cookie-leiste__buttons .btn[hidden] {
  display: none;
}
.cookie-leiste__buttons .btn:focus-visible {
  outline: 2px solid #2AB7F1;
  outline-offset: 2px;
}
.cookie-leiste__buttons [data-cookie="alle"], .cookie-leiste__buttons [data-cookie="speichern"] {
  background-color: #2AB7F1;
  color: #151412;
}
.cookie-leiste__buttons [data-cookie="alle"]:hover, .cookie-leiste__buttons [data-cookie="speichern"]:hover {
  background-color: #5FCDF5;
}
.cookie-leiste__buttons [data-cookie="keine"] {
  background-color: #FFFFFF;
  color: #151412;
  box-shadow: inset 0 0 0 1px #D6D2CA;
}
.cookie-leiste__buttons [data-cookie="keine"]:hover {
  box-shadow: inset 0 0 0 1px #151412;
}
.cookie-leiste__buttons [data-cookie="einstellungen"] {
  padding-inline: 10px;
  background: none;
  color: #6F6C66;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.cookie-leiste__buttons [data-cookie="einstellungen"]:hover {
  color: #151412;
}
@media (max-width: 575.98px) {
  .cookie-leiste__buttons [data-cookie="alle"], .cookie-leiste__buttons [data-cookie="keine"], .cookie-leiste__buttons [data-cookie="speichern"] {
    flex: 1 1 auto;
  }
  .cookie-leiste__buttons [data-cookie="einstellungen"] {
    flex: 1 1 100%;
  }
}