.startseite-optimized-v1 {
  --muted: #4f5962;
  --quiet: #667078;
}

.startseite-optimized-v1 .home-editorial-kicker,
.startseite-optimized-v1 .section-kicker {
  font-size: 12px;
  letter-spacing: 0.1em;
}

.startseite-optimized-v1 .home-editorial-hero-bottom .home-editorial-hero-inner {
  padding: 56px 0 78px;
}

.startseite-optimized-v1 .home-editorial-hero-bottom .home-editorial-kicker {
  margin-bottom: 21px;
}

.startseite-optimized-v1 .home-editorial-hero-bottom h1 {
  font-size: clamp(54px, 5.8vw, 76px);
  line-height: 0.98;
}

.startseite-optimized-v1 .home-editorial-hero-bottom h1 em {
  max-width: none;
  font-size: 0.82em;
  line-height: 1.04;
}

.startseite-optimized-v1 .home-editorial-hero-bottom .home-editorial-decoder {
  color: #263238;
  font-size: 16.5px;
  line-height: 1.5;
}

.startseite-optimized-v1 .home-editorial-hero-bottom .home-editorial-lede {
  margin-top: 14px;
  color: #465159;
  font-size: 16px;
  line-height: 1.58;
}

.startseite-optimized-v1 .home-editorial-actions {
  margin-top: 22px;
}

.startseite-optimized-v1 .home-editorial-trust,
.startseite-optimized-v1 .home-editorial-human-note {
  color: #4d5961;
  font-size: 13.5px;
}

.startseite-optimized-v1 .home-editorial-hero-bottom .home-editorial-index {
  margin-top: 42px;
  padding-top: 19px;
}

.startseite-optimized-v1 .home-editorial-hero-bottom .home-editorial-routes {
  margin-top: 11px;
}

.startseite-optimized-v1 .home-editorial-index-head span {
  color: #46545a;
  font-size: 12px;
  letter-spacing: 0.065em;
}

.startseite-optimized-v1 .home-editorial-route-verb {
  font-size: 11px;
  letter-spacing: 0.1em;
}

.startseite-optimized-v1 .home-editorial-route-copy p {
  color: #46525a;
  font-size: 14px;
  line-height: 1.5;
}

.startseite-optimized-v1 .home-editorial-bridge {
  bottom: 22px;
  color: #4d5961;
  font-size: 13px;
}

.startseite-optimized-v1 #wiedererkennen {
  padding-block: 80px;
}

.startseite-optimized-v1 #wiedererkennen .section-intro {
  color: #46545a;
}

.startseite-optimized-v1 #wiedererkennen .recognition-grid {
  gap: 0;
  margin-top: 34px;
  border-top: 1px solid rgba(20, 79, 76, 0.16);
  border-bottom: 1px solid rgba(20, 79, 76, 0.16);
}

.startseite-optimized-v1 #wiedererkennen .recognition-card,
.startseite-optimized-v1 #wiedererkennen .recognition-card:nth-child(n) {
  min-height: 0;
  padding: 23px 26px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.startseite-optimized-v1 #wiedererkennen .recognition-card::before {
  display: none;
}

.startseite-optimized-v1 #wiedererkennen .recognition-card:nth-child(-n + 3) {
  border-bottom: 1px solid rgba(20, 79, 76, 0.13);
}

.startseite-optimized-v1 #wiedererkennen .recognition-card:not(:nth-child(3n + 1)) {
  border-left: 1px solid rgba(20, 79, 76, 0.13);
}

.startseite-optimized-v1 #wiedererkennen .recognition-card-header {
  gap: 12px;
  margin-bottom: 10px;
}

.startseite-optimized-v1 #wiedererkennen .recognition-card-header .recognition-icon,
.startseite-optimized-v1 #wiedererkennen .recognition-card:nth-child(n) .recognition-icon {
  flex-basis: 40px;
  width: 40px;
  height: 40px;
  border-radius: 11px;
}

.startseite-optimized-v1 #wiedererkennen .recognition-card-header h3 {
  font-size: 19px;
  line-height: 1.2;
}

.startseite-optimized-v1 #wiedererkennen .recognition-card > p {
  color: #46545a;
  font-size: 15px;
  line-height: 1.5;
}

.startseite-optimized-v1 #wiedererkennen .recognition-closing-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 100%;
  max-width: 760px;
  margin: 30px auto 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #344e4b;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.5;
  text-align: center;
}

