.my-header-box-inner {
	position:relative;
	display:flex;
	align-items: center;
	justify-content: space-between;
}

.my-header-box-inner-right-nav{
	display:flex;
	align-items: center;
	gap:1rem;
}

.menu_button,
.my-header-box-inner-right-nav a {
  border-radius:3rem;
  padding:0.5rem;
  text-align:center;
  font-family: var(--wf-navi-menu);
  color: var(--wf-color1);
  font-size:15px;
  text-transform:uppercase;
  line-height:1.2em;
  letter-spacing:0.1em;
  width:120px;
}

.page-no-slider .my-header-box-inner-right-nav a {
  color: var(--wf-color10);
}

.menu_button {
  background: var(--wf-color10);
}

.fixed-on .my-header-box-inner-right-nav a{
  color: var(--wf-color10);
  
}

.menu_button:hover,
.my-header-box-inner-right-nav a:hover{
  background: var(--wf-color6);
  color: var(--wf-color1);
  
}


.my-header-box-logo {
	position:absolute;
	z-index:2;
	left:50%;
	top:1.0rem;
	transform: translateY(-50%);
	width:35px;
	display:none;
}

@media (min-width: 768px) {

.my-header-box-logo {
	top:1.2rem;
	width:50px;
}


}


.page-no-slider .my-header-box-logo {
	display:inline-block;
}


.my-header-box-logo img{
	width:100%;
	height:auto;
	display:inline-block;
}

.fixed-on .my-header-box-logo {
	display:inline-block;
}




@media (min-width: 1200px) {

.my-header-box-inner-right-nav{
	gap:2rem;
}

}



.nav-slide-flex {
	padding-top:3rem;
}

.nav-slide-titel {
  font-family: var(--wf-navi-menu);
  color: var(--wf-color1);
  letter-spacing:0.1em;
  font-size:20px;
  font-weight:400;
  text-transform:uppercase;
}


.nav-slide-down {
  list-style: none;
  padding-top:1rem;
}

.nav-slide-down-item {
  padding:0.25rem 0;
  list-style: none;
}

.nav-slide-down-link {
  font-family: var(--wf-navi-menu);
  color: var(--wf-color1);
  white-space: nowrap;
  font-size:20px;
  font-weight:300;
  letter-spacing:0.025em;
}


.nav-slide-down-item.active .nav-slide-down-link,
.nav-slide-down-item .nav-slide-down-link:hover {
  color: var(--wf-color4);
}

  .nav-slide-flex {
	  display: flex;
	  flex-direction:column;
	  gap:3rem;
  } 
  
  .nav-slide-logo  {
	  width:250px;
	  max-width:100%;
	  height:auto;
	  display:inline-block;
  } 
  

  .nav-slide-logo-innen {
	  font-family: var(--wf-navi-menu);
	  font-size:18px;
	  font-weight:300;
	  color: var(--wf-color1);
  }

  .nav-slide-logo-innen a {
	  color: var(--wf-color1);
	  
  } 
  
  .nav-slide-logo-innen a:hover {
	  color: var(--wf-color2);
	  
  } 
  



@media (max-width: 330px) {  

  .nav-slide-logo  {
	  width:170px;
	  max-width:100%;
	  height:auto;
	  display:inline-block;
	  
	  position: fixed;
	  top:3rem;
	  left:2.5rem;
  }
  
  
   
}	

@media (min-width: 992px) {
	.nav-slide-content {
		width:100%;
	}  

	
	
	.nav-slide-down-link {
	  font-size:21px;
	  text-align:left;
	  letter-spacing:0.025em;

	}
	
	.nav-slide-titel {
		font-size:21px;		
	}

	
} 

@media (min-width: 1200px) {
	.nav-slide-content {
		width:100%;
	}  

	.nav-slide-logo-content {
		width:300px;
		margin-left:auto;
		margin-right:0;
	}	
	
	.nav-slide-logo-innen {
		width:100%;
	    display:block;
		text-align:center;

	}	
	
	.nav-slide-down-item {
	  padding: 0.5rem 0.5rem;
	
	}
	
	.nav-slide-down-link {
	  font-size:22px;
	  text-align:left;
	}
	
	.nav-slide-titel {
		padding-left:0.5rem;
		letter-spacing:0.3em;
		font-size:25px;		
	}

	.nav-slide-flex {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		padding-top:2rem;
		gap: 4rem;
		width:100%;
	}
 
  
	.nav-slide-logo  {
		text-align:center;
		width:100%;
		display:block;

	} 
  	
	.nav-slide-logo img {
		width:260px;
		max-width:100%;
		display:inline-block;
	}
	
	.nav-slide-content-right,
	.nav-slide-content-left {
		position:relative;
		padding-top:2.0rem;
	} 

	.nav-slide-content-left:after {
		content:"";
		position: absolute;
		right:-2rem;
		top:2.5rem;
		background-color: var(--wf-color4);
		width:5px;
		height: calc(100% - 2.5rem);
	} 
	
} 

@media (min-width: 1400px) {
	.nav-slide-flex {
		gap: 10rem;
	}
	.nav-slide-content-left:after {
		right:-5rem;
	} 		
} 


/* ========== Sticky stickyfixed fixed-on Header ========== */

.header_menu {
	transition: background-color 0.5s ease;
}

.fixed-on.header-open .header_menu {
	background-color: transparent;
}

.page-no-slider .header_menu,
.fixed-on .header_menu {
	background-color: var(--wf-color8);
}	



@media (min-width: 1200px) {

.nav-slide-logo-mobile {
	display:none;
}



}


@media (max-width: 1199.85px) {
	

.nav-slide-logo-mobile  {
	  width:230px;
	  max-width:70%;
	  height:auto;
	  display:inline-block;
	  position: absolute;
	  top:0rem;
	  left:0rem;
}
  
}	




@media (min-width: 768px) {

.menu_button,
.my-header-box-inner-right-nav a {
  border-radius:3rem;
  padding:0.80rem 1rem 0.75rem 1rem;
  text-align:center;
  font-family: var(--wf-navi-menu);
  color: var(--wf-color1);
  font-size:18px;
  text-transform:uppercase;
  line-height:1.0em;
  letter-spacing:0.15em;
  width:160px;
}	
	
}