/*
 * Basis Design System v1.0.45
 * Zentrale CSS-Variablen und Basiskomponenten für Frontend und Admin.
 */
:root{
  --basis-color-primary: var(--basis-admin-primary, #e30613);
  --basis-color-primary-dark: #8b0008;
  --basis-color-accent: var(--basis-admin-accent, #25D366);
  --basis-color-dark: #0f172a;
  --basis-color-muted: #64748b;
  --basis-color-border: #e2e8f0;
  --basis-color-surface: #ffffff;
  --basis-radius-sm: 10px;
  --basis-radius-md: 16px;
  --basis-radius-lg: 24px;
  --basis-shadow-sm: 0 6px 18px rgba(15,23,42,.08);
  --basis-shadow-md: 0 14px 40px rgba(15,23,42,.12);
  --basis-container: 1240px;
  --basis-transition: 180ms ease;
}
.basis-container{
  width:min(var(--basis-container), calc(100% - 32px));
  margin-inline:auto;
}
.basis-card{
  background:var(--basis-color-surface);
  border:1px solid var(--basis-color-border);
  border-radius:var(--basis-radius-lg);
  box-shadow:var(--basis-shadow-sm);
}
.basis-button,
.basis-btn,
button.basis-button{
  border-radius:var(--basis-radius-md);
  transition:background var(--basis-transition), color var(--basis-transition), transform var(--basis-transition), box-shadow var(--basis-transition);
}
.basis-button:hover,
.basis-btn:hover{
  transform:translateY(-1px);
}
.basis-focusable:focus-visible,
.basis-nav a:focus-visible,
.basis-mobile-menu a:focus-visible{
  outline:3px solid rgba(227,6,19,.32);
  outline-offset:3px;
  border-radius:10px;
}