/* _content/FuelDistanceCalculator/Pages/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand[b-cdz2ig0nr7] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a[b-cdz2ig0nr7] {
  color: #0077cc;
}

.btn-primary[b-cdz2ig0nr7] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active[b-cdz2ig0nr7], .nav-pills .show > .nav-link[b-cdz2ig0nr7] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top[b-cdz2ig0nr7] {
  border-top: 1px solid #e5e5e5;
}
.border-bottom[b-cdz2ig0nr7] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-cdz2ig0nr7] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-cdz2ig0nr7] {
  font-size: 1rem;
  line-height: inherit;
}

.footer[b-cdz2ig0nr7] {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
  background-color: #f8f9fa; /* Heller Hintergrund für Light Mode */
  color: black; /* Dunkle Schrift für Light Mode */
}

body.dark-mode .footer[b-cdz2ig0nr7] {
  background-color: #333; /* Dunkler Hintergrund für Dark Mode */
  color: white !important; /* Helle Schrift für Dark Mode */
}


.page-title[b-cdz2ig0nr7] {
  color: black; /* Standard (Light Mode) */
}

.navbar-toggler-icon[b-cdz2ig0nr7] {
  background-image: url("data:image/svg+xml;charset=UTF8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='black' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* Weißes Icon für Dark Mode */
body.dark-mode .navbar-toggler-icon[b-cdz2ig0nr7] {
  background-image: url("data:image/svg+xml;charset=UTF8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

body.dark-mode .page-title[b-cdz2ig0nr7] {
  color: white !important; /* Dark Mode */
}

/* Standard-Tabelle (Light Mode bleibt wie Bootstrap-Standard) */
.table[b-cdz2ig0nr7] {
  background-color: white;
  color: black;
}

/* Dark Mode für Tabellen */
body.dark-mode .table[b-cdz2ig0nr7] {
  background-color: #222; /* Dunkler Hintergrund */
  color: white !important; /* Helle Schrift */
  border-color: #444 !important; /* Dunklere Rahmen */
}

/* Dark Mode für Tabellenüberschrift */
body.dark-mode .table thead[b-cdz2ig0nr7] {
  background-color: #333 !important; /* Noch dunkler für den Kopf */
  color: white !important;
}

/* Dark Mode für Tabellenzellen */
body.dark-mode .table tbody tr[b-cdz2ig0nr7] {
  background-color: #282828 !important; /* Dunkler Hintergrund für Zeilen */
  border-color: #444 !important;
}

/* Abwechselnde Zeilenfarbe für bessere Lesbarkeit */
body.dark-mode .table tbody tr:nth-child(even)[b-cdz2ig0nr7] {
  background-color: #1f1f1f !important;
}

/* Dark Mode für Zellenrahmen */
body.dark-mode .table th[b-cdz2ig0nr7],
body.dark-mode .table td[b-cdz2ig0nr7] {
  border: 1px solid #444 !important;
}

/* Dark Mode für Hover-Effekt */
body.dark-mode .table tbody tr:hover[b-cdz2ig0nr7] {
  background-color: #333 !important;
}

.no-click[b-cdz2ig0nr7] {
  pointer-events: none; /* Klicks verhindern */
  color: gray; /* Optisch ausgrauen */
  text-decoration: none; /* Unterstreichung entfernen */
  cursor: default; /* Normaler Mauszeiger */
}