/* Grundlegende Stile */
body {
  background-color: #121212;
  color: #ffffff;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Card-Styling */
.card {
  margin-bottom: 20px;
  border-color: #444;
  background-color: #1e1e1e !important;
}

.card-header {
  background-color: #2d2d2d !important;
  color: #ffffff !important;
  border-bottom: 1px solid #444;
}

.card-body {
  color: #ffffff !important;
  background-color: #1e1e1e !important;
}

/* Navigation */
.navbar {
  margin-bottom: 20px;
  background-color: #2d2d2d !important;
  border-bottom: 1px solid #444;
}

.navbar-brand, .nav-link {
  color: #ffffff !important;
}

.nav-link.active {
  font-weight: bold;
  color: #007bff !important;
}

/* Text-Elemente */
h1, h2, h3, h4, h5, h6, p, span, div {
  color: #ffffff;
}

.text-light {
  color: #ffffff !important;
}

/* Formular-Elemente */
.form-control, .form-select {
  background-color: #333 !important;
  color: #fff !important;
  border-color: #444 !important;
}

.form-control:focus, .form-select:focus {
  background-color: #444 !important;
  color: #fff !important;
  border-color: #007bff !important;
  box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.25) !important;
}

input, select, textarea {
  background-color: #333 !important;
  color: #fff !important;
  border-color: #444 !important;
}

/* Label-Styling */
label {
  margin-bottom: 0.5rem;
  color: #e0e0e0 !important;
}

/* Tabellen */
.table {
  color: #ffffff !important;
}

.table-dark {
  background-color: #1e1e1e !important;
}

.table-dark th, .table-dark td {
  border-color: #444 !important;
  color: #ffffff !important;
}

/* Buttons */
.btn {
  margin-right: 5px;
}

.btn-primary {
  background-color: #0d6efd !important;
  border-color: #0d6efd !important;
}

.btn-secondary {
  background-color: #6c757d !important;
  border-color: #6c757d !important;
}

.btn-success {
  background-color: #198754 !important;
  border-color: #198754 !important;
}

.btn-danger {
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
}

.btn-warning {
  background-color: #ffc107 !important;
  border-color: #ffc107 !important;
  color: #212529 !important;
}

.btn-info {
  background-color: #0dcaf0 !important;
  border-color: #0dcaf0 !important;
  color: #212529 !important;
}

/* Alerts */
.alert-success {
  background-color: #044a29 !important;
  color: #ffffff !important;
  border-color: #198754 !important;
}

.alert-danger {
  background-color: #58151c !important;
  color: #ffffff !important;
  border-color: #dc3545 !important;
}

.alert-warning {
  background-color: #664d03 !important;
  color: #ffffff !important;
  border-color: #ffc107 !important;
}

.alert-info {
  background-color: #055160 !important;
  color: #ffffff !important;
  border-color: #0dcaf0 !important;
}

/* Code/Log-Fenster */
pre {
  white-space: pre-wrap;
  word-break: break-all;
  font-family: 'Courier New', monospace;
  font-size: 0.9rem;
  border-radius: 0.25rem;
  background-color: #1a1a1a !important;
  color: #e0e0e0 !important;
  padding: 1rem;
}

#logContent {
  font-family: 'Courier New', monospace;
  font-size: 0.9rem;
  line-height: 1.4;
  background-color: #1a1a1a !important;
  border: 1px solid #333;
  border-radius: 4px;
  padding: 10px !important;
  height: 500px !important;
  overflow-y: auto;
  white-space: pre-wrap;
  word-break: break-word;
  color: #d2d2d2 !important;
}

#logContent .error {
  color: #ff6b6b !important;
}

#logContent .warning {
  color: #feca57 !important;
}

#logContent .success {
  color: #1dd1a1 !important;
}

/* Bootstrap-Dark-Überschreibungen für Listen */
.list-group-item {
  background-color: #1e1e1e !important;
  color: #ffffff !important;
  border-color: #444 !important;
}

/* Scrollbars für Webkit-Browser (Chrome, Safari, etc.) */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #1e1e1e;
}

::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

    /* The switch - the box around the slider */
    .switch {
      position: relative;
      display: inline-block;
      width: 60px;
      height: 34px;
      margin-left: 10px; /* Abstand zum Label */
    }

    /* Hide default HTML checkbox */
    .switch input {
      opacity: 0;
      width: 0;
      height: 0;
    }

    /* The slider */
    .slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #ccc;
      -webkit-transition: .4s;
      transition: .4s;
    }

    .slider:before {
      position: absolute;
      content: "";
      height: 26px;
      width: 26px;
      left: 4px;
      bottom: 4px;
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s;
    }

    input:checked + .slider {
      background-color: #2196F3;
    }

    input:focus + .slider {
      box-shadow: 0 0 1px #2196F3;
    }

    input:checked + .slider:before {
      -webkit-transform: translateX(26px);
      -ms-transform: translateX(26px);
      transform: translateX(26px);
    }

    /* Rounded sliders */
    .slider.round {
      border-radius: 34px;
    }

    .slider.round:before {
      border-radius: 50%;
    }
    .auto-start-container {
        display: flex;
        align-items: center;
        margin-bottom: 15px; /* Abstand zum nächsten Element */
    }
    .auto-start-label {
        font-weight: bold;
    }