/* ── Produkt-Hero (Vorlage RH1X) ───────────────────────────────────────────── */
.ed-section.ed-produkt-hero {
  background: var(--ed-white);
  padding: clamp(112px, 15vh, 150px) var(--ed-pad-h) clamp(60px, 9vh, 100px);
}

/* Weiße Vorgänger-Sektion darf das Kopf-Padding nicht wegnehmen
   (fixer Header, Titel soll darunter frei stehen). */
.elementor-widget:has(.ed-bg-white) + .elementor-widget:has(.ed-produkt-hero) .ed-section.ed-produkt-hero {
  padding-top: clamp(112px, 15vh, 150px);
}

/* Breadcrumb */
.ed-crumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-weight: 500;
  font-size: 11px;
  letter-spacing: .16em;
  color: var(--ed-muted);
  margin-bottom: clamp(30px, 4vh, 46px);
}
.ed-crumb__sep  { color: var(--ed-line-2); }
.ed-crumb__link { text-decoration: none; color: var(--ed-muted); transition: color .2s; }
.ed-crumb__link:hover { color: var(--ed-deep); }
.ed-crumb__current { color: var(--ed-deep); }

/* 2-col hero grid */
.ed-produkt-hero__grid {
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  gap: clamp(32px, 5vw, 72px);
  align-items: center;
}

/* Left column */
.ed-produkt-hero__eyebrow {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 22px;
  font-family: var(--ed-font-mono);
  font-weight: 500;
  font-size: 12px;
  letter-spacing: .24em;
  color: var(--ed-link);
}
.ed-accent-bar {
  display: inline-block;
  width: 20px;
  height: 3px;
  background: var(--ed-red);
  flex-shrink: 0;
}
.ed-section.ed-produkt-hero h1.ed-produkt-hero__title {
  font-family: var(--ed-font-expanded);
  font-weight: 800;
  font-stretch: expanded;
  font-size: clamp(46px, 7vw, 104px);
  line-height: .9;
  letter-spacing: -.02em;
  text-transform: uppercase;
  color: var(--ed-deep);
  margin: 0 0 24px;
}
.ed-section.ed-produkt-hero .ed-produkt-hero__intro {
  max-width: 560px;
  font-family: var(--ed-font-sans);
  font-weight: 400;
  font-size: clamp(17px, 1.5vw, 20px);
  line-height: 1.66;
  color: var(--ed-text);
  margin: 0 0 36px;
}
.ed-produkt-hero__cta { display: flex; gap: 14px; flex-wrap: wrap; }

/* Unterzeile „PDF“ ist in der Vorlage Archivo, nicht Mono. Pfeil bleibt Sky. */
.ed-produkt-hero__cta .ed-dl-btn-dark__sub {
  font-family: var(--ed-font-sans);
  font-weight: 500;
  font-size: 11px;
  letter-spacing: .1em;
  line-height: 1.3;
  margin-top: 0;
}
.ed-produkt-hero__cta .ed-dl-btn-dark:hover .ed-dl-btn-dark__arrow,
.ed-produkt-hero__cta .ed-dl-btn-dark:focus .ed-dl-btn-dark__arrow {
  color: var(--ed-sky);
  transform: translateY(3px);
}

/* Right column – product image */
.ed-produkt-hero__image {
  position: relative;
}
.ed-produkt-hero__image img {
  width: 100%;
  height: auto;
  display: block;
  background: #EEF2F5;
}
.ed-produkt-hero__note {
  width: fit-content;
  max-width: 100%;
  margin: 14px 0 0 auto;
  padding-bottom: 4px;
  border-bottom: 2px solid var(--ed-red);
  font-family: var(--ed-font-mono);
  font-weight: 500;
  font-size: 12px;
  letter-spacing: .24em;
  line-height: 1.55;
  color: var(--ed-link);
  white-space: pre-line;
}
.ed-produkt-hero__img-badge {
  position: absolute;
  left: 0;
  top: 0;
  background: var(--ed-blue);
  color: #fff;
  font-weight: 500;
  font-size: 10px;
  letter-spacing: .14em;
  padding: 8px 13px;
}
.ed-produkt-hero__placeholder {
  min-height: 380px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #EEF2F5;
}

/* Datenblatt-Button im Produkt-Hero: Hellblau (#3E86C4) statt Navy */
.ed-produkt-hero__cta .ed-dl-btn-dark {
  background: var(--ed-blue);
  border-color: var(--ed-blue);
}
.ed-produkt-hero__cta .ed-dl-btn-dark:hover,
.ed-produkt-hero__cta .ed-dl-btn-dark:focus {
  background: #3578b0;
  border-color: #3578b0;
  color: #fff !important;
}
.ed-produkt-hero__cta .ed-dl-btn-dark__label {
  color: #fff;
}
.ed-produkt-hero__cta .ed-dl-btn-dark__sub {
  color: rgba(255, 255, 255, .80);
}
.ed-produkt-hero__cta .ed-dl-btn-dark__arrow {
  color: #fff;
}
.ed-produkt-hero__cta .ed-dl-btn-dark:hover .ed-dl-btn-dark__arrow,
.ed-produkt-hero__cta .ed-dl-btn-dark:focus .ed-dl-btn-dark__arrow {
  color: #fff;
}

/* Responsive */
@media (min-width: 921px) {
  .ed-produkt-hero__note { font-size: 16px; }
}

@media (max-width: 920px) {
  .ed-produkt-hero__grid { grid-template-columns: 1fr; }
}