.contentblock {
}

	.contentblock + .contentblock {
		margin-top: var(--spacing);
	}

.contentblock-multicolumn {
}

	.contentblock-multicolumn .columns {
		display: flex;
		gap: var(--spacing);
	}
	
		.contentblock-multicolumn .columns .column {
			flex: 1;
		}

	@media ( max-width: 840px ) {

		.contentblock-multicolumn .columns {
			display: block;
		}

		.contentblock-multicolumn .columns .column + .column {
			margin-top: 1em;
		}

	}

.contentblock-linklist {
}

	.linklist {
		font-size: 1.15em;
		font-weight: var(--font-default-weight-semibold);
	}

		.linklist li + li {
			margin-top: 10px;
		}

		.linklist li {
			display: block;
			padding-left: 30px;
			position: relative;
		}

			.linklist li:before {
				content: "";
				position: absolute;
				left: 0;
				top: 50%;
				width: 26px;
				height: 26px;
				margin-top: -15px;
				background: var(--color-text);
				mask: url(../img/icons/arrow-right.svg) no-repeat left center / contain;
			}

		.linklist a:hover {
			color: var(--color-highlight);
		}

.contentblock-spacer {
	margin: 0 !important;
}

	.spacer {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}

		.spacer.spacer-quarter {
			height: var(--spacing-quarter);
		}

		.spacer.spacer-half {
			height: var(--spacing-half);
		}

		.spacer.spacer-single {
			height: var(--spacing);
		}

		.spacer.spacer-double {
			height: var(--spacing-double);
		}

		.spacer.spacer-tripple {
			height: var(--spacing-tripple);
		}

.contentblock-slideshow {
	overflow: hidden;
}

.contentblock-events {
}

	.contentblock-toggle-group + .contentblock-events,
	.contentblock-events + .contentblock-toggle-group {
		margin-top: 0;
	}

	.contentblock-events .events__register {
	}

		.contentblock-events .count {
			float: right;
			padding-right: 10px;
			font-weight: var(--font-default-weight);
		}

		.contentblock-events .events__register__fields {
			display: flex;
			flex-wrap: wrap;
			--gap: 30px;
			gap: 10px var(--gap);
		}

			.contentblock-events .events__register__fields input {
				width: 100%;
			}

			.contentblock-events .events__register__fields label {
				flex-basis: 100%;
				flex-grow: 1;
				flex-shrink: 1;
			}
			
				.contentblock-events .events__register__fields label.half {
					flex-basis: calc(50% - var(--spacing) / 2 );
				}

				.contentblock-events .events__register__fields label .label__text {
					display: block;
					font-size: 0.8em;
				}

		.contentblock-events .events__register .infobox {
			margin-top: 1em;
			border: 1px solid var(--color-text);
			padding: var(--spacing-half);
		}

	.contentblock-events .event {
		display: block;
		padding: 20px 30px 20px 0;
		border-top: 2px solid var(--color-black);
		position: relative;
		color: inherit;
		text-decoration: none;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		padding-right: 40px;
	}

		.contentblock-events .event__link:after {
			content: "";
			display: block;
			width: 20px;
			height: 20px;
			margin-top: -10px;
			top: 50%;
			right: 0;
			position: absolute;
			pointer-events: none;
			z-index: 4;
			background: var(--color-text);
			mask: url(../img/icons/arrow-right.svg) no-repeat right center / contain;
		}

		.contentblock-events .event__link:hover {
			color: var(--color-highlight-alternate);
		}

		.contentblock-events .event__title {
			font-weight: var(--font-default-weight-bold);
			margin-right: 1em;
			width: 35%;
		}
		.contentblock-events .event__date {
			width: 65%;
		}

	@media ( max-width: 840px ) {

		.contentblock-events .event {
			display: block;
		}

		.contentblock-events .event__title,
		.contentblock-events .event__date {
			display: block;
			width: 100%;
		}

		.contentblock-events .count {
			float: none;
			display: block;
		}

	}

.contentblock-audio {
}

	.contentblock-audio audio {
		display: block;
		width: 100%;
	}

.contentblock-video {
}

	.contentblock-video .embed-container { 
		position: relative; 
		padding-bottom: 56.25%;
		overflow: hidden;
		max-width: 100%;
		height: auto;
	} 

		.contentblock-video .embed-container iframe,
		.contentblock-video .embed-container object,
		.contentblock-video .embed-container embed { 
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}