* {
  box-sizing: border-box;
  hyphens: auto;
}

@font-face {
  font-family: "Poppins";
  src: url("/template/gabo-2024/fonts/Poppins/Poppins-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Poppins";
  src: url("/template/gabo-2024/fonts/Poppins/Poppins-Medium.ttf") format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "Poppins";
  src: url("/template/gabo-2024/fonts/Poppins/Poppins-SemiBold.ttf") format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "Poppins";
  src: url("/template/gabo-2024/fonts/Poppins/Poppins-Bold.ttf") format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: "Poppins";
  src: url("/template/gabo-2024/fonts/Poppins/Poppins-ExtraBold.ttf") format("truetype");
  font-weight: 900;
}
#header {
  background-color: var(--gabo-color-foreground);
  height: var(--gabo-header-height);
  border-bottom: solid 1px var(--gabo-color-text-light);
  padding: var(--gabo-spacer-small) var(--gabo-spacer);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 11;
}
#header .gabo-idm-logo {
  display: block;
  height: 100%;
}
#header .gabo-idm-logo img {
  height: 100%;
  width: auto;
}
#header #projektname {
  text-align: center;
}
#header #projektname a {
  color: var(--gabo-color-text);
}
#header #projektname a:hover {
  color: var(--gabo-color-primary);
}

#sidebar {
  --gabo-sidebar-footer-height: 100px;
  width: var(--gabo-sidebar-width);
  min-width: var(--gabo-sidebar-width);
  max-width: var(--gabo-sidebar-width);
  background-color: var(--gabo-color-foreground);
  border-right: solid 1px var(--gabo-color-text-light);
  border-bottom: solid 1px var(--gabo-color-text-light);
  height: calc(100vh - var(--gabo-header-height));
  display: grid;
  padding: var(--gabo-spacer) 0 var(--gabo-spacer) var(--gabo-spacer-small);
  position: sticky;
  top: var(--gabo-header-height);
}
body.mini-navbar #sidebar {
  width: var(--gabo-sidebar-width-collapsed);
  min-width: var(--gabo-sidebar-width-collapsed);
  max-width: var(--gabo-sidebar-width-collapsed);
}
body.mini-navbar #sidebar .sidebar-header {
  text-align: center;
}
body.mini-navbar #sidebar .sidebar-header a i {
  rotate: 180deg;
}
body.mini-navbar #sidebar .sidebar-nav ul li a .icon-wrap {
  margin-right: 0;
}
body.mini-navbar #sidebar .sidebar-nav ul li a .mini-click-non {
  display: none;
}
body.mini-navbar #sidebar .sidebar-nav ul li ul.submenue {
  display: none;
}
body.mini-navbar #sidebar .sidebar-header a i,
body.mini-navbar #sidebar .sidebar-footer a i {
  margin-right: 0;
}
body.mini-navbar #sidebar .sidebar-header a span,
body.mini-navbar #sidebar .sidebar-footer a span {
  display: none;
}
#sidebar .sidebar-header, #sidebar .sidebar-nav, #sidebar .sidebar-footer {
  padding-right: var(--gabo-spacer-small);
}
#sidebar .sidebar-header {
  padding-bottom: var(--gabo-spacer);
  text-align: right;
}
#sidebar .sidebar-header a {
  border-color: var(--gabo-color-text-inverted);
}
#sidebar .sidebar-header a:hover {
  color: var(--gabo-color-text);
  border-color: var(--gabo-color-text-light);
}
#sidebar .sidebar-header a i {
  rotate: 0deg;
  margin-right: 0;
  transition: rotate var(--gabo-transition-timing-slow);
}
#sidebar .sidebar-footer a {
  display: block;
  border-radius: var(--gabo-border-radius);
  padding: var(--gabo-spacer-small);
  color: var(--gabo-color-text);
  font-weight: 500;
}
#sidebar .sidebar-footer a:hover {
  color: var(--gabo-color-text-inverted);
  background-color: var(--gabo-color-primary);
}
#sidebar .sidebar-footer a:hover i {
  color: var(--gabo-color-text-inverted);
  scale: var(--gabo-icon-scale-factor);
}
#sidebar .sidebar-footer a i {
  color: var(--gabo-color-text);
  margin-right: var(--gabo-spacer-small);
  transition: scale var(--gabo-transition-timing);
}
#sidebar .sidebar-nav {
  height: calc(100% - var(--gabo-sidebar-footer-height));
  overflow: scroll;
}
#sidebar .sidebar-nav ul {
  margin-top: 0;
  padding: 0;
  list-style: none;
}
#sidebar .sidebar-nav ul li.active > a {
  color: var(--gabo-color-text-inverted);
  background-color: var(--gabo-color-primary);
}
#sidebar .sidebar-nav ul li.active > a .icon-wrap, #sidebar .sidebar-nav ul li.active > a .arrow {
  color: var(--gabo-color-text-inverted);
  scale: var(--gabo-icon-scale-factor);
}
#sidebar .sidebar-nav ul li + li {
  margin-top: var(--gabo-spacer-small);
}
#sidebar .sidebar-nav ul .submenue {
  margin-left: calc(var(--gabo-spacer) + var(--gabo-spacer-small));
}
#sidebar .sidebar-nav ul .submenue li + li {
  margin-top: 0;
}
#sidebar .sidebar-nav ul .submenue li a {
  font-size: var(--gabo-font-size-small);
}
#sidebar .sidebar-nav ul .submenue li a .icon-wrap {
  margin-right: calc(var(--gabo-spacer-small) / 2);
}
#sidebar .sidebar-nav a {
  display: block;
  color: var(--gabo-color-text);
  border-radius: var(--gabo-border-radius);
  padding: var(--gabo-spacer-small);
  font-weight: 500;
}
#sidebar .sidebar-nav a .icon-wrap {
  color: var(--gabo-color-primary);
  margin-right: var(--gabo-spacer-small);
  transition: scale var(--gabo-transition-timing);
}
#sidebar .sidebar-nav a .arrow {
  color: var(--gabo-color-text-light);
}
#sidebar .sidebar-nav a:hover {
  color: var(--gabo-color-text-inverted);
  background-color: var(--gabo-color-primary);
}
#sidebar .sidebar-nav a:hover .icon-wrap, #sidebar .sidebar-nav a:hover .arrow {
  color: var(--gabo-color-text-inverted);
  scale: var(--gabo-icon-scale-factor);
}

#main-content-wrapper {
  display: flex;
  width: 100%;
}

#main {
  width: calc(100% - var(--gabo-sidebar-width));
  position: relative;
  padding: var(--gabo-spacer) var(--gabo-spacer-small);
}
body.mini-navbar #main {
  width: calc(100% - var(--gabo-sidebar-width-collapsed));
}

.gabo-card, .dropzone-pro, #userMenu .user-menu-navigation, .nav-tabs {
  box-shadow: var(--gabo-box-shadow);
  margin-bottom: var(--gabo-spacer);
}
.gabo-card:hover, .dropzone-pro:hover, #userMenu .user-menu-navigation:hover, .nav-tabs:hover {
  box-shadow: var(--gabo-box-shadow-hover);
}

.white-box, .dropzone-pro, #userMenu .user-menu-navigation, .nav-tabs {
  border-radius: var(--gabo-border-radius);
  padding: var(--gabo-spacer);
  background-color: var(--gabo-color-foreground);
}
.white-box ul, .dropzone-pro ul, #userMenu .user-menu-navigation ul, .nav-tabs ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.white-box ul li + li, .dropzone-pro ul li + li, #userMenu .user-menu-navigation ul li + li, .nav-tabs ul li + li {
  margin-top: var(--gabo-spacer);
}

.gabo-title-wrapper {
  display: flex;
  gap: var(--gabo-spacer);
  align-items: center;
}

.gabo-title-wrapper .page-header {
  flex: 1;
}

#footer {
  padding: var(--gabo-spacer);
}

#scrollUp {
  --gabo-scrollup-width: 50px;
  --gabo-scrollup-height: 50px;
  right: var(--gabo-spacer);
  bottom: var(--gabo-spacer);
  background-color: var(--gabo-color-primary);
  color: var(--gabo-color-text-inverted);
  padding: var(--gabo-spacer);
  border-radius: 100%;
  width: var(--gabo-scrollup-width);
  height: var(--gabo-scrollup-height);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: var(--gabo-box-shadow);
}

.footer-copyright-area {
  background: none;
}
.footer-copyright-area .footer-copy-right {
  text-align: center;
}
.footer-copyright-area .footer-copy-right p {
  color: var(--gabo-color-text-light);
}

.help-tooltip {
  position: relative;
  display: inline-block;
}
.help-tooltip:hover .help-tooltiptext {
  display: block;
}
.help-tooltip .icon-wrap {
  color: var(--gabo-color-primary);
  cursor: pointer;
}
.help-tooltip .help-tooltiptext {
  display: none;
  position: absolute;
  left: calc(var(--gabo-spacer) * 2);
  top: calc(var(--gabo-spacer-small) * -1);
  background-color: var(--gabo-color-foreground);
  border-radius: var(--gabo-border-radius);
  box-shadow: var(--gabo-box-shadow);
  padding: var(--gabo-spacer-small);
  font-size: var(--gabo-font-size-small);
  font-weight: 400;
  white-space: nowrap;
}

#loadingIndicator {
  --gabo-loading-indicator-width: 100px;
  --gabo-loading-indicator-height: var(--gabo-loading-indicator-width);
  --gabo-loading-indicator-thickness: var(--gabo-spacer-small, 10px);
  --gabo-loading-indicator-blur: 5px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: color-mix(in srgb, var(--gabo-color-primary) 20%, transparent);
  text-align: center;
  z-index: 20;
  padding-top: 40vh;
  backdrop-filter: blur(var(--gabo-loading-indicator-blur));
  display: none;
}
#main.loading #loadingIndicator {
  display: block;
}
#loadingIndicator .spinner {
  width: var(--gabo-loading-indicator-width);
  height: var(--gabo-loading-indicator-height);
  border: var(--gabo-loading-indicator-thickness) solid var(--gabo-color-primary);
  border-bottom-color: var(--gabo-color-primary-darker-200);
  border-radius: 50%;
  display: inline-block;
  animation: rotation 1s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

