/* FontAwesome Fix */
/* Ab FA5 soll man in Controls nicht mehr die font-weight CSS Eigenschaft setzen!!! */
.brassberg-product-slider .fa-angle-right:before, .brassberg-product-slider .fa-angle-left:before {
    font-weight: 900 !important;
}
/* END FontAwesome Fix */


.scrolled.fade-in-bottom {
    animation-duration: 500ms !important;
}

.brassberg-sidebarWidget {
    padding: 2rem;
    background: #f5f5f5;
}

.text-decoration-none {
    text-decoration: none !important;
}

body .content-template-faq-list-category, body .content-template-faq-list-category.lastCategoryLevel {
    flex-grow: initial !important;
}

/* Nach dem Update nach 8 Mai kann das gelöscht werden */
/******************/
/* Logo in header */
/******************/
@media screen and (max-width: 500px) {
    .cologne-header-logo-link {
        width: 200px !important;
    }

    .cologne-header-logo-link img {
        max-width: 100% !important;
        width: auto;
        height: auto !important;
    }
}

@media screen and (max-width: 400px) {
    .shop-category-menu-button {
        padding-inline: 1.5rem !important;
    }

    .cologne-header-logo {
        padding-left: 0 !important;
    }

    .cologne-header-logo-link {
        width: 160px !important;
    }

    .cologne-header-menu-wrapper .cologne-header-control {
        padding-left: 0.5rem !important;
    }
}

@media screen and (max-width: 350px) {
    .cologne-header-logo-link {
        width: 140px !important;
    }
}

/* Mobile navigation */
@media screen and (max-width: 767px) {
    body .page-menu .fa,
    body .page-menu .page-navigation-home .fa {
        margin: 0 !important;
        width: 3rem !important;
        text-align: center !important;
    }

    .page-menu .page-navigation a {
        align-items: flex-start;
    }

    .page-navigation-level-1 > li > .quiqqer-navigation-entry > a {
        font-size: 1.125rem !important;
    }
}
/* END Nach dem Update nach 8 Mai kann das gelöscht werden */

/* in template war die Eigenschaft unnötig gesetzt. Wenn Update kommt (12.06.2023) 
wird das nicht mehr nötig. daher kann man das hier löschen */
.btn {
    white-space: initial !important;
}
/* END in template war die Eigenschaft unnötig gesetzt. Wenn Update kommt (12.06.2023) 
wird das nicht mehr nötig. daher kann man das hier löschen */




/*NACH UPDATE KANN DAS GELÖSCHT WERDEN*/
 .quiqqer-order-button-add .add-to-basket {
     flex-basis: auto !important;
 }
 /****ENDE****/
 
 
 
 /* Simple order: Bild ist manchmal zu hoch, daher das hier. Es muss in quiqqqer/order-simple-checkout angepasst werden */
 .articleList-entry__image img {
     width: auto !important;
     max-width: var(--_imgWidth);
     max-height: 100px;
 }