/* ============================================================
   FUSSZEILE DER UNTERSEITEN

   Baut den Fuss der Startseite nach, damit Startseite und
   Leistungsseiten gleich aussehen. Die Farben sind hier fest
   eingetragen, weil die Startseite ihre eigenen Farbwerte aus
   der App mitbringt und die Unterseiten eine eigene Palette
   haben - so passen beide zusammen.

   Eine Angabe aendern (Telefon, Adresse, Links): direkt im
   HTML der jeweiligen Seite im Block <footer class="rm-foot">.
   Der Block steht auf allen Leistungsseiten wortgleich.
   ============================================================ */
.rm-foot{
  background:#1b1f27;color:#f3f5f7;
  border-top:1px solid #272c35;
  padding:64px 0 32px;
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
.rm-foot .rm-foot-wrap{max-width:1080px;margin:0 auto;padding:0 20px}

/* Vier Spalten, die auf schmalen Schirmen untereinander rutschen. */
.rm-foot-grid{
  display:grid;grid-template-columns:1.3fr .8fr 1.1fr 1.2fr;
  gap:32px;margin-bottom:48px;
}
@media(max-width:900px){.rm-foot-grid{grid-template-columns:1fr 1fr;gap:36px}}
@media(max-width:560px){.rm-foot-grid{grid-template-columns:1fr;gap:32px}}

/* ---- Spalte 1: Marke ---- */
.rm-foot-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px;color:#f3f5f7}
.rm-foot-brand img{height:56px;width:56px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(212,175,90,.28))}
.rm-foot-brand .rm-foot-name{font-size:1.25rem;font-weight:700;line-height:1;letter-spacing:-.01em}
.rm-foot-brand .rm-foot-claim{
  font-size:.7rem;color:#969da9;font-weight:500;letter-spacing:.06em;
  text-transform:uppercase;margin-top:3px;
}
.rm-foot-text{color:#969da9;font-size:.875rem;line-height:1.65;max-width:20rem}

/* ---- Spalten 2 bis 4 ---- */
.rm-foot h4{font-size:.95rem;font-weight:700;margin:0 0 24px;color:#f3f5f7}
.rm-foot ul{list-style:none;margin:0;padding:0}
.rm-foot-nav li{margin-bottom:12px}
.rm-foot-kontakt li{margin-bottom:16px;display:flex;align-items:flex-start;gap:12px}
.rm-foot ul,.rm-foot li{color:#969da9;font-size:.875rem;line-height:1.5}
.rm-foot a{color:#969da9;text-decoration:none;transition:color .2s}
.rm-foot a:hover{color:#d4af5a}
.rm-foot-kontakt svg{width:16px;height:16px;flex:0 0 16px;margin-top:2px;stroke:currentColor}

/* ---- Soziale Netzwerke: runde Schaltflaechen ---- */
.rm-foot-social{display:flex;flex-wrap:wrap;gap:12px}
.rm-foot-social a{
  width:40px;height:40px;border-radius:999px;
  background:#0f1319;border:1px solid #272c35;
  display:flex;align-items:center;justify-content:center;
  color:#969da9;transition:color .2s,border-color .2s;
}
.rm-foot-social a:hover{color:#d4af5a;border-color:#d4af5a}
.rm-foot-social svg{width:20px;height:20px}

/* ---- Unterste Zeile ---- */
.rm-foot-bottom{
  padding-top:32px;border-top:1px solid #272c35;
  display:flex;justify-content:space-between;align-items:center;
  gap:16px;flex-wrap:wrap;font-size:.78rem;color:#969da9;
}
.rm-foot-bottom p{margin:0}
.rm-foot-bottom .rm-foot-legal{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.rm-foot-bottom a:hover{color:#f3f5f7}
@media(max-width:560px){.rm-foot-bottom{justify-content:flex-start}}