.startseite-optimized-v1 #wiedererkennen .recognition-closing-note::before,
.startseite-optimized-v1 #wiedererkennen .recognition-closing-note::after {
  content: "";
  flex: 0 1 72px;
  width: 72px;
  height: 1px;
  background: rgba(20, 79, 76, 0.24);
}

.startseite-optimized-v1 #einstiege {
  padding-block: 70px;
}

.startseite-optimized-v1 #einstiege .section-intro {
  max-width: 760px;
  color: #4b565e;
}

.startseite-optimized-v1 .entry-comparison-band {
  margin-top: 28px;
}

.startseite-optimized-v1 .entry-comparison-card,
.startseite-optimized-v1 .entry-comparison-card + .entry-comparison-card {
  min-height: 318px;
  gap: 14px;
  padding: 25px;
}

.startseite-optimized-v1 .entry-comparison-label {
  font-size: 12px;
  letter-spacing: 0.02em;
}

.startseite-optimized-v1 .entry-comparison-card p {
  color: #4b565e;
  font-size: 16px;
  line-height: 1.52;
}

.startseite-optimized-v1 .entry-comparison-card .entry-result {
  color: #293238;
  font-size: 15px;
}

.startseite-optimized-v1 .entry-comparison-card {
  --entry-accent: var(--understand);
  --entry-dark: var(--understand-dark);
}

.startseite-optimized-v1 .entry-comparison-card.is-reset {
  --entry-accent: var(--reset);
  --entry-dark: var(--reset-dark);
}

.startseite-optimized-v1 .entry-comparison-card.is-flow {
  --entry-accent: var(--flow);
  --entry-dark: var(--flow-dark);
}

.startseite-optimized-v1 .entry-comparison-card .button,
.startseite-optimized-v1 .entry-comparison-card.is-reset .button,
.startseite-optimized-v1 .entry-comparison-card.is-flow .button {
  min-width: 0;
  min-height: 46px;
  border: 1px solid color-mix(in srgb, var(--entry-accent) 58%, white);
  background: transparent;
  box-shadow: none;
  color: var(--entry-dark);
}

.startseite-optimized-v1 .entry-comparison-card .button:hover,
.startseite-optimized-v1 .entry-comparison-card.is-reset .button:hover,
.startseite-optimized-v1 .entry-comparison-card.is-flow .button:hover {
  background: color-mix(in srgb, var(--entry-accent) 10%, white);
  box-shadow: none;
  color: var(--entry-dark);
}

.startseite-optimized-v1 .entry-note {
  margin-top: 20px;
  color: #4b565e;
}

.startseite-optimized-v1 .home-price-frame {
  margin-top: 24px;
  padding: 16px 22px;
}

.startseite-optimized-v1 .home-price-frame-label {
  font-size: 11px;
  letter-spacing: 0.09em;
}

.startseite-optimized-v1 .home-price-frame span:not(.home-price-frame-label) {
  color: #4f5962;
  font-size: 15px;
}

.startseite-optimized-v1 #ablauf {
  padding-block: 72px;
  border-top: 0;
  background:
    radial-gradient(circle at 84% 16%, rgba(130, 188, 177, 0.18), transparent 30%),
    linear-gradient(125deg, #103c3e 0%, #153f42 54%, #18363d 100%);
  color: #f8faf8;
}

.startseite-optimized-v1 #ablauf .process-optimized-layout {
  grid-template-columns: minmax(0, 0.76fr) minmax(0, 1.24fr);
  gap: clamp(42px, 5vw, 64px);
}

.startseite-optimized-v1 #ablauf .section-kicker {
  color: #a8d1c9;
}

.startseite-optimized-v1 #ablauf .section-title {
  color: #ffffff;
}

.startseite-optimized-v1 #ablauf .section-title .editorial-accent {
  color: #b8ddd6;
}

.startseite-optimized-v1 #ablauf .section-intro {
  color: rgba(244, 249, 247, 0.78);
}

.startseite-optimized-v1 #ablauf .roof-framework {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  padding: 0 0 0 30px;
}

.startseite-optimized-v1 #ablauf .roof-framework::before {
  top: 24px;
  right: auto;
  bottom: 24px;
  left: 6px;
  width: 2px;
  height: auto;
  background: linear-gradient(180deg, #8ec2b7, rgba(142, 194, 183, 0.22));
}

