/* Überschreiben der ms-4 Klasse, um den Abstand zu entfernen */
.ms-4 {
    margin-left: 5px !important;
}

/* Standard-Stil für die benutzerdefinierten Logo-Text-Zeilen */
#custom-logo-text-zeile1-unique,
#custom-logo-text-zeile2-unique {
    all: unset;
    /* Alle geerbten Stile entfernen */
    display: block !important;
    /* Block-Anzeige für zentrierte Ausrichtung */
    text-align: center !important;
    /* Zentrierte Ausrichtung */
    margin-bottom: 0 !important;
    /* Zeilenabstand auf 0 setzen */
}

/* Standard-Stil für die benutzerdefinierten Logo-Text-Zeilen */
#header-block-item-unique .custom-logo-text {
    transition: text-shadow 0.3s ease !important;
    /* Übergangseffekt für den Schatten */
}

/* Hover-Effekt mit Schatten für einzelne Zeilen */
/*#custom-logo-text-zeile1-unique:hover,
#custom-logo-text-zeile2-unique:hover {
    text-shadow: 2px 2px 4px #000000 !important;
}*/

/* Anpassungen für die benutzerdefinierten Logo-Text-Zeilen */
#custom-logo-text-zeile1-unique {
    font-size: 1.2em !important;
    color: var(--bs-primary) !important;
    /* Systemfarbe Blau */
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    text-align: center !important;
    vertical-align: bottom !important;
    /* Vertikale Ausrichtung nach unten */
    margin-bottom: -0.5em !important;
}

#custom-logo-text-zeile2-unique {
    font-size: 0.8em !important;
    color: #666666 !important;
    font-style: italic !important;
    letter-spacing: -0.5px !important;
    vertical-align: top !important;
    /* Vertikale Ausrichtung nach oben */
    text-align: center !important;
    margin-top: -0.5em !important;
}

/* Schriftgrößen für verschiedene Medienbreiten */

/* Anpassungen für die XS-Ansicht */
@media (max-width: 575px) {
    #custom-logo-text-zeile1-unique {
        font-size: 0.5em !important;
        /* 50% kleiner */
    }

    #custom-logo-text-zeile2-unique {
        font-size: 0.2em !important;
        /* 50% kleiner */
    }

    .xxl-text, .xl-text, .l-text, .m-text, .s-text {
        display: none !important;
    }

    .xs-text {
        display: inline !important;
    }
}

/* Anpassungen für die S-Ansicht */
@media (min-width: 576px) and (max-width: 767px) {
    .icon-cell {
        padding: 0 5px !important;
    }

    #custom-logo-text-zeile1-unique {
        font-size: 0.7em !important;
        /* 50% kleiner */
    }

    #custom-logo-text-zeile2-unique {
        font-size: 0.45em !important;
        /* 50% kleiner */
    }

    .xxl-text, .xl-text, .l-text, .m-text, .xs-text {
        display: none !important;
    }

    .s-text {
        display: inline !important;
    }
}

/* Anpassungen für die M-Ansicht */
@media (min-width: 768px) and (max-width: 991px) {
    .icon-cell {
        padding: 0 5px !important;
    }

    #custom-logo-text-zeile1-unique {
        font-size: 0.9em !important;
        /* 20% kleiner */
    }

    #custom-logo-text-zeile2-unique {
        font-size: 0.56em !important;
        /* 20% kleiner */
    }

    .xxl-text, .xl-text, .l-text, .s-text, .xs-text {
        display: none !important;
    }

    .m-text {
        display: inline !important;
    }
}

/* Anpassungen für die L-Ansicht */
@media (min-width: 992px) and (max-width: 1199px) {
    #custom-logo-text-zeile1-unique {
        font-size: 1.1em !important;
        /* 20% kleiner */
    }

    #custom-logo-text-zeile2-unique {
        font-size: 0.65em !important;
        /* 20% kleiner */
    }

    .xxl-text, .xl-text, .m-text, .s-text, .xs-text {
        display: none !important;
    }

    .l-text {
        display: inline !important;
    }
}

/* Anpassungen für die XL-Ansicht */
@media (min-width: 1200px) and (max-width: 1399px) {
    #custom-logo-text-zeile1-unique {
        font-size: 1.4em !important;
        /* 20% größer */
    }

    #custom-logo-text-zeile2-unique {
        font-size: 0.83em !important;
        /* Ein Hauch größer */
        color: #666666 !important;
        /* Grau */
        font-style: italic !important;
        /* Kursiv */
    }

    .xxl-text, .l-text, .m-text, .s-text, .xs-text {
        display: none !important;
    }

    .xl-text {
        display: inline !important;
    }
}

/* Anpassungen für die XXL-Ansicht */
@media (min-width: 1400px) {
    #custom-logo-text-zeile1-unique {
        font-size: 1.44em !important;
        /* 20% größer */
    }

    #custom-logo-text-zeile2-unique {
        font-size: 0.88em !important;
        /* Ein Hauch größer */
        color: #666666 !important;
        /* Grau */
        font-style: italic !important;
        /* Kursiv */
    }

    .xxl-text, .l-text, .m-text, .s-text, .xs-text {
        display: none !important;
    }

    .xxl-text {
        display: inline !important;
    }
}