.homepage .stage {
	margin-top: calc(-1 * var(--header-height) - var(--spacing));
}

	.homepage .stage .stage-image {
		position: relative;
	}
	
		.homepage .stage .stage-image img {
			width: 100%;
		}

		.homepage .stage .stage-image-description {
			position: absolute;
			right: 0;
			bottom: 0;
			font-size: 0.7em;
			z-index: 20;
			background: var(--color-white);
			color: var(--color-black);
			padding: 5px 10px;
		}

		.homepage .stage .stage-text {
			width: calc(50% - 10px);
			background: var(--color-white);
			margin-top: -300px;
			position: relative;
			z-index: 10;
			margin-left: calc(-1 * var(--spacing));
			padding: var(--spacing);
			font-size: 0.9em;
		}

			.homepage .stage .stage-text .page-title {
				display: block;
				margin: 0.2em 0 0.6em;
			}
			
				.homepage .stage .stage-text:hover .page-title {
					color: var(--color-highlight);
				}
			
			.homepage .stage .stage-text .stage-meta {
				position: relative;
				z-index: 10;
			}
			
				.homepage .stage .stage-text .stage-meta a,
				.homepage .stage .stage-text .stage-permalink {
					color: var(--color-text);
				}
				
					.homepage .stage .stage-text .stage-meta a:hover,
					.homepage .stage .stage-text:hover .stage-permalink {
						color: var(--color-highlight);
					}

			.homepage .stage .stage-text .stage-permalink:after {
				content: "";
				display: block;
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				z-index: 5;
			}

.homepage .homepage-articlelist-two-columns {
	margin: calc(2 * var(--spacing)) 0;
}

	.homepage .homepage-articlelist-two-columns .article-teaser .article-teaser-headline {
		margin-top: 0.5em;
	}

	.homepage .homepage-articlelist-two-columns .column-2 {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
	}

		.homepage .homepage-articlelist-two-columns .column-2 .article-teaser {
			width: calc(50% - 20px);
		}
		
			.homepage .homepage-articlelist-two-columns .column-2 .article-teaser:nth-child(2) {
				margin-top: 0;
			}

.homepage .home-teaser-categories {
	margin: calc(2 * var(--spacing)) 0;
}

	.homepage .home-teaser-categories-list {
		display: flex;
		justify-content: space-between;
		align-items: stretch;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

		.home-teaser-categories .home-teaser-category {
			flex: 1 1 0;
			box-sizing: border-box;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			padding: 20px 0;
		}
		
			.home-teaser-categories .home-teaser-category + .home-teaser-category {
				border-left: 1px solid var(--color-text);
				padding-left: 20px;
				margin-left: 20px;
			}

			.home-teaser-categories .home-teaser-category .home-teaser-category-button {
				display: block;
				margin-top: 1em;
			}

.homepage .articlelist-small {
	margin: calc(2 * var(--spacing)) 0;
}

	.homepage .articlelist-small .width {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
	}

	.homepage .articlelist-small .article-teaser {
		width: calc(25% - 20px);
		margin-top: var(--spacing);
	}
	
		.homepage .articlelist-small .article-teaser.empty {
			margin: 0;
		}

@media ( max-width: 980px ) {

	.homepage .stage .stage-text {
		width: 100%;
		margin: 0;
		padding: 20px 0;
	}

	.homepage .homepage-articlelist-two-columns,
	.homepage .home-teaser-categories {
		margin: var(--spacing) 0;
	}

}

@media ( max-width: 840px ) {

	.homepage .homepage-articlelist-two-columns .column {
		width: 100%;
	}
	
		.homepage .homepage-articlelist-two-columns .column + .column {
			margin-top: var(--spacing);
		}

	.homepage .articlelist-small .article-teaser {
		width: calc(50% - 20px);
	}

	.homepage .home-teaser-categories-list {
		display: none;
	}

	.home-teaser-categories .home-teaser-category {
		flex: unset;
		width: calc(50% - 20px);
		box-sizing: border-box;
		margin-left: 0 !important;
		padding-left: 0;
	}
	
		.home-teaser-categories .home-teaser-category:nth-child(3) {
			border-left: 0;
			margin-left: 0;
			padding-left: 0;
		}

		.home-teaser-categories .home-teaser-category:nth-child(1),
		.home-teaser-categories .home-teaser-category:nth-child(3) {
			padding-right: 20px;
		}

		.home-teaser-categories .home-teaser-category:nth-child(2),
		.home-teaser-categories .home-teaser-category:nth-child(4) {
			width: calc(50% + 20px);
		}

		.home-teaser-categories .home-teaser-category:nth-child(3),
		.home-teaser-categories .home-teaser-category:nth-child(4) {
			margin-top: 20px;
		}

}

@media ( max-width: 640px ) {

	.homepage .stage {
		margin-top: calc(-1 * var(--spacing));
	}

	.homepage .homepage-articlelist-two-columns .column-2 .article-teaser {
		width: 100%;
	}

	.homepage .homepage-articlelist-two-columns .column-2 .article-teaser:nth-child(2) {
		margin-top: var(--spacing);
	}

	.homepage .articlelist-small {
		margin: var(--spacing) 0;
	}

}

@media ( max-width: 480px ) {

	.homepage .home-teaser-categories {
		margin: 0 0 var(--spacing);
	}

	.home-teaser-categories .home-teaser-category {
		width: 100% !important;
		border: 0 !important;
		padding: 0 !important;
		margin: var(--spacing) 0 0 !important;
	}

}