/* ══ Abgrenzung gegen Elementor ══════════════════════════════════════
   Elementor bringt für die Seiteninhalte ein eigenes Stil-Kit mit, dessen
   Regeln über die Körperklasse elementor-kit-N auch Kopf und Fuß treffen
   (unter anderem bekommen alle <button> einen goldenen Hintergrund).
   Kopf und Fuß gehören aber dem Theme. Diese Datei lädt als letzte und
   stellt dort den Zustand des Entwurfs wieder her. Sie ändert nichts an
   den Inhalten, die Elementor rendert. */

.site-header button,
.site-footer button,
.site-header input[type="button"],
.site-footer input[type="button"] {
  background: transparent;
  color: inherit;
  border: 0;
  box-shadow: none;
  font: inherit;
  text-transform: none;
  letter-spacing: normal;
}

/* Die echten Knöpfe behalten ihr Aussehen aus dem Entwurf. */
.site-header .btn,
.site-footer .btn,
.site-header a.btn,
.site-footer a.btn {
  background: var(--btn-bg, transparent);
  color: var(--btn-fg, inherit);
  border: 1px solid var(--btn-border, transparent);
}
.site-header .btn--primary,
.site-footer .btn--primary {
  background: var(--c-gold);
  color: var(--c-navy);
}

.nav__link { padding: var(--sp-3) 0.4rem; }
.nav-toggle { padding: var(--sp-2) var(--sp-3); }