pre {
  background-color: color-mix(in srgb, var(--gabo-color-highlight) 20%, transparent);
  border: solid 1px var(--gabo-color-highlight);
  padding: var(--gabo-spacer);
  font-size: var(--gabo-font-size-smaller);
  margin: calc(var(--gabo-spacer) * 2) 0;
}

.nav-tabs {
  border-bottom: none;
}
.nav-tabs li a {
  background: none;
  border: none;
}
.nav-tabs li a:hover {
  background: none;
}

.nav-tabs {
  padding: var(--gabo-spacer-small) var(--gabo-spacer);
  margin-top: 0;
  margin-bottom: 0;
}
.nav-tabs.small ul li {
  font-size: var(--gabo-font-size-smaller);
}
.nav-tabs.scrollable {
  overflow-x: auto;
}
.nav-tabs.scrollable ul {
  flex-wrap: nowrap;
  width: max-content;
}
.nav-tabs ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.nav-tabs ul li {
  font-size: var(--gabo-font-size-small);
  display: inline-block;
}
.nav-tabs ul li + li {
  margin-top: 0;
}
.nav-tabs ul li.active a {
  background-color: var(--gabo-color-primary);
  color: var(--gabo-color-text-inverted);
}
.nav-tabs ul li.active a:hover {
  background-color: var(--gabo-color-primary);
  color: var(--gabo-color-text-inverted);
}
.nav-tabs ul li a {
  border-radius: var(--gabo-border-radius);
  padding: var(--gabo-spacer-small) var(--gabo-spacer);
  cursor: pointer;
  display: block;
}

.datatable-container .datatable.table-striped tbody tr {
  background: none;
}
.datatable-container .datatable thead {
  position: static;
}
.datatable-container .datatable thead tr th {
  box-shadow: none;
  border: none;
}
.datatable-container .datatable tbody tr td {
  border-left: none !important;
}
.datatable-container .datatable tbody tr td.action {
  padding: var(--gabo-spacer);
}
.datatable-container .datatable tfoot tr td button:disabled {
  opacity: 1;
}

.datatable-container {
  --gabo-datatable-border-color: var(--gabo-color-text-light);
  --gabo-datatable-border-width: 1px;
  width: 100%;
  overflow: scroll;
}
.datatable-container .datatable {
  background: none;
  border-radius: var(--gabo-border-radius);
}
.datatable-container .datatable th, .datatable-container .datatable td {
  padding: var(--gabo-spacer-small);
}
.datatable-container .datatable thead {
  font-size: var(--gabo-font-size-small);
}
.datatable-container .datatable thead tr:first-child th {
  padding-right: calc(var(--gabo-spacer) * 1.5);
}
.datatable-container .datatable thead tr:first-child th:first-child {
  border-top-left-radius: var(--gabo-border-radius);
}
.datatable-container .datatable thead tr:first-child th:last-child {
  border-top-right-radius: var(--gabo-border-radius);
}
.datatable-container .datatable thead tr th {
  font-weight: 500;
  border: none;
  border-left: solid var(--gabo-datatable-border-width) var(--gabo-datatable-border-color);
  border-top: solid var(--gabo-datatable-border-width) var(--gabo-color-background);
  background-color: var(--gabo-color-foreground);
}
.datatable-container .datatable thead tr th:first-child {
  border-left: none;
}
.datatable-container .datatable thead tr th.filter {
  padding: var(--gabo-spacer-small);
  font-size: var(--gabo-font-size-smaller);
  font-weight: normal;
}
.datatable-container .datatable thead tr th.filter.with-buttons .form-control {
  display: inline-block;
  margin-right: calc(var(--gabo-spacer) * -2.5);
  padding-right: calc(var(--gabo-spacer) * 3);
}
.datatable-container .datatable thead tr th.filter.with-buttons .btn-link {
  width: 1rem;
  color: var(--gabo-color-primary);
}
.datatable-container .datatable thead tr th.filter.with-buttons .btn-link:hover.apply {
  color: var(--gabo-color-green);
}
.datatable-container .datatable thead tr th.filter.with-buttons .btn-link:hover.reset {
  color: var(--gabo-color-highlight);
}
.datatable-container .datatable thead tr th.filter.has-filter-value .form-control {
  border-color: var(--gabo-color-primary);
}
.datatable-container .datatable thead tr th.filter .input-group-btn {
  font-size: inherit;
}
.datatable-container .datatable thead tr th.filter .form-control, .datatable-container .datatable thead tr th.filter .btn {
  font-size: inherit;
  height: auto;
  padding: var(--gabo-spacer-smaller);
}
.datatable-container .datatable thead tr th.filter .form-control {
  border-color: var(--gabo-color-text-light);
}
.datatable-container .datatable thead tr th.order {
  color: var(--gabo-color-primary);
}
.datatable-container .datatable thead tr th .sorter button.active i {
  color: var(--gabo-color-primary);
}
.datatable-container .datatable thead tr th .sorter i {
  color: var(--gabo-color-text-light);
  font-size: var(--gabo-font-size-small);
}
.datatable-container .datatable tbody {
  font-size: var(--gabo-font-size-small);
}
.datatable-container .datatable tbody tr:hover td {
  background-color: color-mix(in srgb, var(--gabo-color-primary) 10%, transparent);
}
.datatable-container .datatable tbody tr:last-child td:first-child {
  border-bottom-left-radius: var(--gabo-border-radius);
}
.datatable-container .datatable tbody tr:last-child td:last-child {
  border-bottom-right-radius: var(--gabo-border-radius);
}
.datatable-container .datatable tbody tr td {
  border-top: solid var(--gabo-datatable-border-width) var(--gabo-datatable-border-color);
  background-color: var(--gabo-color-foreground);
}
.datatable-container .datatable tfoot {
  font-size: var(--gabo-font-size-smaller);
  font-weight: 500;
  background-color: var(--gabo-color-background);
}
.datatable-container .datatable tfoot tr td {
  border-top: none;
}
.datatable-container .datatable tfoot tr td button {
  padding: 0 var(--gabo-spacer-small);
}
.datatable-container .datatable tfoot tr td button[disabled] i {
  color: var(--gabo-color-text-light);
}
.datatable-container .datatable tfoot tr td button i {
  color: var(--gabo-color-text);
  font-size: var(--gabo-font-size-smaller);
}
.datatable-container .datatable tfoot tr td select {
  height: auto;
}

.gabo-js-datatable-wrapper .datatable-container table thead tr.actions th {
  border-bottom: solid var(--gabo-datatable-border-width) var(--gabo-datatable-border-color);
  padding: 0 0 var(--gabo-spacer) 0;
}
.gabo-js-datatable-wrapper .datatable-container table thead tr.actions th .actions-wrapper {
  display: flex;
  gap: var(--gabo-spacer);
  justify-content: flex-end;
}
.gabo-js-datatable-wrapper .datatable-container table thead tr.actions th .actions-wrapper > div {
  flex-grow: 0.1;
}
.gabo-js-datatable-wrapper .datatable-container table thead tr.actions th .actions-wrapper > div:empty {
  display: none;
}
.gabo-js-datatable-wrapper .datatable-container table thead tr.actions th .actions-wrapper > div:last-of-type {
  flex-grow: 0;
}

#userMenu {
  --gabo-current-user-initials-size: 40px;
  --gabo-user-navigation-width: 250px;
  min-width: var(--gabo-user-navigation-width);
}
#userMenu .current-user {
  display: flex;
  cursor: pointer;
  position: relative;
  align-items: center;
}
#userMenu .current-user:hover .initials {
  scale: 1.1;
}
#userMenu .current-user .initials {
  background-color: var(--gabo-color-primary);
  color: var(--gabo-color-text-inverted);
  border-radius: 100%;
  display: inline-block;
  padding: var(--gabo-spacer-small);
  font-size: var(--gabo-font-size-small);
  line-height: calc(var(--gabo-current-user-initials-size) / 2);
  width: var(--gabo-current-user-initials-size);
  height: var(--gabo-current-user-initials-size);
  vertical-align: middle;
  transition: scale var(--gabo-transition-timing);
}
#userMenu .current-user .wrapper {
  padding-left: var(--gabo-spacer);
  padding-right: var(--gabo-spacer);
  font-size: var(--gabo-font-size-small);
}
#userMenu .current-user .wrapper .email {
  color: var(--gabo-color-text-light);
  font-size: var(--gabo-font-size-smaller);
}
#userMenu .current-user i {
  font-size: var(--gabo-font-size-body);
  transition: rotate var(--gabo-transition-timing);
}
#userMenu .current-user .user-menu-toggler {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  margin: 0;
}
#userMenu .current-user .user-menu-toggler:hover + i {
  color: var(--gabo-color-primary);
}
#userMenu #userMenuToggler {
  display: none;
}
#userMenu #userMenuToggler:checked ~ .current-user i {
  color: var(--gabo-color-primary);
  rotate: 180deg;
  transform-origin: center center;
}
#userMenu #userMenuToggler:checked ~ .user-menu-navigation {
  display: block;
}
#userMenu .user-menu-navigation {
  display: none;
  position: absolute;
  z-index: 2;
  margin-top: var(--gabo-spacer);
  margin-left: auto;
  width: var(--gabo-user-navigation-width);
  padding: var(--gabo-spacer-small);
  font-size: var(--gabo-font-size-small);
}
#userMenu .user-menu-navigation ul li + li {
  margin-top: 0;
}
#userMenu .user-menu-navigation ul li a {
  color: var(--gabo-color-text);
  padding: var(--gabo-spacer-small);
  display: block;
  border-radius: var(--gabo-border-radius);
}
#userMenu .user-menu-navigation ul li a:hover {
  background-color: var(--gabo-color-primary);
  color: var(--gabo-color-text-inverted);
}
#userMenu .user-menu-navigation ul li a:hover i {
  color: var(--gabo-color-text-inverted);
  scale: var(--gabo-icon-scale-factor);
}
#userMenu .user-menu-navigation ul li a i {
  margin-right: var(--gabo-spacer-small);
  color: var(--gabo-color-primary);
  transition: scale var(--gabo-transition-timing);
}