.startseite-optimized-v1 #ablauf .roof-framework-item,
.startseite-optimized-v1 #ablauf .roof-framework-item:nth-child(n) {
  min-height: 0;
  padding: 18px 0 18px 24px;
  border: 0;
  border-bottom: 1px solid rgba(224, 239, 235, 0.16);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.startseite-optimized-v1 #ablauf .roof-framework-item:last-child {
  border-bottom: 0;
}

.startseite-optimized-v1 #ablauf .roof-framework-item::before {
  top: 27px;
  left: -29px;
  width: 12px;
  height: 12px;
  background: #a8d1c9;
  box-shadow: 0 0 0 5px #153f42;
  transform: none;
}

.startseite-optimized-v1 #ablauf .roof-framework-item span {
  color: #a8d1c9;
  font-size: 11.5px;
  letter-spacing: 0.09em;
}

.startseite-optimized-v1 #ablauf .roof-framework-item strong {
  color: #ffffff;
  font-size: 19px;
}

.startseite-optimized-v1 #ablauf .roof-framework-item p {
  color: rgba(244, 249, 247, 0.75);
  font-size: 15px;
  line-height: 1.5;
}

.startseite-optimized-v1 #ablauf .process-trust-note {
  display: flex;
  align-items: center;
  gap: 12px;
  width: auto;
  margin: 20px 0 0 54px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #d5e9e5;
  font-size: 13px;
  font-weight: 650;
  letter-spacing: 0.01em;
  line-height: 1.45;
  text-align: left;
}

.startseite-optimized-v1 #ablauf .process-trust-note::before {
  width: 32px;
  height: 1px;
  flex: 0 0 32px;
  background: rgba(184, 221, 214, 0.5);
  content: "";
}

.startseite-optimized-v1 #ressourcen {
  padding-block: 72px;
}

.startseite-optimized-v1 #ressourcen .section-intro {
  color: #4b565e;
}

.startseite-optimized-v1 #ressourcen .resource-grid {
  margin-top: 32px;
}

.startseite-optimized-v1 #ressourcen .resource-card {
  min-height: 420px;
}

.startseite-optimized-v1 #ressourcen .resource-image {
  aspect-ratio: 2 / 1;
}

.startseite-optimized-v1 #ressourcen .resource-content {
  min-height: 218px;
  gap: 12px;
  padding: 21px 23px 20px;
}

.startseite-optimized-v1 #ressourcen .resource-content p {
  color: #4b565e;
  line-height: 1.5;
}

.startseite-optimized-v1 #ressourcen .resource-meta {
  font-size: 11.5px;
}

.startseite-optimized-v1 .start-home-about {
  padding-block: 62px;
}

.startseite-optimized-v1 .start-home-about-portrait img {
  height: 288px;
}

.startseite-optimized-v1 .start-home-about-copy > p:not(.section-kicker) {
  color: #46545a;
  line-height: 1.58;
}

.startseite-optimized-v1 .start-home-about-principles {
  margin-top: 16px;
}

.startseite-optimized-v1 .start-home-about-proof {
  margin-top: 14px;
  color: #4d5c5a;
  font-size: 14px;
}

.startseite-optimized-v1 #kontakt {
  padding-block: 72px;
}

.startseite-optimized-v1 .contact-form-card .form-note,
.startseite-optimized-v1 .contact-form-card .form-help {
  color: #5d6870;
  font-size: 13.5px;
}

@media (min-width: 901px) {
  .startseite-optimized-v1 .home-editorial-hero-bottom .home-editorial-route,
  .startseite-optimized-v1 .home-editorial-hero-bottom .home-editorial-route + .home-editorial-route,
  .startseite-optimized-v1 .home-editorial-hero-bottom .home-editorial-route:last-child {
    min-height: 170px;
    padding-top: 18px;
    padding-bottom: 19px;
  }
}

