/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 */

/* USP-Zeile */

#usp-bar {
	background-color: #F3F3F3;
	position: relative;
	z-index: 1021;
}

#usp-bar ul {
	margin-bottom: 0;
}

#usp-bar .usp-element {	
	padding: .25rem .5rem;
}

#usp-bar .usp-element a {
	text-decoration: none;
}

#usp-bar .usp-element i {
	color: #7e8f27;
}

/* Header */

.logo-addon {
	text-align: center;
	color: #7e8f27;
	font-weight: 700;
	margin-bottom: .5rem;
}

@media (max-width: 991px) {
	.nav-logo-wrapper {
		width: 100%;
	}
}

.main-search-wrapper {
	max-width: 400px;
}

.menu-wrapper {
	background-color: #7e8f27;
}

.nav-icons-wrapper {
	display: none;
}

@media (min-width: 992px) {
	header .navbar-collapse {
		height: auto;
	}
	
	.nav-scrollbar-inner {  
		padding-bottom: 0;
	}
	
	header .navbar-nav > .nav-item > .nav-link {
		position: relative;
		padding: 1rem 1.5rem;
		color: #fff;
	}
	
	header .navbar-nav > .nav-item > .nav-link:hover {
		color: #f5f5f5;
	}
}

/* Header - mobil */

@media (max-width: 991.98px) {
	.full-width-mega .toggler-logo-wrapper {
		max-width: 100%;
		width: 100%;
	}
	
	.toggler-logo-wrapper .burger-menu-wrapper {
		float: none;
		position: absolute;
		padding-top: 1rem;
	}
	
	.toggler-logo-wrapper .logo-wrapper {
		float: none;
		text-align: center;
	}
	
	header .navbar-brand img {
		max-width: 100%;
	}
	
	header .main-search-wrapper {
		display: none;
	}
}

/* Preise */

.item-slider-price, .price_label {
	display: none;
}

/* Detailseite */

.product-offer .btn.btn-primary {
	background-color: #d45f11;
	border-color: #d45f11;
	box-shadow: none;
}

.product-offer .btn.btn-primary:hover {
    background-color: #d45f11;
    border-color: #d45f11;
	box-shadow: none;
}