.user-settings-menu ul li a {
  display: flex;
  color: var(--gabo-color-text);
  align-items: flex-start;
  transition: color var(--gabo-transition-timing);
}
.user-settings-menu ul li a:hover {
  color: var(--gabo-color-highlight);
}
.user-settings-menu ul li a:hover i {
  background-color: var(--gabo-color-primary-darker-200);
  scale: 1.1;
}
.user-settings-menu ul li a i {
  margin-right: var(--gabo-spacer);
  background-color: var(--gabo-color-primary);
  color: var(--gabo-color-text-inverted);
  padding: var(--gabo-spacer-small);
  border-radius: var(--gabo-border-radius);
  transition: scale var(--gabo-transition-timing), background-color var(--gabo-transition-timing);
  min-width: 40px;
  text-align: center;
}
.user-settings-menu ul li small {
  font-size: var(--gabo-font-size-small);
  color: var(--gabo-color-text-light);
  display: block;
}

.mg-b-1 {
  margin-bottom: var(--gabo-spacer);
}

.mg-b-2 {
  margin-bottom: calc(var(--gabo-spacer) * 2);
}

.mg-t-1 {
  margin-top: var(--gabo-spacer);
}

.mg-t-2 {
  margin-top: calc(var(--gabo-spacer) * 2);
}

.p-1 {
  padding: var(--gabo-spacer);
}

.p-l-1 {
  padding-left: var(--gabo-spacer);
}

.p-l-2 {
  padding-left: calc(var(--gabo-spacer) * 2);
}

.p-t-1s {
  padding-top: var(--gabo-spacer-small);
}

form {
  --gabo-form-spacer-x: var(--gabo-spacer-small);
  --gabo-form-spacer-y: var(--gabo-spacer-small);
  --gabo-form-box-shadow: 0 0px 8px var(--gabo-color-primary-lighter-300);
}
form .form-control {
  background-color: var(--gabo-color-foreground);
  padding: var(--gabo-spacer-small) var(--gabo-spacer-small);
  border: solid 1px var(--gabo-color-primary);
  font-size: var(--gabo-font-size-body);
  line-height: var(--gabo-line-height);
  color: color-mix(in srgb, var(--gabo-color-text) 75%, var(--gabo-color-foreground));
  height: auto;
  border-radius: var(--gabo-border-radius);
}
form .form-control.form-control-small {
  font-size: var(--gabo-font-size-small);
}
form .form-control[type=date], form .form-control[type=time] {
  line-height: var(--gabo-line-height);
}
form .form-control:focus {
  border-color: var(--gabo-color-primary-lighter-300);
  box-shadow: var(--gabo-form-box-shadow);
  color: var(--gabo-color-text);
}
form .form-control:read-only:not(select) {
  background-color: var(--gabo-color-background);
  border: solid 1px var(--gabo-color-primary);
}
form .form-control[disabled] {
  border-color: var(--gabo-color-background);
  background-color: var(--gabo-color-background);
  cursor: not-allowed;
}
form .form-control[disabled]:focus {
  box-shadow: none;
}
form input[readonly]:not([value=""]) {
  border-color: var(--gabo-color-text-light);
  background-color: var(--gabo-color-background);
  cursor: not-allowed;
}
form .input-group .input-group-btn i {
  line-height: var(--gabo-line-height);
}
form .input-group .input-group-addon {
  background-color: var(--gabo-color-background);
  border-top: solid 1px var(--gabo-color-primary);
  border-bottom: solid 1px var(--gabo-color-primary);
}
form .input-group-btn .btn {
  padding: var(--gabo-form-spacer-y) var(--gabo-form-spacer-x);
  font-size: var(--gabo-font-size-body);
  line-height: var(--gabo-line-height);
}
form .input-group-btn .btn.btn-default {
  color: var(--gabo-color-primary);
  border-color: var(--gabo-color-primary);
  background-color: var(--gabo-color-foreground);
}
form .input-group-btn .btn.btn-default:hover, form .input-group-btn .btn.btn-default:focus {
  color: var(--gabo-color-text-inverted);
  background-color: var(--gabo-color-primary);
}
form .input-group-btn .btn.btn-default.remove_field {
  color: var(--gabo-color-highlight);
}
form .input-group-btn .btn.btn-default.remove_field:hover, form .input-group-btn .btn.btn-default.remove_field:focus {
  color: var(--gabo-color-text-inverted);
  background-color: var(--gabo-color-highlight);
}
form label {
  font-weight: 500;
  font-size: var(--gabo-font-size-small);
  padding-left: var(--gabo-form-spacer-x);
}
form label[for] {
  cursor: pointer;
}
form label[data-required="1"]:after {
  content: "*";
  margin-left: 2px;
}
form input {
  padding: var(--gabo-form-spacer-y) var(--gabo-spacer);
  border: solid 1px var(--gabo-color-primary);
  font-size: var(--gabo-font-size-small);
  color: color-mix(in srgb, var(--gabo-color-text) 75%, var(--gabo-color-foreground));
  transition: color var(--gabo-transition-timing);
}
form input[type=checkbox] {
  accent-color: var(--gabo-color-primary);
}
form input[type=submit] {
  padding: var(--gabo-spacer-small) var(--gabo-spacer);
  font-size: var(--gabo-font-size-body);
  line-height: var(--gabo-line-height);
  color: var(--gabo-color-text-inverted);
  background-color: var(--gabo-color-primary);
  font-weight: 500;
}
form input[type=submit]:hover {
  background-color: var(--gabo-color-primary-darker-200);
}
form input[type=submit].gabo-link {
  background: none;
  color: var(--gabo-color-primary);
  padding: 0;
  font-size: inherit;
  border: none;
}
form .form-group > .row + .row {
  margin-top: var(--gabo-spacer);
}
form .form-group .row.button-row {
  margin-top: calc(var(--gabo-spacer) * 2);
}
form .form-group .row.button-row > div {
  display: flex;
  gap: calc(var(--gabo-form-spacer-y) * 2);
}
form .form-group .input-group .input-group-btn:last-child > .gabo-button, form .form-group .input-group .row.button-row > div .input-group-btn:last-child > a.btn, form .form-group .row.button-row > div .input-group .input-group-btn:last-child > a.btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
form .form-group .input-group .input-group-btn .btn {
  margin-top: 0;
}
form button.add_field_buttonoptionen_kks_pattern, form button.add_field_buttonoptionen_kks_pattern_f0 {
  padding: var(--gabo-form-spacer-y) var(--gabo-form-spacer-x);
  font-size: var(--gabo-font-size-small);
  line-height: 1;
  color: var(--gabo-color-primary);
  background-color: var(--gabo-color-foreground);
  border-radius: var(--gabo-border-radius);
  border: solid 1px var(--gabo-color-primary);
  font-weight: 600;
}
form button.add_field_buttonoptionen_kks_pattern:hover, form button.add_field_buttonoptionen_kks_pattern_f0:hover {
  color: var(--gabo-color-text-inverted);
  background-color: var(--gabo-color-primary);
}
form h2 {
  margin-top: calc(var(--gabo-spacer) * 2);
}
form .form-group-inner.input-with-error label {
  color: var(--gabo-color-highlight);
}
form .form-group-inner.input-with-error .form-control {
  border-color: var(--gabo-color-highlight);
}
form .form-group-inner.input-with-error .gabo-error {
  font-size: var(--gabo-font-size-small);
  color: var(--gabo-color-highlight);
  padding-left: var(--gabo-form-spacer-x);
  margin-top: var(--gabo-form-spacer-y);
}
form .form-legend {
  margin-top: var(--gabo-spacer);
}

input[type=checkbox] {
  accent-color: var(--gabo-color-primary);
}

#loginform {
  background: none;
  box-shadow: none;
  padding: 0;
}
#loginform .row:last-of-type {
  margin-top: calc(var(--gabo-spacer) * 2);
}
#loginform .gabo-formfield-wrapper + .gabo-formfield-wrapper {
  margin-top: var(--gabo-spacer);
}
#loginform .gabo-button-wrapper {
  margin-top: calc(var(--gabo-spacer) * 2);
  display: flex;
  gap: var(--gabo-spacer);
}
#loginform .btn.btn-primary {
  background-color: var(--gabo-color-primary);
  width: 100%;
  padding: var(--gabo-form-spacer-y) var(--gabo-form-spacer-x);
  font-size: var(--gabo-font-size-body);
  line-height: var(--gabo-line-height);
}
#loginform .btn.btn-azure.btn-azure > i {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../images/windows-logo.svg") no-repeat;
  background-size: cover;
  vertical-align: middle;
  margin: -1px 0.3em 0 0;
}

#contact-information {
  text-align: center;
  margin-top: 20vh;
  font-size: var(--gabo-font-size-small);
}
#contact-information h3 {
  color: var(--gabo-color-text-light);
  font-weight: normal;
  font-size: var(--gabo-font-size-body);
}
#contact-information p + p {
  margin-top: var(--gabo-spacer);
}

