/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

  .table-bordered > thead > tr > th {
    border: 1px solid #dadada;
  }
  .table-bordered > thead > tr > td {
    border: 1px solid #dadada;
  }

/* Hier kommt das Design für die Texte rein (also die Info-, Frage- und Beschreibungstexte) */  

.text-info {
    --bs-text-opacity: 1;
    color: #000!important;
}

.text-primary {
    --bs-text-opacity: 1;
    color: #000!important;
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgb(0 137 193) !important;
}

.navbar-light .navbar-nav .nav-link {
    color: #fff;
}

.nav-link {
  color: white;          /* Standard: weiße Schriftfarbe */
  font-weight: normal;   /* Standard: normale Schriftstärke */
  text-decoration: none; /* Optional: entfernt den Unterstrich */
}

.nav-link:hover {
  font-weight: bold !important;     /* Wird fett bei Mouseover */
  color: white !important;          /* Die Schrift bleibt weiß */
}

/* Hier kommt das Design für die Statusleiste (Oben) rein */
.progress-bar {
    background-color: rgb(0 137 193);
    color: #fff;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    transition: width .6s ease;
    white-space: nowrap;
}

/* Hier kommt das Design für die Buttons rein */
.btn-primary {
    background-color: rgb(0 137 193);
    border-color: rgb(0 137 193);
    color: #fff;
}

/* Hier steht der Rand um das Logo */
.logo {
  padding: 1px; /* Fügt einen 5px weißen Abstand um das Logo hinzu */
  background-color: white; /* Stellt sicher, dass der Hintergrund um das Logo weiß ist */
}

.logo {
  transform: scale(0.85); /* Skaliert das Logo um 15% kleiner */
}

/* Hier ist das Design für den Schieberegler */ 
.slider-selection{ 
    background:green }

.slider-track-high { 
    background: transparent }

.slider-handle {
    background-color: #0480be;
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    border: 0px solid rgba(0, 0, 0, 0);
}

/* "Spielplatz: alles weiter unten ist derzeit ohne Funktion (Logo einfügen über Online-Quelle) 

.img.logo.img-fluid {
    src="https://tlllr.thueringen.de/fileadmin/TLLLR/Service/Logos/TLLLR.svg";
}