/* Zusätzliche Styles für Dark Mode */
body.dark-mode {
  background-color: #000 !important;
  color: #f5f5f5;
}
body.dark-mode a {
  color: #9dc6ff;
}
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
  color: #f5f5f5;
}
body.dark-mode .uk-card-title {
  color: #f5f5f5;
}
body.dark-mode .uk-card-default {
  background-color: #1e1e1e;
  color: #f5f5f5;
}
body.dark-mode .uk-card-default a {
  color: #9dc6ff;
}
body.dark-mode .uk-card h3,
body.dark-mode .uk-card p {
  color: #f5f5f5;
}
body.dark-mode .uk-progress {
  background-color: #333;
  color: #1e87f0;
}
body.dark-mode .uk-button-primary {
  background-color: #1e87f0;
  border-color: #1e87f0;
}
body.dark-mode .uk-button,
body.dark-mode .uk-button-default {
  color: #fff;
  background-color: #333;
  border-color: #555;
}
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
  background-color: #1e1e1e;
  color: #f5f5f5;
  border-color: #555;
}
body.dark-mode .sortable-list li,
body.dark-mode .terms li,
body.dark-mode .dropzone,
body.dark-mode .mc-option {
  background-color: #1e1e1e;
  border-color: #444;
  color: #f5f5f5;
  font-size: 1rem;
  padding: 16px;
  white-space: normal;
}
body.dark-mode .dropzone.over {
  background-color: #2a2a2a;
}
body.dark-mode .uk-alert-success {
  background-color: #145214;
  color: #fff;
}
body.dark-mode .uk-alert-danger {
  background-color: #5a1a1a;
  color: #fff;
}
body.dark-mode .uk-alert-primary {
  background-color: #003366;
  color: #fff;
}

body.dark-mode .mc-option input {
  transform: scale(1.3);
  margin-right: 8px;
}

/* Einheitlicher Kartenrahmen fuer Admin-Tabs im Dunkelmodus */
body.dark-mode .tab-card {
  background-color: #1e1e1e;
  color: #f5f5f5;
}

body.dark-mode .topbar {
  background-color: #1e1e1e;
  border-color: #444;
}
body.dark-mode .event-header-bar {
  background-color: #1e1e1e;
  border-color: #444;
}

body.dark-mode .modern-info-card {
  border-color: #444;
}

body.dark-mode .uk-icon,
body.dark-mode .uk-icon-button {
  color: #f5f5f5;
}

body.dark-mode .bottombar {
  background-color: #1e1e1e;
  border-color: #444;
  padding-bottom: env(safe-area-inset-bottom);
}

body.dark-mode .uk-icon-button {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
}

/* Styles fuer QR-Scan-Popup im Dunkelmodus */
body.dark-mode .uk-modal-dialog {
  background-color: #1e1e1e;
  color: #f5f5f5;
}

/* Hoverfarbe für Katalogkarten im Dunkelmodus */
body.dark-mode .uk-card-hover:hover {
  background-color: #333;
  color: #f5f5f5;
}

@media (min-width: 640px) {
  body.dark-mode .sortable-list li,
  body.dark-mode .terms li,
  body.dark-mode .dropzone,
  body.dark-mode .mc-option {
    font-size: 1.3rem;
  }
}

@media (min-width: 960px) {
  body.dark-mode .sortable-list li,
  body.dark-mode .terms li,
  body.dark-mode .dropzone,
  body.dark-mode .mc-option {
    font-size: 1.5rem;
  }
body.dark-mode .mc-option input {
  transform: scale(1.3);
}
}

body.dark-mode .flip-card-front,
body.dark-mode .flip-card-back {
  background-color: #1e1e1e;
  color: #f5f5f5;
  border: 1px solid #444;
}