.container {
	padding: var(--container-padding) 0;
}

	.container.container-backgroundcolor-white {
		background: var(--color-white);
	}

.contentblock + .contentblock {
	margin-top: 40px;
}

	.contentblock-headline + .contentblock-text,
	.contentblock-headline + .contentblock-image {
		margin-top: 1em;
	}

	.contentblock + .contentblock-headline {
		margin-top: 60px;
	}

	.contentblock-multicolumn + .contentblock-multicolumn {
		margin-top: 30px;
	}

.contentblock-spacer {
	height: 1px;
}

.contentblock-list {

}

	.contentblock-list-elements {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
	}

		.contentblock-list-elements-2 {
			grid-template-columns: repeat(2, 1fr);
		}

		.contentblock-list .contentblock-list-element {
		}

			.contentblock-style-boxes .contentblock-list-element {
				background: var(--color-white);
				overflow: hidden;
				padding-bottom: 20px;
				border-radius: 5px;
			}

			.contentblock-style-boxes a {
				color: inherit;
				text-decoration: none;
				display: block;
			}

				.contentblock-style-boxes a:hover {
					color: inherit;
					text-decoration: none;
					display: block;
					background: var(--color-grey-light);
					box-shadow: 0 0 20px rgba(0,0,0,.2);
				}

	.contentblock-style-boxes .contentblock-image img {
		margin-left: auto;
		margin-right: auto;
	}

	@media ( max-width: 1040px ) {

		.contentblock-list-elements {
			grid-template-columns: repeat(2, 1fr);
			gap: 20px;
		}

	}

	@media ( max-width: 640px ) {

		.contentblock-list-elements,
		.contentblack-list-elements-2 {
			grid-template-columns: 1fr;
		}

	}

.multicolumn-columns {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	column-gap: 30px;
	row-gap: 40px;
}

	.multicolumn-columns .contentblock-text {
		font-size: var(--font-default-size-small);
	}

	.multicolumn-columns .multicolumn-column {
		flex: 1 1 0;
	}

	@media ( max-width: 1040px ) {

		.multicolumn-columns {
			flex-wrap: wrap;
		}

		/* TODO: this is a temporary fix */
		.multicolumn-columns .multicolumn-column {
			flex: 1 1 100%;
			width: 100%;
		}

		.multicolumn-columns .multicolumn-column.multicolumn-column-empty {
			display: none;
		}

	}

.contentblock-headline {
	padding: 10px 0;
}

	.contentblock-headline:not(:has(h4)) {
		background: var(--color-main);
	}

		.container > .contentblock-headline:first-child:not(:has(h4)) {
			margin-top: calc(-1 * var(--container-padding));
			margin-bottom: 60px;
		}

	.contentblock-headline .headline-content {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.contentblock-headline img {
		display: inline-block;
		width: auto;
		height: 1.3em;
		margin-right: 7px;
		vertical-align: middle;
	}

	.contentblock-headline .text {
		display: inline-block;
	}