main {
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center
}
@media screen and (min-width: 1170px) {
main {
	justify-content: space-around
}
}
main .main__nav {
	display: flex;
	flex-direction: row;
	width: 100%;
	padding: 5px 0 5px 0;
	background: #DD4C17;
	text-align: center;
	color: #b9b5b5;
	display: block;
	background-color: #DD4C17;
	font-family: 'Roboto', sans-serif
}
@media screen and (min-width: 1170px) {
main .main__nav {
	flex-basis: 200px;
	width: 250px;
	height: calc(100% - 10px)
}
}
main .main__nav p {
	margin-bottom: 10px;
	padding: 8px 16px;
	color: white
}
main .main__nav ul {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	list-style-type: none;
	overflow: visible;
	display: block
}
main .main__nav li {
	text-align: center;
	position: relative;
	border-bottom: 1px solid #DD4C17
}
main .main__nav li a {
	display: block;
	color: #b9b5b5;
	padding: 8px 16px;
	text-decoration: none
}
main .main__nav li a:hover {
	background-color: #555;
	color: white;
	margin: 0 15px 0 15px
}
main .main__nav .main__nav--active a {
	background-color: #555;
	color: white;
	margin: 0 15px 0 15px
}
main .content {
	flex-basis: stretch;
	align-self: flex-start;
	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__bigkasten {
	margin: 10px 10px 10px 10px;
	padding: 20px 20px 20px 20px;
	width: 425px;
	min-width: 250px;
	height: auto;
	max-height: 602px;
	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.6em
}
main .main__kasten__imgreifen {
	flex-basis: 250px;
	height: 200px;
	background: 0
}
main .main__kasten__imgplakat {
	flex-basis: 567px;
	height: 803px;
	background: 0
}
main .main__kasten__imgreifen 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;
	margin-top: 1.3em;
	font-size: 1.6em;
	text-align: center
}
main .main__kasten__service p {
	margin-top: 1.4em;
	font-family: 'Arial', 'Roboto', sans-serif;
	font-size: 1.4em;
	text-align: center
}
