:root {
  --hm-red: #d51130;
  --hm-red-700: #890b1e;
  --hm-blue: #164194;
  --contao: var(--hm-red-700) !important;
  --progress-running: var(--hm-red) !important;
  --header-bg: #fff;
  --header-bg-hover: var(--hm-red-700) !important;
  --nav-bg: var(--hm-blue);
  --nav-separator: rgba(255,255,255,0.2);
  --nav-current: var(--hm-red);
}

html[data-color-scheme=dark] body.be_login #container:nth-child(1) #main:before,
html[data-color-scheme=dark] body #header h1 a {
  filter: brightness(0) invert(1);
}

body.be_login {
  background: var(--body-bg);
}
body.be_login #container:nth-child(1) {
  margin: 0 auto;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
body.be_login #container:nth-child(1) #main {
  width: 100%;
  max-width: 400px;
  position: relative;
  z-index: 2;
  overflow: unset;
}
body.be_login #container:nth-child(1) #main:before {
  content: "";
  display: block;
  width: 300px;
  height: 60px;
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%) translateY(-40%);
  background: url(../img/logo.svg) no-repeat scroll 50% 50%;
  background-size: contain;
  margin: 0 auto;
}
body #header {
  --width: var(--backend-width, 100vw);
  --gradientPos: calc( 100vw - ((100vw - var(--width)) * 0.5) - 1rem );
  background: linear-gradient(90deg, var(--header-bg) var(--gradientPos), var(--hm-red) var(--gradientPos));
}
body #header h1 a {
  background-image: url(../img/logo.svg);
  background-size: auto 18px;
  background-position: 50% 50%;
  padding: 12px;
  width: 196px;
}
body #header h1 a .app-title {
  opacity: 0;
}
body #header #tmenu:before {
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 0px 40px 14px;
  border-color: transparent transparent var(--hm-red) transparent;
  transform: rotate(0deg);
}
body #header #tmenu > li {
  background: var(--hm-red);
}
body #tl_navigation a:hover, body #tl_navigation li.current > a {
  --text: #fff;
}
body .jobs-progress-label {
  color: #fff;
}

#picker-menu a.customFilePicker {
  background-image: url(../../../../system/themes/flexible/icons/filemounts.svg);
  background-size: 14px;
}

/*# sourceMappingURL=backend.css.map */