@use "sass:map";
/*$blue_60;*/
/*$blue_50;*/
#navigation {
  flex-basis: 16em;
  flex-shrink: 0; }
  #navigation .offen > .eintrag {
    background-color: #FBFBFB;
    border-color: #F1F3F4;
    color: #DEE3E5;
    user-select: none; }
  #navigation .schulungselememnt.ist-naechste > .eintrag,
  #navigation .schulungselement.aktuell > .eintrag {
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.25); }
  #navigation .nicht-bestanden .symbol-fehler {
    color: #185078; }
  #navigation .nav-aktiv > .eintrag .symbol-fehler {
    color: #fff; }
  #navigation [class*="symbol-"] + .text,
  #navigation .text + [class*="symbol-"] {
    padding-left: .5em; }

@media (max-width: 768px) {
  #navigation {
    flex-basis: 100%;
    flex-grow: 1; }
  #navigation_knopf.knopf {
    display: flex;
    justify-content: start;
    color: #185078; }
  #navigation_toggle:checked ~ header #navigation_knopf {
    background-color: #185078;
    color: #fff; }
  #navigation_toggle:checked ~ main section {
    display: none; }
  #navigation_toggle:checked ~ main #navigation {
    display: flex; } }