MediaWiki:Common.css

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

• Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
• Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
• Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

/* === PnP Grid Layout === */

.pnp-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 28px;
  max-width: 1300px;
  margin: 40px auto;
}

/* === Card Styling === */

.pnp-card {
  text-align: center;
  transition: transform 0.25s ease;
}

.pnp-card:hover {
  transform: scale(1.05);
}

/* === Quadratische Bild-Crop-Optik === */

.pnp-card-image {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.35);
}

.pnp-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.pnp-card:hover .pnp-card-image img {
  transform: scale(1.15);
}

/* === Titel Styling === */

.pnp-card-title {
  margin-top: 10px;
  font-weight: bold;
  font-size: 1.05em;
}