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

#head {
	background-color: #545454;
}

#inhalt {
	padding-bottom: 2.5rem;
	padding-top: 2.5rem;
}

h1 {
	border: thin #545454;
	color: #f1c021;
	font-size: x-large;
	font-weight: bold;
	padding-top: 2.5rem;
	text-align: center;
}

#inhalt a {
	text-decoration: none;
}

.team {
	background-image: url('../images/team/team.jpeg');
	background-position: center;
	background-size: cover;
	border: medium;
	border-bottom-color: black;
	height: 15rem;
	margin: 1rem;
	padding: 2.5rem;
	width: 33rem;
}

.arbeit {
	background-image: url('../images/background/arbeit.jpg');
	background-position: center;
	background-size: cover;
	border: medium;
	border-bottom-color: black;
	height: 15rem;
	margin: 1rem;
	padding: 2.5rem;
	width: 33rem;
}

.infra {
	background-image: url('../images/background/auto.jpg');
	background-position: center;
	background-size: cover;
	border: medium;
	border-bottom-color: black;
	height: 15rem;
	margin: 1rem;
	padding: 2.5rem;
	width: 33rem;
}

@media only screen and (max-device-width: 480px) {
	.team {height: 10rem; width: 22rem;
	}
	.arbeit {height: 10rem; width: 22rem;
	}
	.infra {height: 10rem; width: 22rem;
	}	
}

@media only screen and (min-device-width: 480px) {
	.team {height: 10rem; width: 22rem;
	}
	.arbeit {height: 10rem; width: 22rem;
	}
	.infra {height: 10rem; width: 22rem;
	}	
}

@media only screen and (min-device-width: 768px) {
	.team {height: 15rem; width: 33rem;
	}
	.arbeit {height: 15rem; width: 33rem;
	}
	.infra {height: 15rem; width: 33rem;
	}	
}

@media only screen and (min-device-width: 980px) {
	.team {height: 15rem; width: 33rem;
	}
	.arbeit {height: 15rem; width: 33rem;
	}
	.infra {height: 15rem; width: 33rem;
	}	
}