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

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

body {
  padding-top: 0;
  background: #F6F7F8;
  color: #1c2a31;
  font-family: "RobotoCondensed", "Segoe UI", Arial, sans-serif;
  font-size: 1.05rem;
  font-weight: 400;
  line-height: 1.5; }

a {
  color: #185078; }

a:hover {
  color: #0e3048; }

.text-muted, .form-text {
  color: #46525a !important; }

small, .small {
  font-size: 0.9rem; }

.kopfleiste {
  background: #185078;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  padding: 0.4rem 0; }
  .kopfleiste .navbar {
    padding: 0 1rem; }
  .kopfleiste .navbar-brand {
    color: #fff;
    font-weight: 700;
    font-size: 1.3rem;
    letter-spacing: 0.02em; }
  .kopfleiste .nav-link {
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 400;
    padding: 0.5rem 0.8rem !important;
    border-radius: 0.25rem; }
  .kopfleiste .nav-link:hover, .kopfleiste .nav-link.aktiv {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.15); }
  .kopfleiste .navbar-text {
    color: rgba(255, 255, 255, 0.85); }
  .kopfleiste .btn-abmelden {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.6); }
  .kopfleiste .btn-abmelden:hover {
    background: #fff;
    color: #185078; }

#inhaltsflaeche {
  background: #fff;
  border-radius: 0.4rem;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
  padding: 1.5rem 1.75rem;
  margin: 1.5rem auto 2rem; }

.seitentitel {
  color: #0e3048;
  font-weight: 700;
  font-size: 1.6rem;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #e8eff5; }

h5, .h5 {
  color: #0e3048;
  font-weight: 700;
  margin-top: 1.5rem; }

.erklaerung {
  background: #e8eff5 !important;
  color: #1c2a31 !important;
  border: none !important;
  border-left: 5px solid #185078 !important;
  border-radius: 0.25rem;
  padding: 0.9rem 1.1rem;
  font-size: 1rem; }
  .erklaerung strong {
    color: #0e3048; }

.btn-primary {
  background: #185078;
  border-color: #185078; }
  .btn-primary:hover, .btn-primary:focus {
    background: #0e3048;
    border-color: #0e3048; }

.btn-outline-primary {
  color: #185078;
  border-color: #185078; }
  .btn-outline-primary:hover {
    background: #185078;
    border-color: #185078;
    color: #fff; }

.table {
  color: #1c2a31; }
  .table thead th {
    background: #F1F3F4;
    color: #0e3048;
    border-bottom: 2px solid #d1dce4;
    font-weight: 700; }
  .table th {
    color: #0e3048;
    font-weight: 700; }

.table-hover tbody tr:hover {
  background: #e8eff5; }

.list-group-item-action {
  color: #0e3048;
  font-weight: 700; }
  .list-group-item-action small {
    font-weight: 400; }
  .list-group-item-action:hover {
    background: #e8eff5; }
  .list-group-item-action.text-danger {
    color: #ba2214 !important; }

.kachel {
  display: block;
  background: #fff;
  border: 1px solid #d1dce4;
  border-top: 4px solid #185078;
  border-radius: 0.4rem;
  padding: 1rem 1.2rem;
  color: #1c2a31;
  text-decoration: none !important;
  transition: box-shadow 0.15s; }
  .kachel .zahl {
    font-size: 2.2rem;
    font-weight: 700;
    color: #185078;
    line-height: 1.1; }
  .kachel .was {
    color: #46525a; }
  .kachel:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12); }
  .kachel.warnung {
    border-top-color: #dba617; }
    .kachel.warnung .zahl {
      color: #996b00; }
  .kachel.gefahr {
    border-top-color: #E92B19; }
    .kachel.gefahr .zahl {
      color: #ba2214; }
  .kachel.grau {
    border-top-color: #aaafb1; }
    .kachel.grau .zahl {
      color: #555858; }

label {
  font-weight: 700;
  color: #0e3048; }

.form-check-label {
  font-weight: 400;
  color: #1c2a31; }

.form-control:focus {
  border-color: #7496ae;
  box-shadow: 0 0 0 0.2rem rgba(24, 80, 120, 0.2); }

.kennwortanzeige {
  display: inline-block;
  background: #fcf9e8;
  border: 2px dashed #dba617;
  border-radius: 0.3rem;
  padding: 0.4rem 0.9rem;
  font-size: 1.5rem;
  letter-spacing: 0.08em;
  color: #1c2a31; }

.badge {
  font-size: 0.8rem;
  font-weight: 700;
  padding: 0.35em 0.6em; }

.alert {
  color: #1c2a31; }

code {
  color: #0e3048;
  font-size: 0.95em; }

.form-control {
  color: #1c2a31; }

.hilfe h5 {
  margin-top: 1.8rem;
  padding-top: 0.3rem;
  border-top: 1px solid #e8eff5; }

.hilfe h5:first-child {
  margin-top: 0;
  border-top: none; }

.hilfe li {
  margin-bottom: 0.3rem; }

.hilfe dt {
  color: #0e3048;
  margin-top: 0.8rem; }

.hilfe-inhalt {
  position: sticky;
  top: 1rem; }
  .hilfe-inhalt .list-group-item {
    padding: 0.45rem 0.9rem;
    font-weight: 400; }