

/* Mobile Layout: 490px and below. */

#interfaces_topmenu {
	display:none;
	background-color:#1F4E80;
	padding:4px 0;
	width:100%;
}
#interfaces_topmenu .wrapper {
	display:flex;
	justify-content:center;
	flex-wrap: wrap;
	width:100%;
	max-width:1400px;
	margin:auto;
}

#interfaces_topmenu a {
	font-size:14px;
	color:#fff;
	text-decoration:none;
	padding:0 0px;
	margin:0 4px;
	display:block;
	float:left;
	flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto
}
#interfaces_topmenu .current {
	border-bottom:2px solid #F1A45A;
}
#interfaces_topmenu a:hover,
#interfaces_topmenu a:focus-within {
	 color: #F1A45A;
}

@media only screen and (min-width: 460px) {
	#interfaces_topmenu {
	display:block;
}

	
}


/* Tablet Layout: 481px to 800px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 560px) {
	
	
#interfaces_topmenu a {
	font-size:14px;
}


}

@media only screen and (min-width: 650px) {
	

	
}

/* Desktop and Tablet Landscape Layout: 801px. Inherits styles from: Mobile Layout and Tablet Layout. */


@media only screen and (min-width: 801px) {
	
#interfaces_topmenu a {
	font-size:16px;
}

#interfaces_topmenu a {
	padding:0 0px;
	margin:0 6px;	
}

	
}

@media only screen and (min-width: 1024px) {
	
#interfaces_topmenu .wrapper {
	justify-content:space-around;
}

	
}



@media only screen and (min-width: 1400px) {
	


}

/* 4K LAYOUT */

@media only screen and (min-width: 2500px) {



}


/* TABLET UND HANDY SPECIALS */

@media (pointer: coarse) {
	

 
 
}