.gabo-alert {
  --gabo-alert-type-icon-font-size: 3rem;
  --gabo-alert-close-link-font-size: var(--gabo-font-size-h1);
  --gabo-alert-padding: var(--gabo-spacer);
  padding: var(--gabo-alert-padding);
  border: solid 1px var(--gabo-color-background);
  background-color: var(--gabo-color-background);
  border-radius: var(--gabo-border-radius);
  display: flex;
  gap: var(--gabo-spacer);
  margin-bottom: var(--gabo-spacer);
}
.gabo-alert.gabo-alert-small {
  --gabo-alert-type-icon-font-size: 2rem;
  --gabo-alert-padding: var(--gabo-spacer-small);
}
.gabo-alert.gabo-alert-small .message {
  font-size: var(--gabo-font-size-small);
}
.gabo-alert.gabo-alert-info {
  border-color: var(--gabo-color-primary);
  background-color: color-mix(in srgb, var(--gabo-color-primary) 20%, transparent);
}
.gabo-alert.gabo-alert-info .type-icon {
  color: var(--gabo-color-primary);
}
.gabo-alert.gabo-alert-success {
  border-color: var(--gabo-color-green);
  background-color: color-mix(in srgb, var(--gabo-color-green) 20%, transparent);
}
.gabo-alert.gabo-alert-success .type-icon {
  color: var(--gabo-color-green);
}
.gabo-alert.gabo-alert-warning {
  border-color: var(--gabo-color-yellow);
  background-color: color-mix(in srgb, var(--gabo-color-yellow) 20%, transparent);
}
.gabo-alert.gabo-alert-warning .type-icon {
  color: var(--gabo-color-yellow);
}
.gabo-alert.gabo-alert-danger {
  border-color: var(--gabo-color-highlight);
  background-color: color-mix(in srgb, var(--gabo-color-highlight) 20%, transparent);
}
.gabo-alert.gabo-alert-danger .type-icon {
  color: color-mix(in srgb, black 20%, var(--gabo-color-highlight));
}
.gabo-alert .type-icon {
  font-size: var(--gabo-alert-type-icon-font-size);
  align-self: center;
}
.gabo-alert .content-wrapper {
  flex: 1;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.gabo-alert .close-link {
  justify-self: end;
  color: var(--gabo-color-text);
  font-size: var(--gabo-alert-close-link-font-size);
}
.gabo-alert .close-link:hover {
  color: var(--gabo-color-primary);
}
.gabo-alert .title, .gabo-alert .message {
  padding: 0;
}
.gabo-alert .title {
  font-size: var(--gabo-font-size-body);
}
.gabo-alert .message {
  font-size: var(--gabo-font-size-small);
  margin-top: var(--gabo-spacer-small);
}
.gabo-alert .message:empty {
  display: none;
}

.gabo-module-settings {
  --gabo-module-settings-padding: var(--gabo-spacer);
  --gabo-module-settings-background-color: var(--gabo-color-foreground);
  --gabo-module-settings-border-color: var(--gabo-color-text-light);
  --gabo-module-settings-text-color: var(--gabo-color-text);
  --gabo-module-settings-active-color: var(--gabo-color-primary);
  position: relative;
}
.gabo-module-settings #moduleSettingsToggler {
  display: none;
}
.gabo-module-settings #moduleSettingsToggler:checked ~ .module-settings-menue {
  display: block;
}
.gabo-module-settings #moduleSettingsToggler:checked ~ label {
  color: var(--gabo-module-settings-active-color);
  background: var(--gabo-module-settings-background-color);
}
.gabo-module-settings #moduleSettingsToggler:checked ~ label:after {
  rotate: 180deg;
  transform-origin: center center;
}
.gabo-module-settings label {
  border-radius: var(--gabo-border-radius);
  cursor: pointer;
  padding: calc(var(--gabo-module-settings-padding) / 2);
  background: var(--gabo-module-settings-background-color);
  border: 1px solid var(--gabo-module-settings-border-color);
  color: var(--gabo-module-settings-text-color);
  font-size: var(--gabo-font-size-small);
}
.gabo-module-settings label:after {
  content: "\f0d7";
  font-family: var(--gabo-font-family-icon);
  margin-left: 5px;
  display: inline-block;
  transition: rotate var(--gabo-transition-timing);
}
.gabo-module-settings label:hover {
  color: var(--gabo-module-settings-active-color);
}
.gabo-module-settings .module-settings-menue {
  border-radius: var(--gabo-border-radius);
  box-shadow: var(--gabo-box-shadow);
  margin-bottom: var(--gabo-spacer);
  padding: var(--gabo-spacer);
  background-color: var(--gabo-color-foreground);
  display: none;
  position: absolute;
  right: 0;
  z-index: 11;
  width: max-content;
  font-size: var(--gabo-font-size-small);
}
.gabo-module-settings .module-settings-menue:hover {
  box-shadow: var(--gabo-box-shadow-hover);
}
.gabo-module-settings .module-settings-menue ul {
  margin: 0;
  padding: 0;
}
.gabo-module-settings .module-settings-menue ul li {
  list-style: none;
}
.gabo-module-settings .module-settings-menue ul li + li {
  margin-top: var(--gabo-module-settings-padding);
}

#dashboard {
  min-height: 600px;
  margin-bottom: var(--gabo-spacer);
}
#dashboard > div {
  transition: 0.5s;
}
#dashboard.busy:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: -64px 0 0 -64px;
  border: 6px solid;
  border-radius: 50%;
  border-color: var(--gabo-color-primary) transparent var(--gabo-color-primary) transparent;
  animation: lds-dual-ring 1.2s linear infinite;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 900;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#dashboard.busy > div {
  opacity: 0.5;
  filter: blur(3px);
}
#dashboard .db--panel {
  float: right;
  margin-bottom: var(--gabo-spacer);
  margin-top: -52px;
}
#dashboard .db--body {
  padding: 0 1em;
}
#dashboard .db--widget {
  border: none;
  background: var(--gabo-color-foreground);
  overflow: hidden;
  box-shadow: var(--gabo-box-shadow);
  border-radius: var(--gabo-border-radius);
}
#dashboard .db--widget .lt-body {
  padding: var(--gabo-spacer);
  display: flex;
  flex-direction: column;
}
#dashboard .db--widget .db--widget-title {
  display: flex;
  padding: 0;
  overflow: hidden;
}
#dashboard .db--widget .db--widget-title h5 {
  margin: 0;
  flex: 1;
}
#dashboard .db--widget .db--widget-title button {
  font-size: var(--gabo-font-size-small);
  line-height: 1;
  cursor: pointer;
  padding: 0;
  transition: 0.3s;
  color: var(--gabo-color-text-light);
}
#dashboard .db--widget .db--widget-title button:hover {
  color: var(--gabo-color-primary-darker-200);
}
#dashboard .db--widget .db--widget-title button + button {
  margin-left: var(--gabo-spacer-small);
}
#dashboard .db--widget .db--widget-content {
  padding: 0;
  overflow: auto;
  height: 100%;
  position: relative;
  margin-top: var(--gabo-spacer);
}
#dashboard .db--widget .db--widget-content .nodata {
  border: 2px solid var(--gabo-color-highlight);
  border-radius: var(--gabo-border-radius);
  color: var(--gabo-color-highlight);
  background: none;
  font-weight: 500;
  font-size: var(--gabo-font-size-small);
  padding: var(--gabo-spacer-small);
  text-align: center;
}
#dashboard .db--widget .db--widget-content .interval {
  font-size: var(--gabo-font-size-small);
  color: var(--gabo-color-text-light);
  position: absolute;
  bottom: 0;
  right: 0;
}

@media (max-width: 768px) {
  .db--panel {
    float: none;
    margin-top: 0;
  }
}
.gabo-button, form .form-group .row.button-row > div a.btn {
  padding: var(--gabo-spacer-small) var(--gabo-spacer);
  font-size: var(--gabo-font-size-body);
  line-height: var(--gabo-line-height);
  border-radius: var(--gabo-border-radius);
  border: solid 2px var(--gabo-color-primary);
  font-weight: 500;
  display: inline-block;
  outline: none;
}
.gabo-button:focus, form .form-group .row.button-row > div a.btn:focus {
  outline: none;
}
.gabo-button i, form .form-group .row.button-row > div a.btn i {
  margin-right: var(--gabo-spacer-small);
}
.gabo-button.gabo-button-small, form .form-group .row.button-row > div a.gabo-button-small.btn {
  padding: var(--gabo-spacer-small);
  font-size: var(--gabo-font-size-small);
}
.gabo-button.gabo-button-xsmall, form .form-group .row.button-row > div a.gabo-button-xsmall.btn {
  padding: calc(var(--gabo-spacer-small) / 2) var(--gabo-spacer-small);
  font-size: var(--gabo-font-size-small);
  border-width: 1px;
}
.gabo-button.gabo-button-full-width, form .form-group .row.button-row > div a.gabo-button-full-width.btn {
  width: 100%;
}
.gabo-button + .gabo-button, form .form-group .row.button-row > div a.btn + .gabo-button, form .form-group .row.button-row > div .gabo-button + a.btn, form .form-group .row.button-row > div a.btn + a.btn {
  margin-left: var(--gabo-spacer-small);
}
.gabo-button.gabo-button-primary, form .form-group .row.button-row > div a.btn {
  color: var(--gabo-color-text-inverted);
  background-color: var(--gabo-color-primary);
}
.gabo-button.gabo-button-primary:hover, form .form-group .row.button-row > div a.btn:hover {
  background-color: var(--gabo-color-primary-darker-200);
  border-color: var(--gabo-color-primary-darker-200);
}
.gabo-button.gabo-button-secondary, form .form-group .row.button-row > div a.gabo-button-secondary.btn {
  color: var(--gabo-color-text-inverted);
  background-color: var(--gabo-color-secondary);
}
.gabo-button.gabo-button-secondary:hover, form .form-group .row.button-row > div a.gabo-button-secondary.btn:hover {
  background-color: var(--gabo-color-primary-darker-200);
  border-color: var(--gabo-color-primary-darker-200);
}
.gabo-button.gabo-button-tertiary, form .form-group .row.button-row > div a.gabo-button-tertiary.btn {
  color: var(--gabo-color-text-inverted);
  background-color: var(--gabo-color-tertiary);
}
.gabo-button.gabo-button-tertiary:hover, form .form-group .row.button-row > div a.gabo-button-tertiary.btn:hover {
  background-color: var(--gabo-color-primary-darker-200);
  border-color: var(--gabo-color-primary-darker-200);
}
.gabo-button.gabo-button-outline, form .form-group .row.button-row > div a.gabo-button-outline.btn {
  color: var(--gabo-color-text-light);
  background: none;
  border-color: var(--gabo-color-text-light);
}
.gabo-button.gabo-button-outline:hover, form .form-group .row.button-row > div a.gabo-button-outline.btn:hover {
  color: var(--gabo-color-primary);
  border-color: var(--gabo-color-primary);
}
.gabo-button.gabo-button-outline-primary, form .form-group .row.button-row > div a.gabo-button-outline-primary.btn {
  color: var(--gabo-color-primary);
  background: none;
  border-color: var(--gabo-color-primary);
}
.gabo-button.gabo-button-outline-primary:hover, form .form-group .row.button-row > div a.gabo-button-outline-primary.btn:hover {
  color: var(--gabo-color-text-inverted);
  border-color: var(--gabo-color-primary-darker-200);
  background-color: var(--gabo-color-primary-darker-200);
}
.gabo-button.gabo-button-outline-secondary, form .form-group .row.button-row > div a.gabo-button-outline-secondary.btn {
  color: var(--gabo-color-secondary);
  background: none;
  border-color: var(--gabo-color-secondary);
}
.gabo-button.gabo-button-outline-secondary:hover, form .form-group .row.button-row > div a.gabo-button-outline-secondary.btn:hover {
  color: var(--gabo-color-text-inverted);
  border-color: var(--gabo-color-primary-darker-200);
  background-color: var(--gabo-color-primary-darker-200);
}
.gabo-button.gabo-button-outline-tertiary, form .form-group .row.button-row > div a.gabo-button-outline-tertiary.btn {
  color: var(--gabo-color-tertiary);
  background: none;
  border-color: var(--gabo-color-tertiary);
}
.gabo-button.gabo-button-outline-tertiary:hover, form .form-group .row.button-row > div a.gabo-button-outline-tertiary.btn:hover {
  color: var(--gabo-color-text-inverted);
  border-color: var(--gabo-color-primary-darker-200);
  background-color: var(--gabo-color-primary-darker-200);
}
.gabo-button.gabo-button-disabled, form .form-group .row.button-row > div a.gabo-button-disabled.btn, .gabo-button[disabled], form .form-group .row.button-row > div a[disabled].btn {
  cursor: not-allowed;
  opacity: 0.65;
}

