/***** SECTION / CONTAINER *****/
.dg-feature-grid{
  --gap: 16px;                 /* Abstand zwischen Karten */
  max-width: 1240px;           /* dein gewünschter Bereich */
  width: 100%;
  margin-inline: auto;         /* zentrieren */
  margin-block: clamp(24px,4vw,48px);
  margin-bottom: 9rem;
}

/***** FLEX-GRID *****/
.dg-feature-grid__inner{
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}

/* 4 Spalten: exakt vier Karten pro Zeile */
.dg-feature-grid__inner > .dg-card{
  /* 4 Spalten => 3 Lücken: (100% - 3*gap) / 4 */
  flex: 0 0 calc((100% - 3 * var(--gap)) / 4);
  max-width: calc((100% - 3 * var(--gap)) / 4);
}

/***** CARD *****/
.dg-card{
  position: relative;
  background: #fff;
  aspect-ratio: 1 / 1;         /* Quadrat erzwingen */
  border-radius: 1.333rem;     /* ggf. 0 für harte Ecken */
  padding: 24px 24px 4rem;
  box-shadow: 0 18px 40px rgba(0,0,0,.10);
  overflow: visible;
  display: flex;
  flex-direction: column;
}



/* Überschrift */
.dg-card__title {
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--wp--preset--color--raft-accent); /* grün */
  margin: 0 0 18px; /* mehr Abstand zum Text */
  line-height: 1.3;
}

/* Text & Listen grün */
section.dg-feature-grid .dg-card__text,
section.dg-feature-grid .dg-card__text p,
section.dg-feature-grid .dg-card__text li{
  color:var(--wp--preset--color--raft-accent) !important;
  line-height:1.4;
  font-weight: 300;
}

/* Hängender Einzug für Bullets */
section.dg-feature-grid .dg-card__text ul{
  margin:0;
  padding-left: 1.25em;          /* Einrückung für korrekten Zeilenumbruch */
  list-style: disc outside;      /* Bullet außerhalb -> Zeilen brechen unter dem Text */
}

/* Überschrift */
.dg-card__title {
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--wp--preset--color--raft-accent); /* grün */
  margin: 0 0 18px; /* mehr Abstand zum Text */
  line-height: 1.3;
}

section.dg-feature-grid .dg-card__text li::marker{
  color: var(--wp--preset--color--raft-accent);
}
.dg-card__text {
  font-size: 0.875rem;
  br {
    display: none;
  } 
}
.dg-card__icon{
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 10rem;
  height: auto;
  filter: drop-shadow(0 12px 18px rgba(0,0,0,0.15));
  z-index: 2;
}