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

/* Navigation Nav/Com/Sozial Icon
 ------------------------------------------------------------------------------------------- */
 nav#com { position:absolute; bottom:0; right:2.5%; min-height:36px; }
 nav#com li { display:inline-block; }
 .com-icon { background-color:#413d3e; border-radius:3px; padding:5px 6px; width:40px; text-align:center; }
 

/* Navigation Main     background:url(/_images/layout/bg-nav-sub.png) left bottom repeat-x;
 ------------------------------------------------------------------------------------------- */
  nav.main { position:absolute; bottom:-8px; left:29%; right:0; min-height:36px; text-align:right; }

	nav.main .layer0 { margin:0 -12px 0 0; padding:0; }	
	nav.main .layer0 li { position:relative; display:inline-block; font-size:1.0em; text-transform:uppercase; }
	nav.main .layer0 li a { display:block; padding:5px 12px; white-space:nowrap; border-bottom:1px solid #252121; }
	
  nav.main .layer0 li:first-child a {}
	nav.main .layer0 li:last-child a {}
  
	nav.main .layer0 li:hover a { color:#c03337; background-color:#2e2a2b; }
	nav.main .layer0 li.active a { color:#c03337; }
  
	nav.main .layer0 li .subLayer { position:absolute; top:0; left:0; right:0; }
	
	/* Untermenü einblenden */
	nav.main .layer0 li:hover .layer1 {
		visibility:visible !important;
		height:auto !important; width:auto !important;
	}
	
	/* nav.main li#node7 { visibility:hidden; display:none; } */


/* Navigation Main (Layer 1)
 ------------------------------------------------------------------------------------------- */
  nav.main .layer1 {
		position:relative;
		margin:36px 0 0 0; padding:0;
		visibility:hidden !important;
		height:0;
		z-index:9900;
		background-color:#2e2a2b;
	}
	
	nav.main .layer1 li {
		display:block;
		margin:0; border:0; padding:0;
		line-height:25px !important;
		text-align:left;
		vertical-align:baseline !important;
		overflow:visible;
		white-space:nowrap;
		text-transform:none;
	}

	nav.main .layer1 li a {
		display:block;
    width:100%; height:auto;
		margin:0; padding:5px 12px;
    font-size:1em; font-weight:normal !important; text-transform:uppercase; color:#fff !important;
	}

	nav.main .layer1 li:first-child a {} 
	nav.main .layer1 li:last-child a {}
  nav.main .layer0 li:first-child .layer1 li a  { padding-left:11px !important; }
	
	nav.main .layer1 li a:hover { color:#fff !important; background-color:#413d3e; }
	nav.main .layer1 .active a { color:#fff !important; background-color:#413d3e !important; }
	

/* Breadcrumbs   
 ------------------------------------------------------------------------------------------- */
  .breadcrumb { list-style:none; margin-bottom:20px; }
	.breadcrumb li { display:inline-block; text-transform:uppercase; }
	.breadcrumb li span.line { display:inline-block; border-left:2px solid #c03337; margin:0 8px; height:11px; }
	

/* Navigation Mobile   
 ------------------------------------------------------------------------------------------- */
  #closeBtn, #openBtn { display:none; }
  
  /*header nav.mobile {
    display:inline;
    position:absolute; bottom:10px; right:60px;
    border:none; padding:0 5px;
    text-align:left;
    font-size:2.0em;   
  }*/
  
  @media screen and (max-width: 1040px) {
		nav#com { right:0; }
    #openBtn { display:inline-block; }
		
    nav.main { 
		  position:absolute; right:-240px; left:auto; bottom:auto; float:none;
			width:200px; z-index:21000; height:auto; padding:0;
	  }
    nav.main ul { margin-left:0; background-color:#2e2a2b; }
    nav.main .layer0 { }
    nav.main .layer0 li { display:block; color:#876e4f; border-bottom:1px dotted #fff; font-size:1.1em; }
		nav.main .layer0 li:last-child { border-bottom:none; }
    nav.main .layer0 li a { display:block; padding-right:23px; color:#fff; border-bottom:1px dotted #413d3e }
    nav.main .layer0 li:first-child a { padding-right:23px; padding-left:0; }
    nav.main .layer0 > li > a { margin-left:0; }
    nav.main .layer0 li .subLayer { position:relative; top:0; left:0; }
    nav.main .layer0 li:first-child .subLayer { left:0; } 
    nav.main .layer1 { visibility:visible !important; height:auto; margin:0; padding:0; background:none; }
		nav.main .layer1 li { background-color:transparent; text-align:left; border-bottom:none; }
		nav.main .layer0 li:first-child .layer1 li a { padding-left:16px !important; }
		nav.main .layer1 li:first-child a { padding-left:16px; }
		nav.main .layer1 li a { font-size:0.80em; line-height:normal; padding-left:16px; text-align:right; }
    nav.main .layer0 .subOpen { visibility:visible; display:inline-block; position:absolute; right:0; top:5px; width:25px; height:100%; } 
  
    /* OffCanvas */
    .nav-offcanvas { position: relative; -webkit-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; }
    .nav-offcanvas { position:absolute; top:55px; right:-250px; z-index:500;}
    .nav-offcanvas.active { right:0; margin-top:0; z-index:21000; }
  }


/* Navigation Footer
 ------------------------------------------------------------------------------------------- */
	footer nav { display:inline-block; text-align:right; float:right; }
	footer nav ul { margin:0 -8px 0 0; padding:0; }
	footer nav ul li {
		position:relative;
		display:inline;
		margin:0; border:0; padding:0 8px;
    text-align:right;
	}
  
	footer nav ul li:first-child, footer nav ul li.firstChild { margin-left:0; border:none; }
	footer nav ul li a { text-decoration:none; color:#fff; font-size:0.9em; }
	footer nav ul li a:hover { color:#bcd030; }
	footer nav ul li.active a { color:#bcd030; }
  
  @media screen and (max-width:760px) {
    footer nav { width:auto; }
  }
  
  @media screen and (max-width:460px) {
    footer nav { width:auto; }
    footer nav ul li { padding:0 2px;}
    footer nav span { visibility:hidden; display:none; }
    footer nav .fa { visibility:visible; display:inline-block; }
  }
  
  @media screen and (max-width:950px) {
    footer nav { visibility:hidden; display:none; }
  }