.gabo-button-wrapper {
  margin: var(--gabo-spacer) 0;
}

.gabo-modal .modal-content {
  padding: var(--gabo-spacer);
}
.gabo-modal .modal-header, .gabo-modal .modal-body, .gabo-modal .modal-footer {
  padding: 0;
}
.gabo-modal .modal-header {
  border: none;
  position: relative;
  padding-right: var(--gabo-spacer);
  padding-bottom: var(--gabo-spacer);
}
.gabo-modal .modal-header .close {
  position: absolute;
  top: 0;
  right: 0;
  color: var(--gabo-color-text-light);
  font-size: calc(var(--gabo-font-size-h1) * 1.5);
  font-weight: 500;
  opacity: 1;
}
.gabo-modal .modal-header .close:hover {
  color: var(--gabo-color-primary-darker-200);
}
.gabo-modal .modal-body {
  padding: var(--gabo-spacer) 0;
}
.gabo-modal .modal-footer {
  padding-top: var(--gabo-spacer);
  border: none;
}

.dropzone-pro {
  --gabo-dropzone-transition-timing: var(--gabo-transition-timing);
}
body.blank .dropzone-pro {
  padding: 0;
  box-shadow: none;
}
.dropzone-pro .dz-drag-hover .dz-message {
  border-color: var(--gabo-color-primary);
  background-color: color-mix(in srgb, var(--gabo-color-primary) 10%, var(--gabo-color-foreground));
}
.dropzone-pro .dz-drag-hover .dz-message .dz-icon {
  color: var(--gabo-color-primary);
}
.dropzone-pro .dz-drag-hover .dz-message .message-wrapper, .dropzone-pro .dz-drag-hover .dz-message .upload-size-note {
  opacity: 0.2;
}
.dropzone-pro .dz-drag-hover .dz-previews, .dropzone-pro .dz-drag-hover .dz-error-output {
  opacity: 0.2;
}
.dropzone-pro .dz-message {
  padding: calc(var(--gabo-spacer) * 2);
  background-color: var(--gabo-color-background);
  border: dashed 2px var(--gabo-color-text-light);
  border-radius: var(--gabo-border-radius);
  text-align: center;
  cursor: pointer;
  transition: border-color var(--gabo-dropzone-transition-timing), background-color var(--gabo-dropzone-transition-timing);
}
.dropzone-pro .dz-message + div {
  margin-top: calc(var(--gabo-spacer) * 2);
}
.dropzone-pro .dz-message .dz-icon {
  font-size: 5rem;
  color: var(--gabo-color-primary-lighter-300);
  transition: color var(--gabo-dropzone-transition-timing);
}
.dropzone-pro .dz-message .message-wrapper {
  padding: var(--gabo-spacer) 0;
  transition: opacity var(--gabo-dropzone-transition-timing);
}
.dropzone-pro .dz-message .message-wrapper h2, .dropzone-pro .dz-message .message-wrapper p {
  margin-bottom: calc(var(--gabo-spacer-small) / 2);
}
.dropzone-pro .dz-message .message-wrapper h2 {
  margin-top: 0;
}
.dropzone-pro .dz-message .message-wrapper p a {
  font-weight: 500;
}
.dropzone-pro .dz-message .message-wrapper p.small {
  font-size: var(--gabo-font-size-small);
}
.dropzone-pro .dz-message .upload-size-note {
  font-size: var(--gabo-font-size-smaller);
  color: var(--gabo-color-text-light);
  margin-bottom: 0;
  transition: opacity var(--gabo-dropzone-transition-timing);
}
.dropzone-pro .dz-previews {
  text-align: left;
}
.dropzone-pro .dz-previews .dz-preview {
  position: relative;
  width: 120px;
  height: 120px;
  display: inline-block;
  border: solid 1px var(--gabo-color-text-light);
  border-radius: var(--gabo-border-radius);
  margin-top: var(--gabo-spacer);
}
.dropzone-pro .dz-previews .dz-preview + .dz-preview {
  margin-left: var(--gabo-spacer);
}
.dropzone-pro .dz-previews .dz-preview.dz-processing .dz-progress {
  display: block;
}
.dropzone-pro .dz-previews .dz-preview.dz-success .dz-progress .dz-upload {
  background-color: var(--gabo-color-green);
}
.dropzone-pro .dz-previews .dz-preview.dz-error .dz-progress .dz-upload {
  background-color: var(--gabo-color-highlight);
}
.dropzone-pro .dz-previews .dz-preview.dz-file-preview {
  background-color: var(--gabo-color-text-light);
  background: linear-gradient(135deg, var(--gabo-color-text-light) 0%, var(--gabo-color-background) 60%);
}
.dropzone-pro .dz-previews .dz-preview .dz-progress, .dropzone-pro .dz-previews .dz-preview .dz-error-message, .dropzone-pro .dz-previews .dz-preview .dz-success-mark, .dropzone-pro .dz-previews .dz-preview .dz-error-mark {
  display: none;
}
.dropzone-pro .dz-previews .dz-preview .dz-image {
  border-radius: var(--gabo-border-radius);
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.dropzone-pro .dz-previews .dz-preview .dz-image img {
  display: block;
}
.dropzone-pro .dz-previews .dz-preview .dz-details {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: var(--gabo-font-size-small);
  background-color: color-mix(in srgb, var(--gabo-color-foreground) 60%, transparent);
}
.dropzone-pro .dz-previews .dz-preview .dz-details .dz-size, .dropzone-pro .dz-previews .dz-preview .dz-details .dz-filename {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: calc(var(--gabo-spacer-small) / 2) var(--gabo-spacer-small);
}
.dropzone-pro .dz-previews .dz-preview .dz-progress {
  position: absolute;
  bottom: var(--gabo-spacer-small);
  left: var(--gabo-spacer-small);
  right: var(--gabo-spacer-small);
  height: var(--gabo-spacer-small);
  background-color: var(--gabo-color-foreground);
  border-radius: var(--gabo-border-radius);
  overflow: hidden;
}
.dropzone-pro .dz-previews .dz-preview .dz-progress .dz-upload {
  transition: width var(--gabo-transition-timing), background-color var(--gabo-transition-timing);
  background-color: var(--gabo-color-primary);
  height: 100%;
  display: block;
}
.dropzone-pro .dz-error-output {
  text-align: left;
}
.dropzone-pro .dz-error-output .gabo-alert {
  margin-top: var(--gabo-spacer);
}

.ui-multiselect {
  --gabo-multiselect-border-width: 2px;
  display: flex;
  width: 100% !important;
  font-size: var(--gabo-font-size-body);
  font-family: var(--gabo-font-family-base);
  font-weight: normal;
  border: solid 1px var(--gabo-color-text-light);
  border-radius: var(--gabo-border-radius);
}
.ui-multiselect.ui-widget {
  font-size: var(--gabo-font-size-body);
  font-family: var(--gabo-font-family-base);
}
.ui-multiselect.ui-widget input {
  font-family: var(--gabo-font-family-base);
  font-size: var(--gabo-font-size-small);
}
.ui-multiselect.ui-helper-clearfix {
  display: flex;
}
.ui-multiselect.ui-helper-clearfix:after {
  display: none;
}
.ui-multiselect .ui-icon {
  font-family: var(--gabo-font-family-icon);
  color: var(--gabo-color-primary);
  background: none;
  text-indent: 0;
  margin: 0;
}
.ui-multiselect .ui-icon.ui-icon-minus:after {
  content: "\f146";
}
.ui-multiselect .ui-icon.ui-icon-plus:after {
  content: "\f0fe";
}
.ui-multiselect .ui-icon.ui-icon-arrowthick-2-n-s:after {
  content: "\f338";
  color: var(--gabo-color-text-light);
}
.ui-multiselect > .selected, .ui-multiselect > .available {
  width: 50% !important;
}
.ui-multiselect > .selected + div, .ui-multiselect > .available + div {
  border-left: solid var(--gabo-multiselect-border-width) var(--gabo-color-text-inverted);
}
.ui-multiselect .ui-widget-header {
  background-color: var(--gabo-color-primary);
  padding: var(--gabo-spacer-small);
  font-size: var(--gabo-font-size-small);
  font-weight: 500;
  border: none;
  display: flex;
  justify-content: space-between;
}
.ui-multiselect .ui-widget-header .count, .ui-multiselect .ui-widget-header .search {
  flex: 1;
}
.ui-multiselect .ui-widget-header .search {
  border-radius: var(--gabo-border-radius);
  padding: 0 var(--gabo-font-size-small);
  background-color: var(--gabo-color-foreground);
  margin-right: 40%;
}
.ui-multiselect .ui-widget-header .add-all, .ui-multiselect .ui-widget-header .remove-all {
  font-size: var(--gabo-font-size-smaller);
  font-weight: normal;
}
.ui-multiselect .ui-widget-header .add-all:hover, .ui-multiselect .ui-widget-header .remove-all:hover {
  border-bottom: solid 1px var(--gabo-color-text-inverted);
}
.ui-multiselect .connected-list {
  overflow-y: auto;
}
.ui-multiselect .connected-list li {
  padding: var(--gabo-spacer-small);
  background-color: var(--gabo-color-background);
  font-size: var(--gabo-font-size-small);
  color: var(--gabo-color-text);
  display: flex;
  border: none;
  font-weight: 500;
  position: relative;
}
.ui-multiselect .connected-list li.ui-sortable-handle {
  cursor: move;
}
.ui-multiselect .connected-list li + li {
  margin-top: 0;
  border-top: solid var(--gabo-multiselect-border-width) var(--gabo-color-text-inverted);
}
.ui-multiselect .connected-list li .action {
  position: absolute;
  top: var(--gabo-spacer-small);
  right: var(--gabo-spacer-small);
}

.gabo-view-selection-wrapper {
  display: flex;
  gap: var(--gabo-spacer);
}

#mainContentNavArea:empty {
  display: none;
}

