:root {
	--burg-root-size: 40px;
	--burg-color-link: rgb(111, 79, 255);
	--burg-gap-xs: calc(0.125 * var(--burg-root-size));
	--burg-gap-s: calc(0.25 * var(--burg-root-size));
	--burg-gap-m: calc(0.5 * var(--burg-root-size));
	--burg-gap-l: calc(1 * var(--burg-root-size));
	--burg-gap-xl: calc(1.5 * var(--burg-root-size));
	--burg-gap-xxl: calc(3 * var(--burg-root-size));
	--burg-font-size: calc(0.4 * var(--burg-root-size));
	--burg-line-height-text: 1.25;
	--burg-line-height-brief: 1.1;
}

@font-face {
	font-family: "burggrotesk-mono";
	src: url("../Fonts/burg/burggroteskmono-regular.woff2") format("woff2"),
	url("../Fonts/burg/burggroteskmono-regular.woff") format("woff"),
	url("../Fonts/burg/BurgGroteskMono-Regular.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "burggrotesk-mono";
	src: url("../Fonts/burg/burggroteskmono-italic-webfont.woff2") format("woff2"),
	url("../Fonts/burg/burggroteskmono-italic-webfont.woff") format("woff");
	font-weight: normal;
	font-style: italic;
}

/*
@font-face {
	font-family: "heinz-vf-220315-2";
	src: url("../Fonts/heinz-220315-2/Heinz-Var.ttf") format("truetype");
	font-weight: 125 950;
	font-style: normal;
	font-variation-settings: "wght" 100;
}
*/

@font-face {
	font-family: "friedl-beta1-240227-vf";
	src:
		url("../Fonts/friedl-240227/Friedl-Beta1_240227-VF.woff2") format("woff2"),
		url("../Fonts/friedl-240227/Friedl-Beta1_240227-VF.ttf") format("truetype");
	font-weight: 125 950;
	font-style: normal;
	font-variation-settings: "wght" 100;
}

.ck.ck-content {
	font-family: "friedl-beta1-240227-vf", "Helvetica", Arial, sans-serif;
	font-size: var(--burg-font-size);
	padding: 1em !important;
}

.ck.ck-content > * {
	width: 100%;
	max-width: calc(15 * var(--burg-root-size));
}


@media only screen and (min-width: 813px) {
	/* Override for layout 4 (= 2 columns) */
	.typo3-TCEforms:has(select[name^="data[tt_content]["][name$="][layout]"] option[value="4"][selected]) .ck.ck-content {
		columns: 2;
	}
}

/* Override for column 150 (= essentials) */
.typo3-TCEforms:has(select[name^="data[tt_content]["][name$="][colPos]"] option[value="150"][selected]) .ck.ck-content {
	/* TODO? */
}

.ck.ck-content p,
.ck.ck-content ul,
.ck.ck-content ol {
	break-inside: avoid-column;
}

.ck.ck-content ul {
	padding-left: 0;
	margin: 0;
	list-style: none;
}

.ck.ck-content ul ul li {
	padding: 0 calc(0.5 * var(--burg-root-size)) 0 0;
}

.ck.ck-content a {
	color: inherit;
	text-decoration: none;
	cursor: pointer;
	transition: font-variation-settings 0.2s ease;
	font-variation-settings: "wght" 400 !important;
}

.ck.ck-content a:hover,
.ck.ck-content a:active,
.ck.ck-content a:focus {
	font-variation-settings: "wght" 900 !important;
}


.ck.ck-content p,
.ck.ck-content figcaption,
.ck.ck-content h2,
.ck.ck-content h3,
.ck.ck-content h4,
.ck.ck-content ul,
.ck.ck-content li {
	line-height: var(--burg-line-height-text);
	margin: calc(var(--burg-font-size) * var(--burg-line-height-text)) 0;
}

.ck.ck-content ul {
	margin: calc(var(--burg-font-size) * var(--burg-line-height-text) * 1.5) 0;
}

.ck.ck-content h4 + ul {
	margin-top: calc(var(--burg-font-size) * var(--burg-line-height-text));
}

.ck.ck-content strong {
	font-style: normal !important;
	font-variation-settings: "wght" 900 !important;
}

.ck.ck-content strong,
.ck.ck-content em {
	font-style: italic !important;
}

.ck.ck-content li {
	margin: calc(var(--burg-font-size) * var(--burg-line-height-text) * 0.5) 0;
}

.ck.ck-content h3,
.ck.ck-content h4,
.ck.ck-content h5,
.ck.ck-content h6 {
	margin-top: calc(var(--burg-font-size) * var(--burg-line-height-text) * 1.5);
	padding-left: var(--burg-gap-m);
}

.ck.ck-content p a,
.ck.ck-content li a,
.ck.ck-content a:link {
	text-decoration: none;
	color: var(--burg-color-link);
}

.ck.ck-content ul:not([class]) li,
.ck.ck-content ul.bullet-list li {
	display: block;
	position: relative;

	line-height: 1.25;
	text-indent: 0;
	padding-left: calc(0.5 * var(--burg-root-size));
}

.ck.ck-content h4:before,
.ck.ck-content ul:not([class]) li:before,
.ck.ck-content ul.bullet-list li:before {
	content: "⬤";

	display: inline-block;
	height: 0.78em;
	width: 0.78em;

	position: absolute;
	top: 0.11em;
	left: 0;

	font-family: Arial, sans-serif;
	color: transparent;
	border-radius: 50%;
	border: 1px solid black;
}

.ck.ck-content h4:before {
	background: black;
}

.ck.ck-content ul:not([class]) li:before,
.ck.ck-content ul.bullet-list li:before {
	background: transparent;
}

.ck.ck-content ul:not([class]) li:before,
.ck.ck-content ul.bullet-list li:before {
	position: absolute;
	left: 0;
	top: 0.1em;
	margin-right: 0.4em;
}

.ck.ck-content ul:not([class]) h4 + li,
.ck.ck-content ul.bullet-list h4 + li,
.ck.ck-content ul:not([class]) li + li,
.ck.ck-content ul.bullet-list li + li {
	margin-top: 0.275em;
}

.ck.ck-content ul:not([class]) h4,
.ck.ck-content ul.bullet-list h4 {
	padding-left: calc(0.5 * var(--burg-root-size));
	margin-bottom: 0.275em;
}

.ck.ck-content ul:not([class]) h4:before,
.ck.ck-content ul.bullet-list h4:before {
	display: none;
}

.ck.ck-content p + ul:not([class]),
.ck.ck-content ul:not([class]) + p,
.ck.ck-content p + ul.bullet-list,
.ck.ck-content ul.bullet-list + p {
	margin-top: 0.275em;
}

.ck.ck-content h4 {
	font-family: "burggrotesk-mono", "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
	font-weight: 550;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: calc(0.235 * var(--burg-root-size));
	word-spacing: -0.35em;

	position: relative;
	line-height: 1.25;

	display: block;
	padding-left: calc(0.35 * var(--burg-root-size));

	break-after: avoid-column;
	break-inside: avoid;
}

.ck.ck-content h4:before {
	height: 0.6em;
	width: 0.6em;
	top: 0.25em;
	left: 0.1em;
}

.ck.ck-content h4 a:hover,
.ck.ck-content h4 a:active,
.ck.ck-content h4 a:focus {
	color: var(--burg-color-link);
}

.ck.ck-content h4 a:hover svg path,
.ck.ck-content h4 a:active svg path,
.ck.ck-content h4 a:focus svg path,
.ck.ck-content h4 a:hover svg circle,
.ck.ck-content h4 a:active svg circle,
.ck.ck-content h4 a:focus svg circle {
	stroke: var(--burg-color-link);
}

.ck.ck-content p:first-child,
.ck.ck-content h2:first-child,
.ck.ck-content h3:first-child,
.ck.ck-content h4:first-child,
.ck.ck-content ul:first-child,
.ck.ck-content li:first-child {
	margin-top: 0;
}

.ck.ck-content ul.two-col-section {
	column-gap: calc(0.3 * var(--burg-root-size));
}

.ck.ck-content .two-col-section {
	margin: calc(var(--font-size) * var(--line-height-text) * 2) auto;
}

@media only screen and (min-width: 813px) {
	.ck.ck-content .two-col-section {
		column-count: 2;
		column-gap: var(--gap-m);
	}
}


.ck.ck-content .two-col-section img {
	margin: 0;
}

.ck.ck-content .two-col-section h4 {
	margin-bottom: calc(var(--font-size) * var(--line-height-text) / 2);
}

.ck.ck-content .two-col-section h4 + p {
	margin-top: calc(var(--font-size) * var(--line-height-text) / 2);
}

.ck.ck-content .two-col-section > div {
	-webkit-break-inside: avoid;
	break-inside: avoid;
	margin-bottom: calc(var(--font-size) * var(--line-height-text));
}

.ck.ck-content .two-col-section > div:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
}

.ck.ck-content .two-col-section ul {
	margin-bottom: calc(0.4 * var(--burg-root-size));
}

.ck.ck-content .two-col-section li {
	break-inside: avoid;
}