/**
 * (en) Fixed Background Scrolling
 * (de) Screllen mit fixiertem Hintergrund
 *
 * @copyright			Copyright 2020, crossbase mediasolution GmbH
 * @version				4.1.1
 */

@media all {
	
	/* (en) Fixed & Scroll Backgrounds (Parallax)  */
	/* (de) Fixierte & Scrollende Hintergründe (Parallax */
	/*------------------------------------------------------------------------------------------------------*/

	.fixed-bg {
		position: relative;
		min-height: calc(100vh - 92px);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		z-index: 1;
	}

	.fixed-bg.fixed-bg-1 {
		background-image: url("cd-background-1.jpg");
	}

	.fixed-bg.fixed-bg-2 {
		background-image: url("cd-background-2.jpg");
	}

	.fixed-bg.fixed-bg-3 {
		background-image: url("cd-background-3.jpg");
	}

	.fixed-bg.fixed-bg-4 {
		background-image: url("cd-background-4.jpg");
	}

	@media only screen and (min-width: 1170px) {
		@supports (background-attachment: fixed) {
	
			/* fix bug on IE11 and below */
			.fixed-bg {
				background-attachment: fixed;
			}
		}
	}

	.fixed-bg+div {
		position: relative;
		min-height: 100%;
		-webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
		box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
		z-index: 2;
		padding-bottom: 60px;
	}
	
	/*(en) Button to anchor point */
	/*(de) Schaltfläche zu Ankerpunkt */
	/*------------------------------------------------------------------------------------------------------*/
	.anchor-id-button {
		position: absolute;
		bottom: 48px;
		display: block;
		width: 100%;
		text-align: center;
	}

	.section-content-wrapper + .anchor-id-button {
		bottom: 24px;
	}

	.anchor-id-button a {
		display: inline-block;
		color: #0d0d6e;
	}

	.anchor-id-button a::before {
		font-size: 72px;
		line-height: 48px;
		vertical-align: middle;
	}

}

/*------------------------------------------------------------------------------------------------------*/
/* (en) Media Query 560 */
/* (de) Media Query 560 */
/*------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 560px) {

	.anchor-id-button {
		bottom: 84px;
}

	.fixed-bg + div {
		padding-bottom: 84px;
	}

}