/**
 * @author Valentin Alisch, Off Office <hallo@valentinalisch.de>
 * @version 1.0
 *
 * Rettberg View: Frontpage
 */

#frontpage {}



.frontpage-section {
	position: relative;
}

.frontpage-section:last-child {
	margin-bottom: var( --spacing--large );
}

.frontpage-section + #frontpage__marquee {
	margin-top: var( --spacing--large );
}



.frontpage-section__thumbnail {
	position: relative;
	z-index: 10;
}

.frontpage-section__thumbnail .image,
.frontpage-section__thumbnail__portrait .image {
	--image-padding: 150% !important;
}



marquee-wrap {
	margin: 0 calc( var( --outer-spacing ) * -1 );
}

marquee-inner {}

marquee-part {
	margin-right: calc( var( --spacing--tiny ) * 2 );
}



/* ------------------------ */
@media ( max-width: 899px ) {

	.frontpage-section {
		margin-bottom: var( --spacing--large );
	}

	.frontpage-section:first-child {
		margin-top: var( --outer-spacing );
	}

	.frontpage-section__thumbnail,
	.frontpage-section__thumbnail__portrait {
		margin-top: var( --spacing--tiny );
		margin-bottom: var( --spacing--tiny );
	}

	.frontpage-section__thumbnail__portrait + .frontpage-section__thumbnail {
		display: none;
	}

	.frontpage-section__col1 {
		display: flex;
		justify-content: space-between;
	}
}

@media ( min-width: 900px ) {

	.frontpage-section {
		margin-bottom: var( --spacing--tiny );
	}

	.frontpage-section__thumbnail__portrait {
		display: none;
	}

	.frontpage-section__thumbnail .image {
		--image-padding: 80vh !important;
	}

	[class^="frontpage-section__col"] {
		height: 0px;
		overflow: visible;
		position: relative;
		z-index: 20;
		top: var( --spacing--tiny );

		/*color: var( --dodge-color );
		mix-blend-mode: color-dodge;*/
	}

	.frontpage-section__col1 {
		padding-left: calc( calc( var( --horizontal-spacing ) * 0.5 ) + var( --spacing--tiny ) );
	}

	.frontpage-section__col3 {
		padding-right: calc( calc( var( --horizontal-spacing ) * 0.5 ) + var( --spacing--tiny ) );
	}



	.frontpage-section.color--white {
		color: white;
	}
}