:root{
  --mh-dark-gray: #141414;
  --mh-main-color: #5f021f;
  --mh-main-light: #960332;
}

.navi-main > div.navi-border {
  border-color: var(--mh-main-color)
}
button.button-primary, button.button-secondary {
  border-color: var(--mh-main-color);
}
button.button-primary {
  background-color: var(--mh-main-color);
}
button.button-primary:hover {
  background-color:var(--mh-main-light);
  border-color: var(--mh-main-light);
}
button.button-secondary:hover {
  background-color: var(--mh-main-color);
  color:#ffffff;
}
button.button-secondary span, button.button-link span, button.button-link, button.button-secondary, button.text-link {
  color: var(--mh-main-color);
}

.navi-menu .ui-state-active a, .navi-menu .ui-state-active a:link, .navi-menu .ui-tabs .ui-tabs-panel button:active {
	color: var(--mh-main-color);
}

.navi-menu li.ui-state-hover, .navi-menu .ui-tabs .ui-tabs-panel button:hover {
	color: var(--mh-main-light);
}


button.nav-button-default {
	background-color: rgba(20,20,20,.1);
}

button.nav-button-active, .navi-menu .ui-tabs .ui-tabs-panel button.nav-button-default:hover {
	background-color: var(--mh-main-color);
}


.navi-menu .ui-tabs .ui-tabs-panel button.nav-button-active:hover {
    background-color: var(--mh-main-light);
}
.breadcrumb button.breadcrumb-active, .breadcrumb span.breadcrumb-active {
	color: var(--mh-main-color);
}
.breadcrumb button:hover {
	color: var(--mh-main-light);
}

.panel-teaser-link button > span, button.text-link {
	color: var(--mh-main-color);
}
.panel-teaser-link button:hover > span, button:hover.text-link {
	color: var(--mh-main-light);
}

.panel-cart-button button {
	background: var(--mh-main-color);
}

.panel-cart-button button:hover {
	background: var(--mh-main-light);
}

.scroll-to-top button {
	border-color: var(--mh-main-color)
}
.ui-datepicker-header.ui-widget-header,
.ui-dialog .ui-dialog-titlebar.ui-widget-header {
	border-bottom: 2px solid var(--mh-main-color);
}

.ui-state-highlight,
.ui-widget a.ui-state-hover,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight,
ul.ui-menu > li.ui-state-focus
{
  background-color: rgba(20,20,20,0.2)
}

ul.ui-menu > li.ui-state-focus a:hover {
  color: var(--mh-main-light)
}

.order-fail p, .text-fail {
  color: var(--mh-main-color);
}