.teil dfn,
.disabled dfn {
	display: none;
}

/*---mainnav---*/

#mainnav {
	background-color: rgba(0,0,0,.8);
  position: fixed;
 	top: 0;
	right: 0;
  margin-right: 200px;
  padding: 100px 0 0 0;
  height: 100px;
  width: 80px;
  overflow: hidden;
  transition: height 0.5s, width 0.5s, margin-right 0.5s, background 0.5s, right 0.3s;
  z-index: 11;
}
#mainnav:hover {
	cursor: pointer;
}
#mainnav.active {
	background-color: rgba(0,0,0,.8);
	height: 100%;
	list-style: none;
	padding: 150px 0 0 100px;
	margin: 0;
  width: 900px;
  text-align: left;
  z-index: 11;
}
#mainnav:before {
	position: absolute;
	top: 0;
	right: 0;
	content: "";
	display: block;
	background-image: url(/files/tpl/set1/img/burger-weiss.svg);
	background-position: center center;
	background-size: 50% auto;
	background-repeat: no-repeat;
	width: 80px;
	height: 100px;
}
#mainnav.active:before {
	right: 150px;	
  cursor: pointer;
}
#mainnav.active:before {
	background-image: url(/files/tpl/set1/img/zumachen-weiss.svg);
}
#menumain {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
  text-align: left;
  width: 35%;
	z-index: 22;
}

#menumain li {
	position: relative;
	margin: 0;
	padding: 0;
}
#menumain li:nth-child(9),
#menumain li:nth-child(10),
#menumain li:nth-child(4),
#menumain li:nth-child(5),
#menumain li:nth-child(6),
#menumain li:nth-child(7),
#menumain li:nth-child(8) {
	padding-left: 20px;
}
#menumain li.active {

}
#menumain li a,
#menumain li span.disabled {
	display: block;
  padding: 0;
  margin: 0;
  line-height: 50px;
  text-decoration: none;
  color: #cccccc;
  font-size: 120%;
 	font-weight: 400;
  text-transform: uppercase; 
  z-index: 51;
  transition: all 0.7s;
}

#menumain li:hover a,
#menumain li a:hover,
#menumain li.active a {
	text-decoration: underline
}
#menumain li span.disabled:hover {
	cursor: default !important;
}
#menumain li:hover,
#menumain li:focus,
#menumain li:active,
#menumain li.active {
}
#menumain ul {
  display: none;
  list-style: none;
  position: absolute;
  top: 0;
  left: 65%;
  padding: 0;
  margin: 0;
   z-index: 23;
}
#menumain li:hover ul {
	display: block;
	padding-left: 50px;
	min-width: 350px;
	border-left: 1px solid #cccccc
}
#menumain li li {
	position: relative;
	display: block;
  padding: 0;
  margin: 0;
  width: 100%;
}
#menumain li:hover li,
#menumain li li:focus,
#menumain li.active li {
	border: none;

}
#menumain li li a,
#menumain li li span.disabled,
#menumain li:hover li a,
#menumain li:hover li span.disabled,
#menumain li.active li a,
#menumain li.active li span.disabled {
	display: block;
	text-decoration: none;
}

#menumain li li a:hover,
#menumain li:hover li:hover a,
#menumain li.active li a:hover,
#menumain li.active li.active a,
#menumain li.active li.activeintern a {
  color: white;
  text-decoration: underline;
  z-index: 63;
}

#menumain li li span.disabled:hover,
#menumain li:hover li:hover span.disabled,
#menumain li.active li span.disabled:hover,
#menumain li.active li.active span.disabled,
#menumain li.active li.activeintern span.disabled {
  color: white;
  z-index: 63;
}
#menumain li.active li a:focus,
#menumain li.active li a:active,
#menumain li.active li.active a {

}
#menumain ul ul,
#menumain li:hover ul ul {
	position: relative;
	top: inherit;
	left: inherit;
  padding: 0px;
  margin: 0;
  list-style: none;
  border-left: 0px solid transparent;
}
#menumain ul li:last-child ul,
#menumain li:hover ul li:last-child ul {

}
#menumain li:hover li:hover ul,
#menumain li li:hover ul {
	display: block;
}
#menumain li li li a,
#menumain li:hover li li a,
#menumain li:hover li:hover li a,
#menumain li.active li.active li a {
  font-size: 100%;
  line-height: 30px;
	text-decoration: none;
  color: #cccccc;
  padding: 0 0 0 10px;
  transition: all 0.5s;
}

