/*
 * OSSI PILLEN LEV – Einheitliche Newsboxen
 * -----------------------------------------
 * Diese eng begrenzten Pflichtregeln werden nach dem bearbeitbaren Haupt-CSS
 * geladen. So behalten auch in Elementor duplizierte Newsboxen dasselbe
 * Bildformat und dieselbe lesbare Titelbehandlung wie die erste Newsbox.
 */

.opl-v2-news-card .opl-v2-news-card-image,
.opl-v2-news-card > .elementor-widget-image:first-child,
.opl-v2-news-card > .e-con-inner > .elementor-widget-image:first-child {
  width: 100% !important;
  height: auto !important;
  flex: 0 0 auto !important;
  overflow: hidden !important;
}

.opl-v2-news-card .opl-v2-news-card-image .elementor-widget-container,
.opl-v2-news-card > .elementor-widget-image:first-child .elementor-widget-container,
.opl-v2-news-card > .e-con-inner > .elementor-widget-image:first-child .elementor-widget-container {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
}

.opl-v2-news-card .opl-v2-news-card-image .elementor-widget-container > a,
.opl-v2-news-card > .elementor-widget-image:first-child .elementor-widget-container > a,
.opl-v2-news-card > .e-con-inner > .elementor-widget-image:first-child .elementor-widget-container > a {
  display: block;
  width: 100%;
  height: 100%;
}

.opl-v2-news-card .opl-v2-news-card-image img,
.opl-v2-news-card > .elementor-widget-image:first-child img,
.opl-v2-news-card > .e-con-inner > .elementor-widget-image:first-child img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  object-position: center center;
}

/*
 * Der Linkhinweis ist eine wichtige Bedieninformation und darf deshalb nicht
 * von einem Maus-Hover abhängen. Er bleibt auf allen drei Karten sichtbar.
 */
.opl-v2-news-card::after {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

.opl-v2-news-card .opl-v2-news-card-title .elementor-heading-title,
.opl-v2-news-card .opl-v2-news-card-body > .elementor-widget-heading .elementor-heading-title,
.opl-v2-news-card .opl-v2-news-card-body > .e-con-inner > .elementor-widget-heading .elementor-heading-title {
  max-width: 100%;
  font-family: var(--opl-v2-display);
  font-size: clamp(24px, 2.15vw, 36px) !important;
  font-weight: 950;
  letter-spacing: -0.035em;
  line-height: 1.06;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: manual;
  text-transform: none;
  text-wrap: balance;
}

@media (max-width: 640px) {
  .opl-v2-news-card .opl-v2-news-card-image .elementor-widget-container,
  .opl-v2-news-card > .elementor-widget-image:first-child .elementor-widget-container,
  .opl-v2-news-card > .e-con-inner > .elementor-widget-image:first-child .elementor-widget-container,
  .opl-v2-news-card .opl-v2-news-card-image img,
  .opl-v2-news-card > .elementor-widget-image:first-child img,
  .opl-v2-news-card > .e-con-inner > .elementor-widget-image:first-child img {
    aspect-ratio: 16 / 9 !important;
  }

  .opl-v2-news-card .opl-v2-news-card-title,
  .opl-v2-news-card .opl-v2-news-card-body > .elementor-widget-heading,
  .opl-v2-news-card .opl-v2-news-card-body > .e-con-inner > .elementor-widget-heading {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .opl-v2-news-card .opl-v2-news-card-title .elementor-heading-title,
  .opl-v2-news-card .opl-v2-news-card-body > .elementor-widget-heading .elementor-heading-title,
  .opl-v2-news-card .opl-v2-news-card-body > .e-con-inner > .elementor-widget-heading .elementor-heading-title {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(19px, 5vw, 23px) !important;
    line-height: 1.1 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    white-space: normal !important;
  }
}