/* ------ BASE ------*/
nav.menu-main {
	background-color: #000 !important;
}

nav ul,
nav ul li ul {
  margin: 0;
  list-style: none;
}

nav input.input-menu {
  position: absolute;
  top: auto;
  left: -9999px;
}
nav label.label-menu {
  cursor: pointer;
  position: absolute;
  width: 26px;
  height: 26px;
  margin: 0;
  display: block;
  position: absolute;
  right: 0.9375em; 
  top: 8px;
}

/* ------ MENU: main ------*/
.menu-main ul {
  display: none;
}
.menu-main ul.level-1 {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  z-index: 15;
  box-shadow: 0 5px 6px #fefefe;
  box-shadow: 0 5px 6px rgba(0, 0, 0, 0.2);
  display: block;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility .3s ease, opacity .3s ease;
     -moz-transition: visibility .3s ease, opacity .3s ease;
          transition: visibility .3s ease, opacity .3s ease;
}
.menu-main label.toggle-menu-main {
  top: -82px;
  margin-top: 1.563rem;
  height: 21px;
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  
}
.menu-main label.toggle-menu-main > span {
  position: absolute;
  height: 3px;
  width: 100%;
  background-color: #adadad;
  left: 0;
  -webkit-transition: background-color .3s ease;
	   -moz-transition: background-color .3s ease;
			transition: background-color .3s ease;
}
.menu-main label.toggle-menu-main > span.stroke-1 {
  top: 0;
}
.menu-main label.toggle-menu-main > span.stroke-2 {
  top: 9px;
  /*-webkit-transition: transform .3s ease, top .3s ease;
     -moz-transition: transform .3s ease, top .3s ease;
          transition: transform .3s ease, top .3s ease;*/
}
.menu-main label.toggle-menu-main > span.stroke-3 {
  bottom: 0;
  /*-webkit-transition: transform .3s ease, bottom .3s ease;
     -moz-transition: transform .3s ease, bottom .3s ease;
          transition: transform .3s ease, bottom .3s ease;*/
}
/*.menu-main input#toggle-menu-main:checked + label.toggle-menu-main > span.stroke-1 {
  display: none;
}
.menu-main input#toggle-menu-main:checked + label.toggle-menu-main > span.stroke-2 {
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
          transform: rotate(45deg);
}
.menu-main input#toggle-menu-main:checked + label.toggle-menu-main > span.stroke-3 {
  bottom: 11px;
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
          transform: rotate(-45deg);
}*/
.menu-main label.toggle-menu-main:hover > span.stroke,
.menu-main input#toggle-menu-main:checked + label.toggle-menu-main > span.stroke {
	background-color: #313E66;
}
.menu-main label.label-menu .fa {
  color: #fff;
  position: absolute;
  display: block;
  width: 100%;
  text-align: center;
  top: 7px;
}
.menu-main li > label.label-menu {
  width: 50px;
  height: 30px;
}
.menu-main li.act > label.label-menu .fa {
  color: #fff;
}
.menu-main label.label-menu .fa-chevron-up {
  display: none;
}
.menu-main input.input-menu:checked ~ ul {
  display: block;
  visibility: visible;
  opacity: 1;
}
.menu-main input.input-menu:checked + label.label-menu > .fa-chevron-down {
  display: none;
}
.menu-main input.input-menu:checked + label.label-menu > .fa-chevron-up {
  display: block;
}

.menu-main {
  position: relative;
}
.menu-main li {
  position: relative;
}
.menu-main li a {
  display: block;
  width: 100%;
  color: #fff;
  padding: 12px 0 12px 1rem;
  font-size: 1rem;
  text-transform: uppercase;
  background-color: #808080;
}
.menu-main li:hover > a {
  background-color: #666666;
}
.menu-main.bg-blue a:hover,
.menu-main.bg-blue a:focus {
  color: #000;
}
.menu-main a:hover,
.menu-main a:active,
.menu-main a:focus {
  text-decoration: none;
}