@media (max-width: 900px) {
  .startseite-optimized-v1 #ablauf .process-optimized-layout {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
  .startseite-optimized-v1 .home-editorial-hero-bottom .home-editorial-hero-inner {
    padding: 44px 0 78px;
  }

  .startseite-optimized-v1 .home-editorial-hero-bottom h1 {
    font-size: clamp(40px, 10.5vw, 54px);
  }

  .startseite-optimized-v1 .home-editorial-hero-bottom h1 em {
    font-size: 0.88em;
  }

  .startseite-optimized-v1 #wiedererkennen,
  .startseite-optimized-v1 #einstiege,
  .startseite-optimized-v1 #ablauf,
  .startseite-optimized-v1 #ressourcen,
  .startseite-optimized-v1 #kontakt {
    padding-block: 56px;
  }

  .startseite-optimized-v1 #wiedererkennen .recognition-grid {
    grid-template-columns: minmax(0, 1fr);
    margin-top: 28px;
    border-bottom: 0;
  }

  .startseite-optimized-v1 #wiedererkennen .recognition-card,
  .startseite-optimized-v1 #wiedererkennen .recognition-card:nth-child(n) {
    padding: 22px 0;
    border: 0;
    border-bottom: 1px solid rgba(20, 79, 76, 0.13);
  }

  .startseite-optimized-v1 #wiedererkennen .recognition-closing-note {
    gap: 12px;
    width: 100%;
    font-size: 14.5px;
  }

  .startseite-optimized-v1 #wiedererkennen .recognition-closing-note::before,
  .startseite-optimized-v1 #wiedererkennen .recognition-closing-note::after {
    flex-basis: 34px;
    width: 34px;
  }

  .startseite-optimized-v1 .entry-comparison-card,
  .startseite-optimized-v1 .entry-comparison-card + .entry-comparison-card {
    min-height: 0;
    padding: 22px;
  }

  .startseite-optimized-v1 #ablauf .roof-framework {
    padding-left: 24px;
  }

  .startseite-optimized-v1 #ablauf .roof-framework-item,
  .startseite-optimized-v1 #ablauf .roof-framework-item:nth-child(n) {
    padding: 17px 0 17px 18px;
  }

  .startseite-optimized-v1 #ablauf .roof-framework-item::before {
    left: -23px;
  }

  .startseite-optimized-v1 #ablauf .process-trust-note {
    margin-left: 42px;
  }

  .startseite-optimized-v1 #ressourcen .resource-card,
  .startseite-optimized-v1 #ressourcen .resource-content {
    min-height: 0;
  }

  .startseite-optimized-v1 .start-home-about {
    padding-block: 54px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .startseite-optimized-v1 .entry-comparison-card .button {
    transition: none;
  }
}

/* Accepted start-page refinements, integrated 2026-08-27. */
.startseite-optimized-v1 #top.home-editorial-hero {
  background:
    radial-gradient(circle at 8% 8%, rgba(63, 112, 128, 0.18), transparent 35%),
    radial-gradient(circle at 52% 72%, rgba(79, 113, 95, 0.09), transparent 38%),
    radial-gradient(circle at 91% 78%, rgba(109, 102, 126, 0.15), transparent 35%),
    linear-gradient(112deg, #edf5f6 0%, #f8f8f3 49%, #f1eef5 100%);
}

.startseite-optimized-v1 #top .home-editorial-route {
  isolation: isolate;
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--route-soft) 76%, transparent),
    transparent 88%
  );
}

.startseite-optimized-v1 #top .home-editorial-route::before {
  position: absolute;
  z-index: 0;
  inset: 0;
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--route-accent) 16%, transparent) 0%,
    color-mix(in srgb, var(--route-accent) 13%, transparent) 58%,
    color-mix(in srgb, var(--route-accent) 10%, transparent) 82%,
    color-mix(in srgb, var(--route-accent) 8%, transparent) 100%
  );
  content: "";
  opacity: 0;
  pointer-events: none;
  transition: opacity 180ms ease;
}

.startseite-optimized-v1 #top .home-editorial-route > * {
  position: relative;
  z-index: 1;
}

.startseite-optimized-v1 #top .home-editorial-route > .home-editorial-route-arrow {
  position: absolute;
}

.startseite-optimized-v1 #kontakt .contact-topic-option {
  --topic-accent: var(--understand);
  --topic-surface: #f7f5ef;
}

.startseite-optimized-v1 #kontakt .contact-topic-option:has(> input[value="fokus-reset"]) {
  --topic-accent: var(--reset);
}

.startseite-optimized-v1 #kontakt .contact-topic-option:has(> input[value="agentic-flow"]) {
  --topic-accent: #6d667e;
}

.startseite-optimized-v1 #kontakt .contact-topic-option:has(> input[value="unsicher"]) {
  --topic-accent: #8a6a45;
}

.startseite-optimized-v1 #kontakt .contact-topic-option > input {
  accent-color: var(--topic-accent);
}

