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

@font-face { font-family: "Futura LT"; src:url(../font/Futura_LT_Condensed.ttf); }


*{		
		
		font-family: "Futura LT";
		margin: 0;
		padding: 0;
	}
	
.logo {
	 display: block;
	 margin: 0px auto;
 	width: 100%;
	
	}
.werkzeuge {
	display: block;
	margin: 0px auto;
	width:70%;
	}

#strich {
	background-color: #575656;
	width: 100%;
	color: #fff;
	
	}
h3 {
	font-size: 1.3em;
	padding: 1%;
	text-align:center;
	}
section {
	background-color: #9b999a;
	width: 100%;
	height: 120%;
	padding: 50px 10px 0 20px;
	font-size: 1.3em;
	}	
/*section img {
	float: right;
	margin-right: 180px;
	margin-top: -320px;
	width: 20%;*/
	
	}
footer {
	
	text-align:center;
	}

footer a {
	text-decoration: none;
	color: #be1621;
	font-size: 2em;
	opacity: 1;
	}
footer a:hover {
	opacity: 0.6;
	}

   @media only screen and (min-width: 480px) {
section {
	
	font-size: 1.7em;
	}	
	h3 {
	font-size: 2.2em;
	
	}
	} 
@media only screen and (min-width: 650px) {
	section {
	
	font-size: 2.4em;
	}
	
	h3 {
	font-size: 2.6em;
	
	}
	
}

@media only screen and (min-width: 850px) {
	section {
	
	font-size: 2.8em;
	
	}
		h3 {
	font-size: 3.2em;
	
	}
	.logo {
	
 	width: 40%;
	
	}
}

@media only screen and (min-width: 1250px) {
	section {
	
	font-size: 2.8em;
	
	}
		h3 {
	font-size: 3.2em;
	
	}
	.logo {
	
 	width: 40%;
	
	}
	
	.werkzeuge {
		width: 30%;
		margin-top: -370px;
		margin-right: 70px;
		}
	
}