#menumain li li li a:hover,
#menumain li:hover li:hover li a:hover,
#menumain li.active li li a:hover,
#menumain li.active li.active li a:hover,
#menumain li.active li.active li.active a,
#menumain li.active li.active li.activeintern a {
	text-decoration: underline;
  color: white;
  padding: 0 0 0 20px;
}
#menumain ul ul ul,
#menumain li:hover ul ul ul,
#menumain li:hover li:hover ul ul {
  display: none;
  position: absolute;
 	top: -5px;
	right: 95%;
  padding: 10px;
  margin: 0;
  list-style: none;
  border-top: 5px solid black;
-webkit-box-shadow: 3px 5px 4px 0px rgba(51,51,51,1);
-moz-box-shadow: 3px 5px 4px 0px rgba(51,51,51,1);
box-shadow: 3px 5px 4px 0px rgba(51,51,51,1);
}
#menumain li.active li.active li.active li a {
	background: white;
  color: #666666;
  padding: 0;
  border-bottom: 1px dotted #666666;
  transition: all 0.5s;
}
#menumain li.active li.active li.active li a:hover,
#menumain li.active li.active li.active li.active a {
	background-color: black;
  color: white;
  padding: 0 0 0 10px;
  border-bottom: 1px solid black;
}

/*---infonav---*/
#infonav {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  height: 50px;
  z-index: 15;
}
#menuinfos {
  list-style: none;
  margin: 0;
  padding: 0;
}
#menuinfos li {
	display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 50px;
  height: 50px;
}
#menuinfos li a {
	display: block;
	padding: 0;
	margin: 0;
  width: 50px;
  height: 50px;
	text-decoration: none;
	text-align: center;
	line-height: 50px;
	transition: all 0.5s;
}
#menuinfos li a:after {
	color: rgba(0,0,0,1);
	font-size: 2rem;
}
#menuinfos #page5 a:after {
	content: "\f015";
}
#menuinfos #page31 a:after {
	content: "\f023";
}
#menuinfos #page13 a:after {
	content: "\f129";
}
#menuinfos #page65 a:after {
	content:"\f1b9";
}
#menuinfos li:hover a:after,
#menuinfos li.active a:after {
	color: rgba(219,31,38,1);
}
#menuinfos li a span {
	display: none;
}
#menuinfos li a:hover span {
	background: rgba(0,0,0,.8);
	display: block;
	position: absolute;
	top: 50px;
	right: 0;
	width: 150px;
	height: 50px;
	color: white;
	line-height: 50px;
}
/*----breadcrumb----*/
.dir3 .yah {
	display: none;
}
.breadcrumb { 
	display: none;
	font-size: 0.9em;
	list-style: none; 
	overflow: hidden; 
	padding: 0;
	margin: 0;
}
.breadcrumb li { 
	float: left; 
}
.breadcrumb li a,
.breadcrumb li.active span {
	color: white;
	text-decoration: none; 
	padding: 0px 0 0px 45px;
	background: rgba(219,31,38,1); 
	position: relative; 
	display: block;
	line-height: 30px;
	float: left;
}
.breadcrumb li a:after,
.breadcrumb li.active span:after { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid rgba(219,31,38,1);
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	left: 100%;
	z-index: 2; 
}
.breadcrumb li a:before,
.breadcrumb li.active span:before { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;       
	border-bottom: 50px solid transparent;
	border-left: 30px solid white;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	margin-left: 1px;
	left: 100%;
	z-index: 1; 
}
.breadcrumb li:first-child a {
	padding-left: 10px;
}
.breadcrumb li:nth-child(2) a       { background:        rgba(38,114,130,1) }
.breadcrumb li:nth-child(2) a:after { border-left-color: rgba(38,114,130,1); }
.breadcrumb li:nth-child(3) a       { background:        rgba(30,90,100,1); }
.breadcrumb li:nth-child(3) a:after { border-left-color: rgba(30,90,100,1); }
.breadcrumb li:nth-child(4) a       { background:        rgba(26,77,87,1); }
.breadcrumb li:nth-child(4) a:after { border-left-color: rgba(26,77,87,1); }
.breadcrumb li:nth-child(5) a       { background:        #777777; }
.breadcrumb li:nth-child(5) a:after { border-left-color: #777777; }
.breadcrumb li:last-child a {
	background: transparent !important;
	color: black;
	pointer-events: none;
	cursor: default;
}
.breadcrumb li a:hover { background: #000000; }
.breadcrumb li a:hover:after { border-left-color: #000000 !important; }
.breadcrumb span.active {line-height: 30px; padding-left: 45px;}