/* === DG Karten-Grid (Branchen) – NUR innerhalb .dg-cards === */
.dg-cards{ margin:24px 0 }
.dg-cards__title{
  margin:0 0 18px;
  font-weight:800;
  font-size:clamp(1.4rem, 1.1rem + 1vw, 2rem);
}
.dg-cards__grid{
  --gap:28px;
  display:grid;
  gap:var(--gap);
  grid-template-columns:repeat(var(--dg-cols,4), minmax(0,1fr));
}
@media (max-width:1100px){ .dg-cards__grid{ grid-template-columns:repeat(3, minmax(0,1fr)); } }
@media (max-width:800px){  .dg-cards__grid{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width:520px){  .dg-cards__grid{ grid-template-columns:1fr; } }

/* Karte – eigene Klasse .dgk-card, kollidiert nicht mit Featuregrid */
.dg-cards .dgk-card{
  position:relative;
  display:block;
  text-decoration:none;
  color:inherit;
  aspect-ratio:1/1;
  border-radius:50px;
  background:var(--wp--preset--color--raft-accent);
  box-shadow:0 16px 40px rgba(0,0,0,.12);
  overflow:hidden;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
  min-height:220px;
}
.dg-cards .dgk-card:hover{
  transform:translateY(-3px);
  box-shadow:0 22px 60px rgba(0,0,0,.16);
  background:#37a449;
}
.dg-cards .dgk-card__inner{
  padding:28px 34px 34px;
  color:#fff;
}

/* Texte */
.dg-cards .dgk-card__headline{
  margin:0 0 16px;
  font-weight:800;
  line-height:1.25;
  font-size:clamp(1.05rem, .9rem + .5vw, 1.4rem);
  color:#fff;
}
.dg-cards .dgk-card__desc{
  margin:0;
  font-size:1rem;
  line-height:1.55;
  color:rgba(255,255,255,.95);
}

/* roter Pfeil (wenn gewünscht) – sonst nächste Regel auskommentieren */
.dg-cards .dgk-card::after{
  content:"";
  position:absolute;
  right:15px;
  bottom:45px;
  width:0; height:0;
  border-left:26px solid #ff2a2a;
  border-top:14px solid transparent;
  border-bottom:14px solid transparent;
  transform:rotate(-15deg);
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.2));
}