/* ==========================================================================
   Das Clubinio-Widget im Flyer-Look, ohne eigenen Kasten.

   Zwei Dinge sind zu beachten:

   1. Das Widget legt seine Variablen selbst auf `.clubinio-widget`. Eine
      Vorgabe auf einem Vorfahren verliert deshalb — der Selektor hier ist
      doppelt geschrieben, damit er spezifischer ist als der des Widgets.
   2. Das Widget hängt sonst Rubik von fonts.googleapis.com in den Kopf. Diese
      Datei trägt die id `clubinio-widget-font`; auf die prüft das Script,
      bevor es lädt. Dadurch bleibt die Seite ohne Fremd-Origin.
   ========================================================================== */

.clubinio-widget.clubinio-widget {
  --cw-bg-primary: transparent;
  --cw-bg-secondary: rgba(190, 222, 255, 0.04);
  --cw-bg-card: transparent;
  --cw-bg-elevated: rgba(190, 222, 255, 0.07);
  --cw-text-primary: #bedeff;
  --cw-text-secondary: rgba(190, 222, 255, 0.68);
  --cw-text-muted: rgba(190, 222, 255, 0.42);
  --cw-accent-color: #ff3236;
  --cw-accent-hover: #ff5054;
  --cw-accent-contrast: #ffffff;
  --cw-border-color: rgba(190, 222, 255, 0.16);
  --cw-success-color: #51d98a;
  --cw-warning-color: #ffb020;
  --cw-error-color: #ff3d51;
  --cw-radius-sm: 8px;
  --cw-radius-md: 10px;
  --cw-radius-lg: 12px;

  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* Kontakt und Newsletter kommen als Karte. Auf dieser Seite steht ihre
   Überschrift schon als h2 darüber, und Kästen gibt es hier keine.
   `hide-heading` kennt nur clubinio-faq, deshalb der Weg über CSS. */
.clubinio-widget.clubinio-widget .cw-fm,
.clubinio-widget.clubinio-widget .cw-nl {
  background: none; border: 0; padding: 0;
}
.clubinio-widget.clubinio-widget .cw-fm-heading,
.clubinio-widget.clubinio-widget .cw-nl-heading { display: none; }