/* IG SAFE: zentrale Wechselbuttons zwischen Kurz- und Langfassung.
   Eine Gestaltung fuer beide Richtungen und alle Seitentypen. */
html body a.quick-version-button,
html body a.quick-version-back,
html[data-theme] body a.quick-version-button,
html[data-theme] body a.quick-version-back {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  max-width: 100%;
  padding: 11px 20px;
  border: 1px solid var(--red, #b51f2c);
  border-radius: 14px;
  background: var(--red, #b51f2c);
  color: #fff;
  font-weight: 750;
  font-size: 1rem;
  line-height: 1.35;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  overflow-wrap: anywhere;
}
html body a.quick-version-button:hover,
html body a.quick-version-back:hover,
html[data-theme] body a.quick-version-button:hover,
html[data-theme] body a.quick-version-back:hover {
  background: var(--red-dark, #951a22);
  border-color: var(--red-dark, #951a22);
  color: #fff;
  text-decoration: none;
}
html body a.quick-version-button:focus-visible,
html body a.quick-version-back:focus-visible,
html[data-theme] body a.quick-version-button:focus-visible,
html[data-theme] body a.quick-version-back:focus-visible {
  outline: 3px solid var(--text, #261f1d);
  outline-offset: 3px;
}
/* Rueckweg sieht gleich aus, Klasse bleibt aus Kompatibilitaetsgruenden bestehen. */
html body a.quick-version-button--secondary,
html[data-theme] body a.quick-version-button--secondary {
  color: #fff;
  background: var(--red, #b51f2c);
  border-color: var(--red, #b51f2c);
}
html body a.quick-version-button--secondary:hover,
html[data-theme] body a.quick-version-button--secondary:hover {
  color: #fff;
  background: var(--red-dark, #951a22);
}
@media (max-width: 600px) {
  html body a.quick-version-button,
  html body a.quick-version-back { min-height: 46px; }
}