@charset "utf-8";
/* CSS Document Buttons */

/* Hauptteil-Button */

.button-k {
	display:block;
	float: left;
	width: 15em;
	height: 15em;
	border: 2px solid white;
	background-color:lightgrey;
	opacity: 0.7;
	padding:0 2% 0 2%;
	/*margin: 2% 2% 2% 2%;*/
	text-decoration:none;
	color: darkblue;

}	

/* Social Media Buttons */

.button-s1 {
	display:block;
	float: left;
	width:15%;	
	padding: 10% 10% 10% 10%; 
	text-decoration:none;
	color:white;
}

.button-s2 {
	display:block;
	
	width:15%;
	padding: 10% 10% 10% 10%;
	text-decoration:none;
	color:white;
}

.button-s3 {
	display:block;
	width:15%;
	padding: 10% 10% 10% 10%;
	text-decoration:none;
	color:white;
}	

.button-s4 {
	display:block;
	width:15%;
	padding: 10% 10% 10% 10%;
	text-decoration:none;
	color:white;
}	
.button-s1 {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	
}
.button-s1 :hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	
}
.button-s2 {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	
}
.button-s2 :hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.button-s3 {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	
}
.button-s3 :hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.button-s4 {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	
}
.button-s4 :hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}