header.navigation {
	min-height: 48px;
	margin: 0px;
	border: none;
	border-radius: 0px;
	position: fixed;
	z-index:1030;
    left: 0;
    right: 0;
	top: 0;
}

.navigationbar {
	padding-left: 0px;
	padding-right: 0px;
	height: 48px;
}

body.admin-menu .navigation {
	margin-top: 28px;
	top: 0px;
}

.logobar {
	text-align: left;
	background-color: #fff;
	max-width: 100%;
	/* padding: 12px 0; */
	/* height: 74px; /* Should be 74, but doesn't fit. */
	height: 50px;
}

.logobar .logo {
	padding-right: 0;
}

.navigationbar-element.magazine-name {
	display: inline;
	float: left;
}

.navigationbar-element.magazine-name{
	text-transform: uppercase;
}

.navbar-collapse {
	padding-left: 0px;
}


div.navbar-collapse > nav > ul + ul {
	float:right;
}

div.navbar-collapse.collapsing > nav > ul, div.navbar-collapse.in > nav > ul {
	float:none !important;
}

div.navbar-collapse.collapsing > nav > ul + ul, div.navbar-collapse.in > nav > ul + ul {
	float:none !important;
}

.navbar-collapse.in, .navbar-collapse.collapsing {
	border: none;
	box-shadow: none;
	overflow-y: hidden;
	background-color: #000;
}

.navbar-collapse.in, .navbar-collapse.collapsing{
	max-height: initial;
}

.navbar-user {
    position: relative;
    float: right;
    padding: 0;
    list-style: none;
    margin: 0;
}

.navbar-collapse.collapsing ul li a, .navbar-collapse.in ul li a{
	padding-left: 0px;
}



#navbar-button {
	background-color: transparent;
}

.navbar .logo {
	min-height: initial;
}

header.navigation {
	font-weight: 600;
	border: 0px;
}

.navigationbar-element {
	color: #ffffff;
	text-transform: uppercase;
	padding: 14px;
	display: block;
}

.navigationbar-element:hover, .navigationbar-element:focus {
	color: #4e9ec6;
}
.navigationbar-element.active, .navigationbar-element.active:hover, .navigationbar-element.active:focus {
	color: #89f0ff;
	background-color: #000;
}
header.navigation .dropdown.open > a, header.navigation .dropdown.open > a:hover, header.navigation .dropdown.open > a:focus {
	color: #4e9ec6;
	background-color: #000000;
}
header.navigation .navbar-toggle:hover, header.navigation .navbar-toggle:focus {
	background-color: #000000;
}
header.navigation .navbar-toggle .icon-bar {
	background-color: #ffffff;
}
header.navigation .navbar-collapse{
	border-color: #ffffff;
}

@media (max-width: 767px) {
	header.navigation .dropdown.open .dropdown-menu > li > a {
		color: #ffffff;
	}
	header.navigation .dropdown.open .dropdown-menu > li > a:hover, header.navigation .dropdown.open .dropdown-menu > li > a:focus {
		color: #4e9ec6;
	}
	header.navigation .dropdown.open .dropdown-menu > .active > a, header.navigation .dropdown.open .dropdown-menu > .active > a:hover, header.navigation .dropdown.open .dropdown-menu > .active > a:focus {
		color: #89f0ff;
		background-color: #000;
	}
}


.navbar-toggle {
	display: none;
	float:left;
	margin: 0;
	height: 48px;
	border: none;
}

.navbar-toggle-right {
	display: none;
	float: right;
}

.navbar-toggle-left .navbar-toggle.responsive-padding {
	padding-left: 0;
}
.navbar-toggle-right .navbar-toggle.responsive-padding {
	padding-right: 0;
}

div.navbar-collapse.collapse  {
	display: block;
}

div.logged-in-navbar .navbar-collapse.collapse {
	float:left;
}

/* navbar-right styles */
.navbar-right {
	float:right;
	margin: 0px;
	padding-right: 0px !important;
}

ul.navbar-right > li.first.leaf {
	float: left;
	color:#777;
}

ul.navbar-right > li.last.leaf {
	float:right;
	color:#777;
}

.navbar-collapse.collapsing ul.navbar-right a, .navbar-collapse.in ul.navbar-right a {
	padding-left: 0;
}

.navbar-collapse.collapsing ul.navbar-right > li.first.leaf, .navbar-collapse.in ul.navbar-right > li.first.leaf {
	float: none;
}

.navbar-collapse.collapsing ul.navbar-right > li.last.leaf, .navbar-collapse.in ul.navbar-right > li.last.leaf {
	float:none;
}



.navigationbar-element.dropdown-toggle:hover + ul, .navigationbar-element.dropdown-toggle:hover + .dropdown-menu, .dropdown-menu:hover {
	display: block;
}

.dropdown-toggle.dropdown-arrow:after {
	content: "";
	background-image: url("/sites/all/themes/piipe/img/Triangle 1@3x.png");
	width: 12px;
	height: 8px;
	margin-left: 3px;
	display: inline-block;
	background-size: 12px 8px;
}

.categories .navigationbar-element.dropdown-toggle + .dropdown-menu,
.categories .dropdown-menu,
#submenu .navigationbar-element.dropdown-toggle + .dropdown-menu,
#submenu .dropdown-menu {
	display:block;
	overflow:hidden;
	max-height: 0px;
	border-width: 0;
    -moz-transition: all 0s linear 0.5s;
	-webkit-transition: all 0s linear 0.5s;
	-o-transition: all 0s linear 0.5s;
    transition: all 0s linear 0.5s;
}

