/* SSI Endoskeleton — Charakter: Sanft (v5.0)
   Primärfarb-getönte Schatten, größere Rundung.
   Regelt: Cards, Shadows, Blockquotes, Banner, Inputs.
   Regelt NICHT: Buttons, Hero-Overlay (eigene Module). */

:root { --card-radius: 14px; --card-shadow: 0 4px 24px rgba(var(--primary-rgb),0.08); }

.card {
  box-shadow: var(--card-shadow);
  border-radius: 14px;
  border: 1px solid rgba(var(--primary-rgb),0.12);
  transition: all 0.4s cubic-bezier(0.4,0,0.2,1);
}
.card:hover { box-shadow: 0 12px 48px rgba(var(--primary-rgb),0.14); transform: translateY(-6px); }
.blockquote { border-radius: 12px; border-left-width: 4px; box-shadow: 0 2px 16px rgba(var(--primary-rgb),0.06); }
.banner-grid { border-radius: 12px; overflow: hidden; }
.pricing-card { border-radius: 14px; }
.form-group input, .form-group textarea, .form-group select { border-radius: 10px; }
section:nth-of-type(even) { background-color: rgba(var(--primary-rgb),0.025); }
.divider { background: linear-gradient(90deg, var(--primary), transparent); }