@charset "UTF-8";
/* CSS Document */


.mn{box-sizing:border-box;position:relative;z-index:9999;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.mn,.mn ul,.mn li{display:block;list-style:none;margin:0;padding-top:0;line-height:normal;direction:ltr;text-align:left;}
.mn-rtl,.mn-rtl ul,.mn-rtl li{direction:rtl;text-align:right;}
.mn>li>h1,.mn>li>h2,.mn>li>h3,.mn>li>h4,.mn>li>h5,.mn>li>h6{margin:0;padding:0;}
.mn ul{display:none;}
.mn li,.mn a{position:relative;}
.mn a{display:block;}
.mn a.disabled{cursor:default;}
.mn::after{content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;}
.mn *,.mn *::before,.mn *::after{box-sizing:inherit;}


.mn-clean a, .mn-clean a:hover, .mn-clean a:focus, .mn-clean a:active {
  padding: 13px 30px;
  /* make room for the toggle button (sub indicator) */
  color: #E1CCB8;
	font-family:'Sofia Sans Extra Condensed', sans-serif;
  font-size: 100%;
  font-weight: 500;
	font-style: normal;	
  text-decoration: none;
}

.mn-clean a:hover {
	  color: #49AFE8;
	
}

.mn-clean  a.aktiv {
	  color: #fff;
	
}


.mn-clean a.current {
  color: #fff;
}
.mn-clean a.disabled {
  color: #555555;
}
.mn-clean a .sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: auto;
  right: 4px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  font: bold 16px/34px monospace !important;
  text-align: center;
  text-shadow: none;
}
.mn-clean a .sub-arrow::before {
  content: '+';
}
.mn-clean a.highlighted .sub-arrow::before {
  content: '-';
}

.mn-clean li {
  /*border-top: 1px solid rgba(256, 256, 256, 0.2);*/
}
.mn-clean > li:first-child {
  border-top: 0;
	padding-top: 75px;
}
.mn-clean ul {
  background: rgba(200, 200, 200, 0.8);
}
.mn-clean ul a, .mn-clean ul a:hover, .mn-clean ul a:focus, .mn-clean ul a:active {
  font-size: 16px;
  border-left: 8px solid transparent;
}
.mn-clean ul ul a,
.mn-clean ul ul a:hover,
.mn-clean ul ul a:focus,
.mn-clean ul ul a:active {
  border-left: 16px solid transparent;
}
.mn-clean ul ul ul a,
.mn-clean ul ul ul a:hover,
.mn-clean ul ul ul a:focus,
.mn-clean ul ul ul a:active {
  border-left: 24px solid transparent;
}
.mn-clean ul ul ul ul a,
.mn-clean ul ul ul ul a:hover,
.mn-clean ul ul ul ul a:focus,
.mn-clean ul ul ul ul a:active {
  border-left: 32px solid transparent;
}
.mn-clean ul ul ul ul ul a,
.mn-clean ul ul ul ul ul a:hover,
.mn-clean ul ul ul ul ul a:focus,
.mn-clean ul ul ul ul ul a:active {
  border-left: 40px solid transparent;
}


.mn-clean li a.aktiv {
	color:#fff;
	
	}	

.menue {
    float: right;
    padding-right: 40px;
}

@media screen and (max-width: 880px) { 

.menue {
	float: right;
   
}
	
.non-scroll {
	overflow: hidden;
	-webkit-overflow: hidden;
}

/* General styles for all menus */
.cbp-spmenu {
	background-color:#6D5248;
	position: fixed;
	overflow-y: scroll;
	-webkit-box-shadow: 3px 0px 5px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 0px 5px -4px rgba(0,0,0,0.75);
box-shadow: 3px 0px 5px -4px rgba(0,0,0,0.75);
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
	width: 300px;
	height: 100%;
	top: 0;
	z-index: 1000;
}

/* Vertical menu that slides from the left or right */

/* ---------------------------------- Burger ---------------------------------- */


.burger-box {
	display:block;
	width: 45px;
	height: 45px;
	padding-right: 15px;
	position: absolute;
	top: 45px;
	right: 30px;
	z-index:9999;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.burger {
	width: 30px;
	height: 4px;
	background-color: #E1CCB8;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50% );
	
}
.burger-box.active {	
	background-color: #6D5248;
	border: 1px solid #E1CCB8;
	}

.burger::before,
.burger::after {
	content: "";
	position: absolute;
	width: 30px;
	height: 4px;
	background-color: #E1CCB8;
		-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.burger::before {
	top: -8px;
}


.burger::after {
	top: 8px;
}

.burger-box.active .burger {
	background-color: #6D5248;
}


.burger-box.active .burger::before {
	transform: rotate(45deg);
	background-color: #E1CCB8;
	top: 0px;
}

.burger-box.active .burger::after {
	transform: rotate(-45deg);
	background-color: #E1CCB8;
	top: 0px;
}

	

#showLeft {
}

#showLeft:hover {
	cursor: pointer;
}

.cbp-spmenu-left {
	right: -301px;
}

.cbp-spmenu-left.cbp-spmenu-open {
	right: 0px;
	width: 300px;
	max-width:100%;
	padding: 20px;
}

/* Push classes applied to the body */

.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	right: 0;
}


