/* zhz-Top-Bar */
#obme_top_bar {
	width: 100%;
}
.topbar-left {
	list-style-type: none;
    margin-left: 16%;
    padding: 10px 1rem;
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: auto;
	max-width: 1270px;
	font-weight: 500;
	flex-wrap: wrap;
}
.top_link .fas {
	color: #fff !important;
	padding-right: 5px;
}

/* search Border */
@media (min-width: 992px) {
    #search {
        border: 1px solid var(--primary);
    }
}

/* biosigel */
header .niu-nav-main-wrapper-type-1 .niu-usp-wrapper .niu-nav-icon-container i.bi{
	display: none;
}

/* copyright */
#copyright {
    background-color: var(--primary);
}

/* kategorie-teaser  */
.kategorie-header-row {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    align-items: flex-start;
    margin-bottom: 0;
}

.kategorie-teaser {
    flex: 2 1 60%;
    min-width: 300px;
}

.kategorie-bild {
    flex: 1 1 35%;
    min-width: 200px;
}
.kategorie-teaser p {
	margin-bottom: 0;
}

@media (max-width: 768px) {
    .kategorie-header-row {
        flex-direction: column;
    }

    .kategorie-teaser,
    .kategorie-bild {
        flex: 1 1 100%;
    }
}


/* „Meine Downloads“ im Kundenkonto ausblenden */
#niu-account-downloads-tab,
#my-downloads {
    display: none !important;
}

/* Artikeltitel auf der Detailseite auf maximal zwei Zeilen begrenzen */
.product-info-inner .product-title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}


/* Angebotspreis in der Galerie hervorheben, wenn ein Streichpreis vorhanden ist */
.price_wrapper:has(.niu-gallery-special-offer) .productbox-price {
    color: var(--danger);
}


/* Die Galeriezeile muss die vollstaendige Hoehe der erweiterten Produktkarte beruecksichtigen. */
#product-list > .product-wrapper .niu-itembox-link {
    display: block;
    height: 100%;
}


/* niu-free-shipping-banner ausblenden */
.niu-free-shipping-banner {
    display: none !important;
}
/* Vorteile in der Backend-Footerbox immer untereinander darstellen */
#footer .vorteile li {
    display: block;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
}
/* Suchbutton in Desktop- und Mobilsuche am rechten Rand ausrichten */
#search .input-group-append,
.search-wrapper .input-group-append {
    flex: 0 0 auto;
    margin-left: auto;
}
/* Suchtexteingabe bis an den rechtsstehenden Suchbutton ausfuellen */
#search .twitter-typeahead,
.search-wrapper .twitter-typeahead {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0;
}

#search .twitter-typeahead .form-control,
.search-wrapper .twitter-typeahead .form-control {
    width: 100% !important;
}
/* Header-USP auf Desktop direkt vor der rechten Icon-Gruppe positionieren */
@media (min-width: 1200px) {
    .niu-nav-main-wrapper-type-1 > div:nth-child(2) {
        position: relative;
    }

    .niu-nav-main-wrapper-type-1 > div:nth-child(2) .niu-usp-wrapper {
        position: absolute;
        top: 50%;
        right: 0;
        width: auto;
        transform: translateY(-50%);
    }
}
/* Couponformular im Warenkorb auf Smartphones untereinander darstellen */
@media (max-width: 575.98px) {
    #basket-coupon-form > .row > .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #basket-coupon-form > .row > .col-6 + .col-6 {
        margin-top: 0.75rem;
    }
}