/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) Vertical list navigation "vlist"
 * (de) Vertikale Navigationsliste "vlist"
 *
 * @copyright       © 2005-2013, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         4.1.2
 */
@media all {
  /* 4 navigation levels defined */
  #main_nav .ym-vlist {
    margin: 0 0 4.5em 0;
    margin: 0 0 1.5em 0;
	padding: 0;
    list-style-type: none;
    background: transparent;
    border: 0 none;
  }
  
/*  #service_nav .ym-vlist {
    margin: 0 0 1.5em 0em;
  }  */
  
  .ym-vlist ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
  }
  .ym-vlist ul ul {
    border: 0 none;
  }
  
  /* Schriftgroesse in der ersten Ebene der Hauptnavigation */
  #main_nav .ym-vlist li {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
	font-size: 140%;
  }
 
  .ym-vlist li a {
    width: 100%;
	padding-left: 0; 
	padding: 3px 0px 3px 0%;
    text-decoration: none;
	display: block;
  }
  
  .ym-vlist a,
  .ym-vlist a:visited {
    color: #000;
  }
  
  
  
  /* Farbzuweisungen erste Ebene der Hauptnavigation */
  
  /* Kulturorte */
  .ym-vlist ul.menu li.menu-mlid-433 a:focus,
  .ym-vlist ul.menu li.menu-mlid-433 a:hover,
  .ym-vlist ul.menu li.menu-mlid-433 a:active {
    outline: 0 none;
	color: #AD074C !important;
	background-color: transparent;
  }
  
  /* aktive links */
  .ym-vlist ul.menu li.menu-mlid-433 a.active-trail,
  .ym-vlist ul.menu li.expanded.active-trail.menu-mlid-433 a.active-trail {
	  color: #000;
	  color: #AD074C;
  }
  
  .ym-vlist ul.menu li.menu-mlid-433 a:hover.active-trail,
  .ym-vlist ul.menu li.expanded.active-trail.menu-mlid-433 a:hover.active-trail {
	  color: #AD074C;
  }
	  
  
  /* Kulturkalender */
  .ym-vlist ul.menu li.menu-mlid-525 a:focus,
  .ym-vlist ul.menu li.menu-mlid-525 a:hover,
  .ym-vlist ul.menu li.menu-mlid-525 a:active {
    outline: 0 none;
	color: #14557E !important;
	background-color: transparent;
  }
  
  /* aktive links */
  .ym-vlist ul.menu li.menu-mlid-525 a.active-trail,
  .ym-vlist ul.menu li.expanded.active-trail.menu-mlid-525 a.active-trail {
	 color: #000;
	 color: #14557E;
   }
   
   .ym-vlist ul.menu li.menu-mlid-525 a:hover.active-trail,
  .ym-vlist ul.menu li.expanded.active-trail.menu-mlid-525 a:hover.active-trail {
	 color: #14557E;
   }
    
   /* Neu Kulturkalender als Block */
    
    .ym-vlist ul.menu li.menu-mlid-2176 a.active-trail,
  .ym-vlist ul.menu li.expanded.active-trail.menu-mlid-2176 a.active-trail {
	 color: #000;
	 color: #14557E;
   }
    
  .ym-vlist ul.menu li.menu-mlid-2176 a:hover.active-trail,
  .ym-vlist ul.menu li.expanded.active-trail.menu-mlid-2176 a:hover.active-trail {
	 color: #14557E;
   }
    
  
  .node-type-veranstaltungen .ym-vlist ul.menu li.menu-mlid-525 a {
    outline: 0 none;
	color: #14557E;
	background-color: transparent;
  }

  
  /* Kulturbuero */
  .ym-vlist ul.menu li.menu-mlid-437 a:focus,
  .ym-vlist ul.menu li.menu-mlid-437 a:hover,
  .ym-vlist ul.menu li.menu-mlid-437 a:active {
    outline: 0 none;
	color: #47853E !important;
	background-color: transparent;
  }
  
    /* aktive links */
  .ym-vlist ul.menu li.menu-mlid-437 a.active-trail,
  .ym-vlist ul.menu li.expanded.active-trail.menu-mlid-437 a.active-trail {
	 color: #000;
	 color: #47853E;
   }
   
  .ym-vlist ul.menu li.menu-mlid-437 a:hover.active-trail,
  .ym-vlist ul.menu li.expanded.active-trail.menu-mlid-437 a:hover.active-trail {
	 color: #47853E;
   }
  
  .ym-vlist ul.menu li.menu-mlid-433 a:visited,
  .ym-vlist ul.menu li.menu-mlid-525 a:visited,
  .ym-vlist ul.menu li.menu-mlid-437 a:visited {
	  color: #000;
  }
    
    /* Himmlische Raeume */
    
    #block-menu-menu-himmlische-orte-de li.active-trail a.active-trail.active {
        color: #0a7ac2 !important;
    }
    
    #block-menu-menu-himmlische-orte-de a:hover {
        color: #0a7ac2 !important;
    }

