@font-face {
  font-display: swap;
  font-family: "Nunito";
  font-style: normal;
  font-weight: 300;
  src: url("https://o.dev.faszination-lehre.de/project-theme-faszinationlehre-crayssnlabs-base/font/nunito/nunito-v25-latin-300.woff2") format("woff2"), url("https://o.dev.faszination-lehre.de/project-theme-faszinationlehre-crayssnlabs-base/font/nunito/nunito-v25-latin-300.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "Nunito";
  font-style: italic;
  font-weight: 300;
  src: url("https://o.dev.faszination-lehre.de/project-theme-faszinationlehre-crayssnlabs-base/font/nunito/nunito-v25-latin-300italic.woff2") format("woff2"), url("https://o.dev.faszination-lehre.de/project-theme-faszinationlehre-crayssnlabs-base/font/nunito/nunito-v25-latin-300italic.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "Nunito";
  font-style: normal;
  font-weight: 600;
  src: url("https://o.dev.faszination-lehre.de/project-theme-faszinationlehre-crayssnlabs-base/font/nunito/nunito-v25-latin-600.woff2") format("woff2"), url("https://o.dev.faszination-lehre.de/project-theme-faszinationlehre-crayssnlabs-base/font/nunito/nunito-v25-latin-600.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "Nunito";
  font-style: italic;
  font-weight: 600;
  src: url("https://o.dev.faszination-lehre.de/project-theme-faszinationlehre-crayssnlabs-base/font/nunito/nunito-v25-latin-600italic.woff2") format("woff2"), url("https://o.dev.faszination-lehre.de/project-theme-faszinationlehre-crayssnlabs-base/font/nunito/nunito-v25-latin-600italic.woff") format("woff");
}
.page-administration {
  z-index: 50;
  font-size: 16px;
  background-color: #f0f2f5;
  padding: 0;
  margin: 0;
  position: fixed;
  left: 0;
  right: 0;
  top: initial;
  bottom: 0;
}
.page-administration * {
  font-family: "Nunito", "Helvetica-Neue", "Helvetica", Arial, sans-serif;
  font-weight: 300;
}
.page-administration strong, .page-administration b {
  font-family: "Nunito", "Helvetica-Neue", "Helvetica", Arial, sans-serif;
  font-weight: 600;
}
.page-administration .content-wrapper {
  color: #040406;
  background-color: #ffffff;
}
.page-administration .btn {
  background-color: initial;
}
.page-administration [href]::after,
.page-administration [data-async-url]::after,
.page-administration [data-async-type]::after {
  content: none;
  display: none;
}

.page-administration .main-administration-menu {
  display: flex;
}
@media (min-width: 75.75em) {
  .page-administration .main-administration-menu .menu-wrapper .menu-level.level-1 .menu-element.has-children > .swap-toggle-menu > .mask {
    top: initial;
    bottom: 100%;
  }
  .page-administration .main-administration-menu .menu-wrapper .menu-level.level-1 .menu-element.has-children > .swap-toggle-menu > .mask .menu-level > .menu-element.has-children .mask {
    top: initial;
    bottom: 0;
    max-height: 100vh;
    left: 100%;
    right: initial;
  }
  .page-administration .main-administration-menu .menu-wrapper .menu-level.level-1 .menu-element.has-children > .swap-toggle-menu > .mask .menu-level > .menu-element.has-children .mask .menu-level {
    display: grid;
    grid-template-columns: repeat(2, minmax(auto, 1fr));
  }
}
.page-administration .main-administration-menu .btn {
  background-color: initial;
}
.page-administration .main-administration-menu [href]::after,
.page-administration .main-administration-menu [data-async-url]::after,
.page-administration .main-administration-menu [data-async-type]::after {
  content: none;
  display: none;
}
.page-administration .main-administration-menu .swap-toggle > .nav > .btn {
  padding: 0;
  border: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  cursor: default;
}
.page-administration .main-administration-menu .swap-toggle > .nav > .btn:hover {
  text-decoration: none;
}
.page-administration .main-administration-menu .swap-toggle > .nav > .btn:hover::after, .page-administration .main-administration-menu .swap-toggle > .nav > .btn:focus::after {
  opacity: 1;
}
.page-administration .main-administration-menu .swap-toggle > .nav > .btn .label {
  font-weight: inherit;
}
.page-administration .main-administration-menu .swap-toggle > .nav > .btn .toggle-icon {
  align-self: center;
  display: flex;
}
.page-administration .main-administration-menu .swap-toggle > .nav > .btn .toggle-icon svg {
  max-width: 0.5rem;
  max-height: 0.5rem;
  fill: currentColor;
}
.page-administration .main-administration-menu .swap-toggle > .nav > .btn::after {
  content: none;
}
.page-administration .main-administration-menu .swap-toggle > .mask {
  background-color: #ffffff;
  height: auto;
}
.page-administration .main-administration-menu .menu-wrapper {
  flex: 1;
}
.page-administration .main-administration-menu .menu-wrapper.set-align-right .menu-level {
  flex-direction: row-reverse;
}
@media (min-width: 62.875em) {
  .page-administration .main-administration-menu .menu-wrapper.set-align-right .menu-level.level-1 .menu-element.has-children > .swap-toggle-menu > .mask {
    left: initial;
    right: 0;
  }
}
.page-administration .main-administration-menu .menu-wrapper .menu-toggle .mask {
  padding: 0.5em 0;
}
.page-administration .main-administration-menu .menu-wrapper + .content-wrapper {
  margin-top: 2em;
}
.page-administration .main-administration-menu .menu-level {
  display: flex;
  flex-direction: row;
}
.page-administration .main-administration-menu .menu-level.level-1 .menu-element.has-children > .swap-toggle-menu > .mask > .list .item.item-1 {
  display: block;
}
.page-administration .main-administration-menu .menu-level.level-1 .menu-element.has-children > .swap-toggle-menu > .mask .menu-level.level-2 {
  display: block;
}
.page-administration .main-administration-menu .menu-level.level-1 .menu-element.has-children > .swap-toggle-menu > .mask .menu-level.level-2 > .menu-element {
  display: block;
}
.page-administration .main-administration-menu .menu-level, .page-administration .main-administration-menu .menu-level .menu-element {
  transition: none 250ms ease-in-out;
}
.page-administration .main-administration-menu .menu-level.has-children .swap-toggle-menu > .mask, .page-administration .main-administration-menu .menu-level .menu-element.has-children .swap-toggle-menu > .mask {
  transition: none 250ms ease-in-out;
  box-shadow: 0.25em 0.25em 0.625em rgba(4, 4, 6, 0.5);
}
.page-administration .main-administration-menu .menu-level.has-children .swap-toggle-menu > .mask, .page-administration .main-administration-menu .menu-level.has-children .swap-toggle-menu > .mask .menu-element, .page-administration .main-administration-menu .menu-level.has-children .swap-toggle-menu > .mask .menu-level, .page-administration .main-administration-menu .menu-level .menu-element.has-children .swap-toggle-menu > .mask, .page-administration .main-administration-menu .menu-level .menu-element.has-children .swap-toggle-menu > .mask .menu-element, .page-administration .main-administration-menu .menu-level .menu-element.has-children .swap-toggle-menu > .mask .menu-level {
  transition: none 250ms ease-in-out;
}
.page-administration .main-administration-menu .menu-element {
  display: inline-block;
  vertical-align: middle;
}
.page-administration .main-administration-menu .menu-element.has-children > .swap-toggle-menu > .mask .menu-element-link {
  text-align: left;
}
.page-administration .main-administration-menu .menu-element-link {
  margin: 0;
  padding: 0.25em 1em;
  color: #14141e;
  font-weight: 300;
  font-size: 0.8125em;
  line-height: 1.5;
  border: 0;
  box-sizing: border-box;
  display: inline-block;
}
.page-administration .main-administration-menu .menu-element-link:hover {
  text-decoration: none;
}
.page-administration .main-administration-menu .menu-element-link:hover > .label {
  text-decoration: none;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../../system/CrayssnLabs/Base/_resources/scss/layouts/administration/_font.scss%22,%22../../system/CrayssnLabs/Base/_resources/scss/layouts/administration/_basic.scss%22,%22../../system/CrayssnLabs/Base/_resources/scss/utilities/mixins/component/_gui.scss%22,%22combined-variables.scss%22,%22../../system/CrayssnLabs/Base/_resources/scss/utilities/mixins/grouping/_any-button.scss%22,%22../../system/CrayssnLabs/Base/_resources/scss/utilities/mixins/pseudo/_after-none.scss%22,%22../../system/CrayssnLabs/Base/_resources/scss/utilities/mixins/pseudo/_pseudo-none.scss%22,%22../../system/CrayssnLabs/Base/_resources/scss/layouts/administration/_navigation.scss%22,%22../../system/CrayssnLabs/Base/_resources/scss/utilities/mixins/_mq.scss%22,%22../../system/CrayssnLabs/Base/_resources/scss/utilities/mixins/_transition.scss%22,%22../../system/CrayssnLabs/Base/_resources/scss/utilities/mixins/_box-shadow.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAIA;EACG;EACA;EACA;EACA;EACA;;AAIH;EACG;EACA;EACA;EACA;EACA;;AAIH;EACG;EACA;EACA;EACA;EACA;;AAIH;EACG;EACA;EACA;EACA;EACA;;AC/BH;EAEG;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;ECbA;EACA,aCyCiB;;AFxBjB;ECZA;EACA,aCsCqB;;AFtBrB;EAEG,OEnBQ;EFoBR,kBEnBQ;;ACAX;EHwBG;;AI/BH;AAAA;AAAA;ECFA;EACA;;;ACEA;EAEG;;ACmQA;ED/PG;IAEG;IACA;;EAEA;IAEG;IACA;IACA;IACA;IACA;;EAEA;IAEG;IACA;;;AHhBf;EGwBM;;AF/BN;AAAA;AAAA;ECFA;EACA;;AC0CM;EAEG;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEG;;AAMA;EAEG;;AAIN;EAEG;;AAGH;EAEG;EACA;;AAEA;EAEG;EACA;EACA;;AAIN;EAEG;;AAIN;EAEG,kBJnFE;EIoFF;;AAIN;EAEG;;AAIG;EAEG;;AC+JT;EDtJe;IAEG;IACA;;;AAOf;EAEG;;AAGH;EAEG;;AAIN;EAEG;EACA;;AAIG;EAEG;;AAGH;EAEG;;AAEA;EAEG;;AAKT;EEnIN,YAPU;;AF8ID;EEvIT,YAPU;ECEP;;AHiJS;EE5IZ,YAPU;;AF2JP;EAEG;EACA;;AAIG;EAEG;;AAKT;EAEG;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EAEG;;AAEA;EAEG%22,%22file%22:%22output-6598d22485fa0.css%22%7D */