@font-face {
	font-display: swap;
	font-family: "ABC Diatype";
	font-style: normal;
	font-weight: 100 900;
	src: url("../fonts/ABCDiatypeVariable.ttf") format("truetype");
}

.ol-site--akademie {
	--ol-nav-letter-spacing: -0.02em;
}

body {
	font-family: "ABC Diatype", Arial, Helvetica, sans-serif;
}

.ol-brand-primary,
.ol-brand-secondary,
.ol-header-brand__primary,
.ol-header-brand__secondary,
.ol-event-card__title,
.ol-main-footer__link,
.ol-program-heading,
.ol-primary-nav a,
.ol-space-item__caption {
	font-family: "ABC Diatype", Arial, Helvetica, sans-serif;
	letter-spacing: -0.02em;
}

.ol-header-brand__primary,
.ol-header-brand__secondary {
	letter-spacing: -0.04em;
}

@media (max-width: 900px) {
	body.ol-site--akademie .ol-site-header__brand {
		max-width: none;
	}

	body.ol-site--akademie .ol-header-brand__primary {
		font-size: var(--ol-nav-size);
	}

	body.ol-site--akademie .ol-header-brand__secondary {
		font-size: 19.5px;
	}

	:where(.ol-site--akademie) .ol-nav-list a,
	:where(.ol-site--akademie) .ol-primary-nav a,
	:where(.ol-site--akademie) .ol-space-item__caption,
	:where(.ol-site--akademie) .ol-mobile-lightbox__close,
	:where(.ol-site--akademie) .ol-space-detail__back,
	:where(.ol-site--akademie) .ol-space-detail__next,
	:where(.ol-site--akademie) .ol-space-detail__action,
	:where(.ol-site--akademie) .ol-event-card__title,
	:where(.ol-site--akademie) .ol-main-footer__link {
		font-weight: 400;
		letter-spacing: var(--ol-nav-letter-spacing);
	}

	.ol-site--akademie .ol-header-brand__primary,
	.ol-site--akademie .ol-header-brand__secondary {
		letter-spacing: -0.04em;
	}

	.ol-site--akademie {
		--ol-nav-size: 27px;
		--ol-nav-letter-spacing: -0.04em;
		--ol-contact-heading-size: var(--ol-nav-size);
	}

	.ol-site--akademie .ol-program-heading,
	.ol-site--akademie .ol-space-detail .ol-program-heading {
		font-weight: 400;
		letter-spacing: var(--ol-nav-letter-spacing);
		line-height: 1.05;
		overflow-wrap: anywhere;
	}
}

@media (min-width: 375px) and (max-width: 900px) {
	.ol-site--akademie {
		--ol-nav-size: 32px;
	}

	body.ol-site--akademie .ol-header-brand__secondary {
		font-size: 23px;
	}
}

@media (min-width: 480px) and (max-width: 900px) {
	.ol-site--akademie {
		--ol-nav-size: 38px;
	}

	body.ol-site--akademie .ol-header-brand__secondary {
		font-size: 28px;
	}
}