*,
*:before,
*:after {
  box-sizing: border-box;
}


/* Content wrapper */


/**
 * Navigation
 */
.nav {
    /* position: absolute;
       top: 15px;
  left: 0;
  width: 100%;
  z-index: 10000;*/

}
.zind {
    position: relative;
    z-index: 1000;
}
/** 
* Nav container 
* 1. Ensure this slides in below parent
* 2. Hide by default
* 3. Smoother scrolling experience on iOS
*/
.nav-container {
 /* position: fixed;
  top: 60px; 
  left: 0;
  z-index: 9999;
  overflow-y: auto;
  visibility: hidden; 
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0; */

}

/* 1. Show when `.is-visible` class is added */
.nav-container.is-visible {
  visibility: visible; /* 1 */
  transform: translateX(0); /* 1 */
}

/* Nav toggle */
.nav-toggle {
  line-height: 1;
  display: inline-block;
  padding: 1.25rem 1rem;
  border: 0;
  background-color: transparent;    float: right;outline: none;
}

/* Nav toggle icon */
.nav-toggle .icon-menu {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 20px;
  vertical-align: middle;
  fill: none;
}

/* Nav toggle icon lines */
.icon-menu .line {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 4px;
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
  background-color: rgb(236, 116, 5);
}

/* Nav toggle icon line 1 */
.icon-menu .line-1 {
  top: 0;
}

/* When active, rotate line 1 to be lefthand part of X */
.is-active .icon-menu .line-1 {
  transform: translateY(8px) translateX(0) rotate(45deg);
}

/* Nav toggle icon line 2 */
.icon-menu .line-2 {
  top: 50%;
  margin-top: -2px;
}

/* When active, hide line 2 */
.is-active .icon-menu .line-2 {
  opacity: 0;
}

/* Nav toggle icon line 3 */
.icon-menu .line-3 {
  bottom: 0;
}

/* When active, rotate line 3 to be righthand part of X */
.is-active .icon-menu .line-3 {
  transform: translateY(-8px) translateX(0) rotate(-45deg);
}

/* Remove default list styles for menus */
.menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/** 
* 1. Give menu a lighter background than its container 
* 2. Prevent menu text from being accidentally highlighted
*/
.nav-menu {    }

/* Give menu items a top border */


/* Give last menu item a bottom border */
.nav-menu > .menu-item:last-child {
  border-bottom: 1px solid #bbb;
}

/* Darker background color on hover, and when toggled */
.nav-menu > .menu-item:hover,.nav-menu > .menu-item a.active ,.nav-menu > li.active,
.nav-menu > .menu-item.is-active, .nav-menu > .menu-item:hover > .menu-link, .nav-menu > .menu-item.active > .menu-link {
 color: #5babe3;
}

/* 1. Menu links are block level, by default */
.nav-menu .menu-link {
  display: block; /* 1 */
  text-decoration: none;
  color: #626262;    font-size: 17px;    font-weight: 700;
    font-family: 'Source Sans Pro', sans-serif;
}
.nav-menu .nav-dropdown .menu-link {
  display: block; /* 1 */
  text-decoration: none;
  color: #fff;    font-size: 17px;    font-weight: 600;
    font-family: 'Source Sans Pro', sans-serif;text-align: left;
}


/* 1. Menu items with dropdowns appear clickable */
.has-dropdown {
  position: relative;
  cursor: pointer; /* 1 */
}

/* 1. Parent menu links inlined so you can toggle the dropdown */
.has-dropdown > .menu-link {
  display: inline-block;
}

/* 1. Add an icon to menu items that have sub menus */
.has-dropdown:after {
 /* font-size: 32px;
  position: absolute;
  top: 0;
  right: 1rem;
  bottom: 0;
  content: "+"; 
  color: #222;*/
  
 
}

/* 1. Switch icon to n-dash when toggled */
.has-dropdown.is-active:after {
  /*content: "\2013"; */
  
}

/**
 * Dropdowns
 * 1. Hide dropdowns by default
 */
.nav-dropdown {
  display: none; /* 1 */
  background-color: #c0c0c0;
}

/* 1. Show dropdown when toggled */
.has-dropdown.is-active > .nav-dropdown {
  display: block; /* 1 */
}