.categories .navigationbar-element.dropdown-toggle:hover + .dropdown-menu,
.categories .dropdown-menu:hover {
	max-height: 400px !important;
	border-top-width: 12px !important;
	border-bottom-width: 6px !important;
}

#submenu .navigationbar-element.dropdown-toggle + .dropdown-menu,
#submenu .dropdown-menu {
	border-top-width: 0px !important;
	border-bottom-width: 0px !important;
}

.navbar-categories ul a+div{
    position: absolute;
    left: 100%;
    top: 0;
    width: calc(50vw);
}

ul.categories {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
}
ul.categories > li{
	float: left;
    display: block;
    position: static;
}

ul.categories .dropdown-menu,
#submenu .dropdown-menu {
	top: initial;
	width: 100%;
	margin: 0;
	padding: 0;
}

ul.categories .dropdown-menu.no-content,
#submenu  .dropdown-menu.no-content {
	width: auto;
	position: relative;
	border: none !important;
    -moz-transition: none !important;
	-webkit-transition: none !important;
	-o-transition: none !important;
    transition: none !important;
}

#submenu .categories-content-wrapper {
	display:none;
}

.categories-list-wrapper {
    float: left;
    margin-right: 12px;
    padding-left: 0;
    width: 20%;
}

.no-content .categories-list-wrapper {
	width: 100%;
}

.categories-list-wrapper > .subcategory {
	padding: 12px 24px;
	padding-left: 12px;
	line-height: 20px;
}

.categories-list-wrapper > .subcategory:hover {
	background-color: #ccc;
}

.categories-list-wrapper > .subcategory > a {
	color: #333;
    font-size: 14px;
    text-transform: uppercase;
}

.navigationbar-small a.dropdown-toggle {
	float: left;
}

.navigationbar-small-toggle {
	background: inherit;
	border: none;
}

.categories-content-wrapper {
	float: left;
	max-width: 85%;
}

.categories-content-wrapper.promo {
	max-width: calc(85% - 381px);
}

.category-promo {
    max-width: 300px;
    float: left;
    max-height: 300px;
	overflow:hidden;
}

.category-promo .additional-info {
	margin: 0;
	padding: 0;
}

.categories-content-wrapper .header {
    display: block;
    margin-top: 12px;
	text-transform: uppercase;
}

.categories-content-wrapper div > article {
	padding-bottom: 0;
	margin-top: 24px;
	margin-bottom: 0px;
	border-bottom: none;
}

.categories-content-wrapper > div, .categories-content-wrapper > div.active ~ .category-content {
	display: none;
}

.categories-content-wrapper > .category-content, .categories-content-wrapper > div.active {
	display: block;
}

.categories-content-wrapper .node-dachzeile, .categories-content-wrapper .node-dachzeile a {
	font-size:12px;
	margin-bottom: 6px;
}

.categories-content-wrapper .node-title, .categories-content-wrapper .node-title a {
	font-size:24px;
}

.navbar-left {
	margin-left: 12px;
}

.navigationbar-element.separator {
	color: #333;
}

#submenu {
	background-color: #fff;
	margin: 0;
}

#submenu .dropdown li {
	padding: 0;
	margin: 0;
	padding-top: 12px;
	padding-bottom: 12px;
}

.navigationbar-more {
	float: left;
	margin: 0;
	padding: 0;
}

.navigationbar-more .dropdown {
	margin-top: 0;
}

.navigationbar-more .dropdown-menu {
	margin: 0;
	border-radius: 0;
	border: none;
	padding: 0;
}

.navigationbar-more #submenu li a {
	color: #000;
}

.navigationbar-more #submenu li.active {
	color: #fff;
}

.navigationbar-more #submenu li:hover {
	background-color: rgb(62, 85, 16);
}



.navigationbar-more #submenu li:hover > a{
	color: #fff;
}

.navigationbar-more .active {
	color: #fff;
	background-color: inherit;
}

.navigationbar-more #submenu .dropdown-menu .categories-list-wrapper {
	float: none;
	padding-left: 0px;
}

.navigationbar-more #submenu .dropdown-menu .categories-list-wrapper li {
	padding-left: 24px;

}

#submenu > li > .dropdown-toggle img {
		content: url("/sites/all/themes/piipe/img/Triangle black@3x.png") !important;
}

#submenu > li > .dropdown-toggle:hover img {
		content: url("/sites/all/themes/piipe/img/Triangle 1@3x.png") !important;
}

.navigationbar-more .dropdown-menu ul {
	background-color: #FFF;
	border-color :#fff;
    min-height: auto;
    max-height: none;
    width: auto;
    width: initial;
    margin-right: 0 !important;
}

#submenu li {
	float: none;
	display: block;
	position: static;
}

#submenu .navigationbar-element.dropdown-toggle + .dropdown-menu,
#submenu .dropdown-menu {
	margin-bottom: 0;
	position: relative;
	box-shadow: none;
	float: none;
	max-height: none !important;
}

#submenu img {
	display:none;
}

.navigationbar-element.active, .navigationbar-element.active:hover, .navigationbar-element.active > a:focus, .navigationbar-small li.active