@font-face {
	font-family: 'Shadows Into Light';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/Content/fonts/shadowsintolight.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

header {
	margin-bottom:0;
}

.shadowsinto {
	font-family: 'Shadows Into Light', sans-serif;
	letter-spacing: 1px;
	font-weight: 100;
}

.teaser_willkommen, .teaser_neuesbike {
	position:relative;
	background: url('/grafiken/home_bottom.jpg') no-repeat;
	background-size: cover;
	padding: 100px 20px;
	width: 100%;
}
	.teaser_willkommen .content, .teaser_neuesbike .content {
		text-align: center;
		color: #fff;
		margin: 0 auto;
		max-width: var(--content-width);
		background-color: rgba(32, 32, 32, 60%);		
		padding:5px 20px 20px 20px;
		border-radius: 10px;
	}

.teaser_willkommen {
	background: url('/grafiken/home_middle.jpg') no-repeat;
	background-size: cover;
	background-position: 10% top;
	-webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 5vh);
	clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 5vh);
}
	.teaser_willkommen .content .underline1, .teaser_willkommen .content .underline2 {
		background-color: var(--main-color);
		margin:4px auto;
		display:block;
		height:3px;
		width:320px;
	}
	.teaser_willkommen .content .underline2 {
		width:280px;
	}


.typeblocks {
	margin:auto;
	width:100%;
	max-width:var(--content-width-nopadding);
	gap:20px;
}
.typeblocks > a {
	position:relative;
	background-color:var(--main-color);
	color:#fff;
	padding:40px;
	text-align:center;
	font-size:2rem;
}
	.typeblocks > a img {
		height:68px;
		margin-bottom:20px;
	}
	.typeblocks > a span {
		display: block;
		transition: all 0.3s;
	}
	.typeblocks > a:hover span {
		transform:scale(1.1);
	}

@media (max-width:987px) {
	.typeblocks {
		flex-wrap:wrap;
	}
}