/* #Resets
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;  }



/* #Universal and Default Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

a {text-decoration: none;}
.megamenu .droppable h1 {
	font-size: 40px;
  	font-weight: 700;
	margin-bottom: 20px;
  	margin-top: 20px;
}
.megamenu .droppable h2 {
	font-size: 15px;
  	font-weight: 600;
	margin-bottom: 30px;
  	margin-top: 10px;
}

.megamenu .droppable h3 {
	font-size: 1.175rem;
    font-weight: 600;
    color: #444;
    margin: 1em 0 0.5em 0;
    font-weight: bold;
    text-transform: none;
	
}


.megamenu .droppable .container {
	margin: auto;
	width: inherit;
}
.megamenu .droppable .ul-reset {
	padding-left: 0;
   margin-top: 0;
   margin-bottom: 0;
	list-style: none;
}

nav.megamenu ul.container.ul-reset {
	max-width:1240px;
	margin: 1em 0 0 0;
}

.megamenu li .hero {
	float:left;
	width:30%;
}
.megamenu li .hero img {
	max-width:300px;
	height:auto;
}
.megamenu li .navipunkte {
	display:inline-block;
	width:70%;
	padding:2em;
	padding-right:0;
}

.megamenu li#menuhelper5 .hero {
	float:left;
	width:auto;
	padding-left:3em;
}
.megamenu li#menuhelper5 .navipunkte {
	display:inline-block;
	width:auto;
	padding:2em;
}


/* #Navigation Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.megamenu nav.megamenu {
	/* background: #ccc;
    font-size: 0;
	*/
    /* position: relative; */
    float: right;
    /* width: 100%; */
    text-align: right;
	font-family:'Open Sans';
	text-transform: none;
	font-weight:bold;
	
	
}


.megamenu nav.megamenu > ul > li {
	display: inline-block;
  	font-size: 1rem;
  	padding: 0 1.675em 0 1.675em;
 /* 	position: relative; */
}
.megamenu nav.megamenu > ul > li:first-child {padding-left: 0;}
.megamenu nav.megamenu > ul > li:last-child {padding-right: 0em;}
.megamenu nav.megamenu > ul > li > a {
    color: #000;
    display: block;
    position: relative;
    padding: 0.375em 0em 2.375em 0;
    border-bottom: 0px solid transparent;
    font-size: 1em;
}
.megamenu nav.megamenu > ul > li:hover > a {
	/*color: #69aae0; */
	color:#811c1f;
	
	text-decoration:none;
 }


.megamenu nav.megamenu > ul > li.active a.dropactx2 {
	color:#811c1f;
}

 



/* #Mega Menu Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.megamenu .mega-menu {
	background: #e2e2e2;
  	display: none;
  	left: 0;
  	position: fixed;
  	text-align: left;
  	width: 100%;
}
.megamenu .mega-menu h3 {
	color: #444;
	margin:1em 0 0.5em 0;
	font-weight:bold;
}

.megamenu .mega-menu h3 a{
	color: #545454;
	font-weight:bold;
}


.megamenu .mega-menu ul {
	float: left;
  	margin-bottom: 20px;
    margin-right: 40px !important;
    margin-left: 0px;
    min-width: 120px;
}
/*
.megamenu .mega-menu ul:last-child {margin-right: 0;}
*/
.megamenu .mega-menu a {
border-bottom: 0px solid #ddd;
/*  color: #4ea3d8; */
	color:#545454;
    display: block;
    padding: 0.25em 0 0 0;
    font-weight: normal;
}
.megamenu .mega-menu a:hover {
	
/*	color: #2d6a91; */
 /*color: #69aae0; */
	color:#811c1f;
	
	
	text-decoration:none;
}



.megamenu .mega-menu .ul-reset li.child a:before {
	font-family:'FontAwesome';
	content:'\f105';
	floar:left;
}




.megamenu .mega-menu .container {
	max-width:1280px;
	padding-left:2em;
	padding-right:2em;
}

.megamenu #menuhelper5.droppable {
    position: relative;
}
.megamenu #menuhelper5 .mega-menu {
    width: 600px !important;
    max-width: 600px;
    float: right;
	margin-left:-342px;
	position:absolute;
	
}
 .megamenu #menuhelper5 .mega-menu .container {
	padding:0;
 }
	
/* #Droppable Class Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.megamenu .droppable {position: static;}
.megamenu .droppables > a:after {
	content: "\f107";
  	font-family: FontAwesome;
  	font-size: 12px;
  	padding-left: 6px;
  	position: relative;
  	top: -1px;
}






.megamenu .droppable > a:after {


    content: "";
    display: none;
    border-width: .75em;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: #e2e2e2;
    border-left-color: transparent;
    border-right-color: transparent;
    position: absolute;
    left: 50%;
    bottom: 0px;
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
    z-index: 999999999999;
    color: #000;
    margin-left: auto;



}


.megamenu .droppable:hover > a:after {
	display:block;
}





.megamenu .droppable:hover .mega-menu {
	
	
    display: block;
    max-width: 100%;
    margin: auto;
    min-width: 100%;
    min-width: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
	z-index:9;
	
	
}



/* #Browser Clearfix
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.megamenu .cf:before,
.megamenu .cf:after {
	content: " "; /* 1 */
   display: table; /* 2 */
}
.megamenu .cf:after {clear: both;}