/* Main */

body {
  background-color: rgb(30, 112, 133) !important;
  font-family: "Hanken Grotesk";
}
blockquote {
  margin-top: 20px;
}
.rounded-bottom {
  border-bottom-left-radius: 15px !important; /* Runde linke untere Ecke ab */
  border-bottom-right-radius: 15px !important; /* Runde rechte untere Ecke ab */
}

/* Überschriften */

h1 {
  color: rgb(30, 112, 133);
}
h2 {
  margin-bottom: 20px;
  font-weight: bold;
}
h3 {
  margin-top: 20px;
}

/* Navigation */

.nav-link {
  cursor: pointer;
}
.nav-link:active,
.nav-link:hover {
  color: rgb(30, 112, 133) !important;
}
.navbar-brand {
  color: rgb(30, 112, 133) !important;
}
.dropdown-item:active,
.dropdown-item:hover {
  background-color: rgb(30, 112, 133) !important;
}
#active {
  background-color: rgb(119, 119, 119) !important;
  color: aliceblue;
}
#activemain {
  color: rgb(30, 112, 133) !important;
}

/* Links */

.a-overview {
  color: rgb(30, 112, 133) !important;
}
#nxt {
  text-align: center;
}

/* Accordion */

.custom-accordion .accordion-button {
  background-color: rgb(30, 112, 133);
  color: #ffffff;
}

.custom-accordion .accordion-button:hover {
  background-color: rgb(0, 90, 110);
}

/* Drag & Drop */

.drageletable {
  min-width: 33%;
  text-align: left;
  width: fit-content;
  max-width: 100%;
  overflow-x: auto;
  margin: 0 auto;
}

.dragfieldset {
  display: inline-block; /* Um das Feldset inline anzuzeigen */
  vertical-align: top; /* Damit die Feldsets oben ausgerichtet sind */
  margin-right: 20px; /* Optional: Fügt etwas Abstand zwischen den Feldsets hinzu */
}
.dragfieldset td {
  padding: 10px; /* Fügt etwas Abstand innerhalb der Zellen hinzu */
  width: fit-content;
}
.dragrow {
  cursor: pointer;
  border-radius: 5px;
  /*text-align: center;*/
  width: fit-content;
}
.dragele {
  border-radius: 5px;
}
.table-wrapper {
  overflow-x: auto;
  max-width: 100%; /* Setze eine maximale Breite für die Tabelle, damit sie nicht über den Bildschirm hinausragt */
}

@media only screen and (max-width: 768px) {
  .table-wrapper {
    overflow-x: auto;
  }

  .drageletable {
    overflow-x: auto;
  }
}

/* Checkboxen */

.btn-tf {
  max-width: 90% !important;
  width: fit-content;
  height: fit-content !important;
  text-align: center !important;
  line-height: 1.5 !important;
  margin: 0 auto !important;
}

span {
  text-align: center;
}

/* Bilder */

.img {
  margin-top: 40px;
  margin-bottom: 20px;
}

.inputReadOnly {
  background-color: #999;
  border-radius: 5px;
  margin-bottom: 2px;
}

.inputstyle {
  background-color: greenyellow;
  border-radius: 5px;
  margin-bottom: 2px;
}

.scrollable {
  overflow-x: auto;
  white-space: nowrap;
}

.richtig {
  color: green;
}

.falsch {
  color: red;
}