/* ==========================================================================
   Lederle IT – projektspezifische Anpassungen
   ========================================================================== */

/* --------------------------------------------------------------------------
   Logo
   Die SVG-Logos haben ein Seitenverhaeltnis von 2,78:1 (viewBox 320x115) und
   bringen keine eigene Pixelgroesse mit. Ohne feste Hoehe wuerde .img-fluid
   sie auf die volle Containerbreite ziehen. Zum Skalieren nur --logo-height
   anpassen, die Breite ergibt sich automatisch.
   -------------------------------------------------------------------------- */
:root {
    --logo-height: 52px;
    --logo-height-mobile: 44px;
}

.navbar-brand img,
.offcanvas-header img,
.footer-single-col img.logo-white,
.footer-single-col img.logo-color,
.error-page-content-wrap img {
    height: var(--logo-height);
    width: auto;
    max-width: 100%;
}

@media (max-width: 575.98px) {

    .navbar-brand img,
    .offcanvas-header img,
    .footer-single-col img.logo-white,
    .footer-single-col img.logo-color,
    .error-page-content-wrap img {
        height: var(--logo-height-mobile);
    }
}

/* Preloader: der Template-Default erzwingt 60x60 (quadratisch) und wuerde den
   breiten Schriftzug verzerren. */
#preloader .preloader-icon {
    width: auto;
    height: 56px;
}