/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 */
.img-fluid {
    max-width: 100%;
    height: auto;
}

img {
    vertical-align: middle;
    border-style: none;
}

@media(max-width:991.188px) {
	.container-fluid.hide-navbar > .navbar {
		width:100%;
		position:relative;
}
	.container-fluid.hide-navbar {
		display:flex;
		justify-content:center;
	}
	
	#mainNavigation .nav-item a:hover, #mainNavigation .nav-link:hover,
	#mainNavigation .nav-item.active > a, #mainNavigation .active > .nav-link {
  color: #DA1B23;
}
	
	
	
	#burger-menu {
		order:2;
		position:absolute;
		bottom:4px;
		left:0;
		background-color:#273478;
		color:#fff; 
		text-align:left;
		font-size:1rem;
		padding:8px 15px;
		height:auto;
		height:37px;
	}
	
	
	#shop-nav .nav-link,
	#shop-nav .nav-link-custom {
		background-color:#273478;
		color:#fff; 
		font-size:14px;
		padding:8px 15px;
		margin-right:1.5rem;
	}

	.catname {
		position:relative;
		top:2px;
	}
	
	#logo {
		order:1;
		width:100%;
	}
	.toggler-logo-wrapper {
		display:flex;
		float:none !important;
		flex-wrap:wrap;
		width:100%;
	}
	.nav-logo-wrapper {
		width:100%;
		margin:auto;
	}
	header .navbar-brand img {
		width:631px;
		max-width:100%;
	}

	.navbar-brand {
		width:100%;
		text-align:center;
	}
	
	.nav-icons-wrapper {
		flex: 1 0 auto;
		margin-left:160px;
		margin-top:65px;
	}
	
	.search-form-wrapper-fixed {
		position:absolute;
		bottom:50px;
	}
	
	
	#mainNavigation .subcategory-wrapper {
		margin-left:0;
	}
	
header .navbar-nav .dropdown-body {
  width: 100%;
}

	#mainNavigation .nav-item a,
	#mainNavigation .nav-link {
		color:#fff;
}

	#mainNavigation .nav-item.col-xl-3 {
		width:100%;
		max-width:100%;
	}

	#mainNavigation .nav-item.col-xl-3,
	#mainNavigation .dropdown-menu,
	#mainNavigation {
		background-color:#273478 ;
		color:#fff;
	}
	
	
	
	
#home {
  float: none;
  margin-top: 0;
  width: 100%;
  text-align: center;
  background-color: #fff;
  padding: 0.3rem;
}

header .nav-mobile-header {
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: #fff;
  color: #273478;
}

button[name="search"] {
  color: #FFFFFF;
  background: #e5a19b;
  background: -moz-linear-gradient(top, #e5a19b 0%, #d05248 50%, #a92b22 100%);
  background: -webkit-linear-gradient(top, #e5a19b 0%,#d05248 50%,#a92b22 100%);
  background: linear-gradient(to bottom, #e5a19b 0%,#d05248 50%,#a92b22 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5a19b', endColorstr='#a92b22',GradientType=0 );
  border: 1px solid #c72f24;
}

	
	
}