/* /assets/css/glass-card.css
   GLASS CARD UTILITY
   Standard-Container mit Glas-/Blur-Effekt
   Wird für News, Events, Standardseiten und generelle Sections genutzt
*/

.glass-card {
  background: var(--glass-card-bg, rgba(255, 255, 255, 0.08));
  border: 1px solid var(--glass-card-border, rgba(255, 255, 255, 0.15));

  backdrop-filter: blur(var(--blur, 10px));
  -webkit-backdrop-filter: blur(var(--blur, 10px));

  border-radius: var(--card-radius, 18px);

  padding: 2rem;

  /* weiche Schatten für Glastiefe */
  box-shadow: var(
    --card-shadow,
    0 8px 24px rgba(0, 0, 0, 0.25)
  );
}

/* ===================================================================
   Responsive Anpassungen
   =================================================================== */

@media (max-width: 768px) {
  .glass-card {
    padding: 1.5rem;
  }
}