:root {
  /* Colors: */
  --grey-darken2-616161: #616161;
  --grey-darken3-424242: #424242;
  --grey-darken4-212121: #212121;
  --amber-lighten-2-ffd54f: #FFD54F;
  --grey-lighten1-bdbdbd: #BDBDBD;
  --grey-darken1-757575: #757575;
  --grey-default-9e9e9e: #9E9E9E;
  --blue-grey-lighten4-cfd8dc: #CFD8DC;
  --blue-grey-lighten5-eceff1: #ECEFF1;
  --red-lighten2-e57373: #E57373;
  --green-lighten2-81c784: #81C784;
  --indigo-lighten2-7986cb: #7986CB;
  --amber-darken1-ffb300: #FFB300;
  --red-darken1-e53935: #E53935;
  --indigo-darken1-3949ab: #3949AB;
  --green-darken1-43a047: #43A047;
  --amber-default-ffc107: #FFC107;
  --green-default-4caf50: #4CAF50;
  --indigo-default-3f51b5: #3F51B5;
  --red-default-f44336: #F44336;
  --unnamed-color-fafafa: #FAFAFA;
  --black-000000: #000000;
  --basic-white-ffffff: #FFFFFF;
  --light-grey-f9f9f9: #F9F9F9;
  --formstar-–-fuchsrot–-ff585d: #FF585D;
  --formstar-–-dark-blue-–-2f2977: #2F2977;
  --unnamed-color-323232: #323232;
  /* Font/text values */
  --unnamed-font-family-rubik: Rubik;
  --unnamed-font-style-normal: normal;
  --unnamed-font-weight-normal: normal;
  --unnamed-font-weight-medium: medium;
  --unnamed-font-weight-bold: bold;
  --unnamed-font-size-15: 15px;
  --unnamed-font-size-18: 18px;
  --unnamed-font-size-19: 19px;
  --unnamed-font-size-20: 20px;
  --unnamed-font-size-25: 25px;
  --unnamed-font-size-30: 30px;
  --unnamed-character-spacing-0: 0px;
  --unnamed-line-spacing-12: 12px;
  --unnamed-line-spacing-20: 20px;
  --unnamed-line-spacing-23: 23px;
  --unnamed-line-spacing-24: 24px;
  --unnamed-line-spacing-25: 25px;
  --unnamed-line-spacing-28: 28px;
  --unnamed-line-spacing-30: 30px;
  --unnamed-line-spacing-35: 35px;
  --unnamed-line-spacing-40: 40px;
}

/* Character Styles */
.h1-light-–-rubik-–-30pt {
  font-family: var(--unnamed-font-family-rubik);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-medium);
  font-size: var(--unnamed-font-size-30);
  line-height: var(--unnamed-line-spacing-40);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--basic-white-ffffff);
}

.h2-light-–-rubik-–-25pt {
  font-family: var(--unnamed-font-family-rubik);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-medium);
  font-size: var(--unnamed-font-size-25);
  line-height: var(--unnamed-line-spacing-30);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--basic-white-ffffff);
}

.h3-light-–-rubik-–-20pt {
  font-family: var(--unnamed-font-family-rubik);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-medium);
  font-size: var(--unnamed-font-size-20);
  line-height: var(--unnamed-line-spacing-30);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--basic-white-ffffff);
}

.h3-light-–-rubik-–-20pt---spacing---20 {
  font-family: var(--unnamed-font-family-rubik);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-medium);
  font-size: var(--unnamed-font-size-20);
  line-height: var(--unnamed-line-spacing-20);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--basic-white-ffffff);
}

.h4-light-–-rubik-–-20pt {
  font-family: var(--unnamed-font-family-rubik);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-normal);
  font-size: var(--unnamed-font-size-19);
  line-height: var(--unnamed-line-spacing-30);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--basic-white-ffffff);
}

