.dg-vorteile {
  margin-top: 6rem;
}
/* === Grid mit 3 Spalten === */
.dg-vorteile__grid {
  display: flex;
  justify-content: center;
  align-items: end;
}
@media (max-width: 900px) {
  .dg-vorteile__grid { grid-template-columns: 1fr; }
}

/* === Quadratische Boxen === */
.dg-vorteile__item {
  position: relative;
  width: 100%;
  max-width: 320px;          /* kontrolliert die Gesamtgröße */
  aspect-ratio: 1 / 1;       /* quadratisch */
  background: #fff;
  border-radius: 3.75rem;
  padding: 50px 24px 32px;   /* Platz oben für Icon */
  text-align: center;
  box-shadow: 0 14px 36px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.05);
  transition: transform .25s ease, box-shadow .25s ease;
  display: flex;
  z-index: 2;
  flex-direction: column;
  justify-content: center;
}

/* mittlere Box */
.dg-vorteile__item:nth-child(2) {
  background: var(--wp--preset--color--raft-accent);
  color: #fff;
  transform: none;
}
.dg-vorteile__item:nth-child(2) .dg-vorteile__headline,
.dg-vorteile__item:nth-child(2) .dg-vorteile__desc { color: #fff; }

/* äußere Boxen nach außen drehen */
.dg-vorteile__item:first-child {
  transform: rotate(-7deg);
  z-index: 1;
  flex: 0 0 25%;
  margin-right: -1.5%;
}
.dg-vorteile__item:last-child {
  transform: rotate(7deg);
  z-index: 1;
  flex: 0 0 25%;
  margin-left: -1.5%;
}

/* Hover-Effekte */
.dg-vorteile__item:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 20px 48px rgba(0,0,0,0.12),
              0 4px 12px rgba(0,0,0,0.06);
}
.dg-vorteile__item:first-child:hover {
  transform: rotate(1.5deg) translateY(-6px) scale(1.02);
}
.dg-vorteile__item:last-child:hover {
  transform: rotate(-1.5deg) translateY(-6px) scale(1.02);
}

/* === Icons groß & schwebend === */
.dg-vorteile__icon {
  position: absolute;
  top: -4rem;
  left: 50%;
  transform: translateX(-50%);
  width: 10rem;
  height: auto;
  filter: drop-shadow(0 12px 18px rgba(0,0,0,0.15));
  z-index: 2;
}
.is-highlight .dg-vorteile__icon {
  width: 14rem;
  top: -6rem;
}

/* weicher Schatten unter Icon */
.dg-vorteile__item::before {
  content: "";
  position: absolute;
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
  width: 50%;
  height: 24px;
  background: radial-gradient(ellipse at center, rgba(0,0,0,0.2) 0%, transparent 70%);
  filter: blur(8px);
  opacity: .35;
  border-radius: 50%;
  z-index: 1;
}

/* === Text === */
.dg-vorteile__headline {
  margin: 2rem 0 0;
  font-weight: 700;
  font-size: 1.3125rem;
  color: var(--wp--preset--color--raft-accent);
}
.dg-vorteile__desc {
  margin: 0;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.4;
  //color: rgba(0,0,0,.8);
  color: var(--wp--preset--color--raft-accent);
}