/* CTA-Karte */

/* Kampagne (#WerdWas) */
.ed-campaign-banner { transition: opacity .3s; }
.ed-campaign-banner:hover { opacity: .92; }

/* Service Händlersuche-Teaser */
.ed-cta-karte .ed-eyebrow-wrap {
  margin-bottom: clamp(30px, 4vh, 46px);
}

.ed-cta-karte a.ed-cta-dealer {
  display: grid;
  grid-template-columns: 1.3fr .7fr;
  gap: clamp(28px, 5vw, 64px);
  align-items: center;
  background: #fff;
  border: 1px solid var(--ed-line-2, #DCE1E6);
  padding: clamp(32px, 4vw, 56px);
  text-decoration: none !important;
  color: inherit !important;
  box-shadow: none;
  transition: transform .5s cubic-bezier(.2, .7, .2, 1);
}

.ed-cta-karte a.ed-cta-dealer:hover,
.ed-cta-karte a.ed-cta-dealer:focus,
.ed-cta-karte a.ed-cta-dealer:active,
.ed-cta-karte a.ed-cta-dealer:focus-visible {
  color: inherit !important;
  background: #fff !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transform: translateY(-4px);
}

/* Layout Weiß: innerer Rahmen hebt sich mit Hellgrau vom Seitenhintergrund ab. */
.ed-section.ed-cta-karte.ed-bg-white a.ed-cta-dealer,
.ed-section.ed-cta-karte.ed-bg-white a.ed-cta-dealer:hover,
.ed-section.ed-cta-karte.ed-bg-white a.ed-cta-dealer:focus,
.ed-section.ed-cta-karte.ed-bg-white a.ed-cta-dealer:active,
.ed-section.ed-cta-karte.ed-bg-white a.ed-cta-dealer:focus-visible {
  background: var(--ed-surface-1) !important;
}

.ed-cta-dealer__title {
  font-family: var(--ed-font-expanded);
  font-weight: 800;
  font-size: clamp(24px, 3.2vw, 42px);
  line-height: 1.04;
  letter-spacing: -.01em;
  color: var(--ed-deep);
  margin: 0 0 16px;
  max-width: 20ch;
  text-transform: none;
}

.ed-cta-dealer__lead {
  font: 400 17px/1.7 var(--ed-font-sans);
  color: var(--ed-text);
  margin: 0;
  max-width: 52ch;
}

.ed-cta-dealer__go {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  font: 700 13px/1 var(--ed-font-sans);
  letter-spacing: .12em;
  color: var(--ed-ink);
  text-transform: uppercase;
  white-space: nowrap;
}

.ed-cta-dealer__arrow {
  color: var(--ed-link);
  font: 400 22px/1 var(--ed-font-sans);
  transition: transform .35s, color .35s;
}

.ed-cta-karte a.ed-cta-dealer:hover .ed-cta-dealer__arrow,
.ed-cta-karte a.ed-cta-dealer:focus .ed-cta-dealer__arrow {
  transform: translateX(6px);
  color: var(--ed-red) !important;
}

@media (max-width: 920px) {
  .ed-cta-karte a.ed-cta-dealer {
    grid-template-columns: 1fr;
  }
}