.h5-light-–-rubik-–-18pt {
  font-family: var(--unnamed-font-family-rubik);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-normal);
  font-size: var(--unnamed-font-size-18);
  line-height: var(--unnamed-line-spacing-23);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--basic-white-ffffff);
}

.h6-light-–-rubik-–-15pt {
  font-family: var(--unnamed-font-family-rubik);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-bold);
  font-size: var(--unnamed-font-size-15);
  line-height: var(--unnamed-line-spacing-25);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--basic-white-ffffff);
}

.subtitle-1-–-rubik-–-19pt {
  font-family: var(--unnamed-font-family-rubik);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-medium);
  font-size: var(--unnamed-font-size-19);
  line-height: var(--unnamed-line-spacing-24);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--basic-white-ffffff);
}

.subtitle-2-–-rubik-–-19pt {
  font-family: var(--unnamed-font-family-rubik);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-normal);
  font-size: var(--unnamed-font-size-19);
  line-height: var(--unnamed-line-spacing-24);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--basic-white-ffffff);
}

.body-1-–-rubik-–-15pt {
  font-family: var(--unnamed-font-family-rubik);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-bold);
  font-size: var(--unnamed-font-size-15);
  line-height: var(--unnamed-line-spacing-20);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--basic-white-ffffff);
}

.body-2-–-rubik-–-15pt {
  font-family: var(--unnamed-font-family-rubik);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-normal);
  font-size: var(--unnamed-font-size-15);
  line-height: var(--unnamed-line-spacing-20);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--basic-white-ffffff);
}

.buttons-light-–-rubik-–-15pt {
  font-family: var(--unnamed-font-family-rubik);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-medium);
  font-size: var(--unnamed-font-size-15);
  line-height: var(--unnamed-line-spacing-12);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--basic-white-ffffff);
}

.h1-dark-–-rubik-–-30pt {
  font-family: var(--unnamed-font-family-rubik);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-medium);
  font-size: var(--unnamed-font-size-30);
  line-height: var(--unnamed-line-spacing-40);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--black-000000);
}

.h2-dark-–-rubik-–-25pt {
  font-family: var(--unnamed-font-family-rubik);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-medium);
  font-size: var(--unnamed-font-size-25);
  line-height: var(--unnamed-line-spacing-35);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--black-000000);
}

.h3-dark-–-rubik-–-medium-–-20pt {
  font-family: var(--unnamed-font-family-rubik);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-medium);
  font-size: var(--unnamed-font-size-20);
  line-height: var(--unnamed-line-spacing-25);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--black-000000);
}

.h4-dark-–-rubik-–-regular-–-19pt {
  font-family: var(--unnamed-font-family-rubik);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-normal);
  font-size: var(--unnamed-font-size-19);
  line-height: var(--unnamed-line-spacing-30);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--black-000000);
}

.h5-dark-–-rubik-–-18pt {
  font-family: var(--unnamed-font-family-rubik);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-normal);
  font-size: var(--unnamed-font-size-18);
  line-height: var(--unnamed-line-spacing-28);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--black-000000);
}

.h6-dark-–-rubik-–-15pt {
  font-family: var(--unnamed-font-family-rubik);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-bold);
  font-size: var(--unnamed-font-size-15);
  line-height: var(--unnamed-line-spacing-25);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-323232);
}

.body-text-dark-–-rubik-–-15pt {
  font-family: var(--unnamed-font-family-rubik);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-normal);
  font-size: var(--unnamed-font-size-15);
  line-height: var(--unnamed-line-spacing-25);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-323232);
}

.subtitle-1-–-rubik-–-19pt {
  font-family: var(--unnamed-font-family-rubik);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-medium);
  font-size: var(--unnamed-font-size-19);
  line-height: var(--unnamed-line-spacing-24);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--black-000000);
}

.subtitle-2-–-rubik-–-19pt {
  font-family: var(--unnamed-font-family-rubik);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-normal);
  font-size: var(--unnamed-font-size-19);
  line-height: var(--unnamed-line-spacing-24);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--black-000000);
}