/* 2nd level dropdown */
.nav-dropdown .nav-dropdown {
  background-color: #aaa;
}

.nav-dropdown .menu-item {
  border-color: #a0a0a0;
}

.nav-dropdown .nav-dropdown .menu-item {
  background-color: #7ca7de;
   border-bottom: 1px solid #95b9e9;
}
 

/* Main content area */


@media (min-width: 960px) {
  .nav {
     text-align: right;    margin-top: 20px;
  }
  
  .nav,
  .nav-container,
  .nav-container.is-visible {
    position: static;
    top: auto;
    left: auto;
    z-index: auto;
    transform: translateX(0);  }
  
  
  .nav-container,
  .nav-container.is-visible {
    visibility: visible;
    height: auto;
    min-height: 0;
    overflow-y: visible;
  }
  
  .nav-toggle {
    display: none;
  }
  
  /* 1. Display menu items inline */
  .nav-menu > .menu-item,
  .nav-menu > .menu-item.is-active {
    display: inline-block; /* 1 */
    background-color: transparent;
    border: 0;
  }
  
  /* Remove bottom border on last child */
  .nav-menu > .menu-item:last-child {
    border: 0;
  }
  
  .nav-menu .menu-item {
    transition: 
      background-color 0.15s ease-in-out, 
      color 0.15s ease-in-out;
  }
  
  /* Remove +/- icons */
  .has-dropdown:after {
    content: "" !important;
  }

  
  /* Add a caret to top-level menu items that have dropdowns */
  /*.nav-menu > .has-dropdown:after {
    position: absolute;
    top: 50%;
    right: 1rem;
    width: 0;
    height: 0;
    margin-top: -2px;
    margin-left: -4px;
    content: "";
    border-width: 5px 5px 0 5px;
    border-style: solid;
    border-color: #444 transparent transparent transparent;
  }*/
  
  .nav-menu > .has-dropdown .has-dropdown:after {
    position: absolute;
    top: 50%;
    right: 1rem;
    width: 0;
    height: 0;
    margin-top: -2px;
    margin-left: -4px;
    content: "";
        border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
	}
  
  /* Increase padding to compensate for caret */
  .has-dropdown > .menu-link {
  
  }
  
  /* Re-style dropdowns for larger screens */
  .nav-dropdown {
    display: block;
    opacity: 0;
    position: absolute;
    top: 100%;
    width: 260px;
    margin: 0;
    padding:  0;
    background-color: #ec7405;
    box-shadow: none;
    visibility: hidden;
    transition: 
      visibility 0s linear 0.25s,
      opacity 0.25s linear;
	 
  }
  
  .has-dropdown:hover > .nav-dropdown {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
  }
  
  .nav-dropdown .menu-item {
        border-top: 1px solid #f8e6d6;
  }
  
  .nav-dropdown .menu-item:hover,
  .nav-dropdown .nav-dropdown .menu-item:hover {
    background-color: #ecb37f;
  }

  .nav-dropdown .nav-dropdown,
  .nav-dropdown .nav-dropdown .menu-item {
    background-color: #7ca7de;
  }
  
  .nav-dropdown .nav-dropdown {
    z-index: 9998;
    top: 0;
    left: 100%;    border-left: 1px solid #fff;
  }
  
  .content {
    margin-top: 0;
  }

	
.nav-menu .menu-item {    color: #626262;    font-size: 17px;    font-weight: 700;    padding: 10px 20px;    font-family: 'Source Sans Pro', sans-serif;}
li.menu-item.has-dropdown:active {
  
}
	
	.nav-dropdown a.menu-link.active{color:#fff;}
	.nav-dropdown li.menu-item.active {   background-color: #ecb37f;}
	
}
@media (max-width: 1280px){.nav-menu .menu-item {    padding: 10px 15px;}}

@media (max-width: 1024px){
	.nav-menu .menu-item {      padding: 10px 10px;}
.nav-menu .menu-link,.nav-menu .menu-item {font-size: 15px;}

}

@media (max-width: 959px){

.nav-menu {  }
		li.menu-item{color: #fff;    padding: 10px 25px;}
	.nav-menu .menu-item {      padding: 10px 25px;    border-top: 1px solid #f8e6d6;font-size:17px;}

	.nav-menu > .menu-item:hover, .nav-menu > .menu-item a.active, .nav-menu > li.active, .nav-menu > .menu-item.is-active {    color: #fff;}
	.nav-menu .menu-link {    color: #fff;    font-weight: 400;font-size:17px;}
		.nav {   top: 5px;}
	
	
	
.nav-container {    top: 90px;}


.nav-menu .menu-item li.menu-item {
    border: none;    line-height: 1;
}
	.nav-menu .nav-dropdown .menu-link {    font-weight: 400;}
.nav-dropdown {  }

.nav-dropdown  .menu-item:before {      position: relative;    top: 17px;    left: 1rem;    width: 0;    height: 0;margin-top: -12px;    margin-left: -35px;    content: "";    border-width: 6px;    border-style: solid;    border-color: transparent transparent transparent #fff;
    display: inline-block;}
li.menu-item.has-dropdown.active li.menu-item.has-dropdown.active {    background-color: #7ca7de;}
li.menu-item.has-dropdown.active li.menu-item.has-dropdown.active  a{      color: #3365a5;}

	
	
}



















.navbar {
    background: transparent;
   
}

.navbar-back {
   
    height: 50px;

    position: absolute;
    left: 0;
    z-index: 100;
    margin-top: 50px;
    background: #f0f1f3;width: calc((100% - 1522px)/2 + 1522px  );
}
.top-r{    height: 50px;
    float: right;}
.nav {
    text-align: left;
    margin-top: 50px;
    clear: both;
}

li.folder {position:relative;color: #000!important;
    
    
}
li.folder a {   font-family: 'Poppins';color:#000;
}
li.folder.active > a , .item_active a, li.folder.active > span , .item_active span{
    color: #5babe3!important;
}

li.item_inactive a{color:#000!important;    font-family: 'robotoregular';}
ul.nav_entries li a {
       font-size: 17px;
    padding: 5px 15px;
    display: block;
    background: url(/assets/images/ico-arrow-right.svg) 0 13px no-repeat;background-size:16px;border-bottom: none;    line-height: 1.6;
}
ul.nav_sidebar {
    padding: 0;
    margin: 0 -15px;
}

ul.nav_sidebar >li.single_item > a {
    font-size: 17px;
    padding: 5px 15px;
    display: block;
       background: url(/assets/images/ico-arrow-right.svg) 0 50% no-repeat;
    background-size: 14px;
    border-bottom: none;    margin: 0 30px;    font-family: 'robotoregular';
}
li.folder >a , li.folder >span {
    border-bottom: 1px solid #eaeaea;
    display: block;    padding: 5px 25px 5px 55px;font-size:18px;
}

ul.nav_entries {
    padding:0px 0 0 40px;   
}
ul.nav_entries ul.nav_entries {
    padding-left: 20px;
}
span.entries_show {
    content: 'x';
    position: absolute;
    float: right;
    width: 30px;
    height: 30px;
   
    right: 10px;
    top: 6px;
    cursor: pointer;    text-shadow: none;
    opacity: 1;
}
span.entries_show.open {        background: url(/assets/images/ico-arrow-open.svg) 50% 50% no-repeat;background-size: 16px;  }
span.entries_show.close {         transform: rotate(180deg);    background: url(/assets/images/ico-arrow-open.svg) 50% 50% no-repeat;  background-size: 16px;}


#sidebar #startseite {    background: url(/assets/images/nav_startseite.png)  25px center  no-repeat;   }
#sidebar #geburt {   background: url(/assets/images/icon_stork.svg) 25px center no-repeat;    background-size: 23px;  }
#sidebar #gyn {   background: url(/assets/images/icon_gyn.svg) 25px center no-repeat;    background-size: 23px;  }
/*#fachbereich {    background: url(/assets/images/nav_fachbereich.png)  25px center  no-repeat;   }
#leistung {    background: url(/assets/images/nav_leistung.png)  25px center   no-repeat;   }
#verfahren {    background: url(/assets/images/nav_verfahren.png)  25px center   no-repeat;  }*/

.hidden-item{display:none;}