:root {
  --ocker: #3D99D4;
   
  --linie: rgb(255,255,255);
  --ntext: rgba(255,255,255,0.8);  
  --nhover: rgba(255,255,255,1);
}



.sprach {
	/*border:solid 1px #FFF;*/
}
.bottomnav2 ul,
.sprach ul, 
.topnav2 ul {
	/*border:solid 1px pink;	*/
	list-style-position: outside;
	list-style-type: none;
	width: auto;
	padding: 0%;
	margin: 0px;
	/*height:100%; */
}
.sprach ul { 
	height:100%; 
	border:solid 1px pink;	
	
}
.topnav2 ul { 
	/*height:100%; */
	border:solid 1px gold;	
	
}

.content .topnav2 ul { 	margin-left: -18.55px; }
.rechts .topnav2 ul, .rechts .sprach ul { 	margin-left: -13px; }


.sprach ul li,
.topnav2 ul li {
	position:relative;	
	font-size: 1.0em;	
	font-size: clamp(1.5vw, 1.5vw, 1.5vw);
	line-height: 1.1em;
	margin: 0px;
	display:inline-block;
	white-space: nowrap;
}


.bottomnav2 ul { 
	/*height:100%; 
	border:solid 1px gold;	
	*/
	margin-top:3em;
	
}
.demo-slidebar .bottomnav2 ul { 
	/*height:100%; 
	border:solid 1px gold;	
	*/
	margin-top:0.1em;
	
}
.sprach2 { display:none; }


.sprach2 ul { 
	/*border:solid 1px pink;*/
	float:right;
	
}
.bottomnav2 ul li,
.sprach2 ul li {
	font-size: 1.0em;	
	font-size: clamp(1.0em, 1.4vw, 1.4vw);
	line-height: 1.1em;
	padding: 0px  2em 0px 0px;
	margin: 0px;
	display:inline-block;
	white-space: nowrap;
}
.sprach2 ul li {
	font-size: 1.2em;	
	}

.bottomnav2 ul li a,
.sprach2 ul li a  {
	color:#000;
	text-decoration: none;
	padding: 0px 0px 0px 5%  ;
}


.bottomnav2 ul li a:hover {
	text-decoration: underline;
}



.sprach2 ul li a:hover {
	text-decoration: underline;
}


.sprach ul li {
	width:40px;
	padding: 0px;
	padding: 28% 10px 5px 10px;
	text-align:center;
}
.sprach ul li a{
	

}
.sprach ul li img{
	height:100%;
	width:auto;


}
.topnav2 ul li {
	padding: 8% 1.5% 5px 1%;
}

.sprach ul li a,
.topnav2 ul li a{
	color:#FFF;
	text-decoration: none;
	padding: 0px 2% ;
}


.hell2 .sprach ul li a,
.hell2 .topnav2 ul li a{
	color:#000;
}

.sprach ul li .current {
	/*
	background-color: #EFEFEF;
	border-top:solid 1px #CA5D3F;*/

}
.topnav2 ul li .current {
	/*
	background-color: #FFF;
	border-top:solid 1px #CA5D3F;*/

}
.sprach ul li a:hover {
	/*border-top:solid 1px #FFF;
	background-color: #EFEFEF;
	*/

}
.topnav2 ul li:hover, .sprach ul li:hover, .topnav2 ul .current, .sprach ul .current {
/*	
	background-image: url(../userfiles/images/meta/nav1_fade.svg);

	
	background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.6));
*/

	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-size:  auto 100%;	
	background-color: #FFF;
	background-color: transparent;
	
	background: rgb(2,0,36);
	background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 35%, rgba(0,0,0,0.1) 100%);


}
.hell2 .topnav2 ul li:hover, 
.hell2 .sprach ul li:hover, 
.hell2 .topnav2 ul .current, 
.hell2 .sprach ul .current {
	background-image: url(../userfiles/images/meta/nav1_fade2.svg);

}

.topnav2 ul li:hover, .sprach ul li:hover, .topnav2 ul .current, .sprach ul .current {

	border-bottom:solid 1px #FFF;

}
.navbar .nav1 {
	

}
.navbar .nav1 h2{

}

