html {
	font-size: 50%;
	position: fixed;
	top: 0;
	height: 100%;
}

@media screen and (min-width: 1200px) {
	html {
		font-size: 62.5%;
	}
}

body {
	color: #333;
	background-color: var(--color-burgeins-4);
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
	
	position: relative;
	width: 100vw;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	align-items: stretch;
	hyphens: auto;
	
	font-family: var(--font-family-primary), serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.6rem;
}

a, a:link, a:visited, a:focus, a:hover, a:active {
	color: unset;
	text-decoration: none;
}

label {
	display: block;
}

input, button, select, textarea {
	font-family: inherit;
	font-size: inherit;
	-webkit-padding: 0.4em 0;
	padding: 0.4em;
	margin: 0 0 0.5em 0;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 2px;
}

input:disabled {
	color: #ccc;
}

button {
	color: #333;
	background-color: #f4f4f4;
	outline: none;
}

button:disabled {
	color: #999;
}

button:not(:disabled):active {
	background-color: #ddd;
}

button:focus {
	border-color: #666;
}

* {
	box-sizing: border-box;
}

blockquote, body, div, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hr, html, iframe, label, legend, li, nav, object, ol, p, section, table, ul {
	margin: 0;
	padding: 0;
}

input, textarea {
	-webkit-appearance: none;
}

div {
	display: block;
}

div.meta {
	display: none;
}

.show_title--false {
	display: none;
}

[class*=" be-"],
[class^=be-] {
	font-family: be-knights !important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.pixels .pixels-message {
	position: absolute;
	display: table;
	left: 15%;
	top: 50%;
	transform: translateY(-50%);
	max-width: 70%;
	font-size: 9vw;
	display: flex;
	flex-direction: row;
	width: 100%;
	gap: .1em;
}

@media screen and (min-width: 800px) {
	.pixels .pixels-message {
		left: 10%;
		max-width: 80%;
		gap: .2em;
	}
}

@media screen and (min-width: 1200px) {
	.pixels .pixels-message {
		left: 5%;
		max-width: 90%;
	}
}

.pixels .pixels-message > div {
	display: table-cell;
	vertical-align: top;
	padding-right: .2em;
	width: fit-content;
	aspect-ratio: 1;
	height: 9vw;
}

.pixels .pixels-message > div:first-of-type {
	height: 0.6em;
	margin-top: 0.2em;
}

@media screen and (min-width: 610px) {
	.pixels .pixels-message > div:first-of-type {
		height: 9vw;
		margin-top: unset;
	}
}
.pixels .pixels-message > div:last-of-type {
	flex: 1;
}

.pixels .pixels-message.fixed {
	z-index: 10000
}

.pixels .pixels-message.trail .burg-logo-slogan {
	color: #fff;
	font-family: expresswaybold, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: .7em;
	letter-spacing: -.07em;
	line-height: 1.2em;
	cursor: pointer;
	display: block;
	-webkit-transform: scaleX(.92);
	-moz-transform: scaleX(.92);
	-ms-transform: scaleX(.92);
	-o-transform: scaleX(.92);
	transform: scaleX(.92);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.pixels .pixels-message .green,
.pixels .pixels-message b {
	color: #1c481e !important;
	letter-spacing: -.091em;
}

.pixels .pixels-message .transparent {
	color: transparent !important
}

.pixels .pixels-message .transparent span:before {
	color: transparent !important
}

.pixels .pixels-message.fixed.final {
	font-size: 32px;
	cursor: pointer;
	left: 2%
}

@media (max-width: 610px) {
	.pixels .pixels-message.trail .burg-logo-slogan {
		font-size: .4em;
	}
}

@media (min-width: 1200px) {
	.pixels .pixels-message.trail .burg-logo-slogan {
		font-size: 108px;
	}
}

.be-signet {
	position: relative;
	line-height: 1em;
	height: 100%;
	display: block;
	font-size: .6em;
	margin-top: -0.3em;
}

@media (min-width: 610px) {
	.be-signet {
		font-size: unset;
		margin-top: unset;
	}
}

.be-signet span[class^=" path"],
.be-signet span[class^=path] {
	position: absolute;
	float: left
}

.trail .be-signet span[class^=" path1"],
.trail .be-signet span[class^=path1] {
	position: absolute;
	float: left;
}

.be-signet .path1,
.be-signet .path2 {
	top: 50%;
	transform: translateY(-50%);
}

@media (min-width: 1200px) {
	.be-signet .path1,
	.be-signet .path2 {
		top: calc(108px / 3 * 2);
	}
}

.be-signet .path1:before {
	content: "\e90a";
}

.be-signet .path2:before {
	content: "\e90b";
	color: #fff
}

/*own*/
.pixels canvas {
	margin-bottom: -20px;
}

.logowall [style*="--def_scale"] div {
	transform: scale(var(--def_scale));
}

/* zoom images which are linked */
a img, .commercial {
	transition: scale .5s ease-in-out;
}

@media (min-width: 600px) {
	.image_gallery a img {
		cursor: pointer;
		scale: 1.03;
	}
	.image_gallery a:hover img {
		scale: 1;
	}
}

.special_page-legal p a {
	font-size: 1.8rem;
	line-height: 3rem;
}

@media (min-width: 900px) {
	.special_page-legal p a {
		font-size: 2.5rem;
		line-height: 4rem;
	}
}

p[wrapedlastwords],
li[wrapedlastwords] {
	text-align: justify;
}

p[wrapedlastwords] > span,
li[wrapedlastwords] > span {
	white-space: nowrap;
}


.playbutton, .pausebutton, .audiobutton {
	display: block;
	height: var(--playbutton-size-medium);
	max-height: 50%;
	width: var(--playbutton-size-medium);
	max-width: 50%;
	aspect-ratio: 1;
	background-size: var(--playbutton-size-medium) var(--playbutton-size-medium);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	border: none;
	background-color: transparent;
	margin: 0;
	padding: 0;
	z-index: 10;
}

.playbutton {
	background-image: url("../img/icons/IconPlay.svg");
	pointer-events: none;
}

.audiobutton {
	background-image: url("../img/icons/IconAudioSpeaker.webp");
}

.pausebutton {
	background-image: url("../img/icons/IconPause.webp");
}

.commercial .greyOverlay {
	position: absolute;
	left: 0;
	top: 0;
	transition: background-color .2s;
	pointer-events: none;
	z-index: 5;
}
.playing .greyOverlay {
	display: none;
}