.grid {
  display: grid;
  max-width: 1200px;              /* Gesamtbreite begrenzen */
  margin: 0 auto;
  grid-template-columns: repeat(auto-fill, 225px);
  justify-content: center;        /* mittig ausrichten, wenn nicht voll */
}

/* === Kachel-Basis === */
.card {
  position: relative;
  background: white;              /* weißer Hintergrund direkt auf der Card */
  width: 225px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  clip-path: inherit;             /* sorgt dafür, dass Shapes wirken */
}

/* Hover-Hopser */
.card:hover {
  transform: translateY(-10px);   /* springt hoch */
  box-shadow: 0 12px 24px rgba(0,0,0,0.18);
}

/* Logo */
.card img {
  max-width: 120px;
  height: auto;
  display: block;
  margin: 0 auto;
  z-index: 1;
}

/* === Shapes (clip-path) === */
.shape-bean {
  clip-path: path('M94.8,15.35c-27.32-1.1-58.14.53-73.77,28.23-9.06,15.79-10.46,37.95-2.4,54.57,14.64,30.89,47.53,16.1,72.56,14.74,33.4-2.54,48.14,16.17,76.31,25.69,30.74,10.36,46.07-24.49,43.56-55.08-1.32-20.39-11.69-39.14-27.55-49.08-16.02-10.41-34.7-13.46-53.3-15.92-11.7-1.46-23.44-2.61-35.2-3.14h-.22Z');
}
.shape-blob {
  clip-path: path('M193.25,68.15c-21.55-25.84-56.13-31.9-87.3-39.94-24.11-5.31-51.22-17.86-71.57-10.91-25.89,10.98-23.34,58.56-14.99,80.93,5.68,16.27,16.34,27.66,32.85,30.38,23.06,3.71,47.89-1.5,71.36,1.03,23.87.97,63.26,15.12,78.84-4.54,12.03-17.5,3.78-41.35-9.07-56.79l-.13-.15Z');
}
.shape-cookie {
  clip-path: path('M38.32,113.57c20.75,22.44,54.52,23.3,82.74,22.48,27.73-.76,53.81-4.87,73.43-25.84,8.83-9.5,15.47-21.67,18.7-34.69,6.84-29.01-2.67-54.88-32.18-52.43-26.63,2-55.06,15.23-82.32,11.31-18.85-2.18-37.61-10.52-51.98-14.29-7.72-1.88-16.68-4.35-23.6.46-7.43,6.05-8.63,16.87-9.02,26.96-.34,23.28,8.35,49.83,24.1,65.9l.13.14Z');
}
.shape-polygon {
  clip-path: path('M63.52,132.41c-15.84-5.84-27.15-19.48-36.69-30.46-9-10.42-16.09-22.25-9.7-34.18,4.34-8.95,14.03-19.5,22.45-28.13,9.33-9.69,21.55-17.87,38.31-20.04,10.02-1.52,20.85-1.74,31.21-1.83,18.46.13,34.55-.22,50.08,4.52,17.23,5.58,27.27,17.8,37.21,28.82,9.48,11.24,17.21,21,13.21,33.26-2.72,7.99-8.86,15.09-15.85,23.09-4.74,5.26-9.67,10.51-15.41,15.23-13.65,12.01-32.91,14.7-53.51,14.97-21.37.04-42.52,1.24-61.1-5.18l-.2-.08Z');
}
.shape-puddle {
  clip-path: path('M112.75,135.09c-10.55.54-21.1.92-31.65,1.33-15.11.57-30.72,1.01-42.67-9.1-14.5-12.5-18.75-34.47-20.51-53.26-1.81-18.63-.35-41.37,17.94-49.77,7.85-3.84,16.83-4.81,25.47-5.18,14.37-.49,28.75.41,43.04-.07,7.21-.21,14.42-.77,21.66-1.58,11.99-1.23,24.19-3.6,36.18-1.54,17.37,3.11,32.43,17.3,41.2,32.92,6.77,12.27,7.89,27.64,4.52,41.23-9.7,39.55-61.95,42.81-94.97,45.01h-.2Z');
}
.shape-rectangle {
  clip-path: path('M9.93,87.12c10.01-19.29,20.73-38.74,36.76-53.58C69.26,11.74,97.61-2.03,128.54,9.46c20.2,8.18,42.55,19.32,53.25,39,2.69,5.04,4.64,10.48,6.25,15.99,4.56,17.21,10.2,44.88-7.37,55.72-12.5,7.29-30.49,5.22-45.56,6.27-28.55.99-57.25,1.82-85.77,2.93-10.99.3-22.64,1.4-33.23-1.95-18.7-6-13.97-25.41-6.27-40.1l.1-.2h-.01Z');
}
.shape-star {
  clip-path: path('M112.42,11.44c18.7.19,43.9,14.72,60.11,23.03,30.42,16.71,36.91,23.52,25.6,50.9-5.96,13.51-15.89,40.06-32.54,46.75-11.81,4.83-28.92,5.05-43.99,5.42-14.38.15-29.21.13-43.37-1.22-15.87-1.37-26.47-5.79-33.81-16.49-8.45-12-14.53-25.85-19.48-38.76-8.99-23.5-1.15-30.59,23.82-44.73,16.66-8.76,44.31-24.76,63.52-24.91h.15Z');
}