/* SSI Endoskeleton — Charakter: Neutral (Standard) */
/* Mittlerer Weg: dezente Schatten, moderate Rundung, sanfter Hover */
/* Passend fuer: Business, Dienstleister, Gastronomie, Handwerker */

/* ─── Cards: moderate Rundung + dezenter Schatten ─── */
.card {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
  border-radius: 8px !important;
  border: 1px solid var(--border) !important;
  transition: all 0.3s ease !important;
}
.card:hover {
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1) !important;
  transform: translateY(-3px) !important;
}

/* ─── Buttons: leichte Rundung, dezenter Schatten ─── */
.btn {
  border-radius: 6px !important;
}
.btn-primary {
  box-shadow: 0 2px 8px rgba(var(--primary-rgb), 0.2) !important;
  transition: all 0.3s ease !important;
}
.btn-primary:hover {
  box-shadow: 0 4px 16px rgba(var(--primary-rgb), 0.3) !important;
  transform: translateY(-2px) !important;
}

/* ─── Hero: mittlerer Overlay (Veil hat eigenen hellen Overlay) ─── */
.hero:not(.hero--veil) .hero-bg::after {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.3) 0%,
    rgba(0, 0, 0, 0.45) 40%,
    rgba(0, 0, 0, 0.65) 100%
  ) !important;
}

/* ─── Blockquote: leichte Rundung ─── */
.blockquote {
  border-radius: 6px !important;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.04) !important;
}

/* ─── Banner: leicht gerundet ─── */
.banner-grid {
  border-radius: 6px !important;
  overflow: hidden !important;
}