#umweltbetrieb-sidebar {
  position: fixed;
  right: 0;
  left: inherit;
  transition: all 0.3s cubic-bezier(0.05, 0.5, 0.3, 1);
  padding-right: 0;
  padding-left: 2.25rem;
  width: auto;
}

#umweltbetrieb-sidebar.accessible:hover {
  transform: translate(-10%, -50%) scale(1.2) !important;
}

body.is-scrolled #umweltbetrieb-sidebar.accessible {
  transform: translate(57%, -50%);
}

#umweltbetrieb-sidebar .accessible-tile {
  background-color: var(--orange);
}
#umweltbetrieb-sidebar .accessible-tile:hover {
  background-color: var(--orange-d);
}

.umweltbetrieb-menu {
  /*border: 2px solid orange;*/
}

.main-content .block-menu.umweltbetrieb-menu ul li.nav-item a::before {
  color: var(--orange);
}

.umweltbetrieb-menu .nav-link-plain:before {
  content: none !important;
}


/* Farbe für die Auslastungsanzeige von Wertstoffhöfen (ggf. später mal in style.css? */
.bg-grasgruen { background-color: var(--grasgruen); }

.liste-auslastung .farbe-auslastung {
  display: inline-block;
  padding: 0.5rem;
  width: 3em;
  height: 3em;
}
.liste-auslastung .farbe-auslastung .symbol {
  color: white;
  font-size: 2em;
}

/** Anpassungen Admin-/Settings Formular */
form.bielefeld-umweltbetrieb-auslastung .form-select {
  width: auto;
}

.print-item {
  display : none
}


.suggestions {
  margin-bottom : 0
}

.suggestions-wrapper {
  position         : relative;
  z-index          : 9999999;
  background-color : white
}

.suggestions-wrapper .suggestions {
  width      : 100%;
  position   : absolute;
  z-index    : 99;
  padding    : 0;
  top        : 0;
  left       : 0;
  list-style : none;
  border: 1px solid var(--hellgrau);
  border-top-width: 0;
}

.suggestions-wrapper .suggestions li {
  background-color : white;
  transition       : all .15s ease
}

.suggestions-wrapper .suggestions li::before {
  content: none !important;
}

.suggestions-wrapper .suggestions li a {
  padding         : 0.5rem 1rem 0.5rem 1rem;
  display         : block;
  outline         : none;
  text-decoration : none;
  transition      : all .15s ease;
  border-bottom   : none !important
}

.suggestions-wrapper .suggestions li a .suggestion-content {
  color : black;
}

.suggestions-wrapper .suggestions li a:focus, .suggestions-wrapper .suggestions li a:active, .suggestions-wrapper .suggestions li a:hover {
  background-color : var(--lichtgrau);
  outline          : none;
  transition       : all .15s ease;
}

.suggestions-wrapper .suggestions li.chosen a {
  background-color : var(--mittelgrau);
  outline          : none;
  transition       : all .15s ease;
}