.row {
    max-width: 95.125rem !important;
}


div.mainnav div.row div.large-12.columns.topbar {
    padding-left: 12px; /* 18px*/
}

/*ANFANG: Individuelle Breite für linke Spalte + Hauptspalte für große Devices definiert*/
@media only screen and (min-width: 64.063em) {
div#main-content.large-push-2 {
    left: 23%;
}
div#main-content.large-10 {
    width: 77%;
}
aside.large-2 {
    width: 23%;
}
aside.large-pull-10 {
    right: 77%;
}

div#main-content.produkteinzelansicht div.medium-7 {
	width: 50%;
}

div#main-content.produkteinzelansicht div.medium-5 {
	width: 50%;
}
}
/*ENDE: Individuelle Breite für linke Spalte + Hauptspalte für große Devices definiert*/

@media only screen and (min-width: 40.063em) and (max-width: 64em)  {
div.mainnav div.row div.large-12.columns.topbar {
    padding-left: 8px; /* 1.8%*/
}
}

.top-bar {
	background-color:inherit;
}

.top-bar-section ul li {
    background: inherit;
}
.top-bar-section li:not(.has-form) a:not(.button) {
  	font-family: 'Roboto', sans-serif;
	background-color: inherit;
	line-height:16px;
	padding: 17px 18px 12px 18px;
	/*font-size: 0.8rem !important;*/
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
}

.top-bar-section li:not(.has-form) ul li a,
.top-bar-section li:not(.has-form) ul li ul li a{
	padding: 10px 22px 10px 22px  !important;
}


.top-bar-section li:not(.has-form) a.active {
	color:#6699cc;
	background: inherit;
	font-weight: 500;
}

.top-bar-section li a:hover {
	color:#6699cc !important;
	background: #ffffff!important;
	background: -moz-linear-gradient(top, #ffffff 0%, #cbcacb, #a6a8a8)!important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #cbcacb), color-stop(100%, #a6a8a8))!important;
	background: -webkit-linear-gradient(top, #ffffff 0%, #cbcacb, #a6a8a8)!important;
	background: -o-linear-gradient(top, #ffffff 0%, #cbcacb, #a6a8a8)!important;
	background: -ms-linear-gradient(top, #ffffff 0%, #cbcacb, #a6a8a8)!important;
	background: linear-gradient(to bottom, #ffffff 0%, #cbcacb, #a6a8a8)!important;
}

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
	background: inherit;
}

.top-bar-section .dropdown li:hover:not(.has-form):not(.active) > a:not(.button) {
    background: none repeat scroll 0 0 #272727;
    color: #6699cc;
}

.top-bar-section ul li:hover:not(.has-form) > a {
	background: #ffffff!important;
	background: -moz-linear-gradient(top, #ffffff 0%, #cbcacb, #a6a8a8)!important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #cbcacb), color-stop(100%, #a6a8a8))!important;
	background: -webkit-linear-gradient(top, #ffffff 0%, #cbcacb, #a6a8a8)!important;
	background: -o-linear-gradient(top, #ffffff 0%, #cbcacb, #a6a8a8)!important;
	background: -ms-linear-gradient(top, #ffffff 0%, #cbcacb, #a6a8a8)!important;
	background: linear-gradient(to bottom, #ffffff 0%, #cbcacb, #a6a8a8)!important;
    color: #6699cc;
}

nav.top-bar section.top-bar-section ul.left li ul.dropdown li ul.dropdown li a.active,
nav.top-bar section.top-bar-section ul.left li ul.dropdown li a.active {
	color: #6699cc;
}

.top-bar-section ul.dropdown {
	color:#6699cc !important;
	background-color: #5A677A;
}

/*Änderungen im Dropdownmenü / Burger-Navigation => Normal*/
@media only screen and (min-width: 47.5em) {
.top-bar-section .has-dropdown > a:after {
    top: 50%;
}

.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
    top: 0.6rem;
}

.top-bar-section .has-dropdown > a {
    padding-right: 12px !important;
}

.top-bar-section .has-dropdown > a:after {
	border-color:transparent !important;
}
}

nav.top-bar.expanded ul.title-area {
	background-color:#5A677A; /*#405067*/
}

@media only screen and (max-width: 40em) {
/*	div.row div.large-12.columns.topbar {
		padding:0px !important;
	}*/

.top-bar .toggle-topbar.menu-icon a {
    padding-left: 0 !important;
}

	.top-bar-section li:not(.has-form) a:not(.button) {
    	padding-top: 10px;
		padding-bottom: 10px;
	}
	nav.top-bar.expanded section.top-bar-section ul.left li a {
		padding-left:15px !important;
		padding-right:15px !important;
	}
}

ul.title-area li.toggle-topbar.menu-icon a span,
ul.title-area li.toggle-topbar.menu-icon a {
	color:#FFF;
}

.top-bar.expanded .toggle-topbar a span:after {
    box-shadow: 0 0 0 1px #FFF, 0 7px 0 1px #FFF, 0 14px 0 1px #FFF;
}


nav.top-bar.expanded ul.title-area li.name,
nav.top-bar.expanded section.top-bar-section ul.left li {
	border-bottom:1px solid #B9BABB;
}

/* Zurück-Button in Navigation */
div.mainnav nav.top-bar section.top-bar-section ul.left li ul li h5 a {
	font-size: 0.8125rem;
	font-weight:500;
}


.top-bar .toggle-topbar {
    position: absolute;
    right:inherit;
    left:0;
}

@media only screen and (max-width: 47.49em) {
	div#background div.mainnav,
	nav.top-bar ul.title-area,
	nav.top-bar.expanded  {
		background-color:#5A677A;
	}	

	div#background div.mainnav div.row div.large-12.columns {
		padding:0px; /* überschrieben 0.9375rem;*/
	}

.top-bar-section li:not(.has-form) a:not(.button) {
	padding-left: 1.188rem;
	padding-right: 1.188rem;
}

div.mainnav nav.top-bar section.top-bar-section ul.left li ul li {
	color: #6699cc;
	padding-left:20px;
}

div.mainnav nav.top-bar section.top-bar-section ul.left li ul li.back {
	padding-left:0px;
}

div.mainnav nav.top-bar section.top-bar-section ul.left li ul li.parent-link {
	color: #6699cc;
	padding-left:0px;
	display:block;
}

div.mainnav nav.top-bar section.top-bar-section ul.left li ul li.parent-link a {
	color: #6699cc;
}
}