/* Ergänzungen außerhalb der von Xara erzeugten CSS-Dateien. */
a:focus-visible, button:focus-visible {
  outline: 3px solid #2589b6;
  outline-offset: 4px;
}

/* Xaras bisher permanent ausgewähltes Startbild nur im passenden Abschnitt zeigen. */
#xr_nb1 img.xr_rs, #xr_nb7 img.xr_rs { visibility: hidden !important; }
#xr_nb1 a[aria-current] > img:last-of-type,
#xr_nb7 a[aria-current] > img:last-of-type { visibility: visible !important; }

#xr_nb5 .oh-mobile-toggle, #xr_nb11 .oh-mobile-toggle {
  position: absolute;
  left: -16px;
  top: 0;
  width: 57px;
  height: 61px;
}
#xr_nb5 .oh-mobile-toggle > img, #xr_nb11 .oh-mobile-toggle > img { left: 16px !important; }
#xr_nb5 .oh-menu-open > .xr_nb2,
#xr_nb11 .oh-menu-open > .xr_nb2 {
  visibility: visible !important;
  opacity: 1 !important;
}

#ochsenhopf-kontakt {
  position: fixed;
  z-index: 999;
  top: 52px;
  left: 0;
  box-sizing: border-box;
  min-height: 44px;
  padding: 12px 16px;
  border-radius: 0 4px 4px 0;
  background: #000;
  color: #fff;
  font: 16px/20px Arial, sans-serif;
  text-decoration: none;
}
#ochsenhopf-kontakt:hover { background: #333; color: #fff; }
@media screen and (max-width: 663px) {
  #ochsenhopf-kontakt { top: 8px; left: 8px; border-radius: 4px; }
}
@media print {
  #ochsenhopf-kontakt { display: none; }
}