/* Rahmen fuer alle Musterseiten. Gehoert zu RangMedia, nicht zum fiktiven
   Unternehmen — deshalb bewusst neutral und in Systemschrift, damit er in
   keinem der drei Designs wie ein Teil davon wirkt. */
.rm-muster{
  position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:9999;
  display:flex;align-items:center;gap:.6rem;max-width:calc(100vw - 24px);
  padding:.4rem .4rem .4rem 1rem;border-radius:999px;
  background:rgba(18,18,18,.9);color:#f2f0ec;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:0 10px 30px rgba(0,0,0,.25);
  font:500 12px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:0;text-transform:none;
}
.rm-muster-text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rm-muster a{flex-shrink:0;color:#121212;background:#f2f0ec;text-decoration:none;padding:.5rem .85rem;border-radius:999px;font-weight:600}
.rm-muster a:hover{background:#fff}
.rm-muster button{flex-shrink:0;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#f2f0ec;cursor:pointer;font:400 18px/1 system-ui,sans-serif}
.rm-muster button:hover{background:rgba(255,255,255,.14)}
@media (max-width:520px){
  .rm-muster{left:12px;right:12px;bottom:12px;transform:none;max-width:none}
  .rm-muster-lang{display:none}
}

/* Rueckmeldung der Formular-Attrappe; Farben setzt jede Musterseite selbst */
.rm-form-hinweis{margin:0;padding:.85rem 1rem;border-radius:10px;font-size:.92rem;line-height:1.5}