body {
	margin:0px;
	padding:0px;
	
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	
	font-size: 14px;
	line-height: 1.42857143;
	
	background:#aaaaaa;
	}

#netz {
	width:100%;
	max-width:1170px;
	height:auto;
	margin:0 auto;
	position:relative;
	top:0px;
	left:0px;
	}

#netz h3 {
	font-size:1.9em;
	font-weight:400;
	text-transform:uppercase;
	color:#bb2606;
	}
	
#netz img {
	width:100% !important;
	height:auto !important;
	}

#netz span {position:absolute; top:95%; width:25%; font-size:1.1em; text-transform:uppercase;}	
#netz span:hover {color:#bb2606;} 
	

		
#bgtext {
	height: 20%; width: 41%; position: absolute; bottom:0px; left:0%; background:#ffffff; display: block; padding:1.5%;		
}

#punkt1-trigger {
	position:absolute; width:15px; height:15px; background:none; border-radius:50%;
	top:2.05%; left:8.85%;
	}
#punkt1 {
	height: 20%; width: 41%; position: absolute; bottom:0px; left:0%; background:#ffffff; display: none; padding:1.5%;		
}
#punkt2-trigger {
	position:absolute; width:15px; height:15px; background:none; border-radius:50%;
	top:7.75%; left:41.00%;
	}
#punkt2 {
	height: 20%; width: 41%; position: absolute; bottom:0px; left:0%; background:#ffffff; display: none; padding:1.5%;		
}
#punkt3-trigger {
	position:absolute; width:15px; height:15px; background:none; border-radius:50%;
	top:36.00%; left:2.20%;
	}
#punkt3 {
	height: 20%; width: 41%; position: absolute; bottom:0px; left:0%; background:#ffffff; display: none; padding:1.5%;		
}
#punkt4-trigger {
	position:absolute; width:15px; height:15px; background:none; border-radius:50%;
	top:58.75%; left:28.65%;
	}
#punkt4 {
	height: 20%; width: 41%; position: absolute; bottom:0px; left:0%; background:#ffffff; display: none; padding:1.5%;		
}
#punkt5-trigger {
	position:absolute; width:15px; height:15px; background:none; border-radius:50%;
	top:27.85%; left:71.41%;
	}
#punkt5 {
	height: 20%; width: 41%; position: absolute; bottom:0px; left:0%; background:#ffffff; display: none; padding:1.5%;		
}
#punkt6-trigger {
	position:absolute; width:15px; height:15px; background:none; border-radius:50%;
	top:61.95%; left:57.75%;
	}
#punkt6 {
	height: 20%; width: 41%; position: absolute; bottom:0px; left:0%; background:#ffffff; display: none; padding:1.5%;		
}
#punkt7-trigger {
	position:absolute; width:15px; height:15px; background:none; border-radius:50%;
	top:65.75%; left:81.65%;
	}
#punkt7 {
	height: 20%; width: 41%; position: absolute; bottom:0px; left:0%; background:#ffffff; display: none; padding:1.5%;		
}	
/* MODULE -------------------------------- */

@media screen and (max-width: 1170px) {
body {
	background:#ffffff;
	}

#punkt1-trigger { }
#punkt2-trigger { }
#punkt3-trigger { }
#punkt4-trigger { }
#punkt5-trigger { }
#punkt6-trigger { }
#punkt7-trigger { }


#punkt1 { width: 70%;}
#punkt2 { width: 70%;}
#punkt3 { width: 70%;}
#punkt4 { width: 70%;}
#punkt5 { width: 70%;}
#punkt6 { width: 70%;}
#punkt7 { width: 70%;}
}