/* Navigation */


/* #################### Desktop #################### */

@media screen and (min-width: 960px) and (orientation: landscape) { 

#nav { position: relative; z-index: 100 !important; background: rgba(255, 251, 229, 0.75); border-bottom: solid 1px #881620; height: 50px; margin-top: -50px; font-family: 'Alegreya SC', serif; font-weight: normal; font-size: 1.25rem; }  

.main-nav               { list-style: none; width: 100%; margin: 0; padding: 0; }
.main-nav li            { line-height: 40px; padding-top: 5px; display: inline-block; text-align: center; width: 133px; }
.main-nav li:hover 			{ border-bottom: 6px solid #881620; }
.main-nav li a          { display: block; color: #000; text-decoration: none; padding: 0 10px 0 11px; }
.main-nav li a:visited  { color: #000; }
.main-nav li a:hover    { display: block; color: #000; }
.main-nav li a:active   { color: #881620; }
.main-nav li a:focus    { color: #881620; }

.main-sub               { list-style: none; display: none; margin: 6px 0 0 0; padding: 0; position: absolute; z-index:999; width: 200px; height: auto; text-align: left; overflow: hidden; background: #881620; color: #fff; }
.main-sub li            { list-style: none; color: #fff; border: 0 !important; }
.main-sub li a          { width: 200px; padding-left: 10px; text-align: left; font-size: 0.875em; color: #fff; border: 0 !important; }
.main-sub li a:visited  { color: #fff; border: 0 !important;}
.main-sub li a:hover    { box-shadow: none; background: #5e070e; color: #fff; border: 0 !important; }
.main-sub li a:active  	{ color: #fff; border: 0 !important; }
.main-sub li a:focus	  { color: #fff; border: 0 !important; }
	
.mobile-nav { display:  none; }	

	}


/* #################### Smartphones + Tablets quer #################### */

@media screen and (max-width: 959px) and (orientation: landscape) {
	
#nav .pagemargin { width: 100%; text-align: center; border-top: 1px solid #b51d2a; }
	
.toggleMenu {
display:  none;
background: #680e05; /* Old browsers */
background: -moz-linear-gradient(top, #680e05 1%, #881620 50%, #680e05 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #680e05 1%,#881620 50%,#680e05 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #680e05 1%,#881620 50%,#680e05 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#680e05', endColorstr='#680e05',GradientType=0 ); /* IE6-9 */
width: 94%;
padding: 4% 3%;
color: #fff;
text-transform: uppercase;
}

a.toggleMenu { color: #fff; }
a:hover.toggleMenu, .nav li li a:hover { text-decoration: none; color: #f4edc3; text-shadow: none; }
.nav li a:hover { text-decoration: none; color: #881620; text-shadow: none; }
	
.toggleMenu:before { content: "\f0c9"; padding-right: 2%;  font-family: FontAwesome; }
.nav { list-style: none; *zoom: 1; background: #f4edc3; }
.nav:before, .nav:after { content: " "; display: table; }
.nav:after { clear: both; }
.nav ul { list-style: none; }
.nav a { padding: 2% ; color: #881620; }
.nav li { position: relative;	min-width: 9%; padding: 2%; }
.nav > li { float: left; border-top: 1px solid #881620; }
.nav > li > .parent:after { content: "\f0d7"; color: #881620; background: none; font-family: FontAwesome; float:right;  transform: rotate(-90deg); }
.nav > li.hover > .parent:after { content: "\f0d7"; color: #881620; background: none; font-family: FontAwesome; float:right; transform: rotate(0deg); }
.nav > li > a { display: block; }
.nav li  ul { position: absolute; left: -9999px; }
.nav > li.hover > ul { left: 0; }
.nav li li.hover ul { left: 100%; top: 0; }
.nav li li { background: #881620;  border-top: 1px solid #f4edc3; }
.nav li li a { display: block; position: relative; z-index:100; color: #f4edc3; }
.nav li li li { background:#881620; border-top: 1px solid #f4edc3; }
.nav li li li a { z-index:200; color: #f4edc3; }
	
.active { display: block; }
.nav > li { float: none; }
.nav li li .parent:after { content: "\f0d7"; color: #f4edc3; background: none; font-family: FontAwesome; float:right;  transform: rotate(-90deg);  }
.nav li li.hover .parent:after { content: "\f0d7"; color: #f4edc3; background: none; font-family: FontAwesome; float:right;  transform: rotate(0deg);  }
.nav ul { display: block; width: 100%; }
.nav > li.hover > ul , .nav li li.hover ul { position: static; }
	
	}

/* #################### Smartphones + Tablets hochkant #################### */

@media screen and (max-width: 959px) and (orientation: portrait) {
	
#nav .pagemargin { width: 100%; text-align: center; border-top: 1px solid #b51d2a; }
	
.toggleMenu {
display:  none;
background: #680e05; /* Old browsers */
background: -moz-linear-gradient(top, #680e05 1%, #881620 50%, #680e05 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #680e05 1%,#881620 50%,#680e05 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #680e05 1%,#881620 50%,#680e05 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#680e05', endColorstr='#680e05',GradientType=0 ); /* IE6-9 */
width: 94%;
padding: 5% 3%;
color: #fff;
text-transform: uppercase;
}

a.toggleMenu { color: #fff; }
a:hover.toggleMenu, .nav li li a:hover { text-decoration: none; color: #f4edc3; text-shadow: none; }
.nav li a:hover { text-decoration: none; color: #881620; text-shadow: none; }
	
.toggleMenu:before { content: "\f0c9"; padding-right: 2%;  font-family: FontAwesome; }
.nav { list-style: none; *zoom: 1; background: #f4edc3; }
.nav:before, .nav:after { content: " "; display: table; }
.nav:after { clear: both; }
.nav ul { list-style: none; }
.nav a { padding: 2% ; color: #881620; }
.nav li { position: relative;	min-width: 9%; padding: 2%; }
.nav > li { float: left; border-top: 1px solid #881620; }
.nav > li > .parent:after { content: "\f0d7"; color: #881620; background: none; font-family: FontAwesome; float:right;  transform: rotate(-90deg); }
.nav > li.hover > .parent:after { content: "\f0d7"; color: #881620; background: none; font-family: FontAwesome; float:right; transform: rotate(0deg); }
.nav > li > a { display: block; }
.nav li  ul { position: absolute; left: -9999px; }
.nav > li.hover > ul { left: 0; }
.nav li li.hover ul { left: 100%; top: 0; }
.nav li li { background: #881620;  border-top: 1px solid #f4edc3; }
.nav li li a { display: block; position: relative; z-index:100; color: #f4edc3; }
.nav li li li { background:#881620; border-top: 1px solid #f4edc3; }
.nav li li li a { z-index:200; color: #f4edc3; }
	
.active { display: block; }
.nav > li { float: none; }
.nav li li .parent:after { content: "\f0d7"; color: #f4edc3; background: none; font-family: FontAwesome; float:right;  transform: rotate(-90deg);  }
.nav li li.hover .parent:after { content: "\f0d7"; color: #f4edc3; background: none; font-family: FontAwesome; float:right;  transform: rotate(0deg);  }
.nav ul { display: block; width: 100%; }
.nav > li.hover > ul , .nav li li.hover ul { position: static; }
	
	}