/* ===== Quadratische Kacheln (Media-Homepage) ===== */
/* Die Kachel (li) ist der Größen-Container — alle cqw-Werte relativ zur Kachelbreite */
.services-list .service {
  container-type: inline-size;
  aspect-ratio: 1 / 1;
}

.services-list .service-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
  padding: 4cqw;
}

.services-list .service-card .service-title {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2cqw;
  text-align: center;
  width: 100%;
}

/* Icon: 45% der Kachelbreite, skaliert automatisch */
.services-list .service-card .service-icon {
  width: 45cqw;
  height: 45cqw;
}

.services-list .service-card .service-icon img,
.services-list .service-card .service-icon svg {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
}

/* Schrift: 4.5% der Kachelbreite, mit Grenzen */
.services-list .service-card .service-title-text {
  flex: none;
  text-align: center;
  justify-content: center;
  font-size: clamp(0.55rem, 4.5cqw, 1.1rem);
  line-height: 1.25;
  padding: 0 2cqw;
}