/* +++++++++++++++++++++++++ zweite Ebene ++++++++++++++++++++++++++++ */ 

 /* allgemein */

  .ym-vlist li ul li a {
    width: 90%;
    padding-left: 10%;
	font-size: 50%;
  } 
  
  .ym-vlist li ul li a,
  .ym-vlist li ul li a:visited {
    color: #000;
  }
  
 /* Farbzuweisungen zweite Ebene der Hauptnavigation */
  
 /* Kulturorte */
  .ym-vlist ul.menu li.menu-mlid-433 ul.menu li a {
	color: #AD074C;
	color: #000;
	}
	
  .ym-vlist ul.menu li.menu-mlid-433 ul.menu li a:hover,
  .ym-vlist ul.menu li.menu-mlid-433 ul.menu li a.active-trail.active {
	color: #000;
	color: #AD074C;
	}
	
	.ym-vlist ul.menu li.menu-mlid-433 ul.menu li a:hover.active-trail.active {
	color: #AD074C;
	}
	
	 /* Kulturkalender */
  .ym-vlist ul.menu li.menu-mlid-525 ul.menu li a {
	color: #14557E;
	color: #000;
	}
	
  .ym-vlist ul.menu li.menu-mlid-525 ul.menu li a:hover,
  .ym-vlist ul.menu li.menu-mlid-525 ul.menu li a.active-trail {
	color: #000;
	color: #14557E;
	}
	
	.ym-vlist ul.menu li.menu-mlid-525 ul.menu li a:hover.active-trail {
	color: #14557E;
	}
	
	 /* Kulturbuero */
  .ym-vlist ul.menu li.menu-mlid-437 ul.menu li a {
	color: #47853E;
	color: #000;
	}
	
  .ym-vlist ul.menu li.menu-mlid-437 ul.menu li a:hover,
  .ym-vlist ul.menu li.menu-mlid-437 ul.menu li a.active-trail {
	color: #000;
	color: #47853E;
	}
	
	.ym-vlist ul.menu li.menu-mlid-437 ul.menu li a:hover.active-trail {
	color: #47853E;
	}
  
  
/* ++++++++++++++++++++++ Service-Navigation +++++++++++++++++++++ */

 #service_nav .ym-vlist ul {
	 margin-left: -0.5em;
	 padding-left: 0;
     padding-top: 10px !important;
 }

 #service_nav .ym-vlist li {
	font-size: 90%;
  }
  
 #service_nav .ym-vlist li a:focus,
 #service_nav .ym-vlist li a:hover,
 #service_nav .ym-vlist li a:active,
 #service_nav .ym-vlist li a.active-trail {
	  background: transparent;
	 color: #AD074C;
  }
  
/* ++++++++++++++++++++++ Specials Hauptnavigation Startseite +++++++++++++++++++++ */

  
  .node-type-startseite #main_nav .ym-vlist a,
  .node-type-startseite #main_nav .ym-vlist a:visited,
  .node-type-startseite #main_nav .ym-vlist a:hover {
    color: #fff !important;
  }
  
  .node-type-startseite #main_nav .ym-vlist a:hover {
 text-decoration: underline;
  }
  


/* ++++++++++++++++++++++ Mobile Navigation +++++++++++++++++++++ */
  
    /* Ebene des Flexsliders neu festlegen, da er das mobile Menu ueberdeckte */
    .flexslider li {
        position: relative !important;
        z-index: 1 !important;
    }
    
  /* Responsive mode, engage! */
  
.responsive-menus.responsified  {
  clear: both;
   width: 100%; 
   position: fixed; 
    z-index: 2 !important; 
   border-radius: none 0 !important; 
}

    
/* NEU 
    .responsive-menus-simple {
    overflow-y:scroll;
    overflow-x:hidden;
    top: 0;
    bottom: 0;
    height: calc(100vh - 85px); 
    } */

