@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: 5rem; }

.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; }

@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; }

#tabelle_konto tr th:nth-child(1) {
  width: 18%; }

#tabelle_konto tr td:nth-child(2) {
  width: 58%; }

#tabelle_konto tr td:nth-child(3) {
  width: 12%; }

#tabelle_konto tr td:nth-child(4) {
  width: 12%; }

#tabelle_auswertung tr th:nth-child(1) {
  width: 76%; }

#tabelle_auswertung tr td:nth-child(2) {
  width: 12%; }

#tabelle_auswertung tr td:nth-child(3) {
  width: 12%; }
