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


@media (min-width: 992px) {
	header .top-wrapper {
		display: flex;
		align-items: center;
		justify-content: space-between;		
	}
	
	header .navi-wrapper > .navbar {
		flex-flow: column;
	}
	
	.toggler-logo-wrapper .logo-wrapper {
		padding-left: 0;
	}
	
	header .nav-right .nav-link {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	
	header .navbar-brand img {
		height: 100px;
	}
	
	.is-checkout header, .is-checkout .navbar {
		height: auto;
	}
	
	header .navbar-collapse {
		height: auto;
	}
	
	.nav-scrollbar-inner {
		padding-bottom: 0;
	}
	
	header .navbar-nav > .nav-item > .nav-link {  
		padding: 1rem 1.5rem;
	}
}

@media (max-width: 991px) {
	header .top-wrapper {
		position: relative;	
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-top: 96px;
	}		
	
	header .top-wrapper .toggler-logo-wrapper {
		top: .5rem;
		left: 50%;
		transform: translateX(-50%);
	}	
	
	header .navbar-brand img {
		height: 100px;
		width: auto;		
	}
}