.responsive-menus.responsified span.toggler {
  padding: 6px 6px 6px 8px;
  display: block;
  background: #474747;
  background: #C5BFB3;
  color: #fff;
  color: #000 !important;
  border-radius: none 0 !important;
  box-shadow: 2px 2px 2px #000;
  box-shadow: 0px 0px 0px 0px #C5BFB3 !important;
  font-size: 1.35em;
  text-align: center;
  text-align: left;
  cursor: pointer;
  outline: none;
font-weight: bold !important;
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
    font-size: 1.5em !important;
    
    -webkit-box-shadow: 0px 11px 25px 5px rgba(0,0,0,0.58) !important; 
box-shadow: 0px 11px 25px 5px rgba(0,0,0,0.58) !important;
   
 
}

.responsive-menus.responsified.responsive-toggled span.toggler {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 1px solid #bbb;
  border-bottom: 0 none !important;
    font-weight: bold !important;
    border-radius: none 0 !important;
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
     font-size: 1.5em !important;
}

.responsive-menus.responsified .responsive-menus-simple {
  display: none;
  width: 100%;
  background: #474747;
  background: #C5BFB3;
  background: #DEDAD3;
  border-bottom-right-radius: none;
  border-bottom-left-radius: none;
  box-shadow: 2px 2px 2px #C5BFB3;
 /* box-shadow: 0px 0px 0px 0px red !important; */
     border-radius: none 0 !important;
   
}

.responsive-menus.responsified.responsive-toggled .responsive-menus-simple,
.responsive-menus.responsified.responsive-toggled .responsive-menus-simple ul {
  display: block;
  padding: 0;
  margin: 0;
}

.responsive-menus.responsified.responsive-toggled.absolute {
  position: relative;
  z-index: 999;
}

.responsive-menus.responsified.responsive-toggled.absolute .responsive-menus-simple {
  position: absolute;
  z-index: 999;
  top: auto;
}

.responsive-menus.responsified .responsive-menus-simple li {
  width: 100%;
  display: block;
  padding: 0;
  margin: 0;
  clear: both;
  list-style: none;
}

.responsive-menus.responsified .responsive-menus-simple li a {
  color: #fff;
  color: #000 !important;
  display: block;
  padding: 1em 5%;
  margin: 0;
  text-align: left;
  color: #fff;
  border-bottom: 1px solid #bbb;
  border-bottom: 1px solid rgba(255,255,255,0.5);
  text-decoration: none;
  text-transform: uppercase;
}


/* neu: hover-Zustand */
.responsive-menus.responsified .responsive-menus-simple li a:hover {
  background: #666 !important;
  background: #C5BFB3 !important;
}

/* neu: aktiver Zustand */
.responsive-menus.responsified .responsive-menus-simple li.active-trail a.active-trail.active {
  background: #666 !important;
  background: #C5BFB3 !important;
}



.responsive-menus.responsified .responsive-menus-simple>li.last a {
  border-bottom: none;
}

.responsive-menus.responsified .responsive-menus-simple li ul li a {
  padding: 1em 0 1em 10%;
}

.responsive-menus.responsified .responsive-menus-simple li ul li ul li a {
  padding: 1em 0 1em 15%;
}

.responsive-menus.responsified .responsive-menus-simple li ul {
  display: block !important;
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

/* Inactive rule */
.responsive-menus span.toggler {
  display: none;
} 
    
/* +++++++++++++++ Sprachnavigation ++++++++++++++ */
    


.region-language-nav ul {
	list-style-type: none important;
}

.region-language-nav ul li {
    display: inline-block;
    margin-right: 0px;
    margin-left: 0 !important;
}

.region-language-nav li.first::after {
    content: ' |';
}

.region-language-nav ul li a {
   text-decoration: none !important;
}
    
.region-language-nav ul li a:hover {
   text-decoration: underline !important;
}

/* +++++++++++++++++ Skip-Links +++++++++++++++++++ */
    
    .logged-in .ym-skiplinks {display: none;}

}


@media (min-width: 769px) {
    
    .region-language-nav ul {
	list-style-type: none important;
    margin-top: 75px;
}
    
      
    .front .region-language-nav ul {
	list-style-type: none important;
    margin-top: 0px !important;
}
}