.navbar .nav1 ul {
	list-style-position: outside;
	list-style-type: none;
	width: auto;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.navbar .nav1 > ul {
	/* background-color: gold; */
	/* border-bottom:solid 1px #FFF; */
}
.hell .navbar .nav1 > ul {
	background-color: white;	
}

.navbar .nav1 ul li {
	display:block;
	width: 110%!important;
	width: 100%!important;
	position:relative;
	margin: 0px;
	padding: 0% 5% 2% 0px;


}
.inhalt .navbar .nav1 > ul > li {
	/*
	border-bottom:solid 1px #FFF;*/
}
.navbar .nav1 ul li  a {

}
.navbar .nav1 ul li a {
	font-size: 1.0em;
	line-height: 1.2em!important;

	text-decoration: none;
	display: block;
	width: auto;
	width: 100%!important;
	margin: 0px;
	margin-left: 0px;/**/
	padding: 0px 0%;
	color: #FFF;
	border-bottom:solid 1px transparent;
}
.hell .navbar .nav1 ul li a {
	color: #000;
	color: #FFF;
	color: var(--ntext);
}
.navbar .nav1 ul li:hover a {
	background-color: transparent;
}


.navbar .nav1 ul li ul{
	width: 100%;
	height:auto;

}
.navbar .nav1 ul li ul li{
	font-weight:300;
	margin: 0px;
	padding:0% 0px 0% 10%;
}
.navbar .nav1 ul li ul li a {
	padding: 0px 0px;
	border-bottom:solid 1px transparent;

}
.currentnav {
	/*background-color: #EFEFEF;*/
	border-bottom:solid 1px #FFF;
	border-bottom:solid 1px gold;
}
.hell .currentnav {
	border-bottom:solid 1px #000;
	border-bottom:solid 1px gold;
	border-bottom:solid 1px var(--linie);
}
.navbar .nav1 li ul .active{

	background-color: #EFEFEF;	
	background-color: transparent;
}
.navbar .nav1 .active > a{

	background-color: pink;	
	background-color: transparent;	
}

.navbar .nav1 li ul .active a{
	/*border: solid 1px gold;
	background-color: #EFEFEF;*/
	border-bottom:solid 1px #FFF;
	border-bottom:solid 1px var(--linie);
	color: #000;
	
}
.hell .navbar .nav1 li ul .active a{
	border-bottom:solid 1px #000;
	border-bottom:solid 1px var(--linie);
	color: var(--nhover);
}
.navbar .nav1 > ul > .current > a{
	border-bottom:solid 1px #FFF;
	border-bottom:solid 1px var(--linie);

}
.hell .navbar .nav1 > ul > .current > a{
	border-bottom:solid 1px #000;
	border-bottom:solid 1px var(--linie);
	color: var(--nhover);
}
.navbar .nav1 > ul > li:hover > a{
	border-bottom:solid 1px #FFF;
}
.hell .navbar .nav1 > ul > li:hover > a{
	border-bottom:solid 1px #000;
	border-bottom:solid 1px var(--linie);
	color: var(--nhover);
}
.navbar .nav1 > ul > li > ul > .current > a, .navbar .nav1 > ul > li > ul > li:hover > a  {
	border-bottom:solid 1px #FFF;
}
.hell .navbar .nav1 > ul > li > ul > .current > a, 
.hell .navbar .nav1 > ul > li > ul > li:hover > a  {
	border-bottom:solid 1px #000;
	border-bottom:solid 1px var(--linie);
	color: var(--nhover);
	
}
.navbar .nav1 > ul > li > ul > li > ul > .current > a, .navbar .nav1 > ul > li > ul > li > ul > li:hover > a  {

}

.demo-slidebar .bottomnav2 ul li a, 
.sprach2 ul li a {
	color: Gold;
    color: #FFF;

}


.overlaymenu ul {
	list-style-position: outside;
	list-style-type: none;
	width: auto;
	/*
	margin: 0px;
	padding: 0px;
	width: 100%;
	*/
}

.overlaymenu > .nav{
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.overlaymenu > .navbar-nav > li {
	/*border:solid 1px red;*/
	/*background-color:pink;*/
	display:block;
	width:calc(100% / 7);
	float:left;	
	margin: 2% 0px 0px 2%;
	padding: 0px 0px 0px 20px;
}
.overlaymenu > .navbar-nav > li > a:hover {
	border-bottom:solid 1px #FFF;/**/
	background-color:transparent;

}
.overlaymenu > .navbar-nav > li > ul {
	/*background-color:pink;*/
	/*border:solid 1px gold;*/
	padding: 0px;
	margin: 2% 0px 0px 0px;
}
.overlaymenu > .navbar-nav > li > ul > li {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.overlaymenu > .navbar-nav li a {
	margin: 10px 0px 20px 0px;
	padding: 0px;
	/*border:solid 1px blue;*/
	color:#FFF;
}

.overlaymenu > .navbar-nav .n1_14 {
	/*display:none;*/
}
.overlaymenu > .navbar-nav .n1_14 .temp0 {
	display:none;/**/
}

@media only screen and (max-width: 767px) {
	
	/*
*/
	.overlaymenu ul {
		font-size: 22px;
		line-height: 1.4em;
		list-style-position: outside;
		list-style-type: none;
		width: auto;
		
		margin: 0px;
		padding: 0px;
		/*
		width: 100%;
		*/
	}
	.overlaymenu > .navbar-nav > li {
		/*border:solid 1px red;*/
		/*background-color:gold;*/
	
		width:calc(80%);
		float:left;	
		margin: 2% 0px 0px 2%;
		padding: 0px 0px 0px 20px;
		border-bottom:solid 1px #FFF;

	}
	.overlaymenu > .navbar-nav > li >a {
		margin: 10px 0px 10px 0px;
		
	}
	.overlaymenu > .navbar-nav > li > ul { margin: 0px 0px 10px 0px; }	
	.overlaymenu > .navbar-nav > li > ul > li { margin: 0px 0px 0px 20px; }	
	
	
	
	#overlaymenu ul { /*display:block!important; background-color:gold;*/}

}

@media only screen and (max-width: 767px) {
	.topnav2 ul li:hover, .sprach ul li:hover, .topnav2 ul .current, .sprach ul .current { background: transparent; }
}


@media only screen and (max-width: 511px) {
	.overlaymenu > .navbar-nav > li { width:calc(100%); margin: 2% 0px 0px 0%;}


}