.menu-main li.act > a {
  color: #fff;
  background: #666666;
}

.menu-main li ul li a {
  padding-left: 1.875em;
  font-size: 0.875rem;
  color: #fff;
}

.menu-main .level-3 {
	left: 262px;
	top: 0;
}
.menu-main .level-3 li a {
  padding-left: 2.8125em;
  font-size: 0.8rem;
}
.menu-main .level-4 {
  left: 200px;
  top: 0;
}
.menu-main .level-4 li a {
  font-size: 1rem;
  padding-left: 3.8em;
}

/* ------ MENU: SIDE-NAV ------ */
.side-nav {
  font-family: 'Open Sans', Arial, Tahoma, Verdana;
  display: none;
 }

.side-nav li a:not(.button) {
  color: #000;
}
.side-nav li a:not(.button):hover,
.side-nav li a:not(.button):focus,
.side-nav li.act > a {
  color: #dc0e23;
  background-color: #f0f0f0;
}

.side-nav li.act > ul {
 	list-style: none;
}

.side-nav li.act > ul li a {
	padding: 0.1rem 0.875rem;
}

.side-nav li.act > ul li:hover a {
	background: none;
}

.side-nav .level-2 li.act a {
	background: none;
}

.side-nav .level-3 li {
	margin-bottom: 0;
}
.side-nav .level-3 li a {
	font-size: 0.8rem;
	padding: 0;
}


.breadCrumb .arrow {
	font-size: 1rem;
	color: #888;
	display: inline-block;
	padding: 0 15px;
}

.menu-meta {
  padding-left: 0.9375em;
  background-color: #eee;
  margin-bottom: 1.563rem;
}
.menu-meta ul li {
	float: left;
}
.menu-meta ul li + li {
	margin-left: 0.875rem;
}
.menu-meta ul li a {
	font-size: 0.938rem;
	text-transform: uppercase;
	color: #959595;
	letter-spacing: 1px;
  display: block;
  padding-top: 1rem;
  padding-bottom: 0.875rem;
}
.menu-meta ul li a:hover, 
.menu-meta ul li a:focus {
	color: #000;
}
.menu-meta li.meta-social {
  display: none;
}
.menu-meta li.meta-social + li {
  margin-left: 0;
}

.menu-meta .language {
  margin-left: 10px;
}
.menu-meta .language a {
	display: block;
	padding-left: 6px;
  padding-right: 6px;
	background-color: #efefef;
	color: #959595;
	letter-spacing: 1px;
	font-size: 0.938rem;
	-webkit-transition: background-color .3s ease;
	   -moz-transition: background-color .3s ease;
          transition: background-color .3s ease;
}
.menu-meta .language li + li {
	margin-left: 0;
}
.menu-meta .language li.act > a,
.menu-meta .language li a:hover {
	color: #fff;
	background-color: #000;
}

