/* Beispiel-CSS mit den extrahierten Farben */

/* Hintergrundfarbe */
body {
    background-color: #ffffff; /* Heller Hintergrundton */
    color: #413a47; /* Textfarbe (dunkler Grauton) */
}

/* Logo-Einbindung */
.branding-logo img {
    content: url("/opt/fleet/driver/branding/img/logo.svg"); /* Pfad zu Ihrem Logo */
    max-width: 100px; /* Maximale Breite des Logos, anpassbar nach Bedarf */
    height: auto; /* Proportionales Skalieren */
}

/* Logo und primäre Akzente */
.logo {
    color: #d03c3b; /* Rot-Ton */
}

/* Button-Styling */
.button {
    background-color: #007b92; /* Dunkelblauer/grünlicher Ton */
    color: #ffffff; /* Weißer Text */
    border: none;
}

.button:hover {
    background-color: #d03c3b; /* Rot-Ton beim Hover */
}

/* Allgemeine Links */
a {
    color: #d03c3b; /* Rot-Ton */
}

a:hover {
    color: #007b92; /* Wechsel zu Blau beim Hover */
}

#login {
	background-image: url("opt/fleet/driver/branding/img/background.png");
}

#login img {
   width:  500px;
   height: 100px;
}

header img {	
	margin-right: 80px;	
}

.material-icons {
	color: #0D647C;
}

.file-icons [data-type="text"] i::before {
  content: "description";
}

#search .boxes > div > div {
	background: #0D647C;
}

#search.active #result ul li a i {
	color:#0D647C;
}

#search #result {
	color: #AD303C;
}

.credits > span {
	display: none;
}