.js main .dropbutton-widget,
.js footer .dropbutton-widget,
.js .region-after-content .dropbutton-widget {
  /* background-color: white; */
  border: 1px solid #cccccc;
  display: table;
  background: var(--weiss);
}

.js main .dropbutton-widget:hover,
.js footer .dropbutton-widget:hover,
.js .region-after-content .dropbutton-widget:hover {
  border-color: #b8b8b8;
}
main .dropbutton .dropbutton-action > *,
footer .dropbutton .dropbutton-action > *,
.region-after-content .dropbutton .dropbutton-action > * {
  padding: 0.1em 0.5em;
  white-space: nowrap;
}
main .dropbutton .secondary-action,
footer .dropbutton .secondary-action,
.region-after-content .dropbutton .secondary-action {
  border-top: 1px solid #e8e8e8;
}
main .dropbutton-multiple .dropbutton,
footer .dropbutton-multiple .dropbutton,
.region-after-content .dropbutton-multiple .dropbutton {
  border-right: 1px solid #e8e8e8; /* LTR */
}

main .dropbutton a,
main .dropbutton a:visited,
footer .dropbutton a,
footer .dropbutton a:visited,
.region-after-content .dropbutton a,
.region-after-content .dropbutton a:visited {
  color: var(--maincolor);
  text-transform: uppercase;
}

main .dropbutton a:hover,
main .dropbutton a:active,
footer .dropbutton a:hover,
footer .dropbutton a:active,
.region-after-content .dropbutton a:hover,
.region-after-content .dropbutton a:active {
  color: var(--actioncolor);
}