@charset "UTF-8";
/* 
    Enthält globale Designspezifikationen, die von allen Seiten verwendet werden
    bzw. die sich auf mehrfach verwendete Objekte beziehen. 
    Created on : 15.02.2018, 12:05:59
    Author     : Anna Fritzen
*/
/* 
    In dieser .less Datei befinden sich allgemein gültige Konstanten für Größen,
    Farben, etc., die mehrfach in Stylesheets verwendet werden. Um die Verwendung
    zu vereinfachen, wird diese Datei in alle anderen .less Dateien eingebunden. 
    Created on : 15.02.2018, 11:46:52
    Author     : Anna Fritzen
*/
/* MAXIMALE HÖHE/BREITE FÜR DIVS ETC. */
/* CURSORTYPEN */
.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mr-3 {
  margin-right: 1rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.ml-3 {
  margin-left: 1rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.my-3 {
  margin-bottom: 1rem !important;
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mr-4 {
  margin-right: 1.5rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4 {
  margin-left: 1.5rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mr-5 {
  margin-right: 3rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.ml-5 {
  margin-left: 3rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-auto {
  margin-bottom: auto !important;
  margin-top: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pr-3 {
  padding-right: 1rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pl-3 {
  padding-left: 1rem !important;
}

.py-3 {
  padding-bottom: 1rem !important;
  padding-top: 1rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pr-4 {
  padding-right: 1.5rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4 {
  padding-left: 1.5rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pr-5 {
  padding-right: 3rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.pl-5 {
  padding-left: 3rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.d-none {
  display: none !important;
}

/*
    Enthält alle Styleinformationen für die Navigationsleiste.
    Created on : 24.08.2018, 14:55:38
    Author     : Anna Fritzen
*/
/* 
    In dieser .less Datei befinden sich allgemein gültige Konstanten für Größen,
    Farben, etc., die mehrfach in Stylesheets verwendet werden. Um die Verwendung
    zu vereinfachen, wird diese Datei in alle anderen .less Dateien eingebunden. 
    Created on : 15.02.2018, 11:46:52
    Author     : Anna Fritzen
*/
/* MAXIMALE HÖHE/BREITE FÜR DIVS ETC. */
/* CURSORTYPEN */
.navbar-signup {
  /* Generelles */
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  /* Hauptcontainer */
  /* Container für Logo, angepasst an Höhe der top-fixed Navbar */
}
.navbar-signup .container-fluid {
  padding-left: 0px;
}
.navbar-signup .navbar-left {
  margin-right: 50px;
  /* Logo */
}
.navbar-signup .navbar-left img {
  max-height: 50px;
  padding-left: 1%;
  /* Abstand nach links auf kleinen Bildschirmen */
}
@media (max-width: 576px) {
  .navbar-signup .navbar-left img {
    padding-left: 4%;
  }
}

/* Listenelemente (Seitennamen) */
.navbar-inverse .navbar-nav > li {
  /* Abstand nach Links auf kleinen Bildschirmen */
}
@media (max-width: 576px) {
  .navbar-inverse .navbar-nav > li {
    margin-left: 4%;
  }
}
.navbar-inverse .navbar-nav > li:hover,
.navbar-inverse .navbar-nav > li:active,
.navbar-inverse .navbar-nav > li:focus {
  border-right: 1px solid black;
  border-left: 1px solid black;
}

/* Elemente, die nur zur Anzeige dienen und nicht interaktiv sind (z.B. aktuell eingeloggter Nutzer) */
.navbar-display {
  cursor: default !important;
  font-style: italic;
}
.navbar-display a {
  cursor: default !important;
}
.navbar-display:hover {
  border-left: none !important;
  border-right: none !important;
}

/* Generelle Maße & Schriftarten/-farben für Footer */
.footer-signup {
  font-weight: bold;
  padding-top: 1%;
  margin-bottom: 0%;
  width: 100%;
  position: relative;
  bottom: 0;
}
.footer-signup h4,
.footer-signup p {
  font-weight: bold;
}
.footer-signup a {
  text-decoration: underline;
}
.footer-signup a:hover {
  text-decoration: none;
}

/* Container, der das vertikale Zentrieren eines Footer Logos ermöglicht */
.footer-image-wrapper {
  text-align: center;
  margin: 1em 0;
}
.footer-image-wrapper .footer-image-helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

/* Bereich des Footers (z.B. Informationen, Kontakt) */
.footer-section {
  border-left: 1px solid white;
}

/* Logo, welches im Footer angezeigt wird */
.footer-image {
  width: 50%;
}

/* Untersektion des Footers, farblich abgehoben vom Rest, enthält u.a. Copyright */
.footer-subsection {
  min-height: 40px;
  max-height: 40px;
}

@media (min-width: 768px) {
  .footer-subsection {
    padding-top: 1%;
  }
}
@media (max-width: 576px) {
  .footer-subsection {
    padding-top: 4%;
  }
}

body {
  background-color: white;
  cursor: default;
}

/* Dopdownmenüs */
.dropdown-menu {
  padding-top: 0% !important;
  width: 100% !important;
}
.dropdown-menu li {
  padding: 1%;
}
.dropdown-menu li a:hover {
  background-color: lightgray;
}

/* Container ohne Inhalt, aber mit fester Höhe, sodass ein wenig Platz zur Seite
hinzugefügt werden kann */
.stretch-page {
  min-height: 600px;
}

.container-full {
  height: 100vh;
  min-height: 100vh;
}

/* Streckt Elemente auf 100% der Breite des Elternelements */
.stretch {
  width: 100%;
}

/* Fügt einem Element eine Scrollbar in vertikaler Richtung hinzu */
.scrollable {
  overflow-x: hidden;
  overflow-y: scroll;
}

.hidden {
  visibility: hidden;
}

input[readonly],
textarea[readonly] {
  cursor: not-allowed;
}
input[readonly]:focus,
textarea[readonly]:focus {
  box-shadow: none;
  border: none;
}

/* Sichtbare Fokusanzeige für Tastaturnavigation (WCAG 2.1 AA, 2.4.7) */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline: 3px solid #005fcc;
  outline-offset: 2px;
}

/* Keine abgerundeten Ecken */
.not-rounded {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

/* -- HAUPTELEMENTE -- */
/* Header */
.header-ht {
  margin-top: 4%;
  /* Für große Bildschirme: Weniger Abstand nach Oben */
  /* Für kleine Bildschirme: Mehr Abstand nach Oben */
}
.header-ht h2 {
  font-weight: bold;
}
.header-ht hr {
  margin-top: 0%;
}
@media (min-width: 992px) {
  .header-ht {
    margin-top: 3%;
  }
}
@media (max-width: 768px) {
  .header-ht {
    margin-top: 15%;
  }
}

/* Navigationselemente zum Wechseln der Seite.
   Hintergrund & Textfarbe kommen standardmäßig aus dem CSS, damit die Buttons
   auch ohne Javascript sichtbar bleiben; die Designeinstellungen (styles.js)
   setzen Inline-Styles darüber, sobald sie geladen sind. */
.pager-signup > li > a {
  transform: scale(1.5);
  font-weight: bold;
  display: inline-block;
  padding: 0.4em 1.2em;
  border-radius: 0.3em;
}

.pager-signup-next a {
  margin-right: 5%;
  background-color: #d05208;
  color: #000;
}

.pager-signup-previous a {
  margin-left: 5%;
  background-color: #1d2359;
  color: #fff;
}

/* Container, in dem sich Hauptinhalt der Seiten befindet */
.well-signup {
  border: 1px solid grey;
}

/* Roter Container für wichtige Hinweise */
.well-important {
  margin: 20px;
  background-color: tomato;
  color: black;
}

/* Panel mit Hinweistexten (Regstrierung & Dialoge) */
.panel-signup-info {
  border: 1px solid grey;
}
.panel-signup-info .panel-heading,
.panel-signup-info .panel-footer {
  font-weight: bold;
  /* Dunkel statt Weiß: Weiß auf dem hellblauen Bootstrap-Hintergrund
     (panel-info) hatte zu wenig Kontrast (WCAG 2.1 AA, 1.4.3) */
  color: #212529;
}

/* Listen mit Höhenbegrenzung (Objekte, Kunden, Nutzer) */
.list-limited-height {
  max-height: 350px;
  height: 350px;
}

/* Navigation Admin: Kein Abstand nach Oben und nur wenig Abstand nach Unten */
.pagination-ht {
  margin-top: 0%;
  margin-bottom: 1%;
}

.text-white {
  color: white;
}

@media (max-width: 576px) {
  .tooltip {
    display: none !important;
  }
}
/* VERSTECKTE ELEMENTE */
#alert-expiration {
  display: none;
}

/* Generierte Fehlermeldungen (meist aus Backend) */
.alert-signup {
  border: 1px solid grey;
}

/* Container für Vorschaubilder (Emaillogo, Entitäten) */
.img-preview {
  display: inline-block;
  max-width: 400px;
  margin-bottom: 5%;
}

/* Vorschau für PDF Dateien */
.pdf-preview {
  width: 100%;
  height: 500px;
}

/* --- LINKS --- */
/* Alle Links, denen keine andere CSS-ID oder -klasse zugewiesen wurden.
   Schwarz + Unterstreichung: Links sind so auf jedem Hintergrund lesbar
   und von Normaltext unterscheidbar (WCAG 2.1 AA, 1.4.1). */
a {
  color: black;
  text-decoration: underline;
  cursor: pointer;
}
a:hover {
  color: black;
  text-decoration: underline;
  background-color: #e0e0e0;
}
a:active,
a:focus {
  color: black;
  text-decoration: underline;
  cursor: pointer;
}

/* Buttons, die als <a class="btn"> gebaut sind (u.a. Adminbereich):
   keine Links, keine Unterstreichung */
a.btn {
  text-decoration: none;
}

/* Links, die auf wichtige Seiten bzw. Dokumente hinweisen */
.link-important,
.link-info {
  text-decoration: underline;
  font-weight: bold;
}

/* Button, der wie ein Link aussieht (AGB, Datenschutz, Widerrufsbelehrung):
   Buttons sind per Tastatur fokussierbar, <a onclick> ohne href nicht (WCAG 2.1.1) */
.link-signup {
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  color: black;
  text-decoration: underline;
}
.link-signup:hover,
.link-signup:focus {
  background-color: transparent;
  text-decoration: underline;
}

/* Deaktivierte Links (z.B. beim Dropdown Menü).
   #595959 statt grey: grey (#808080) erreichte nur 3,9:1 Kontrast, 4,5:1 nötig */
.link-disabled {
  color: #595959 !important;
  cursor: not-allowed;
}

.hover-underline:hover {
  text-decoration: underline;
}

/* --- DIALOGE --- */
/* Dialogboxen automatisch scrollbar machen */
.modal {
  overflow-y: auto;
}

/* Behält Zeilenumbrüche in geladenen Textdateien bei */
#rules-wrapper {
  white-space: pre-line;
}

/* Absätze, etc. in Infokarten beibehalten */
.entity-description {
  white-space: pre-line;
}

/* --- FORMULARE --- */
/* Vergrößert Checkboxen um das 1,5-Fache */
.checkbox-lg {
  transform: scale(1.5);
}

.selectpicker-lg .selectpicker {
  height: 500px !important;
}

textarea {
  resize: none;
}

/* Feld zum Bearbeiten der externen Dateien standardmäßig verstecken */
.bankdata-alert {
  display: none;
}

/* --- BUTTONS --- */
/* Buttons mit nur einem Icon, primär für mobile Ansicht */
.icon-btn {
  border: none;
  font-size: 100%;
  cursor: pointer;
}

/* Versteckter button zum Absenden der Formulare */
.hidden-submit {
  visibility: hidden;
}

/* Button für scroll to top */
.btn-signup-scroll-top {
  background-color: #343434;
  color: white;
  cursor: pointer;
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  padding: 15px;
  border-radius: 50%;
  font-size: 18px;
}
.btn-signup-scroll-top:hover,
.btn-signup-scroll-top:active,
.btn-signup-scroll-top:focus {
  background-color: #1a1a1a;
  color: white;
}

/* Button für scroll to bottom */
.btn-signup-scroll-bottom {
  background-color: #343434;
  color: white;
  cursor: pointer;
  position: fixed;
  top: 80px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  padding: 15px;
  border-radius: 50%;
  font-size: 18px;
}
.btn-signup-scroll-bottom:hover,
.btn-signup-scroll-bottom:active,
.btn-signup-scroll-bottom:focus {
  background-color: #1a1a1a;
  color: white;
}

/* Abstand nach unten für Dateiauswahl auf kleinen Bildschirmen */
@media (max-width: 576px) {
  input[type="file"] {
    margin-bottom: 5%;
  }
}

/* --- ABSTÄNDE / SONTIGES --- */
/* Kleiner Abstand nach oben und unten */
.margin-bottom-0 {
  margin-bottom: 0;
}

.margin-sm {
  margin-top: 5px;
  margin-bottom: 5px;
}

/* Mittelgroßer Abstand nach oben und unten */
.margin-md {
  margin-top: 15px;
  margin-bottom: 15px;
}

/* Großer Abstand nach oben und unten */
.margin-lg {
  margin-top: 30px;
  margin-bottom: 30px;
}

/* Für versteckte Elemente */
.hidden {
  visibility: hidden;
}

/* span Element zum Zurücksetzen der ausgewählten PDF Dateien per Klick */
.pdf-reset {
  cursor: pointer;
}
.pdf-reset:hover {
  color: darkred;
  text-decoration: underline;
}

.table-borderless td,
.table-borderless th {
  border: none !important;
}