/* Eigene Logos. Pfade relativ zu dieser CSS-Datei. */

/* Logo oben links (ausgeklappte Seitenleiste) */
.glpi-logo {
    background-image: url("../pics/header.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important;
    /* Neuere GLPI-Versionen färben das Logo evtl. per mask ein: deaktivieren */
    -webkit-mask: none !important;
    mask: none !important;
    filter: none !important;
}
.glpi-logo::before,
.glpi-logo::after {
    content: none !important;
}

/* Logo bei eingeklappter Seitenleiste.
   Der Klassenname hängt von der GLPI-Version ab, ggf. im Browser (F12) prüfen und anpassen. */
/*
.navbar-collapsed .glpi-logo {
    background-image: url("../pics/header_collapsed.png") !important;
}
*/

/* Login-Logo */
img[src*="login_logo_glpi"] {
    content: url("../pics/login.png");
    max-width: 100%;
}

/* Login-Seite: GLPI nutzt dort dasselbe .glpi-logo-Element, setzt das Bild
   aber per "content" (nicht per background). Daher hier eigene Regel. */
.page-anonymous .glpi-logo {
    background: none !important;
    content: url("../pics/login.png") !important;
    width: 220px !important;
    height: 130px !important;
    object-fit: contain;
}