/**
 * STARFRUIT STUDIO – NACHSCHLIFF R3
 * 2026-11-12
 */

/* =========================================================
   1. GLOSSAR: KEIN ZENTRIEREN, KEINE ANIMATION
   ========================================================= */

.sf-glossar-grid,
.sf-glossar-card {
  transition: none !important;
}

.sf-glossar-grid {
  opacity: 1 !important;
  min-height: 0 !important;
}

.sf-glossar-card {
  opacity: 1 !important;
  transform: none !important;
  will-change: auto !important;
}

/* R2-Zentrierklassen bewusst neutralisieren:
 * ein oder zwei Treffer bleiben einfach links im normalen Grid.
 */
@media (min-width: 900px) {
  .sf-glossar-grid.sfs-glossar-one,
  .sf-glossar-grid.sfs-glossar-two {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    justify-content: stretch !important;
  }
}


/* =========================================================
   2. LEISTUNGSÜBERSICHT: GRAUE KUNDENSTIMME MIT MEHR LUFT
   ========================================================= */

.sfs-services-v4 .sfsv4-quote {
  padding: clamp(36px, 5.5vw, 56px) !important;
}

@media (max-width: 759px) {
  .sfs-services-v4 .sfsv4-quote {
    padding: 28px 24px !important;
  }
}


/* =========================================================
   3. ANALYTICS: PROBLEMKARTEN NICHT MEHR AM RAHMEN KLEBEN
   ========================================================= */

body.page-id-136 .section--dark .pain-points-grid {
  gap: clamp(16px, 2.5vw, 24px) !important;
}

body.page-id-136 .section--dark .pain-point {
  padding: clamp(26px, 3.4vw, 36px) !important;
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  clip-path: var(--clip-path-cut) !important;
}

body.page-id-136 .section--dark .pain-point h3 {
  color: var(--ink) !important;
}

body.page-id-136 .section--dark .pain-point p {
  color: var(--muted) !important;
}

@media (max-width: 759px) {
  body.page-id-136 .section--dark .pain-point {
    padding: 24px 22px !important;
  }
}


/* =========================================================
   4. WERBUNG: BILDERGRID OHNE GRAUE VOLLFÄCHE
   ========================================================= */

.page-assets-reboot > .section:nth-of-type(2) {
  background: transparent !important;
}


/* =========================================================
   5. CONTENT-WIDGET: ETWAS MEHR PRÄSENZ
   ========================================================= */

.content-hero-anim-card {
  min-height: 270px;
}

.content-hero-anim-card__header {
  background: transparent !important;
  padding: 17px 26px !important;
}

.content-hero-anim-card__body {
  padding: 30px 26px !important;
  font-size: clamp(1.05rem, 1.8vw, 1.22rem) !important;
  line-height: 1.65 !important;
}

@media (max-width: 759px) {
  .content-hero-anim-card {
    min-height: 235px;
  }

  .content-hero-anim-card__body {
    padding: 24px 20px !important;
  }
}