/* ============================================================
   Basis: Typografie, Layout-Helfer, Fallback-Header/-Footer
   ------------------------------------------------------------
   Bewusst minimal – das Seitenlayout baut Elementor. Hier nur,
   was global gelten muss und token-basiert ist.
   ============================================================ */

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: var(--rm-font);
  font-size: var(--rm-fs-400);
  line-height: 1.6;
  color: var(--rm-ink);
  background: var(--rm-bg);
}

img {
  max-width: 100%;
  height: auto;
}

/* Links wie auf der Live-Seite: Textfarbe, Hover wird grün */
a {
  color: var(--rm-ink);
}

a:hover {
  color: var(--rm-primary);
}

/* Helfer für dunkle Sektionen (Markenbild) – in Elementor als
   CSS-Klasse auf Container legen oder den Verlauf direkt nutzen */
.rm-bg-dark {
  background: var(--rm-gradient-dark);
  color: var(--rm-ink-on-dark);
}

.rm-bg-dark a {
  color: var(--rm-ink-on-dark);
}

.rm-bg-dark a:hover {
  color: var(--rm-primary);
}

/* Inhaltscontainer (Fallback-Templates) */
.rm-container {
  max-width: var(--rm-container);
  margin-inline: auto;
  padding-inline: var(--rm-space-4);
}

/* Skip-Link (Barrierefreiheit) */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 1000;
  padding: var(--rm-space-2) var(--rm-space-4);
  background: var(--rm-primary);
  color: #fff;
  border-radius: 0 0 var(--rm-radius) 0;
}

.skip-link:focus {
  left: 0;
  color: #fff;
}

/* Header/Footer liegen in layout.css (eigener Nachbau von retourenmaster24.com). */

/* ---- Archiv-Fallback ---- */

.rm-archive {
  padding-block: var(--rm-space-6);
}

.rm-archive__item + .rm-archive__item {
  margin-top: var(--rm-space-5);
  padding-top: var(--rm-space-5);
  border-top: 1px solid var(--rm-border);
}