.body-1-–-rubik-–-15pt {
  font-family: var(--unnamed-font-family-rubik);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-bold);
  font-size: var(--unnamed-font-size-15);
  line-height: var(--unnamed-line-spacing-20);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--black-000000);
}

.body-2-–-rubik-–-15pt {
  font-family: var(--unnamed-font-family-rubik);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-normal);
  font-size: var(--unnamed-font-size-15);
  line-height: var(--unnamed-line-spacing-20);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--black-000000);
}

.body-2-–-rubik-–-15pt---red {
  font-family: var(--unnamed-font-family-rubik);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-normal);
  font-size: var(--unnamed-font-size-15);
  line-height: var(--unnamed-line-spacing-20);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--red-default-f44336);
}

.body-2-–-rubik-–-10pt---nocolor {
  font-family: var(--unnamed-font-family-rubik) !important;
  font-style: var(--unnamed-font-style-normal) !important;
  font-weight: var(--unnamed-font-weight-normal) !important;
  font-size: 10px !important;
  line-height: var(--unnamed-line-spacing-20) !important;
  letter-spacing: var(--unnamed-character-spacing-0) !important;
}

.buttons-dark-–-rubik-–-15pt {
  font-family: var(--unnamed-font-family-rubik);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-medium);
  font-size: var(--unnamed-font-size-15);
  line-height: var(--unnamed-line-spacing-20);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--black-000000);
}


/* override mudblazor */
.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled) {
  color: var(--formstar-–-fuchsrot–-ff585d) !important;
}

.mud-fab-label {
  font-family: var(--unnamed-font-family-rubik);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-medium);
  font-size: var(--unnamed-font-size-15);
  line-height: var(--unnamed-line-spacing-20);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--black-000000) !important;
}

.mud-fab {
  background-color: var(--blue-grey-lighten5-eceff1) !important;
}

.mud-table {
  background-color: var(--mud-palette-background) !important;
}

.mud-input-label-outlined {
  background-color: var(--mud-palette-background) !important;
}

/*.mud-input.mud-input-outlined .mud-input-outlined-border {
  border-radius: 2em 2em !important;
}*/

.mud-button {
  border-radius: 50px !important;
}

.mud-button-filled {
  color: var(--black-000000) !important;
  background-color: var(--blue-grey-lighten5-eceff1) !important;
}

  .mud-button-filled:hover, .mud-button-filled:focus-visible {
    background-color: var(--blue-grey-lighten4-cfd8dc)!important;
  }

  .mud-button-filled:active {
    background-color: var(--blue-grey-lighten4-cfd8dc) !important;
  }

  .mud-button-filled:disabled {
    background-color: var(--grey-darken1-757575) !important;
  }

.mud-breadcrumbs {
  padding: 0px 12px !important;
}

.h2-–-rubik-–-25pt {
  font-family: var(--unnamed-font-family-rubik);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-medium);
  font-size: var(--unnamed-font-size-25);
  line-height: var(--unnamed-line-spacing-30);
  letter-spacing: var(--unnamed-character-spacing-0);
}

.h4-–-rubik-–-18pt {
  font-family: var(--unnamed-font-family-rubik);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-normal);
  font-size: 18px !important;
  line-height: var(--unnamed-line-spacing-30);
  letter-spacing: var(--unnamed-character-spacing-0);
}

.manager--text {
  font-family: var(--unnamed-font-family-rubik);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-medium);
  font-size: var(--unnamed-font-size-30);
  line-height: var(--unnamed-line-spacing-40);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--basic-white-ffffff);
  text-align: left;
  opacity: 1;

  top: 24px;
  left: 196px;
  width: 146px;
  height: 36px;

  margin-left: 7px;
}

.center-div {
    margin: auto;
    width: 0px;
}

.img-width-100 {
    width: 100%;
}

.margin-10 {
    margin: 10px;
}