/* ── Produkt-Portfolio-Karten ──────────────────────────────────────────────── *
 * Nur Transitions & Hover-Effekte – alle Layout-Werte stehen als             *
 * Inline-Styles im PHP (exakt wie in der HTML-Vorlage Home.dc.html).        *
 *                                                                            *
 * Hover-Logik aus der Vorlage (CSS-Block, Zeilen 307-312):                   *
 *   .pcard            { transition: background .4s }                         *
 *   .pcard:hover      { background: #F1F3F5 }                                *
 *   .pcard:hover .pcard-arrow { transform: translateX(6px); color: #CC2B1D }*
 *   .pcard-arrow      { transition: transform .4s }                          *
 *   .picon            { transition: transform .5s cubic-bezier(.2,.7,.2,1) } *
 *   .pcard:hover .picon { transform: scale(1.07) }                           *
 * -------------------------------------------------------------------------- */

/* Karte – Hover */
.ed-ppk-card               { transition: background .4s; }
.ed-ppk-card:hover         { background: #F1F3F5; }

/* Pfeil – Transition + Hover */
.ed-ppk-arrow              { transition: transform .4s; }
.ed-ppk-card:hover .ed-ppk-arrow { transform: translateX(6px); color: #CC2B1D; }

/* Icon – Transition + Hover-Scale */
.ed-ppk-icon               { transition: transform .5s cubic-bezier(.2,.7,.2,1); }
.ed-ppk-card:hover .ed-ppk-icon  { transform: scale(1.07); }

.ed-ppk-grid { min-width: 0; }
.ed-ppk-card {
  min-width: 0;
  box-sizing: border-box;
}
.ed-ppk-label { min-width: 0; }
.ed-ppk-name {
  min-width: 0;
  overflow-wrap: normal;
  hyphens: auto;
  -webkit-hyphens: auto;
}

/* ── Responsive ───────────────────────────────────────────────────────────── */
/* !important nötig um Inline-Style grid-template-columns zu überschreiben   */
@media (max-width: 920px) {
  .ed-ppk-intro { grid-template-columns: 1fr !important; }
  .ed-ppk-grid  { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .ed-ppk-card  {
    min-height: 0 !important;
    padding: 16px 12px !important;
  }
  .ed-ppk-card > div:first-child { padding: 8px 0 14px !important; }
  .ed-ppk-icon {
    max-width: 72px !important;
    height: 48px !important;
  }
  .ed-ppk-label { gap: 8px !important; }
  .ed-ppk-name {
    font-size: 13px !important;
    line-height: 1.2 !important;
  }
}