@charset "UTF-8";
@use "sass:map";
@use "sass:map";
@font-face {
  font-family: "RobotoCondensed";
  font-display: swap;
  font-weight: 300;
  font-style: normal;
  src: url("../fonts/RobotoCondensed/300-normal.eot");
  src: url("../fonts/RobotoCondensed/300-normal.woff2") format("woff2"), url("../fonts/RobotoCondensed/300-normal.woff") format("woff"), url("../fonts/RobotoCondensed/300-normal.ttf") format("truetype"), url("../fonts/RobotoCondensed/300-normal.svg#RobotoCondensed") format("svg"); }

@font-face {
  font-family: "RobotoCondensed";
  font-display: swap;
  font-weight: 300;
  font-style: italic;
  src: url("../fonts/RobotoCondensed/300-italic.eot");
  src: url("../fonts/RobotoCondensed/300-italic.woff2") format("woff2"), url("../fonts/RobotoCondensed/300-italic.woff") format("woff"), url("../fonts/RobotoCondensed/300-italic.ttf") format("truetype"), url("../fonts/RobotoCondensed/300-italic.svg#RobotoCondensed") format("svg"); }

@font-face {
  font-family: "RobotoCondensed";
  font-display: swap;
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/RobotoCondensed/400-normal.eot");
  src: url("../fonts/RobotoCondensed/400-normal.woff2") format("woff2"), url("../fonts/RobotoCondensed/400-normal.woff") format("woff"), url("../fonts/RobotoCondensed/400-normal.ttf") format("truetype"), url("../fonts/RobotoCondensed/400-normal.svg#RobotoCondensed") format("svg"); }

@font-face {
  font-family: "RobotoCondensed";
  font-display: swap;
  font-weight: 400;
  font-style: italic;
  src: url("../fonts/RobotoCondensed/400-italic.eot");
  src: url("../fonts/RobotoCondensed/400-italic.woff2") format("woff2"), url("../fonts/RobotoCondensed/400-italic.woff") format("woff"), url("../fonts/RobotoCondensed/400-italic.ttf") format("truetype"), url("../fonts/RobotoCondensed/400-italic.svg#RobotoCondensed") format("svg"); }

@font-face {
  font-family: "RobotoCondensed";
  font-display: swap;
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/RobotoCondensed/700-normal.eot");
  src: url("../fonts/RobotoCondensed/700-normal.woff2") format("woff2"), url("../fonts/RobotoCondensed/700-normal.woff") format("woff"), url("../fonts/RobotoCondensed/700-normal.ttf") format("truetype"), url("../fonts/RobotoCondensed/700-normal.svg#RobotoCondensed") format("svg"); }

@font-face {
  font-family: "RobotoCondensed";
  font-display: swap;
  font-weight: 700;
  font-style: italic;
  src: url("../fonts/RobotoCondensed/700-italic.eot");
  src: url("../fonts/RobotoCondensed/700-italic.woff2") format("woff2"), url("../fonts/RobotoCondensed/700-italic.woff") format("woff"), url("../fonts/RobotoCondensed/700-italic.ttf") format("truetype"), url("../fonts/RobotoCondensed/700-italic.svg#RobotoCondensed") format("svg"); }

