@charset "ISO-8859-1";
/* CSS Document */

.aussenrahmen {
display: flex;
background-color: white; 
width: 100%;
height: 980px;
justify-content: center;

}

.container {
display: flex;
background-color: #FAFAFA;
max-width: 800px;
height: 900px;
justify-content: center;
align-content: flex-start;
margin: 10px;

border: 2px solid black;
flex-wrap: wrap;
flex-direction: row;
}



.item{
	background-color: gray;
	width: 180px;
	height: 130px;
	margin: 4px;
}

.item:hover:after{
		content: attr(data-hover);
		font-size: 0px;
		
		}



.container2 {
display: flex;
	background-color: transparent;
width: 100%;
height: 740px;
justify-content: center;

}




	.item2{
	background-color: transparent;
	width: 60px;
	height: 740px;
	margin: 4px;

}
.container3 {
display: flex;
background-color: #F5F5F5;
width: 100%;
height: 20px;
margin-bottom: 0px;
	text-align: left;
	padding-top: 0px;
padding-left: 0px;
justify-content: space-between;

	
}

.fuss {
background-color: #EDEDED;
width: 345px;
height: 20px;
margin-bottom: 0px;
padding-left: 10px;
font-size: 14px;
padding-top: 2px;
color: black;
font-family: Arial, Helvetica, sans-serif;
	
}


h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	color: #003;
	
}

h2 {
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: 500;
	font-color: red; 
}
	
	a:link {color:#848484; text-decoration: none;}/* unbesuchter link */
a:visited {color:#C1C1C1;} /* mittelgrau */
a:hover {color: yellow;} /* dunkelblau */
a:active {color:red;} /* dunkelblau */


h3 {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 21px;
	padding: 0px;
	margin: 0px;
	height: 14px;
	letter-spacing: 0.99px;
}

h4 {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 7px;
	padding: 5px;
	margin: 1px;
	height: 10px;
	
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	line-height: 14px;
	padding: 0px;
	margin: 0px;
	height: 13px;	
}

h6:after {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	line-height: 20px;
	margin: 0px;
	height: 20px;
	color: black;

}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #676363;
	text-align: left;
	line-height: 14px;	
	z-index: 1;
}

.demo {
	color: gray;
	font-family: Arial, Helvetica, sans-serif;
	}
.dunkel {
	color: #747474;
	font-weight: bold;
	}
	

	.unten {
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: bold;
	position: absolute;
	
	top: 800px;
	}
	
	.farbe {
	color: black;
	}
	
	.typo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140px;
	font-style: bold;
	position: absolute;
	top: 530px;
	left: 10px;
	z-index: 3;
	color: orange;
	opacity: 1.0;
	}
	
	.typo2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140px;
	font-style: bold;
	position: absolute;
	top: 535px;
	left: 15px;
	z-index: 2;
	color: black;
	opacity: 0.8;
	}