.gabo-link {
  color: var(--gabo-color-text);
  font-size: var(--gabo-font-size-body);
  padding: var(--gabo-spacer-small);
}
.gabo-link:hover {
  color: var(--gabo-color-highlight);
}
.gabo-link > i {
  margin-right: calc(var(--gabo-spacer-small) / 2);
}
.gabo-link.gabo-link-small {
  font-size: var(--gabo-font-size-small);
}
.gabo-link.gabo-link-primary {
  color: var(--gabo-color-primary);
}
.gabo-link.gabo-link-primary:hover {
  color: var(--gabo-color-highlight);
}

.panel-group .panel {
  font-size: var(--gabo-font-size-small);
  border-color: var(--gabo-color-text-light);
}
.panel-group .panel .panel-heading {
  background: var(--gabo-color-background);
}
.cke {
  border-radius: var(--gabo-border-radius);
}
div .cke {
  border-color: var(--gabo-color-primary);
}
.cke.cke_focus {
  border-color: var(--gabo-color-primary-lighter-300);
  box-shadow: var(--gabo-form-box-shadow);
}
.cke .cke_inner {
  border-radius: var(--gabo-border-radius);
}
.cke .cke_top, .cke .cke_bottom {
  background: var(--gabo-color-background);
}
.cke .cke_top {
  border-radius: var(--gabo-border-radius) var(--gabo-border-radius) 0 0;
}
.cke .cke_bottom {
  border-radius: 0 0 var(--gabo-border-radius) var(--gabo-border-radius);
}
.cke .cke_toolgroup {
  background: var(--gabo-color-foreground);
}
.cke .cke_button {
  box-shadow: none;
}
.cke .cke_button.cke_button_on, .cke .cke_button.cke_button_off, .cke .cke_button.cke_button_disabled {
  box-shadow: none;
}
.cke .cke_button.cke_button_off:hover {
  background: var(--gabo-color-background);
}
.cke .cke_button.cke_button_on {
  background: var(--gabo-color-primary-lighter-300);
}
.cke .cke_button.cke_button_disabled:hover {
  background: none;
}
.cke .cke_combo.cke_combo_on .cke_combo_button {
  background: var(--gabo-color-primary-lighter-300);
  box-shadow: none;
}
.cke .cke_combo.cke_combo_off .cke_combo_button:hover {
  background: var(--gabo-color-background);
}
.cke .cke_combo .cke_combo_button {
  background: var(--gabo-color-foreground);
  box-shadow: none;
}
.cke .cke_combo .cke_combo_button:hover {
  box-shadow: none;
}

.gabo-action-menu {
  --gabo-action-menu-padding: var(--gabo-spacer);
  --gabo-action-menu-background-color: var(--gabo-color-foreground);
  --gabo-action-menu-border-color: var(--gabo-color-text-light);
  --gabo-action-menu-text-color: var(--gabo-color-text);
  --gabo-action-menu-active-color: var(--gabo-color-primary);
  position: relative;
}
.gabo-action-menu #actionMenuToggler {
  display: none;
}
.gabo-action-menu #actionMenuToggler:checked ~ .action-menu {
  display: block;
}
.gabo-action-menu #actionMenuToggler:checked ~ label {
  color: var(--gabo-action-menu-active-color);
  background: var(--gabo-action-menu-background-color);
}
.gabo-action-menu #actionMenuToggler:checked ~ label:after {
  rotate: 180deg;
  transform-origin: center center;
}
.gabo-action-menu label {
  border-radius: var(--gabo-border-radius);
  cursor: pointer;
  padding: calc(var(--gabo-action-menu-padding) / 2);
  background: var(--gabo-action-menu-background-color);
  border: 1px solid var(--gabo-action-menu-border-color);
  color: var(--gabo-action-menu-text-color);
  font-size: var(--gabo-font-size-body);
}
.gabo-action-menu label:after {
  content: "\f0d7";
  font-family: var(--gabo-font-family-icon);
  margin-left: 5px;
  display: inline-block;
  transition: rotate var(--gabo-transition-timing);
}
.gabo-action-menu label:hover {
  color: var(--gabo-action-menu-active-color);
}
.gabo-action-menu .action-menu {
  border-radius: var(--gabo-border-radius);
  box-shadow: var(--gabo-box-shadow);
  margin-bottom: var(--gabo-spacer);
  padding: var(--gabo-spacer);
  background-color: var(--gabo-color-foreground);
  display: none;
  position: absolute;
  right: 0;
  z-index: 11;
  width: max-content;
  font-size: var(--gabo-font-size-small);
  text-align: left;
}
.gabo-action-menu .action-menu:hover {
  box-shadow: var(--gabo-box-shadow-hover);
}
.gabo-action-menu .action-menu ul {
  margin: 0;
  padding: 0;
}
.gabo-action-menu .action-menu ul li {
  list-style: none;
}
.gabo-action-menu .action-menu ul li + li {
  margin-top: var(--gabo-action-menu-padding);
}

#divFreischaltungen {
  margin-top: var(--gabo-spacer);
  overflow-y: auto;
}
#divFreischaltungen .accordion {
  border-radius: var(--gabo-border-radius);
  width: 100%;
  display: block;
  color: var(--gabo-color-primary);
  background: none;
  border-color: var(--gabo-color-primary);
  padding: var(--gabo-spacer-small);
  border-width: 1px;
  text-align: left;
}
#divFreischaltungen .accordion + .panel + .accordion {
  margin-top: var(--gabo-spacer);
}
#divFreischaltungen .accordion.active {
  color: var(--gabo-color-text-inverted);
  background: var(--gabo-color-primary);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#divFreischaltungen .accordion.active + .panel {
  display: block;
}
#divFreischaltungen .accordion:hover {
  color: var(--gabo-color-text-inverted);
  border-color: var(--gabo-color-primary-darker-200);
  background-color: var(--gabo-color-primary-darker-200);
}
#divFreischaltungen .panel {
  border-radius: var(--gabo-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  width: 100%;
  display: none;
  padding: var(--gabo-spacer-small) var(--gabo-spacer);
  text-align: left;
  font-size: var(--gabo-font-size-smaller);
  background: var(--gabo-color-background);
  border: solid 1px var(--gabo-color-primary);
}
#divFreischaltungen .panel table {
  padding: var(--gabo-spacer-small) 0;
}
#divFreischaltungen .panel table td {
  width: 50%;
  padding: var(--gabo-spacer-small) 0;
}
#divFreischaltungen .panel select {
  background-color: var(--gabo-color-foreground);
  padding: var(--gabo-spacer-small) var(--gabo-spacer-small);
  border: solid 1px var(--gabo-color-primary);
  font-size: var(--gabo-font-size-body);
  line-height: var(--gabo-line-height);
  color: color-mix(in srgb, var(--gabo-color-text) 75%, var(--gabo-color-foreground));
  height: auto;
  border-radius: var(--gabo-border-radius);
  font-size: var(--gabo-font-size-small);
}

#login-wrapper {
  display: flex;
  min-width: 100vh;
}
#login-wrapper aside {
  background-image: url("../images/AVIS_Web_login_background.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: var(--gabo-color-primary-darker-200);
  width: 60vw;
  min-height: 100vh;
  align-content: center;
  position: relative;
}
@media (min-width: 1200px) {
  #login-wrapper aside {
    width: 70vw;
  }
}
#login-wrapper aside .gabo-avis-logo {
  width: 50%;
  margin: auto;
}
#login-wrapper aside .gabo-service-by {
  display: block;
  width: 150px;
  margin: auto;
  border: solid 1px color-mix(in srgb, var(--gabo-color-foreground) 10%, transparent);
  border-bottom: none;
  padding: var(--gabo-spacer-small) 0 0 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50%;
}
#login-wrapper aside .gabo-service-by a {
  color: var(--gabo-color-text-inverted);
  text-align: center;
}
#login-wrapper aside .gabo-service-by a p {
  font-size: var(--gabo-font-size-smaller);
  margin-bottom: 0;
}
#login-wrapper main {
  background-color: var(--gabo-color-foreground);
  width: 40vw;
  min-height: 100vh;
  display: flex;
  padding: var(--gabo-spacer) calc(var(--gabo-spacer) * 2);
}
@media (min-width: 1200px) {
  #login-wrapper main {
    width: 30vw;
  }
}
#login-wrapper main > div {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
#login-wrapper main h1 {
  text-align: center;
  margin-bottom: calc(var(--gabo-spacer) * 2);
}
#login-wrapper main .gabo-error {
  background-color: color-mix(in srgb, var(--gabo-color-highlight) 20%, transparent);
  border: solid 1px var(--gabo-color-highlight);
  padding: var(--gabo-spacer);
  font-size: var(--gabo-font-size-small);
  margin-bottom: calc(var(--gabo-spacer) * 2);
}
#login-wrapper main .gabo-error:empty {
  display: none;
}

