/* ############################################################
	PANELS
############################################################ */

/* Panels */
.bild__panel, .top__panel, .middle__panel, .bottom__panel {
	position: relative;
	width: 100%;
}

/* Abstände */
.abstand-toppanel {
	padding-top: 55px;
	padding-bottom: 55px;
}
.abstand-bottompanel {
	padding-top: 55px;
	padding-bottom: 55px;
}
@media (min-width: 1020px) {
	.abstand-toppanel {
		padding-top: 180px;
		padding-bottom: 150px;
	}
	.abstand-bottompanel {
		padding-top: 130px;
		padding-bottom: 175px;
	}
}


/* ############################################################
	MOBILE-NAVIGATION
############################################################ */

/* Allgemeines */
body {
	background-color: transparent;
}

/* Inhalt */
main {
	padding-top: 310px;
}
body[class^="cms-"] main {
	padding-top: 361px;
}
	.bg-bildtoppanel {
		background-image: url("../../lsv/Images/Elemente/bg_hoch.png");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center top;
	}
@media (min-width: 1020px) {
	main {
		padding-top: 0;
	}
	body[class^="cms-"] main {
		padding-top: 51px;
	}
}


/* Hamburger */
.nav-button span {
	background-color: var(--main-color-white);
}


/* Button: Slide-Down */
@media (min-width: 1020px) {
	.button-slide-down {
		position: absolute;
		display: inline-flex;
		justify-content: flex-start;
		align-items: flex-end;
		overflow: hidden;
		left: 40px;
		bottom: 50px;
		width: 24px;
		height: 115px;
		-o-transition: height 0.3s ease;
		-ms-transition: height 0.3s ease;
		-moz-transition: height 0.3s ease;
		-webkit-transition: height 0.3s ease;
		transition: height 0.3s ease;
	}
	.button-slide-down:hover {
		height: 165px;
	}
		.button-slide-down svg {
			display: block;
			width: 24px;
			height: auto;
			fill: var(--main-color-white);
		}
}
@media (min-width: 1440px) {
	.button-slide-down {
		left: 55px;
	}
}