:where([data-etch-element="container"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  max-inline-size: var(--content-width, 1366px);
  align-self: center; margin-inline: auto;
}
:where([data-etch-element="flex-div"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
}
:root {
  --font-mono: 'DM Mono', ui-monospace, monospace;
--dao-weiss: var(--white);
--dao-seitengrund: color-mix(in srgb, var(--base-ultra-light) 42%, var(--white));
--dao-kartengrund: #f3f5fb;
--dao-linie: #e6e9f3;
--dao-linie-stark: #dce2f2;
--dao-fliesstext: color-mix(in srgb, var(--base) 70%, var(--white));
--dao-text-platzhalter: #8a90a8;
--dao-fehler: #c2334d;
--dao-navy: var(--base);
--dao-blau: var(--primary);
--dao-blau-mittel: #2a33b0;
--dao-nachtblau: #161c80;
--dao-nachtblau-tief: #0a0e55;
--dao-hellblau: var(--secondary);
--dao-blau-hell: #d6e2ff;
--dao-blau-pastell: #c9d6ff;
--dao-blauverlauf-start: #dce5ff;
--dao-blauverlauf-ende: #f1f4fc;
--dao-badge-grund: #e9eefb;
--dao-badge-rand: #c9d4f5;
--dao-dunkellila: var(--tertiary);
--dao-lila-kachel: #dccbf6;
--dao-lila-rand: #e7dbf7;
--dao-lilaverlauf-start: #ece1fb;
--dao-lilaverlauf-ende: #f6f2fd;
--dao-glow-lila: #eee3fb;
--dao-glow-blau: #dee6ff;
--dao-glow-blau-hell: #e2e9ff;
--dao-glow-blau-stark: #dce6ff;
--dao-glow-blau-mitte: #eef2fd;
--dao-seitengrund-0: #f6f7fb00;
--dao-weiss-04: #ffffff0b;
--dao-weiss-05: #ffffff0d;
--dao-weiss-06: #ffffff0f;
--dao-weiss-07: #ffffff12;
--dao-weiss-08: #ffffff14;
--dao-weiss-10: #ffffff1a;
--dao-weiss-12: #ffffff1f;
--dao-weiss-13: #ffffff21;
--dao-weiss-15: #ffffff26;
--dao-weiss-16: #ffffff29;
--dao-weiss-20: #ffffff33;
--dao-weiss-40: #ffffff66;
--dao-weiss-45: #ffffff73;
--dao-weiss-50: #ffffff80;
--dao-weiss-60: #ffffff99;
--dao-weiss-65: #ffffffa6;
--dao-weiss-70: #ffffffb3;
--dao-weiss-75: #ffffffbf;
--dao-weiss-80: #ffffffcc;
--dao-weiss-85: #ffffffd9;
--dao-navy-00: color-mix(in srgb, var(--dao-navy) 0%, transparent);
--dao-navy-18: color-mix(in srgb, var(--dao-navy) 18%, transparent);
--dao-navy-20: color-mix(in srgb, var(--dao-navy) 20%, transparent);
--dao-navy-25: color-mix(in srgb, var(--dao-navy) 25%, transparent);
--dao-navy-35: color-mix(in srgb, var(--dao-navy) 35%, transparent);
--dao-navy-45: color-mix(in srgb, var(--dao-navy) 45%, transparent);
--dao-navy-50: color-mix(in srgb, var(--dao-navy) 50%, transparent);
--dao-mitternacht-55: #0102288c;
--dao-blau-25: color-mix(in srgb, var(--dao-blau) 25%, transparent);
--dao-blau-35: color-mix(in srgb, var(--dao-blau) 35%, transparent);
--dao-blau-70: color-mix(in srgb, var(--dao-blau) 70%, transparent);
--dao-hellblau-00: color-mix(in srgb, var(--dao-hellblau) 0%, transparent);
--dao-hellblau-70: color-mix(in srgb, var(--dao-hellblau) 70%, transparent);
--dao-hellblau-90: color-mix(in srgb, var(--dao-hellblau) 90%, transparent);
--dao-flieder-00: #b794f400;
--dao-flieder-80: #b794f4cc;
--dao-glow-blau-zart: #e4ebff;
--dao-glow-blau-kuehl: #e7edff;
--dao-glow-lila-zart: #f1eefb;
--dao-avatar-dunkel: #2c2e2e;
--dao-avatar-tief: #1c1e1e;
--dao-avatar-grau: #999999;
--dao-avatar-warm: #55524e;
--dao-avatar-hell: #c9c8c5;
--dao-rasterlinie: #e3e2df;
--dao-schatten-navy: 0 1rem 2rem calc(0.875rem * -1) color-mix(in srgb, var(--dao-navy) 60%, transparent);
--dao-schatten-blau: 0 0.875rem 1.75rem calc(0.875rem * -1) color-mix(in srgb, var(--dao-blau) 60%, transparent);
--dao-schatten-hellblau: 0 0.875rem 2rem calc(0.75rem * -1) color-mix(in srgb, var(--dao-hellblau) 55%, transparent);
--dao-font: var(--text-font-family);
--dao-font-mono: "DM Mono", ui-monospace, monospace;
--dao-h1-size: var(--h1);
--dao-h1-line: 5.5rem;
--dao-h1-spacing: var(--h1-letter-spacing);
--dao-h2-size: var(--h2);
--dao-h2-line: 4.125rem;
--dao-h2-spacing: var(--h2-letter-spacing);
--dao-h3-size: var(--h3);
--dao-h3-line: 2.875rem;
--dao-h3-spacing: var(--h3-letter-spacing);
--dao-button-height: 3.125rem;
--dao-button-padding: var(--btn-padding-inline);
--dao-section-space: var(--section-padding-block);
--dao-content: var(--content-width);
--dao-gutter: max(var(--gutter), calc((100% - var(--dao-content)) / 2));
--dao-header-height: 5.625rem;
}
:where([data-etch-element="iframe"]) {
  inline-size: 100%;
  height: auto;
 aspect-ratio: 16/9;
}
:where([data-etch-element="section"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.badge {
  display: flex; align-items: center; gap: 0.625rem; margin: 0; padding: 0.25rem 1.125rem 0.25rem 0.25rem; border: 1px solid var(--dao-badge-rand); border-radius: 6.25rem; background: var(--dao-weiss-80); font-family: var(--dao-font-mono); font-size: 0.75rem; font-weight: 500; line-height: 0.75rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-navy); @media (max-width: 767px) { gap: 0.3125rem; padding-right: 0.625rem; font-size: 0.6875rem; line-height: 0.6875rem; }
}
.badge__tag {
  padding: 0.3125rem 0.75rem; white-space: nowrap; border-radius: 6.25rem; background: var(--dao-blau); color: var(--dao-weiss); @media (max-width: 767px) { padding: 0.3125rem; font-size: 0.75rem; line-height: 0.75rem; }
}
.proof {
  display: flex; align-items: center; gap: 0.9375rem; @media (max-width: 1199px) { gap: 0.625rem; } @media (max-width: 767px) { gap: 0.3125rem; }
}
.proof__avatars {
  display: flex; gap: 0;
}
.proof__text {
  display: flex; flex-direction: column; gap: 2px;
}
.proof__number {
  margin: 0; font-family: var(--dao-font); font-size: 1.25rem; font-weight: 500; line-height: 1.5rem; letter-spacing: -0.02em; color: var(--dao-navy); @media (max-width: 767px) { font-size: 1.125rem; line-height: 1.375rem; }
}
.proof__label {
  margin: 0; font-family: var(--dao-font-mono); font-size: 0.75rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-fliesstext); @media (max-width: 767px) { font-size: 0.625rem; line-height: 0.75rem; }
}
.hero {
  align-items: stretch; gap: 0; position: relative; isolation: isolate; display: block; margin: 0; padding: var(--dao-header-height) 0 calc(var(--dao-section-space) / 2); overflow: hidden; background: var(--dao-seitengrund);
}
.hero__head {
  position: relative; display: flex; flex-direction: column; align-items: center; gap: 1.75rem; padding: 5.5rem var(--dao-gutter) 4.5rem; text-align: center; @media (max-width: 1199px) { gap: 1.375rem; padding: 2.75rem var(--dao-gutter) 3.75rem; } @media (max-width: 767px) { gap: 1.0625rem; padding: 2.4375rem var(--dao-gutter) 2.5rem; } @media (min-width: 1200px) { gap: 1.875rem; padding: 5rem var(--dao-gutter) 6.25rem; }
}
.hero__title {
  max-width: 62.5rem; text-wrap: wrap; @media (max-width: 1199px) { max-width: 45rem; }
}
.hero__buttons {
  display: flex; align-items: center; gap: 0.625rem; padding-top: 0.25rem; @media (max-width: 1199px) { gap: 0.625rem; padding-top: 0; } @media (max-width: 767px) { flex-direction: column; align-items: stretch; width: 100%; } @media (min-width: 1200px) { gap: 0.625rem; padding-top: 0; }
}
.hero__media {
  gap: 0; position: relative; height: 45.625rem; @media (max-width: 1199px) { height: 37.5rem; } @media (max-width: 767px) { height: 26.25rem; } @media (min-width: 1200px) { height: 58.75rem; }
}
.hero__intro {
  position: absolute; top: calc(0.1875rem * -1); left: 0; z-index: 1; display: flex; flex-direction: column; gap: 1.375rem; width: calc(var(--dao-gutter) + 36.25rem); height: 11.1875rem; padding-left: var(--dao-gutter); border-bottom-right-radius: 1rem; background: var(--dao-seitengrund); @media (max-width: 1199px) { gap: 1.25rem; width: calc(var(--dao-gutter) + 31.5625rem); height: 11.4375rem; padding-left: var(--dao-gutter); } @media (max-width: 767px) { top: -2px; gap: 0.625rem; width: calc(var(--dao-gutter) + 18.75rem); height: 10rem; padding: 0 0.625rem 0 var(--dao-gutter); border-bottom-right-radius: 0.75rem; } @media (min-width: 1200px) { gap: 2.5rem; width: calc(var(--dao-gutter) + 58.125rem); height: 14.3125rem; }
}
.hero__lead {
  max-width: 31.25rem; margin: 0; font-family: var(--dao-font); font-size: 1.375rem; font-weight: 500; line-height: 1.8125rem; letter-spacing: -0.02em; color: var(--dao-fliesstext); @media (max-width: 1199px) { max-width: 31.25rem; font-size: 1.25rem; line-height: 1.5rem; } @media (max-width: 767px) { max-width: 18.125rem; font-size: 1rem; line-height: 1.3125rem; } @media (min-width: 1200px) { font-size: 1.5rem; line-height: 1.8125rem; }
}
.hero__image {
  gap: 0; position: absolute; inset: 0 0.5rem; display: flex; justify-content: center; align-items: center; overflow: hidden; border-radius: 1rem; background: url("../assets/hero-bildflaeche.svg") center / cover no-repeat; @media (max-width: 1199px) { inset: 0 0.625rem; background-position: 30% center; } @media (min-width: 1200px) { inset: 0 0.625rem; }
}
.hero__video {
  position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 60%;
}
.hero__card {
  position: absolute; bottom: 1rem; left: var(--dao-gutter); z-index: 2; display: flex; gap: 0.875rem; width: 22.5rem; height: 7.75rem; padding: 0.25rem; border-radius: 0.375rem; background: var(--dao-kartengrund); text-decoration: none; &:focus-visible { outline: 2px solid var(--dao-weiss); outline-offset: 0.1875rem; } @media (max-width: 1199px) { bottom: 1.25rem; left: var(--dao-gutter); gap: 0.625rem; width: 22.5rem; height: 7.375rem; padding: 0.3125rem; } @media (max-width: 767px) { display: none; } @media (min-width: 1200px) { bottom: 1.25rem; gap: 0.9375rem; width: 28.75rem; height: 9.375rem; padding: 0.3125rem; }
}
:where(h1, h2, h3, h4, h5, h6, p, blockquote, figcaption, li) {
  text-wrap: wrap;
}
.only-mobile {
  display: none; @media (max-width: 767px) { display: inline; }
}
.hide-mobile {
  @media (max-width: 767px) { display: none; }
}
.label {
  margin: 0; padding: 0.3125rem 0.75rem; border-radius: 6.25rem; background: var(--dao-badge-grund); font-family: var(--dao-font-mono); font-size: 0.75rem; font-weight: 500; line-height: 0.75rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-navy);
}
.label--on-white {
  background: var(--dao-linie);
}
.label--dark {
  background: var(--dao-weiss-10); color: var(--dao-weiss);
}
.badge--dark {
  border-color: var(--dao-weiss-12); background: var(--dao-weiss-15); -webkit-backdrop-filter: blur(2.5rem); backdrop-filter: blur(2.5rem); color: var(--dao-weiss);
}
.badge--dark .badge__tag {
  background: var(--dao-hellblau); color: var(--dao-navy);
}
.proof__avatars span {
  display: block; flex-shrink: 0; object-fit: cover; width: 2.5rem; height: 2.5rem; border: 2px solid var(--dao-seitengrund); border-radius: 50%; background: var(--dao-avatar-dunkel); @media (max-width: 1199px) { width: 2.1875rem; height: 2.1875rem; } @media (max-width: 767px) { width: 1.875rem; height: 1.875rem; }
}
.proof__avatars img {
  display: block; flex-shrink: 0; object-fit: cover; width: 2.5rem; height: 2.5rem; border: 2px solid var(--dao-seitengrund); border-radius: 50%; background: var(--dao-avatar-dunkel); @media (max-width: 1199px) { width: 2.1875rem; height: 2.1875rem; } @media (max-width: 767px) { width: 1.875rem; height: 1.875rem; }
}
.proof__avatars span + span {
  margin-left: calc(0.625rem * -1);
}
.proof__avatars img + img {
  margin-left: calc(0.625rem * -1);
}
.proof__avatars span:nth-child(2) {
  background: var(--dao-fliesstext);
}
.proof__avatars span:nth-child(3) {
  background: var(--dao-avatar-tief);
}
.proof__avatars span:nth-child(4) {
  background: var(--dao-avatar-grau);
}
.dao-h1 {
  margin: 0; font-family: var(--dao-font); font-size: var(--dao-h1-size); font-weight: 500; line-height: var(--dao-h1-line); letter-spacing: var(--dao-h1-spacing); color: var(--dao-navy);
}
.dao-h2 {
  margin: 0; font-family: var(--dao-font); font-size: var(--dao-h2-size); font-weight: 500; line-height: var(--dao-h2-line); letter-spacing: var(--dao-h2-spacing); color: var(--dao-navy);
}
.dao-h3 {
  margin: 0; font-family: var(--dao-font); font-size: var(--dao-h3-size); font-weight: 500; line-height: var(--dao-h3-line); letter-spacing: var(--dao-h3-spacing); color: var(--dao-navy);
}
.lead {
  margin: 0; font-family: var(--dao-font); font-size: 1rem; font-weight: 400; line-height: 1.5rem; color: var(--dao-fliesstext);
}
.button {
  display: flex; align-items: center; justify-content: center; gap: 0.625rem; min-height: var(--dao-button-height); padding: 0 var(--dao-button-padding); border: 0; border-radius: 0.375rem; font-family: var(--dao-font-mono); font-size: 0.9375rem; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.02em; text-transform: uppercase; text-decoration: none; cursor: pointer; transition: transform 0.15s ease; &:hover { transform: translateY(-1px); } &:focus-visible { outline: 2px solid var(--dao-blau); outline-offset: 0.1875rem; }
}
.button svg {
  flex-shrink: 0; width: 0.875rem; height: 0.875rem;
}
.button--primary {
  background: var(--dao-blau); box-shadow: 0 1rem 2rem calc(0.875rem * -1) var(--dao-blau-70); color: var(--dao-weiss); &:hover { background: var(--dao-blau); box-shadow: 0 1rem 2rem calc(0.875rem * -1) var(--dao-blau-70); color: var(--dao-weiss); }
}
.button--secondary {
  border: 1px solid var(--dao-badge-rand); background: var(--dao-weiss); box-shadow: 0 0.625rem 1.5rem calc(1rem * -1) var(--dao-navy-35); color: var(--dao-navy); &:hover { border: 1px solid var(--dao-badge-rand); background: var(--dao-weiss); box-shadow: 0 0.625rem 1.5rem calc(1rem * -1) var(--dao-navy-35); color: var(--dao-navy); } &:has(.button__tag) { padding-right: 0.5rem; }
}
.button__tag {
  padding: 0.3125rem 0.5rem; border-radius: 0.25rem; background: var(--dao-blau-hell); font-size: 0.75rem; line-height: 0.875rem; color: var(--dao-blau);
}
.button--navy {
  background: var(--dao-navy); box-shadow: var(--dao-schatten-navy); color: var(--dao-weiss); &:hover { background: var(--dao-navy); box-shadow: var(--dao-schatten-navy); color: var(--dao-weiss); }
}
.button--light {
  background: var(--dao-hellblau); box-shadow: var(--dao-schatten-blau); color: var(--dao-navy); &:hover { background: var(--dao-hellblau); box-shadow: var(--dao-schatten-blau); color: var(--dao-navy); }
}
.button--glow {
  box-shadow: var(--dao-schatten-hellblau); &:hover { box-shadow: var(--dao-schatten-hellblau); }
}
.button--soft {
  background: color-mix(in srgb, var(--dao-hellblau) 55%, transparent); box-shadow: var(--dao-schatten-blau); color: var(--dao-navy); &:hover { background: color-mix(in srgb, var(--dao-hellblau) 55%, transparent); box-shadow: var(--dao-schatten-blau); color: var(--dao-navy); }
}
.panel {
  align-items: stretch; display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0 0.625rem; background: none; @media (max-width: 1199px) { padding-inline: 0.5rem; }
}
.panel__card {
  --dao-card-gutter: max(1.875rem, calc((100% - 85rem) / 2)); position: relative; display: flex; flex-direction: column; gap: 4.0625rem; padding: var(--dao-section-space) var(--dao-card-gutter); border-radius: 1rem; background: var(--dao-weiss); &::before { content: ""; position: absolute; top: 0; bottom: 0; width: 1px; background: var(--dao-linie); pointer-events: none; } &::after { content: ""; position: absolute; top: 0; bottom: 0; width: 1px; background: var(--dao-linie); pointer-events: none; } &::before { left: calc(var(--dao-card-gutter) - 0.625rem); } &::after { right: calc(var(--dao-card-gutter) - 0.625rem); } @media (max-width: 1199px) { --dao-card-gutter: calc(var(--dao-gutter) - 0.5rem); gap: 3.125rem; } @media (max-width: 1199px) { &::before { left: calc(var(--dao-card-gutter) - 0.5rem); } } @media (max-width: 1199px) { &::after { right: calc(var(--dao-card-gutter) - 0.5rem); } } @media (max-width: 767px) { gap: 1.875rem; border-radius: 0.75rem; }
}
.section-head {
  display: flex; flex-direction: column; align-items: center; gap: 1.5625rem; text-align: center; @media (max-width: 767px) { gap: 1rem; }
}
.glow {
  position: absolute; top: 0; left: 0; width: 100%; height: 56.25rem; background-image:
    radial-gradient(ellipse 38% 48% at 88% 10% in oklab, var(--dao-glow-lila) 0%, var(--dao-seitengrund-0) 100%),
    radial-gradient(ellipse 70% 60% at 50% 0% in oklab, var(--dao-glow-blau-stark) 0%, var(--dao-glow-blau-mitte) 45%, var(--dao-seitengrund-0) 100%); pointer-events: none; @media (max-width: 1199px) { height: 40rem; background-image:
      radial-gradient(ellipse 60% 40% at 92% 8% in oklab, var(--dao-glow-lila) 0%, var(--dao-seitengrund-0) 100%),
      radial-gradient(ellipse 70% 60% at 50% 0% in oklab, var(--dao-glow-blau-stark) 0%, var(--dao-glow-blau-mitte) 45%, var(--dao-seitengrund-0) 100%); } @media (max-width: 767px) { height: 35rem; }
}
.pattern {
  position: absolute; top: 0; left: 0; width: 100%; height: 38.75rem; background: url("../assets/hero-muster-kachel.svg") 0 0 / 2.03125rem 0.8675rem repeat; -webkit-mask-image: linear-gradient(#000 0%, rgb(0 0 0 / 0.7) 65%, transparent 100%); mask-image: linear-gradient(#000 0%, rgb(0 0 0 / 0.7) 65%, transparent 100%); pointer-events: none; &::after { position: absolute; top: 0; left: 0; width: 100%; height: 38.75rem; background: url("../assets/hero-muster-kachel.svg") 0 0 / 2.03125rem 0.8675rem repeat; -webkit-mask-image: linear-gradient(#000 0%, rgb(0 0 0 / 0.7) 65%, transparent 100%); mask-image: linear-gradient(#000 0%, rgb(0 0 0 / 0.7) 65%, transparent 100%); pointer-events: none; } &::after { content: ""; -webkit-mask-image:
    linear-gradient(#000 0%, rgb(0 0 0 / 0.7) 65%, transparent 100%),
    radial-gradient(60% 60% at 50% 40%, transparent 45%, #000 100%); -webkit-mask-composite: source-in; mask-image:
    linear-gradient(#000 0%, rgb(0 0 0 / 0.7) 65%, transparent 100%),
    radial-gradient(60% 60% at 50% 40%, transparent 45%, #000 100%); mask-composite: intersect; }
}
.hero-dark {
  align-items: stretch; position: relative; isolation: isolate; overflow: hidden; background: linear-gradient(in oklab 180deg, var(--dao-blau-mittel) 0%, var(--dao-nachtblau) 55%, var(--dao-nachtblau-tief) 100%);
}
.hero-dark__pattern {
  position: absolute; right: 0; bottom: 0; left: 0; z-index: -1; pointer-events: none; height: 35rem; background: url("../assets/ueber-hero-muster.svg") center / cover no-repeat; opacity: 0.75; @media (max-width: 1199px) { height: 26.25rem; } @media (max-width: 767px) { height: 18.75rem; }
}
.hero-dark__shade {
  position: absolute; right: 0; bottom: 0; left: 0; z-index: -1; pointer-events: none; height: 26.25rem; background: linear-gradient(in oklab 180deg, transparent 0%, color-mix(in srgb, var(--dao-navy) 75%, transparent) 100%);
}
.ticker {
  --dao-ticker-width: 40.125rem; --dao-ticker-gap: 0.5rem; display: flex; gap: 0; width: 100%; max-width: var(--dao-ticker-width); margin-inline: auto; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 18%, #000 82%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0%, #000 18%, #000 82%, transparent 100%);
}
.ticker__track {
  display: flex; flex-shrink: 0; gap: var(--dao-ticker-gap); margin: 0; padding: 0 var(--dao-ticker-gap) 0 0; list-style: none; animation: dao-ticker-laufen 30s linear infinite; @media (prefers-reduced-motion: reduce) { animation: none; }
}
.ticker:hover .ticker__track {
  animation-play-state: paused;
}
video::-webkit-media-controls {
  display: none !important; -webkit-appearance: none;
}
video::-webkit-media-controls-start-playback-button {
  display: none !important; -webkit-appearance: none;
}
video::-webkit-media-controls-overlay-play-button {
  display: none !important; -webkit-appearance: none;
}
.form {
  display: flex; flex-direction: column; gap: 1.25rem; margin: 0;
}
.form__field {
  display: flex; flex-direction: column; gap: 0.625rem;
}
.form__label {
  font-family: var(--dao-font); font-size: 0.875rem; font-weight: 500; line-height: 1.125rem; color: var(--dao-navy);
}
.form__input {
  display: block; width: 100%; min-height: 2.875rem; margin: 0; padding: 0.75rem 1rem; border: 1px solid transparent; border-radius: 0.25rem; background: var(--dao-kartengrund); font-family: var(--dao-font); font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; color: var(--dao-navy); transition: border-color 0.15s ease, background-color 0.15s ease; &::placeholder { color: var(--dao-text-platzhalter); opacity: 1; } &:focus-visible { border-color: var(--dao-hellblau); outline: none; background: var(--dao-weiss); }
}
textarea.form__input {
  min-height: 6rem; resize: vertical;
}
.form__submit {
  width: 100%;
}
.form__row {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; @media (max-width: 767px) { grid-template-columns: minmax(0, 1fr); }
}
select.form__input {
  padding-right: 2.5rem; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5L6 8l3.5-3.5' fill='none' stroke='%2321299C' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-position: right 1rem center; background-repeat: no-repeat; background-size: 0.75rem 0.75rem; cursor: pointer;
}
select.form__input:invalid {
  color: var(--dao-text-platzhalter);
}
select.form__input option {
  color: var(--dao-navy);
}
.form__note {
  margin: 0; font-family: var(--dao-font); font-size: 0.875rem; font-weight: 400; line-height: 1.25rem; color: var(--dao-fliesstext);
}
.form__note a {
  text-decoration: underline; text-underline-offset: 2px; color: inherit;
}
.form__note a:hover {
  color: var(--dao-blau);
}
.prose {
  display: flex; flex-direction: column; gap: 0;
}
.prose > * {
  margin: 0;
}
.prose > * + * {
  margin-top: 2.5rem; @media (max-width: 767px) { margin-top: 1.875rem; }
}
.prose > h2 + * {
  margin-top: 1rem;
}
.prose > h3 + * {
  margin-top: 1rem;
}
.prose h2 {
  font-family: var(--dao-font); font-size: 1.75rem; font-weight: 500; line-height: 2rem; letter-spacing: -0.04em; color: var(--dao-navy); scroll-margin-top: 1.875rem; @media (max-width: 767px) { font-size: 1.5rem; line-height: 1.75rem; }
}
.prose h3 {
  font-family: var(--dao-font); font-size: 1.75rem; font-weight: 500; line-height: 2rem; letter-spacing: -0.04em; color: var(--dao-navy); font-size: 1.25rem; line-height: 1.625rem; letter-spacing: -0.02em; scroll-margin-top: 1.875rem;
}
.prose p {
  font-family: var(--dao-font); font-size: 1rem; font-weight: 400; line-height: 1.5rem; color: var(--dao-fliesstext);
}
.prose li {
  font-family: var(--dao-font); font-size: 1rem; font-weight: 400; line-height: 1.5rem; color: var(--dao-fliesstext);
}
.prose > p + p {
  margin-top: 1rem;
}
.page-head {
  position: relative; isolation: isolate; display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 1.875rem; margin: 0; padding: calc(var(--dao-header-height) + 6.875rem) var(--dao-gutter) 5rem; overflow: hidden; background: none; &::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: -1; height: 10rem; background: linear-gradient(180deg, var(--dao-seitengrund-0) 0%, var(--dao-seitengrund) 100%); pointer-events: none; } @media (max-width: 1199px) { flex-direction: column; align-items: flex-start; gap: 1.875rem; padding-top: calc(var(--dao-header-height) + 3.375rem); padding-bottom: 4.375rem; } @media (max-width: 767px) { gap: 1.5625rem; padding-bottom: 3.125rem; }
}
.page-head > .glow {
  z-index: -1;
}
.page-head > .pattern {
  z-index: -1;
}
.page-head__content {
  display: flex; flex: 0 1 57.5rem; flex-direction: column; align-items: flex-start; gap: 1.5625rem; min-width: 0; @media (max-width: 1199px) { flex: none; gap: 1.25rem; } @media (max-width: 767px) { gap: 1rem; }
}
.page-head__title {
  text-wrap: balance; @media (max-width: 767px) { hyphens: auto; }
}
.page-head > .proof {
  flex-shrink: 0; padding-bottom: 0.375rem;
}
.form-card {
  position: sticky; top: 7.5rem; display: flex; flex: 0 0 27.5rem; flex-direction: column; gap: 1.5625rem; padding: 1.5625rem; border: 1px solid var(--dao-linie); border-radius: 0.375rem; background: var(--dao-weiss); @media (max-width: 1199px) { position: static; flex: none; } @media (max-width: 767px) { gap: 1.25rem; padding: 1.125rem; }
}
.form-card__title {
  margin: 0; font-family: var(--dao-font); font-size: 1.5rem; font-weight: 500; line-height: 1.8125rem; letter-spacing: -0.03em; color: var(--dao-navy); @media (max-width: 767px) { font-size: 1.25rem; line-height: 1.5rem; }
}
.prose .prose__lead {
  font-family: var(--dao-font); font-size: 1.5rem; font-weight: 500; line-height: 1.9375rem; letter-spacing: -0.03em; color: var(--dao-navy); @media (max-width: 767px) { font-size: 1.25rem; line-height: 1.625rem; }
}
.page-head--wide {
  padding-bottom: 3.75rem; @media (max-width: 1199px) { padding-bottom: 3.125rem; } @media (max-width: 767px) { padding-bottom: 2.5rem; }
}
.page-head--wide .page-head__content {
  @media (min-width: 1200px) { flex-basis: 67.5rem; }
}
.facts {
  display: flex; align-items: center; justify-content: space-between; gap: 0.9375rem; margin: 0; padding: 1.25rem 0 0; border-top: 1px solid var(--dao-linie-stark); @media (max-width: 1199px) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: 1.25rem 0.9375rem; } @media (max-width: 767px) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem 0.9375rem; padding-top: 1rem; }
}
.facts__item {
  display: flex; flex-direction: column; gap: 0.625rem; margin: 0; @media (max-width: 767px) { gap: 0.375rem; }
}
.facts__label {
  margin: 0; font-family: var(--dao-font-mono); font-size: 0.75rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-fliesstext);
}
.facts__value {
  margin: 0; font-family: var(--dao-font); font-size: 1.125rem; font-weight: 500; line-height: 1.375rem; letter-spacing: -0.02em; color: var(--dao-navy); @media (max-width: 767px) { font-size: 1rem; line-height: 1.25rem; }
}
.facts__person {
  display: flex; align-items: center; gap: 0.75rem; @media (max-width: 1199px) { grid-column: 1 / -1; }
}
.facts__person .facts__item {
  flex-direction: column-reverse; gap: 0.25rem;
}
.facts__avatar {
  flex-shrink: 0; width: 2.5rem; height: 2.5rem; border-radius: 100%; background: var(--dao-avatar-warm);
}
.media {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.375rem; border-radius: 0.5rem; background: url("../assets/ueber-bildflaeche.svg") center / cover no-repeat;
}
.cta-box {
  position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; padding: 2rem; overflow: hidden; border: 1px solid var(--dao-lila-rand); border-radius: 0.5rem; background: linear-gradient(in oklab 180deg, var(--dao-lilaverlauf-start) 0%, var(--dao-lilaverlauf-ende) 75%); @media (max-width: 767px) { gap: 1rem; padding: 2rem 1.5rem 1.75rem; }
}
.cta-box .cta-box__title {
  position: relative; margin: 0; font-family: var(--dao-font); font-size: 1.75rem; font-weight: 500; line-height: 2rem; letter-spacing: -0.04em; color: var(--dao-navy); @media (max-width: 767px) { font-size: 1.5rem; line-height: 1.75rem; }
}
.cta-box .cta-box__text {
  position: relative; max-width: 37.5rem; margin: 0; font-family: var(--dao-font); font-size: 1rem; font-weight: 400; line-height: 1.5rem; color: var(--dao-fliesstext);
}
.cta-box__buttons {
  position: relative; display: flex; flex-wrap: wrap; gap: 0.625rem; padding-top: 0.5rem; @media (max-width: 767px) { flex-direction: column; align-items: stretch; gap: 0.75rem; width: 100%; padding-top: 0.75rem; }
}
.cta-box--navy {
  padding: 2.25rem; border: 0; background: linear-gradient(in oklab 180deg, var(--dao-blau-mittel) 0%, var(--dao-nachtblau) 45%, var(--dao-navy) 100%); box-shadow: 0 1.5rem 3rem calc(1.5rem * -1) var(--dao-navy-35); &::before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 75%; background: url("../assets/beratung-hero-muster.svg") center bottom / cover no-repeat; opacity: 0.55; -webkit-mask-image: linear-gradient(0deg, #000 25%, transparent 100%); mask-image: linear-gradient(0deg, #000 25%, transparent 100%); pointer-events: none; } @media (max-width: 767px) { gap: 1rem; padding: 2rem 1.5rem 1.75rem; }
}
.cta-box.cta-box--navy .cta-box__title {
  color: var(--dao-weiss);
}
.cta-box.cta-box--navy .cta-box__text {
  color: var(--dao-weiss-75);
}
.cta-box > .label {
  position: relative;
}
.cta-box__wave {
  position: absolute; top: 2.25rem; right: 2.25rem; width: 7rem; height: auto; color: var(--dao-hellblau); opacity: 0.35; pointer-events: none; @media (max-width: 767px) { top: 2.0625rem; right: 1.5rem; width: 6rem; }
}
.prose > h2 + h3 {
  margin-top: 1.25rem;
}
.prose > p + h3 {
  margin-top: 1.5rem;
}
.prose > h3 + p {
  margin-top: 0.75rem;
}
.toc {
  display: flex; flex-direction: column; padding: 0.375rem; border: 1px solid var(--dao-linie); border-radius: 0.5rem; background: var(--dao-weiss); box-shadow: 0 1.125rem 2.5rem calc(1.75rem * -1) var(--dao-navy-25);
}
.toc__head {
  display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.875rem 0.875rem 0.875rem 1.125rem; list-style: none; cursor: pointer; &::-webkit-details-marker { display: none; } &:focus-visible { outline: 2px solid var(--dao-blau); outline-offset: 2px; border-radius: 0.375rem; } @media (max-width: 767px) { padding: 0.75rem 0.75rem 0.75rem 0.875rem; }
}
.toc__head-start {
  display: flex; align-items: center; gap: 0.75rem; min-width: 0; @media (max-width: 767px) { gap: 0.625rem; }
}
.toc__meta {
  font-family: var(--dao-font-mono); font-size: 0.75rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-fliesstext);
}
.toc__toggle-text {
  font-family: var(--dao-font-mono); font-size: 0.75rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-fliesstext); color: var(--dao-navy);
}
.toc__toggle {
  display: flex; flex-shrink: 0; align-items: center; gap: 0.625rem;
}
.toc__toggle-text--open {
  display: none;
}
.toc[open] .toc__toggle-text--closed {
  display: none;
}
.toc[open] .toc__toggle-text--open {
  display: inline; @media (max-width: 767px) { display: none; }
}
.toc__icon {
  display: flex; align-items: center; justify-content: center; width: 1.875rem; height: 1.875rem; border: 1px solid var(--dao-linie-stark); border-radius: 100%; background: var(--dao-seitengrund); color: var(--dao-blau); @media (max-width: 767px) { width: 1.75rem; height: 1.75rem; }
}
.toc__icon svg {
  width: 0.75rem; height: 0.75rem; transition: transform 0.2s ease;
}
.toc[open] .toc__icon svg {
  transform: rotate(180deg);
}
.toc__head:hover .toc__icon {
  border-color: var(--dao-hellblau); background: var(--dao-hellblau); color: var(--dao-navy);
}
.toc__body {
  padding: 0.625rem 1.5rem 0.875rem; border-radius: 0.25rem; background: var(--dao-kartengrund); @media (max-width: 767px) { padding: 0.375rem 1rem 0.625rem; }
}
.toc__list {
  display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0; list-style: none;
}
.toc__sub {
  display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0; list-style: none; margin: 2px 0 0.375rem 1.75rem; padding-left: 1rem; border-left: 1px solid var(--dao-linie-stark);
}
.toc__item--h1 {
  margin-bottom: 0.375rem; border-bottom: 1px solid var(--dao-linie-stark);
}
.toc__link {
  display: flex; align-items: center; gap: 0.75rem; padding: 0.375rem 0; font-family: var(--dao-font); font-size: 1rem; font-weight: 500; line-height: 1.375rem; letter-spacing: -0.02em; text-decoration: none; color: var(--dao-navy); transition: color 0.15s ease; &:hover { color: var(--dao-blau); } &:focus-visible { outline: 2px solid var(--dao-blau); outline-offset: 2px; border-radius: 0.25rem; }
}
.toc__item--h1 > .toc__link {
  padding: 0.75rem 0; font-size: 1.125rem; line-height: 1.5rem; @media (max-width: 767px) { font-size: 1rem; line-height: 1.375rem; }
}
.toc__item--h1 > .toc__link svg {
  flex-shrink: 0; width: 1rem; height: 1rem; color: var(--dao-blau);
}
.toc__number {
  flex-shrink: 0; width: 1rem; font-family: var(--dao-font-mono); font-size: 0.75rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0; color: var(--dao-blau);
}
.toc__sub .toc__link {
  padding: 0.3125rem 0; font-size: 0.9375rem; font-weight: 400; line-height: 1.3125rem; letter-spacing: 0; color: var(--dao-fliesstext);
}
.toc__sub .toc__link:hover {
  color: var(--dao-blau);
}
.toc__link[aria-current="location"] {
  color: var(--dao-blau);
}
.toc__sub .toc__link[aria-current="location"] {
  color: var(--dao-blau);
}
.toc__link[aria-current="location"]::after {
  content: "Sie lesen hier"; flex-shrink: 0; padding: 0.1875rem 0.5rem; border-radius: 6.25rem; background: var(--dao-blau-hell); font-family: var(--dao-font-mono); font-size: 0.6875rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-blau); @media (max-width: 767px) { content: "Hier"; }
}
.prose h1 {
  scroll-margin-top: 1.875rem;
}
.toc__meta-time {
  @media (max-width: 767px) { display: none; }
}
.page-head__lead {
  max-width: 35rem;
}
.page-head__buttons {
  display: flex; flex-wrap: wrap; gap: 0.625rem; padding-top: 0.3125rem; @media (max-width: 767px) { flex-direction: column; align-items: stretch; width: 100%; padding-top: 0; }
}
.steps {
  display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0; border-top: 1px solid var(--dao-linie-stark); list-style: none;
}
.steps__item {
  display: flex; gap: 1.25rem; padding: 1.5rem 0; border-bottom: 1px solid var(--dao-linie-stark); @media (max-width: 767px) { gap: 0.75rem; padding: 1.125rem 0; }
}
.steps__number {
  flex-shrink: 0; width: 2.5rem; font-family: var(--dao-font-mono); font-size: 0.75rem; font-weight: 500; line-height: 1.625rem; letter-spacing: 0.02em; color: var(--dao-blau); @media (max-width: 767px) { width: 1.75rem; }
}
.steps__text {
  display: flex; flex-direction: column; gap: 0.375rem;
}
.steps__title {
  margin: 0; font-family: var(--dao-font); font-size: 1.25rem; font-weight: 500; line-height: 1.625rem; letter-spacing: -0.02em; color: var(--dao-navy); @media (max-width: 767px) { font-size: 1.125rem; line-height: 1.5rem; }
}
.steps__desc {
  margin: 0; font-family: var(--dao-font); font-size: 1rem; font-weight: 400; line-height: 1.5rem; color: var(--dao-fliesstext); @media (max-width: 767px) { font-size: 0.9375rem; line-height: 1.375rem; }
}
.prose a:not(.button):focus-visible {
  outline: 2px solid var(--dao-blau); outline-offset: 2px; border-radius: 2px;
}
.prose--legal h2 {
  font-size: 1.375rem; line-height: 1.75rem; letter-spacing: -0.02em; hyphens: auto;
}
.prose--legal p {
  overflow-wrap: anywhere;
}
.text-section {
  display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0 var(--dao-gutter) var(--dao-section-space); background: none;
}
.text-section__body {
  width: 100%; max-width: 47.5rem; margin: 0 auto;
}
.label--dot {
  display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.375rem 0.75rem 0.375rem 0.5rem; border: 1px solid var(--dao-badge-rand); background: var(--dao-weiss-80); &::before { content: ""; flex-shrink: 0; width: 0.375rem; height: 0.375rem; border: 0.25rem solid var(--dao-blau-hell); border-radius: 100%; background: var(--dao-blau); box-sizing: content-box; }
}
.page-head--center {
  justify-content: center; @media (max-width: 1199px) { align-items: center; }
}
.page-head--center .page-head__content {
  align-items: center; text-align: center;
}
.prose.prose--kapitel > * + * {
  margin-top: 1rem; @media (max-width: 767px) { margin-top: 0.75rem; }
}
.prose.prose--kapitel > * + h2 {
  margin-top: 4rem; @media (max-width: 767px) { margin-top: 3rem; }
}
.prose.prose--kapitel > * + h3 {
  margin-top: 2rem; @media (max-width: 767px) { margin-top: 1.75rem; }
}
.prose.prose--kapitel > * + h4 {
  margin-top: 1.5rem; @media (max-width: 767px) { margin-top: 1.25rem; }
}
.prose.prose--kapitel > .hidden-accessible:first-child + * {
  margin-top: 0;
}
.prose.prose--kapitel h2 {
  font-size: 1.75rem; line-height: 2rem; letter-spacing: -0.04em; @media (max-width: 767px) { font-size: 1.375rem; line-height: 1.75rem; }
}
.prose.prose--kapitel h3 {
  font-size: 1.375rem; line-height: 1.75rem; letter-spacing: -0.02em; hyphens: auto; @media (max-width: 767px) { font-size: 1.1875rem; line-height: 1.5rem; }
}
.prose.prose--kapitel h4 {
  font-family: var(--dao-font); font-size: 1.1875rem; font-weight: 500; line-height: 1.5rem; letter-spacing: -0.02em; color: var(--dao-navy); hyphens: auto; scroll-margin-top: 1.875rem;
}
.prose.prose--kapitel ul {
  display: flex; flex-direction: column; gap: 1rem; padding: 0 0 0 1.25rem; list-style: disc; @media (max-width: 767px) { gap: 0.75rem; }
}
.prose.prose--kapitel li {
  margin: 0; padding-left: 0.25rem; overflow-wrap: anywhere;
}
.prose.prose--kapitel li::marker {
  color: var(--dao-blau);
}
.prose .prose__frage {
  font-weight: 500; color: var(--dao-navy);
}
.prose .prose__einzug {
  padding-left: 1rem;
}
.page-head__icon {
  display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 4.5rem; height: 4.5rem; border: 0.25rem solid var(--dao-weiss); border-radius: 6.25rem; background: var(--dao-hellblau); box-shadow: 0 1rem 2rem calc(1rem * -1) var(--dao-blau-25); color: var(--dao-navy); @media (max-width: 767px) { width: 4rem; height: 4rem; }
}
.page-head__icon svg {
  width: 1.625rem; height: 1.625rem; @media (max-width: 767px) { width: 1.5rem; height: 1.5rem; }
}
.page-head--center .page-head__buttons {
  justify-content: center;
}
.page-head--solo {
  padding-bottom: var(--dao-section-space);
}
.hero__shape {
  position: absolute; z-index: 1; display: block; fill: var(--dao-seitengrund); pointer-events: none;
}
.hero__shape--corner-top {
  top: 0; left: calc(var(--dao-gutter) + 36.1875rem); width: 1rem; height: 1rem; @media (max-width: 1199px) { left: calc(var(--dao-gutter) + 31.5rem); } @media (max-width: 767px) { left: calc(var(--dao-gutter) + 18.6875rem); width: 0.75rem; height: 0.75rem; } @media (min-width: 1200px) { left: calc(var(--dao-gutter) + 58.0625rem); }
}
.hero__shape--corner-left {
  top: 10.9375rem; left: 0.5rem; width: 1rem; height: 1rem; @media (max-width: 1199px) { top: 11.25rem; left: 0.625rem; } @media (max-width: 767px) { top: 9.8125rem; width: 0.75rem; height: 0.75rem; } @media (min-width: 1200px) { top: 14.125rem; left: 0.625rem; }
}
.hero__shape--notch {
  right: 0; bottom: calc(0.1875rem * -1); width: 33.5625rem; height: 4.5rem; @media (max-width: 1199px) { display: none; } @media (min-width: 1200px) { width: 43.5rem; height: 6.9375rem; }
}
.hero__shape--corner-right {
  right: 0.5rem; bottom: 4.25rem; width: 1rem; height: 1rem; @media (max-width: 1199px) { right: 0.625rem; bottom: 6.0625rem; } @media (max-width: 767px) { bottom: 2.375rem; width: 0.75rem; height: 0.75rem; } @media (min-width: 1200px) { right: 0.625rem; bottom: 6.75rem; }
}
.hero__shape--notch-small {
  display: none; @media (max-width: 1199px) { display: block; right: 0; bottom: calc(0.1875rem * -1); width: 22.5rem; height: 6.25rem; } @media (max-width: 767px) { display: none; }
}
.hero__shape--notch-mobile {
  display: none; @media (max-width: 767px) { display: block; right: 0; bottom: -2px; width: 9.375rem; height: 2.5rem; }
}
.hero__shape--corner-small {
  display: none;
}
.hero__pause {
  position: absolute; right: 1rem; bottom: 1.125rem; z-index: 2; display: flex; align-items: center; justify-content: center; gap: 0.25rem; width: 1.875rem; height: 1.875rem; margin: 0; padding: 0; border: 0; border-radius: 0.3125rem; background: var(--dao-navy); cursor: pointer; &:focus-visible { outline: 2px solid var(--dao-weiss); outline-offset: 0.1875rem; } @media (max-width: 1199px) { right: 1rem; bottom: 1.875rem; width: 2.25rem; height: 2.25rem; border-radius: 0.375rem; } @media (max-width: 767px) { right: 0.75rem; bottom: 0.25rem; width: 1.875rem; height: 1.875rem; border-radius: 0.3125rem; } @media (min-width: 1200px) { right: 1rem; bottom: 2.25rem; width: 2.25rem; height: 2.25rem; border-radius: 0.375rem; }
}
.hero__pause i {
  width: 0.1875rem; height: 0.75rem; border-radius: 1px; background: var(--dao-weiss); @media (max-width: 1199px) { width: 0.25rem; height: 0.875rem; } @media (max-width: 767px) { width: 0.1875rem; height: 0.75rem; } @media (min-width: 1200px) { width: 0.25rem; height: 0.875rem; }
}
.hero__card-image {
  flex-shrink: 0; width: 7.5rem; height: 7.25rem; border-radius: 0.25rem; background: url("../assets/hero-karte.svg") center / cover no-repeat; position: relative; overflow: hidden; @media (max-width: 1199px) { width: 7.1875rem; height: 6.75rem; } @media (min-width: 1200px) { width: 10rem; height: 8.75rem; }
}
.hero__card-body {
  gap: 0; display: flex; flex: 1 1 0; flex-direction: column; justify-content: space-between; padding: 0.75rem 0.625rem 0.5rem 0; @media (max-width: 1199px) { padding: 0.625rem 0.625rem 0.625rem 0; } @media (min-width: 1200px) { padding: 0.75rem 0.625rem 0.625rem 0; }
}
.hero__card-title {
  font-family: var(--dao-font); font-size: 1rem; font-weight: 500; line-height: 1.25rem; letter-spacing: -0.02em; color: var(--dao-navy);
}
.hero__card-footer {
  gap: 0; display: flex; align-items: center; justify-content: space-between;
}
.hero__card-badge {
  padding: 0.25rem 0.5625rem; border-radius: 6.25rem; background: var(--dao-badge-grund); font-family: var(--dao-font-mono); font-size: 0.6875rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-navy); @media (min-width: 1200px) { font-size: 0.75rem; }
}
.hero__card-footer svg {
  flex-shrink: 0; width: 0.875rem; height: 0.875rem;
}
.hero__image--video {
  isolation: isolate; &::before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } &::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } &::before { top: 0; background: linear-gradient(in oklab 0deg,
    color-mix(in srgb, var(--dao-nachtblau-tief) 88%, transparent) 0%,
    color-mix(in srgb, var(--dao-nachtblau) 55%, transparent) 30%,
    color-mix(in srgb, var(--dao-blau) 22%, transparent) 62%,
    color-mix(in srgb, var(--dao-hellblau) 28%, transparent) 100%); } &::after { height: 50%; background: url("../assets/beratung-hero-muster.svg") center bottom / cover no-repeat; opacity: 0.7; }
}
.hero__pause.is-paused i {
  display: none;
}
.hero__pause.is-paused::before {
  content: ""; width: 0; height: 0; margin-left: 2px; border-top: 0.375rem solid transparent; border-bottom: 0.375rem solid transparent; border-left: 0.625rem solid var(--dao-weiss);
}
.hero__card-image img {
  position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover;
}
.header {
  position: absolute; top: 0; right: 0; left: 0; z-index: 10; margin: 0; padding: 0;
}
.nav {
  display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; margin: 0; padding: 1rem var(--dao-gutter); background: none; position: relative; @media (max-width: 1199px) { padding: 1.25rem var(--dao-gutter); } @media (max-width: 767px) { padding: 0.9375rem var(--dao-gutter); } @media (min-width: 1200px) { padding-block: 1.25rem; }
}
.nav__logo {
  display: block; text-decoration: none; flex-shrink: 0; line-height: 0; @media (max-width: 1199px) { position: relative; z-index: 2; }
}
.nav__logo svg {
  width: 11.25rem; height: 2.8125rem; @media (max-width: 1199px) { width: 10.25rem; height: 2.5625rem; } @media (max-width: 767px) { width: 8.25rem; height: 2.0625rem; }
}
.nav__list {
  display: flex; align-items: center; gap: 1.5rem; margin: 0; padding: 0; list-style: none; @media (max-width: 1199px) { display: none; } @media (min-width: 1200px) { gap: 1.875rem; } @media (min-width: 1200px) and (max-width: 1319px) { gap: 1.375rem; }
}
.nav__link {
  display: flex; align-items: center; gap: 0.375rem; font-family: var(--dao-font-mono); font-size: 0.8125rem; font-weight: 500; line-height: 1rem; letter-spacing: 0.02em; text-transform: uppercase; text-decoration: none; color: var(--dao-navy); white-space: nowrap; &:hover { color: var(--dao-blau); } @media (min-width: 1200px) { font-size: 0.9375rem; line-height: 1.125rem; }
}
.nav__link svg {
  flex-shrink: 0; width: 0.625rem; height: 0.625rem; transition: transform 0.2s ease; @media (min-width: 1200px) { width: 0.6875rem; height: 0.6875rem; }
}
.nav__actions {
  display: flex; align-items: center; gap: 0.625rem; @media (max-width: 1199px) { gap: 0.625rem; } @media (max-width: 767px) { gap: 0.5rem; } @media (max-width: 1199px) { position: relative; z-index: 2; }
}
.nav__cta {
  display: flex; align-items: center; justify-content: center; padding: 0.8125rem 1.25rem; border-radius: 0.375rem; background: var(--dao-navy); box-shadow: var(--dao-schatten-navy); font-family: var(--dao-font-mono); font-size: 0.8125rem; font-weight: 500; line-height: 1rem; letter-spacing: 0.02em; text-transform: uppercase; text-decoration: none; color: var(--dao-weiss); transition: transform 0.15s ease; &:hover { color: var(--dao-weiss); transform: translateY(-1px); } @media (max-width: 1199px) { width: 2.875rem; height: 2.875rem; padding: 0; border: 1px solid var(--dao-linie); border-radius: 0.5rem; background: var(--dao-weiss); box-shadow: none; } @media (max-width: 767px) { width: 2.25rem; height: 2.25rem; } @media (min-width: 1200px) { padding: 1rem 1.5rem; font-size: 0.9375rem; line-height: 1.125rem; }
}
.nav__cta-icon {
  display: none; @media (max-width: 1199px) { display: block; width: 1.125rem; height: 1.125rem; }
}
.nav__toggle {
  display: none; align-items: center; gap: 0.625rem; height: 2.75rem; margin: 0; padding: 0 1rem; border: 1px solid var(--dao-linie); border-radius: 0.375rem; background: var(--dao-weiss); font-family: var(--dao-font-mono); font-size: 0.8125rem; font-weight: 500; line-height: 1rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-navy); cursor: pointer; @media (max-width: 1199px) { display: flex; justify-content: center; width: 2.875rem; height: 2.875rem; padding: 0; border: 0; border-radius: 0.5rem; background: var(--dao-navy); box-shadow: var(--dao-schatten-navy); } @media (max-width: 767px) { width: 2.25rem; height: 2.25rem; }
}
.nav__burger {
  display: flex; flex-direction: column; gap: 0.25rem; @media (max-width: 1199px) { align-items: center; gap: 0.3125rem; }
}
.nav__burger i {
  display: block; width: 0.875rem; height: 1.6px; border-radius: 2px; background: var(--dao-navy); @media (max-width: 1199px) { width: 1rem; background: var(--dao-weiss); } @media (max-width: 1199px) { transition: transform 0.2s ease, opacity 0.2s ease; }
}
.nav__burger i:last-child {
  width: 0.5625rem; background: var(--dao-blau); @media (max-width: 1199px) { width: 0.625rem; background: var(--dao-hellblau); }
}
.nav a:focus-visible {
  outline: 2px solid var(--dao-blau); outline-offset: 0.1875rem;
}
.nav button:focus-visible {
  outline: 2px solid var(--dao-blau); outline-offset: 0.1875rem;
}
.nav__cta-text {
  @media (max-width: 1199px) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}
.nav__toggle-text {
  @media (max-width: 1199px) { display: none; }
}
.header--dark .nav__logo :is(path, rect) {
  fill: var(--dao-hellblau);
}
.header--dark .nav__link {
  color: var(--dao-weiss);
}
.header--dark .nav__link:hover {
  color: var(--dao-hellblau);
}
.header--dark .nav a:focus-visible {
  outline-color: var(--dao-hellblau);
}
.header--dark .nav button:focus-visible {
  outline-color: var(--dao-hellblau);
}
.header--dark .nav__cta {
  @media (min-width: 1200px) { background: var(--dao-hellblau); box-shadow: var(--dao-schatten-hellblau); color: var(--dao-navy); }
}
.header--dark .nav__cta:hover {
  @media (min-width: 1200px) { background: var(--dao-hellblau); box-shadow: var(--dao-schatten-hellblau); color: var(--dao-navy); }
}
.header--dark .nav__toggle {
  @media (max-width: 1199px) { background: var(--dao-hellblau); box-shadow: var(--dao-schatten-hellblau); }
}
.header--dark .nav__burger i {
  @media (max-width: 1199px) { background: var(--dao-navy); }
}
.header--dark .nav__burger i:last-child {
  @media (max-width: 1199px) { background: var(--dao-blau); }
}
.nav__item {
  position: relative;
}
.nav__item--mega {
  position: static;
}
button.nav__link {
  margin: 0; padding: 0; border: 0; background: none; cursor: pointer;
}
.nav__link[aria-expanded="true"] {
  color: var(--dao-blau);
}
.nav__link[aria-expanded="true"] svg {
  transform: rotate(180deg);
}
.nav__link[aria-current="page"] {
  color: var(--dao-blau);
}
.header--dark .nav__link[aria-expanded="true"] {
  color: var(--dao-hellblau);
}
.header--dark .nav__link[aria-current="page"] {
  color: var(--dao-hellblau);
}
.dropdown {
  position: absolute; top: calc(100% + 1.8125rem); left: 50%; z-index: 20; display: flex; flex-direction: column; gap: 0.25rem; width: 22.5rem; padding: 0.375rem; border: 1px solid var(--dao-linie); border-radius: 0.625rem; background: var(--dao-weiss); box-shadow: 0 1.5rem 3rem calc(0.75rem * -1) var(--dao-navy-18); opacity: 0; visibility: hidden; transform: translate(-50%, 0.375rem); transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s linear 0.18s; &::before { content: ""; position: absolute; right: 0; bottom: 100%; left: 0; height: 2rem; } @media (max-width: 1199px) { display: none; }
}
.nav__item.is-open > .dropdown {
  opacity: 1; visibility: visible; transform: translate(-50%, 0); transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s;
}
.dropdown__tip {
  position: absolute; bottom: 100%; left: var(--dao-spitze, calc(50% - 0.4375rem)); width: 0.875rem; height: 0.4375rem; fill: var(--dao-weiss);
}
.dropdown--mega {
  top: calc(100% - 0.4375rem); right: 1.875rem; left: 1.875rem; gap: 0.375rem; width: auto; max-width: var(--dao-content); margin-inline: auto; border-radius: 0.75rem; box-shadow: 0 1.875rem 3.75rem calc(1rem * -1) var(--dao-navy-20); transform: translateY(0.375rem);
}
.nav__item.is-open > .dropdown--mega {
  transform: none;
}
.dropdown__list {
  display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none;
}
.dropdown > .dropdown__list {
  gap: 0.25rem;
}
.dropdown__entry {
  display: flex; align-items: center; gap: 0.75rem; padding: 0.625rem; border-radius: 0.375rem; text-decoration: none; transition: background-color 0.15s ease; &:hover { background: var(--dao-kartengrund); } &:focus-visible { background: var(--dao-kartengrund); }
}
.dropdown__number {
  flex-shrink: 0; width: 1.875rem; font-family: var(--dao-font-mono); font-size: 0.6875rem; font-weight: 500; line-height: 0.875rem; color: var(--dao-text-platzhalter);
}
.mega__services .dropdown__entry {
  gap: 0.875rem;
}
.dropdown__text {
  display: flex; flex: 1; flex-direction: column; gap: 2px; min-width: 0;
}
.dropdown__title {
  font-family: var(--dao-font); font-size: 1rem; font-weight: 500; line-height: 1.25rem; letter-spacing: -0.01em; color: var(--dao-navy);
}
.dropdown__desc {
  font-family: var(--dao-font); font-size: 0.875rem; font-weight: 400; line-height: 1.25rem; color: var(--dao-fliesstext);
}
.dropdown__arrow {
  flex-shrink: 0; width: 0.875rem; height: 0.875rem; color: var(--dao-blau); opacity: 0; transform: translateX(calc(0.25rem * -1)); transition: opacity 0.15s ease, transform 0.15s ease;
}
.dropdown__entry:hover .dropdown__number {
  color: var(--dao-blau);
}
.dropdown__entry:focus-visible .dropdown__number {
  color: var(--dao-blau);
}
.dropdown__entry:hover .dropdown__arrow {
  opacity: 1; transform: none;
}
.dropdown__entry:focus-visible .dropdown__arrow {
  opacity: 1; transform: none;
}
.mega__columns {
  display: flex; gap: 0.375rem;
}
.mega__services {
  display: flex; flex: 0 0 23.75rem; flex-direction: column; padding: 1rem 0.625rem 0.625rem;
}
.mega__services .dropdown__heading {
  padding-inline: 0.625rem;
}
.dropdown__heading {
  margin: 0; padding-bottom: 0.75rem; font-family: var(--dao-font-mono); font-size: 0.6875rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.04em; text-transform: uppercase; color: var(--dao-fliesstext);
}
.mega__more {
  display: flex; flex: 0 0 18.75rem; flex-direction: column; gap: 1.375rem; padding: 1rem 0.625rem 0.625rem 1.125rem; border-left: 1px solid var(--dao-linie);
}
.dropdown__plain {
  display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding-block: 0.5rem; font-family: var(--dao-font); font-size: 1rem; font-weight: 500; line-height: 1.25rem; text-decoration: none; color: var(--dao-navy); transition: color 0.15s ease; &:hover { color: var(--dao-blau); } &:focus-visible { color: var(--dao-blau); }
}
.dropdown__plain svg {
  flex-shrink: 0; width: 0.75rem; height: 0.75rem; color: var(--dao-text-platzhalter);
}
.mega__teaser {
  display: flex; flex: 1; flex-direction: column; justify-content: space-between; gap: 1.5rem; min-width: 0; padding: 1.25rem; border-radius: 0.5rem; background: url("../assets/ueber-bildflaeche.svg") center / cover no-repeat, var(--dao-blau); overflow: clip;
}
.mega__teaser-top {
  display: flex; align-items: center; justify-content: space-between; gap: 0.75rem;
}
.mega__badge {
  margin: 0; font-family: var(--dao-font-mono); font-size: 0.6875rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; padding: 0.1875rem 0.5rem; border-radius: 6.25rem; background: var(--dao-hellblau); color: var(--dao-navy);
}
.mega__date {
  margin: 0; font-family: var(--dao-font-mono); font-size: 0.6875rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-weiss-60);
}
.mega__teaser-body {
  display: flex; flex-direction: column; align-items: flex-start; gap: 0.625rem;
}
.mega__value {
  margin: 0; font-family: var(--dao-font); font-size: 3.5rem; font-weight: 500; line-height: 3.625rem; letter-spacing: -0.05em; color: var(--dao-weiss);
}
.mega__teaser-text {
  margin: 0; font-family: var(--dao-font); font-size: 0.875rem; line-height: 1.25rem; color: var(--dao-weiss-80);
}
.mega__teaser-button {
  display: inline-flex; align-items: center; gap: 0.5rem; margin-top: 0.5rem; padding: 0.6875rem 1rem; border-radius: 0.375rem; background: var(--dao-hellblau); font-family: var(--dao-font-mono); font-size: 0.8125rem; font-weight: 500; line-height: 1rem; letter-spacing: 0.02em; text-transform: uppercase; text-decoration: none; color: var(--dao-navy); transition: transform 0.15s ease; &:hover { color: var(--dao-navy); transform: translateY(-1px); }
}
.mega__teaser-button svg {
  width: 0.75rem; height: 0.75rem;
}
.mega__footer {
  display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; padding: 0.875rem 1.25rem; border-radius: 0.5rem; background: var(--dao-kartengrund);
}
.mega__hint {
  display: flex; align-items: center; gap: 0.625rem; margin: 0; font-family: var(--dao-font); font-size: 0.875rem; line-height: 1.25rem; color: var(--dao-fliesstext); &::before { content: ""; flex-shrink: 0; width: 0.5rem; height: 0.5rem; border-radius: 6.25rem; background: var(--dao-blau); }
}
.mega__footer-link {
  display: flex; flex-shrink: 0; align-items: center; gap: 0.5rem; font-family: var(--dao-font-mono); font-size: 0.8125rem; font-weight: 500; line-height: 1rem; letter-spacing: 0.02em; text-transform: uppercase; text-decoration: none; color: var(--dao-blau); &:hover { color: var(--dao-navy); }
}
.mega__footer-link svg {
  width: 0.75rem; height: 0.75rem; transition: transform 0.15s ease;
}
.mega__footer-link:hover svg {
  transform: translateX(0.1875rem);
}
.dropdown a:focus-visible {
  outline: 2px solid var(--dao-blau); outline-offset: 2px;
}
.menu {
  display: none; @media (max-width: 1199px) { &:not([hidden]) { position: fixed; inset: 0; z-index: 1; display: flex; flex-direction: column; padding-top: var(--dao-header-height); background: var(--dao-navy); overflow-y: auto; overscroll-behavior: contain; } }
}
.header.is-menu-open {
  @media (max-width: 1199px) { position: fixed; z-index: 100; }
}
html.menu-offen {
  @media (max-width: 1199px) { overflow: hidden; }
}
.is-menu-open .nav__logo :is(path, rect) {
  @media (max-width: 1199px) { fill: var(--dao-hellblau); }
}
.is-menu-open .nav__toggle {
  @media (max-width: 1199px) { background: var(--dao-hellblau); box-shadow: none; }
}
.is-menu-open .nav__burger i {
  @media (max-width: 1199px) { width: 1rem; background: var(--dao-navy); }
}
.is-menu-open .nav__burger i:last-child {
  @media (max-width: 1199px) { width: 1rem; background: var(--dao-navy); } @media (max-width: 1199px) { transform: translateY(calc(0.4125rem * -1)) rotate(-45deg); }
}
.is-menu-open .nav__burger i:first-child {
  @media (max-width: 1199px) { transform: translateY(0.4125rem) rotate(45deg); }
}
.is-menu-open .nav__burger i:nth-child(2) {
  @media (max-width: 1199px) { opacity: 0; }
}
.is-menu-open .nav__cta {
  @media (max-width: 1199px) { border-color: var(--dao-weiss-10); background: var(--dao-weiss-08); } @media (max-width: 767px) { display: none; }
}
.is-menu-open .nav__cta-icon :is(rect, path) {
  @media (max-width: 1199px) { stroke: var(--dao-weiss); }
}
.menu__body {
  @media (max-width: 1199px) { flex: 1; padding: 2.5rem var(--dao-gutter) 1.875rem; } @media (max-width: 767px) { padding: 1.25rem var(--dao-gutter) 0.625rem; }
}
.menu__list {
  @media (max-width: 1199px) { display: grid; grid-template-columns: 15.625rem minmax(0, 1fr); grid-template-rows: repeat(7, min-content) 1fr; column-gap: 1.5rem; margin: 0; padding: 0; list-style: none; } @media (max-width: 767px) { display: flex; flex-direction: column; }
}
.menu__item {
  @media (max-width: 1199px) { display: contents; } @media (max-width: 767px) { display: block; }
}
.menu__link {
  @media (max-width: 1199px) { grid-column: 1; display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; width: 100%; margin: 0; padding: 0.875rem 0; border: 0; border-bottom: 1px solid var(--dao-weiss-10); background: none; font-family: var(--dao-font); font-size: 1.75rem; font-weight: 500; line-height: 2rem; letter-spacing: -0.04em; text-align: left; text-decoration: none; color: var(--dao-weiss); cursor: pointer; transition: color 0.15s ease; } @media (max-width: 1199px) { &:hover { color: var(--dao-hellblau); } } @media (max-width: 767px) { padding: 0.9375rem 0; }
}
.menu__link[aria-current="page"] {
  @media (max-width: 1199px) { color: var(--dao-hellblau); }
}
.menu__link[aria-expanded="true"] {
  @media (max-width: 1199px) { border-bottom-color: var(--dao-hellblau); color: var(--dao-hellblau); } @media (max-width: 767px) { border-bottom-color: transparent; }
}
.menu__icon {
  @media (max-width: 1199px) { display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 1.875rem; height: 1.875rem; border-radius: 6.25rem; color: var(--dao-weiss-40); } @media (max-width: 767px) { border: 1px solid var(--dao-weiss-20); color: var(--dao-weiss); }
}
.menu__icon svg {
  @media (max-width: 1199px) { width: 0.875rem; height: 0.875rem; } @media (max-width: 767px) { width: 0.75rem; height: 0.75rem; }
}
.menu__icon-plus {
  @media (max-width: 1199px) { display: none; } @media (max-width: 767px) { display: block; }
}
.menu__icon-minus {
  @media (max-width: 1199px) { display: none; }
}
.menu__link[aria-expanded="true"] .menu__icon {
  @media (max-width: 1199px) { color: var(--dao-hellblau); } @media (max-width: 767px) { border-color: var(--dao-hellblau); background: var(--dao-hellblau); color: var(--dao-navy); }
}
.menu__sub {
  @media (max-width: 1199px) { grid-column: 2; grid-row: 1 / -1; display: flex; flex-direction: column; gap: 2px; align-self: start; padding: 0.625rem; border-radius: 0.75rem; background: var(--dao-weiss-06); } @media (max-width: 767px) { margin: 0.625rem 0 0.375rem; padding: 0.5rem; border-radius: 0.625rem; }
}
.menu__sub[hidden] {
  @media (max-width: 1199px) { display: none; }
}
.menu__heading {
  @media (max-width: 1199px) { margin: 0; padding: 0.625rem 0.625rem 0.75rem; font-family: var(--dao-font-mono); font-size: 0.6875rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.04em; text-transform: uppercase; color: var(--dao-weiss-50); } @media (max-width: 767px) { padding: 0.375rem 0.5rem 0.5rem; }
}
.menu__entries {
  @media (max-width: 1199px) { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none; }
}
.menu__plain-list {
  @media (max-width: 1199px) { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none; }
}
.menu__entry {
  @media (max-width: 1199px) { display: flex; align-items: center; gap: 0.875rem; padding: 0.6875rem 0.625rem; border-radius: 0.5rem; text-decoration: none; transition: background-color 0.15s ease; } @media (max-width: 1199px) { &:hover { background: var(--dao-weiss-08); } } @media (max-width: 1199px) { &:focus-visible { background: var(--dao-weiss-08); } } @media (max-width: 767px) { gap: 0.75rem; padding: 0.5625rem 0.5rem; border-radius: 0.375rem; }
}
.menu__entry[aria-current="page"] {
  @media (max-width: 1199px) { background: var(--dao-weiss-08); }
}
.menu__number {
  @media (max-width: 1199px) { flex-shrink: 0; width: 1.875rem; font-family: var(--dao-font-mono); font-size: 0.6875rem; font-weight: 500; line-height: 0.875rem; color: var(--dao-weiss-40); } @media (max-width: 767px) { width: 1.5rem; }
}
.menu__text {
  @media (max-width: 1199px) { display: flex; flex: 1; flex-direction: column; gap: 1px; min-width: 0; }
}
.menu__title {
  @media (max-width: 1199px) { font-family: var(--dao-font); font-size: 1rem; font-weight: 500; line-height: 1.25rem; color: var(--dao-weiss); }
}
.menu__desc {
  @media (max-width: 1199px) { font-family: var(--dao-font); font-size: 0.875rem; line-height: 1.25rem; color: var(--dao-weiss-60); }
}
.menu__arrow {
  @media (max-width: 1199px) { flex-shrink: 0; width: 0.75rem; height: 0.75rem; color: var(--dao-hellblau); opacity: 0; transition: opacity 0.15s ease; }
}
.menu__entry:hover .menu__number {
  @media (max-width: 1199px) { color: var(--dao-hellblau); }
}
.menu__entry:focus-visible .menu__number {
  @media (max-width: 1199px) { color: var(--dao-hellblau); }
}
.menu__entry[aria-current="page"] .menu__number {
  @media (max-width: 1199px) { color: var(--dao-hellblau); }
}
.menu__entry:hover .menu__arrow {
  @media (max-width: 1199px) { opacity: 1; }
}
.menu__entry:focus-visible .menu__arrow {
  @media (max-width: 1199px) { opacity: 1; }
}
.menu__entry[aria-current="page"] .menu__arrow {
  @media (max-width: 1199px) { opacity: 1; }
}
.menu__line {
  @media (max-width: 1199px) { height: 1px; margin: 0.375rem 0.625rem 0.625rem; background: var(--dao-weiss-10); } @media (max-width: 767px) { margin: 0.375rem 0.5rem; }
}
.menu__plain {
  @media (max-width: 1199px) { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.5625rem 0.625rem; font-family: var(--dao-font); font-size: 1rem; line-height: 1.25rem; text-decoration: none; color: var(--dao-weiss-80); transition: color 0.15s ease; } @media (max-width: 1199px) { &:hover { color: var(--dao-weiss); } } @media (max-width: 1199px) { &:focus-visible { color: var(--dao-weiss); } } @media (max-width: 767px) { padding: 0.5625rem 0.5rem; font-size: 0.875rem; line-height: 1.125rem; }
}
.menu__overview {
  @media (max-width: 1199px) { font-weight: 500; color: var(--dao-weiss); }
}
.menu__overview[aria-current="page"] {
  @media (max-width: 1199px) { color: var(--dao-hellblau); }
}
.menu__plain svg {
  @media (max-width: 1199px) { flex-shrink: 0; width: 0.6875rem; height: 0.6875rem; color: var(--dao-weiss-60); }
}
.menu__footer {
  @media (max-width: 1199px) { position: sticky; bottom: 0; padding: 2.25rem var(--dao-gutter) 1.875rem; background: linear-gradient(in oklab 180deg, var(--dao-navy-00) 0%, var(--dao-navy) 40%); } @media (max-width: 767px) { padding: 2.25rem var(--dao-gutter) 1.25rem; }
}
.menu__teaser {
  @media (max-width: 1199px) { display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; padding: 1.25rem 1.375rem; border-radius: 0.625rem; background: url("../assets/ueber-bildflaeche.svg") center / cover no-repeat, var(--dao-blau); text-decoration: none; } @media (max-width: 767px) { display: none; }
}
.menu__teaser-text {
  @media (max-width: 1199px) { display: flex; flex-direction: column; gap: 0.375rem; }
}
.menu__teaser-eyebrow {
  @media (max-width: 1199px) { font-family: var(--dao-font-mono); font-size: 0.6875rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-hellblau); }
}
.menu__teaser-value {
  @media (max-width: 1199px) { font-family: var(--dao-font); font-size: 1.75rem; font-weight: 500; line-height: 2rem; letter-spacing: -0.04em; color: var(--dao-weiss); }
}
.menu__teaser-button {
  @media (max-width: 1199px) { display: flex; flex-shrink: 0; align-items: center; justify-content: center; gap: 0.625rem; padding: 0.9375rem 1rem; border-radius: 0.375rem; background: var(--dao-hellblau); font-family: var(--dao-font-mono); font-size: 0.8125rem; font-weight: 500; line-height: 1rem; letter-spacing: 0.02em; text-transform: uppercase; text-decoration: none; color: var(--dao-navy); }
}
.menu__cta {
  @media (max-width: 1199px) { display: flex; flex-shrink: 0; align-items: center; justify-content: center; gap: 0.625rem; padding: 0.9375rem 1rem; border-radius: 0.375rem; background: var(--dao-hellblau); font-family: var(--dao-font-mono); font-size: 0.8125rem; font-weight: 500; line-height: 1rem; letter-spacing: 0.02em; text-transform: uppercase; text-decoration: none; color: var(--dao-navy); } @media (max-width: 1199px) { &:hover { color: var(--dao-navy); } } @media (max-width: 1199px) { display: none; } @media (max-width: 767px) { display: flex; padding: 1rem; }
}
.menu__teaser-button svg {
  @media (max-width: 1199px) { width: 0.875rem; height: 0.875rem; transition: transform 0.15s ease; }
}
.menu__cta svg {
  @media (max-width: 1199px) { width: 0.875rem; height: 0.875rem; transition: transform 0.15s ease; }
}
.menu__teaser:hover .menu__teaser-button svg {
  @media (max-width: 1199px) { transform: translateX(0.1875rem); }
}
.menu__cta:hover svg {
  @media (max-width: 1199px) { transform: translateX(0.1875rem); }
}
.menu a:focus-visible {
  @media (max-width: 1199px) { outline: 2px solid var(--dao-hellblau); outline-offset: 2px; }
}
.menu button:focus-visible {
  @media (max-width: 1199px) { outline: 2px solid var(--dao-hellblau); outline-offset: 2px; }
}
.menu__icon-arrow {
  @media (max-width: 767px) { display: none; }
}
.menu__link[aria-expanded="true"] .menu__icon-plus {
  @media (max-width: 767px) { display: none; }
}
.menu__link[aria-expanded="true"] .menu__icon-minus {
  @media (max-width: 767px) { display: block; }
}
.menu__entry--number .menu__desc {
  @media (max-width: 767px) { display: none; }
}
.menu__only-tablet {
  @media (max-width: 767px) { display: none; }
}
.footer {
  --dao-footer-line: var(--dao-gutter); --dao-wave-height: 4.75rem; --dao-wave-side: 13.25rem; position: relative; z-index: 1; display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0; @media (max-width: 1199px) { --dao-footer-line: calc(var(--dao-gutter) - 0.625rem); --dao-wave-height: 3.75rem; --dao-wave-side: 10.4375rem; } @media (max-width: 767px) { --dao-wave-height: 2.375rem; --dao-wave-side: 6.625rem; }
}
.footer__wave {
  display: flex; gap: 0; height: var(--dao-wave-height);
}
.footer__wave svg {
  display: block; flex-shrink: 0; width: var(--dao-wave-side); height: 100%;
}
.footer__wave svg:last-child {
  transform: scaleX(-1);
}
.footer__wave-middle {
  flex: 1 1 0; margin-inline: -1px; background: linear-gradient(to bottom, transparent 65.79%, var(--dao-hellblau) 65.79% 75%, var(--dao-blau) 75% 84.21%, var(--dao-navy) 84.21%);
}
.footer__body {
  position: relative; display: flex; flex-direction: column; gap: 0; margin-top: -1px; padding: 6.25rem calc(var(--dao-footer-line) + 0.625rem) 0.625rem; background: var(--dao-navy); &::before { content: ""; position: absolute; top: calc(0.75rem * -1); bottom: 0; width: 1px; background: var(--dao-weiss-08); } &::after { content: ""; position: absolute; top: calc(0.75rem * -1); bottom: 0; width: 1px; background: var(--dao-weiss-08); } &::before { left: var(--dao-footer-line); } &::after { right: var(--dao-footer-line); } @media (max-width: 1199px) { padding-top: 4.75rem; } @media (max-width: 767px) { padding-top: 2.25rem; }
}
.footer__top {
  position: relative; display: flex; justify-content: space-between; gap: 1.875rem; padding: 1.5rem 0 1.125rem; @media (max-width: 1199px) { flex-direction: column; gap: 3.125rem; padding-bottom: 2.5rem; } @media (max-width: 767px) { gap: 2.5rem; }
}
.footer__info {
  display: flex; flex-shrink: 0; flex-direction: column; gap: 2.5rem; width: 23rem; @media (max-width: 1199px) { flex-direction: row; gap: 1.875rem; width: auto; } @media (max-width: 767px) { flex-direction: column; gap: 2.5rem; }
}
.footer__brand {
  display: flex; flex-direction: column; align-items: flex-start; gap: 1.375rem; @media (max-width: 1199px) { flex: 1 1 0; } @media (max-width: 767px) { gap: 0.9375rem; }
}
.footer__logo {
  display: block; text-decoration: none; width: 12.5rem; height: 3.125rem; @media (max-width: 767px) { width: 10.25rem; height: 2.5625rem; }
}
.footer__logo svg {
  display: block; width: 100%; height: 100%;
}
.footer__text {
  max-width: 21.75rem; margin: 0; font-family: var(--dao-font); font-size: 1rem; font-weight: 400; line-height: 1.5rem; color: var(--dao-weiss-75);
}
.footer__heading {
  margin: 0; padding-bottom: 0.75rem; border-bottom: 1px solid var(--dao-weiss-10); font-family: var(--dao-font-mono); font-size: 0.875rem; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-weiss-65); @media (max-width: 767px) { font-size: 0.75rem; line-height: 1rem; }
}
.footer__newsletter {
  display: flex; flex-direction: column; gap: 0.875rem; margin: 0; @media (max-width: 1199px) { flex: 1 1 0; }
}
.footer__field {
  display: block; width: 100%; margin: 0; padding: 0.625rem 0.75rem; border: 1px solid var(--dao-weiss-15); border-radius: 0.25rem; background: var(--dao-weiss-06); font-family: var(--dao-font); font-size: 1rem; font-weight: 400; line-height: 1.5rem; color: var(--dao-weiss); &::placeholder { color: var(--dao-weiss-50); opacity: 1; } &:focus-visible { border-color: var(--dao-hellblau); outline: none; }
}
.footer__submit {
  width: 100%; margin: 0;
}
.footer__note {
  margin: 0; font-family: var(--dao-font); font-size: 1rem; font-weight: 400; line-height: 1.5rem; color: var(--dao-weiss-45);
}
.footer__note a {
  text-decoration: underline; text-underline-offset: 2px; color: inherit;
}
.footer__note a:hover {
  color: var(--dao-weiss);
}
.footer__consent {
  position: relative; display: flex; align-items: flex-start; gap: 0.625rem; margin: 0; font-family: var(--dao-font); font-size: 0.875rem; font-weight: 400; line-height: 1.25rem; color: var(--dao-weiss-70); cursor: pointer;
}
.footer__consent input {
  position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; pointer-events: none;
}
.footer__check {
  display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 1.125rem; height: 1.125rem; margin-top: 1px; border: 1.5px solid var(--dao-weiss-40); border-radius: 0.1875rem; background: var(--dao-weiss-06); transition: background-color 0.15s ease, border-color 0.15s ease; &::after { content: ""; width: 0.625rem; height: 0.625rem; background: var(--dao-navy); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.3l3 3 6-6.3' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.3l3 3 6-6.3' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; transform: scale(0); transition: transform 0.15s ease; }
}
.footer__consent input:checked + .footer__check {
  border-color: var(--dao-hellblau); background: var(--dao-hellblau);
}
.footer__consent input:checked + .footer__check::after {
  transform: scale(1);
}
.footer__consent input:focus-visible + .footer__check {
  outline: 2px solid var(--dao-hellblau); outline-offset: 2px;
}
.footer__consent a {
  text-decoration: underline; text-underline-offset: 2px; color: inherit;
}
.footer__consent a:hover {
  color: var(--dao-weiss);
}
.footer__label {
  position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}
.footer__menus {
  display: flex; flex: 0 1 45rem; justify-content: space-between; gap: 1.875rem; min-width: 0; @media (max-width: 1199px) { flex: none; gap: 1.875rem; } @media (max-width: 767px) { display: grid; grid-template-columns: 1fr 1fr; gap: 1.875rem 0.9375rem; }
}
.footer__column {
  display: flex; flex-shrink: 0; flex-direction: column; gap: 3.125rem; width: 14.375rem; @media (max-width: 1199px) { flex: 1 1 0; gap: 2.5rem; width: auto; } @media (max-width: 767px) { display: contents; }
}
.footer__group {
  display: flex; flex-direction: column; gap: 1rem;
}
.footer__links {
  display: flex; flex-direction: column; gap: 0.5625rem; margin: 0; padding: 0; list-style: none; line-height: 1; @media (max-width: 1199px) { gap: 0.5rem; }
}
.footer__link {
  font-family: var(--dao-font); font-size: 1rem; font-weight: 500; font-style: normal; line-height: 1.5rem; letter-spacing: -0.02em; text-decoration: none; color: var(--dao-weiss); transition: color 0.15s ease; @media (max-width: 767px) { font-size: 0.9375rem; line-height: 1.375rem; }
}
a.footer__link:hover {
  color: var(--dao-hellblau);
}
a.footer__link:focus-visible {
  outline: 2px solid var(--dao-hellblau); outline-offset: 0.1875rem;
}
.footer__social {
  display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border: 1px solid var(--dao-weiss-15); border-radius: 100%; text-decoration: none; color: var(--dao-weiss); transition: border-color 0.2s ease, transform 0.2s ease; &:focus-visible { outline: 2px solid var(--dao-hellblau); outline-offset: 0.1875rem; } &:hover { border-color: var(--dao-weiss); color: var(--dao-weiss); transform: translateY(calc(0.1875rem * -1)); } @media (max-width: 767px) { width: 2.1875rem; height: 2.1875rem; }
}
.footer__bar {
  position: relative; display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; padding: 1.875rem 1rem; border-top: 1px solid var(--dao-weiss-08); @media (max-width: 1199px) { padding-inline: 0; } @media (max-width: 767px) { flex-direction: column; gap: 0.9375rem; padding-block: 1.25rem; text-align: center; }
}
.footer__copyright {
  margin: 0; font-family: var(--dao-font); font-size: 1rem; font-weight: 500; line-height: 1.5rem; color: var(--dao-weiss-85); @media (max-width: 767px) { order: 2; font-size: 0.875rem; line-height: 1.3125rem; }
}
.footer__socials {
  display: flex; gap: 0.625rem; margin: 0; padding: 0; list-style: none;
}
.footer__social svg {
  width: 1rem; height: 1rem;
}
.footer__legal {
  position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap: 2.5rem; padding: 0 1.25rem 1.875rem; @media (max-width: 1199px) { flex-direction: column; align-items: flex-start; gap: 1.25rem; padding-inline: 0; }
}
.footer__disclaimer {
  max-width: 47.5rem; margin: 0; font-family: var(--dao-font); font-size: 1rem; font-weight: 400; line-height: 1.5rem; color: var(--dao-weiss-45); @media (max-width: 1199px) { font-size: 0.875rem; line-height: 1.3125rem; }
}
.footer__claim {
  margin: 0; font-family: var(--dao-font-mono); font-size: 0.875rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap; color: var(--dao-hellblau-70); @media (max-width: 767px) { font-size: 0.75rem; line-height: 1rem; white-space: normal; }
}
.footer__column:last-child .footer__group {
  @media (max-width: 767px) { grid-column: 1 / -1; }
}
.about {
  align-items: stretch; display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0 0.5rem; background: none; @media (min-width: 1200px) { padding-inline: 0.625rem; }
}
.about__card {
  position: relative; display: flex; flex-direction: column; gap: 2.5rem; padding: var(--dao-section-space) var(--dao-gutter); border-radius: 1rem; background: var(--dao-weiss); &::before { content: ""; position: absolute; top: 0; bottom: 0; width: 1px; background: var(--dao-linie); } &::after { content: ""; position: absolute; top: 0; bottom: 0; width: 1px; background: var(--dao-linie); } &::before { left: calc(var(--dao-gutter) - 0.5rem); } &::after { right: calc(var(--dao-gutter) - 0.5rem); } @media (max-width: 1199px) { padding-inline: calc(var(--dao-gutter) - 0.5rem); } @media (max-width: 1199px) { &::before { left: calc(var(--dao-gutter) - 1rem); } } @media (max-width: 1199px) { &::after { right: calc(var(--dao-gutter) - 1rem); } } @media (max-width: 767px) { gap: 2rem; } @media (min-width: 1200px) { gap: 2.5rem; padding-block: 6.25rem 8.75rem; } @media (min-width: 1200px) { --dao-card-gutter: max(1.875rem, calc((100% - 85rem) / 2)); padding-inline: var(--dao-card-gutter); } @media (min-width: 1200px) { &::before { left: calc(var(--dao-card-gutter) - 0.625rem); } } @media (min-width: 1200px) { &::after { right: calc(var(--dao-card-gutter) - 0.625rem); } }
}
.about__intro {
  position: relative; display: grid; grid-template-columns: 34.75rem 1fr; grid-template-areas:
    "label  label"
    "title  photos"
    "button photos"; gap: 0.875rem 2.5rem; padding-bottom: 2.5rem; @media (max-width: 1199px) { display: flex; flex-direction: column; gap: 1rem; padding-bottom: 0; } @media (min-width: 1200px) { grid-template-columns: minmax(0, 700fr) minmax(0, 610fr); gap: 1.5625rem 3.125rem; padding-bottom: 3.75rem; }
}
.about__label {
  grid-area: label; justify-self: start; @media (max-width: 1199px) { align-self: flex-start; }
}
.about__title {
  grid-area: title;
}
.about__button {
  grid-area: button; flex-shrink: 0; align-self: end; margin-top: 1.375rem; @media (max-width: 1199px) { order: 4; align-self: flex-start; margin-top: 0; } @media (max-width: 767px) { align-self: stretch; } @media (min-width: 1200px) { margin-top: 1.25rem; }
}
.about__photos {
  grid-area: photos; display: flex; gap: 0.5rem; @media (max-width: 1199px) { order: 3; height: 17.5rem; padding-top: 0.5rem; } @media (max-width: 767px) { height: 12.5rem; } @media (min-width: 1200px) { gap: 0.625rem; height: 20rem; }
}
.about__photo {
  display: flex; flex: 1 1 0; align-items: flex-end; gap: 0; padding: 0.875rem; border-radius: 0.375rem; background: var(--dao-badge-grund); font-family: var(--dao-font-mono); font-size: 0.6875rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.04em; text-transform: uppercase; color: var(--dao-fliesstext); @media (min-width: 1200px) { font-size: 0.75rem; }
}
.about__photo--foto {
  position: relative; margin: 0; overflow: hidden; isolation: isolate; background: var(--dao-nachtblau); color: var(--dao-weiss); &::before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } &::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } &::before { height: 75%; background: linear-gradient(in oklab 0deg,
    color-mix(in srgb, var(--dao-nachtblau) 62%, transparent) 0%,
    color-mix(in srgb, var(--dao-nachtblau) 22%, transparent) 55%,
    transparent 100%); } &::after { height: 85%; background: url("../assets/beratung-hero-muster.svg") center bottom / auto 100% no-repeat; }
}
.about__photo--foto img {
  position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 20%;
}
.about__photo-name {
  position: relative; z-index: 2;
}
.about__stats {
  position: relative; display: flex; gap: 0; @media (max-width: 1199px) { border-top: 1px solid var(--dao-linie); } @media (max-width: 767px) { flex-direction: column; }
}
.about__stat-group {
  display: contents; @media (max-width: 1199px) { display: flex; flex: 1 1 0; gap: 0; border-bottom: 1px solid var(--dao-linie); }
}
.about__stat {
  display: flex; flex: 1 1 0; flex-direction: column; gap: 0; padding-inline: 0.5rem; border-right: 1px solid var(--dao-linie); @media (max-width: 1199px) { padding: 0 0.625rem 0 0.75rem; } @media (max-width: 767px) { padding: 0; } @media (max-width: 767px) { &:first-child { padding-right: 0.625rem; border-right: 1px solid var(--dao-linie); } } @media (max-width: 767px) { &:last-child { padding-left: 0.75rem; border-right: 0; } }
}
.about__stat-group:first-child .about__stat:first-child {
  padding-left: 0;
}
.about__stat-group:last-child .about__stat:last-child {
  padding-right: 0; border-right: 0;
}
.about__stat-body {
  display: flex; flex-direction: column; justify-content: space-between; gap: 0; min-height: 11.5rem; padding: 1.25rem 0 1rem; border-block: 1px solid var(--dao-linie); @media (max-width: 1199px) { justify-content: flex-start; gap: 0.25rem; min-height: 0; padding: 1.125rem 0; border: 0; } @media (min-width: 1200px) { justify-content: flex-start; gap: 1rem; min-height: 13.75rem; padding-block: 1.25rem; }
}
.about__stat-head {
  display: flex; flex-direction: column; gap: 0.375rem; @media (max-width: 1199px) { gap: 0.25rem; } @media (min-width: 1200px) { gap: 0.9375rem; }
}
.about__stat-label {
  margin: 0; font-family: var(--dao-font-mono); font-size: 0.6875rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-navy); @media (min-width: 1200px) { font-size: 0.875rem; line-height: 0.875rem; }
}
.about__stat-number {
  margin: 0; font-family: var(--dao-font); font-size: 3.5rem; font-weight: 500; line-height: 3.625rem; letter-spacing: -0.05em; color: var(--dao-navy); @media (max-width: 1199px) { font-size: 2.5rem; line-height: 2.75rem; letter-spacing: -0.04em; } @media (min-width: 1200px) { font-size: 3.75rem; line-height: 3.75rem; }
}
.about__stat-text {
  max-width: 13.75rem; margin: 0; font-family: var(--dao-font); font-size: 0.875rem; font-weight: 400; line-height: 1.3125rem; color: var(--dao-fliesstext); @media (max-width: 1199px) { max-width: none; } @media (min-width: 1200px) { max-width: 18.75rem; font-size: 1rem; line-height: 1.5rem; }
}
.about__ticker {
  --dao-ticker-gap: 0.375rem; @media (max-width: 1199px) { --dao-ticker-width: 35rem; } @media (max-width: 767px) { --dao-ticker-width: none; width: calc(100% + 2.5rem); margin-inline: calc(1.25rem * -1); } @media (min-width: 1200px) { --dao-ticker-gap: 0.5rem; }
}
.about__tag {
  flex-shrink: 0; padding: 0.5rem 0.75rem; border-radius: 6.25rem; background: var(--dao-kartengrund); font-family: var(--dao-font-mono); font-size: 0.6875rem; font-weight: 500; line-height: 1rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-navy); @media (max-width: 1199px) { line-height: 0.875rem; } @media (min-width: 1200px) { padding: 0.5625rem 0.9375rem; font-size: 0.875rem; line-height: 0.875rem; }
}
.expertise {
  display: grid; grid-template-columns: 34.75rem 1fr; grid-template-rows: auto 1fr; grid-template-areas:
    "media text"
    "media features"; gap: 0 3.875rem; margin: 0; padding: var(--dao-section-space) var(--dao-gutter); background: none; @media (max-width: 1199px) { grid-template-columns: 1fr; grid-template-rows: auto auto auto; grid-template-areas:
      "text"
      "media"
      "features"; gap: 2.5rem; align-items: start; } @media (max-width: 767px) { display: flex; flex-direction: column; align-items: stretch; gap: 2rem; } @media (min-width: 1200px) { grid-template-columns: minmax(0, 720fr) minmax(0, 580fr); gap: 0 5rem; }
}
.expertise__media {
  grid-area: media; position: relative; height: 38.625rem; @media (max-width: 1199px) { height: 32.5rem; } @media (max-width: 767px) { order: 2; height: 26.25rem; } @media (min-width: 1200px) { height: auto; aspect-ratio: 720 / 800; }
}
.expertise__image {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; gap: 0; overflow: hidden; border-radius: 0.75rem; background: url("../assets/expertise-bildflaeche.svg") center / cover no-repeat;
}
.expertise__notch {
  position: absolute; top: 0; left: 0; width: 4.9375rem; height: 10.625rem; border-bottom-right-radius: 0.75rem; background: var(--dao-seitengrund); @media (max-width: 1199px) { top: -2px; left: -2px; width: 3.125rem; height: 7rem; } @media (min-width: 1200px) { width: 6.4375rem; height: 13.8125rem; }
}
.expertise__shape {
  position: absolute; display: block; fill: var(--dao-seitengrund); pointer-events: none;
}
.expertise__shape--corner-top {
  top: 0; left: 4.9375rem; width: 0.75rem; height: 0.75rem; @media (min-width: 1200px) { left: 6.4375rem; }
}
.expertise__shape--corner-left {
  top: 10.625rem; left: 0; width: 0.75rem; height: 0.75rem; @media (min-width: 1200px) { top: 13.8125rem; }
}
.expertise__shape--notch {
  right: 0; bottom: -1px; width: 17.25rem; height: 3.375rem; @media (min-width: 1200px) { width: 22.6875rem; height: 5.0625rem; }
}
.expertise__shape--corner-right {
  right: 0; bottom: 3.3125rem; width: 0.75rem; height: 0.75rem; @media (min-width: 1200px) { bottom: 5rem; }
}
.expertise__shape--small {
  display: none; @media (max-width: 1199px) { display: block; }
}
.expertise__pause {
  position: absolute; right: 0.5rem; bottom: 0.5rem; display: flex; align-items: center; justify-content: center; gap: 0.25rem; width: 1.75rem; height: 1.75rem; margin: 0; padding: 0; border: 0; border-radius: 0.3125rem; background: var(--dao-navy); cursor: pointer; &:focus-visible { outline: 2px solid var(--dao-blau); outline-offset: 0.1875rem; } @media (max-width: 1199px) { right: 0.25rem; bottom: 0.25rem; } @media (min-width: 1200px) { right: 1rem; bottom: 1.375rem; width: 2.25rem; height: 2.25rem; border-radius: 0.375rem; }
}
.expertise__pause i {
  width: 0.1875rem; height: 0.6875rem; border-radius: 1px; background: var(--dao-weiss); @media (min-width: 1200px) { width: 0.25rem; height: 0.875rem; }
}
.expertise__panel {
  position: absolute; bottom: 0.5rem; left: 0.5rem; display: flex; flex-direction: column; gap: 2px; width: 12.75rem; padding: 0.25rem; border: 1px solid var(--dao-weiss-12); border-radius: 0.5rem; background: var(--dao-navy-45); -webkit-backdrop-filter: blur(0.75rem); backdrop-filter: blur(0.75rem); @media (max-width: 1199px) { width: 13.375rem; } @media (min-width: 1200px) { bottom: 0.625rem; left: 0.625rem; width: 16.25rem; padding: 0.4375rem; }
}
.expertise__panel-title {
  margin: 0; padding: 0.625rem 0.625rem 0.5rem; font-family: var(--dao-font); font-size: 0.75rem; font-weight: 500; line-height: 1rem; color: var(--dao-weiss); @media (min-width: 1200px) { padding: 0.8125rem 0.8125rem 0.625rem; font-size: 0.8125rem; }
}
.expertise__panel-list {
  display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0; border-radius: 0.375rem; background: var(--dao-weiss-07); list-style: none;
}
.expertise__panel-row {
  display: flex; align-items: center; gap: 0; padding: 0.5625rem 0.625rem; border-bottom: 1px solid var(--dao-weiss-08); &:last-child { border-bottom: 0; } @media (min-width: 1200px) { padding: 0.75rem 0.8125rem; }
}
.expertise__panel-text {
  display: flex; flex: 1 1 0; flex-direction: column; gap: 1px; font-family: var(--dao-font); font-size: 0.6875rem; line-height: 0.875rem; @media (min-width: 1200px) { font-size: 0.8125rem; line-height: 1rem; }
}
.expertise__panel-name {
  font-weight: 500; color: var(--dao-weiss);
}
.expertise__panel-status {
  font-weight: 400; color: var(--dao-weiss-60);
}
.expertise__panel-dot {
  flex-shrink: 0; width: 0.1875rem; height: 0.1875rem; border-radius: 50%; background: var(--dao-weiss-60);
}
.expertise__panel-number {
  flex-shrink: 0; width: 2.75rem; font-family: var(--dao-font-mono); font-size: 0.6875rem; font-weight: 500; line-height: 0.875rem; text-align: right; color: var(--dao-hellblau); @media (min-width: 1200px) { font-size: 0.8125rem; line-height: 1rem; }
}
.expertise__text {
  grid-area: text; display: flex; flex-direction: column; align-items: flex-start; gap: 1.125rem; padding-top: 2px; @media (max-width: 1199px) { gap: 1rem; padding-top: 0.25rem; } @media (max-width: 767px) { order: 1; padding-top: 0; } @media (min-width: 1200px) { gap: 1.25rem; }
}
.expertise__lead {
  max-width: 26.875rem; @media (max-width: 1199px) { max-width: 35rem; } @media (min-width: 1200px) { max-width: 36.25rem; }
}
.expertise__button {
  margin-top: 0.25rem; @media (max-width: 767px) { align-self: stretch; } @media (min-width: 1200px) { margin-top: 0.9375rem; }
}
.expertise__features {
  grid-area: features; align-self: end; display: flex; flex-direction: column; gap: 1.25rem; margin: 0; padding: 0; list-style: none; @media (max-width: 1199px) { flex-direction: row; gap: 1.5rem; } @media (max-width: 767px) { order: 3; flex-direction: column; gap: 1.125rem; padding-top: 0.25rem; } @media (min-width: 1200px) { gap: 1.5625rem; }
}
.expertise__feature {
  display: flex; align-items: center; gap: 0.75rem; @media (max-width: 1199px) { flex: 1 1 0; flex-direction: column; align-items: flex-start; gap: 0.625rem; } @media (max-width: 767px) { flex-direction: row; align-items: center; gap: 0.75rem; } @media (min-width: 1200px) { gap: 0.9375rem; }
}
.expertise__icon {
  display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 2.375rem; height: 2.375rem; border-radius: 0.25rem; background: var(--dao-badge-grund); @media (min-width: 1200px) { width: 3.125rem; height: 3.125rem; }
}
.expertise__icon svg {
  width: 1.125rem; height: 1.125rem; @media (min-width: 1200px) { width: 1.375rem; height: 1.375rem; }
}
.expertise__icon--light {
  background: color-mix(in srgb, var(--dao-hellblau) 55%, transparent);
}
.expertise__icon--blue {
  background: var(--dao-blau);
}
.expertise__feature-text {
  display: flex; flex-direction: column; gap: 2px; @media (min-width: 1200px) { gap: 0.4375rem; }
}
.expertise__feature-title {
  margin: 0; font-family: var(--dao-font); font-size: 1rem; font-weight: 500; line-height: 1.25rem; letter-spacing: -0.02em; color: var(--dao-navy); @media (min-width: 1200px) { font-size: 1.125rem; }
}
.expertise__feature-desc {
  margin: 0; font-family: var(--dao-font); font-size: 0.875rem; font-weight: 400; line-height: 1.3125rem; color: var(--dao-fliesstext); @media (min-width: 1200px) { font-size: 1rem; line-height: 1.375rem; }
}
.expertise__shape--large {
  @media (max-width: 1199px) { display: none; }
}
.expertise__shape--small-top {
  @media (max-width: 1199px) { top: -2px; left: 2.875rem; width: 0.875rem; height: 0.875rem; }
}
.expertise__shape--small-left {
  @media (max-width: 1199px) { top: 6.75rem; left: -2px; width: 0.875rem; height: 0.875rem; }
}
.expertise__shape--small-notch {
  @media (max-width: 1199px) { right: -2px; bottom: -2px; width: 7rem; height: 2.875rem; }
}
.expertise__shape--small-corner {
  @media (max-width: 1199px) { right: -2px; bottom: 2.625rem; width: 0.875rem; height: 0.875rem; }
}
.expertise__image--video {
  isolation: isolate; &::before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } &::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } &::before { height: 65%; background: linear-gradient(in oklab 180deg,
    transparent 0%,
    color-mix(in srgb, var(--dao-nachtblau) 55%, transparent) 55%,
    color-mix(in srgb, var(--dao-nachtblau-tief) 90%, transparent) 100%); } &::after { height: 50%; background: url("../assets/beratung-hero-muster.svg") center bottom / cover no-repeat; opacity: 0.75; }
}
.expertise__video {
  position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover;
}
.expertise__pause.is-paused i {
  display: none;
}
.expertise__pause.is-paused::before {
  content: ""; width: 0; height: 0; margin-left: 2px; border-top: 0.375rem solid transparent; border-bottom: 0.375rem solid transparent; border-left: 0.625rem solid var(--dao-weiss);
}
.services {
  display: flex; flex-direction: row; align-items: stretch; gap: 0; margin: 0; padding: var(--dao-section-space) var(--dao-gutter); background-image:
    radial-gradient(ellipse 40% 45% at 78% 28% in oklab, var(--dao-glow-blau) 0%, var(--dao-seitengrund-0) 100%),
    radial-gradient(ellipse 38% 40% at 74% 88% in oklab, var(--dao-glow-lila) 0%, var(--dao-seitengrund-0) 100%); padding-block: calc(var(--dao-section-space) + 5rem); background-image:
    radial-gradient(ellipse 38.75rem 23.75rem at 78% 23.75rem in oklab, var(--dao-glow-blau) 0%, var(--dao-seitengrund-0) 100%),
    radial-gradient(ellipse 35rem 23.75rem at 74% calc(100% - 23.75rem) in oklab, var(--dao-glow-lila) 0%, var(--dao-seitengrund-0) 100%); @media (max-width: 1199px) { flex-direction: column; align-items: stretch; gap: 2.5rem; background-image:
      radial-gradient(ellipse 50% 40% at 75% 30% in oklab, var(--dao-glow-blau) 0%, var(--dao-seitengrund-0) 100%),
      radial-gradient(ellipse 50% 35% at 70% 88% in oklab, var(--dao-glow-lila) 0%, var(--dao-seitengrund-0) 100%); } @media (max-width: 767px) { flex-direction: column; align-items: stretch; gap: 2rem; background-image:
      radial-gradient(ellipse 80% 30% at 70% 45% in oklab, var(--dao-glow-blau) 0%, var(--dao-seitengrund-0) 100%),
      radial-gradient(ellipse 80% 25% at 40% 92% in oklab, var(--dao-glow-lila) 0%, var(--dao-seitengrund-0) 100%); } @media (max-width: 1199px) { padding-block: calc(var(--dao-section-space) + 3.75rem); background-image:
      radial-gradient(ellipse 32.5rem 20rem at 75% 20rem in oklab, var(--dao-glow-blau) 0%, var(--dao-seitengrund-0) 100%),
      radial-gradient(ellipse 32.5rem 20rem at 70% calc(100% - 20rem) in oklab, var(--dao-glow-lila) 0%, var(--dao-seitengrund-0) 100%); } @media (max-width: 767px) { padding-block: calc(var(--dao-section-space) + 3rem); background-image:
      radial-gradient(ellipse 80% 16.25rem at 70% 16.25rem in oklab, var(--dao-glow-blau) 0%, var(--dao-seitengrund-0) 100%),
      radial-gradient(ellipse 80% 15rem at 40% calc(100% - 15rem) in oklab, var(--dao-glow-lila) 0%, var(--dao-seitengrund-0) 100%); } @media (min-width: 1200px) and (prefers-reduced-motion: no-preference) { align-items: flex-start; }
}
.services__text {
  display: flex; flex-shrink: 0; flex-direction: column; align-items: flex-start; gap: 1.25rem; width: 30.3125rem; padding-top: 2px; @media (max-width: 1199px) { gap: 1rem; width: auto; padding-top: 0; } @media (max-width: 767px) { width: auto; padding-top: 0; } @media (min-width: 1200px) { flex: 0 1 33.75rem; width: auto; min-width: 0; } @media (min-width: 1200px) and (prefers-reduced-motion: no-preference) { position: sticky; top: calc(var(--dao-header-height) + 2.5rem); }
}
.services__title {
  flex-shrink: 0; width: 32.5rem; @media (max-width: 1199px) { flex-shrink: 1; width: auto; } @media (min-width: 1200px) { width: auto; max-width: 33.75rem; }
}
.services__lead {
  max-width: 26.875rem; @media (max-width: 1199px) { max-width: 35rem; } @media (min-width: 1200px) { max-width: 33.75rem; }
}
.services__button {
  margin-top: 0.375rem; @media (max-width: 1199px) { margin-top: 0.25rem; } @media (max-width: 767px) { align-self: stretch; } @media (min-width: 1200px) { margin-top: 0.9375rem; }
}
.services__line {
  flex-shrink: 0; width: 0.5rem; margin: 0 2.1875rem 0 2.75rem; border-radius: 0.25rem; background-image: linear-gradient(in oklab 180deg, var(--dao-hellblau-00) 0%, var(--dao-hellblau-90) 30%, var(--dao-flieder-80) 72%, var(--dao-flieder-00) 100%); @media (max-width: 1199px) { display: none; } @media (min-width: 1200px) { margin: 0 clamp(1.5rem, 3.34vw, 3rem) 0 clamp(1.5rem, calc(100vw - 81rem), 9rem); } @media (min-width: 1200px) and (prefers-reduced-motion: no-preference) { align-self: stretch; }
}
.services__cards {
  --dao-steg: 13.5rem; display: flex; flex-shrink: 0; flex-direction: column; gap: 0.5rem; width: 31.75rem; margin: 0; padding: 0; list-style: none; @media (max-width: 1199px) { --dao-steg: 17.5rem; flex: none; width: auto; } @media (max-width: 767px) { --dao-steg: 7.5rem; flex: none; } @media (min-width: 1200px) { --dao-steg: 17.5rem; flex: 0 1 40rem; gap: 0.625rem; width: auto; min-width: 0; } @media (min-width: 1200px) and (prefers-reduced-motion: no-preference) { display: grid; grid-template-rows: repeat(3, 1fr) auto; } @media (min-width: 1200px) and (prefers-reduced-motion: no-preference) { &::after { content: ""; height: 12.5rem; } }
}
.services__card {
  --dao-card-angle: 135deg; position: relative; display: flex; flex-direction: column; gap: 0; padding: 0.25rem; border-radius: 0.375rem; background: var(--dao-weiss); @media (max-width: 1199px) { --dao-card-angle: 180deg; } @media (min-width: 1200px) { gap: 1.5rem; padding: 0.375rem 0.375rem 1.25rem; } @media (min-width: 1200px) and (prefers-reduced-motion: no-preference) { position: sticky; top: calc(var(--dao-header-height) + 2.5rem + var(--dao-stapel, 0) * 1.5rem); box-shadow: 0 calc(0.75rem * -1) 2rem calc(1.25rem * -1) var(--dao-navy-35); } @media (min-width: 1200px) and (prefers-reduced-motion: no-preference) { &:nth-child(2) { --dao-stapel: 1; } } @media (min-width: 1200px) and (prefers-reduced-motion: no-preference) { &:nth-child(3) { --dao-stapel: 2; } }
}
.services__card + .services__card::before {
  content: ""; position: absolute; top: calc(0.5rem * -1); left: 50%; width: var(--dao-steg); height: 0.5rem; transform: translateX(-50%); background: var(--dao-weiss); @media (min-width: 1200px) { top: calc(0.625rem * -1); height: 0.625rem; } @media (min-width: 1200px) and (prefers-reduced-motion: no-preference) { display: none; }
}
.services__card-body {
  --dao-card-accent: var(--dao-blau); display: flex; flex-direction: column; justify-content: space-between; gap: 2.5rem; padding: 1.125rem 1.125rem 0.875rem; border-radius: 0.25rem; background: linear-gradient(in oklab var(--dao-card-angle), var(--dao-blauverlauf-start) 0%, var(--dao-blauverlauf-ende) 75%); color: var(--dao-navy); @media (max-width: 1199px) { gap: 1.75rem; padding: 1.125rem 1rem 0.875rem; } @media (min-width: 1200px) { gap: 4.0625rem; padding: 1.25rem 1.5rem; } @media (min-width: 1200px) and (prefers-reduced-motion: no-preference) { flex-grow: 1; }
}
.services__card--navy .services__card-body {
  --dao-card-accent: var(--dao-hellblau); background: linear-gradient(in oklab var(--dao-card-angle), var(--dao-blau-mittel) 0%, var(--dao-navy) 100%); color: var(--dao-weiss);
}
.services__card--lila .services__card-body {
  --dao-card-accent: var(--dao-dunkellila); background: linear-gradient(in oklab var(--dao-card-angle), var(--dao-lilaverlauf-start) 0%, var(--dao-lilaverlauf-ende) 75%);
}
.services__card-head {
  display: flex; flex-direction: column; gap: 0.5rem; @media (min-width: 1200px) { gap: 0.625rem; }
}
.services__card-top {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 0.75rem;
}
.services__card-title {
  margin: 0; font-family: var(--dao-font); font-size: 1.375rem; font-weight: 500; line-height: 1.75rem; letter-spacing: -0.035em; color: inherit; @media (max-width: 1199px) { letter-spacing: -0.02em; } @media (max-width: 767px) { font-size: 1.1875rem; line-height: 1.5rem; } @media (min-width: 1200px) { font-size: 1.75rem; line-height: 2.125rem; }
}
.services__card-number {
  flex-shrink: 0; padding-top: 0.25rem; font-family: var(--dao-font-mono); font-size: 0.6875rem; font-weight: 500; line-height: 0.875rem; color: var(--dao-navy); @media (min-width: 1200px) { font-size: 0.875rem; }
}
.services__card--navy .services__card-number {
  color: var(--dao-hellblau);
}
.services__card--lila .services__card-number {
  color: var(--dao-dunkellila);
}
.services__card-desc {
  max-width: 25rem; margin: 0; font-family: var(--dao-font); font-size: 0.875rem; font-weight: 400; line-height: 1.3125rem; color: var(--dao-fliesstext); @media (max-width: 1199px) { max-width: none; padding-right: 1.5rem; } @media (min-width: 1200px) { max-width: 28.75rem; font-size: 1rem; line-height: 1.375rem; }
}
.services__card--navy .services__card-desc {
  color: var(--dao-weiss-70);
}
.services__list {
  display: flex; flex-direction: column; gap: 0.375rem; margin: 0; padding: 0; list-style: none; @media (min-width: 1200px) { gap: 0.625rem; }
}
.services__item {
  display: flex; align-items: center; gap: 0.375rem; font-family: var(--dao-font); font-size: 0.875rem; font-weight: 400; line-height: 1.3125rem; color: inherit; @media (min-width: 1200px) { gap: 0.5rem; font-size: 1rem; line-height: 1rem; }
}
.services__item svg {
  flex-shrink: 0; width: 0.625rem; height: 0.625rem; color: var(--dao-card-accent);
}
.services__card-link {
  display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.875rem 0.375rem 0.625rem 0.6875rem; font-family: var(--dao-font-mono); font-size: 0.6875rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; text-decoration: none; color: var(--dao-navy); &:hover { color: var(--dao-blau); } &:focus-visible { outline: 2px solid var(--dao-blau); outline-offset: 2px; } @media (min-width: 1200px) { padding: 0 0.875rem; font-size: 0.875rem; }
}
.services__card-link svg {
  flex-shrink: 0; width: 0.875rem; height: 0.875rem; color: var(--dao-blau);
}
.fallteaser {
  align-items: stretch; display: flex; flex-direction: column; gap: 3.5rem; margin: 0; padding: var(--dao-section-space) var(--dao-gutter); position: relative; isolation: isolate; padding-inline: calc(var(--dao-gutter) + 0.625rem); background: var(--dao-navy); color: var(--dao-weiss); @media (max-width: 1199px) { gap: 2.5rem; } @media (max-width: 767px) { gap: 2rem; } &:has(+ .impact) { padding-bottom: 0; } &::before { content: ""; position: absolute; top: 0; bottom: 0; z-index: -1; width: 1px; background: var(--dao-weiss-08); pointer-events: none; } &::after { content: ""; position: absolute; top: 0; bottom: 0; z-index: -1; width: 1px; background: var(--dao-weiss-08); pointer-events: none; } &::before { left: var(--dao-gutter); } &::after { right: var(--dao-gutter); } @media (max-width: 1199px) { padding-inline: var(--dao-gutter); }
}
.services + .fallteaser {
  padding-top: 0; padding-top: var(--dao-section-space);
}
.fallteaser__head {
  display: flex; align-items: flex-end; justify-content: space-between; gap: 2.5rem; @media (max-width: 1199px) { flex-direction: column; align-items: flex-start; gap: 1.5rem; }
}
.fallteaser__intro {
  display: flex; flex-direction: column; align-items: flex-start; gap: 1.25rem; max-width: 42.5rem;
}
.fallteaser__intro .dao-h2 {
  margin: 0;
}
.fallteaser__intro .lead {
  margin: 0;
}
.fallteaser__button {
  flex-shrink: 0;
}
.fallteaser__list {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.625rem; margin: 0; padding: 0; list-style: none; @media (max-width: 1199px) { grid-template-columns: repeat(2, minmax(0, 1fr)); } @media (max-width: 767px) { grid-template-columns: 1fr; }
}
.fallteaser .dao-h2 {
  color: var(--dao-weiss);
}
.fallteaser .lead {
  color: var(--dao-weiss-70);
}
.impact {
  align-items: stretch; position: relative; display: flex; flex-direction: column; gap: 0; margin: 0; padding: var(--dao-section-space) 0 0; overflow: clip; background: var(--dao-navy); color: var(--dao-weiss); &::before { content: ""; position: absolute; top: 0; bottom: 0; width: 1px; background: var(--dao-weiss-08); pointer-events: none; } &::after { content: ""; position: absolute; top: 0; bottom: 0; width: 1px; background: var(--dao-weiss-08); pointer-events: none; } &::before { left: var(--dao-gutter); } &::after { right: var(--dao-gutter); } @media (max-width: 1199px) { &::before { left: calc(var(--dao-gutter) - 0.5rem); } } @media (max-width: 1199px) { &::after { right: calc(var(--dao-gutter) - 0.5rem); } } @media (min-width: 1200px) { padding-top: 6.25rem; }
}
.impact__process-head {
  position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap: 2.5rem; padding: 6.875rem calc(var(--dao-gutter) + 0.5rem) 3.125rem; @media (max-width: 1199px) { flex-direction: column; align-items: flex-start; gap: 1.125rem; padding: 6.5rem var(--dao-gutter) 2.5rem; } @media (max-width: 767px) { gap: 1rem; padding: 4.5rem var(--dao-gutter) 2rem; } @media (min-width: 1200px) { padding: 8.75rem calc(var(--dao-gutter) + 0.625rem) 4.0625rem; }
}
.impact__process-intro {
  display: flex; flex-direction: column; align-items: flex-start; gap: 1.5rem; @media (max-width: 1199px) { display: contents; }
}
.impact__process-title {
  max-width: 28.75rem; color: var(--dao-weiss); @media (max-width: 1199px) { max-width: none; } @media (min-width: 1200px) { max-width: 42.5rem; }
}
.impact__button {
  flex-shrink: 0; @media (max-width: 767px) { align-self: stretch; margin-top: 0.5rem; }
}
.impact__steps {
  position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin: 0; padding: 0 var(--dao-gutter) 5rem; list-style: none; @media (max-width: 1199px) { padding: 0 calc(var(--dao-gutter) - 0.5rem) var(--dao-section-space); } @media (max-width: 767px) { grid-template-columns: 1fr; } @media (min-width: 1200px) { padding-bottom: 3.75rem; }
}
.impact__step {
  display: flex; flex-direction: column; justify-content: space-between; gap: 0; box-sizing: content-box; height: 8.625rem; padding: 1rem 1rem 1.125rem; border-bottom: 1px solid var(--dao-weiss-08); &:nth-child(-n + 2) { border-top: 1px solid var(--dao-weiss-08); } &:nth-child(odd) { border-right: 1px solid var(--dao-weiss-08); } @media (max-width: 1199px) { flex-direction: row; justify-content: flex-start; gap: 0.875rem; box-sizing: border-box; height: auto; min-height: 9.375rem; padding: 1.25rem 0.5rem; } @media (max-width: 767px) { min-height: 0; } @media (max-width: 767px) { &:nth-child(odd) { border-right: 0; } } @media (max-width: 767px) { &:nth-child(2) { border-top: 0; } } @media (min-width: 1200px) { height: 11.25rem; padding: 1.25rem; } @media (min-width: 1200px) { &:nth-child(n + 3) { padding-bottom: 3.75rem; } }
}
.impact__step-index {
  display: flex; flex-shrink: 0; align-items: flex-start; gap: 0; @media (max-width: 1199px) { width: 1.875rem; padding-top: 2px; }
}
.impact__step-num {
  padding: 0.25rem 0.375rem; border-radius: 0.1875rem; background: var(--dao-weiss-08); font-family: var(--dao-font-mono); font-size: 0.6875rem; font-weight: 500; line-height: 1rem; color: var(--dao-weiss-80); @media (max-width: 1199px) { line-height: 0.875rem; } @media (min-width: 1200px) { padding: 0.5rem; font-size: 0.875rem; line-height: 0.875rem; }
}
.impact__step-body {
  display: flex; flex-direction: column; gap: 0.5rem; @media (max-width: 1199px) { flex: 1 1 0; gap: 0.375rem; } @media (min-width: 1200px) { gap: 0.9375rem; }
}
.impact__step-title {
  margin: 0; font-family: var(--dao-font); font-size: 1.1875rem; font-weight: 500; line-height: 1.5rem; letter-spacing: -0.02em; color: var(--dao-weiss); @media (min-width: 1200px) { font-size: 1.5rem; line-height: 1.5rem; }
}
.impact__step-text {
  max-width: 25rem; margin: 0; font-family: var(--dao-font); font-size: 0.875rem; font-weight: 400; line-height: 1.3125rem; color: var(--dao-weiss-70); @media (max-width: 1199px) { max-width: none; } @media (min-width: 1200px) { max-width: 28.75rem; font-size: 1rem; line-height: 1.375rem; }
}
.impact--ablauf .impact__process-head {
  padding-top: 0;
}
.values {
  align-items: stretch; display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0 0.5rem; background: none; @media (min-width: 1200px) { padding-inline: 0.625rem; }
}
.values__card {
  position: relative; display: flex; justify-content: space-between; gap: 0; padding: var(--dao-section-space) var(--dao-gutter); border-radius: 1rem; background: var(--dao-weiss); &::before { content: ""; position: absolute; top: 0; bottom: 0; width: 1px; background: var(--dao-linie); } &::after { content: ""; position: absolute; top: 0; bottom: 0; width: 1px; background: var(--dao-linie); } &::before { left: calc(var(--dao-gutter) - 0.5rem); } &::after { right: calc(var(--dao-gutter) - 0.5rem); } @media (max-width: 1199px) { flex-direction: column; justify-content: flex-start; gap: 2.5rem; padding-inline: calc(var(--dao-gutter) - 0.5rem); } @media (max-width: 1199px) { &::before { left: calc(var(--dao-gutter) - 1rem); } } @media (max-width: 1199px) { &::after { right: calc(var(--dao-gutter) - 1rem); } } @media (max-width: 767px) { gap: 2rem; } @media (min-width: 1200px) { --dao-card-gutter: max(1.875rem, calc((100% - 85rem) / 2)); padding-inline: var(--dao-card-gutter); } @media (min-width: 1200px) { &::before { left: calc(var(--dao-card-gutter) - 0.625rem); } } @media (min-width: 1200px) { &::after { right: calc(var(--dao-card-gutter) - 0.625rem); } } @media (min-width: 1200px) { column-gap: 2.5rem; }
}
.values__text {
  position: relative; display: flex; flex-shrink: 0; flex-direction: column; justify-content: space-between; gap: 0; width: 29.5rem; @media (max-width: 1199px) { display: contents; } @media (min-width: 1200px) { flex: 0 1 38.125rem; width: auto; min-width: 0; }
}
.values__intro {
  display: flex; flex-direction: column; align-items: flex-start; gap: 1.25rem; @media (max-width: 1199px) { gap: 1rem; } @media (max-width: 1199px) { order: 1; }
}
.values__lead {
  max-width: 28.125rem; @media (max-width: 1199px) { max-width: 35rem; } @media (min-width: 1200px) { max-width: 33.75rem; }
}
.values__button {
  margin-top: 0.375rem; @media (max-width: 1199px) { margin-top: 0.25rem; } @media (max-width: 767px) { align-self: stretch; } @media (min-width: 1200px) { margin-top: 0.9375rem; }
}
.values__features {
  display: flex; gap: 0.5rem; margin: 0; padding: 0; list-style: none; @media (max-width: 1199px) { order: 3; } @media (min-width: 1200px) { gap: 0.625rem; }
}
.values__feature {
  display: flex; flex: 1 1 0; flex-direction: column; gap: 1.375rem; padding: 0.5rem 0.5rem 0.875rem; border-radius: 0.25rem; background: var(--dao-kartengrund); @media (min-width: 1200px) { justify-content: space-between; min-height: 10.625rem; padding: 0.625rem 0.9375rem 0.9375rem 0.625rem; }
}
.values__icon {
  display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 2.375rem; height: 2.375rem; border-radius: 0.25rem; background: color-mix(in srgb, var(--dao-hellblau) 55%, transparent); @media (min-width: 1200px) { width: 3.125rem; height: 3.125rem; }
}
.values__icon--blue {
  background: var(--dao-blau);
}
.values__icon svg {
  width: 1.125rem; height: 1.125rem; @media (min-width: 1200px) { width: 1.375rem; height: 1.375rem; }
}
.values__feature-text {
  display: flex; flex-direction: column; gap: 0.375rem;
}
.values__feature-title {
  margin: 0; font-family: var(--dao-font); font-size: 1rem; font-weight: 500; line-height: 1.25rem; letter-spacing: -0.02em; color: var(--dao-navy); @media (min-width: 1200px) { font-size: 1.125rem; }
}
.values__feature-desc {
  margin: 0; font-family: var(--dao-font); font-size: 0.875rem; font-weight: 400; line-height: 1.3125rem; color: var(--dao-fliesstext); @media (min-width: 1200px) { font-size: 1rem; line-height: 1.375rem; }
}
.values__media {
  position: relative; flex-shrink: 0; width: 34.75rem; height: 38.625rem; @media (max-width: 1199px) { order: 2; width: 100%; height: 32.5rem; } @media (max-width: 767px) { height: 23.75rem; } @media (min-width: 1200px) { flex: 0 1 43.75rem; width: auto; min-width: 0; height: auto; aspect-ratio: 7 / 8; }
}
.values__image {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; gap: 0; overflow: hidden; border-radius: 0.75rem; background: url("../assets/expertise-bildflaeche.svg") center / cover no-repeat;
}
.values__notch {
  position: absolute; top: calc(0.1875rem * -1); left: calc(0.1875rem * -1); width: 5.125rem; height: 10.8125rem; border-bottom-right-radius: 0.75rem; background: var(--dao-weiss); @media (max-width: 1199px) { top: -2px; left: -2px; width: 3.125rem; height: 7rem; } @media (min-width: 1200px) { width: 7.3125rem; height: 14.6875rem; }
}
.values__shape {
  position: absolute; display: block; fill: var(--dao-weiss); pointer-events: none;
}
.values__shape--corner-top {
  top: -1px; left: 4.875rem; width: 0.8125rem; height: 0.8125rem; @media (min-width: 1200px) { left: 7.0625rem; }
}
.values__shape--corner-left {
  top: 10.5625rem; left: -1px; width: 0.8125rem; height: 0.8125rem; @media (min-width: 1200px) { top: 14.4375rem; }
}
.values__shape--notch {
  right: calc(0.1875rem * -1); bottom: calc(0.1875rem * -1); width: 17.3125rem; height: 3.4375rem; @media (min-width: 1200px) { width: 22.75rem; height: 5.125rem; }
}
.values__shape--corner-right {
  right: 0; bottom: 3.1875rem; width: 0.75rem; height: 0.75rem; @media (min-width: 1200px) { bottom: 4.9375rem; }
}
.values__shape--small {
  display: none; @media (max-width: 1199px) { display: block; }
}
.values__pause {
  position: absolute; bottom: 0.5rem; left: 0.5rem; display: flex; align-items: center; justify-content: center; gap: 0.25rem; width: 1.75rem; height: 1.75rem; margin: 0; padding: 0; border: 0; border-radius: 0.3125rem; background: var(--dao-weiss-16); cursor: pointer; &:focus-visible { outline: 2px solid var(--dao-weiss); outline-offset: 0.1875rem; } @media (min-width: 1200px) { width: 2.25rem; height: 2.25rem; border-radius: 0.375rem; }
}
.values__pause i {
  width: 0.1875rem; height: 0.6875rem; border-radius: 1px; background: var(--dao-weiss); @media (min-width: 1200px) { width: 0.25rem; height: 0.875rem; }
}
.values__shape--large {
  @media (max-width: 1199px) { display: none; }
}
.values__shape--small-top {
  @media (max-width: 1199px) { top: -2px; left: 2.875rem; width: 0.875rem; height: 0.875rem; }
}
.values__shape--small-left {
  @media (max-width: 1199px) { top: 6.75rem; left: -2px; width: 0.875rem; height: 0.875rem; }
}
.values__shape--small-notch {
  @media (max-width: 1199px) { right: -2px; bottom: -2px; width: 7rem; height: 2.875rem; }
}
.values__shape--small-corner {
  @media (max-width: 1199px) { right: -2px; bottom: 2.625rem; width: 0.875rem; height: 0.875rem; }
}
.values--reverse .values__media {
  order: -1;
}
.values__video {
  position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover;
}
.values__pause.is-paused i {
  display: none;
}
.values__pause.is-paused::before {
  content: ""; width: 0; height: 0; margin-left: 2px; border-top: 0.375rem solid transparent; border-bottom: 0.375rem solid transparent; border-left: 0.625rem solid var(--dao-weiss);
}
.values__image--video {
  isolation: isolate; &::before { content: ""; z-index: 1; position: absolute; right: 0; bottom: 0; left: 0; pointer-events: none; } &::after { content: ""; z-index: 1; position: absolute; right: 0; bottom: 0; left: 0; pointer-events: none; } &::before { height: 60%; background: linear-gradient(in oklab 180deg,
    transparent 0%,
    color-mix(in srgb, var(--dao-nachtblau) 55%, transparent) 55%,
    color-mix(in srgb, var(--dao-nachtblau-tief) 88%, transparent) 100%); } &::after { height: 45%; background: url("../assets/beratung-hero-muster.svg") center bottom / cover no-repeat; opacity: 0.75; } &::before { z-index: 1; } &::after { z-index: 1; }
}
.prices {
  align-items: stretch; --dao-prices-gutter: var(--dao-gutter); position: relative; display: flex; flex-direction: column; gap: 0; margin: 0; padding: var(--dao-section-space) 0 0; overflow: clip; background: var(--dao-navy); &::before { content: ""; position: absolute; top: 0; bottom: 0; width: 1px; background: var(--dao-weiss-08); } &::after { content: ""; position: absolute; top: 0; bottom: 0; width: 1px; background: var(--dao-weiss-08); } &::before { left: var(--dao-prices-gutter); } &::after { right: var(--dao-prices-gutter); } @media (max-width: 1199px) { --dao-prices-gutter: calc(var(--dao-gutter) - 0.625rem); }
}
.prices__head {
  position: relative; display: flex; flex-direction: column; align-items: center; gap: 1.5625rem; padding: 0 var(--dao-prices-gutter) 3.75rem; @media (max-width: 1199px) { padding-bottom: 2.5rem; } @media (max-width: 767px) { gap: 1.25rem; padding-bottom: 2.1875rem; }
}
.prices__title {
  max-width: 47.5rem; text-align: center; color: var(--dao-weiss); @media (max-width: 1199px) { max-width: 30rem; } @media (max-width: 767px) { max-width: 19.375rem; }
}
.prices__toggle {
  display: flex; align-items: center; gap: 0.9375rem; padding-top: 2.1875rem; @media (max-width: 1199px) { padding-top: 0.9375rem; } @media (max-width: 767px) { padding-top: 0.9375rem; }
}
.prices__toggle-text {
  font-family: var(--dao-font); font-size: 1.125rem; font-weight: 500; line-height: 1.125rem; letter-spacing: -0.02em; color: var(--dao-weiss-60); @media (max-width: 1199px) { font-size: 1rem; line-height: 1rem; }
}
.prices__toggle-text--active {
  color: var(--dao-weiss);
}
.prices__switch {
  display: flex; flex-shrink: 0; gap: 0; width: 4.75rem; height: 2.5rem; margin: 0; padding: 2px; border: 0; border-radius: 0.375rem; background: var(--dao-weiss-10); cursor: pointer; &:focus-visible { outline: 2px solid var(--dao-hellblau); outline-offset: 0.1875rem; } @media (max-width: 767px) { width: 4.375rem; height: 1.875rem; padding: 0; }
}
.prices__knob {
  flex-shrink: 0; width: 2.25rem; height: 2.25rem; border-radius: 0.25rem; background: var(--dao-hellblau); transition: transform 0.2s ease; @media (max-width: 767px) { width: 2.125rem; height: 1.875rem; }
}
.prices__switch[aria-checked="true"] .prices__knob {
  transform: translateX(2.25rem);
}
.prices__packages {
  position: relative; display: flex; gap: 0; margin: 0; padding: 0 var(--dao-prices-gutter); list-style: none; @media (max-width: 1199px) { display: grid; grid-template-columns: 1fr 1fr; gap: 0.9375rem; margin-inline: var(--dao-prices-gutter); padding: 0.625rem 0.625rem var(--dao-section-space); border-top: 1px solid var(--dao-weiss-08); } @media (max-width: 767px) { grid-template-columns: 1fr; }
}
.prices__package {
  display: flex; flex: 1 1 0; flex-direction: column; gap: 0.625rem; min-width: 0; padding: 0.625rem 0.625rem var(--dao-section-space); border-top: 1px solid var(--dao-weiss-08); &:not(:last-child) { border-right: 1px solid var(--dao-weiss-08); } @media (max-width: 1199px) { padding: 0; border: 0; } @media (max-width: 1199px) { &:not(:last-child) { border-right: 0; } }
}
.prices__card {
  display: flex; flex-direction: column; gap: 0; padding: 0.4375rem; border-radius: 0.3125rem; background: var(--dao-weiss-05);
}
.prices__package--image .prices__card {
  flex: 1 1 0;
}
.prices__top {
  display: flex; flex-shrink: 0; flex-direction: column; justify-content: space-between; gap: 0; height: 16.875rem; padding: 1.25rem 1.125rem; @media (max-width: 1199px) { justify-content: flex-start; gap: 3.125rem; height: auto; padding: 1.25rem 0.625rem; } @media (max-width: 767px) { gap: 1.5625rem; padding-top: 0.9375rem; }
}
.prices__intro {
  display: flex; flex-direction: column; gap: 1.25rem; @media (max-width: 767px) { gap: 0.625rem; }
}
.prices__name {
  margin: 0; font-family: var(--dao-font-mono); font-size: 0.875rem; font-weight: 500; line-height: 1.125rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-weiss-80); @media (max-width: 767px) { font-size: 0.75rem; line-height: 1rem; }
}
.prices__desc {
  max-width: 22.5rem; margin: 0; font-family: var(--dao-font); font-size: 1.5rem; font-weight: 500; line-height: 1.8125rem; letter-spacing: -0.03em; color: var(--dao-weiss-70); @media (max-width: 1199px) { font-size: 1.25rem; line-height: 1.5rem; } @media (max-width: 767px) { font-size: 1.25rem; line-height: 1.5rem; }
}
.prices__price-row {
  display: flex; align-items: flex-end; gap: 0.375rem; margin: 0;
}
.prices__price {
  margin: 0; font-family: var(--dao-font); font-size: 3.75rem; font-weight: 500; line-height: 3.75rem; letter-spacing: -0.05em; white-space: nowrap; color: var(--dao-weiss); @media (max-width: 1199px) { font-size: 3rem; line-height: 3rem; } @media (max-width: 767px) { font-size: 2rem; line-height: 2rem; letter-spacing: -0.04em; }
}
.prices__suffix {
  padding-bottom: 0.1875rem; font-family: var(--dao-font-mono); font-size: 0.875rem; font-weight: 500; line-height: 0.875rem; text-transform: uppercase; color: var(--dao-weiss-70); @media (max-width: 767px) { padding-bottom: 1px; font-size: 0.75rem; line-height: 0.75rem; }
}
.prices__price-row--stacked {
  flex-direction: column; align-items: flex-start; gap: 0.625rem;
}
.prices__price-row--stacked .prices__suffix {
  padding-bottom: 0; font-family: var(--dao-font); font-size: 0.9375rem; font-weight: 400; line-height: 1.5rem; text-transform: none; @media (max-width: 767px) { font-size: 0.875rem; line-height: 1.3125rem; }
}
.prices__features {
  display: flex; flex-direction: column; justify-content: space-between; gap: 3.125rem; padding: 1.25rem 1.125rem; border-radius: 0.25rem; background: var(--dao-mitternacht-55); @media (max-width: 1199px) { justify-content: flex-start; gap: 2.5rem; } @media (max-width: 767px) { gap: 1.875rem; padding: 0.9375rem; }
}
.prices__features-title {
  margin: 0; font-family: var(--dao-font-mono); font-size: 0.75rem; font-weight: 500; line-height: 0.75rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-weiss);
}
.prices__list {
  display: flex; flex-direction: column; gap: 0.9375rem; margin: 0; padding: 0; list-style: none; @media (max-width: 767px) { gap: 0.75rem; }
}
.prices__item {
  display: flex; align-items: center; gap: 0.5rem; font-family: var(--dao-font); font-size: 1rem; font-weight: 400; line-height: 1.25rem; color: var(--dao-weiss-85); @media (max-width: 1199px) { font-size: 0.875rem; line-height: 1.125rem; }
}
.prices__item svg {
  flex-shrink: 0; width: 0.625rem; height: 0.625rem;
}
.prices__image {
  display: flex; flex-grow: 1; align-items: center; justify-content: center; gap: 0; min-height: 0; border-radius: 0.25rem; background: url("../assets/preise-bildflaeche.svg") center / cover no-repeat; font-family: var(--dao-font-mono); font-size: 0.75rem; font-weight: 500; line-height: 1rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--dao-weiss); @media (max-width: 1199px) { min-height: 12.5rem; } @media (max-width: 767px) { min-height: 7.5rem; }
}
.prices__button {
  flex-shrink: 0;
}
.prices__toggle--light .prices__toggle-text {
  color: var(--dao-fliesstext); @media (max-width: 767px) { white-space: nowrap; }
}
.prices__toggle--light .prices__toggle-text--active {
  color: var(--dao-navy);
}
.prices__toggle--light .prices__switch {
  background: var(--dao-navy);
}
.prices__toggle--light .prices__switch:focus-visible {
  outline-color: var(--dao-blau);
}
.prices__packages--light {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.625rem; margin: 0; padding: 0 var(--dao-gutter); border: 0; @media (max-width: 1199px) { gap: 0.625rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding: 0 var(--dao-gutter); border: 0; } @media (max-width: 767px) { grid-template-columns: minmax(0, 1fr); }
}
.prices__packages--light .prices__package {
  padding: 0; border: 0;
}
.prices__packages--light .prices__card {
  flex: 1 1 auto; border-radius: 0.5rem; background: var(--dao-badge-grund);
}
.prices__packages--light .prices__card--blau {
  background: linear-gradient(in oklab 180deg, var(--dao-blauverlauf-start) 0%, var(--dao-blauverlauf-ende) 75%);
}
.prices__packages--light .prices__card--lila {
  background: linear-gradient(in oklab 135deg, var(--dao-lilaverlauf-start) 0%, var(--dao-lilaverlauf-ende) 75%);
}
.prices__packages--light .prices__name {
  color: var(--dao-fliesstext);
}
.prices__packages--light .prices__suffix {
  color: var(--dao-fliesstext);
}
.prices__packages--light .prices__desc {
  color: var(--dao-navy);
}
.prices__packages--light .prices__price {
  color: var(--dao-navy);
}
.prices__price-block {
  display: flex; flex-direction: column; gap: 0.625rem;
}
.prices__packages--light .prices__price-block {
  min-height: 5.875rem; @media (max-width: 1199px) { min-height: 5.375rem; } @media (max-width: 767px) { min-height: 0; }
}
.prices__note {
  margin: 0; font-family: var(--dao-font); font-size: 0.9375rem; font-weight: 400; line-height: 1.5rem; color: var(--dao-fliesstext); @media (max-width: 767px) { font-size: 0.875rem; line-height: 1.3125rem; }
}
.prices__packages--light .prices__features {
  flex-grow: 1; justify-content: flex-start; background: var(--dao-weiss);
}
.prices__packages--light .prices__features-title {
  color: var(--dao-navy);
}
.prices__packages--light .prices__item {
  color: var(--dao-fliesstext);
}
.prices__packages--light .prices__item svg {
  color: var(--dao-blau);
}
.prices__packages--light .prices__image {
  min-height: 13.75rem; flex-direction: column; gap: 0.375rem; background-image: url("../assets/ueber-bildflaeche.svg");
}
.prices__packages--light .prices__package--image {
  @media (max-width: 1199px) { grid-column: 1 / -1; }
}
.prices__packages--light .prices__package--image .prices__card {
  @media (max-width: 1199px) { flex-direction: row; gap: 0.4375rem; } @media (max-width: 767px) { flex-direction: column; }
}
.prices__packages--light .prices__package--image .prices__top {
  @media (max-width: 1199px) { flex: 1 1 0; justify-content: space-between; }
}
.prices__packages--light .prices__package--image .prices__image {
  @media (max-width: 1199px) { flex: 1 1 0; min-height: 15rem; } @media (max-width: 767px) { flex: none; min-height: 11.25rem; }
}
.prices__packages:not(.prices__packages--light) .prices__card {
  flex: 1 1 auto;
}
.prices__image--foto {
  position: relative; overflow: hidden; min-height: 13.75rem; background: none; isolation: isolate; &::before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } &::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } &::before { height: 70%; background: linear-gradient(in oklab 180deg,
    transparent 0%,
    color-mix(in srgb, var(--dao-nachtblau) 50%, transparent) 55%,
    color-mix(in srgb, var(--dao-nachtblau-tief) 88%, transparent) 100%); } &::after { height: 55%; background: url("../assets/beratung-hero-muster.svg") center bottom / cover no-repeat; opacity: 0.7; }
}
.prices__image--foto img {
  position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover;
}
.faq {
  align-items: stretch; --dao-faq-gutter: var(--dao-gutter); display: flex; flex-direction: column; gap: 3.75rem; margin: 0; padding: 6.25rem var(--dao-faq-gutter); background-image:
    radial-gradient(ellipse 35% 45% at 88% 18% in oklab, var(--dao-glow-lila) 0%, var(--dao-seitengrund-0) 100%),
    radial-gradient(ellipse 30% 40% at 6% 80% in oklab, var(--dao-glow-blau-hell) 0%, var(--dao-seitengrund-0) 100%); @media (max-width: 1199px) { gap: 3.125rem; } @media (max-width: 767px) { gap: 1.875rem; padding-block: var(--dao-section-space); }
}
.faq__head {
  display: flex; align-items: flex-end; justify-content: space-between; gap: 1.875rem; @media (max-width: 1199px) { flex-direction: column; align-items: flex-start; gap: 1.875rem; }
}
.faq__intro {
  display: flex; flex-direction: column; align-items: flex-start; gap: 1.5625rem; @media (max-width: 1199px) { gap: 1.25rem; } @media (max-width: 767px) { gap: 1rem; }
}
.faq__title {
  max-width: 37.5rem; @media (max-width: 1199px) { max-width: 37.5rem; text-wrap: balance; } @media (max-width: 767px) { max-width: 21.875rem; }
}
.faq__tabs {
  display: flex; flex-shrink: 0; gap: 0.1875rem; padding: 0.1875rem; border: 1px solid var(--dao-linie); border-radius: 0.375rem; background: var(--dao-weiss);
}
.faq__tab {
  margin: 0; padding: 1rem 1.375rem; border: 0; border-radius: 0.25rem; background: none; font-family: var(--dao-font-mono); font-size: 0.9375rem; font-weight: 500; line-height: 0.9375rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-navy); cursor: pointer; &:focus-visible { outline: 2px solid var(--dao-blau); outline-offset: 2px; } @media (max-width: 1199px) { padding: 0.875rem 1rem; font-size: 0.875rem; line-height: 0.875rem; } @media (max-width: 767px) { padding: 0.75rem 0.9375rem; font-size: 0.8125rem; line-height: 0.8125rem; }
}
.faq__tabs .faq__tab {
  line-height: 1;
}
.faq__tab[aria-selected="true"] {
  background: var(--dao-navy); color: var(--dao-weiss);
}
.faq__list {
  display: flex; flex-direction: column; gap: 0.625rem;
}
.faq__item {
  display: flex; flex-direction: column; gap: 0; border: 1px solid var(--dao-linie); border-radius: 0.375rem; background: var(--dao-weiss); transition: border-color 0.15s ease, box-shadow 0.15s ease; &:not([open]):hover { border-color: var(--dao-hellblau); box-shadow: 0 0.625rem 1.5rem calc(0.875rem * -1) var(--dao-blau-35); }
}
.faq__question {
  display: flex; align-items: center; gap: 0.9375rem; min-height: 4.875rem; padding: 0 1.5rem; font-family: var(--dao-font); font-size: 1.25rem; font-weight: 500; line-height: 1.625rem; letter-spacing: -0.02em; color: var(--dao-navy); list-style: none; cursor: pointer; &::-webkit-details-marker { display: none; } &:focus-visible { outline: 2px solid var(--dao-blau); outline-offset: 2px; border-radius: 0.375rem; } @media (max-width: 1199px) { min-height: 4.25rem; padding-inline: 1.1875rem; } @media (max-width: 767px) { gap: 0.75rem; min-height: 3.625rem; padding: 0.875rem 1rem; font-size: 1rem; line-height: 1.3125rem; }
}
.faq__item[open] {
  padding: 0 0.25rem 0.25rem; border-color: transparent; background: linear-gradient(in oklab 135deg, var(--dao-blau-mittel) 0%, var(--dao-navy) 100%) border-box; @media (max-width: 767px) { padding: 0 0.25rem 0.25rem; }
}
.faq__item[open] .faq__question {
  padding-inline: 1.25rem; color: var(--dao-weiss); @media (max-width: 1199px) { padding-inline: 0.9375rem; } @media (max-width: 767px) { padding: 0.875rem 0.75rem; }
}
.faq-panel .faq__tabs {
  background: var(--dao-seitengrund);
}
.faq-panel .faq__item:not([open]) {
  background: var(--dao-seitengrund);
}
.faq-panel .faq__item:not([open]):hover {
  background: var(--dao-weiss);
}
.faq--split {
  position: relative; flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 4.375rem; padding: 2.5rem var(--dao-faq-gutter) var(--dao-section-space); background: none; &::before { content: ""; position: absolute; top: 0; right: var(--dao-faq-gutter); left: var(--dao-faq-gutter); height: 1px; background: var(--dao-linie-stark); } @media (max-width: 1199px) { flex-direction: column; align-items: stretch; gap: 2.5rem; } @media (max-width: 767px) { gap: 1.875rem; padding-top: 1.875rem; }
}
.faq--split .faq__head {
  flex: 0 0 27.5rem; @media (max-width: 1199px) { position: static; flex: none; }
}
.faq--split .faq__list {
  flex: 0 1 54.375rem; min-width: 0; @media (max-width: 1199px) { flex: none; }
}
.faq--split .faq__title {
  text-wrap: balance;
}
.faq__list[hidden] {
  display: none;
}
.blog {
  display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0 0.625rem 0.625rem; background: none; @media (max-width: 1199px) { padding: 0 0.5rem 0.5rem; }
}
.blog__card {
  --dao-card-gutter: max(1.875rem, calc((100% - 85rem) / 2)); position: relative; display: flex; flex-direction: column; gap: 4.0625rem; padding: var(--dao-section-space) var(--dao-card-gutter); border-radius: 1rem; background: var(--dao-weiss); &::before { content: ""; position: absolute; top: 0; bottom: 0; width: 1px; background: var(--dao-linie); } &::after { content: ""; position: absolute; top: 0; bottom: 0; width: 1px; background: var(--dao-linie); } &::before { left: calc(var(--dao-card-gutter) - 0.625rem); } &::after { right: calc(var(--dao-card-gutter) - 0.625rem); } @media (max-width: 1199px) { gap: 3.125rem; padding-inline: calc(var(--dao-gutter) - 0.5rem); } @media (max-width: 1199px) { &::before { left: calc(var(--dao-gutter) - 1rem); } } @media (max-width: 1199px) { &::after { right: calc(var(--dao-gutter) - 1rem); } } @media (max-width: 767px) { gap: 1.875rem; border-radius: 0.75rem; }
}
.blog__head {
  position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap: 1.875rem; @media (max-width: 767px) { flex-wrap: wrap; align-items: flex-start; gap: 1.25rem; }
}
.blog__intro {
  display: flex; flex-direction: column; align-items: flex-start; gap: 1.5625rem; @media (max-width: 1199px) { gap: 1.25rem; } @media (max-width: 767px) { gap: 1rem; }
}
.blog__button {
  flex-shrink: 0;
}
.blog__posts {
  position: relative; display: flex; gap: 1.25rem; @media (max-width: 767px) { flex-direction: column; gap: 1.25rem; }
}
.blog__grid {
  display: grid; flex: 1 1 42.5rem; max-width: 42.5rem; grid-template-columns: 1fr 1fr; gap: 3.75rem 1.25rem; margin: 0; padding: 0; list-style: none; @media (max-width: 1199px) { gap: 2.5rem 1.25rem; } @media (max-width: 1199px) { flex: 1 1 0; max-width: none; } @media (max-width: 767px) { gap: 0.9375rem 0.625rem; } @media (max-width: 767px) { flex: none; }
}
.blog__more-head {
  display: flex; justify-content: space-between; gap: 0.625rem; margin: 0 0 1.875rem; padding-top: 1.25rem; border-top: 1px solid var(--dao-linie-stark); font-family: var(--dao-font-mono); font-size: 0.875rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-navy); @media (max-width: 767px) { margin-bottom: 1.25rem; padding-top: 1rem; font-size: 0.75rem; line-height: 0.75rem; }
}
.blog__grid--large {
  flex: none; max-width: none; gap: 6.25rem 1.25rem; @media (max-width: 1199px) { gap: 5rem 1.25rem; } @media (max-width: 767px) { grid-template-columns: minmax(0, 1fr); gap: 1.875rem; }
}
.ratgeber {
  align-items: stretch; display: flex; flex-direction: column; gap: 6.25rem; margin: 0; padding: 0 var(--dao-gutter) var(--dao-section-space); background: none; @media (max-width: 1199px) { gap: 4.375rem; } @media (max-width: 767px) { gap: 3.125rem; }
}
.bafa {
  align-items: stretch; display: flex; flex-direction: column; gap: 6.25rem; margin: 0; padding: 0 var(--dao-gutter) var(--dao-section-space); background: none; @media (max-width: 1199px) { gap: 4.375rem; } @media (max-width: 767px) { gap: 3.125rem; }
}
.bafa__rates {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.625rem; margin: 0; padding: 0; list-style: none; @media (max-width: 767px) { grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
}
.bafa__rate {
  display: flex; flex-direction: column; justify-content: flex-start; gap: 2.5rem; padding: 2rem; border: 1px solid var(--dao-lila-rand); border-radius: 0.5rem; background: linear-gradient(in oklab 180deg, var(--dao-lilaverlauf-start) 0%, var(--dao-lilaverlauf-ende) 75%); @media (max-width: 1199px) { gap: 1.875rem; padding: 1.5rem; } @media (max-width: 767px) { gap: 1.5rem; padding: 1.25rem; }
}
.bafa__rate--blau {
  border-color: var(--dao-linie-stark); background: linear-gradient(in oklab 180deg, var(--dao-blauverlauf-start) 0%, var(--dao-blauverlauf-ende) 75%);
}
.bafa__rate-label {
  margin: 0; font-family: var(--dao-font-mono); font-size: 0.75rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-dunkellila);
}
.bafa__rate-max {
  margin: 0; font-family: var(--dao-font-mono); font-size: 0.75rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-dunkellila);
}
.bafa__rate--blau .bafa__rate-label {
  color: var(--dao-blau);
}
.bafa__rate--blau .bafa__rate-max {
  color: var(--dao-blau);
}
.bafa__rate-body {
  display: flex; flex-direction: column; gap: 0.75rem;
}
.bafa__rate-value {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.5rem 1rem; margin: 0;
}
.bafa__rate-number {
  font-family: var(--dao-font); font-size: 3.75rem; font-weight: 500; line-height: 3.75rem; letter-spacing: -0.05em; white-space: nowrap; color: var(--dao-navy); @media (max-width: 1199px) { font-size: 3rem; line-height: 3rem; } @media (max-width: 767px) { font-size: 2.5rem; line-height: 2.5rem; }
}
.bafa__rate-text {
  max-width: 32.5rem; margin: 0; font-family: var(--dao-font); font-size: 1rem; font-weight: 400; line-height: 1.5rem; color: var(--dao-fliesstext); @media (max-width: 767px) { font-size: 0.9375rem; line-height: 1.375rem; }
}
.bafa__who {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 4rem; @media (max-width: 1199px) { flex-direction: column; align-items: stretch; gap: 2.5rem; }
}
.bafa__who-text {
  display: flex; flex: 0 1 30rem; flex-direction: column; align-items: flex-start; gap: 1.25rem; min-width: 0; @media (max-width: 1199px) { flex: none; } @media (max-width: 1199px) { gap: 1rem; max-width: 37.5rem; }
}
.bafa__steps {
  flex: 0 1 47.5rem; min-width: 0; @media (max-width: 1199px) { flex: none; }
}
.bafa__content {
  display: flex; flex: 0 1 47.5rem; flex-direction: column; gap: 0.625rem; min-width: 0; @media (max-width: 1199px) { flex: none; }
}
.bafa__card {
  display: flex; flex-direction: column; gap: 0.75rem; padding: 1.5rem 1.75rem; border: 1px solid var(--dao-linie); border-radius: 0.5rem; background: var(--dao-weiss); @media (max-width: 767px) { padding: 1.25rem; }
}
.bafa__card-title {
  margin: 0; font-family: var(--dao-font); font-size: 1.1875rem; font-weight: 500; line-height: 1.5rem; letter-spacing: -0.02em; color: var(--dao-navy);
}
.bafa__card p {
  margin: 0; font-family: var(--dao-font); font-size: 0.9375rem; font-weight: 400; line-height: 1.5rem; color: var(--dao-fliesstext); @media (max-width: 767px) { font-size: 0.9375rem; line-height: 1.375rem; } @media (max-width: 767px) { font-size: 0.875rem; line-height: 1.3125rem; }
}
.bafa__card li {
  margin: 0; font-family: var(--dao-font); font-size: 0.9375rem; font-weight: 400; line-height: 1.5rem; color: var(--dao-fliesstext); @media (max-width: 767px) { font-size: 0.9375rem; line-height: 1.375rem; } @media (max-width: 767px) { font-size: 0.875rem; line-height: 1.3125rem; }
}
.bafa__note {
  margin: 0; font-family: var(--dao-font); font-size: 0.9375rem; font-weight: 400; line-height: 1.5rem; color: var(--dao-fliesstext); padding: 0 0.25rem; @media (max-width: 767px) { font-size: 0.9375rem; line-height: 1.375rem; }
}
.bafa__card ul {
  display: flex; flex-direction: column; gap: 0.5rem; margin: 0; padding-left: 1.375rem;
}
.bafa__card a {
  color: var(--dao-navy); text-decoration: underline;
}
.bafa__note a {
  color: var(--dao-navy); text-decoration: underline;
}
.bafa__facts {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.625rem; @media (max-width: 767px) { grid-template-columns: minmax(0, 1fr); }
}
.foerderung .bafa {
  gap: var(--dao-section-space);
}
.bafa__content .steps__item:last-child {
  border-bottom: 0;
}
.bafa__content > .bafa__steps {
  flex: none;
}
.bafa__content > .bafa__steps:last-child .steps__item:last-child {
  padding-bottom: 0;
}
.bafa--ende {
  padding-top: var(--dao-section-space);
}
.bafa__ablauf {
  --dao-ablauf-abstand: 3rem; display: flex; flex-direction: column; gap: var(--dao-ablauf-abstand); @media (max-width: 767px) { gap: 2rem; } @media (max-width: 767px) { --dao-ablauf-abstand: 2rem; }
}
.bafa__ablauf-kopf {
  display: flex; flex-direction: column; align-items: flex-start; gap: 1.25rem; max-width: 40rem;
}
.ablauf {
  --dao-ablauf-gap: 4.5rem; --dao-ablauf-knoten: 2rem; position: relative; display: flex; flex-direction: column; gap: var(--dao-ablauf-gap); margin: 0; padding: 0; list-style: none; @media (max-width: 767px) { --dao-ablauf-gap: 2rem; }
}
.ablauf__schritt {
  position: relative; display: flex; justify-content: flex-end; padding-right: calc(50% + 3rem); &:nth-child(even) { justify-content: flex-start; padding-right: 0; padding-left: calc(50% + 3rem); } &:not(:last-child)::before { content: ""; position: absolute; top: calc(1.5rem + var(--dao-ablauf-knoten) / 2); left: 50%; width: 2px; height: calc(100% + var(--dao-ablauf-gap)); transform: translateX(-50%); background: var(--dao-linie-stark); transition: background-color 0.3s ease; } @media (prefers-reduced-motion: reduce) { &::before { transition: none; } } @media (max-width: 767px) { justify-content: flex-end; padding-right: 0; padding-left: 0; } @media (max-width: 767px) { &:nth-child(even) { justify-content: flex-end; padding-right: 0; padding-left: 0; } } @media (max-width: 767px) { &:not(:last-child)::before { left: 1rem; } }
}
.ablauf__schritt.is-erreicht:not(:last-child)::before {
  background: var(--dao-blau);
}
.ablauf__knoten {
  position: absolute; top: 1.5rem; left: 50%; z-index: 1; display: flex; align-items: center; justify-content: center; width: var(--dao-ablauf-knoten); height: var(--dao-ablauf-knoten); transform: translateX(-50%); border: 2px solid var(--dao-linie-stark); border-radius: 50%; background: var(--dao-weiss); font-family: var(--dao-font-mono); font-size: 0.6875rem; font-weight: 500; line-height: 0.8125rem; letter-spacing: 0.02em; color: var(--dao-fliesstext); transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease; @media (prefers-reduced-motion: reduce) { transition: none; } @media (max-width: 767px) { left: 1rem; }
}
.ablauf__karte {
  display: flex; flex-direction: column; gap: 0.25rem; position: relative; width: min(100%, 26.25rem); padding: 1.5rem 1.75rem; border: 1px solid var(--dao-linie); border-radius: 0.5rem; background: var(--dao-weiss); transition: background-color 0.3s ease, border-color 0.3s ease; &::before { content: ""; position: absolute; top: calc(1.5rem + var(--dao-ablauf-knoten) / 2 - 1px); right: calc(3rem * -1); width: 3rem; height: 2px; background: var(--dao-linie-stark); transition: background-color 0.3s ease; } @media (prefers-reduced-motion: reduce) { &::before { transition: none; } } @media (prefers-reduced-motion: reduce) { transition: none; } @media (max-width: 767px) { &::before { display: none; } } @media (max-width: 767px) { width: calc(100% - 3.25rem); padding: 1.25rem; } @media (max-width: 1199px) { width: min(100%, 22.5rem); } @media (max-width: 767px) { width: calc(100% - 3.25rem); }
}
.ablauf__titel {
  margin: 0; font-family: var(--dao-font); font-size: 1.1875rem; font-weight: 500; line-height: 1.5rem; letter-spacing: -0.02em; color: var(--dao-navy);
}
.ablauf__text {
  margin: 0; font-family: var(--dao-font); font-size: 0.9375rem; font-weight: 400; line-height: 1.5rem; color: var(--dao-fliesstext); @media (max-width: 767px) { font-size: 0.875rem; line-height: 1.3125rem; }
}
.ablauf__schritt.is-erreicht .ablauf__knoten {
  border-color: var(--dao-blau); background: var(--dao-blau); color: var(--dao-weiss);
}
.ablauf__schritt.is-aktiv .ablauf__knoten {
  border-color: var(--dao-blau); background: var(--dao-blau); color: var(--dao-weiss); box-shadow: 0 0 0 0.375rem var(--dao-blau-hell);
}
.ablauf__schritt.is-aktiv .ablauf__karte {
  border-color: var(--dao-blau); background: var(--dao-badge-grund);
}
.ablauf__schritt:nth-child(even) .ablauf__karte::before {
  right: auto; left: calc(3rem * -1);
}
.ablauf__schritt.is-erreicht .ablauf__karte::before {
  background: var(--dao-blau);
}
.ablauf__schritt.is-aktiv .ablauf__karte::before {
  background: var(--dao-blau);
}
.bafa__card--spalten ul {
  display: block; column-count: 2; column-gap: 2.5rem; @media (max-width: 767px) { column-count: 1; }
}
.bafa__card--spalten li {
  break-inside: avoid; margin-bottom: 0.75rem;
}
.bafa--band {
  padding-top: var(--dao-section-space); background: var(--dao-kartengrund);
}
.bafa--folge {
  padding-top: var(--dao-section-space); overflow-x: clip;
}
.foerderung .bafa--kopf {
  gap: 4rem;
}
.bafa__kennzahlen {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; margin: 0; padding: 0; list-style: none; @media (max-width: 767px) { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
}
.bafa__kennzahl {
  display: flex; flex-direction: column; gap: 3.5rem; padding: 0.25rem 1rem; border-left: 1px solid var(--dao-linie-stark); @media (max-width: 1199px) { gap: 2rem; } @media (max-width: 767px) { gap: 1.25rem; }
}
.bafa__kennzahl-label {
  margin: 0; font-family: var(--dao-font-mono); font-size: 0.6875rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-navy);
}
.bafa__kennzahl-wert {
  display: flex; flex-direction: column; gap: 0.375rem;
}
.bafa__kennzahl-zahl {
  margin: 0; font-family: var(--dao-font); font-size: 3.5rem; font-weight: 500; line-height: 3.625rem; letter-spacing: -0.05em; white-space: nowrap; color: var(--dao-blau); @media (max-width: 1199px) { font-size: 2.75rem; line-height: 2.875rem; } @media (max-width: 767px) { font-size: 2.5rem; line-height: 2.625rem; } @media (max-width: 767px) { line-height: 2.75rem; }
}
.bafa__kennzahl-text {
  margin: 0; font-family: var(--dao-font); font-size: 0.875rem; line-height: 1.3125rem; color: var(--dao-fliesstext);
}
.bafa__card--balken {
  gap: 1.75rem; padding: 1.75rem;
}
.balken {
  display: flex; flex-direction: column; gap: 0.75rem;
}
.balken__kopf {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 0.75rem;
}
.balken__summe {
  margin: 0; padding-top: 0.375rem; font-family: var(--dao-font-mono); font-size: 0.6875rem; font-weight: 500; line-height: 0.8125rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-fliesstext);
}
.balken__leiste {
  display: flex; width: 100%; min-height: 3.5rem;
}
.balken__teil {
  display: flex; flex-basis: 0; align-items: center; min-width: 0; padding: 0.5rem 1rem; font-family: var(--dao-font); font-size: 0.9375rem; font-weight: 500; line-height: 1.5rem; @media (max-width: 767px) { padding: 0.5rem 0.75rem; font-size: 0.875rem; line-height: 1.25rem; }
}
.balken__teil--zuschuss {
  border-radius: 0.375rem 0 0 0.375rem; background: var(--dao-blau); color: var(--dao-weiss);
}
.balken__teil--eigen {
  border-radius: 0 0.375rem 0.375rem 0; background: var(--dao-blau-hell); color: var(--dao-navy);
}
.balken__legende {
  display: flex; flex-wrap: wrap; gap: 0.5rem 1.5rem; margin: 0; padding: 0; list-style: none;
}
.bafa__card .balken__legende li {
  display: flex; align-items: center; gap: 0.5rem; font-size: 0.875rem; line-height: 1.3125rem;
}
.balken__punkt {
  flex-shrink: 0; width: 0.625rem; height: 0.625rem; border-radius: 2px;
}
.balken__punkt--zuschuss {
  background: var(--dao-blau);
}
.balken__punkt--eigen {
  background: var(--dao-blau-hell);
}
.bafa__karte {
  display: flex; justify-content: center; padding-block: 0.5rem;
}
.bafa__karte .ueber-reach__map {
  width: min(35rem, 100%);
}
.bafa__legende {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.625rem; @media (max-width: 767px) { grid-template-columns: minmax(0, 1fr); }
}
.bafa__legende .bafa__card p {
  font-size: 0.875rem; line-height: 1.3125rem;
}
.bafa__landkreise {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; padding: 0.5rem 0.25rem 0; @media (max-width: 767px) { grid-template-columns: minmax(0, 1fr); }
}
.bafa__landkreise-titel {
  margin: 0 0 0.375rem; font-family: var(--dao-font); font-size: 0.875rem; font-weight: 500; line-height: 1.125rem; letter-spacing: -0.02em; color: var(--dao-navy);
}
.bafa__landkreise p {
  margin: 0; font-family: var(--dao-font); font-size: 0.875rem; line-height: 1.3125rem; color: var(--dao-fliesstext);
}
.gutwissen {
  display: flex; flex-direction: column; gap: 1.75rem; padding-top: calc(var(--dao-section-space) - var(--dao-ablauf-abstand)); @media (max-width: 767px) { gap: 1.25rem; }
}
.gutwissen__kopf {
  display: flex; flex-direction: column; align-items: flex-start; gap: 1rem;
}
.gutwissen__titel {
  margin: 0; font-family: var(--dao-font); font-size: 1.75rem; font-weight: 500; line-height: 2rem; letter-spacing: -0.04em; color: var(--dao-navy);
}
.gutwissen__karten {
  display: flex; flex-direction: column; gap: 0.625rem;
}
.gutwissen__reihe {
  display: flex; gap: 0.625rem; @media (max-width: 767px) { flex-direction: column; }
}
.gutwissen__karte {
  display: flex; flex: var(--dao-grow, 50) 1 0; flex-direction: column; gap: 1.25rem; min-width: 0; padding: 1.75rem; border: 1px solid var(--dao-linie); border-radius: 0.5rem; background: var(--dao-weiss); @media (max-width: 767px) { flex: none; padding: 1.25rem; } @media (max-width: 1199px) { padding: 1.5rem; }
}
.gutwissen__icon {
  display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; border-radius: 50%; background: var(--dao-blau-hell); color: var(--dao-blau);
}
.gutwissen__icon svg {
  width: 1.375rem; height: 1.375rem;
}
.gutwissen__text {
  display: flex; flex-direction: column; gap: 0.375rem;
}
.gutwissen__karte-titel {
  margin: 0; font-family: var(--dao-font); font-size: 1.1875rem; font-weight: 500; line-height: 1.5rem; letter-spacing: -0.02em; color: var(--dao-navy);
}
.gutwissen__text p {
  margin: 0; font-family: var(--dao-font); font-size: 0.9375rem; line-height: 1.5rem; color: var(--dao-fliesstext); @media (max-width: 767px) { font-size: 0.875rem; line-height: 1.3125rem; }
}
.gutwissen__karte--navy {
  border: 0; background: linear-gradient(in oklab 180deg, var(--dao-blau-mittel) 0%, var(--dao-nachtblau) 45%, var(--dao-navy) 100%); box-shadow: 0 1.5rem 3rem calc(1.5rem * -1) var(--dao-navy-35); position: relative; overflow: hidden; &::before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 75%; background: url("../assets/muster-kachel-hell.svg") center bottom / 2.625rem auto repeat; opacity: 0.22; -webkit-mask-image: linear-gradient(0deg, #000 25%, transparent 100%); mask-image: linear-gradient(0deg, #000 25%, transparent 100%); pointer-events: none; }
}
.gutwissen__karte--navy .gutwissen__icon {
  background: var(--dao-weiss-12, #ffffff1f); color: var(--dao-hellblau);
}
.gutwissen__karte--navy .gutwissen__karte-titel {
  color: var(--dao-weiss);
}
.gutwissen__karte--navy .gutwissen__text p {
  color: var(--dao-weiss-75);
}
.bafa__ablauf + .cta-box {
  margin-top: calc(var(--dao-section-space) / -2);
}
.foerderung {
  @media (max-width: 1199px) { --dao-section-space: 7rem; } @media (max-width: 767px) { --dao-section-space: 5rem; }
}
html:root {
  --btn-padding-inline: 1.5rem;
@media (min-width: 1200px) { --dao-section-space: 8.75rem; }
@media (max-width: 1199px) { --h1: 4.125rem; --h1-letter-spacing: -0.05em; --h2: 3rem; --h3: 2.125rem; --text-l: 1.25rem; --btn-padding-inline: 1.375rem; --btn-padding-block: 0.875rem; --section-padding-block: 6.25rem; --gutter: 3rem; --dao-h1-line: 4.5rem; --dao-h2-line: 3.3125rem; --dao-h3-line: 2.375rem; --dao-button-height: 3rem; --dao-header-height: 5.375rem; }
@media (max-width: 767px) { --h1: 1.875rem; --h1-letter-spacing: -0.04em; --h2: 2rem; --h2-letter-spacing: -0.04em; --h3: 1.625rem; --btn-padding-inline: 0.9375rem; --btn-padding-block: 0.6875rem; --section-padding-block: 3.75rem; --gutter: 1.25rem; --dao-h1-line: 2.0625rem; --dao-h2-line: 2.1875rem; --dao-h3-line: 1.875rem; --dao-button-height: 2.625rem; --dao-header-height: 4.125rem; }
}
.artikel {
  display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0 var(--dao-gutter) var(--dao-section-space); background: none;
}
.artikel__cover {
  height: 37.5rem; margin-top: 4.0625rem; border-radius: 0.625rem; @media (max-width: 1199px) { height: 25rem; margin-top: 3.125rem; } @media (max-width: 767px) { height: 15rem; margin-top: 2.5rem; }
}
.artikel__toc {
  width: 100%; max-width: 47.5rem; margin: 4.375rem auto 0; @media (max-width: 1199px) { margin-top: 3.75rem; } @media (max-width: 767px) { margin-top: 2.5rem; }
}
.artikel__body {
  width: 100%; max-width: 47.5rem; margin: 4.375rem auto 0; @media (max-width: 1199px) { margin-top: 3.75rem; } @media (max-width: 767px) { margin-top: 2.5rem; }
}
.artikel__toc + .artikel__body {
  margin-top: 2.5rem; @media (max-width: 1199px) { margin-top: 2.5rem; } @media (max-width: 767px) { margin-top: 2.5rem; }
}
.kurzantwort {
  display: flex; flex-direction: column; gap: 0.5rem; padding: 1.5rem 1.75rem; border-radius: 0.375rem; background: var(--dao-kartengrund); border-left: 0.1875rem solid var(--dao-blau);
}
.kurzantwort p {
  margin: 0;
}
.kurzantwort__label {
  font-size: 0.875rem; font-weight: 500; line-height: 1.25rem; color: var(--dao-blau);
}
.tabelle {
  overflow-x: auto; border: 1px solid var(--dao-linie-stark); border-radius: 0.375rem;
}
.tabelle table {
  width: 100%; min-width: 30rem; border-collapse: collapse;
}
.tabelle th {
  padding: 0.75rem 1rem; text-align: left; vertical-align: top; font-family: var(--dao-font); font-size: 0.9375rem; line-height: 1.375rem; color: var(--dao-fliesstext); border-bottom: 1px solid var(--dao-linie); font-weight: 500; color: var(--dao-navy); background: var(--dao-kartengrund);
}
.tabelle td {
  padding: 0.75rem 1rem; text-align: left; vertical-align: top; font-family: var(--dao-font); font-size: 0.9375rem; line-height: 1.375rem; color: var(--dao-fliesstext); border-bottom: 1px solid var(--dao-linie);
}
.tabelle tbody tr:last-child td {
  border-bottom: 0;
}
.hinweis {
  padding: 1rem 1.25rem; border: 1px solid var(--dao-linie-stark); border-radius: 0.375rem;
}
.hinweis p {
  margin: 0; font-size: 0.875rem; line-height: 1.25rem;
}
.hinweis__title {
  font-weight: 500; color: var(--dao-navy);
}
.artikel__cover--foto {
  position: relative; overflow: hidden; isolation: isolate; background: none; &::before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } &::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } &::before { height: 75%; background: linear-gradient(in oklab 180deg,
    transparent 0%,
    color-mix(in srgb, var(--dao-nachtblau) 50%, transparent) 50%,
    color-mix(in srgb, var(--dao-nachtblau-tief) 90%, transparent) 100%); } &::after { height: 55%; background: url("../assets/ratgeber-bild-muster.svg") center bottom / cover no-repeat; opacity: 0.8; }
}
.artikel__cover--foto img {
  position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover;
}
img.facts__avatar {
  display: block; object-fit: cover;
}
.fallstudie {
  display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0 var(--dao-gutter) 5.625rem; background-image: radial-gradient(ellipse 30% 30% at 85% 75% in oklab, var(--dao-glow-lila) 0%, var(--dao-seitengrund-0) 100%); @media (max-width: 1199px) { padding-bottom: 5rem; } @media (max-width: 767px) { padding-bottom: 3.75rem; }
}
.fallstudie__results {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.625rem; margin: 4.0625rem 0 0; padding: 0; list-style: none; @media (max-width: 1199px) { margin-top: 3.125rem; } @media (max-width: 767px) { grid-template-columns: minmax(0, 1fr); gap: 0.625rem; margin-top: 2.5rem; }
}
.fallstudie__result {
  display: flex; flex-direction: column; gap: 0.375rem; padding: 1.25rem 0.375rem 0.375rem; border-radius: 0.375rem; background: var(--dao-weiss); @media (max-width: 767px) { padding-top: 0.9375rem; }
}
.fallstudie__result-label {
  margin: 0; padding: 0 0.875rem 0.875rem; font-family: var(--dao-font-mono); font-size: 0.75rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-navy);
}
.fallstudie__result-body {
  display: flex; flex: 1 1 auto; flex-direction: column; gap: 1.875rem; padding: 1.25rem; border-radius: 0.25rem; background: var(--dao-blau-hell); @media (max-width: 1199px) { gap: 1.5rem; padding: 1rem; }
}
.fallstudie__result:nth-child(2) .fallstudie__result-body {
  background: linear-gradient(in oklab 135deg, var(--dao-lilaverlauf-start) 0%, var(--dao-lilaverlauf-ende) 75%);
}
.fallstudie__result-number {
  margin: 0; font-family: var(--dao-font); font-size: 2.625rem; font-weight: 500; line-height: 2.75rem; letter-spacing: -0.05em; color: var(--dao-navy); @media (max-width: 1199px) { font-size: 2rem; line-height: 2.25rem; }
}
.fallstudie__result-text {
  max-width: 25rem; margin: 0; font-family: var(--dao-font); font-size: 1rem; font-weight: 400; line-height: 1.5rem; color: var(--dao-fliesstext); @media (max-width: 1199px) { font-size: 0.875rem; line-height: 1.3125rem; }
}
.fallstudie__image {
  position: relative; height: 37.5rem; margin-top: 0.625rem; border-radius: 0.625rem; @media (max-width: 1199px) { height: 25rem; } @media (max-width: 767px) { height: 15rem; margin-top: 0.625rem; }
}
.fallstudie__body {
  display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 4.375rem; margin-top: 4.375rem; @media (max-width: 1199px) { flex-direction: column; align-items: stretch; gap: 3.75rem; margin-top: 3.75rem; } @media (max-width: 767px) { gap: 2.5rem; margin-top: 2.5rem; }
}
.fallstudie__report {
  flex: 0 1 54.375rem; min-width: 0; @media (max-width: 1199px) { flex: none; }
}
.fallstudie__image--foto {
  overflow: hidden; isolation: isolate; background: none; &::before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } &::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } &::before { height: 75%; background: linear-gradient(in oklab 180deg,
    transparent 0%,
    color-mix(in srgb, var(--dao-nachtblau) 50%, transparent) 50%,
    color-mix(in srgb, var(--dao-nachtblau-tief) 90%, transparent) 100%); } &::after { height: 55%; background: url("../assets/beratung-hero-muster.svg") center bottom / cover no-repeat; opacity: 0.7; }
}
.fallstudie__image--foto img {
  position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: 40% 50%;
}
.fallstudien {
  align-items: stretch; display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0 var(--dao-gutter) var(--dao-section-space); background: none;
}
.fallstudien__list {
  display: flex; flex-direction: column; gap: 1.25rem; margin: 0; padding: 0; list-style: none;
}
.prose.fallstudie__report ul {
  display: flex; flex-direction: column; gap: 0.625rem; padding-left: 1.375rem;
}
.leistung-hero {
  position: relative; isolation: isolate; display: flex; flex-direction: row; align-items: stretch; justify-content: space-between; gap: 2.5rem; margin: 0; padding: calc(var(--dao-header-height) + 5rem) var(--dao-gutter) 0; overflow: hidden; background: none; @media (max-width: 1199px) { flex-direction: column; gap: 3.125rem; padding-top: calc(var(--dao-header-height) + 4rem); padding-bottom: 0; } @media (max-width: 767px) { gap: 2.5rem; padding-top: calc(var(--dao-header-height) + 3rem); padding-bottom: 0; }
}
.leistung-hero > .glow {
  z-index: -1;
}
.leistung-hero > .pattern {
  z-index: -1;
}
.leistung-hero__text {
  display: flex; flex: 0 1 38.75rem; flex-direction: column; justify-content: space-between; gap: 2.5rem; min-width: 0; @media (max-width: 1199px) { flex: none; gap: 1.875rem; }
}
.leistung-hero__intro {
  display: flex; flex-direction: column; align-items: flex-start; gap: 1.25rem; @media (max-width: 767px) { gap: 1rem; }
}
.leistung-hero__proof {
  margin-bottom: 1.875rem; @media (max-width: 1199px) { margin-bottom: 1.25rem; } @media (max-width: 767px) { margin-bottom: 0.625rem; }
}
.leistung-hero__title {
  hyphens: manual;
}
.leistung-hero__lead {
  max-width: 35rem;
}
.leistung-hero__buttons {
  display: flex; flex-wrap: wrap; gap: 0.625rem; padding-top: 0.625rem; @media (max-width: 767px) { flex-direction: column; align-items: stretch; width: 100%; padding-top: 0.25rem; }
}
.leistung-hero__points {
  display: flex; flex-direction: column; gap: 0; width: 100%; max-width: 18.75rem; margin: 0; padding: 0; list-style: none; @media (max-width: 767px) { max-width: none; }
}
.leistung-hero__point {
  display: flex; align-items: center; gap: 0.5rem; padding: 0.6875rem 0; border-bottom: 1px solid var(--dao-linie-stark); font-family: var(--dao-font); font-size: 1rem; font-weight: 400; line-height: 1.25rem; color: var(--dao-navy); @media (max-width: 767px) { font-size: 0.9375rem; }
}
.leistung-hero__point svg {
  flex-shrink: 0; width: 0.625rem; height: 0.625rem; color: var(--dao-blau);
}
.leistung-hero__image {
  position: relative; display: flex; flex: 0 1 43.75rem; flex-direction: column; align-items: center; justify-content: center; gap: 0.375rem; min-width: 0; min-height: 27.875rem; overflow: hidden; border-radius: 0.625rem; background: url("../assets/ueber-bildflaeche.svg") center / cover no-repeat; @media (max-width: 1199px) { flex: none; min-height: 0; aspect-ratio: 700 / 446; } @media (max-width: 767px) { aspect-ratio: 4 / 3; }
}
.leistung-hero__image--foto {
  isolation: isolate; background: none; &::before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } &::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } &::before { height: 75%; background: linear-gradient(in oklab 0deg,
    color-mix(in srgb, var(--dao-nachtblau) 62%, transparent) 0%,
    color-mix(in srgb, var(--dao-nachtblau) 22%, transparent) 55%,
    transparent 100%); } &::after { height: 50%; background: url("../assets/beratung-hero-muster.svg") center bottom / cover no-repeat; opacity: 0.6; }
}
.leistung-hero__image--foto img {
  position: absolute; inset: 0; z-index: 0; display: block; width: 100%; height: 100%; object-fit: cover;
}
.leistung-hero__image--foto .leistung-hero__shape {
  z-index: 2;
}
.leistung-hero__shape {
  position: absolute; right: -1px; bottom: -1px; width: 18.125rem; height: auto; color: var(--dao-seitengrund); pointer-events: none; @media (max-width: 1199px) { width: 13.75rem; } @media (max-width: 767px) { width: 8.75rem; }
}
.leistung-details {
  display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 4.375rem; margin: 0; padding: var(--dao-section-space) var(--dao-gutter) 0; background-image: radial-gradient(ellipse 32% 42% at 18% 40% in oklab, var(--dao-glow-lila) 0%, var(--dao-seitengrund-0) 100%); @media (max-width: 1199px) { flex-direction: column; align-items: stretch; gap: 3.75rem; } @media (max-width: 767px) { gap: 2.5rem; }
}
.leistung-details__content {
  flex: 0 1 54.375rem; min-width: 0; @media (max-width: 1199px) { flex: none; }
}
.leistung-details__images {
  display: flex; gap: 0.5rem; @media (max-width: 767px) { flex-direction: column; }
}
.leistung-details__image {
  display: flex; flex: 1 1 0; flex-direction: column; align-items: center; justify-content: center; gap: 0.375rem; min-height: 20.625rem; border-radius: 0.375rem; background: url("../assets/ueber-bildflaeche.svg") center / cover no-repeat; @media (max-width: 1199px) { min-height: 17.5rem; } @media (max-width: 767px) { min-height: 12.5rem; }
}
.leistung-details__image--foto {
  position: relative; overflow: hidden; isolation: isolate; background: none; &::before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } &::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } &::before { height: 75%; background: linear-gradient(in oklab 0deg,
    color-mix(in srgb, var(--dao-nachtblau) 62%, transparent) 0%,
    color-mix(in srgb, var(--dao-nachtblau) 22%, transparent) 55%,
    transparent 100%); } &::after { height: 50%; background: url("../assets/beratung-hero-muster.svg") center bottom / cover no-repeat; opacity: 0.6; }
}
.leistung-details__image--foto img {
  position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover;
}
.leistung-details__situations {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1rem; margin: 0; padding: 0; list-style: none; @media (max-width: 767px) { grid-template-columns: 1fr; }
}
.leistung-details__situations li {
  display: flex; gap: 0.625rem; margin: 0; padding: 0.875rem 0; border-bottom: 1px solid var(--dao-linie-stark); font-family: var(--dao-font); font-size: 1rem; line-height: 1.5rem; color: var(--dao-navy); @media (max-width: 767px) { padding: 0.75rem 0; font-size: 0.875rem; line-height: 1.3125rem; }
}
.leistung-details__situations li::before {
  content: "+"; flex: 0 0 0.875rem; color: var(--dao-blau);
}
.leistung-details__content p strong {
  font-weight: 500; color: var(--dao-navy);
}
.leistung-details .form-card {
  border-radius: 0.5rem; @media (max-width: 1199px) { order: 2; }
}
.leistung-details + .faq {
  padding-top: var(--dao-section-space);
}
.leistung-details + .faq::before {
  display: none;
}
.leistung-details__result {
  display: flex; flex-direction: column; gap: 1rem; padding: 2rem; border: 1px solid var(--dao-lila-rand); border-radius: 0.5rem; background: linear-gradient(in oklab 180deg, var(--dao-lilaverlauf-start) 0%, var(--dao-lilaverlauf-ende) 75%); @media (max-width: 767px) { padding: 1.25rem; }
}
.artikel__body a:not(.button) {
  color: var(--dao-blau); text-decoration: underline; text-underline-offset: 2px;
}
.artikel__body a:not(.button):hover {
  color: var(--dao-blau-mittel);
}
.artikel__body strong {
  font-weight: 500; color: var(--dao-navy);
}
.artikel__body ul {
  display: flex; flex-direction: column; gap: 0.5rem; padding-left: 1.375rem;
}
.artikel__body ol {
  display: flex; flex-direction: column; gap: 0.5rem; padding-left: 1.375rem;
}
.artikel__body .cta-box__text a:not(.button) {
  color: var(--dao-weiss); text-decoration: underline; text-underline-offset: 2px;
}
.artikel__body .cta-box__text a:not(.button):hover {
  color: var(--dao-blau-pastell);
}
.beratung-hero {
  display: flex; flex-direction: column; justify-content: flex-end; gap: 0; min-height: 56.25rem; margin: 0; padding: calc(var(--dao-header-height) + 5rem) var(--dao-gutter) 5rem; @media (max-width: 1199px) { justify-content: flex-start; min-height: 50rem; padding-top: calc(var(--dao-header-height) + 3.375rem); padding-bottom: 3rem; } @media (max-width: 767px) { min-height: 45rem; padding-bottom: 1.875rem; }
}
.beratung-hero__bild {
  position: absolute; inset: 0; z-index: -1; pointer-events: none; &::after { content: ""; position: absolute; inset: 0; background: linear-gradient(in oklab 180deg,
    color-mix(in srgb, var(--dao-nachtblau-tief) 90%, transparent) 0%,
    color-mix(in srgb, var(--dao-nachtblau) 72%, transparent) 22%,
    color-mix(in srgb, var(--dao-blau-mittel) 44%, transparent) 45%,
    color-mix(in srgb, var(--dao-nachtblau) 78%, transparent) 70%,
    color-mix(in srgb, var(--dao-nachtblau-tief) 92%, transparent) 100%); }
}
.beratung-hero__bild img {
  display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 35%;
}
.beratung-hero .hero-dark__pattern {
  background-image: url("../assets/beratung-hero-muster.svg");
}
.beratung-hero__content {
  display: flex; align-items: flex-end; justify-content: space-between; gap: 1.25rem; @media (max-width: 1199px) { flex: 1 1 auto; flex-direction: column; align-items: stretch; justify-content: space-between; gap: 3.75rem; }
}
.beratung-hero__head {
  display: flex; flex: 0 1 47.5rem; flex-direction: column; align-items: flex-start; gap: 1.5625rem; min-width: 0; @media (max-width: 1199px) { flex: none; gap: 1.25rem; max-width: 37.5rem; } @media (max-width: 767px) { gap: 0.9375rem; }
}
.beratung-hero__title {
  color: var(--dao-weiss);
}
.beratung-hero__buttons {
  display: flex; flex-wrap: wrap; gap: 0.625rem; padding-top: 0.3125rem; @media (max-width: 767px) { flex-direction: column; align-items: stretch; width: 100%; padding-top: 0; }
}
.beratung-hero__card {
  display: flex; flex: 0 0 26.25rem; flex-direction: column; justify-content: space-between; gap: 0.9375rem; min-height: 13.75rem; padding: 1.25rem; border: 1px solid var(--dao-weiss-10); border-radius: 0.375rem; background: var(--dao-weiss-12); -webkit-backdrop-filter: blur(2.5rem); backdrop-filter: blur(2.5rem); @media (max-width: 1199px) { flex: none; align-self: flex-end; width: 100%; max-width: 25rem; min-height: 0; } @media (max-width: 767px) { padding: 0.9375rem; }
}
.beratung-hero__card-top {
  display: flex; flex-direction: column; gap: 1.25rem;
}
.beratung-hero__card-meta {
  display: flex; justify-content: space-between; gap: 0.625rem; margin: 0; font-family: var(--dao-font-mono); font-size: 0.75rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-weiss-80);
}
.beratung-hero__card-date {
  color: var(--dao-weiss-60);
}
.beratung-hero__card-value {
  display: flex; align-items: baseline; gap: 0.625rem; margin: 0;
}
.beratung-hero__card-number {
  font-family: var(--dao-font); font-size: 3.25rem; font-weight: 500; line-height: 3.25rem; letter-spacing: -0.05em; white-space: nowrap; color: var(--dao-weiss); @media (max-width: 1199px) { font-size: 2.75rem; line-height: 2.75rem; } @media (max-width: 767px) { font-size: 2.25rem; line-height: 2.25rem; }
}
.beratung-hero__card-unit {
  font-family: var(--dao-font); font-size: 1.25rem; font-weight: 500; line-height: 1.5rem; letter-spacing: -0.02em; color: var(--dao-hellblau);
}
.beratung-hero__card-list {
  display: flex; justify-content: space-between; gap: 0.625rem; margin: 0; padding: 1.25rem 0 0; border-top: 1px solid var(--dao-weiss-15); list-style: none; @media (max-width: 767px) { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem 0.625rem; padding-top: 0.9375rem; }
}
.beratung-hero__card-item {
  display: flex; align-items: center; gap: 0.4375rem; font-family: var(--dao-font-mono); font-size: 0.75rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-weiss-70); &::before { content: ""; flex-shrink: 0; width: 0.375rem; height: 0.375rem; border-radius: 100%; background: var(--dao-hellblau); }
}
.beratung-module {
  display: flex; flex-direction: column; align-items: center; gap: 2.5rem; margin: 0; padding: var(--dao-section-space) var(--dao-gutter); background: none; @media (max-width: 767px) { gap: 1.875rem; }
}
.beratung-module__list {
  display: flex; flex-direction: column; gap: 0.9375rem; width: 100%; max-width: 58.125rem; margin: 0; padding: 0; list-style: none; @media (max-width: 1199px) { max-width: none; } @media (max-width: 767px) { gap: 0.625rem; }
}
.beratung-module__tag {
  flex-shrink: 0; padding: 0.5625rem 0.9375rem; border-radius: 6.25rem; background: var(--dao-badge-grund); font-family: var(--dao-font); font-size: 0.875rem; font-weight: 500; line-height: 0.875rem; letter-spacing: -0.01em; text-transform: uppercase; white-space: nowrap; color: var(--dao-navy);
}
.beratung-branchen {
  align-items: stretch; --dao-kachel: 20rem; display: flex; flex-direction: column; gap: 4rem; margin: 0; padding: var(--dao-section-space) 0; overflow: hidden; background: none; @media (max-width: 1199px) { --dao-kachel: 16.25rem; gap: 3.125rem; } @media (max-width: 767px) { --dao-kachel: 11.25rem; gap: 1.875rem; }
}
.beratung-branchen__head {
  display: flex; flex-direction: column; align-items: flex-start; gap: 1.5625rem; padding-inline: var(--dao-gutter); @media (max-width: 1199px) { gap: 1.25rem; } @media (max-width: 767px) { gap: 1rem; }
}
.beratung-branchen__title {
  max-width: 47.5rem; @media (max-width: 1199px) { max-width: 38.75rem; }
}
.beratung-branchen__rows {
  display: flex; flex-direction: column; gap: 0.3125rem;
}
.beratung-branchen__row {
  display: flex; gap: 0;
}
.beratung-branchen__track {
  display: flex; flex-shrink: 0; gap: 0.3125rem; margin: 0; padding: 0 0.3125rem 0 0; list-style: none; animation: dao-branchen-links 60s linear infinite; @media (prefers-reduced-motion: reduce) { animation: none; }
}
.beratung-branchen__row--rechts .beratung-branchen__track {
  animation-name: dao-branchen-rechts;
}
.beratung-branchen__row:hover .beratung-branchen__track {
  animation-play-state: paused;
}
.beratung-branchen__tile {
  display: flex; flex-shrink: 0; flex-direction: column; justify-content: space-between; gap: 0.9375rem; width: var(--dao-kachel); height: var(--dao-kachel); padding: 1.5625rem; border: 1px solid var(--dao-linie); border-radius: 0.375rem; background: var(--dao-weiss); @media (max-width: 1199px) { padding: 1.25rem; } @media (max-width: 767px) { padding: 0.875rem; }
}
.beratung-branchen__tile--lila {
  background: linear-gradient(in oklab 135deg, var(--dao-lilaverlauf-start) 0%, var(--dao-lilaverlauf-ende) 75%);
}
.beratung-branchen__tile--foto {
  justify-content: flex-end; padding: 1.125rem; border: 0; background: url("../assets/ueber-bildflaeche.svg") center / cover no-repeat; position: relative; overflow: hidden; isolation: isolate; &::before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } &::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } &::before { height: 75%; background: linear-gradient(in oklab 0deg,
    color-mix(in srgb, var(--dao-nachtblau) 62%, transparent) 0%,
    color-mix(in srgb, var(--dao-nachtblau) 22%, transparent) 55%,
    transparent 100%); } &::after { height: 50%; background: url("../assets/beratung-hero-muster.svg") center bottom / cover no-repeat; opacity: 0.6; } @media (max-width: 767px) { padding: 0.75rem; }
}
.beratung-branchen__tile--foto img {
  position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover;
}
.beratung-branchen__number {
  font-family: var(--dao-font-mono); font-size: 0.875rem; font-weight: 500; line-height: 0.875rem; color: var(--dao-fliesstext); @media (max-width: 767px) { font-size: 0.75rem; line-height: 0.75rem; }
}
.beratung-branchen__name {
  margin: 0; font-family: var(--dao-font); font-size: 1.5rem; font-weight: 500; line-height: 1.8125rem; letter-spacing: -0.03em; color: var(--dao-navy); @media (max-width: 1199px) { font-size: 1.25rem; line-height: 1.5rem; } @media (max-width: 767px) { font-size: 1.0625rem; line-height: 1.3125rem; }
}
.beratung-branchen + .bafa--folge {
  padding-top: 0;
}
.beratung {
  --dao-section-space: 8.75rem; --dao-gutter: max(1.875rem, calc((100% - 67.5rem) / 2)); --dao-card-gutter: max(1.875rem, calc((100% - 67.5rem) / 2)); --dao-faq-gutter: var(--dao-gutter); --dao-h1-size: 4.75rem; --dao-h1-line: 5rem; --dao-h1-spacing: -0.045em; --dao-h2-size: 3.5rem; --dao-h2-line: 3.625rem; --dao-h2-spacing: -0.05em; --dao-h3-size: 2.5rem; --dao-h3-line: 2.75rem; --dao-h3-spacing: -0.04em; --bt-h4-size: 1.75rem; --bt-h4-line: 2rem; --bt-h5-size: 1.375rem; --bt-h5-line: 1.75rem; --bt-h6-size: 1.1875rem; --bt-h6-line: 1.5rem; --bt-zahl-size: 3.5rem; --bt-zahl-line: 3.5rem; --bt-radius-karte: 0.5rem; @media (max-width: 1199px) { --dao-section-space: 7rem; --dao-gutter: 3rem; --dao-card-gutter: 2.5rem; --dao-faq-gutter: 3rem; --dao-h1-size: 4rem; --dao-h1-line: 4.125rem; --dao-h1-spacing: -0.05em; --dao-h2-size: 2.5rem; --dao-h2-line: 2.75rem; --dao-h2-spacing: -0.04em; --dao-h3-size: 1.75rem; --dao-h3-line: 2rem; --dao-h3-spacing: -0.04em; --bt-zahl-size: 2.5rem; --bt-zahl-line: 2.75rem; } @media (max-width: 767px) { --dao-section-space: 5rem; --dao-gutter: 1.25rem; --dao-card-gutter: 0.75rem; --dao-faq-gutter: 1.25rem; --dao-button-height: 2.75rem; --dao-h1-size: 2.5rem; --dao-h1-line: 2.75rem; --dao-h2-size: 2.5rem; --dao-h2-line: 2.75rem; --dao-h3-size: 1.75rem; --dao-h3-line: 2rem; --bt-h4-size: 1.375rem; --bt-h4-line: 1.75rem; --bt-h5-size: 1.1875rem; --bt-h5-line: 1.5rem; }
}
.beratung .beratung-hero {
  padding-top: calc(var(--dao-header-height) + 5rem); @media (max-width: 1199px) { padding-top: calc(var(--dao-header-height) + 4rem); } @media (max-width: 767px) { padding-top: calc(var(--dao-header-height) + 3rem); }
}
.beratung .cta-box__title {
  font-size: var(--bt-h4-size); line-height: var(--bt-h4-line); letter-spacing: -0.04em;
}
.beratung .beratung-branchen__name {
  font-size: var(--bt-h5-size); line-height: var(--bt-h5-line); letter-spacing: -0.02em;
}
.beratung .steps__title {
  font-size: var(--bt-h6-size); line-height: var(--bt-h6-line); letter-spacing: -0.02em;
}
.beratung .faq__question {
  font-size: var(--bt-h6-size); line-height: var(--bt-h6-line); letter-spacing: -0.02em;
}
.beratung .values__feature-title {
  font-size: var(--bt-h6-size); line-height: var(--bt-h6-line); letter-spacing: -0.02em;
}
.beratung .beratung-hero__card-unit {
  font-size: var(--bt-h6-size); line-height: var(--bt-h6-line); letter-spacing: -0.02em;
}
.beratung .beratung-hero__card-number {
  font-size: var(--bt-zahl-size); line-height: var(--bt-zahl-line); letter-spacing: -0.05em;
}
.beratung .values__feature-desc {
  font-size: 0.9375rem; line-height: 1.5rem;
}
.beratung .steps__desc {
  font-size: 1rem; line-height: 1.5rem;
}
.beratung .label {
  font-size: 0.6875rem; line-height: 0.875rem; letter-spacing: 0.02em;
}
.beratung .badge {
  font-size: 0.6875rem; line-height: 0.875rem; letter-spacing: 0.02em;
}
.beratung .badge__tag {
  font-size: 0.6875rem; line-height: 0.875rem; letter-spacing: 0.02em;
}
.beratung .steps__number {
  font-size: 0.6875rem; line-height: 0.875rem; letter-spacing: 0.02em;
}
.beratung .faq__tab {
  font-size: 0.6875rem; line-height: 0.875rem; letter-spacing: 0.02em;
}
.beratung .beratung-branchen__number {
  font-size: 0.6875rem; line-height: 0.875rem; letter-spacing: 0.02em;
}
.beratung .beratung-hero__card-meta span {
  font-size: 0.6875rem; line-height: 0.875rem; letter-spacing: 0.02em;
}
.beratung .beratung-hero__card-date {
  font-size: 0.6875rem; line-height: 0.875rem; letter-spacing: 0.02em;
}
.beratung .beratung-hero__card-item {
  font-size: 0.6875rem; line-height: 0.875rem; letter-spacing: 0.02em;
}
.beratung .button {
  font-size: 0.8125rem; line-height: 1rem; letter-spacing: 0.02em;
}
.beratung .beratung-hero__card {
  border-radius: var(--bt-radius-karte);
}
.beratung .beratung-branchen__tile {
  border-radius: var(--bt-radius-karte);
}
.beratung .values__card {
  --dao-card-gutter: 10.125rem; padding-inline: var(--dao-card-gutter); @media (max-width: 1199px) { --dao-card-gutter: 2.5rem; } @media (max-width: 767px) { --dao-card-gutter: 0.75rem; }
}
.beratung .panel__card {
  --dao-card-gutter: 10.125rem; padding-inline: var(--dao-card-gutter); @media (max-width: 1199px) { --dao-card-gutter: 2.5rem; } @media (max-width: 767px) { --dao-card-gutter: 0.75rem; }
}
.beratung .beratung-module__list {
  max-width: 67.5rem;
}
.beratung .values .dao-h2 {
  @media (max-width: 767px) { font-size: var(--dao-h3-size); line-height: var(--dao-h3-line); }
}
.beratung .values__text {
  gap: 2rem;
}
.prose a:not(.button) {
  text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.1875rem; color: var(--dao-blau); transition: color 0.15s ease;
}
.prose a:not(.button):hover {
  color: var(--dao-navy);
}
.ueber-hero {
  align-items: stretch; display: flex; flex-direction: column; justify-content: space-between; gap: 1.25rem; height: 56.25rem; margin: 0; padding: calc(var(--dao-header-height) + 5rem) 0 3.75rem; @media (max-width: 1199px) { height: 50rem; padding-top: calc(var(--dao-header-height) + 3.375rem); } @media (max-width: 767px) { height: 40rem; padding-bottom: 2.5rem; }
}
.ueber-hero__bild {
  position: absolute; inset: 0; z-index: -1; pointer-events: none; &::after { content: ""; position: absolute; inset: 0; background: linear-gradient(in oklab 180deg,
    color-mix(in srgb, var(--dao-nachtblau-tief) 90%, transparent) 0%,
    color-mix(in srgb, var(--dao-nachtblau) 72%, transparent) 22%,
    color-mix(in srgb, var(--dao-blau-mittel) 44%, transparent) 45%,
    color-mix(in srgb, var(--dao-nachtblau) 78%, transparent) 70%,
    color-mix(in srgb, var(--dao-nachtblau-tief) 92%, transparent) 100%); }
}
.ueber-hero__bild img {
  display: block; width: 100%; height: 100%; object-fit: cover; object-position: 55% 45%;
}
.ueber-hero .hero-dark__pattern {
  background-image: url("../assets/beratung-hero-muster.svg");
}
.ueber-hero__head {
  display: flex; flex-direction: column; align-items: flex-start; gap: 1.5625rem; max-width: calc(62.5rem + 2 * var(--dao-gutter)); padding-inline: var(--dao-gutter); @media (max-width: 1199px) { gap: 1.25rem; max-width: calc(40.625rem + 2 * var(--dao-gutter)); } @media (max-width: 767px) { gap: 0.9375rem; }
}
.ueber-hero__title {
  color: var(--dao-weiss);
}
.ueber-hero__bottom {
  display: flex; justify-content: flex-end; gap: 0; margin-inline: var(--dao-gutter); padding-bottom: 2.5rem; @media (max-width: 767px) { padding-bottom: 1.25rem; }
}
.ueber-hero__card {
  display: flex; flex-direction: column; gap: 0.9375rem; width: 100%; max-width: 22.5rem; margin: 0; padding: 0.3125rem 0.3125rem 0.9375rem; border-radius: 0.375rem; background: var(--dao-kartengrund); text-decoration: none; color: var(--dao-navy); &:hover { color: var(--dao-navy); } &:focus-visible { outline: 2px solid var(--dao-hellblau); outline-offset: 0.1875rem; } @media (max-width: 1199px) { max-width: 18.75rem; } @media (max-width: 767px) { gap: 0.625rem; max-width: 15rem; padding-bottom: 0.625rem; }
}
.ueber-hero__foto {
  display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 0.25rem;
}
.ueber-hero__card-link {
  display: flex; align-items: center; justify-content: space-between; gap: 0.625rem; padding-inline: 0.625rem; font-family: var(--dao-font-mono); font-size: 0.875rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; @media (max-width: 767px) { padding-inline: 0.5rem; font-size: 0.75rem; line-height: 0.75rem; }
}
.ueber-hero__card-link svg {
  flex-shrink: 0; width: 0.875rem; height: 0.875rem; color: var(--dao-blau);
}
.ueber-impact {
  align-items: stretch; position: relative; display: flex; flex-direction: column; gap: 6.25rem; margin: 0; padding: var(--dao-section-space) 0; overflow: hidden; background: var(--dao-navy); &::before { content: ""; position: absolute; top: 0; bottom: 0; width: 1px; background: var(--dao-weiss-08); pointer-events: none; } &::after { content: ""; position: absolute; top: 0; bottom: 0; width: 1px; background: var(--dao-weiss-08); pointer-events: none; } &::before { left: calc(var(--dao-gutter) - 0.625rem); } &::after { right: calc(var(--dao-gutter) - 0.625rem); } @media (min-width: 1200px) { padding-block: 6.25rem; } @media (max-width: 1199px) { gap: 3.75rem; } @media (max-width: 767px) { gap: 2.5rem; }
}
.ueber-impact__top {
  position: relative; display: flex; flex-direction: column; gap: 6.25rem; padding-inline: var(--dao-gutter); @media (max-width: 1199px) { gap: 3.75rem; } @media (max-width: 767px) { gap: 2.5rem; }
}
.ueber-impact__head {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 1.25rem; @media (max-width: 1199px) { flex-direction: column; } @media (max-width: 767px) { gap: 0.9375rem; }
}
.ueber-impact__eyebrow {
  margin: 0; font-family: var(--dao-font-mono); font-size: 0.875rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-weiss-70);
}
.ueber-impact__statement {
  display: flex; flex-direction: column; gap: 2.1875rem; width: 100%; max-width: 47.5rem; @media (max-width: 1199px) { gap: 1.875rem; max-width: none; } @media (max-width: 767px) { gap: 1.5625rem; }
}
.ueber-impact__title {
  color: var(--dao-weiss);
}
.ueber-impact__buttons {
  display: flex; flex-wrap: wrap; gap: 0.625rem;
}
.ueber-impact__stats {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin: 0 calc(0.625rem * -1); padding: 0; border-block: 1px solid var(--dao-weiss-08); list-style: none; @media (max-width: 767px) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; }
}
.ueber-impact__stat {
  display: flex; flex-direction: column; justify-content: space-between; gap: 0.9375rem; min-height: 13.75rem; padding: 1.875rem 1.25rem 1.875rem 0.5625rem; border-left: 1px solid var(--dao-weiss-15); &:nth-child(4n + 1) { border-left-color: transparent; } @media (max-width: 1199px) { min-height: 12.5rem; padding-block: 1.5625rem; padding-right: 0.75rem; } @media (max-width: 767px) { &:nth-child(n + 3) { border-top: 1px solid var(--dao-weiss-08); } } @media (max-width: 767px) { &:nth-child(odd) { border-left-color: transparent; } } @media (max-width: 767px) { &:nth-child(even) { border-left-color: var(--dao-weiss-15); } } @media (max-width: 767px) { min-height: 9.375rem; padding: 1.25rem 0.625rem 1.25rem 0.5625rem; }
}
.ueber-impact__stat-label {
  margin: 0; font-family: var(--dao-font-mono); font-size: 0.875rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-weiss); @media (max-width: 1199px) { font-size: 0.75rem; line-height: 0.875rem; }
}
.ueber-impact__stat-value {
  display: flex; flex-direction: column; gap: 0.625rem;
}
.ueber-impact__stat-number {
  margin: 0; font-family: var(--dao-font); font-size: 5rem; font-weight: 500; line-height: 4rem; letter-spacing: -0.05em; color: var(--dao-hellblau); @media (max-width: 1199px) { font-size: 3.5rem; line-height: 3.125rem; } @media (max-width: 767px) { font-size: 2.5rem; line-height: 2.5rem; }
}
.ueber-impact__stat-text {
  margin: 0; font-family: var(--dao-font); font-size: 1rem; font-weight: 400; line-height: 1.375rem; color: var(--dao-weiss-60); @media (max-width: 1199px) { font-size: 0.875rem; line-height: 1.25rem; }
}
.ueber-impact__bottom {
  display: flex; flex-direction: column; gap: 4.375rem; @media (max-width: 1199px) { gap: 3.125rem; } @media (max-width: 767px) { gap: 2.5rem; }
}
.ueber-impact__ticker {
  display: flex; gap: 0; overflow: hidden;
}
.ueber-impact__track {
  display: flex; flex-shrink: 0; gap: 0; margin: 0; padding: 0; list-style: none; animation: dao-ueber-laufen 60s linear infinite; @media (prefers-reduced-motion: reduce) { animation: none; }
}
.ueber-impact__ticker:hover .ueber-impact__track {
  animation-play-state: paused;
}
.ueber-impact__image {
  --dao-bild-breite: 28.75rem; position: relative; display: flex; flex-shrink: 0; flex-direction: column; align-items: center; justify-content: center; gap: 0.375rem; width: var(--dao-bild-breite); aspect-ratio: 460 / 560; margin-right: 0.625rem; overflow: hidden; border-radius: 0.5rem; background: url("../assets/ueber-bildflaeche.svg") center / cover no-repeat; @media (max-width: 1199px) { --dao-bild-breite: 16.25rem; } @media (max-width: 767px) { --dao-bild-breite: 11.25rem; margin-right: 0.5rem; }
}
.ueber-impact__image--notch {
  border-radius: 0 0.5rem;
}
.ueber-impact__shape {
  position: absolute; display: block; color: var(--dao-navy); pointer-events: none;
}
.ueber-impact__shape--top {
  top: -1px; left: -1px; width: calc(var(--dao-bild-breite) * 64 / 460);
}
.ueber-impact__shape--bottom {
  right: -1px; bottom: -1px; width: calc(var(--dao-bild-breite) * 160 / 460); transform: rotate(180deg);
}
.ueber-impact__image--foto {
  isolation: isolate; background: var(--dao-nachtblau); &::before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } &::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } &::before { height: 75%; background: linear-gradient(in oklab 0deg,
    color-mix(in srgb, var(--dao-nachtblau) 62%, transparent) 0%,
    color-mix(in srgb, var(--dao-nachtblau) 22%, transparent) 55%,
    transparent 100%); } &::after { height: 60%; background: url("../assets/beratung-hero-muster.svg") center bottom / auto 100% no-repeat; }
}
.ueber-impact__image--foto img {
  position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: 58% center;
}
.ueber-impact__image--foto .ueber-impact__shape {
  z-index: 2;
}
.ueber-impact__logos {
  display: flex; flex-direction: column; align-items: center; gap: 2rem; @media (max-width: 767px) { gap: 1.25rem; }
}
.ueber-impact__logos-hint {
  margin: 0; padding-inline: var(--dao-gutter); font-family: var(--dao-font-mono); font-size: 0.75rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.04em; text-align: center; text-transform: uppercase; color: var(--dao-weiss-70);
}
.ueber-impact__logo {
  flex-shrink: 0; font-family: var(--dao-font); font-size: 1.375rem; font-weight: 500; line-height: 1.75rem; letter-spacing: -0.02em; color: var(--dao-weiss); @media (max-width: 1199px) { font-size: 1.1875rem; line-height: 1.5rem; }
}
.ueber-impact__logo-ticker {
  --dao-ticker-width: 67.5rem; --dao-ticker-gap: 4.5rem; @media (max-width: 1199px) { --dao-ticker-gap: 3.5rem; } @media (max-width: 767px) { --dao-ticker-gap: 2.5rem; }
}
.ueber-impact__logo-ticker .ticker__track {
  align-items: center; animation-duration: 40s;
}
.ueber-impact__logo-ticker .ueber-impact__logo {
  display: flex; align-items: center;
}
.ueber-impact__logo-ticker img {
  display: block; width: auto; height: 2.5rem; opacity: 0.85; @media (max-width: 767px) { height: 2rem; }
}
.ueber-impact__logo-ticker img[src*="physio-baumann"] {
  height: 3.125rem; @media (max-width: 767px) { height: 2.5rem; }
}
.ueber-impact__logo-ticker img[src*="dental-suite"] {
  height: 3.125rem; @media (max-width: 767px) { height: 2.5rem; }
}
.ueber-impact__logo-ticker img[src*="liketomove"] {
  height: 3.5rem; @media (max-width: 767px) { height: 2.75rem; }
}
.ueber-impact__logo-ticker img[src*="robin-gut"] {
  height: 2.25rem; @media (max-width: 767px) { height: 1.875rem; }
}
.ueber-values {
  align-items: stretch; display: flex; flex-direction: column; gap: 4.0625rem; margin: 0; padding: var(--dao-section-space) var(--dao-gutter); background: none; @media (max-width: 1199px) { gap: 3.125rem; } @media (max-width: 767px) { gap: 1.875rem; }
}
.ueber-values__head {
  display: flex; flex-direction: column; align-items: center; gap: 1.5625rem; text-align: center; @media (max-width: 767px) { gap: 1rem; }
}
.ueber-values__title {
  max-width: 40rem; @media (max-width: 1199px) { max-width: 32.5rem; }
}
.ueber-values__content {
  display: flex; flex-direction: column; gap: 1.875rem; padding-bottom: 6.25rem; border-bottom: 1px solid var(--dao-linie); @media (max-width: 1199px) { padding-bottom: 5rem; } @media (max-width: 767px) { padding-bottom: 3.75rem; }
}
.ueber-values__grid {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: auto auto; gap: 0.625rem; margin: 0; padding: 0; list-style: none; @media (max-width: 767px) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; }
}
.ueber-values__card {
  display: flex; flex-direction: column; justify-content: space-between; gap: 0.9375rem; min-height: 16.875rem; padding: 0.625rem 1.25rem 1.25rem 0.625rem; border-radius: 0.5rem; background: var(--dao-weiss); @media (max-width: 1199px) { min-height: 15.625rem; padding-bottom: 0.9375rem; } @media (max-width: 767px) { min-height: 13.75rem; padding: 0.625rem; }
}
.ueber-values__card--large {
  grid-row: span 2; @media (max-width: 767px) { grid-column: 1 / -1; grid-row: auto; gap: 1.875rem; min-height: 0; }
}
.ueber-values__card--lila {
  background: linear-gradient(in oklab 135deg, var(--dao-lilaverlauf-start) 0%, var(--dao-lilaverlauf-ende) 75%);
}
.ueber-values__image {
  width: 8.75rem; aspect-ratio: 120 / 116; border-radius: 0.375rem; background: url("../assets/ueber-werte-bild.svg") center / cover no-repeat; @media (max-width: 767px) { width: 5.625rem; }
}
.ueber-values__image--foto {
  position: relative; overflow: hidden; isolation: isolate; background: var(--dao-nachtblau); &::before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } &::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } &::before { height: 75%; background: linear-gradient(in oklab 0deg,
    color-mix(in srgb, var(--dao-nachtblau) 62%, transparent) 0%,
    color-mix(in srgb, var(--dao-nachtblau) 22%, transparent) 55%,
    transparent 100%); } &::after { height: 85%; background: url("../assets/beratung-hero-muster.svg") center bottom / auto 100% no-repeat; }
}
.ueber-values__image--foto img {
  position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover;
}
.ueber-values__icon {
  display: flex; align-items: center; justify-content: center; width: 3.75rem; height: 3.75rem; border-radius: 0.375rem; background: var(--dao-blau); color: var(--dao-weiss); @media (max-width: 1199px) { width: 3.125rem; height: 3.125rem; } @media (max-width: 767px) { width: 2.5rem; height: 2.5rem; }
}
.ueber-values__card--lila .ueber-values__icon {
  background: var(--dao-lila-kachel); color: var(--dao-navy);
}
.ueber-values__icon svg {
  width: 1.5rem; height: 1.5rem; @media (max-width: 767px) { width: 1.25rem; height: 1.25rem; }
}
.ueber-values__text {
  display: flex; flex-direction: column; gap: 0.625rem; padding-left: 0.625rem; @media (max-width: 1199px) { padding-left: 0; }
}
.ueber-values__card-title {
  margin: 0; font-family: var(--dao-font); font-size: 1.5rem; font-weight: 500; line-height: 1.5rem; letter-spacing: -0.02em; color: var(--dao-navy); @media (max-width: 1199px) { font-size: 1.25rem; } @media (max-width: 767px) { font-size: 1.125rem; line-height: 1.375rem; }
}
.ueber-values__card-text {
  margin: 0; font-family: var(--dao-font); font-size: 1rem; font-weight: 400; line-height: 1.5rem; color: var(--dao-fliesstext); @media (max-width: 1199px) { font-size: 0.875rem; line-height: 1.3125rem; }
}
.ueber-values__bottom {
  display: flex; align-items: center; justify-content: space-between; gap: 0.9375rem; @media (max-width: 767px) { flex-wrap: wrap; }
}
.ueber-services {
  align-items: stretch; display: flex; flex-direction: column; gap: 4.0625rem; margin: 0; padding: 0 var(--dao-gutter) var(--dao-section-space); background: none; @media (max-width: 1199px) { gap: 3.125rem; } @media (max-width: 767px) { gap: 1.875rem; }
}
.ueber-services__head {
  display: flex; align-items: flex-end; justify-content: space-between; gap: 1.25rem; @media (max-width: 1199px) { flex-direction: column; align-items: flex-start; gap: 1.25rem; }
}
.ueber-services__intro {
  display: flex; flex-direction: column; align-items: flex-start; gap: 1.5625rem; max-width: 36.25rem; @media (max-width: 1199px) { gap: 1.25rem; } @media (max-width: 767px) { gap: 1rem; }
}
.ueber-services__lead {
  max-width: 25rem; @media (max-width: 1199px) { max-width: 35rem; }
}
.ueber-services__body {
  display: flex; gap: 2.5rem; @media (max-width: 1199px) { flex-direction: column; gap: 1.25rem; }
}
.ueber-services__list {
  display: flex; flex: 0 1 38.75rem; flex-direction: column; justify-content: space-between; gap: 0.625rem; min-width: 0; margin: 0; padding: 0; @media (max-width: 1199px) { flex: none; }
}
.ueber-services__item {
  border-radius: 0.375rem; background: var(--dao-weiss);
}
.ueber-services__item-title {
  display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; min-height: 4.4375rem; padding: 1rem 1.5rem; font-family: var(--dao-font); font-size: 1.125rem; font-weight: 500; line-height: 1.125rem; letter-spacing: -0.02em; color: var(--dao-navy); list-style: none; cursor: pointer; &::-webkit-details-marker { display: none; } &:focus-visible { outline: 2px solid var(--dao-blau); outline-offset: 2px; border-radius: 0.375rem; } @media (max-width: 1199px) { min-height: 3.5rem; padding-inline: 1.25rem; font-size: 1rem; } @media (max-width: 767px) { min-height: 3.125rem; padding: 0.875rem 0.9375rem; }
}
.ueber-services__item-title svg {
  flex-shrink: 0; width: 0.75rem; height: 0.75rem; transition: transform 0.2s ease;
}
.ueber-services__item[open] .ueber-services__item-title svg {
  transform: rotate(180deg);
}
.ueber-services__item-text {
  margin: 0; padding: 0 1.5rem 1.25rem; font-family: var(--dao-font); font-size: 1rem; font-weight: 400; line-height: 1.5rem; color: var(--dao-fliesstext); @media (max-width: 1199px) { padding-inline: 1.25rem; } @media (max-width: 767px) { padding: 0 0.9375rem 0.9375rem; font-size: 0.875rem; line-height: 1.3125rem; }
}
.ueber-services__media {
  position: relative; display: flex; flex: 0 1 46.875rem; flex-direction: column; align-items: center; justify-content: center; gap: 0.375rem; min-width: 0; min-height: 24.6875rem; overflow: hidden; border-radius: 0.5rem 0.5rem 0; background: url("../assets/ueber-bildflaeche.svg") center / cover no-repeat; @media (max-width: 1199px) { flex: none; } @media (max-width: 1199px) { min-height: 0; aspect-ratio: 750 / 395; } @media (max-width: 767px) { aspect-ratio: 4 / 3; }
}
.ueber-services__media--foto {
  isolation: isolate; background: var(--dao-nachtblau); &::before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } &::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } &::before { height: 75%; background: linear-gradient(in oklab 0deg,
    color-mix(in srgb, var(--dao-nachtblau) 70%, transparent) 0%,
    color-mix(in srgb, var(--dao-nachtblau) 25%, transparent) 55%,
    transparent 100%); } &::after { height: 60%; background: url("../assets/beratung-hero-muster.svg") center bottom / cover no-repeat; }
}
.ueber-services__foto {
  position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: 55% 45%;
}
.ueber-services__media--foto .ueber-services__shape {
  z-index: 2;
}
.ueber-services__media--foto .ueber-services__points {
  z-index: 2;
}
.ueber-services__shape {
  position: absolute; right: -1px; bottom: -1px; width: 12.5rem; color: var(--dao-seitengrund); transform: rotate(180deg); pointer-events: none; @media (max-width: 767px) { width: 6.875rem; }
}
.ueber-services__points {
  position: absolute; bottom: 1.5625rem; left: 1.5625rem; display: flex; flex-direction: column; gap: 0.75rem; margin: 0; padding: 0; list-style: none; @media (max-width: 767px) { bottom: 0.75rem; left: 0.75rem; gap: 0.5rem; }
}
.ueber-services__point {
  display: flex; align-items: center; gap: 0.5rem; font-family: var(--dao-font); font-size: 1rem; font-weight: 500; line-height: 1rem; color: var(--dao-weiss); @media (max-width: 767px) { font-size: 0.875rem; line-height: 0.875rem; }
}
.ueber-services__point svg {
  flex-shrink: 0; width: 0.625rem; height: 0.625rem; color: var(--dao-hellblau);
}
.ueber-team__title {
  max-width: 47.5rem; @media (max-width: 1199px) { max-width: 32.5rem; }
}
.ueber-team__grid {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.625rem; margin: 0; padding: 0; list-style: none; @media (max-width: 1199px) { grid-template-columns: repeat(3, minmax(0, 1fr)); } @media (max-width: 767px) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem 0.5rem; }
}
.ueber-team__member {
  position: relative; display: flex; flex-direction: column; align-items: center; gap: 0.375rem; aspect-ratio: 258 / 300; padding-top: 32%; overflow: hidden; border-radius: 0.5rem; background: url("../assets/ueber-bildflaeche.svg") center / cover no-repeat; @media (max-width: 767px) { padding-top: 26%; }
}
.ueber-team__member--foto {
  isolation: isolate; background: var(--dao-nachtblau); &::before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } &::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } &::before { height: 75%; background: linear-gradient(in oklab 0deg,
    color-mix(in srgb, var(--dao-nachtblau) 62%, transparent) 0%,
    color-mix(in srgb, var(--dao-nachtblau) 22%, transparent) 55%,
    transparent 100%); } &::after { height: 85%; background: url("../assets/beratung-hero-muster.svg") center bottom / auto 100% no-repeat; }
}
.ueber-team__foto {
  position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 20%;
}
.ueber-team__member--foto .ueber-team__info {
  z-index: 2;
}
.ueber-team__info {
  position: absolute; right: 0.375rem; bottom: 0.375rem; left: 0.375rem; display: flex; align-items: center; justify-content: space-between; gap: 0.625rem; padding: 0.75rem; border-radius: 0.375rem; background: var(--dao-weiss); @media (max-width: 1199px) { padding: 0.625rem; } @media (max-width: 767px) { right: 0.25rem; bottom: 0.25rem; left: 0.25rem; padding: 0.5rem; }
}
.ueber-team__person {
  display: flex; flex-direction: column; gap: 0.5rem; @media (max-width: 767px) { gap: 0.25rem; }
}
.ueber-team__name {
  margin: 0; font-family: var(--dao-font); font-size: 1.25rem; font-weight: 500; line-height: 1.5rem; letter-spacing: -0.02em; color: var(--dao-navy); @media (max-width: 1199px) { font-size: 1.125rem; line-height: 1.375rem; } @media (max-width: 767px) { font-size: 0.9375rem; line-height: 1.125rem; }
}
.ueber-team__role {
  margin: 0; font-family: var(--dao-font-mono); font-size: 0.75rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-fliesstext); @media (max-width: 1199px) { font-size: 0.6875rem; } @media (max-width: 767px) { font-size: 0.625rem; line-height: 0.75rem; }
}
.ueber-team__social {
  display: flex; text-decoration: none; flex-shrink: 0; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 0.25rem; background: var(--dao-kartengrund); color: var(--dao-navy); transition: background-color 0.15s ease; &:hover { background: var(--dao-blau-hell); color: var(--dao-navy); } &:focus-visible { outline: 2px solid var(--dao-blau); outline-offset: 2px; } @media (max-width: 767px) { width: 1.625rem; height: 1.625rem; }
}
.ueber-team__social svg {
  width: 0.875rem; height: 0.875rem; @media (max-width: 767px) { width: 0.75rem; height: 0.75rem; }
}
.ueber-team__blank {
  display: block; @media (max-width: 1199px) { display: none; }
}
.ueber-team__cta {
  display: flex; flex-direction: column; justify-content: space-between; gap: 1.25rem; padding: 1.25rem; border-radius: 0.5rem; background: var(--dao-navy); @media (max-width: 1199px) { padding: 0.9375rem; } @media (max-width: 767px) { grid-column: 1 / -1; padding: 1rem; }
}
.ueber-team__cta-label {
  margin: 0; font-family: var(--dao-font-mono); font-size: 0.75rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-hellblau);
}
.ueber-team__cta-body {
  display: flex; flex-direction: column; align-items: flex-start; gap: 1.25rem;
}
.ueber-team__cta-text {
  margin: 0; font-family: var(--dao-font); font-size: 1.5rem; font-weight: 500; line-height: 1.8125rem; letter-spacing: -0.02em; color: var(--dao-weiss); @media (max-width: 1199px) { font-size: 1.25rem; line-height: 1.5625rem; }
}
.ueber-team__cta .button {
  @media (max-width: 1199px) { padding-inline: 0.9375rem; white-space: nowrap; }
}
.ueber-reach {
  align-items: stretch; display: flex; flex-direction: column; gap: 4.375rem; margin: 0; padding: var(--dao-section-space) var(--dao-gutter); overflow-x: clip; background-image:
    radial-gradient(ellipse 30% 28% at 88% 46% in oklab, var(--dao-glow-lila) 0%, var(--dao-seitengrund-0) 100%), 
    radial-gradient(ellipse 26% 24% at 14% 56% in oklab, var(--dao-glow-blau-zart) 0%, var(--dao-seitengrund-0) 100%); @media (max-width: 1199px) { gap: 3.125rem; } @media (max-width: 767px) { gap: 1.875rem; } @media (min-width: 1200px) { --dao-karte-breite: clamp(37.5rem, 52vw, 47.5rem); --dao-legende-breite: 16.25rem; } @media (min-width: 1360px) { --dao-legende-breite: 18.75rem; }
}
.ueber-reach__title {
  max-width: 47.5rem; @media (max-width: 1199px) { max-width: 40.625rem; } @media (min-width: 1200px) { max-width: 70rem; text-wrap: balance; }
}
.ueber-reach__map-area {
  position: relative; display: flex; flex-direction: column; align-items: center; gap: 1.875rem; @media (max-width: 1199px) { flex-direction: column; align-items: center; gap: 1.875rem; }
}
.ueber-reach__map {
  position: relative; width: 35rem; aspect-ratio: 440 / 560; background: url("../assets/ueber-deutschlandkarte.svg") center / contain no-repeat; @media (max-width: 1199px) { width: 30rem; max-width: 100%; } @media (max-width: 767px) { width: 100%; max-width: 22.5rem; } @media (min-width: 1200px) { width: var(--dao-karte-breite); }
}
.ueber-reach__legend {
  position: absolute; top: 18.75rem; left: min(calc(50% + 20rem), calc(100% - 16.25rem)); display: flex; flex-direction: column; gap: 1rem; width: 16.25rem; padding: 1.25rem; border-radius: 0.375rem; background: var(--dao-weiss); @media (max-width: 1199px) { position: static; width: 100%; max-width: 27.5rem; } @media (max-width: 767px) { padding: 0.9375rem; } @media (min-width: 1200px) { top: calc(var(--dao-karte-breite) * 0.535); left: min(calc(50% + var(--dao-karte-breite) / 2 + 2.5rem), calc(100% - var(--dao-legende-breite))); gap: 1.25rem; width: var(--dao-legende-breite); padding: 1.5rem; }
}
.ueber-reach__legend-title {
  margin: 0; font-family: var(--dao-font-mono); font-size: 0.75rem; font-weight: 400; line-height: 0.9375rem; letter-spacing: 0.04em; color: var(--dao-fliesstext); text-transform: uppercase; @media (min-width: 1200px) { font-size: 0.8125rem; line-height: 1.0625rem; }
}
.ueber-reach__legend-note {
  margin: 0; font-family: var(--dao-font-mono); font-size: 0.75rem; font-weight: 400; line-height: 0.9375rem; letter-spacing: 0.04em; color: var(--dao-fliesstext); padding-top: 1rem; border-top: 1px solid var(--dao-linie); letter-spacing: 0; @media (min-width: 1200px) { font-size: 0.8125rem; line-height: 1.0625rem; }
}
.ueber-reach__legend-item {
  display: flex; align-items: flex-start; gap: 0.75rem;
}
.ueber-reach__legend-dot {
  flex-shrink: 0; width: 0.625rem; height: 0.625rem; margin-top: 0.3125rem; border-radius: 50%; background: var(--dao-badge-rand); @media (min-width: 1200px) { margin-top: 0.375rem; }
}
.ueber-reach__legend-dot--stark {
  background: var(--dao-blau);
}
.ueber-reach__legend-text {
  display: flex; flex-direction: column; gap: 2px;
}
.ueber-reach__legend-value {
  margin: 0; font-family: var(--dao-font); font-size: 1rem; font-weight: 500; line-height: 1.25rem; letter-spacing: -0.02em; color: var(--dao-navy); @media (min-width: 1200px) { font-size: 1.125rem; line-height: 1.375rem; }
}
.ueber-reach__legend-desc {
  margin: 0; font-family: var(--dao-font); font-size: 0.875rem; font-weight: 400; line-height: 1.3125rem; color: var(--dao-fliesstext); @media (min-width: 1200px) { font-size: 0.9375rem; line-height: 1.375rem; }
}
.ueber-reach__cards {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.625rem; margin: 0; padding: 0; list-style: none; @media (max-width: 1199px) { grid-template-columns: 1fr; }
}
.ueber-reach__card {
  display: flex; flex-direction: column; justify-content: space-between; gap: 0.9375rem; padding: 0.375rem 0.375rem 0.9375rem; border-radius: 0.375rem; background: var(--dao-badge-grund);
}
.ueber-reach__card--lila {
  background: linear-gradient(in oklab 135deg, var(--dao-lilaverlauf-start) 0%, var(--dao-lilaverlauf-ende) 75%);
}
.ueber-reach__card-body {
  display: flex; flex: 1; flex-direction: column; gap: 0.625rem; min-height: 11.25rem; padding: 1.25rem; border-radius: 0.25rem; background: var(--dao-weiss); @media (max-width: 1199px) { min-height: 0; padding: 0.9375rem; }
}
.ueber-reach__card-title {
  margin: 0; font-family: var(--dao-font); font-size: 1.5rem; font-weight: 500; line-height: 1.8125rem; letter-spacing: -0.02em; color: var(--dao-navy); @media (max-width: 1199px) { font-size: 1.25rem; line-height: 1.5625rem; }
}
.ueber-reach__card-text {
  margin: 0; font-family: var(--dao-font); font-size: 1rem; font-weight: 400; line-height: 1.5rem; color: var(--dao-fliesstext); @media (max-width: 1199px) { font-size: 0.875rem; line-height: 1.3125rem; }
}
.ueber-reach__card-link {
  display: flex; align-items: center; justify-content: space-between; gap: 0.625rem; padding-inline: 0.9375rem; font-family: var(--dao-font-mono); font-size: 0.875rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; text-decoration: none; color: var(--dao-navy); &:hover { color: var(--dao-blau); } &:focus-visible { outline: 2px solid var(--dao-blau); outline-offset: 0.1875rem; } @media (max-width: 767px) { font-size: 0.75rem; line-height: 0.75rem; }
}
.ueber-reach__card-link svg {
  flex-shrink: 0; width: 0.875rem; height: 0.875rem; color: var(--dao-blau);
}
.ueber-reach__markers {
  margin: 0; padding: 0; list-style: none;
}
.ueber-reach__hinweis {
  max-width: 40rem; margin: 0 auto; font-family: var(--dao-font); font-size: 0.875rem; font-weight: 400; line-height: 1.3125rem; text-align: center; color: var(--dao-fliesstext); @media (max-width: 767px) { font-size: 0.8125rem; line-height: 1.1875rem; } @media (min-width: 1200px) { max-width: 48.75rem; font-size: 1rem; line-height: 1.5rem; }
}
.ueber-voice {
  display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 1.25rem; margin: 0; padding: var(--dao-section-space) var(--dao-gutter); background: none; @media (max-width: 1199px) { flex-direction: column; gap: 1.875rem; padding-top: var(--dao-section-space); } @media (max-width: 767px) { gap: 1.5625rem; }
}
.ueber-voice__slider {
  position: relative; display: flex; flex-direction: column; gap: 0; width: 100%; max-width: 43.4375rem; min-width: 0; @media (max-width: 1199px) { max-width: none; }
}
.ueber-voice__track {
  display: flex; gap: 0; margin: 0; padding: 0; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; list-style: none; &::-webkit-scrollbar { display: none; }
}
.ueber-voice__slide {
  display: flex; flex: 0 0 100%; flex-direction: column; gap: 0; scroll-snap-align: start;
}
.ueber-voice__controls {
  display: flex; align-items: center; gap: 0.875rem; margin-top: 3.125rem; @media (max-width: 1199px) { margin-top: 2.5rem; } @media (max-width: 767px) { margin-top: 1.875rem; }
}
.ueber-voice__arrow {
  display: flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; margin: 0; padding: 0; border: 0; border-radius: 100%; background: var(--dao-badge-grund); color: var(--dao-navy); cursor: pointer; transition: background-color 0.15s ease; &:hover { background: var(--dao-blau-hell); } &:focus-visible { outline: 2px solid var(--dao-blau); outline-offset: 2px; }
}
.ueber-voice__arrow svg {
  width: 0.75rem; height: 0.75rem;
}
.ueber-voice__count {
  min-width: 1.5rem; font-family: var(--dao-font-mono); font-size: 0.8125rem; font-weight: 500; line-height: 1rem; text-align: center; color: var(--dao-navy);
}
.optin {
  align-items: stretch; display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0 var(--dao-gutter) var(--dao-section-space); background: none;
}
.optin__steps {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.625rem; margin: 0; padding: 0; list-style: none; @media (max-width: 1199px) { grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
}
.optin__step {
  display: flex; flex-direction: column; gap: 3.5rem; margin: 0; padding: 1.5rem; border: 1px solid var(--dao-linie); border-radius: 0.5rem; background: var(--dao-weiss); @media (max-width: 1199px) { gap: 2.5rem; } @media (max-width: 767px) { gap: 2rem; padding: 1.25rem; }
}
.optin__step--lila {
  border-color: var(--dao-lila-rand); background: linear-gradient(in oklab 135deg, var(--dao-lilaverlauf-start) 0%, var(--dao-lilaverlauf-ende) 75%);
}
.optin__number {
  display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 0.375rem; background: var(--dao-blau-hell); font-family: var(--dao-font-mono); font-size: 0.6875rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; color: var(--dao-blau);
}
.optin__step--lila .optin__number {
  background: var(--dao-lila-kachel); color: var(--dao-dunkellila);
}
.optin__text {
  display: flex; flex-direction: column; gap: 0.5rem;
}
.optin__title {
  margin: 0; font-family: var(--dao-font); font-size: 1.375rem; font-weight: 500; line-height: 1.75rem; letter-spacing: -0.02em; color: var(--dao-navy); @media (max-width: 767px) { font-size: 1.25rem; line-height: 1.625rem; }
}
.optin__desc {
  margin: 0; font-family: var(--dao-font); font-size: 1rem; font-weight: 400; line-height: 1.5rem; color: var(--dao-fliesstext); @media (max-width: 767px) { font-size: 0.9375rem; line-height: 1.375rem; }
}
.error-code {
  margin: 0 0 0.4375rem; font-family: var(--dao-font); font-size: 27.5rem; font-weight: 500; line-height: 25rem; letter-spacing: -0.06em; color: var(--dao-linie-stark); user-select: none; @media (max-width: 1199px) { font-size: 17.5rem; line-height: 16rem; } @media (max-width: 767px) { margin-bottom: 0.25rem; font-size: 10rem; line-height: 9rem; }
}
.logos {
  display: flex; flex-direction: column; align-items: center; gap: 1.75rem; margin: 0; padding: 5rem var(--dao-gutter); background: none; @media (max-width: 1199px) { gap: 1.25rem; padding: 4rem 0; } @media (max-width: 767px) { padding-block: 3rem; } @media (min-width: 1200px) { gap: 1.875rem; padding-block: 6.25rem; }
}
.logos__hint {
  margin: 0; font-family: var(--dao-font-mono); font-size: 0.6875rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.04em; text-align: center; text-transform: uppercase; color: var(--dao-fliesstext); @media (max-width: 1199px) { padding-inline: 1rem; } @media (max-width: 767px) { padding-inline: 1.25rem; } @media (min-width: 1200px) { font-size: 0.75rem; }
}
.logos__item {
  flex-shrink: 0; font-family: var(--dao-font); font-size: 1.375rem; font-weight: 500; line-height: 1.75rem; letter-spacing: -0.02em; color: var(--dao-text-platzhalter); &:first-child { opacity: 0.45; } &:last-child { opacity: 0.45; } @media (max-width: 1199px) { &:nth-child(4) { display: none; } } @media (max-width: 1199px) { &:nth-child(5) { display: none; } } @media (max-width: 1199px) { &:nth-child(6) { display: none; } } @media (max-width: 767px) { font-size: 1.1875rem; line-height: 1.5rem; }
}
.logos__ticker {
  --dao-ticker-width: 67.5rem; --dao-ticker-gap: 4.5rem; @media (max-width: 1199px) { --dao-ticker-gap: 3.5rem; } @media (max-width: 767px) { --dao-ticker-gap: 2.5rem; }
}
.logos__ticker .ticker__track {
  align-items: center; animation-duration: 40s;
}
.logos__ticker .logos__item {
  display: flex; align-items: center; opacity: 1; @media (max-width: 1199px) { display: flex; }
}
.logos__ticker .logos__item img {
  display: block; width: auto; height: 2.5rem; @media (max-width: 767px) { height: 2rem; }
}
.logos__ticker img[src*="physio-baumann"] {
  height: 3.125rem; @media (max-width: 767px) { height: 2.5rem; }
}
.logos__ticker img[src*="dental-suite"] {
  height: 3.125rem; @media (max-width: 767px) { height: 2.5rem; }
}
.logos__ticker img[src*="liketomove"] {
  height: 3.5rem; @media (max-width: 767px) { height: 2.75rem; }
}
.logos__ticker img[src*="robin-gut"] {
  height: 2.25rem; @media (max-width: 767px) { height: 1.875rem; }
}
.preise-hero {
  align-items: stretch; position: relative; isolation: isolate; display: flex; flex-direction: column; gap: 2.5rem; margin: 0; padding: calc(var(--dao-header-height) + 7.5rem) 0 0; overflow: hidden; background: none; @media (max-width: 1199px) { padding-top: calc(var(--dao-header-height) + 3.375rem); } @media (max-width: 767px) { gap: 1.875rem; }
}
.preise-hero > .glow {
  z-index: -1;
}
.preise-hero > .pattern {
  z-index: -1;
}
.preise-hero__head {
  display: flex; flex-direction: column; align-items: center; gap: 1.5625rem; padding-inline: var(--dao-gutter); text-align: center; @media (max-width: 1199px) { gap: 1.25rem; } @media (max-width: 767px) { gap: 1rem; }
}
.preise-hero__title {
  max-width: 45rem; @media (max-width: 1199px) { max-width: 32.5rem; } @media (max-width: 767px) { max-width: 20rem; }
}
.preise-transparenz__title {
  max-width: 37.5rem; @media (max-width: 1199px) { max-width: 32.5rem; }
}
.preise-transparenz__grid {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.625rem; width: 100%; max-width: 58.125rem; margin: 0 auto; padding: 0; list-style: none; @media (max-width: 1199px) { max-width: none; } @media (max-width: 767px) { grid-template-columns: minmax(0, 1fr); gap: 0.5rem; }
}
.preise-transparenz__card {
  position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 0.9375rem; min-height: 15rem; padding: 0.625rem 1.875rem 1.5625rem 0.625rem; overflow: hidden; border-radius: 0.5rem; background: var(--dao-kartengrund); @media (max-width: 1199px) { min-height: 13.75rem; padding-bottom: 0.9375rem; } @media (max-width: 767px) { gap: 1.875rem; min-height: 0; padding: 0.625rem 0.625rem 0.9375rem; }
}
.preise-transparenz__card--wide {
  grid-column: 1 / -1; isolation: isolate; &::before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: -1; pointer-events: none; } &::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: -1; pointer-events: none; } &::before { height: 80%; background: linear-gradient(in oklab 0deg,
    color-mix(in srgb, var(--dao-hellblau) 45%, transparent) 0%,
    color-mix(in srgb, var(--dao-hellblau) 15%, transparent) 55%,
    transparent 100%); } &::after { height: 60%; background: url("../assets/beratung-hero-muster.svg") center bottom / cover no-repeat; opacity: 0.7; -webkit-mask-image: linear-gradient(0deg, #000 30%, transparent 100%); mask-image: linear-gradient(0deg, #000 30%, transparent 100%); }
}
.preise-transparenz__icon {
  display: flex; align-items: center; justify-content: center; width: 3.75rem; height: 3.75rem; border-radius: 0.375rem; background: var(--dao-badge-grund); color: var(--dao-navy); @media (max-width: 1199px) { width: 3.125rem; height: 3.125rem; } @media (max-width: 767px) { width: 2.5rem; height: 2.5rem; }
}
.preise-transparenz__icon svg {
  width: 1.5rem; height: 1.5rem; @media (max-width: 767px) { width: 1.25rem; height: 1.25rem; }
}
.preise-transparenz__text {
  position: relative; display: flex; flex-direction: column; gap: 0.625rem; padding-left: 0.625rem; @media (max-width: 1199px) { padding-left: 0; }
}
.preise-transparenz__card--wide .preise-transparenz__text {
  max-width: 26.875rem; @media (max-width: 1199px) { max-width: 23.75rem; }
}
.preise-transparenz__card-title {
  margin: 0; font-family: var(--dao-font); font-size: 1.5rem; font-weight: 500; line-height: 1.5rem; letter-spacing: -0.02em; color: var(--dao-navy); @media (max-width: 1199px) { font-size: 1.25rem; } @media (max-width: 767px) { font-size: 1.125rem; line-height: 1.375rem; }
}
.preise-transparenz__card-text {
  margin: 0; font-family: var(--dao-font); font-size: 1rem; font-weight: 400; line-height: 1.5rem; color: var(--dao-fliesstext); @media (max-width: 1199px) { font-size: 0.875rem; line-height: 1.3125rem; }
}
.preise-transparenz__wave {
  position: absolute; top: 50%; right: 2.5rem; width: 18.75rem; height: auto; color: var(--dao-hellblau); transform: translateY(-50%); pointer-events: none; @media (max-width: 1199px) { right: 1.875rem; width: 13.75rem; } @media (max-width: 767px) { top: 1.125rem; right: 0.9375rem; width: 7.5rem; transform: none; }
}
.kontakt-hero {
  position: relative; isolation: isolate; display: flex; flex-direction: row; align-items: stretch; justify-content: space-between; gap: 2.5rem; margin: 0; padding: calc(var(--dao-header-height) + 5rem) var(--dao-gutter) 6.25rem; overflow: hidden; background: none; @media (max-width: 1199px) { flex-direction: column; gap: 3.125rem; padding-top: calc(var(--dao-header-height) + 3.375rem); padding-bottom: 5rem; } @media (max-width: 767px) { gap: 2.5rem; padding-bottom: 3.75rem; }
}
.kontakt-hero > .glow {
  z-index: -1;
}
.kontakt-hero > .pattern {
  z-index: -1;
}
.kontakt-hero__text {
  display: flex; flex: 0 1 40rem; flex-direction: column; justify-content: space-between; gap: 3.125rem; min-width: 0; @media (max-width: 1199px) { flex: none; gap: 2.5rem; } @media (max-width: 767px) { gap: 1.875rem; }
}
.kontakt-hero__intro {
  display: flex; flex-direction: column; align-items: flex-start; gap: 1.25rem; @media (max-width: 1199px) { gap: 1rem; }
}
.kontakt-hero__title {
  margin-top: 0.3125rem;
}
.kontakt-hero__lead {
  max-width: 30rem;
}
.kontakt-hero__direct {
  display: flex; align-items: center; gap: 1.25rem; @media (max-width: 767px) { gap: 0.875rem; }
}
.kontakt-hero__icon {
  display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 5rem; height: 5rem; border: 0.25rem solid var(--dao-weiss); border-radius: 100%; background: var(--dao-hellblau); box-shadow: var(--dao-schatten-blau); color: var(--dao-navy); @media (max-width: 1199px) { width: 4.5rem; height: 4.5rem; } @media (max-width: 767px) { width: 3.75rem; height: 3.75rem; border-width: 0.1875rem; }
}
.kontakt-hero__icon svg {
  width: 1.875rem; height: 1.875rem; @media (max-width: 767px) { width: 1.5rem; height: 1.5rem; }
}
.kontakt-hero__direct-text {
  display: flex; flex-direction: column; gap: 0.375rem;
}
.kontakt-hero__direct-label {
  margin: 0 0 0.25rem; font-family: var(--dao-font-mono); font-size: 0.75rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-fliesstext);
}
.kontakt-hero__direct-link {
  font-family: var(--dao-font); font-size: 1.375rem; font-weight: 500; line-height: 1.75rem; letter-spacing: -0.02em; text-decoration: none; color: var(--dao-navy); transition: color 0.15s ease; &:hover { color: var(--dao-blau); } &:focus-visible { outline: 2px solid var(--dao-blau); outline-offset: 0.1875rem; border-radius: 2px; } @media (max-width: 1199px) { font-size: 1.25rem; line-height: 1.625rem; } @media (max-width: 767px) { font-size: 1.0625rem; line-height: 1.4375rem; }
}
.kontakt-hero__form {
  position: static; flex: 0 1 43.75rem; min-width: 0; padding: 2.5rem; border-radius: 0.625rem; @media (max-width: 1199px) { flex: none; padding: 1.875rem; } @media (max-width: 767px) { padding: 1.125rem; }
}
.kontakt-hero__form textarea.form__input {
  min-height: 8.75rem;
}
.fc {
  position: relative; isolation: isolate; display: flex; flex-direction: column; align-items: center; gap: 5rem; margin: 0; padding: calc(var(--dao-header-height) + 6.875rem) var(--dao-gutter) 8.75rem; overflow: hidden; background: none; @media (max-width: 1199px) { gap: 4rem; padding-top: calc(var(--dao-header-height) + 3.375rem); padding-bottom: 6.25rem; } @media (max-width: 767px) { gap: 3rem; padding-bottom: 5rem; }
}
.fc > .glow {
  z-index: -1;
}
.fc > .pattern {
  z-index: -1;
}
.fc__head {
  display: flex; flex-direction: column; align-items: center; gap: 1.25rem; max-width: 56.25rem; text-align: center; @media (max-width: 767px) { gap: 1rem; }
}
.fc__icon {
  display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 4.5rem; height: 4.5rem; border: 0.25rem solid var(--dao-weiss); border-radius: 100%; background: var(--dao-hellblau); box-shadow: 0 1rem 2rem calc(1rem * -1) var(--dao-blau-25); color: var(--dao-navy);
}
.fc__icon svg {
  width: 1.625rem; height: 1.625rem;
}
.fc__title {
  font-size: 4rem; line-height: 4.125rem; letter-spacing: -0.05em; @media (max-width: 1199px) { font-size: 3.5rem; line-height: 3.625rem; } @media (max-width: 767px) { font-size: 2.5rem; line-height: 2.75rem; }
}
.fc__lead {
  max-width: 38.75rem;
}
.fc__facts {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 0.625rem 1.5rem; margin: 0; padding: 0.25rem 0 0; list-style: none;
}
.fc__facts li {
  display: flex; align-items: center; gap: 0.5rem; font-family: var(--dao-font-mono); font-size: 0.75rem; font-weight: 500; line-height: 1rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-navy);
}
.fc__facts svg {
  flex-shrink: 0; width: 1rem; height: 1rem; color: var(--dao-blau);
}
.fc__check {
  display: flex; align-items: flex-start; gap: 1.25rem; width: 100%; max-width: none; @media (max-width: 1199px) { flex-direction: column; align-items: stretch; }
}
.fc__form {
  display: flex; flex: 1 1 0; flex-direction: column; min-width: 0; margin: 0; border: 1px solid var(--dao-linie); border-radius: 0.5rem; background: var(--dao-weiss); box-shadow: 0 1.125rem 2.5rem calc(1.75rem * -1) var(--dao-navy-25);
}
.fc__step {
  display: flex; flex-direction: column; gap: 1.75rem; padding: 2.5rem; @media (max-width: 767px) { gap: 1.25rem; padding: 1.25rem; }
}
.fc__step + .fc__step {
  border-top: 1px solid var(--dao-linie);
}
.fc__step-head {
  display: flex; align-items: flex-start; gap: 1rem; @media (max-width: 767px) { gap: 0.75rem; }
}
.fc__step-nr {
  display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 0.375rem; background: var(--dao-blau-hell); font-family: var(--dao-font-mono); font-size: 0.75rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; color: var(--dao-blau);
}
.fc__step--lila .fc__step-nr {
  background: var(--dao-lila-kachel); color: var(--dao-dunkellila);
}
.fc__step-text {
  display: flex; flex-direction: column; gap: 2px;
}
.fc__step-title {
  margin: 0; font-family: var(--dao-font); font-size: 1.625rem; font-weight: 500; line-height: 2rem; letter-spacing: -0.03em; color: var(--dao-navy); @media (max-width: 767px) { font-size: 1.375rem; line-height: 1.75rem; }
}
.fc__step-intro {
  margin: 0; font-family: var(--dao-font); font-size: 1rem; font-weight: 400; line-height: 1.5rem; color: var(--dao-fliesstext); @media (max-width: 767px) { font-size: 0.9375rem; line-height: 1.375rem; }
}
.fc__hint {
  margin: 0; font-family: var(--dao-font); font-size: 1rem; font-weight: 400; line-height: 1.5rem; color: var(--dao-fliesstext); font-size: 0.875rem; line-height: 1.25rem;
}
.fc__question {
  display: flex; flex-direction: column; gap: 0.5rem; min-width: 0; margin: 0; padding: 0; border: 0;
}
.fc__question legend {
  float: left; width: 100%; margin: 0; padding: 0;
}
.fc__label {
  font-family: var(--dao-font); font-size: 1rem; font-weight: 500; line-height: 1.375rem; color: var(--dao-navy);
}
.fc__pair {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.75rem; @media (max-width: 767px) { gap: 1.25rem; }
}
.fc__options {
  display: flex; gap: 0.5rem; @media (max-width: 767px) { flex-direction: column; }
}
.fc__options--wrap {
  flex-wrap: wrap;
}
.fc__option {
  position: relative; display: flex; flex: 1 1 auto; align-items: center; gap: 0.625rem; min-width: 0; margin: 0; padding: 0.8125rem 1rem; border: 1px solid var(--dao-linie-stark); border-radius: 0.375rem; background: var(--dao-weiss); font-family: var(--dao-font); font-size: 1rem; font-weight: 400; line-height: 1.375rem; color: var(--dao-navy); cursor: pointer; transition: border-color 0.15s ease, background-color 0.15s ease; &:hover { border-color: var(--dao-badge-rand); } &:has(input:checked) { border-color: var(--dao-blau); background: var(--dao-badge-grund); } &:has(input:focus-visible) { outline: 2px solid var(--dao-blau); outline-offset: 2px; }
}
.fc__options--wrap .fc__option {
  flex: 0 0 auto; @media (max-width: 767px) { flex: none; }
}
.fc__option input {
  position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; pointer-events: none;
}
.fc__confirm input {
  position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; pointer-events: none;
}
.fc__mark {
  display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 1.125rem; height: 1.125rem; border: 1.5px solid var(--dao-badge-rand); border-radius: 6.25rem; background: var(--dao-weiss); transition: border-color 0.15s ease, background-color 0.15s ease; &::after { content: ""; width: 0.5625rem; height: 0.5625rem; border-radius: 6.25rem; background: var(--dao-blau); transform: scale(0); transition: transform 0.15s ease; }
}
:has(> input:checked) > .fc__mark {
  border-color: var(--dao-blau);
}
:has(> input:checked) > .fc__mark::after {
  transform: scale(1);
}
.fc__mark--box {
  border-radius: 0.1875rem; &::after { width: 0.625rem; height: 0.625rem; border-radius: 0; background: var(--dao-weiss); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.3l3 3 6-6.3' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.3l3 3 6-6.3' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
}
:has(> input:checked) > .fc__mark--box {
  background: var(--dao-blau);
}
.fc__plz-row {
  display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem;
}
.fc__plz {
  flex: 0 0 12.5rem; width: 12.5rem; @media (max-width: 767px) { flex: 1 1 100%; width: 100%; }
}
.fc__form .form__input {
  font-size: 1rem; line-height: 1.375rem;
}
.fc__region {
  display: flex; align-items: center; gap: 0.5rem; margin: 0; padding: 0.375rem 0.75rem 0.375rem 0.5rem; border: 1px solid var(--dao-badge-rand); border-radius: 6.25rem; background: var(--dao-badge-grund); font-family: var(--dao-font); font-size: 0.9375rem; font-weight: 500; line-height: 1.25rem; color: var(--dao-navy);
}
.fc__region svg {
  flex-shrink: 0; width: 0.875rem; height: 0.875rem; color: var(--dao-blau);
}
.fc__region[hidden] {
  display: none;
}
.fc__region--offen {
  border-color: var(--dao-lila-rand); background: var(--dao-lilaverlauf-ende);
}
.fc__region--offen svg {
  color: var(--dao-dunkellila);
}
.fc__confirm {
  position: relative; display: flex; align-items: flex-start; gap: 0.75rem; margin: 0; padding: 1rem; border-radius: 0.375rem; background: var(--dao-kartengrund); cursor: pointer; &:has(input:focus-visible) { outline: 2px solid var(--dao-blau); outline-offset: 2px; }
}
.fc__confirm .fc__mark {
  width: 1.125rem; height: 1.125rem; margin-top: 2px;
}
.fc__confirm-text {
  display: block; font-family: var(--dao-font); font-size: 0.9375rem; font-weight: 400; line-height: 1.375rem; color: var(--dao-fliesstext);
}
.fc__confirm-text strong {
  display: block; margin-bottom: 0.25rem; font-size: 1rem; font-weight: 500; color: var(--dao-navy);
}
.fc__confirm-text a {
  text-decoration: underline; text-underline-offset: 2px; color: inherit;
}
.fc__confirm--plain {
  padding: 0; background: none;
}
.fc__error {
  margin: 0; font-family: var(--dao-font); font-size: 0.875rem; font-weight: 500; line-height: 1.25rem; color: var(--dao-fehler);
}
.fc__error[hidden] {
  display: none;
}
.is-missing .fc__option {
  border-color: var(--dao-fehler);
}
.is-missing .fc__plz {
  border-color: var(--dao-fehler);
}
.is-missing .fc__confirm {
  box-shadow: inset 0 0 0 1px var(--dao-fehler);
}
.fc__submit-row {
  display: flex; align-items: center; gap: 1.25rem; padding-top: 0.5rem; @media (max-width: 767px) { flex-direction: column; align-items: stretch; }
}
.fc__submit-row .button {
  flex-shrink: 0;
}
.fc__submit-row .fc__hint {
  max-width: 17.5rem; @media (max-width: 767px) { max-width: none; text-align: center; }
}
.fc__aside {
  display: flex; flex: 0 0 21.25rem; flex-direction: column; gap: 1.25rem; min-width: 0; @media (max-width: 1199px) { display: grid; flex: none; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; } @media (max-width: 767px) { grid-template-columns: minmax(0, 1fr); }
}
.fc__card {
  display: flex; flex-direction: column; gap: 1rem; margin: 0; padding: 1.5rem; border: 1px solid var(--dao-linie); border-radius: 0.5rem; background: var(--dao-weiss); @media (max-width: 767px) { padding: 1.25rem; }
}
.fc__card--lila {
  border-color: var(--dao-lila-rand); background: linear-gradient(180deg in oklab, var(--dao-lilaverlauf-start) 0%, var(--dao-lilaverlauf-ende) 75%) border-box;
}
.fc__eyebrow {
  margin: 0; font-family: var(--dao-font-mono); font-size: 0.6875rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-fliesstext);
}
.fc__rate {
  display: flex; flex-direction: column; gap: 0.375rem; margin: 0; padding: 1rem; border-radius: 0.375rem; background: var(--dao-blau-pastell); color: var(--dao-navy);
}
.fc__rate--blau {
  background: var(--dao-blau); color: var(--dao-weiss);
}
.fc__rate-top {
  display: flex; align-items: baseline; justify-content: space-between; gap: 0.75rem;
}
.fc__rate-value {
  font-family: var(--dao-font); font-size: 2.25rem; font-weight: 500; line-height: 2.5rem; letter-spacing: -0.04em;
}
.fc__rate-max {
  font-family: var(--dao-font-mono); font-size: 0.75rem; font-weight: 500; line-height: 1rem; letter-spacing: 0.02em; text-transform: uppercase;
}
.fc__rate-text {
  font-family: var(--dao-font); font-size: 0.9375rem; font-weight: 400; line-height: 1.375rem;
}
.fc__rate--blau .fc__rate-text {
  color: var(--dao-weiss-85);
}
.fc__person {
  display: flex; align-items: center; gap: 0.75rem;
}
.fc__avatar {
  flex-shrink: 0; width: 3rem; height: 3rem; border: 2px solid var(--dao-weiss); border-radius: 6.25rem; background: var(--dao-avatar-warm) url("../assets/oliver-menke-avatar.webp") center / cover no-repeat;
}
.fc__person-text {
  display: flex; flex-direction: column; gap: 2px;
}
.fc__person-name {
  margin: 0; font-family: var(--dao-font); font-size: 1rem; font-weight: 500; line-height: 1.25rem; color: var(--dao-navy);
}
.fc__person-role {
  margin: 0; font-family: var(--dao-font-mono); font-size: 0.6875rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-dunkellila);
}
.fc__quote {
  margin: 0; padding: 0; border: 0; background: none; font-family: var(--dao-font); font-size: 1rem; font-weight: 400; font-style: normal; line-height: 1.5rem; color: var(--dao-navy);
}
.fc__result {
  display: flex; align-items: stretch; gap: 1.25rem; width: 100%; max-width: none; scroll-margin-top: calc(var(--dao-header-height) + 1.25rem); @media (max-width: 1199px) { flex-direction: column; }
}
.fc__result[hidden] {
  display: none;
}
.fc__outcome {
  display: flex; flex: 1 1 0; flex-direction: column; gap: 1.75rem; min-width: 0; padding: 2.5rem; border-radius: 0.5rem; background: linear-gradient(180deg in oklab, var(--dao-nachtblau) 0%, var(--dao-navy) 70%); box-shadow: 0 1.5rem 3rem calc(1.5rem * -1) var(--dao-navy-35); color: var(--dao-weiss); &:focus { outline: none; } @media (max-width: 1199px) { flex: none; } @media (max-width: 767px) { gap: 1.5rem; padding: 1.25rem; }
}
.fc__outcome[hidden] {
  display: none;
}
.fc__outcome--hell {
  border: 1px solid var(--dao-linie); background: var(--dao-weiss); box-shadow: none; color: var(--dao-navy);
}
.fc__outcome-head {
  display: flex; flex-direction: column; align-items: flex-start; gap: 1rem;
}
.fc__status {
  display: flex; align-items: center; gap: 0.5rem; margin: 0; padding: 0.375rem 0.75rem 0.375rem 0.5rem; border-radius: 6.25rem; background: var(--dao-hellblau); font-family: var(--dao-font-mono); font-size: 0.6875rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-navy);
}
.fc__status svg {
  flex-shrink: 0; width: 0.875rem; height: 0.875rem;
}
.fc__status--lila {
  background: var(--dao-lila-kachel); color: var(--dao-dunkellila);
}
.fc__status--grau {
  border: 1px solid var(--dao-linie-stark); background: var(--dao-kartengrund); color: var(--dao-fliesstext);
}
.fc__outcome-title {
  margin: 0; font-family: var(--dao-font); font-size: 2.625rem; font-weight: 500; line-height: 2.875rem; letter-spacing: -0.04em; color: inherit; @media (max-width: 1199px) { font-size: 2.25rem; line-height: 2.5rem; } @media (max-width: 767px) { font-size: 1.875rem; line-height: 2.125rem; }
}
.fc__outcome-text {
  margin: 0; font-family: var(--dao-font); font-size: 1rem; font-weight: 400; line-height: 1.5rem; color: var(--dao-weiss-70);
}
.fc__outcome--hell .fc__outcome-text {
  color: var(--dao-fliesstext);
}
.fc__calc {
  display: flex; flex-direction: column; margin: 0; padding: 0.25rem 1.25rem; border: 1px solid var(--dao-weiss-10); border-radius: 0.375rem; background: var(--dao-weiss-06); @media (max-width: 767px) { padding: 0.25rem 1rem; }
}
.fc__calc-row {
  display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.875rem 0; font-family: var(--dao-font); font-size: 1rem; line-height: 1.5rem;
}
.fc__calc-row + .fc__calc-row {
  border-top: 1px solid var(--dao-weiss-10);
}
.fc__calc-row dt {
  font-weight: 400; color: var(--dao-weiss-70);
}
.fc__calc-row dd {
  margin: 0; font-weight: 500; white-space: nowrap; color: var(--dao-weiss);
}
.fc__calc-row--zuschuss dd {
  color: var(--dao-hellblau);
}
.fc__calc-row--summe dt {
  font-weight: 500; color: var(--dao-weiss);
}
.fc__calc-row--summe dd {
  font-size: 1.75rem; line-height: 2rem; letter-spacing: -0.03em;
}
.fc__amount {
  display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 0.25rem 1rem; margin: 0; padding: 1rem 1.25rem; border: 1px solid var(--dao-weiss-10); border-radius: 0.375rem; font-family: var(--dao-font); font-size: 1rem; line-height: 1.5rem; color: var(--dao-weiss-70);
}
.fc__amount strong {
  font-size: 1.75rem; font-weight: 500; line-height: 2rem; letter-spacing: -0.03em; white-space: nowrap; color: var(--dao-weiss);
}
.fc__box {
  display: flex; flex-direction: column; gap: 0.375rem; padding: 1.25rem; border: 1px solid var(--dao-weiss-10); border-radius: 0.375rem; background: var(--dao-weiss-06);
}
.fc__box--grau {
  border: 0; background: var(--dao-kartengrund);
}
.fc__box--lila {
  border-color: var(--dao-lila-rand); background: linear-gradient(180deg in oklab, var(--dao-lilaverlauf-start) 0%, var(--dao-lilaverlauf-ende) 75%) border-box;
}
.fc__box-label {
  margin: 0; font-family: var(--dao-font-mono); font-size: 0.6875rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-hellblau);
}
.fc__box--grau .fc__box-label {
  color: var(--dao-fliesstext);
}
.fc__box--lila .fc__box-label {
  color: var(--dao-dunkellila);
}
.fc__box-text {
  display: flex; flex-direction: column; gap: 0.625rem; margin: 0; font-family: var(--dao-font); font-size: 1rem; font-weight: 400; line-height: 1.5rem; color: inherit;
}
.fc__box-text p {
  margin: 0;
}
.fc__next {
  display: flex; flex-direction: column; gap: 0.875rem;
}
.fc__next .fc__box-label {
  color: var(--dao-hellblau);
}
.fc__steps {
  display: flex; flex-direction: column; gap: 0.875rem; margin: 0; padding: 0; list-style: none; counter-reset: fc-schritt;
}
.fc__steps li {
  display: flex; align-items: flex-start; gap: 0.75rem; font-family: var(--dao-font); font-size: 1rem; line-height: 1.5rem; color: var(--dao-weiss); counter-increment: fc-schritt;
}
.fc__steps li::before {
  content: counter(fc-schritt, decimal-leading-zero); flex: 0 0 1.5rem; font-family: var(--dao-font-mono); font-size: 0.75rem; font-weight: 500; line-height: 1.5rem; color: var(--dao-hellblau);
}
.fc__disclaimer {
  margin: 0; padding-top: 1.25rem; border-top: 1px solid var(--dao-weiss-10); font-family: var(--dao-font); font-size: 0.8125rem; font-weight: 400; line-height: 1.125rem; color: var(--dao-weiss-60);
}
.fc__contact {
  display: flex; flex: 1 1 0; flex-direction: column; gap: 1.5rem; min-width: 0; padding: 2.5rem; border: 1px solid var(--dao-linie); border-radius: 0.5rem; background: var(--dao-weiss); @media (max-width: 1199px) { flex: none; } @media (max-width: 767px) { gap: 1.5rem; padding: 1.25rem; }
}
.fc__contact-head {
  display: flex; flex-direction: column; gap: 0.5rem;
}
.fc__contact-title {
  margin: 0; font-family: var(--dao-font); font-size: 1.5rem; font-weight: 500; line-height: 1.8125rem; letter-spacing: -0.03em; color: var(--dao-navy); @media (max-width: 767px) { font-size: 1.25rem; line-height: 1.5rem; }
}
.fc__contact .form__note {
  text-align: center;
}
.fc__confirm--plain .fc__confirm-text {
  font-size: 0.875rem; line-height: 1.25rem;
}
.fc__options .fc__option {
  @media (max-width: 767px) { flex: none; }
}
.fc__quelle {
  font-size: 0.75rem; line-height: 1.125rem;
}
.fc__quelle a {
  text-decoration: underline; text-underline-offset: 2px; color: inherit;
}
.fc__ausschluesse {
  display: flex; flex-direction: column; gap: 0.5rem; padding-top: 0.25rem;
}
.fc__ausschluesse > span {
  display: flex; align-items: flex-start; gap: 0.625rem; font-size: 0.9375rem; line-height: 1.375rem; color: var(--dao-navy);
}
.fc__ausschluesse > span::before {
  content: ""; flex-shrink: 0; width: 0.375rem; height: 0.375rem; margin-top: 0.5rem; border-radius: 6.25rem; background: var(--dao-blau);
}
.fc__weg {
  display: flex; gap: 0.1875rem; padding: 0.1875rem; border: 1px solid var(--dao-linie); border-radius: 0.375rem; background: var(--dao-seitengrund);
}
.fc__weg-option {
  position: relative; display: flex; flex: 1 1 0; align-items: center; justify-content: center; margin: 0; padding: 0.875rem 0.75rem; border-radius: 0.25rem; font-family: var(--dao-font-mono); font-size: 0.8125rem; font-weight: 500; line-height: 0.8125rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-navy); cursor: pointer; transition: background-color 0.15s ease, color 0.15s ease; &:has(input:checked) { background: var(--dao-navy); color: var(--dao-weiss); } &:has(input:focus-visible) { outline: 2px solid var(--dao-blau); outline-offset: 2px; }
}
.fc__weg-option input {
  position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; pointer-events: none;
}
.fc__felder {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; @media (max-width: 767px) { grid-template-columns: minmax(0, 1fr); }
}
.fc__feld-breit {
  grid-column: 1 / -1;
}
.fc__contact [hidden] {
  display: none !important;
}
.faq-panel .panel__card {
  padding-bottom: 0;
}
.gutwissen__karte--navy > * {
  position: relative;
}
.foerderung .cta-box {
  &::before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 75%; background: url("../assets/muster-kachel-hell.svg") center bottom / 2.625rem auto repeat; opacity: 0.22; -webkit-mask-image: linear-gradient(0deg, #000 25%, transparent 100%); mask-image: linear-gradient(0deg, #000 25%, transparent 100%); pointer-events: none; }
}
.foerderung .cta-box > * {
  position: relative;
}
.about__tag[data-akzent="accent"] {
  background: color-mix(in srgb, var(--dao-hellblau) 40%, transparent);
}
.form__consent {
  display: flex; align-items: flex-start; gap: 0.625rem; font-family: var(--dao-font); font-size: 0.875rem; line-height: 1.3125rem; color: var(--dao-fliesstext); cursor: pointer;
}
.form__consent input {
  flex-shrink: 0; width: 1.125rem; height: 1.125rem; margin: 2px 0 0; accent-color: var(--dao-blau); cursor: pointer;
}
.form__consent a {
  text-decoration: underline; text-underline-offset: 2px; color: inherit;
}
.fallteaser__card {
  position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 2.5rem; min-height: 18.75rem; padding: 1.5rem; border: 1px solid var(--dao-linie); border-radius: 0.5rem; background: var(--dao-weiss); transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.2s ease; border-color: var(--dao-weiss-08); background: var(--dao-weiss-05); justify-content: flex-start; gap: 3.5rem; &:nth-child(even) { background: linear-gradient(in oklab 180deg, var(--dao-lilaverlauf-start) 0%, var(--dao-lilaverlauf-ende) 75%) border-box; } &:hover { border-color: var(--dao-hellblau); box-shadow: 0 0.625rem 1.5rem calc(0.875rem * -1) var(--dao-blau-35); transform: translateY(calc(0.25rem * -1)); } &:focus-within { border-color: var(--dao-hellblau); box-shadow: 0 0.625rem 1.5rem calc(0.875rem * -1) var(--dao-blau-35); transform: translateY(calc(0.25rem * -1)); } @media (prefers-reduced-motion: reduce) { &:hover { transform: none; } } @media (prefers-reduced-motion: reduce) { &:focus-within { transform: none; } } @media (max-width: 1199px) { min-height: 16.25rem; } @media (max-width: 767px) { min-height: 0; gap: 1.75rem; padding: 1.25rem; } &:nth-child(even) { background: var(--dao-weiss-08); } &:hover { border-color: var(--dao-hellblau); box-shadow: none; } @media (max-width: 767px) { gap: 1.75rem; }
}
.fallteaser__result {
  display: flex; flex-direction: column; gap: 0.375rem;
}
.fallteaser__number {
  margin: 0; font-family: var(--dao-font); font-size: 2.5rem; font-weight: 500; line-height: 2.75rem; letter-spacing: -0.04em; color: var(--dao-navy); color: var(--dao-weiss);
}
.fallteaser__result-label {
  margin: 0; font-family: var(--dao-font); font-size: 0.875rem; line-height: 1.3125rem; color: var(--dao-fliesstext); color: var(--dao-weiss-70);
}
.fallteaser__body {
  display: flex; flex-direction: column; gap: 0.625rem;
}
.fallteaser__meta {
  margin: 0; font-family: var(--dao-font-mono); font-size: 0.6875rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-blau); color: var(--dao-hellblau);
}
.fallteaser__title {
  margin: 0; font-family: var(--dao-font); font-size: 1.1875rem; font-weight: 500; line-height: 1.5rem; letter-spacing: -0.02em; color: var(--dao-navy); color: var(--dao-weiss);
}
.fallteaser__link {
  color: inherit; text-decoration: none; &::after { content: ""; position: absolute; inset: 0; }
}
.fallteaser__arrow {
  position: absolute; top: 1.5rem; right: 1.5rem; width: 0.875rem; height: 0.875rem; color: var(--dao-navy); color: var(--dao-weiss);
}
.fallteaser .fallteaser__link {
  color: var(--dao-weiss); text-decoration: none;
}
.fallteaser .fallteaser__link:hover {
  color: var(--dao-weiss); text-decoration: none;
}
.fallteaser .fallteaser__link:focus-visible {
  color: var(--dao-weiss); text-decoration: none;
}
.faq__icon {
  display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 1.875rem; height: 1.875rem; border: 1px solid var(--dao-linie-stark); border-radius: 100%; background: var(--dao-seitengrund); color: var(--dao-blau); @media (max-width: 767px) { width: 1.625rem; height: 1.625rem; }
}
.faq__icon svg {
  width: 0.75rem; height: 0.75rem; transition: transform 0.2s ease; @media (max-width: 767px) { width: 0.625rem; height: 0.625rem; }
}
.faq__item:not([open]):hover .faq__icon {
  border-color: var(--dao-hellblau); background: var(--dao-hellblau); color: var(--dao-navy);
}
.faq__item[open] .faq__icon {
  border-color: var(--dao-hellblau); background: var(--dao-hellblau); color: var(--dao-navy);
}
.faq__item[open] .faq__icon svg {
  transform: rotate(45deg);
}
.faq__answer {
  display: flex; gap: 0; padding: 1.5rem 1rem; border-radius: 0.25rem; background: var(--dao-weiss); @media (max-width: 1199px) { padding: 1.25rem; } @media (max-width: 767px) { padding: 1rem 0.875rem; }
}
.faq__answer p {
  max-width: none; margin: 0; font-family: var(--dao-font); font-size: 1rem; font-weight: 400; line-height: 1.5rem; color: var(--dao-fliesstext); @media (max-width: 767px) { font-size: 0.875rem; line-height: 1.3125rem; }
}
.blog__post {
  display: flex; flex-direction: column; gap: 1rem; min-width: 0; @media (max-width: 1199px) { gap: 0.875rem; } @media (max-width: 767px) { gap: 0.625rem; }
}
.blog__image {
  display: flex; flex-shrink: 0; align-items: flex-end; gap: 0; height: 14.375rem; padding: 0.9375rem; border-radius: 0.25rem; background: var(--dao-badge-grund); font-family: var(--dao-font-mono); font-size: 0.75rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.06em; text-transform: uppercase; text-decoration: none; color: var(--dao-fliesstext); &:hover { color: var(--dao-fliesstext); } &:focus-visible { outline: 2px solid var(--dao-blau); outline-offset: 0.1875rem; } @media (max-width: 1199px) { height: auto; aspect-ratio: 335 / 230; padding: 0.75rem; } @media (max-width: 767px) { padding: 0.625rem; font-size: 0.6875rem; }
}
.blog__post-title a:focus-visible {
  outline: 2px solid var(--dao-blau); outline-offset: 0.1875rem;
}
.blog__text {
  display: flex; flex-direction: column; gap: 0.625rem; @media (max-width: 767px) { gap: 0.5rem; }
}
.blog__meta {
  display: flex; align-items: center; justify-content: space-between; gap: 0.625rem;
}
.blog__category {
  margin: 0; padding: 0.3125rem 0.75rem; border-radius: 6.25rem; background: var(--dao-badge-grund); font-family: var(--dao-font-mono); font-size: 0.75rem; font-weight: 500; line-height: 0.75rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-navy); @media (max-width: 767px) { padding-inline: 0.5rem; }
}
.blog__date {
  font-family: var(--dao-font-mono); font-size: 0.75rem; font-weight: 500; line-height: 0.75rem; letter-spacing: 0.02em; text-transform: uppercase; white-space: nowrap; color: var(--dao-fliesstext);
}
.blog__post-title {
  margin: 0; font-family: var(--dao-font); font-size: 1.25rem; font-weight: 500; line-height: 1.625rem; letter-spacing: -0.025em; color: var(--dao-navy); @media (max-width: 1199px) { font-size: 1rem; line-height: 1.25rem; } @media (max-width: 767px) { font-size: 1rem; line-height: 1.1875rem; }
}
.blog__post-title a {
  text-decoration: none; color: var(--dao-navy); transition: color 0.15s ease;
}
.blog__post-title a:hover {
  color: var(--dao-blau);
}
.blog__grid .blog__meta {
  @media (max-width: 1199px) { flex-direction: column; align-items: flex-start; gap: 0.5rem; }
}
.blog__top {
  display: flex; gap: 1.25rem; @media (max-width: 1199px) { flex-direction: column; gap: 1.25rem; }
}
.blog__top-image {
  display: flex; flex: 0 0 calc(50% - 0.625rem); flex-direction: column; align-items: center; justify-content: center; gap: 0.375rem; min-width: 0; min-height: 36.25rem; border-radius: 0.5rem; background: url("../assets/ueber-bildflaeche.svg") center / cover no-repeat; text-decoration: none; @media (max-width: 1199px) { flex: none; min-height: 25rem; } @media (max-width: 767px) { min-height: 13.75rem; }
}
.blog__top-card {
  display: flex; flex: 0 0 calc(50% - 0.625rem); flex-direction: column; justify-content: space-between; gap: 2.5rem; min-width: 0; padding: 1.875rem; border-radius: 0.5rem; background: var(--dao-navy); @media (max-width: 1199px) { flex: none; gap: 2.5rem; padding: 1.5625rem; } @media (max-width: 767px) { gap: 1.875rem; padding: 1.25rem; }
}
.blog__top-text {
  display: flex; flex-direction: column; gap: 1.25rem;
}
.blog__top-card .blog__category {
  background: var(--dao-hellblau);
}
.blog__top-card .blog__date {
  color: var(--dao-weiss-60);
}
.blog__top-title {
  margin: 0; font-family: var(--dao-font); font-size: 2.125rem; font-weight: 500; line-height: 2.5rem; letter-spacing: -0.04em; color: var(--dao-weiss); @media (max-width: 1199px) { font-size: 1.875rem; line-height: 2.25rem; } @media (max-width: 767px) { font-size: 1.5rem; line-height: 1.875rem; }
}
.blog__top-title a {
  text-decoration: none; color: inherit;
}
.blog__top-title a:hover {
  color: var(--dao-hellblau);
}
.blog__top-title a:focus-visible {
  outline: 2px solid var(--dao-hellblau); outline-offset: 0.1875rem;
}
.blog__top-footer {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.25rem;
}
.blog__author {
  display: flex; align-items: center; gap: 0.9375rem;
}
.blog__author-avatar {
  flex-shrink: 0; width: 2.75rem; height: 2.75rem; border-radius: 100%; background: var(--dao-avatar-warm);
}
.blog__author-text {
  display: flex; flex-direction: column; gap: 0.25rem;
}
.blog__author-name {
  margin: 0; font-family: var(--dao-font); font-size: 1.125rem; font-weight: 500; line-height: 1.375rem; letter-spacing: -0.02em; color: var(--dao-weiss);
}
.blog__author-role {
  margin: 0; font-family: var(--dao-font-mono); font-size: 0.75rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-weiss-60);
}
.blog__grid--large .blog__post {
  gap: 1.25rem; @media (max-width: 767px) { gap: 1rem; }
}
.blog__grid--large .blog__image {
  flex-direction: column; align-items: center; justify-content: center; gap: 0.375rem; height: 27.5rem; padding: 0; border-radius: 0.5rem; background: url("../assets/ueber-bildflaeche.svg") center / cover no-repeat; @media (max-width: 1199px) { height: 17.5rem; } @media (max-width: 767px) { height: 13.75rem; }
}
.blog__grid--large .blog__post-title {
  font-size: 1.5rem; line-height: 1.875rem; letter-spacing: -0.03em; @media (max-width: 1199px) { font-size: 1.25rem; line-height: 1.625rem; }
}
.blog__grid--large .blog__meta {
  @media (max-width: 1199px) { flex-direction: row; align-items: center; }
}
.blog__top-footer .button {
  @media (max-width: 767px) { width: 100%; }
}
.blog__image.blog__foto {
  position: relative; display: block; overflow: hidden; isolation: isolate; padding: 0; background: none;
}
.blog__top-image.blog__foto {
  position: relative; display: block; overflow: hidden; isolation: isolate; padding: 0; background: none;
}
.blog__foto img {
  position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover;
}
.blog__foto {
  &::before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } &::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } &::before { height: 75%; background: linear-gradient(in oklab 180deg,
    transparent 0%,
    color-mix(in srgb, var(--dao-nachtblau) 50%, transparent) 50%,
    color-mix(in srgb, var(--dao-nachtblau-tief) 90%, transparent) 100%); } &::after { height: 55%; background: url("../assets/ratgeber-bild-muster.svg") center bottom / cover no-repeat; opacity: 0.8; }
}
img.blog__author-avatar {
  display: block; object-fit: cover;
}
.fallstudien__card:hover .fallstudien__arrow {
  transform: translateX(0.25rem);
}
.fallstudien__image--foto img {
  position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover;
}
.beratung-module__card:nth-child(even) .beratung-module__text {
  background: linear-gradient(in oklab 135deg, var(--dao-lilaverlauf-start) 0%, var(--dao-lilaverlauf-ende) 75%);
}
.beratung-module__point svg {
  flex-shrink: 0; width: 0.625rem; height: 0.625rem; color: var(--dao-blau);
}
.beratung-module__image--foto img {
  position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover;
}
.beratung-module__card:hover .beratung-module__link {
  color: var(--dao-blau);
}
.beratung-module__link svg {
  flex-shrink: 0; width: 0.875rem; height: 0.875rem; color: var(--dao-blau); transition: transform 0.2s ease;
}
.beratung-module__card:hover .beratung-module__link svg {
  transform: translateX(0.1875rem);
}
.beratung .beratung-module__name {
  font-size: var(--bt-h4-size); line-height: var(--bt-h4-line); letter-spacing: -0.04em;
}
.beratung .beratung-module__point {
  font-size: 0.9375rem; line-height: 1.5rem;
}
.beratung .beratung-module__number {
  font-size: 0.6875rem; line-height: 0.875rem; letter-spacing: 0.02em;
}
.beratung .beratung-module__link {
  font-size: 0.8125rem; line-height: 1rem; letter-spacing: 0.02em;
}
.beratung .beratung-module__card {
  border-radius: var(--bt-radius-karte);
}
.beratung-module__card {
  position: relative; display: flex; flex-direction: column; gap: 0.9375rem; padding: 0.375rem 0.375rem 0.9375rem; border-radius: 0.375rem; background: var(--dao-weiss); &:has(.beratung-module__link:focus-visible) { outline: 2px solid var(--dao-blau); outline-offset: 0.1875rem; } @media (max-width: 767px) { gap: 0.75rem; padding: 0.3125rem 0.3125rem 0.75rem; }
}
.beratung-module__top {
  display: flex; gap: 0.375rem; @media (max-width: 767px) { flex-direction: column; gap: 0.3125rem; }
}
.beratung-module__text {
  display: flex; flex: 1 1 0; flex-direction: column; justify-content: space-between; gap: 0.9375rem; min-width: 0; padding: 1.25rem 1.5rem; border-radius: 0.25rem; background: var(--dao-blau-hell); @media (max-width: 1199px) { padding: 1.125rem 1.25rem; } @media (max-width: 767px) { gap: 1.25rem; padding: 0.9375rem; }
}
.beratung-module__intro {
  display: flex; flex-direction: column; gap: 0.9375rem; @media (max-width: 767px) { gap: 0.625rem; }
}
.beratung-module__name-row {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 0.625rem;
}
.beratung-module__name {
  margin: 0; font-family: var(--dao-font); font-size: 1.75rem; font-weight: 500; line-height: 1.875rem; letter-spacing: -0.04em; color: var(--dao-navy); @media (max-width: 1199px) { font-size: 1.5rem; line-height: 1.625rem; } @media (max-width: 767px) { font-size: 1.25rem; line-height: 1.5rem; letter-spacing: -0.03em; }
}
.beratung-module__number {
  flex-shrink: 0; padding-top: 0.25rem; font-family: var(--dao-font-mono); font-size: 0.875rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; color: var(--dao-navy);
}
.beratung-module__desc {
  max-width: 28.75rem; margin: 0; font-family: var(--dao-font); font-size: 1rem; font-weight: 400; line-height: 1.5rem; color: var(--dao-fliesstext); @media (max-width: 1199px) { font-size: 0.875rem; } @media (max-width: 1199px) { line-height: 1.3125rem; }
}
.beratung-module__points {
  display: flex; flex-direction: column; gap: 0.625rem; margin: 0; padding: 0; list-style: none; @media (max-width: 767px) { gap: 0.5rem; }
}
.beratung-module__point {
  display: flex; align-items: center; gap: 0.5rem; font-family: var(--dao-font); font-size: 1rem; font-weight: 400; line-height: 1.25rem; color: var(--dao-navy); @media (max-width: 1199px) { font-size: 0.875rem; }
}
.beratung-module__image {
  display: flex; flex: 0 0 21.5rem; flex-direction: column; align-items: center; justify-content: center; gap: 0.375rem; min-height: 13.125rem; border-radius: 0.25rem; background: url("../assets/ueber-bildflaeche.svg") center / cover no-repeat; @media (max-width: 1199px) { flex-basis: 38%; } @media (max-width: 767px) { flex: none; order: -1; min-height: 0; aspect-ratio: 16 / 9; }
}
.beratung-module__image--foto {
  position: relative; overflow: hidden; isolation: isolate; background: none; &::before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } &::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } &::before { height: 75%; background: linear-gradient(in oklab 0deg,
    color-mix(in srgb, var(--dao-nachtblau) 62%, transparent) 0%,
    color-mix(in srgb, var(--dao-nachtblau) 22%, transparent) 55%,
    transparent 100%); } &::after { height: 50%; background: url("../assets/beratung-hero-muster.svg") center bottom / cover no-repeat; opacity: 0.6; }
}
.beratung-module__link {
  display: flex; align-items: center; justify-content: space-between; gap: 0.625rem; padding: 0 0.875rem; font-family: var(--dao-font-mono); font-size: 0.875rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-decoration: none; text-transform: uppercase; color: var(--dao-navy); &::after { content: ""; position: absolute; inset: 0; z-index: 3; border-radius: inherit; } &:focus-visible { outline: none; } @media (max-width: 767px) { padding-inline: 0.625rem; font-size: 0.75rem; line-height: 0.75rem; }
}
.ueber-reach__marker {
  position: absolute; top: var(--y); left: var(--x); z-index: 1; transform: translate(-50%, -50%); &:hover { z-index: 2; } &:focus-within { z-index: 2; }
}
.ueber-reach__pin {
  display: flex; align-items: center; justify-content: center; width: 1.5rem; height: 1.5rem; margin: 0; padding: 0; border: 2px solid var(--dao-hellblau); border-radius: 6.25rem; background: var(--dao-weiss); color: var(--dao-blau); cursor: pointer; transition: transform 0.15s ease; box-shadow: 0 2px 0.375rem -1px var(--dao-navy-25); &:hover { transform: scale(1.1); } &:focus-visible { outline: 2px solid var(--dao-blau); outline-offset: 2px; } @media (max-width: 767px) { width: 1.25rem; height: 1.25rem; }
}
.ueber-reach__pin svg {
  width: 0.625rem; height: 0.625rem;
}
.ueber-reach__tag {
  position: absolute; top: 1.875rem; left: 0; display: flex; align-items: center; gap: 0.5625rem; padding: 0.375rem 0.75rem 0.375rem 0.375rem; border-radius: 0.25rem; background: var(--dao-hellblau); font-family: var(--dao-font-mono); font-size: 0.8125rem; font-weight: 500; line-height: 1rem; letter-spacing: 0.04em; text-transform: uppercase; white-space: nowrap; color: var(--dao-navy); opacity: 0; visibility: hidden; transform: translateY(calc(0.25rem * -1)); transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s; align-items: flex-start; width: max-content; @media (max-width: 767px) { top: 1.5rem; font-size: 0.6875rem; line-height: 0.875rem; }
}
.ueber-reach__marker:hover .ueber-reach__tag {
  opacity: 1; visibility: visible; transform: none;
}
.ueber-reach__pin:focus + .ueber-reach__tag {
  opacity: 1; visibility: visible; transform: none;
}
.ueber-reach__tag-icon {
  display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 1.375rem; height: 1.375rem; border-radius: 0.1875rem; background: var(--dao-navy); color: var(--dao-weiss); @media (max-width: 767px) { width: 1.125rem; height: 1.125rem; }
}
.ueber-reach__tag-icon svg {
  width: 0.75rem; height: 0.75rem;
}
.ueber-reach__tag-quote {
  white-space: nowrap; font-family: var(--dao-font); font-size: 0.8125rem; font-weight: 400; line-height: 1.125rem; letter-spacing: 0; text-transform: none; font-weight: 500; @media (max-width: 767px) { font-size: 0.75rem; line-height: 1rem; }
}
.ueber-reach__tag-text {
  display: flex; flex-direction: column; gap: 0.1875rem; padding-top: 0.1875rem;
}
.ueber-reach__tag-sub {
  font-family: var(--dao-font); font-size: 0.8125rem; font-weight: 400; line-height: 1.125rem; letter-spacing: 0; text-transform: none; @media (max-width: 767px) { font-size: 0.75rem; line-height: 1rem; }
}
.ueber-voice__stars {
  display: flex; gap: 0.3125rem; margin-bottom: 1.5625rem; color: var(--dao-blau); @media (max-width: 767px) { margin-bottom: 0.9375rem; }
}
.ueber-voice__stars svg {
  width: 1.0625rem; height: 1.0625rem;
}
.ueber-voice__quote {
  display: block; margin: 0 0 2.1875rem; padding: 0; border: 0; border-radius: 0; background: none; font-family: var(--dao-font); font-size: 1.75rem; font-weight: 500; line-height: 2.125rem; letter-spacing: -0.04em; color: var(--dao-navy); @media (max-width: 767px) { margin-bottom: 1.25rem; font-size: 1.25rem; line-height: 1.625rem; }
}
.ueber-voice__author {
  display: flex; align-items: center; gap: 0.9375rem; @media (max-width: 767px) { gap: 0.625rem; }
}
.ueber-voice__avatar {
  flex-shrink: 0; width: 3.125rem; height: 3.125rem; border-radius: 100%; background: var(--dao-linie-stark); object-fit: cover;
}
.ueber-voice__person {
  display: flex; flex-direction: column; gap: 0.3125rem;
}
.ueber-voice__name {
  margin: 0; font-family: var(--dao-font); font-size: 1.25rem; font-weight: 500; line-height: 1.5rem; letter-spacing: -0.02em; color: var(--dao-navy); @media (max-width: 767px) { font-size: 1.125rem; line-height: 1.375rem; }
}
.ueber-voice__role {
  margin: 0; font-family: var(--dao-font-mono); font-size: 0.75rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-fliesstext);
}
.fallstudien__card {
  position: relative; display: flex; gap: 1.25rem; min-height: 13.75rem; padding: 1.25rem; border: 1px solid var(--dao-linie); border-radius: 0.375rem; background: var(--dao-weiss); transition: border-color 0.15s ease, box-shadow 0.15s ease; &:nth-child(even) { background: linear-gradient(in oklab 180deg, var(--dao-lilaverlauf-start) 0%, var(--dao-lilaverlauf-ende) 75%) border-box; } &:hover { border-color: var(--dao-hellblau); box-shadow: 0 0.625rem 1.5rem calc(0.875rem * -1) var(--dao-blau-35); } @media (max-width: 1199px) { flex-direction: column; gap: 1rem; min-height: 0; padding: 0.9375rem; } @media (max-width: 767px) { padding: 0.625rem 0.625rem 0.9375rem; }
}
.fallstudien__client {
  display: flex; flex: 0 0 16.25rem; flex-direction: column; justify-content: space-between; gap: 1.25rem; @media (max-width: 1199px) { flex: none; order: 2; flex-direction: row; align-items: flex-end; gap: 0.9375rem; padding: 0.9375rem 0.3125rem 0; border-top: 1px solid var(--dao-linie-stark); }
}
.fallstudien__result {
  display: flex; flex-direction: column; gap: 0.3125rem; @media (max-width: 1199px) { align-items: flex-end; text-align: right; }
}
.fallstudien__number {
  margin: 0; font-family: var(--dao-font); font-size: 1.75rem; font-weight: 500; line-height: 1.9375rem; letter-spacing: -0.05em; color: var(--dao-navy); @media (max-width: 1199px) { font-size: 1.5rem; line-height: 1.625rem; }
}
.fallstudien__result-label {
  margin: 0; font-family: var(--dao-font-mono); font-size: 0.75rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-fliesstext); @media (max-width: 1199px) { font-size: 0.6875rem; }
}
.fallstudien__main {
  display: flex; flex: 0 1 61.875rem; align-items: center; gap: 1.25rem; min-width: 0; margin-left: auto; @media (max-width: 1199px) { flex: none; gap: 1.25rem; margin-left: 0; } @media (max-width: 767px) { flex-direction: column; align-items: stretch; gap: 1rem; }
}
.fallstudien__image {
  display: flex; flex: 0 0 20.0625rem; flex-direction: column; align-items: center; justify-content: center; gap: 0.375rem; align-self: stretch; min-height: 11.25rem; border-radius: 0.25rem; background: url("../assets/ueber-bildflaeche.svg") center / cover no-repeat; @media (max-width: 1199px) { flex-basis: 16.25rem; min-height: 9.375rem; } @media (max-width: 767px) { flex: none; min-height: 0; aspect-ratio: 16 / 9; }
}
.fallstudien__body {
  display: flex; flex: 1 1 0; align-items: center; gap: 1.25rem; min-width: 0; @media (max-width: 767px) { flex: none; gap: 0.9375rem; padding: 0 0.3125rem; }
}
.fallstudien__text {
  display: flex; flex: 1 1 0; flex-direction: column; gap: 0.9375rem; max-width: 27.5rem; min-width: 0; padding-left: 1.25rem; @media (max-width: 1199px) { padding-left: 0; } @media (max-width: 767px) { gap: 0.625rem; max-width: none; }
}
.fallstudien__meta {
  margin: 0; font-family: var(--dao-font-mono); font-size: 0.75rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-fliesstext);
}
.fallstudien__title {
  margin: 0; font-family: var(--dao-font); font-size: 1.5rem; font-weight: 500; line-height: 1.8125rem; letter-spacing: -0.03em; color: var(--dao-navy); @media (max-width: 1199px) { font-size: 1.25rem; line-height: 1.5rem; } @media (max-width: 767px) { font-size: 1.125rem; line-height: 1.4375rem; }
}
.fallstudien__link {
  text-decoration: none; color: inherit; &:hover { color: inherit; } &::after { content: ""; position: absolute; inset: 0; border-radius: 0.375rem; } &:focus-visible { outline: none; } &:focus-visible::after { outline: 2px solid var(--dao-blau); outline-offset: 0.1875rem; }
}
.fallstudien__arrow {
  flex-shrink: 0; width: 1.375rem; height: 1.375rem; margin-left: auto; color: var(--dao-navy); transition: transform 0.2s ease; @media (max-width: 1199px) { width: 1.25rem; height: 1.25rem; } @media (max-width: 767px) { width: 1.125rem; height: 1.125rem; }
}
.fallstudien__image--foto {
  position: relative; overflow: hidden; isolation: isolate; background: none; &::before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } &::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } &::before { height: 75%; background: linear-gradient(in oklab 180deg,
    transparent 0%,
    color-mix(in srgb, var(--dao-nachtblau) 50%, transparent) 50%,
    color-mix(in srgb, var(--dao-nachtblau-tief) 88%, transparent) 100%); } &::after { height: 55%; background: url("../assets/beratung-hero-muster.svg") center bottom / cover no-repeat; opacity: 0.7; }
}
.blog__post[data-variant="featured"] {
  flex: 1 1 41.875rem; max-width: 41.875rem; @media (max-width: 1199px) { flex: 0 0 20rem; max-width: none; } @media (max-width: 767px) { flex: none; }
}
.blog__post[data-variant="featured"] .blog__image {
  height: 25.625rem; padding: 1.125rem; background: linear-gradient(in oklab 180deg, var(--dao-blau) 0%, var(--dao-navy) 100%); line-height: 1rem; color: var(--dao-weiss-80); @media (max-width: 1199px) { height: auto; aspect-ratio: 335 / 230; padding: 0.75rem; } @media (max-width: 767px) { aspect-ratio: 670 / 410; }
}
.blog__post[data-variant="featured"] .blog__image:hover {
  color: var(--dao-weiss-80);
}
.blog__post[data-variant="featured"] .blog__category {
  background: var(--dao-linie);
}
.blog__post[data-variant="featured"] .blog__post-title {
  font-size: 1.5rem; line-height: 1.8125rem; letter-spacing: -0.02em; @media (max-width: 1199px) { font-size: 1.25rem; line-height: 1.5rem; }
}
.blog__post[data-variant="featured"] .blog__image.blog__foto {
  position: relative; display: block; overflow: hidden; isolation: isolate; padding: 0; background: none;
}
.blog__category[data-tone="lila"] {
  background: var(--dao-lilaverlauf-start); color: var(--dao-dunkellila);
}
.ueber-reach__marker[data-seite="left"] .ueber-reach__tag {
  right: 0; left: auto;
}
.ueber-reach__marker[data-groesse="klein"] .ueber-reach__pin {
  width: 1rem; height: 1rem; border-width: 1.5px; @media (max-width: 767px) { width: 0.875rem; height: 0.875rem; }
}
.ueber-reach__marker[data-groesse="klein"] .ueber-reach__pin svg {
  width: 0.5rem; height: 0.5rem; @media (max-width: 767px) { width: 0.4375rem; height: 0.4375rem; }
}
.ueber-reach__marker[data-groesse="klein"] .ueber-reach__tag {
  top: 1.375rem; @media (max-width: 767px) { top: 1.125rem; }
}
.ueber-reach__marker[data-art="sitz"] .ueber-reach__pin {
  border-color: var(--dao-weiss); background: var(--dao-hellblau); box-shadow: 0 0.5rem 1rem calc(0.5rem * -1) var(--dao-navy-50); color: var(--dao-navy);
}
.ueber-reach__tag[data-art="liste"] {
  width: 15rem; white-space: normal; @media (max-width: 767px) { width: 13.125rem; }
}
.stimmen {
  position: relative; isolation: isolate; display: flex; flex-direction: column; align-items: center; gap: 4.375rem; margin: 0; padding: var(--dao-section-space) 0; background: linear-gradient(in oklab 180deg, #f6f7fb 0%, #e7edff 45%, #f1eefb 75%, #f6f7fb 100%); &::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background-image: linear-gradient(to right, #e3e2df 1.2px, transparent 1.2px), linear-gradient(to bottom, #e3e2df 1.2px, transparent 1.2px); background-size: 2.375rem 2.375rem; background-position: -0.375rem 0; -webkit-mask-image: linear-gradient(rgb(0 0 0 / 0.5) 0%, #000 8%, #000 92%, transparent 100%); mask-image: linear-gradient(rgb(0 0 0 / 0.5) 0%, #000 8%, #000 92%, transparent 100%); } @media (max-width: 1199px) { gap: 2.5rem; padding-block: 7rem; } @media (max-width: 767px) { gap: 2rem; padding-block: 5rem; }
}
.stimmen__head {
  display: flex; flex-direction: column; align-items: center; gap: 1.5625rem; padding-inline: 1.25rem; text-align: center; @media (max-width: 1199px) { gap: 0.875rem; padding-inline: 6rem; } @media (max-width: 767px) { padding-inline: 1.25rem; }
}
.stimmen__label {
  margin: 0; font-family: var(--dao-font-mono); font-size: 0.75rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.04em; text-transform: uppercase; color: var(--dao-fliesstext); @media (max-width: 767px) { font-size: 0.6875rem; }
}
.stimmen__title {
  max-width: 47.5rem; text-align: center; @media (max-width: 1199px) { font-size: 1.75rem; line-height: 2rem; }
}
.stimmen__track {
  display: flex; flex-direction: column; gap: 0.625rem; width: 100%; max-width: 28.75rem; margin: 0; padding: 0; list-style: none; @media (min-width: 1200px) { &::after { content: ""; flex: none; height: 30vh; } } @media (max-width: 1199px) { flex-direction: row; gap: 0.75rem; max-width: none; padding-inline: 3rem; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 3rem; scrollbar-width: none; &::-webkit-scrollbar { display: none; } } @media (max-width: 767px) { gap: 0.5rem; padding-inline: 1.25rem; scroll-padding-inline: 1.25rem; }
}
.stimmen__card {
  display: flex; flex-direction: column; margin: 0; padding: 0.3125rem; border-radius: 0.25rem; background: var(--dao-weiss); @media (min-width: 1200px) { position: sticky; top: 7.5rem; box-shadow: 0 0.625rem 1.875rem -0.75rem var(--dao-navy-25); transform: translateX(var(--shift, 0)) rotate(var(--tilt, 0deg)); &:nth-child(4n+1) { --tilt: -3.5deg; --shift: -0.625rem; } &:nth-child(4n+2) { --tilt: 3deg; --shift: 0.75rem; } &:nth-child(4n+3) { --tilt: -2.5deg; --shift: -0.25rem; } &:nth-child(4n+4) { --tilt: 4deg; --shift: 0.5rem; } } @media (max-width: 1199px) { flex: 0 0 18.75rem; padding: 0.25rem; scroll-snap-align: start; } @media (max-width: 767px) { flex-basis: 18.125rem; }
}
.stimmen__body {
  display: flex; flex-direction: column; justify-content: space-between; gap: 1.25rem; height: 21.25rem; padding: 1.25rem 0.9375rem 0.9375rem; border-radius: 0.125rem; background: var(--dao-badge-rand); @media (max-width: 1199px) { height: 15.625rem; padding: 0.875rem 0.75rem 0.75rem; }
}
.stimmen__card:nth-child(4n+2) .stimmen__body {
  background: var(--dao-navy);
}
.stimmen__card:nth-child(4n+3) .stimmen__body {
  background: var(--dao-kartengrund);
}
.stimmen__card:nth-child(4n+4) .stimmen__body {
  background: var(--dao-blauverlauf-start);
}
.stimmen__quote {
  margin: 0; font-family: var(--dao-font); font-size: 1.125rem; line-height: 1.625rem; letter-spacing: -0.01em; color: var(--dao-navy); @media (max-width: 1199px) { font-size: 0.9375rem; line-height: 1.375rem; }
}
.stimmen__card:nth-child(4n+2) .stimmen__quote {
  color: var(--dao-weiss-85);
}
.stimmen__stars {
  display: block; flex-shrink: 0; width: 6rem; height: 0.875rem; color: var(--dao-navy);
}
.stimmen__card:nth-child(4n+2) .stimmen__stars {
  color: var(--dao-weiss);
}
.stimmen__author {
  display: flex; align-items: center; gap: 0.5rem; padding: 0.9375rem 0.5rem; @media (max-width: 1199px) { gap: 0.4375rem; padding: 0.75rem 0.5rem 0.625rem; }
}
.stimmen__avatar {
  flex-shrink: 0; width: 2.5rem; height: 2.5rem; border-radius: 100%; background: #c9c8c5; object-fit: cover; @media (max-width: 1199px) { width: 1.875rem; height: 1.875rem; }
}
.stimmen__person {
  display: flex; flex: 1 1 0; flex-direction: column; gap: 0.25rem; min-width: 0; @media (max-width: 1199px) { gap: 0.0625rem; }
}
.stimmen__name {
  margin: 0; font-family: var(--dao-font); font-size: 1rem; font-weight: 500; line-height: 1.25rem; letter-spacing: -0.02em; color: var(--dao-navy); @media (max-width: 1199px) { font-size: 0.875rem; line-height: 1.125rem; }
}
.stimmen__role {
  margin: 0; font-family: var(--dao-font-mono); font-size: 0.75rem; line-height: 0.875rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--dao-fliesstext); @media (max-width: 1199px) { font-size: 0.6875rem; }
}
.stimmen__footer {
  display: none; @media (max-width: 1199px) { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: -0.5rem; padding-inline: 3rem; } @media (max-width: 767px) { padding-inline: 1.25rem; }
}
.stimmen__dots {
  display: flex; align-items: center; gap: 0.375rem;
}
.stimmen__dot {
  position: relative; flex-shrink: 0; width: 0.375rem; height: 0.25rem; margin: 0; padding: 0; border: 0; border-radius: 0.25rem; background: var(--dao-badge-rand); cursor: pointer; transition: width 0.2s ease, background-color 0.2s ease; &::before { content: ""; position: absolute; inset: -0.875rem -0.3125rem; } &:hover { background: var(--dao-blau); } &:focus-visible { outline: 2px solid var(--dao-blau); outline-offset: 4px; }
}
.stimmen__dot--active {
  width: 1.125rem; background: var(--dao-navy); &:hover { background: var(--dao-navy); }
}
.stimmen__count {
  margin: 0; font-family: var(--dao-font-mono); font-size: 0.6875rem; font-weight: 500; line-height: 0.875rem; letter-spacing: 0.04em; color: var(--dao-fliesstext);
}
.laufschrift {
  --dao-wave-height: 4.75rem; position: relative; isolation: isolate; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; height: 42.875rem; margin: 0 0 calc(var(--dao-wave-height) * -1); padding: 0 0 var(--dao-wave-height); overflow: hidden; background: none; &::before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: -1; height: 75%; background: url("../assets/hero-muster-kachel.svg") 0 0 / 2.03125rem 0.8675rem repeat; -webkit-mask-image: linear-gradient(0deg, #000 0%, rgb(0 0 0 / 0.7) 35%, transparent 100%); mask-image: linear-gradient(0deg, #000 0%, rgb(0 0 0 / 0.7) 35%, transparent 100%); pointer-events: none; } &::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: -1; height: 75%; background: url("../assets/hero-muster-kachel.svg") 0 0 / 2.03125rem 0.8675rem repeat; -webkit-mask-image: linear-gradient(0deg, #000 0%, rgb(0 0 0 / 0.7) 35%, transparent 100%); mask-image: linear-gradient(0deg, #000 0%, rgb(0 0 0 / 0.7) 35%, transparent 100%); pointer-events: none; } @media (max-width: 1199px) { --dao-wave-height: 3.75rem; height: 26.25rem; } @media (max-width: 767px) { --dao-wave-height: 2.375rem; height: 17.5rem; }
}
.laufschrift__track {
  display: flex; flex-shrink: 0; margin: 0; padding: 0; animation: dao-ticker-laufen 60s linear infinite; @media (prefers-reduced-motion: reduce) { animation: none; }
}
.laufschrift__text {
  flex-shrink: 0; padding-right: 0.45em; font-family: var(--dao-font); font-size: 16.25rem; font-weight: 500; line-height: 17.875rem; letter-spacing: -0.06em; white-space: nowrap; color: var(--dao-navy); @media (max-width: 1199px) { font-size: 10rem; line-height: 10.25rem; } @media (max-width: 767px) { font-size: 6.5rem; line-height: 6.75rem; }
}
.back-top {
  position: fixed; left: 1.875rem; bottom: 1.875rem; z-index: 20; display: flex; align-items: center; justify-content: center; gap: 0.625rem; min-height: 3rem; margin: 0; padding: 0 1.125rem; border: 1px solid var(--dao-linie-stark); border-radius: 0.375rem; background: var(--dao-weiss); color: var(--dao-navy); font-family: var(--dao-font-mono); font-size: 0.8125rem; font-weight: 500; line-height: 1rem; letter-spacing: 0.02em; text-transform: uppercase; cursor: pointer; box-shadow: 0 0.625rem 1.5rem -0.625rem var(--dao-navy-35); opacity: 0; visibility: hidden; transform: translateY(calc(var(--lift, 0px) * -1 + 0.75rem)); transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s linear 0.25s; &.is-visible { opacity: 1; visibility: visible; transform: translateY(calc(var(--lift, 0px) * -1)); transition-delay: 0s; } &:focus-visible { outline: 2px solid var(--dao-blau); outline-offset: 0.1875rem; } @media (prefers-reduced-motion: reduce) { transition: none; } @media (max-width: 1199px) { left: 1.25rem; bottom: 1.25rem; } @media (max-width: 767px) { left: 1rem; bottom: 1rem; width: 2.75rem; height: 2.75rem; min-height: 0; padding: 0; border-radius: 100%; }
}
.back-top__icon {
  flex-shrink: 0; width: 0.875rem; height: 0.875rem;
}
.back-top__text {
  @media (max-width: 767px) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}
.termin {
  display:block;width:100%;
}
.termin__karte {
  display:flex;flex-direction:column;gap:1.5rem;width:100%;padding:1.5rem;border:1px solid var(--dao-linie);border-radius:0.375rem;background:var(--dao-weiss); @media (max-width: 767px) { padding:1.25rem;gap:1.25rem; }
}
.termin--kompakt .termin__karte {
  gap:1rem;padding:0;border:0;border-radius:0;background:none; @media (max-width: 767px) { padding:0; }
}
.termin__laedt {
  margin:0;padding:2.5rem 0;text-align:center;font-family:var(--dao-font);font-size:0.875rem;line-height:1.25rem;font-weight:400;color:var(--dao-fliesstext);
}
.termin__schritte-wrap {
  width:100%;
}
.termin__schritte {
  display:flex;align-items:center;gap:0.75rem;width:100%; @media (max-width: 767px) { display:none; }
}
.termin__schritt {
  display:flex;align-items:center;gap:0.5rem;font-family:var(--dao-font-mono);font-size:0.6875rem;line-height:0.875rem;font-weight:500;letter-spacing:0.02em;text-transform:uppercase;color:var(--dao-fliesstext);
}
.termin__schritt--aktiv {
  color:var(--dao-navy);
}
.termin__schritt-nr {
  display:flex;flex-shrink:0;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;border-radius:6.25rem;background:var(--dao-kartengrund);font-family:var(--dao-font-mono);font-size:0.6875rem;line-height:0.875rem;font-weight:500;
}
.termin__schritt--aktiv .termin__schritt-nr {
  background:var(--dao-navy);color:var(--dao-weiss);
}
.termin__schritt--fertig .termin__schritt-nr {
  background:var(--dao-blau-hell);color:var(--dao-navy);
}
.termin__linie {
  flex:1 1 0;height:1px;background:var(--dao-linie-stark);
}
.termin__schritt-mobil {
  display:none; @media (max-width: 767px) { display:flex;flex-direction:column;gap:0.625rem; }
}
.termin__schritt-mobil-text {
  margin:0;font-family:var(--dao-font-mono);font-size:0.6875rem;line-height:0.875rem;font-weight:500;letter-spacing:0.04em;color:var(--dao-navy);
}
.termin__schritt-balken {
  display:flex;gap:0.375rem;
}
.termin__schritt-balken-teil {
  flex:1 1 0;height:0.25rem;border-radius:0.25rem;background:var(--dao-badge-rand);
}
.termin__schritt-balken-teil--an {
  background:var(--dao-navy);
}
.termin__kopf {
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
}
.termin__titel {
  margin:0;font-family:var(--dao-font);font-size:1.375rem;line-height:1.625rem;font-weight:500;letter-spacing:-0.03em;color:var(--dao-navy); @media (max-width: 767px) { font-family:var(--dao-font);font-size:1.25rem;line-height:1.5rem;font-weight:500;letter-spacing:-0.03em; }
}
.termin__pfeile {
  display:flex;gap:0.5rem;
}
.termin__pfeil {
  display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin:0;padding:0;border:0;border-radius:6.25rem;background:var(--dao-badge-grund);color:var(--dao-navy);cursor:pointer;transition:background-color 0.15s ease;
}
.termin__pfeil:hover:not(:disabled) {
  background:var(--dao-blau-hell);
}
.termin__pfeil:disabled {
  opacity:0.5;cursor:default;
}
.termin__pfeil:focus-visible {
  outline:0.125rem solid var(--dao-blau);outline-offset:0.1875rem;
}
.termin__pfeil svg {
  width:0.75rem;height:0.75rem;
}
.termin--kompakt .termin__pfeil {
  width:1.75rem;height:1.75rem;
}
.termin__koerper {
  display:flex;align-items:flex-start;gap:2rem;width:100%; @media (max-width: 767px) { flex-direction:column;gap:1.25rem; }
}
.termin__kalender {
  flex:0 0 20.75rem; @media (max-width: 767px) { flex:none;width:100%; }
}
.termin__wochentage {
  display:flex;gap:0.25rem;margin-bottom:0.375rem; @media (max-width: 767px) { justify-content:center; }
}
.termin__wt {
  flex-shrink:0;width:2.75rem;text-align:center;font-family:var(--dao-font-mono);font-size:0.6875rem;line-height:0.875rem;font-weight:500;letter-spacing:0.02em;color:var(--dao-fliesstext); @media (max-width: 767px) { width:2.25rem;font-size:0.625rem; }
}
.termin__raster {
  display:flex;flex-wrap:wrap;gap:0.375rem 0.25rem;width:20.75rem; @media (max-width: 767px) { width:100%;max-width:17.75rem;margin-inline:auto; }
}
.termin__tag {
  width:2.75rem;height:2.5rem;margin:0;padding:0;border:0;border-radius:0.25rem;background:transparent;font-family:var(--dao-font);font-size:0.875rem;line-height:1.125rem;font-weight:400;color:var(--dao-text-platzhalter); @media (max-width: 767px) { width:2.25rem;height:2.375rem; }
}
.termin__tag--fremd {
  opacity:0.5;
}
.termin__tag--heute {
  border:1px solid var(--dao-badge-rand);
}
.termin__tag--frei {
  background:var(--dao-kartengrund);color:var(--dao-navy);font-weight:500;cursor:pointer;transition:background-color 0.15s ease;
}
.termin__tag--frei:hover {
  background:var(--dao-blau-hell);
}
.termin__tag--gewaehlt {
  background:var(--dao-navy);color:var(--dao-weiss);
}
.termin__tag--gewaehlt:hover {
  background:var(--dao-navy);
}
.termin__tag:focus-visible {
  outline:0.125rem solid var(--dao-blau);outline-offset:0.1875rem;
}
.termin__tag:disabled {
  cursor:default;
}
.termin__zeiten {
  display:flex;flex:1 1 0;flex-direction:column;gap:0.75rem;min-width:0; @media (max-width: 767px) { flex:none;width:100%;padding-top:1rem;border-top:1px solid var(--dao-linie); }
}
.termin--kompakt .termin__zeiten {
  padding-top:0;border-top:0;
}
.termin__zeiten-kopf {
  display:flex;flex-direction:column;gap:0.25rem;
}
.termin--kompakt .termin__zeiten-kopf {
  display:none;
}
.termin__zeiten-titel {
  margin:0;font-family:var(--dao-font);font-size:1rem;line-height:1.25rem;font-weight:500;letter-spacing:-0.02em;color:var(--dao-navy);
}
.termin__zeiten-meta {
  margin:0;font-family:var(--dao-font-mono);font-size:0.6875rem;line-height:0.875rem;font-weight:500;letter-spacing:0.02em;text-transform:uppercase;color:var(--dao-fliesstext);
}
.termin__zeiten-hinweis {
  margin:0;font-family:var(--dao-font);font-size:0.875rem;line-height:1.25rem;font-weight:400;color:var(--dao-fliesstext);
}
.termin__zeiten-liste {
  display:flex;flex-direction:column;gap:0.5rem; @media (max-width: 767px) { flex-direction:row;flex-wrap:wrap; }
}
.termin--kompakt .termin__zeiten-liste {
  flex-direction:row;flex-wrap:wrap;
}
.termin__zeit {
  display:flex;align-items:center;justify-content:center;gap:0.5rem;height:2.5rem;margin:0;padding:0;border:1px solid var(--dao-badge-rand);border-radius:0.25rem;background:transparent;font-family:var(--dao-font-mono);font-size:0.8125rem;line-height:1rem;font-weight:500;letter-spacing:0.02em;color:var(--dao-navy);cursor:pointer;transition:background-color 0.15s ease; @media (max-width: 767px) { flex:0 0 calc((100% - 1rem) / 3); }
}
.termin--kompakt .termin__zeit {
  flex:0 0 calc((100% - 1rem) / 3);
}
.termin__zeit:hover:not(:disabled) {
  background:var(--dao-badge-grund);
}
.termin__zeit svg {
  width:0.75rem;height:0.75rem;
}
.termin__zeit--gewaehlt {
  border-color:var(--dao-navy);background:var(--dao-navy);color:var(--dao-weiss);
}
.termin__zeit--gewaehlt:hover:not(:disabled) {
  background:var(--dao-navy);
}
.termin__zeit--weg {
  border-style:dashed;color:var(--dao-text-platzhalter);text-decoration:line-through;cursor:default;
}
.termin__zeit:focus-visible {
  outline:0.125rem solid var(--dao-blau);outline-offset:0.1875rem;
}
.termin__fuss {
  display:flex;flex-direction:column;gap:1rem;padding-top:1.25rem;border-top:1px solid var(--dao-linie);
}
.termin__fuss-zeile {
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0.5rem 1rem;width:100%;
}
.termin__zone {
  display:flex;align-items:center;gap:0.5rem;margin:0;font-family:var(--dao-font);font-size:0.875rem;line-height:1.25rem;font-weight:400;color:var(--dao-fliesstext); @media (max-width: 767px) { font-size:0.8125rem;line-height:1.125rem; }
}
.termin__zone svg {
  flex-shrink:0;width:0.875rem;height:0.875rem;
}
.termin__auswahl {
  margin:0;font-family:var(--dao-font);font-size:0.875rem;line-height:1.25rem;font-weight:400;color:var(--dao-fliesstext); @media (max-width: 767px) { display:none; }
}
.termin__button {
  display:flex;align-items:center;justify-content:center;gap:0.625rem;width:100%;min-height:3rem;margin:0;padding:0.9375rem;border:0;border-radius:0.375rem;background:var(--dao-hellblau);box-shadow:var(--dao-schatten-blau);font-family:var(--dao-font-mono);font-size:0.8125rem;line-height:1rem;font-weight:500;letter-spacing:0.02em;text-align:center;text-transform:uppercase;text-decoration:none;color:var(--dao-navy);cursor:pointer;transition:transform 0.15s ease;
}
.termin__button:hover:not(:disabled) {
  transform:translateY(-0.0625rem);
}
.termin__button:disabled {
  opacity:0.55;box-shadow:none;cursor:not-allowed;
}
.termin__button:focus-visible {
  outline:0.125rem solid var(--dao-blau);outline-offset:0.1875rem;
}
.termin__button svg {
  flex-shrink:0;width:0.875rem;height:0.875rem;
}
.termin__button--dunkel {
  background:var(--dao-navy);box-shadow:none;color:var(--dao-weiss);
}
.termin__woche {
  display:flex;flex-direction:column;gap:0.875rem;
}
.termin__woche-kopf {
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
}
.termin__woche-titel {
  margin:0;font-family:var(--dao-font-mono);font-size:0.6875rem;line-height:0.875rem;font-weight:500;letter-spacing:0.04em;color:var(--dao-fliesstext);
}
.termin__wochentage-band {
  display:flex;gap:0.5rem;
}
.termin__wtag {
  display:flex;flex:1 1 0;flex-direction:column;align-items:center;gap:0.25rem;min-width:0;margin:0;padding:0.625rem 0;border:0;border-radius:0.375rem;background:transparent;cursor:default;transition:background-color 0.15s ease;
}
.termin__wtag-name {
  font-family:var(--dao-font-mono);font-size:0.6875rem;line-height:0.875rem;font-weight:500;letter-spacing:0.02em;color:var(--dao-text-platzhalter);
}
.termin__wtag-zahl {
  font-family:var(--dao-font);font-size:1.25rem;line-height:1.5rem;font-weight:500;letter-spacing:-0.02em;color:var(--dao-text-platzhalter);
}
.termin__wtag--frei {
  background:var(--dao-kartengrund);cursor:pointer;
}
.termin__wtag--frei:hover {
  background:var(--dao-blau-hell);
}
.termin__wtag--frei .termin__wtag-name {
  color:var(--dao-fliesstext);
}
.termin__wtag--frei .termin__wtag-zahl {
  color:var(--dao-navy);
}
.termin__wtag--gewaehlt {
  background:var(--dao-navy);
}
.termin__wtag--gewaehlt:hover {
  background:var(--dao-navy);
}
.termin__wtag--gewaehlt .termin__wtag-name {
  color:var(--dao-weiss-70);
}
.termin__wtag--gewaehlt .termin__wtag-zahl {
  color:var(--dao-weiss);
}
.termin__wtag:focus-visible {
  outline:0.125rem solid var(--dao-blau);outline-offset:0.1875rem;
}
.termin__alle {
  display:inline-flex;align-items:center;gap:0.375rem;font-family:var(--dao-font-mono);font-size:0.75rem;line-height:0.875rem;font-weight:500;letter-spacing:0.02em;text-transform:uppercase;text-decoration:underline;color:var(--dao-blau);
}
.termin__alle svg {
  width:0.75rem;height:0.75rem;
}
.termin__zusammenfassung {
  display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.75rem 1rem;border-radius:0.375rem;background:var(--dao-badge-grund);
}
.termin__zusammenfassung-text {
  display:flex;flex-direction:column;gap:0.125rem;margin:0;font-family:var(--dao-font);font-size:0.9375rem;line-height:1.25rem;font-weight:400;letter-spacing:-0.01em;color:var(--dao-navy);
}
.termin__zusammenfassung-text strong {
  font-weight:500;
}
.termin__zusammenfassung-meta {
  font-family:var(--dao-font-mono);font-size:0.6875rem;line-height:0.875rem;font-weight:500;letter-spacing:0.02em;color:var(--dao-fliesstext);
}
.termin__link {
  margin:0;padding:0;border:0;background:none;font-family:var(--dao-font-mono);font-size:0.75rem;line-height:0.875rem;font-weight:500;letter-spacing:0.02em;text-decoration:underline;color:var(--dao-blau);cursor:pointer;
}
.termin__formular {
  display:flex;flex-direction:column;gap:1rem;width:100%;
}
.termin__reihe {
  display:flex;gap:1rem; @media (max-width: 767px) { flex-direction:column; }
}
.termin__feld {
  display:flex;flex:1 1 0;flex-direction:column;gap:0.5rem;min-width:0;
}
.termin__label {
  font-family:var(--dao-font);font-size:0.875rem;line-height:1.125rem;font-weight:500;color:var(--dao-navy);
}
.termin__input {
  width:100%;margin:0;padding:0.75rem;border:1px solid transparent;border-radius:0.25rem;background:var(--dao-kartengrund);font-family:var(--dao-font);font-size:0.875rem;line-height:1.25rem;font-weight:400;color:var(--dao-navy);box-shadow:none;
}
.termin__input::placeholder {
  color:var(--dao-text-platzhalter);
}
.termin__input:focus-visible {
  outline:0.125rem solid var(--dao-blau);outline-offset:1px;
}
textarea.termin__input {
  min-height:5.25rem;resize:vertical;
}
.termin__check {
  position:relative;display:flex;align-items:flex-start;gap:0.75rem;cursor:pointer;
}
.termin__check input {
  position:absolute;width:1px;height:1px;opacity:0;
}
.termin__check-marke {
  position:relative;flex:0 0 1.125rem;width:1.125rem;height:1.125rem;margin-top:1px;border:1px solid var(--dao-badge-rand);border-radius:0.25rem;background:var(--dao-weiss);
}
.termin__check input:checked + .termin__check-marke {
  border-color:var(--dao-navy);background:var(--dao-navy);
}
.termin__check input:checked + .termin__check-marke::after {
  content:"";position:absolute;top:0.1875rem;left:0.375rem;width:0.25rem;height:0.5rem;border:solid var(--dao-weiss);border-width:0 0.125rem 0.125rem 0;transform:rotate(45deg);
}
.termin__check input:focus-visible + .termin__check-marke {
  outline:0.125rem solid var(--dao-blau);outline-offset:0.1875rem;
}
.termin__check-text {
  font-family:var(--dao-font);font-size:0.875rem;line-height:1.25rem;font-weight:400;color:var(--dao-fliesstext);
}
.termin__check-text a {
  color:var(--dao-navy);text-decoration:underline;
}
.termin__meldung {
  padding:0.875rem 1rem;border:1px solid #ebc3cb;border-radius:0.375rem;background:#fbeff1;
}
.termin__meldung-text {
  margin:0;font-family:var(--dao-font);font-size:0.875rem;line-height:1.25rem;font-weight:400;color:var(--dao-navy);
}
.termin__hinweis {
  margin:0;text-align:center;font-family:var(--dao-font);font-size:0.8125rem;line-height:1.125rem;font-weight:400;color:var(--dao-fliesstext);
}
.termin__fertig {
  display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:1.5rem 0 0.5rem;text-align:center;
}
.termin__fertig-icon {
  display:flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;border:0.25rem solid var(--dao-weiss);border-radius:6.25rem;background:var(--dao-hellblau);box-shadow:var(--dao-schatten-blau);color:var(--dao-navy);
}
.termin__fertig-icon svg {
  width:1.875rem;height:1.875rem;
}
.termin__fertig-titel {
  margin:0;font-family:var(--dao-font);font-size:2rem;line-height:2.25rem;font-weight:500;letter-spacing:-0.04em;color:var(--dao-navy);outline:none; @media (max-width: 767px) { font-family:var(--dao-font);font-size:1.625rem;line-height:1.875rem;font-weight:500;letter-spacing:-0.04em; }
}
.termin__fertig-text {
  max-width:26.25rem;margin:0;font-family:var(--dao-font);font-size:0.9375rem;line-height:1.375rem;font-weight:400;color:var(--dao-fliesstext);
}
.termin__fertig-liste {
  display:flex;flex-direction:column;gap:0.875rem;width:100%;margin:0;padding:1.25rem;border-radius:0.375rem;background:var(--dao-kartengrund);text-align:left;
}
.termin__fertig-zeile {
  display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:0.875rem;border-bottom:1px solid var(--dao-linie-stark);
}
.termin__fertig-zeile:last-child {
  padding-bottom:0;border-bottom:0;
}
.termin__fertig-zeile dt {
  font-family:var(--dao-font-mono);font-size:0.6875rem;line-height:0.875rem;font-weight:500;letter-spacing:0.02em;color:var(--dao-fliesstext);
}
.termin__fertig-zeile dd {
  margin:0;text-align:right;font-family:var(--dao-font);font-size:0.9375rem;line-height:1.25rem;font-weight:500;color:var(--dao-navy);
}
.termin__fertig-aktionen {
  display:flex;flex-wrap:wrap;gap:0.75rem;width:100%;
}
.termin__fertig-hinweis {
  margin:0;font-family:var(--dao-font);font-size:0.875rem;line-height:1.25rem;font-weight:400;color:var(--dao-fliesstext);
}
.termin__leer {
  display:flex;flex-direction:column;align-items:center;gap:1.125rem;padding:1.25rem 0 0.5rem;text-align:center;
}
.termin__leer-titel {
  margin:0;font-family:var(--dao-font);font-size:1.5rem;line-height:1.75rem;font-weight:500;letter-spacing:-0.03em;color:var(--dao-navy);
}
.termin__leer-text {
  max-width:27.5rem;margin:0;font-family:var(--dao-font);font-size:0.9375rem;line-height:1.375rem;font-weight:400;color:var(--dao-fliesstext);
}
.termin__leer-tel {
  margin:0;font-family:var(--dao-font);font-size:0.875rem;line-height:1.25rem;font-weight:400;color:var(--dao-fliesstext);
}
.termin__leer-tel a {
  color:var(--dao-navy);text-decoration:underline;
}
.termin-hero-karte {
  flex:0 1 40rem;min-width:0; @media (max-width: 1199px) { flex:none;width:100%; }
}
.termin-hero-fakten {
  display:flex;flex-direction:column;gap:0.875rem;margin:0;padding:0.75rem 0 0;list-style:none;
}
.termin-hero-fakt {
  display:flex;align-items:center;gap:0.75rem;margin:0;font-family:var(--dao-font);font-size:1rem;line-height:1.375rem;font-weight:500;letter-spacing:-0.01em;color:var(--dao-navy);
}
.termin-hero-fakt-icon {
  display:flex;flex-shrink:0;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:6.25rem;background:var(--dao-blau-hell);color:var(--dao-navy);
}
.termin-hero-fakt-icon svg {
  width:0.875rem;height:0.875rem;
}
.termin__fertig-kalender {
  margin:0 0 -0.5rem;font-family:var(--dao-font-mono);font-size:0.6875rem;line-height:0.875rem;font-weight:500;letter-spacing:0.02em;text-transform:uppercase;color:var(--dao-fliesstext);
}
.termin__fertig-aktionen .termin__button {
  flex:1 1 8.125rem;width:auto;padding-left:0.5rem;padding-right:0.5rem;
}
.termin__schritt--zurueck {
  margin:0;padding:0;border:0;background:none;color:var(--dao-navy);cursor:pointer;
}
.termin__schritt--zurueck:hover .termin__schritt-text {
  text-decoration:underline;
}
.termin__schritt--zurueck:focus-visible {
  outline:0.125rem solid var(--dao-blau);outline-offset:0.1875rem;
}