main {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
	align-content: flex-start;
	height: 100%
}
@media screen and (min-width: 1170px) {
main {
	justify-content: space-around
}
}
main .main__nav {
	flex-grow: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 0 0 7px 0;
	background: #DD4C17;
	text-align: center;
	color: #b9b5b5;
	background-color: #DD4C17;
	font-family: 'Roboto', sans-serif
}
main .main__nav ul {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 10px;
	padding: 0;
	list-style-type: none;
	overflow: hidden
}
main .main__nav li a {
	display: block;
	color: #b9b5b5;
	padding: 7px 16px;
	text-decoration: none;
	border-left: 3px solid #DD4C17
}
main .main__nav li a:hover {
	background-color: #555;
	color: white
}
main .main__nav .main__nav--active a {
	background-color: #555;
	color: white
}
main .content {
	flex-grow: 1;
	flex-basis: stretch;
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center
}
@media screen and (min-width: 1170px) {
main .content {
	width: calc(100% - 260px)
}
}
main .main__kasten {
	margin: 10px 10px 10px 10px;
	padding: 20px 20px 20px 20px;
	width: 250px;
	min-width: 250px;
	height: auto;
	max-height: 250px;
	background: rgba(145,145,145,0.22)
}
main .main__kasten__reifen {
	flex-basis: 100%;
	text-align: center;
	background: 0
}
main .main__kasten__reifen h1 {
	font-family: 'Arial', 'Roboto', sans-serif;
	font-variant: small-caps;
	font-size: 2.4em
}
main .main__kasten__imgreifen {
	flex-basis: 250px;
	height: 200px;
	background: 0
}
main .main__kasten__imgreifen img {
	margin: 20px auto
}
main .main__kasten__reifenwechsel {
	flex-basis: 100%;
	height: 250px;
	background: 0
}
main .main__kasten__reifenwechsel img {
	margin: 20px auto
}
main .main__kasten__service {
	flex-basis: 400px;
	height: 200px;
	padding-top: 40px;
	padding-bottom: 40px
}
main .main__kasten__service h1 {
	font-family: 'Arial', 'Roboto', sans-serif;
	font-variant: small-caps;
	font-size: 1.4em;
	text-align: center
}
main .main__kasten__service p {
	margin-top: 1.2em;
	font-family: 'Arial', 'Roboto', sans-serif;
	font-size: 1.2em;
	text-align: center
}
main .main__kasten__service h2 {
	margin-top: 1.2em;
	font-family: 'Arial', 'Roboto', sans-serif;
	font-variant: small-caps;
	font-size: 1.3em;
	text-align: center
}