/*---------------------------------------------------------------*/
/*Color----------------------------------------------------------*/
/*---------------------------------------------------------------*/
header{background-color:#FFF; border-bottom:2px solid #eeeeee;}/*30.09.2024 Zeile 108 LH hebt auf */
nav ul li a, .col-menu ul li a {color:#e5a12c;}
#headSlog #menSlog{color:#e5a12c;}
nav ul li ul li a, .col-menu ul li ul li a{color:#333 ;}

nav ul li a{font-size:21px;}
nav ul li ul li a{font-size:16px;}

.col-menu ul li a{font-size:20px;}
.col-menu ul li ul li a{font-size:16px;}

nav ul ul li a:hover  {color:#FF9900;}

#row_header{ background-color:#f9b030;}

/*---------------------------------------------------------------*/
/*Font-----------------------------------------------------------*/
/*---------------------------------------------------------------*/


header{
	height:auto;
	position: relative;
	width: inherit;
	margin: 0px;
	padding: 0px;
}

#row_header{
font-family:"Open Sans";
font-size:16px;
font-weight:400;
}
#headSlog{ font-size:clamp(0px, 4.5vw, 20px);}
#headSlog #menClaim{ font-size:0.8em;}
#headSlog{text-decoration:none;}
/*---------------------------------------------------------------*/
/*Kopfzeile------------------------------------------------------*/
/*---------------------------------------------------------------*/

#row_header{
	position: sticky;
	top:0px;
	z-index:100;
	width:100%;
	text-align:center;

}

#row_header div{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	
	max-width:1030px;
	margin-left:auto;
	margin-right:auto;	
	padding-left:10px;
	padding-right:10px;
	line-height:35px;
}

#row_header div img{ margin-bottom:-9px;}
.footerTel{ margin-left:20px; }

@media only screen and (max-width: 1024px) {
	.rHh{display:none}
	
}




/*---------------------------------------------------------------*/
/*Desk Menü nav--------------------------------------------------*/
/*---------------------------------------------------------------*/
@media screen and (min-width: 1024px) {/*Desc*-------------------*/
	#menuMob {display:none}
	#wrapper_header{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;	
	max-width:1030px;
	margin-left: auto;
	margin-right: auto;
	padding-top:7px;
	padding-bottom:7px;
	}
	#headSlog{ margin-left:-60px;}
		
	nav{height:40px;}
	
	nav a {
	display: block;
	text-decoration: none;
	}
	
	nav ul li {
	position: relative;
	display:inline-block;
	}
	
	nav ul li a {
	padding-right: 15px;
	padding-left: 15px;
	}
	
	nav ul ul {
	position: absolute;
	top: -9999px;
	left: -9999px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
	z-index: 5;
	max-height:600px;
	column-rule: 1px solid #fff;
	column-gap: 0;
	width: auto;
	overflow: hidden;  
	}

	nav ul #idUlEvent{ width:250px; column-count: 1;}
	nav ul ul li {float: none;}
	
	nav ul ul li a {
	padding: 10px 20px;
	font-size:16px;
	}
	
	nav ul ul li:last-child {
	border-bottom: none;
	}
	
	nav ul li:hover > ul {
	top: 100%;
	left: 0;
	background-color:#fff; 
	}
	
	nav ul ul li:hover > ul {
	top: 0;
	left: 200px;
	}

}

/*---------------------------------------------------------------*/
/*Mobile Menü nav------------------------------------------------*/
/*---------------------------------------------------------------*/

@media screen and (max-width: 1024px) {/*Mobol-------------------*/
	#menuDesk{display:none;}
	
	#wrapper_header{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;

	max-width:inherit;
	margin-left:10px;
	margin-right:10px;	
		padding-bottom:7px;
	padding-top:7px;
	}
	
	#wrapper_header img{
	height:60px;
	width:60px;
	}
	
	ul#navigation li,
	ul#navigation li a {
	width: 100%;
	}
	
	.NavIconeLine {
	height: 3px;
	width: 23px;
	margin-bottom: 4px;
	margin-top: 4px;
	background-color: #333;
	}
	
}

/*---------------------------------------------------------------*/
/*Mobile Menü Seite----------------------------------------------*/
/*---------------------------------------------------------------*/

.accordion-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.accordion-menu li.open > ul {
	display: block;
}
.accordion-menu li > ul {
	display: none;
	height: 0;
	overflow: hidden;
	transition: height 0.5s ease-in-out;
	margin-left: 25px;				
}

.accordion-menu ul.is-visible {
	display: block;	
}

.accordion-menu li {
	border-bottom: 1px solid rgba(194, 194, 194, 0.8);
	position: relative;
	overflow: hidden;
	transition: all 0.5s ease;
	cursor:pointer;/*Neu*/
}
.accordion-menu li:last-child {
	border: none;
}
.accordion-menu li::after {
	content: "";
	display: block;
	clear: both;
}
.accordion-menu li > a > svg {
	display: block;
	position: relative;
	fill: rgb(48, 48, 48);
	width: 10px;
	float: right;
	transition: all 0s ease;
	height:10px;/*Statt SVG Grafik*/
}
.accordion-menu li.open > a > svg {
	transform: rotate(90deg);
	height:10px;
}

.accordion-menu a {           
	padding: 17px 20px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	text-decoration: none;
}

.accordion-menu  {
	box-sizing: border-box;
}