#mainenance-wrapper {
  --gear-size: 90px;
  --gear-box-size: calc(var(--gear-size) * 1.5);
  display: flex;
  min-width: 100vh;
}
#mainenance-wrapper aside {
  background-image: url("../images/AVIS_Web_login_background.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-color: var(--gabo-color-primary-darker-200);
  width: 60vw;
  min-height: 100vh;
  align-content: center;
  position: relative;
}
@media (min-width: 1200px) {
  #mainenance-wrapper aside {
    width: 70vw;
  }
}
#mainenance-wrapper aside .gabo-avis-logo {
  width: 50%;
  margin: auto;
}
#mainenance-wrapper aside .gabo-service-by {
  display: block;
  width: 150px;
  margin: auto;
  border: solid 1px color-mix(in srgb, var(--gabo-color-foreground) 10%, transparent);
  border-bottom: none;
  padding: var(--gabo-spacer-small);
  padding-bottom: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50%;
}
#mainenance-wrapper aside .gabo-service-by a {
  color: var(--gabo-color-text-inverted);
  text-align: center;
}
#mainenance-wrapper aside .gabo-service-by a p {
  font-size: var(--gabo-font-size-smaller);
}
#mainenance-wrapper main {
  background-color: var(--gabo-color-foreground);
  width: 40vw;
  min-height: 100vh;
  display: flex;
  padding: var(--gabo-spacer) calc(var(--gabo-spacer) * 2);
}
@media (min-width: 1200px) {
  #mainenance-wrapper main {
    width: 30vw;
  }
}
#mainenance-wrapper main > div {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
#mainenance-wrapper main h1 {
  text-align: center;
  margin-bottom: calc(var(--gabo-spacer) * 2);
}
#mainenance-wrapper main #gear-box {
  position: relative;
  text-align: center;
  display: block;
  height: var(--gear-box-size);
  width: var(--gear-box-size);
  padding: 0;
  margin: 0 auto var(--gabo-spacer) auto;
}
#mainenance-wrapper main #gear-box .gabo-gear {
  width: var(--gear-size);
  height: var(--gear-size);
  font-size: var(--gear-size);
  position: absolute;
  transform-origin: 50% 50%;
  display: block;
}
#mainenance-wrapper main #gear {
  animation-name: ckw;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  color: var(--gabo-color-primary);
  left: 0;
  top: 0;
}
#mainenance-wrapper main #gear2 {
  animation-name: ccw;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  color: var(--gabo-color-primary-darker-200);
  right: 0;
  bottom: 0;
}
@keyframes ckw {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes ccw {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

#main-content-wrapper.gabo-module-dokumente #filterspalte {
  position: sticky;
  top: var(--gabo-spacer);
}
#main-content-wrapper.gabo-module-dokumente #filterspalte > .gabo-card, #main-content-wrapper.gabo-module-dokumente #filterspalte > .nav-tabs, #main-content-wrapper.gabo-module-dokumente #userMenu #filterspalte > .user-menu-navigation, #userMenu #main-content-wrapper.gabo-module-dokumente #filterspalte > .user-menu-navigation, #main-content-wrapper.gabo-module-dokumente #filterspalte > .dropzone-pro {
  height: calc(90vh - var(--gabo-header-height) - var(--gabo-spacer));
}
#main-content-wrapper.gabo-module-dokumente #filterspalte > .gabo-card .inner, #main-content-wrapper.gabo-module-dokumente #filterspalte > .nav-tabs .inner, #main-content-wrapper.gabo-module-dokumente #userMenu #filterspalte > .user-menu-navigation .inner, #userMenu #main-content-wrapper.gabo-module-dokumente #filterspalte > .user-menu-navigation .inner, #main-content-wrapper.gabo-module-dokumente #filterspalte > .dropzone-pro .inner {
  overflow: scroll;
  height: 100%;
}
#main-content-wrapper.gabo-module-dokumente #filterspalte .filter-header-container {
  background-color: var(--gabo-color-foreground);
  position: sticky;
  top: 0;
  padding-bottom: var(--gabo-spacer);
  z-index: 10;
}
#main-content-wrapper.gabo-module-dokumente #filterspalte .filter-header-container .filter-header-row {
  display: flex;
}
#main-content-wrapper.gabo-module-dokumente #filterspalte .filter-header-container .filter-header-row #resetFilterButton {
  flex: 1;
  text-align: right;
}
#main-content-wrapper.gabo-module-dokumente #filterspalte #applyFilterButton {
  display: block;
  width: 100%;
  margin-top: var(--gabo-spacer-small);
}
#main-content-wrapper.gabo-module-dokumente #trefferspalte .pagination {
  margin: 0;
}
#main-content-wrapper.gabo-module-dokumente #trefferspalte .pagination .gabo-button + .gabo-button, #main-content-wrapper.gabo-module-dokumente #trefferspalte .pagination form .form-group .row.button-row > div a.btn + .gabo-button, form .form-group .row.button-row > div #main-content-wrapper.gabo-module-dokumente #trefferspalte .pagination a.btn + .gabo-button, #main-content-wrapper.gabo-module-dokumente #trefferspalte .pagination form .form-group .row.button-row > div .gabo-button + a.btn, form .form-group .row.button-row > div #main-content-wrapper.gabo-module-dokumente #trefferspalte .pagination .gabo-button + a.btn, #main-content-wrapper.gabo-module-dokumente #trefferspalte .pagination form .form-group .row.button-row > div a.btn + a.btn, form .form-group .row.button-row > div #main-content-wrapper.gabo-module-dokumente #trefferspalte .pagination a.btn + a.btn,
#main-content-wrapper.gabo-module-dokumente #trefferspalte .pagination .gabo-button + span,
#main-content-wrapper.gabo-module-dokumente #trefferspalte .pagination form .form-group .row.button-row > div a.btn + span,
form .form-group .row.button-row > div #main-content-wrapper.gabo-module-dokumente #trefferspalte .pagination a.btn + span,
#main-content-wrapper.gabo-module-dokumente #trefferspalte .pagination span + .gabo-button,
#main-content-wrapper.gabo-module-dokumente #trefferspalte .pagination form .form-group .row.button-row > div span + a.btn,
form .form-group .row.button-row > div #main-content-wrapper.gabo-module-dokumente #trefferspalte .pagination span + a.btn,
#main-content-wrapper.gabo-module-dokumente #trefferspalte .pagination span + span {
  margin-left: var(--gabo-spacer-small);
}
#main-content-wrapper.gabo-module-dokumente .gabo-search-results {
  overflow: scroll;
}
#main-content-wrapper.gabo-module-dokumente .gabo-search-results table tr:hover {
  background-color: color-mix(in srgb, var(--gabo-color-primary) 10%, transparent) !important;
}
#main-content-wrapper.gabo-module-dokumente .gabo-search-results table tr:hover td a img {
  box-shadow: var(--gabo-box-shadow);
}
#main-content-wrapper.gabo-module-dokumente .gabo-search-results table tr:first-of-type {
  background-color: var(--gabo-color-background);
}
#main-content-wrapper.gabo-module-dokumente .gabo-search-results table tr:first-of-type:hover {
  background-color: var(--gabo-color-background) !important;
}
#main-content-wrapper.gabo-module-dokumente .gabo-search-results table tr.spacer {
  display: none;
}
#main-content-wrapper.gabo-module-dokumente .gabo-search-results table tr th, #main-content-wrapper.gabo-module-dokumente .gabo-search-results table tr td {
  padding: var(--gabo-spacer);
}
#main-content-wrapper.gabo-module-dokumente .gabo-search-results table tr th {
  font-weight: 600;
  font-size: var(--gabo-font-size-small);
}
#main-content-wrapper.gabo-module-dokumente .gabo-search-results table tr td {
  line-height: var(--gabo-line-height);
  border-top: solid 1px var(--gabo-color-text-light);
  vertical-align: middle;
  text-align: left;
}
#main-content-wrapper.gabo-module-dokumente .gabo-search-results table tr td b {
  font-weight: 600;
}
#main-content-wrapper.gabo-module-dokumente .gabo-search-results table tr td b a {
  display: inline-block;
  margin-bottom: var(--gabo-font-size-small);
}
#main-content-wrapper.gabo-module-dokumente .gabo-search-results table tr td b:empty, #main-content-wrapper.gabo-module-dokumente .gabo-search-results table tr td a:empty {
  display: none;
}
#main-content-wrapper.gabo-module-dokumente .gabo-search-results table tr td a {
  text-align: center;
}
#main-content-wrapper.gabo-module-dokumente .gabo-search-results table tr td a img {
  display: inline-block;
  padding: var(--gabo-spacer-small);
  border: solid 1px var(--gabo-color-background);
  background-color: var(--gabo-color-foreground);
  border-radius: var(--gabo-border-radius);
}
#main-content-wrapper.gabo-module-dokumente .gabo-search-results table tr td small {
  display: inline-block;
  margin: var(--gabo-font-size-small) 0;
}
#main-content-wrapper.gabo-module-dokumente .gabo-search-results table tr td img.filetypeicon {
  display: inline-block;
  border: none;
  background-color: unset;
  margin-right: calc(var(--gabo-spacer-small) / 2);
  padding: 0;
}
#main-content-wrapper.gabo-module-dokumente .search-preview {
  min-width: 1010px;
}
#main-content-wrapper.gabo-module-dokumente .search-preview .img-preview, #main-content-wrapper.gabo-module-dokumente .search-preview .thumbnail {
  border-radius: var(--gabo-border-radius);
  display: block;
  background-repeat: no-repeat;
  overflow: hidden;
  border: 1px solid var(--gabo-color-text-light);
}
#main-content-wrapper.gabo-module-dokumente .search-preview .img-preview {
  height: 200px;
  background-size: 100% auto;
  margin-bottom: var(--gabo-spacer-small);
}
#main-content-wrapper.gabo-module-dokumente .search-preview .img-preview:empty {
  display: block;
}
#main-content-wrapper.gabo-module-dokumente .search-preview .thumbnail {
  height: 100px;
}
#main-content-wrapper.gabo-module-dokumente .search-preview .thumbnail + .thumbnail {
  margin-left: var(--gabo-spacer-small);
}
#main-content-wrapper.gabo-module-dokumente .search-preview .img-overlay {
  position: absolute;
  opacity: 0.3;
  filter: alpha(opacity=30);
  background-color: var(--gabo-color-tertiary);
}
#main-content-wrapper.gabo-module-dokumente .search-preview .img-overlay.jquery {
  background-color: var(--gabo-color-highlight);
}
#main-content-wrapper.gabo-module-dokumente.gabo-action-aufgaben-treffer-pruefen .status-list {
  display: flex;
  flex-direction: column;
  gap: var(--gabo-spacer-small);
}
#main-content-wrapper.gabo-module-dokumente.gabo-action-aufgaben-treffer-pruefen .status-list .gabo-button + .gabo-button, #main-content-wrapper.gabo-module-dokumente.gabo-action-aufgaben-treffer-pruefen .status-list form .form-group .row.button-row > div a.btn + .gabo-button, form .form-group .row.button-row > div #main-content-wrapper.gabo-module-dokumente.gabo-action-aufgaben-treffer-pruefen .status-list a.btn + .gabo-button, #main-content-wrapper.gabo-module-dokumente.gabo-action-aufgaben-treffer-pruefen .status-list form .form-group .row.button-row > div .gabo-button + a.btn, form .form-group .row.button-row > div #main-content-wrapper.gabo-module-dokumente.gabo-action-aufgaben-treffer-pruefen .status-list .gabo-button + a.btn, #main-content-wrapper.gabo-module-dokumente.gabo-action-aufgaben-treffer-pruefen .status-list form .form-group .row.button-row > div a.btn + a.btn, form .form-group .row.button-row > div #main-content-wrapper.gabo-module-dokumente.gabo-action-aufgaben-treffer-pruefen .status-list a.btn + a.btn {
  margin-left: 0;
}
#main-content-wrapper.gabo-module-dokumente.gabo-action-aufgaben-treffer-pruefen .data label {
  display: block;
}
#main-content-wrapper.gabo-module-dokumente.gabo-action-vorschau #leftedit {
  font-size: var(--gabo-font-size-small);
}
#main-content-wrapper.gabo-module-dokumente.gabo-action-vorschau #leftedit h4 ~ .gabo-alert {
  margin-top: var(--gabo-spacer);
}

