/* ==========================================================================
   CTP Grid-Kacheln vereinheitlichen (2026-10-06, datendrang)
   Referenz = Industrien-Uebersicht (.view-id-industries): ganze Kachel ist Link,
   Innenabstand 1em, Titel Montserrat 300 Versalien #002b54, Hover weiss.
   ========================================================================== */

/* 1) Ganze Kachelflaeche klickbar ("stretched link") fuer Varianten, bei denen
      der Link nur den Text umschloss: Loesungen-Uebersicht (menu_buttons),
      "Weitere Industrien" auf Industrie-Detailseiten (suggestions), Prozesse. */
.view-id-menu_buttons .views-view-responsive-grid__item-inner,
.view-id-suggestions .views-view-responsive-grid__item-inner,
.view-id-processes .views-view-responsive-grid__item-inner {
  position: relative;
}
.view-id-menu_buttons .menu-button-wrapper > a::after,
.view-id-suggestions .menu-button-wrapper > a::after,
.view-id-processes .views-field-title a::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}

/* 2) Prozesse-Kacheln: gleiche Schrift, Innenabstand und Hover wie die Referenz
      (vorher Barlow, kein Innenabstand, Titel beim Hover dunkelblau auf blau). */
.view-id-processes .views-view-responsive-grid__item-inner .views-field-title {
  padding: 1em;
}
.view-id-processes .views-field-title a {
  display: block;
  font-family: Montserrat, "Helvetica Neue", Arial, sans-serif;
  font-weight: 300;
  line-height: 1.2;
  text-transform: uppercase;
  color: #002b54;
  text-decoration: none;
  overflow-wrap: break-word;
}
.view-id-processes .views-view-responsive-grid__item-inner:hover .views-field-title a,
.view-id-processes .views-field-title a:focus {
  color: #fff;
}
@media (max-width: 767.98px) {
  .view-id-processes .views-field-title a {
    -webkit-hyphens: auto;
    hyphens: auto;
  }
}