/**
 * This file contains Layou styles
 *
 * Only use this file if something can't be solved using theme options!!!
 *
 * @author Christian Hamacher <c.hamacher@alldesign.de>
 */

/*###############################################################################*/
/*#### HEADER/MENU
/*###############################################################################*/

.fusion-header ul[role="menubar"] > li {
	text-transform:uppercase;
}

.fusion-header ul.sub-menu > li {
	text-transform:none;
}

/* hide mega menu column title */
.fusion-megamenu-holder .hide .fusion-megamenu-title {
	display:none;
}

/* Mega menu: Grundstücke & Immobilien */
.fusion-header #menu-item-1806 {
	width:38%;
}

.fusion-header #menu-item-3077 {
	width:31%;
}

/* Mega menu: Grundstücke & Immobilien - Widget: Mega Menu Immobilien 2  */
.fusion-header #menu-item-3077 ul {
	margin:0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	order: 1;
	justify-content:space-between;
}

.fusion-header #menu-item-3077 li {
	float:none;
	flex:0 0 70%;
	margin-bottom:10px;
}

.fusion-header #menu-item-3077 li img {
/*
	margin-top:30px;
 */
	margin-top:70px;
	margin-bottom:10px;
}

/* Mega menu: Grundstücke & Immobilien - Widget: Mega Menu Immobilien 3  */
.fusion-header #menu-item-18813 ul, .fusion-header #menu-item-24812 ul {
	margin:0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	order: 2;
	justify-content:space-between;
}

.fusion-header #menu-item-18813 li, .fusion-header #menu-item-24812 li {
	float:none;
	margin-bottom:10px;
	flex:0 0 75%;
}

.fusion-header #menu-item-18813 img, .fusion-header #menu-item-24812 img {
	margin-top:70px;
	margin-bottom:10px;
	width: 190px !important;
}

.fusion-header #menu-item-3077 .fusion-megamenu-title, .fusion-header #menu-item-18813 .fusion-megamenu-title, .fusion-header #menu-item-24812 .fusion-megamenu-title {
	display: none;
}

.fusion-megamenu-wrapper .fusion-megamenu-submenu:not(:first-child) {
	border-right: none !important;
}


/* Scale down Logo */
@media(max-width:1145px) {
	.fusion-logo, .fusion-logo-link {
		max-width:200px !important;
	}

	.fusion-logo {
		margin-right:15px !important;
	}

	.fusion-main-menu > ul > li {
		padding-right:15px !important;
	}
}


@media(max-width:1073px) {
	.fusion-logo, .fusion-logo-link {
		max-width:160px !important;
	}
}

@media(max-width:1030px) {
	.fusion-logo, .fusion-logo-link {
		max-width:140px !important;
	}
}

/*###############################################################################*/
/*#### FOOTER
/*###############################################################################*/

.fusion-footer .fusion-columns-2  {
	display:flex;
	flex-wrap:wrap;
	margin:0 !important;
}

.fusion-footer .fusion-columns-2 .fusion-column {
	width:100%;
	flex-basis:80%;
	float:none !important;
	padding:0;
}

.fusion-footer .fusion-columns-2 .fusion-column-last {
	flex-basis:15%;
	margin-left:auto;
}

@media(max-width:1356px) {
	.fusion-footer .fusion-columns-2 .fusion-column {
		flex-basis:100%;
	}
}

.fusion-footer .menu {
	display:flex;
	justify-content:space-between;
}

.fusion-footer .menu a:before {
	content:none !important;
}

.fusion-footer .menu > li {
	position:relative;
	padding-top:0;
	font-family:"Roboto Slab", Georgia, serif;
	font-weight:700;
	line-height:1.25;
	letter-spacing:0;
	font-size:16px;
}

.fusion-footer .menu > li > a {
	padding-bottom:15px;
}

/* change ul spacing */
.fusion-footer .menu > li > .sub-menu {
	margin-top:15px !important;
	margin-left:0 !important;
}

.fusion-footer .sub-menu > li {
	font-family:Ubuntu, Arial, Helvetica, sans-serif;
	font-weight:400;
}

.fusion-footer .sub-menu > li > a {
	padding:0 !important;
}

/* remove li spacing */
.fusion-footer .menu > li > .sub-menu > li {
	padding:0 !important;
}

.fusion-footer .menu > li > .sub-menu > li + li {
	margin-top:10px;
}

@media(max-width:1164px) {
	.fusion-footer .menu {
		flex-wrap:wrap;
	}

	.fusion-footer .menu > li {
		flex-basis:33.333%;
		margin-bottom:20px;
	}
}

@media(max-width:678px) {
	.fusion-footer .menu > li {
		flex-basis:100%;
		margin-bottom:20px;
	}
}
/* Adds spacing above the Footermenu */
#nav_menu-2 {
    margin-top: 37px;
}
