/*
 * LA STRADA CHAT
 * Custom Branding für Element Web 1.12.31
 */

/* 1. Login-Logo vergrößern */

.mx_AuthHeaderLogo {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.mx_AuthHeaderLogo img {
    display: block;
    width: 240px;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

/* 2. La-Strada-Logo in der linken Chatnavigation */

.mx_SpacePanel::before {
    content: "";
    display: block;
    flex: 0 0 64px;
    width: calc(100% - 20px);
    min-height: 64px;
    margin: 10px auto 6px;
    background-image: url("/branding/lastrada-logo-white.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none;
}

/* 3. Anpassung an eingeklappte Navigation */

.mx_SpacePanel.collapsed::before {
    flex-basis: 42px;
    min-height: 42px;
    width: 48px;
    margin: 10px auto 8px;
}

/* La Strada: Logo der Anmeldeseite */
.mx_AuthHeaderLogo {
    width: 100% !important;
    max-width: 340px !important;
    margin: 0 auto 20px !important;
    padding: 0 !important;
    flex: none !important;
}

.mx_AuthHeaderLogo img {
    display: block !important;
    width: 100% !important;
    max-width: 340px !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain;
    margin: 0 auto !important;
}

/* La Strada: Logo auf der Willkommensseite */

.mx_DefaultWelcome .mx_DefaultWelcome_logo img,
.mx_WelcomePage_logo img {
    display: block !important;
    width: 280px !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 auto 24px !important;
    object-fit: contain !important;
}


/* La Strada: kompakter Willkommensbereich */

.mx_DefaultWelcome .mx_DefaultWelcome_logo {
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto 12px !important;
    padding: 0 !important;
}

.mx_DefaultWelcome .mx_DefaultWelcome_logo img {
    width: 280px !important;
    height: auto !important;
    max-height: 65px !important;
    margin: 0 auto !important;
}

/* Abstand unter dem Logo verringern */
.mx_DefaultWelcome .mx_DefaultWelcome_logo + * {
    margin-top: 0 !important;
}

/* La Strada: Logogröße wiederherstellen */
.mx_DefaultWelcome .mx_DefaultWelcome_logo img {
    width: 280px !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 auto !important;
}


/* La Strada: Abstand zwischen Logo und Überschrift */
.mx_DefaultWelcome .mx_DefaultWelcome_logo {
    margin-bottom: 24px !important;
}

/* La Strada: Abstand zwischen Logo und Überschrift */
.mx_DefaultWelcome .mx_DefaultWelcome_logo {
    margin-bottom: 50px !important;
}

/* La Strada: Abstand zwischen Logo und Überschrift */
.mx_DefaultWelcome .mx_DefaultWelcome_logo {
    margin-bottom: 124px !important;
}

/* La Strada: Abstand nach dem Logo */
.mx_DefaultWelcome .mx_DefaultWelcome_logo + * {
    padding-top: 20px !important;
}

/* La Strada: größeres Logo bei ausgeklappter Navigation */
.mx_SpacePanel:not(.collapsed)::before {
    width: calc(100% - 24px);
    max-width: 180px;
    flex-basis: 72px;
    min-height: 72px;
    margin: 6px auto 4px;
}


/* La Strada: Abstand nach dem Logo */
.mx_DefaultWelcome .mx_DefaultWelcome_logo + * {
    padding-top: 30px !important;
}