@font-face {
	font-family: 'Helvetica Light';
	src: url('../fonts/Helvetica-Light.woff') format('woff'); 
	font-style: normal;
	font-weight: 400;
	text-rendering: optimizeLegibility;
}
@font-face {
	font-family: 'Helvetica Light';
	src: url('../fonts/Helvetica-LightItalic.woff') format('woff'); 
	font-style: italic;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}
@font-face {
	font-family: 'Helvetica Light';
	src: url('../fonts/Helvetica-Bold.woff') format('woff'); 
	font-style: normal;
	font-weight: 700;
	text-rendering: optimizeLegibility;
}




* {
	padding:0;	margin:0; box-sizing:border-box; letter-spacing: 0.05em;
}
img{border:none;}
a{outline:none; text-decoration: none;}
body {	
	background-color:#fff;
	font-family: 'Helvetica Light', sans-serif;	
	
}
#wrapper {
	margin:0 auto;
	width:960px;
	max-width:94%;
	position:relative;
}
nav li{list-style:none;}

/*  -------------------  Layout ---------------------  */ 
header{	
	padding: 80px 0 80px;
}
.nav_level1 li{	
	display:inline-block;
}
.nav_level1 li + li{
	margin-left:30px;
}

.nav_level1 img{height:28px; width:auto;}

.visually-hidden{display:none}

.burgerbutton{display: none; cursor:pointer;}

.nav_level2 {
	float:left;
	padding-top: 40px;
	width: 180px;
	background-repeat:no-repeat;
	background-size: contain;
	padding-bottom:20px;
}

main {
	float:right;	
	width: calc(100% - 210px);
}

@media screen and (max-width: 950px){
	header{padding: 40px 0 70px;}
	.nav_level1 li:first-child{display:block;margin-bottom:30px;}
	.nav_level1 li:nth-child(2){margin-left:0;}
}
@media screen and (max-width: 720px){
	header {padding: 40px 0 50px;}
	.nav_level1{ width:400px;}
	.nav_level1 li + li{margin-left:0;	}
	.nav_level1 li{margin-left:0; width:190px; margin-bottom:10px;}
}
@media screen and (max-width: 600px){
	.nav_level2 {display:none;}
	.burgerbutton {display:block; margin-top: 20px;}
	main {width:100%; float:none;}	
	.default .burgerbutton{display:none;}
	.nav_level2 {
		position: absolute; z-index:9999; top:260px; 
		background-color: #fff; width:250px; padding-top:50px; padding-right:20px; box-shadow: darkgray 1px 1px 2px;
	}
}
@media screen and (max-width: 360px){
	.nav_level1 li{width:160px;}
	.nav_level1 img{height:24px;}
}

/*  -------------------   Untermenü Look ---------------------  */ 
/* Farbbalken abhängig von ID des Links/Parent-Links, falls vorhanden, s. index.php */
.id-203 {	
	background-image:url(../images/01-balken.png);	
}
.id-54{	
	background-image:url(../images/02-balken.png);	
}
.id-55{	
	background-image:url(../images/03-balken.png);	
}
.id-56 {	
	background-image:url(../images/04-balken.png);	
}
.nav_level2 li{
	margin-bottom:8px;
}
.nav_level2 a{
	color:#777; font-size: 15px;
}
.nav_level2 a:hover, .nav_level2 .active a{
	font-weight:700; color:#000; letter-spacing: 0.02em;
}

/*  -------------------   Content   ---------------------  */ 

main {
	color:#000;
	font-size:16px;	
	line-height:160%;
}

main img{max-width:100%; height:auto;}
main p, main ol, main ul{
	margin:0 0 9px;
	max-width:655px;
}
main p:has(+div){ /*  Absätze, nach denen ein div kommt, wg. Slider mit <p>davor */ 
	margin:0; max-width:655px; 
}
main ol, main ul{
	margin-left:18px;
}
h1{text-transform: uppercase; font-size: 18px;}
h2{font-size: 15px;}
h3{text-transform: uppercase;}
main h1, h2, h3{
	margin-bottom: 15px;
}
main ul.actions{
	margin-left:0 !important;
}
strong{letter-spacing: 0.02em;}
em{font-style: italic;}
main a:link, main a:visited{
	color:#2d6899;
}
li.edit-icon{
	list-style:none;
}
figure{ margin-bottom:20px;}
.n2-section-smartslider{max-width:655px; margin-bottom:20px;}

/*
.medaille {position:absolute;}
.medaille.m1 {z-index:999; right:-20px; top:125px;}
.medaille.m2 {z-index:1000; right:-20px; top:220px;}
.medaille.m3 {z-index:1001; right:-20px; top:315px;}
@media screen and (max-width: 960px){
	.medaille {display:none;}
}
*/