#main-content-wrapper.gabo-module-aufgaben.gabo-action-bearbeiten table colgroup col {
  width: 50%;
}
@media (min-width: 1200px) {
  #main-content-wrapper.gabo-module-aufgaben.gabo-action-bearbeiten table colgroup col.label-column {
    width: 30%;
  }
  #main-content-wrapper.gabo-module-aufgaben.gabo-action-bearbeiten table colgroup col.content-column {
    width: 70%;
  }
}

#main-content-wrapper.gabo-module-hilfe .gabo-help-navigation .action-wrapper {
  margin-top: var(--gabo-spacer);
  margin-bottom: var(--gabo-spacer);
  display: flex;
  gap: var(--gabo-spacer-small);
  flex-wrap: wrap;
}
#main-content-wrapper.gabo-module-hilfe .gabo-help-navigation ul {
  list-style: none;
  list-style-position: inside;
}
#main-content-wrapper.gabo-module-hilfe .gabo-help-navigation ul li {
  padding-top: var(--gabo-spacer-small);
}
#main-content-wrapper.gabo-module-hilfe .gabo-help-navigation ul li.active > a {
  font-weight: bold;
}
#main-content-wrapper.gabo-module-hilfe .gabo-help-navigation ul li + li {
  border-top: solid 1px var(--gabo-color-text-light);
  margin-top: var(--gabo-spacer-small);
}
#main-content-wrapper.gabo-module-hilfe .gabo-help-navigation ul ul {
  margin-left: var(--gabo-spacer);
  font-size: var(--gabo-font-size-small);
}
#main-content-wrapper.gabo-module-hilfe .gabo-help-navigation ul ul li + li {
  margin-top: var(--gabo-spacer-small);
}
#main-content-wrapper.gabo-module-hilfe .gabo-help-content h3, #main-content-wrapper.gabo-module-hilfe .gabo-help-content p, #main-content-wrapper.gabo-module-hilfe .gabo-help-content ul, #main-content-wrapper.gabo-module-hilfe .gabo-help-content table, #main-content-wrapper.gabo-module-hilfe .gabo-help-content pre {
  margin-bottom: var(--gabo-spacer);
}
#main-content-wrapper.gabo-module-hilfe .gabo-help-content ul {
  list-style: disc;
  padding-left: calc(var(--gabo-spacer) * 2);
}
#main-content-wrapper.gabo-module-hilfe .gabo-help-content ul li + li {
  margin-top: var(--gabo-spacer-small);
}
#main-content-wrapper.gabo-module-hilfe .gabo-help-content table tr th, #main-content-wrapper.gabo-module-hilfe .gabo-help-content table tr td {
  padding: var(--gabo-spacer-small);
}
#main-content-wrapper.gabo-module-hilfe .gabo-help-content img, #main-content-wrapper.gabo-module-hilfe .gabo-help-content video {
  margin-top: var(--gabo-spacer);
  margin-bottom: var(--gabo-spacer);
  border: solid 5px #fff;
  border-radius: 5px;
  box-shadow: 0 0 5px #ccc;
}

#main-content-wrapper.gabo-module-dokumente-erfassen.gabo-action-metadaten .right-column h2 {
  margin-top: 0;
}
#main-content-wrapper.gabo-module-dokumente-erfassen.gabo-action-metadaten .right-column table th {
  font-weight: normal;
}

:root {
  --gabo-font-family-base: Poppins, sans-serif;
  --gabo-font-family-icon: "Font Awesome 6 Free";
  --gabo-font-size-root: 14px;
  --gabo-font-size-root-large: 16px;
  --gabo-font-size-body: 1rem;
  --gabo-font-size-small: 0.875rem;
  --gabo-font-size-smaller: 0.75rem;
  --gabo-font-size-h1: 1.25rem;
  --gabo-font-size-h2: 1.2rem;
  --gabo-font-size-h3: 1.1rem;
  --gabo-line-height: 1.5;
  --gabo-color-text: #222222;
  --gabo-color-text-light: #aaaaba;
  --gabo-color-text-inverted: #ffffff;
  --gabo-color-primary: #1B62B7;
  --gabo-color-primary-darker-200: #063059;
  --gabo-color-primary-lighter-100: #3483C4;
  --gabo-color-primary-lighter-200: #5690B8;
  --gabo-color-primary-lighter-300: #8FBAD8;
  --gabo-color-secondary: #a0ba32;
  --gabo-color-tertiary: #c79730;
  --gabo-color-highlight: #ff6361;
  --gabo-color-foreground: #ffffff;
  --gabo-color-background: #f3f3f4;
  --gabo-color-green: #3c763d;
  --gabo-color-yellow: #c8ad68;
  --gabo-color-success: #3c763d;
  --gabo-color-warning: #c8ad68;
  --gabo-color-error: #ff6361;
  --gabo-header-height: 80px;
  --gabo-sidebar-width: 250px;
  --gabo-sidebar-width-collapsed: 60px;
  --gabo-spacer: 20px;
  --gabo-spacer-small: calc(var(--gabo-spacer) / 2);
  --gabo-spacer-smaller: calc(var(--gabo-spacer) / 4);
  --gabo-border-radius: 5px;
  --gabo-box-shadow: 0 4px 8px 0 #aaaaba;
  --gabo-box-shadow-hover: 0 8px 16px 0 #aaaaba;
  --gabo-transition-timing: 200ms linear;
  --gabo-transition-timing-slow: 200ms linear;
  --gabo-icon-scale-factor: 1.4;
  --gabo-breakpoint-m: 992px;
  --gabo-lockout-state-default: #aaaaba;
  --gabo-lockout-state-open: #008800;
  --gabo-lockout-state-closed: #CC0000;
  --gabo-lockout-state-vent: #66AAAA;
  --gabo-lockout-state-empty: #d78888;
  --gabo-lockout-state-flush: #8888FF;
  --gabo-lockout-state-electrically-enabled: #bd9e01;
  --gabo-lockout-state-mechanically-enabled: #AA33AA;
}

html {
  font-family: var(--gabo-font-family-base);
  font-size: var(--gabo-font-size-root);
  line-height: var(--gabo-line-height);
}
@media (min-width: 1920px) {
  html {
    font-size: var(--gabo-font-size-root-large);
  }
}

body {
  font-family: var(--gabo-font-family-base);
  font-size: var(--gabo-font-size-body);
  color: var(--gabo-color-text);
  background-color: var(--gabo-color-background);
}
body.blank {
  background: none;
}

a {
  color: var(--gabo-color-primary);
  text-decoration: none;
}
a:hover, a:focus {
  color: var(--gabo-color-highlight);
  text-decoration: none;
}

h1 {
  font-size: var(--gabo-font-size-h1);
  margin-bottom: var(--gabo-spacer);
  font-weight: 600;
}

h2 {
  font-size: var(--gabo-font-size-h2);
  margin-bottom: var(--gabo-spacer);
  font-weight: 500;
}

h3 {
  font-size: var(--gabo-font-size-h3);
  margin-bottom: var(--gabo-spacer);
  margin-top: 0;
  font-weight: 500;
}

small {
  font-size: var(--gabo-font-size-small);
}

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