.bm-banners {
    position: relative;
    display: flex;
    max-width: 100%;
    margin: 40px 15px 30px;
    justify-content: center;
}

.bm-banners a {
	position: relative;
	display: block;
}

.bm-banners a {
	position: relative;
	display: block;
	aspect-ratio: 350/108;
	background-color: #eee;
	flex: 1 1 50%;
	max-width: 350px;
	margin: 0 15px;
	background-size: 100%;
}

.bm-banners a::before {
	content: '';
	display: block;
	padding-top: 30.85%;
}

.bm-banners a:first-child {
	margin-left: 0;
	background-image: url('https://www.fsv-geesthacht.com/File/mueller.png');
}

.bm-banners a:last-child {
	margin-right: 0;
	background-image: url('https://www.fsv-geesthacht.com/File/raptor.png');
}

@media(max-width: 567px) {
	.bm-banners {
		display: block;
		margin: 20px auto 30px;
	}

	.bm-banners a {
		max-width: 100%;
		margin: 15px 0;
	}
}