.startseite-optimized-v1 #kontakt .contact-topic-option:has(> input:checked) {
  border-color: var(--topic-accent);
  background-color: color-mix(in srgb, var(--topic-accent) 13%, var(--topic-surface));
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--topic-accent) 24%, transparent),
    0 8px 18px color-mix(in srgb, var(--topic-accent) 12%, transparent);
}

.startseite-optimized-v1 #kontakt .contact-topic-option:has(> input:focus-visible) {
  border-color: var(--topic-accent);
  outline-color: color-mix(in srgb, var(--topic-accent) 38%, transparent);
}

.startseite-optimized-v1 #kontakt .contact-topic-option:has(> input:focus-visible):not(:has(> input:checked)) {
  background-color: color-mix(in srgb, var(--topic-accent) 8%, var(--topic-surface));
}

.startseite-optimized-v1 .home-quick-nav-wrap {
  border-bottom: 1px solid rgba(20, 79, 76, 0.12);
  background: #fbfaf6;
}

.startseite-optimized-v1 .home-quick-nav {
  display: flex;
  width: min(100% - 40px, 1200px);
  min-height: 58px;
  margin: 0 auto;
  align-items: center;
  gap: 10px 24px;
  color: #435158;
  font-size: 13px;
}

.startseite-optimized-v1 .home-quick-nav-label {
  color: #144f4c;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.startseite-optimized-v1 .home-quick-nav a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  color: #37464d;
  font-weight: 690;
  text-decoration-color: rgba(20, 79, 76, 0.28);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.22em;
}

.startseite-optimized-v1 .home-quick-nav a:hover {
  color: #144f4c;
  text-decoration-color: currentColor;
}

.startseite-optimized-v1 #wiedererkennen {
  background:
    radial-gradient(circle at 10% 14%, rgba(63, 112, 128, 0.095), transparent 32%),
    radial-gradient(circle at 88% 82%, rgba(91, 139, 116, 0.075), transparent 31%),
    linear-gradient(160deg, #fbfaf6 0%, #f5f8f5 55%, #f7f4ee 100%);
}

.startseite-optimized-v1 #wiedererkennen .recognition-grid {
  gap: 14px;
}

.startseite-optimized-v1 #wiedererkennen .recognition-card,
.startseite-optimized-v1 #wiedererkennen .recognition-card:nth-child(n) {
  border-color: rgba(20, 79, 76, 0.14);
  border-radius: 15px;
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.98) 0%,
    rgba(247, 249, 246, 0.94) 100%
  );
  box-shadow:
    0 15px 34px rgba(31, 36, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.startseite-optimized-v1 #wiedererkennen .recognition-card .recognition-icon,
.startseite-optimized-v1 #wiedererkennen .recognition-card:nth-child(n) .recognition-icon {
  position: relative;
  flex-basis: 44px;
  width: 44px;
  height: 44px;
  overflow: hidden;
  border: 1px solid rgba(20, 79, 76, 0.32);
  border-radius: 12px;
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.98) 0%,
    rgba(220, 236, 229, 0.94) 100%
  );
  color: #155854;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 8px 20px rgba(20, 79, 76, 0.09);
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease;
}

.startseite-optimized-v1 #wiedererkennen .recognition-icon svg {
  width: 25px;
  height: 25px;
  stroke-width: 1.75;
}

.startseite-optimized-v1 #wiedererkennen .recognition-card-header h3 {
  letter-spacing: -0.015em;
  line-height: 1.2;
}

.startseite-optimized-v1 .entry-orientation {
  display: grid;
  max-width: 920px;
  margin: 20px auto 0;
  grid-template-columns: 0.9fr 1.1fr;
  border-top: 1px solid rgba(20, 79, 76, 0.2);
  border-bottom: 1px solid rgba(20, 79, 76, 0.2);
  background: linear-gradient(90deg, rgba(240, 246, 243, 0.72), rgba(247, 247, 242, 0.52));
}

.startseite-optimized-v1 .entry-orientation p {
  margin: 0;
  padding: 13px 16px;
  color: #46545a;
  font-size: 15px;
  line-height: 1.55;
}

.startseite-optimized-v1 .entry-orientation .module-contrast {
  border-left: 1px solid rgba(20, 79, 76, 0.18);
}

.startseite-optimized-v1 .module-contrast a,
.startseite-optimized-v1 .resource-choice-path a {
  color: #144f4c;
  font-weight: 760;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}