@font-face {
  font-family: 'Hauptanwendung Symbole';
  src: url("../symbole/Hauptanwendung-Symbole-1.0.ttf") format("truetype"), url("../symbole/Hauptanwendung-Symbole-1.0.woff") format("woff"), url("../symbole/Hauptanwendung-Symbole-1.0.svg#font") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

[class^="symbol-"], [class*=" symbol-"] {
  display: inline-flex;
  align-items: center;
  font-family: 'Hauptanwendung Symbole' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.symbol-fehler:before {
  content: ""; }

.symbol-warnung:before {
  content: ""; }

.symbol-zuruck:before {
  content: ""; }

.symbol-weiter:before {
  content: ""; }

.symbol-erledigt:before {
  content: ""; }

.symbol-start:before {
  content: ""; }

.symbol-erneut:before {
  content: ""; }

.symbol-info:before {
  content: ""; }

.symbol-konto:before {
  content: ""; }

.symbol-passwort:before {
  content: ""; }

.symbol-abmelden:before {
  content: ""; }

.symbol-ergebnis:before {
  content: ""; }

.symbol-aktuell:before {
  content: ""; }

.symbol-zertifikat:before {
  content: ""; }

.symbol-download:before {
  content: ""; }

.symbol-loschen:before {
  content: ""; }

.symbol-entwicklung:before {
  content: ""; }

.symbol-menu:before {
  content: ""; }

.symbol-font:before {
  content: ""; }

@use "sass:map";
.rot {
  color: #E92B19; }

.grun {
  color: #008a20; }

.blau {
  color: #185078; }

.gelb {
  color: #dba617; }

.grau {
  color: #808385; }

body {
  padding-top: 0rem; }

.topnav {
  padding-left: 0;
  height: 3.625rem;
  z-index: 1039;
  font-size: 1rem; }

section {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0; }

.haupttext {
  padding: 3rem 1.5rem;
  text-align: center; }

.anderertext {
  text-align: center; }

.card-text-height {
  min-height: 120px; }

.card-header-min-height {
  min-height: 75px; }

.header-text {
  font-size: 1.2em; }

.richtig {
  background-color: #6fff78; }

.falsch {
  background-color: #ff6f6f; }

.header {
  padding: 3rem 1.5rem;
  text-align: center; }

.menu {
  background-color: #F1F2F4;
  padding: 0 .5em;
  border-right: 1px solid #F1F3F4; }
  .menu li {
    margin: .35em 0; }
  .menu ul ul {
    padding-left: .5em;
    margin-bottom: .7em; }
  .menu > ul {
    position: -webkit-sticky;
    position: sticky;
    top: .35em; }
  .menu .eintrag {
    display: flex;
    width: 100%;
    padding: .6em .75em;
    white-space: nowrap;
    border: 1px solid #D1D7DA;
    background-color: #fff;
    color: #808385; }
  .menu a.eintrag:hover {
    background-color: #5d84a0;
    border-color: #5d84a0;
    color: #fff; }
  .menu .text {
    flex-grow: 1;
    font-size: 0.9em; }
  .menu .abstand {
    margin-bottom: .88em; }
  .menu .nav-aktiv > .eintrag, .menu .nav-aktiv > a.eintrag:hover {
    background-color: #185078;
    border-color: #134060;
    color: #fff; }
    .menu .nav-aktiv > .eintrag .zustand, .menu .nav-aktiv > a.eintrag:hover .zustand {
      color: inherit; }

@media (max-width: 768px) {
  .menu {
    display: none;
    flex-direction: column;
    padding: 0;
    font-size: 0.9em; }
    .menu > ul {
      position: static;
      top: 0;
      margin: 0; }
    .menu li, .menu .abstand {
      margin: 0; }
    .menu .eintrag {
      padding: .8em 1.2em;
      border-bottom: 1px solid #D1D7DA;
      background-color: #fff;
      color: #808385; }
    .menu a.eintrag:hover {
      background-color: #5d84a0;
      border-color: #5d84a0;
      color: #fff; } }

@use "sass:map";
.entwicklung {
  border: 1px dashed #f4958c;
  background-color: #fbd5d1;
  margin-top: 5em;
  padding: .75em;
  font-size: .8em; }
  .entwicklung ul {
    margin: 0; }
  .entwicklung .symbol-entwicklung {
    display: flex;
    margin-bottom: 1em;
    color: #E92B19; }
    .entwicklung .symbol-entwicklung::after {
      content: "Nur während der Entwicklung";
      padding-left: .5em;
      font-weight: 700; }
  .entwicklung + .entwicklung {
    margin-top: 1.5em; }

.frageadmin {
  border: 1px dashed #1ed14b;
  background-color: #edfaef;
  margin-top: 2em;
  padding: .75em;
  font-size: .8em; }
  .frageadmin ul {
    margin: 0; }
  .frageadmin .symbol-entwicklung {
    display: flex;
    margin-bottom: 1em;
    color: #005c12; }
    .frageadmin .symbol-entwicklung::after {
      content: "Nur für Admins Fragenkatalog sichtbar";
      padding-left: .5em;
      font-weight: 700; }
  .frageadmin + .frageadmin {
    margin-top: 1.5em; }