/**
 * Startseite (Front Page)
 */

.page-startseite main,
.page-home main {
	margin-top: 0;
}

@media (max-width: 782px) {
	/* Post Query Loop - Stack vertically on mobile */
	.home .category-aktuelles .wp-block-query .wp-block-group-is-layout-flex,
	.home .category-news .wp-block-query .wp-block-group-is-layout-flex {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.home .category-aktuelles .wp-block-group,
	.home .category-news .wp-block-group {
		flex-direction: column;
	}
}

.home-hero {
	figure {
		height: 100%;
		max-height: 420px;

		img {
			height: 100%;
			object-fit: cover;

			@media (max-width: 782px) {
				aspect-ratio: 1;
			}
		}
	}

	.wp-block-cover {
		height: 100%;
	}

	video {
		height: 100%;
		object-fit: cover;
		border-radius: 12px;
	}

	.hero-image-changer {
		position: relative;
		height: 100%;

		@media (max-width: 782px) {
			height: auto;
			aspect-ratio: 1;
		}

		.wp-block-image {
			position: absolute;
			inset: 0;
			margin-top: 0 !important;
			opacity: 0;
			transition: opacity 1.2s ease;

			img {
				border-radius: 12px;
			}
		}

		&:not(.is-cycling) .wp-block-image:first-child {
			opacity: 1;
		}

		&.is-cycling .wp-block-image.is-active {
			opacity: 1;
		}
	}

	@media (min-width: 783px) {
		figure {
			height: 380px;
			max-height: 380px;
		}

		.wp-block-cover {
			height: 380px;
			min-height: 380px;
		}

		video {
			height: 380px;
		}

		.hero-image-changer {
			height: 380px;
		}
	}

	@media (max-width: 782px) {
		.wp-block-columns {
			gap: 16px !important;
		}

		.wp-block-columns:first-of-type:not(.is-not-stacked-on-mobile) > .wp-block-column[style='flex-basis:20%'] {
			order: 2;
		}

		.wp-block-columns:first-of-type:not(.is-not-stacked-on-mobile) > .wp-block-column[style='flex-basis:30%'] {
			order: 1;
		}

		.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style='flex-basis:20%'] {
			flex-basis: calc(33.3% - 8px) !important;
			flex-grow: 0 !important;
			width: calc(33.3% - 8px) !important;

			.hero-image-changer {
				aspect-ratio: 3 / 4;
			}
		}

		.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style='flex-basis:30%'] {
			flex-basis: calc(66.6% - 8px) !important;
			flex-grow: 0 !important;
			width: calc(66.6% - 8px) !important;

			.hero-image-changer {
				aspect-ratio: auto;
				height: 100%;
			}
		}

		.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style='flex-basis:40%'].middle-column {
			display: none !important;
		}

		.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style='flex-basis:40%']:not(.middle-column) {
			flex-basis: calc(66.6% - 8px) !important;
			flex-grow: 0 !important;
			width: calc(66.6% - 8px) !important;
		}

		.wp-block-cover {
			min-height: 0;
			aspect-ratio: 16 / 9;

			p {
				font-size: clamp(16px, 3vw, 22px) !important;
			}
		}
	}
}