.startseite-optimized-v1 .resource-choice-path {
  display: flex;
  max-width: none;
  margin: 22px 0 0;
  padding: 16px 0;
  border-top: 1px solid rgba(20, 79, 76, 0.18);
  border-bottom: 1px solid rgba(20, 79, 76, 0.18);
  align-items: center;
  justify-content: space-between;
  gap: 12px 28px;
  color: #46545a;
  font-size: 14px;
  grid-column: 1 / -1;
  line-height: 1.5;
}

.startseite-optimized-v1 .resource-choice-path a {
  flex: 0 0 auto;
}

.startseite-optimized-v1 .form-note-before-submit {
  margin: 0 0 12px;
  color: #4f5d64;
  font-size: 13px;
  line-height: 1.5;
}

@media (min-width: 901px) {
  .startseite-optimized-v1 #top .home-editorial-route:first-child {
    padding-left: 16px;
  }
}

@media (max-width: 900px) {
  .startseite-optimized-v1 #top .home-editorial-route > .home-editorial-route-arrow {
    position: static;
  }
}

@media (hover: hover) and (pointer: fine) {
  .startseite-optimized-v1 #top .home-editorial-route:hover {
    background: linear-gradient(
      90deg,
      color-mix(in srgb, var(--route-soft) 76%, transparent),
      transparent 88%
    );
  }

  .startseite-optimized-v1 #top .home-editorial-route:hover::before,
  .startseite-optimized-v1 #top .home-editorial-route:focus-visible::before {
    opacity: 1;
  }

  .startseite-optimized-v1 #kontakt .contact-topic-option:hover {
    border-color: color-mix(in srgb, var(--topic-accent) 58%, #b9c1bc);
    background-color: color-mix(in srgb, var(--topic-accent) 8%, var(--topic-surface));
    box-shadow: 0 6px 14px color-mix(in srgb, var(--topic-accent) 10%, transparent);
  }

  .startseite-optimized-v1 #wiedererkennen .recognition-card:hover .recognition-icon {
    border-color: rgba(20, 79, 76, 0.44);
    background: linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.99) 0%,
      rgba(204, 228, 217, 0.96) 100%
    );
    color: #144f4c;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.98),
      0 9px 20px rgba(20, 79, 76, 0.09);
  }
}

.startseite-optimized-v1 #top .home-editorial-route:focus-visible::before {
  opacity: 1;
}

@media (max-width: 760px) {
  .startseite-optimized-v1 #wiedererkennen .recognition-grid {
    gap: 12px;
  }

  .startseite-optimized-v1 .home-quick-nav {
    width: min(100% - 32px, 1200px);
    min-height: 0;
    padding: 13px 0 15px;
    flex-wrap: wrap;
    gap: 4px 16px;
    font-size: 13px;
  }

  .startseite-optimized-v1 .home-quick-nav-label {
    flex-basis: 100%;
    font-size: 12.5px;
    letter-spacing: 0.06em;
  }

  .startseite-optimized-v1 .home-quick-nav a {
    min-height: 38px;
  }

  .startseite-optimized-v1 .entry-orientation {
    grid-template-columns: 1fr;
  }

  .startseite-optimized-v1 .entry-orientation p {
    padding: 12px 14px;
  }

  .startseite-optimized-v1 .entry-orientation .module-contrast {
    border-top: 1px solid rgba(20, 79, 76, 0.16);
    border-left: 0;
  }

  .startseite-optimized-v1 .home-editorial-kicker,
  .startseite-optimized-v1 .home-editorial-route-verb,
  .startseite-optimized-v1 .home-editorial-index-head span,
  .startseite-optimized-v1 .section-kicker,
  .startseite-optimized-v1 .entry-comparison-label,
  .startseite-optimized-v1 .home-price-frame-label,
  .startseite-optimized-v1 .roof-framework-item > span,
  .startseite-optimized-v1 .resource-meta {
    font-size: 12.5px;
    letter-spacing: 0.07em;
    line-height: 1.45;
  }

  .startseite-optimized-v1 .resource-choice-path {
    align-items: flex-start;
    flex-direction: column;
  }

  .startseite-optimized-v1 .form-help,
  .startseite-optimized-v1 .form-note,
  .startseite-optimized-v1 .form-status,
  .startseite-optimized-v1 .optional-label {
    font-size: 13px;
    line-height: 1.5;
  }
}

@media (prefers-reduced-motion: reduce) {
  .startseite-optimized-v1 #top .home-editorial-route::before,
  .startseite-optimized-v1 #wiedererkennen .recognition-icon {
    transition: none;
  }
}