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

/* Allgemein */

.btn-primary {
	color: #fff;
}

.btn-primary:hover {
	color: #fff;
}

/* Logo */

@media (min-width: 992px) {
	header .navbar-brand img {
		height: 200px;
	}
}

@media (max-width: 991px) {
	header .navbar-brand img {
		height: 60px;
	}
	
	.toggler-logo-wrapper .burger-menu-wrapper {    
		height: 60px;
	}
}

/* Header Social-Media */

header .footer-additional-wrapper li {
	display: inline-block;
}

header .footer-additional-wrapper li a {
	margin: .25rem;
}

header .btn.btn-icon-secondary.btn-instagram {
	width: 43px;
	height: 43px;
	border: none;
	background-color: transparent !important;
	box-shadow: none;
	background: url("img/instagramm.jpg") no-repeat;
	background-size: contain;
	background-position: center;
	box-shadow: none !important;
}

header .btn.btn-icon-secondary.btn-instagram i {
	display: none;
}

/* Suche */

#search {
	margin-right: 0;
}

.search-wrapper .form-control {
	border: 2px solid #cd7188;
	text-align: center;
}

.search-wrapper .input-group-append {
	margin-left: 0;
}

.search-wrapper .btn.btn-secondary {
	width: 43px;
	border: none;
	background-color: transparent !important;
	box-shadow: none;
	background: url("img/search.jpg") no-repeat;
	background-size: contain;
	background-position: center;
	box-shadow: none !important;
}

.search-wrapper .btn.btn-secondary span {
	display: none;	
}

@media (min-width: 992px) {
	.search-wrapper .form-control {
		min-width: 300px;
	}
}

/* Shop-nav */

@media (min-width: 992px) {
	#shop-nav {
		justify-content: end;
	}	

	#shop-nav .nav-item.account-icon-dropdown .fas {
		display: none;
	}
	
	#shop-nav .nav-item.cart-icon-dropdown .fas {
		display: none;
	}

	#shop-nav .nav-item.account-icon-dropdown a.nav-link {
		background-image: url("img/anmelden.png");
		background-repeat: no-repeat;
		background-size: 30px;
		padding-left: 35px;
		background-position: 0% 50%;
	}		

	#shop-nav .nav-item.cart-icon-dropdown a.nav-link {
		background-image: url("img/schubkarre.gif");
		background-repeat: no-repeat;
		background-size: 45px;
		padding-left: 50px;
		background-position: 0% 50%;
	}
	
	.cart-icon-dropdown.not-empty .cart-icon-dropdown-price {
		margin-left: 0;
	}	
}

.cart-icon-dropdown .cart-icon-dropdown-price {
    display: inline-block;
}

.fa-sup {
	color: #fff;
}

.fa-sup.fa-sup-desktop {
	left: 26px;
	top: 22px;
	padding: .25rem .5rem;
}

/* Hauptmenü */

header .navbar-nav > .nav-item > .nav-link::before {
	display: none;
}

#mainNavigation .nav-mobile-body .nav-scrollbar-inner > li > a {
	background-repeat: no-repeat;
	background-size: 30px;
	background-position: 0px 50%;
	padding-left: 35px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #000;
	font-size: 15px;
}

#mainNavigation .nav-mobile-body .nav-scrollbar-inner > li.active > a {
	font-weight: bold;
}

#mainNavigation .nav-mobile-body .nav-scrollbar-inner > li:nth-child(2) > a {
	background-image: url("img/spirale.png");
}

#mainNavigation .nav-mobile-body .nav-scrollbar-inner > li:nth-child(2) > a:hover {
	color: #ca7588 !important;
}

#mainNavigation .nav-mobile-body .nav-scrollbar-inner > li:nth-child(3) > a {
	background-image: url("img/hand.png");
}

#mainNavigation .nav-mobile-body .nav-scrollbar-inner > li:nth-child(3) > a:hover {
	color: #738c4d !important;
}

#mainNavigation .nav-mobile-body .nav-scrollbar-inner > li:nth-child(4) > a {
	background-image: url("img/blume.png");
}

#mainNavigation .nav-mobile-body .nav-scrollbar-inner > li:nth-child(4) > a:hover {
	color: #375195 !important;
}

#mainNavigation .nav-mobile-body .nav-scrollbar-inner > li:nth-child(5) > a {
	background-image: url("img/fahrrad.png");
}

#mainNavigation .nav-mobile-body .nav-scrollbar-inner > li:nth-child(5) > a:hover {
	color: #8669a3 !important;
}

#mainNavigation .nav-mobile-body .nav-scrollbar-inner > li:nth-child(6) > a {
	background-image: url("img/krone.png");
}

#mainNavigation .nav-mobile-body .nav-scrollbar-inner > li:nth-child(6) > a:hover {
	color: #f8cf00 !important;
}

#mainNavigation .nav-mobile-body .nav-scrollbar-inner > li:nth-child(7) > a {
	background-image: url("img/sale.png");
}

#mainNavigation .nav-mobile-body .nav-scrollbar-inner > li:nth-child(7) > a:hover {
	color: #b22635 !important;
}

#mainNavigation .nav-mobile-body .nav-scrollbar-inner > li:nth-child(8) > a {
	background-image: url("img/maedchen-und-jungs.jpg");
}

#mainNavigation .nav-mobile-body .nav-scrollbar-inner > li:nth-child(8) > a:hover {
	color: #2960e4 !important;
}

#mainNavigation .nav-mobile-body .nav-scrollbar-inner > li:nth-child(9) > a {
	background-image: url("img/alter.png");
}

#mainNavigation .nav-mobile-body .nav-scrollbar-inner > li:nth-child(9) > a:hover {
	color: #fc4994 !important;
}

#mainNavigation .nav-mobile-body .nav-scrollbar-inner > li:nth-child(10) > a {
	background-image: url("img/marken.png");
}

#mainNavigation .nav-mobile-body .nav-scrollbar-inner > li:nth-child(10) > a:hover {
	color: #fa2309 !important;
}

#mainNavigation .nav-mobile-body .nav-scrollbar-inner > li:nth-child(11) > a {
	background-image: url("img/laden.png");
}

#mainNavigation .nav-mobile-body .nav-scrollbar-inner > li:nth-child(11) > a:hover {
	color: #60cee6 !important;
}

@media (max-width: 991px) {
	#mainNavigation .nav-mobile-body .nav-scrollbar-inner > li > a {
		background-position: 10px 50%;
		padding-left: 50px;
	}
	
	.nav-scrollbar-item .nav-mobile-heading {
		white-space: wrap;
	}
	
	header .navbar-nav .nav-item .text-truncate {  
		white-space: wrap;
	}
}

/* Bestellvorgang */

.is-checkout header, .is-checkout .navbar {
    height: auto;
}

.is-checkout header .navbar-brand img {
    height: 60px;
}

.stepper .badge-count {  
	color: #fff;
}

/* Detailseite */

.price_wrapper {
	text-align: center;
}

/* Footer */

#footer {
	border-top: 1px solid #525252;
}

.withdrawal-link-wrapper {
	justify-content: center;
	margin-bottom: 1rem;
}

#copyright {  
	color: #525252;
	border-top: 1px solid #525252;
}

#copyright .text-white {
	color: #525252 !important;
}