main {
	width: 1280px;
    height: 720px;
    position: relative;
    margin: auto;
}

#header {
	position: absolute;
	width: 86%;
	height: 7%;
	background-color:#424242;
	right: 0%;
}

#nav {
	position: absolute;
	width: 14%;
	height: 100%;
	background-color: #5e2f02;
	left: 0%;
}

#article {
	position: absolute;
	left: 14%;
	top: 7%;
	width: 1041px;
	height: 560px;
	background-color: green;
	padding: 30px;
}

#footer {
	position: absolute;
	width: 1041px;
	height: 7%;
	background-color:#424242;
	bottom: 0%;
	right: 0%;
	padding-right: 30px;
	padding-left: 30px;
}

ul {
	list-style-type: none;
	position: absolute;
	margin: 0%;
	padding: 0%;
	width: 100%;
	height: 100%;
	
}

li a{
	display: block;
	text-decoration: none;
	width: 70%;
	height: 50px;
	color: #BDBDBD;
	padding-left: 30%;
	padding-top: 17%;
	
}

li a:hover {
	color: white;
	background-color: #0080FF;
}

#Überschrift1 {
	position: absolute;
	left: 38%;
	color: white;
	margin: 8px;
}

#Überschrift2 {
	position: absolute;
	left: 38%;
	color: white;
	margin: 8px;
}

#Überschrift3 {
	position: absolute;
	left: 38%;
	color: white;
	margin: 8px;
}

#Überschrift4 {
	
	position: absolute;
	left: 41%;
	color: white;
	margin: 8px;
}

#F1 {
	width: 320px;
	height: 180px;
	left: 30px;
	position: absolute;
}

#F2 {
	width: 320px;
	height: 180px;
	right: 30px;
	position: absolute;
}

#F3 {
	width: 320px;
	height: 180px;
	left: 30px;
	bottom: 30px;
	position: absolute;
}

#F4 {
	width: 320px;
	height: 180px;
	right: 30px;
	bottom: 30px;
	position: absolute;
}

#F5 {
	width: 320px;
	height: 180px;
	top: 218px;
	left: 389px;
	position: absolute;
}

#Media {
	top: 30%;
	position: absolute;
	left: 70%;
}

#Instagram {
	position: absolute;
	left: 60%;
	top: 45%;
	width: 10%;
	height: 16%;
}

#Youtube {
	position: absolute;
	left: 78%;
	top: 45%;
	width: 16%;
	height: 16%;
}

#Tiktok {
	position: absolute;
	left: 66%;
	top: 66%;
	width: 18%;
	height: 28%;
}

#Baba {
	background-color: #61380B;
}

#p {
	position: absolute;
	width: 32%;
	height: 31%;
	left: 64%;
	top: 6%;
	
}

#d {
	position: absolute;
	width: 32%;
	height: 31%;
	left: 64%;
	top: 33%;
}

#m {
	position: absolute;
	width: 32%;
	height: 30%;
	left: 64%;
	top: 64%;
}

#g {
	position: absolute;
	width: 32%;
	height: 28%;
	left: 32%;
	top: 10%
}

#c {
	position: absolute;
	width: 32%;
	height: 26%;
	left: 32%;
	top: 37%
}

#n {
	position: absolute;
	width: 32%;
	height: 27%;
	left: 32%;
	top: 63%;
}

#craft {
	position: absolute;
	width: 20%;
	height: 30%;
	left: 24%;
	top: 13%;
}

#rece {
	position: absolute;
	width: 58%;
	height: 48%;
	left: 20%;
	top: 45%;
}

#gaga {
	position: absolute;
	width: 20%;
	height: 31%;
	left: 54%;
	top: 12%;
}

#Überschrift8 {
	position: absolute;
	left: 42%;
	color: white;
	margin: 8px;
}

#Überschrift9 {
	position: absolute;
	left: 41%;
	color: white;
	margin: 8px;
}

#v {
	position: absolute;
	width: 43%;
	height: 43%;
	left: 3%;
}

#k {
	position: absolute;
	width: 43%;
	height: 43%;
	left: 54%
}

#Überschrift14 {
	position: absolute;
	left: 41%;
	color: white;
	margin: 8px;
}

#Überschrift20 {
	position: absolute;
	left: 44%;
	color: white;
	margin: 8px;
}

#bob {
	position: absolute;
	width: 43%;
	height: 43%;
	left: 3%;
}

#bobo {
	position: absolute;
	width: 43%;
	height: 43%;
	left: 54%
}