body{padding:0; margin:0; color:#000066; font-family:NunitoSans Light;}
a{text-decoration:inherit; font:inherit; font-size:inherit; color:inherit;}
ul{list-style-type:square; padding-left:18px; margin-left:0;}
ul li{padding-left:20px;}
ol{counter-reset: listitem;}
ol li{margin-bottom:30px; counter-increment: listitem;}
ol li::marker{content: "(" counter(listitem) ") ";}

#header{position:fixed; top:60px; left:0; width:100%; background:#FFF; z-index:5; display:none;}
.head_item{font-size:1.5em; margin:20px;}
#menue{position:fixed; right:0; top:0; height:60px; width:60px; background:#FFF; z-index:5; background-image:url(menu.png); background-size:80%; background-position:50%; background-repeat: no-repeat;}

#openerpic, #logo{display:none;}
#openercont{padding:20px;}

#olay{display:none; z-index: 4; background-color: black; opacity: .6; position: fixed; height: 100%; width: 100%; top: 0; left: 0;}

#hdlogo{background-image:url('image1.png'); background-size:100%; background-repeat:no-repeat; min-width:200px; max-width:429px; min-height:56px; max-height:120px; position:absolute; top:10px; left:10px;}
#hdpic{width:90vw; aspect-ratio:3/4; background-image:url('image2.webp'); background-size:cover; background-position:center; background-position:67% center; background-repeat:no-repeat; margin-bottom:30px;}

.divider{height:1px; background-color:#000066;}
.spul li{margin-bottom:30px;}

.fs1p5{font-size:1.25em}
.fs2{font-size:1.75em}
.fs2p5{font-size:2.25em}

.test2{}
.test2:after{content:""; display:block; width:180px; height:20px; border-bottom:3px solid red;}

.cmm, .bgw{background-color:#FFFFFF;}
	
.amehr, .amehr2{display:inline-block; width:50%; color:#FFFFFF; background-color:#000066; margin:30px 0; padding-left:5px;}
.amehr2{width:268px;}

.contside, .conthalf{padding:20px;}

.deskdiv{height:80px}

@media only screen and (min-width:800px){
	#hdpic{width:50vw; aspect-ratio:3/4; margin:auto; margin-bottom:30px;}
}

@media only screen and (min-width:1200px){
	body{background:#EEE;}

	#header{height:100px; top:0; display:block;}
	#logo{background-image:url('image1.png'); background-size:75%; background-repeat:no-repeat; background-position:12.5%; width:20%; height:100%; display:inline-block; margin-right:-0.25rem; margin-left:20px;}
	.head_item{display:inline-block; width:calc(20% - 5px); text-align:center; vertical-align:top; padding-top:28px; margin:initial; margin-right:-0.25rem; font-size:initial; margin-top:initial;}
	#menue{display:none;}

	#openerpic{background-image:url('image2.webp'); background-size:cover; background-position:center; background-position:67% center; background-repeat:no-repeat; height:750px; width:350px; display:inline-block;}
	#openercont{display:inline-block; padding:initial; padding-top:100px; vertical-align:top; padding-left:50px;}

	.contside{padding:40px 0 0 4%;}
	.conthalf{width:40%; display:inline-block; vertical-align:top; padding:4% 0 4% 4%;}
	.ml9{margin-left:9%}

	#vita, #methoden, #kasse, #kontakt{scroll-margin-top:150px;}		
	.deskdiv{height:125px}

	#hdlogo, #hdpic{display:none;}
}


@media only screen and (min-width:1600px){
	#openercont{padding-left:150px;}

	.contside{width:330px; display:inline-block; color:#FFFFFF; padding-left:20px; padding-top:40px; background-color:#000066; position: absolute; top: 0; bottom: 0;}
	.contcont{left:350px; position:relative; display:inline-block; vertical-align:top; max-width:1200px;}

	.cmm{position:relative;}
}


@media only screen and (min-width:1900px){
	#frame{max-width:1650px; margin:auto;}

	.head_item{padding-top:40px;}

	#header{height:125px;}
	#openercont{padding-left:200px;}
}