/*
header nav ul ul li:hover > ul,
header nav ul li ul li.sub:hover > ul,
header nav ul ul ul li:hover > ul {display: none;}

header nav ul li ul {
	position: relative;
	left: 0;
	top: 0;
	margin-left: 0;
	margin-top: 0;
	padding: 0;
	border-bottom: 0;
	width: 100%;
	border-top: 1px solid #ddd;
}


header nav ul label,
header nav ul label	{
	background-image: url('../images/arrow-down.png');
	background-color: #f1f1f1;
	height: 24px;
	top: 11px;
}
   header nav ul input:checked + label {background-image: url('../images/arrow-up.png');}

header nav ul li ul li {
	background-color: #efefef;
}

header nav ul li ul li a {
	text-transform: none;
	color: #444;
}

header nav ul li ul li a:hover {
		color: #000;
	}

   header nav li a {
       height: auto;
       line-height: 20px;
       padding: 10px 8px;
	font-size: 0.9em;
	font-weight: 300;
	display: block;
   }

   header nav li a,
   header nav li.sub span,
   header nav li.act.sub span,
   header nav li.sub a:hover span {background: none;}

   header nav ul li {
       border-top: 1px solid #E5E5E5;
	right: 0;
   }

   header nav label:hover {color: #E82427;}

 Menu einblenden bei Aktivieren der Checkbox 
   header nav input:checked ~ ul {
       display: block;
       left: 0;
       top: 30px;
	list-style: none;
	margin-left: 0;
   }

	header nav input:checked ~ ul ul {
       top: 0;
   }


   header nav ul ul {background: #f3f3f3;}
   header nav ul ul li {border-color: #fff;}

   header nav li li a {
       padding-left: 4%;
       font-size: 15px;
   }

   header nav li li.act > a {background: none;}



   header nav li li li a {
       padding-left: 8%;
       font-size: 13px;
   }

header nav ul li ul li:hover ul {display: none;}
header nav ul li ul li.sub:hover {display: block;}
	

@media only screen and (min-width: 64.063em) {

	header nav label {display: none !important;}
	header .large-9 { width: auto;}
	
	header nav ul {
        display: block;
        width: auto;
        background: none;
    }
    header nav > ul {
        position: relative;
        top: auto;
        left: auto;
        z-index: 99;
        box-shadow: 0;
        -webkit-box-shadow: 0;
    }
    header nav ul li {
        float: left;
        position: relative;
		height: auto;
		border-top: 0;
    }
    
    header nav ul li ul {
    	position: absolute;
    	top: 40px;
    	background-color: #969696;
    	width: 200px;
    	left: 0;
    	border: 0;
    }
    
    header nav ul li:hover ul {
    	display: block;
    }
    
    header nav ul li:hover ul li {
    	float: none;
    	border: 0;
    	background: none;
    	border-bottom: 1px solid rgba(0,0,0,0.2);
    }
    
    header nav ul li:hover ul li a {
    	padding: 5px 15px;
    	color: #fff;
    }
    
    header nav ul li:hover ul li a:hover {
    	background: rgba(0,0,0,0.2);
    } 

	nav {float: right;}
	nav ul {list-style-type: none; margin: 0;}
	header nav li {float: left;}

	header nav li a {
		color: #444;
		display: block;
		padding: 10px 15px;
		font-size: 1.1em;
	}

	header nav li.act a,
	header nav li:hover > a {background-color: #969696; color: #fff;}
	
	header nav ul li ul,
	header nav ul li ul li ul {display: none;}

}



.side-nav {font-family: 'Open Sans', Arial, Tahoma, Verdana !important;}

@media only screen {

	.side-nav {display: none;}

	.side-nav li a:not(.button) {
		font-size: 1.5em;
		color: #444;
		border-bottom: 1px solid #ddd;
		font-weight: 300;
	}
	
	.side-nav li {
		margin-bottom: 0;
	}

	.side-nav li a:not(.button):hover,
	.side-nav li a:not(.button):focus,
	.side-nav li.act a {
		color: #930E29;
	}

}

@media only screen and (min-width: 40.063em) {

	.side-nav {display: block;}

}



.breadCrumb {
	background: url('../images/last-arrow-breadcrumb.png') right no-repeat;
	padding: 0 20px;
	background-color: #d9d9d9;
	margin-bottom: 30px;
	overflow: hidden;
	display: inline-block;
	padding-right: 60px;
}

.breadCrumb .arrow {
	display: block;
	height: 44px;
	width: 40px;
	background: url('../images/arrow-breadcrumb.png') no-repeat;
	margin: 0 30px;
	text-indent: -9999px;
	overflow: hidden;
}

.breadCrumb a,
.breadCrumb span {
	float: left;
}

.breadCrumb a {
	display: block;
	padding-top: 10px;
}*/

.logo.fixed-nav {
    margin: 16px 0;
}

.headerTop .columns.fixed-nav {
    background: #fff none repeat scroll 0 0;
    position: fixed;
}

.menu-main.fixed-nav {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

.menu-main .toggle-menu-main.fixed-nav {
    position: fixed;
    top: 0;
}

.banner.fixed-nav {
	margin-top: 36px;
}