/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
	
	
#main-nav {
	text-align: right;
	padding-top: 58px;
			transition: all 200ms linear 0ms;
	-webkit-transition:all 200ms linear 0ms;
	-moz-transition:  all 200ms linear 0ms;
	-o-transition:  all 200ms linear 0ms;
	}
	
#main-menu {
			display: block;
		}
}




@media (min-width: 880px) {	
	
	
	
	
.mn-clean a, .mn-clean a:hover, .mn-clean a:focus, .mn-clean a:active {
  margin: 13px;
  /* make room for the toggle button (sub indicator) */
  margin-right: 38px;
  color: #555;
  font-family: 'Sofia Sans Extra Condensed', sans-serif;
  font-size: 100%;
  font-weight: 400;
  font-style: normal;	
  text-decoration: none;
}	
	

    .mn-clean li a.aktiv {
	color:#49AFE8;
	
	}	
	
  .mn-clean ul {
    position: absolute;
    width: 12em;
  }

  .mn-clean li {
    float: left;
  }

  .mn-clean.mn-rtl li {
    float: right;
  }

  .mn-clean ul li, .mn-clean.mn-rtl ul li, .mn-clean.mn-vertical li {
    float: none;
  }
	
.mn-clean > li:first-child {
  border-top: 0;
	padding-top: 0;
}	

  .mn-clean a {
    white-space: nowrap;
  }

  .mn-clean ul a, .mn-clean.mn-vertical a {
    white-space: normal;
  }

  .mn-clean .mn-nowrap > li > a, .mn-clean .mn-nowrap > li > :not(ul) a {
    white-space: nowrap;
  }

  /* ...end */

  .mn-clean a, .mn-clean a:hover, .mn-clean a:focus, .mn-clean a:active, .mn-clean a.highlighted, a.active {
    padding: 0px 0px;
	padding-bottom: 8px;
    color: #E1CCB8;
    border-radius: 0 !important;
  }
  .mn-clean a:hover, .mn-clean a:focus, .mn-clean a:active, .mn-clean a.highlighted, a.active {
    color: #49AFE8;
  }
  .mn-clean a.current {
    color: #49AFE8;
  }
  .mn-clean a.disabled {
    color: #bbbbbb;
  }
  .mn-clean a.has-submenu {
    padding-right: 25px;
  }
  .mn-clean a .sub-arrow {
    top: 50%;
    margin-top: -4px;
    right: 12px;
    width: 0;
    height: 0;
    border-width: 4px;
    border-style: solid dashed dashed dashed;
    border-color: #8f959a transparent transparent transparent;
    background: transparent;
    border-radius: 0;
  }
  .mn-clean a .sub-arrow::before {
    display: none;
  }
  .mn-clean li {
    border-top: 0;
  }
  .mn-clean > li > ul::before,
  .mn-clean > li > ul::after {
    content: '';
    position: absolute;
    top: -18px;
    left: 40px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 9px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #8c929d transparent;
  }
  .mn-clean ul {
    padding: 5px 0;
    background: #8f959a;
    border-radius: 5px !important;
    box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
  }
  .mn-clean ul a, .mn-clean ul a:hover, .mn-clean ul a:focus, .mn-clean ul a:active, .mn-clean ul a.highlighted, a.active {
    border: 0 !important;
    padding: 10px 20px;
    color: #555;
  }
  .mn-clean ul a:hover, .mn-clean ul a:focus, .mn-clean ul a:active, .mn-clean ul a.highlighted, a.active {
    background: #49AFE8;
    color: #666;
  }
  .mn-clean ul a.current {
    color: #ccc;
  }
  .mn-clean ul a.disabled {
    background: #fff;
    color: #cccccc;
  }
  .mn-clean ul a.has-submenu {
    padding-right: 20px;
  }
  .mn-clean ul a .sub-arrow {
    right: 8px;
    top: 50%;
    margin-top: -5px;
    border-width: 5px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #555555;
  }
  .mn-clean .scroll-up,
  .mn-clean .scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    background: #fff;
    height: 20px;
  }
  .mn-clean .scroll-up:hover,
  .mn-clean .scroll-down:hover {
    background: #eeeeee;
  }
  .mn-clean .scroll-up:hover .scroll-up-arrow {
    border-color: transparent transparent #49AFE8 transparent;
  }
  .mn-clean .scroll-down:hover .scroll-down-arrow {
    border-color: #49AFE8 transparent transparent transparent;
  }
  .mn-clean .scroll-up-arrow,
  .mn-clean .scroll-down-arrow {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 6px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #555555 transparent;
  }
  .mn-clean .scroll-down-arrow {
    top: 8px;
    border-style: solid dashed dashed dashed;
    border-color: #555555 transparent transparent transparent;
  }
  .mn-clean.mn-rtl a.has-submenu {
    padding-right: 12px;
    padding-left: 24px;
  }
  .mn-clean.mn-rtl a .sub-arrow {
    right: auto;
    left: 12px;
  }
  .mn-clean.mn-rtl.mn-vertical a.has-submenu {
    padding: 10px 20px;
  }
  .mn-clean.mn-rtl.mn-vertical a .sub-arrow {
    right: auto;
    left: 8px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #555555 transparent transparent;
  }
  .mn-clean.mn-rtl > li > ul::before {
    left: auto;
    right: 30px;
  }
  .mn-clean.mn-rtl > li > ul::after {
    left: auto;
    right: 31px;
  }
  .mn-clean.mn-rtl ul a.has-submenu {
    padding: 10px 20px !important;
  }
  .mn-clean.mn-rtl ul a .sub-arrow {
    right: auto;
    left: 8px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #555555 transparent transparent;
  }
  .mn-clean.mn-vertical {
    padding: 10px 0;
    border-radius: 5px;
  }
  .mn-clean.mn-vertical a {
    padding: 10px 20px;
  }
  .mn-clean.mn-vertical a:hover, .mn-clean.mn-vertical a:focus, .mn-clean.mn-vertical a:active, .mn-clean.mn-vertical a.highlighted {
    background: #fff;
  }
  .mn-clean.mn-vertical a.disabled {
    background: #eeeeee;
  }
  .mn-clean.mn-vertical a .sub-arrow {
    right: 8px;
    top: 50%;
    margin-top: -5px;
    border-width: 5px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #555555;
  }
  .mn-clean.mn-vertical > li > ul::before,
  .mn-clean.mn-vertical > li > ul::after {
    display: none;
  }
  .mn-clean.mn-vertical ul a {
    padding: 10px 20px;
  }
  .mn-clean.mn-vertical ul a:hover, .mn-clean.mn-vertical ul a:focus, .mn-clean.mn-vertical ul a:active, .mn-clean.mn-vertical ul a.highlighted {
    background: #eeeeee;
  }
  .mn-clean.mn-vertical ul a.disabled {
    background: #fff;
  }
}

@media screen and (min-width: 1000px) { 
	
	.mn-clean a, .mn-clean a:hover, .mn-clean a:focus, .mn-clean a:active {
  font-size: 120%;
}
	
#main-nav {
	text-align: right;
	padding-top: 50px;
			transition: all 200ms linear 0ms;
	-webkit-transition:all 200ms linear 0ms;
	-moz-transition:  all 200ms linear 0ms;
	-o-transition:  all 200ms linear 0ms;
	}	
	
}

@media screen and (max-width: 1015px) { 
	
	.mn-clean a, .mn-clean a:hover, .mn-clean a:focus, .mn-clean a:active {
  font-size: 110%;
  margin-right: 18px;
}
	
#main-nav {
	text-align: right;
	padding-top: 50px;
			transition: all 200ms linear 0ms;
	-webkit-transition:all 200ms linear 0ms;
	-moz-transition:  all 200ms linear 0ms;
	-o-transition:  all 200ms linear 0ms;
	}	
	
}


/*# sourceMappingURL=mn-clean.css.map */