@import url('http://fonts.googleapis.com/css?family=Poppins:400,100,100italic,200,200italic,300,300italic,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic');
:root {
	--gap: 10px;
	--active-color: var(--akzentFarbe, #e74c3c);
	--hover-color: var(--linkFarbe, #3498db);
	--schriftart: "Poppins", sans-serif;
	--headlines: "Poppins", sans-serif;
	--p-size: 16px;
	--p-textAurichtung: left;
	--column-textAurichtung: justify;
	--schriftLeicht: 300;
	--schriftMittel: 400;
	--schriftFett: 700;
	--p-mini: 12px;
	--h1-size: 32px;
	--h1-top: 20px;
	--h2-size: 24px;
	--h2-top: 10px;
	--buttonTextSize: 1.0em;
	--tabsHoehe: 40px;
	--saettigungAll: 17%;
	--farbWinkelAkzent: 351;
	--saettigungAkzent: 50%;
	--hauptFarbWinkel: 210;
	--saettigungDunkel: 20%;
	--helligkeitDunkel: 12%;
	--akzentFarbe: hsla(var(--farbWinkelAkzent), 50%, 48%, 1);
	--akzentFarbeDunkel: hsla(var(--farbWinkelAkzent), 50%, 38%, 1);
	--akzentFarbe-2: hsla(var(--hauptFarbWinkel), 70%, 54%, 1);
	--dunkleFarbe: hsla(var(--hauptFarbWinkel), 20%, 12%, 1);
	--helleFarbe: hsla(var(--hauptFarbWinkel), 20%, 90%, 1);
	--dunkleFarbeLicht: hsla(var(--hauptFarbWinkel), 20%, 25%, 1);
	--hintergrundIconFarbe: hsla(var(--hauptFarbWinkel), 20%, 15%, 1);
	--dunkleFarbe-2: hsla(var(--hauptFarbWinkel), 20%, 16%, 1);
	--scrollBalken: hsla(var(--hauptFarbWinkel), 20%, 10%, 1);
	--scrollButton: hsla(var(--hauptFarbWinkel), 20%, 20%, 1);
	--scrollBalkenBreite: 10px;
	--shadowOpacity: 0.2;
	--boxShadow: 0 4px 6px hsla(var(--hauptFarbWinkel), 0%, 0%, var(--shadowOpacity));
	--borderTop: 0.5px solid hsla(var(--hauptFarbWinkel), 0%, 100%, 0.07);
	--borderBottom: 0.5px solid hsla(var(--hauptFarbWinkel), 0%, 0%, 0.4);
	--particle-color: rgba(255, 255, 255, 0.75);
	--particle-size-min: 0.25px;
	--particle-size-max: 0.5px;
	/*hsl(210, 20%, 25%)*/
	/*hsl(210, 20%, 15%) #1f262e Big Icon*/
	/*#181f25;*/
	/*#33404d*/
	/*#2b3640*/
}

body {
	margin: 0;
	padding: 0;
	font-family: var(--schriftart);
	background-color: var(--dunkleFarbe-2);
	color: var(--helleFarbe);
	height: 100%;
	overflow: hidden;
}

*,
:after,
:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

::selection {
	background-color: var(--akzentFarbe-2);
	color: var(--helleFarbe);
}


/*=== Extras ===*/

.item1,
.item2,
.item3,
.item4,
.item5,
.tabs button {
	border-top: var(--borderTop);
	border-bottom: var(--borderBottom);
	border-left: var(--borderTop);
	border-right: var(--borderBottom);
}


/*=== scrollbar ===*/

::-webkit-scrollbar {
	width: var(--scrollBalkenBreite);
}

::-webkit-scrollbar-track {
	background: var(--scrollBalken);
}

::-webkit-scrollbar-thumb {
	background: var(--scrollButton);
}

::-webkit-scrollbar-thumb:hover {
	background: var(--helleFarbe);
}


/*=== scrollbar end ===*/

.container {
	padding: 0px 0px 0px 0px;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 100%;
	box-sizing: border-box;
	scroll-behavior: smooth;
}


/*=== particle ===*/

.particle {
	top: 0;
	pointer-events: none;
	z-index: 2;
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: none;
}

canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-filter: drop-shadow(rgba(0, 0, 0, 0.15) 0px 10px 4px);
	filter: drop-shadow(rgba(0, 0, 0, 0.15) 0px 10px 4px);
}


/*=== particle end ===*/

.columns,
p {
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	-webkit-hyphenate-limit-before: 2;
	-webkit-hyphenate-limit-after: 3;
	-ms-hyphenate-limit-chars: 14 2 3;
	hyphenate-limit-chars: 14 2 3;
	clear: both;
	color: var(--helleFarbe);
	line-height: 1.4em;
	font-family: var(--schriftart);
	font-size: var(--p-size);
	font-weight: var(--schriftLeicht);
	font-kerning: auto;
	text-rendering: geometricPrecision;
	height: auto;
	letter-spacing: .005em;
	overflow-wrap: break-word;
	overflow-y: auto;
	width: 100%;
	word-spacing: -1px;
	word-wrap: break-word;
	padding: 0px 0px calc(var(--gap) * 2) var(--gap);
}

.columns {
	columns: 3;
	column-gap: calc(var(--gap) * 3);
	text-align: var(--column-textAurichtung);
}

p {
	font-family: var(--schriftart);
	font-size: var(--p-size);
	text-align: var(--p-textAurichtung);
}

a {
	text-decoration: none;
	color: var(--akzentFarbe-2);
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

a:hover {
	text-decoration: none;
	color: var(--akzentFarbe);
}

b {
	color: var(--helleFarbe);
	font-weight: var(--schriftFett);
}

h1,
h2 {
	color: var(--helleFarbe);
	font-family: var(--headlines);
	font-weight: var(--schriftFett);
	text-align: left;
	letter-spacing: .01em;
	line-height: 1.2em;
}

h1 {
	font-size: var(--h1-size);
	padding: var(--h1-top) calc(var(--gap) * 3) calc(var(--gap) * 2) calc(var(--gap) * 4);
}

h2 {
	padding: var(--h2-top) calc(var(--gap) * 3) calc(var(--gap) * 2) var(--gap);
}

h2.leicht {
	color: var(--helleFarbe);
	font-family: var(--headlines);
	font-weight: var(--schriftLeicht);
	text-align: left;
	letter-spacing: .01em;
	line-height: 1.2em;
}

h2.leicht {
	font-size: var(--h2-size);
	padding: var(--h2-top) calc(var(--gap) * 3) calc(var(--gap) * 2) var(--gap);
}

@keyframes slide-in-right {
	0% {
		transform: translateX(1000px);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}


/*=== tabs ===*/

.tabs {
	z-index: 3;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	background: var(--dunkleFarbe);
	padding: 0px 0;
	/*border-bottom: 1px solid var(--dunkleFarbe);
	-webkit-box-shadow: var(--boxShadow);
	box-shadow: var(--boxShadow);*/
	position: relative;
}

.tabs button:hover {
	background: var(--dunkleFarbeLicht);
}

.tabs button:active {
	background: var(--dunkleFarbe);
}

.tabs button.active {
	background: var(--akzentFarbe-2);
}

.tabs button {
	font-family: var(--schriftart);
	font-size: var(--buttonTextSize);
	color: var(--helleFarbe);
	font-weight: var(--schriftMittel);
	line-height: 1.8em;
	width: 100%;
	height: var(--tabsHoehe);
	background: none;
	padding: 6px calc(var(--gap) * 2) 8px calc(var(--gap) * 2);
	cursor: pointer;
}

button .buttontext {
	height: 32px;
}

.button1 span::before,
.button2 span::before,
.button3 span::before,
.button4 span::before {
	position: static;
	vertical-align: middle;
	display: inline-block;
	z-index: 10;
	height: 20px;
	margin: -2px 4px 0 4px;
	width: 20px;
}


/*home*/

.button1 span::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M16,3.5C9.1,3.5,3.5,9.1,3.5,16S9.1,28.5,16,28.5S28.5,22.9,28.5,16S22.9,3.5,16,3.5z M16,26.5c-5.8,0-10.5-4.7-10.5-10.5S10.2,5.5,16,5.5S26.5,10.2,26.5,16S21.8,26.5,16,26.5z M16,8.5c-4.1,0-7.5,3.4-7.5,7.5c0,1.8,0.6,3.5,1.8,4.8L16,16l5.7,4.8c1.1-1.4,1.8-3.1,1.8-4.8C23.5,11.9,20.1,8.5,16,8.5z'/%3E%3C/svg%3E");
	animation: slide-in 0.8s cubic-bezier(0, .5, .18, 1) 0.0s 1 normal both;
}


/*contact*/

.button2 span::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M16,28.5c6.9,0,12.5-5.6,12.5-12.5S22.9,3.5,16,3.5S3.5,9.1,3.5,16S9.1,28.5,16,28.5z M16,5.5c5.8,0,10.5,4.7,10.5,10.5S21.8,26.5,16,26.5S5.5,21.8,5.5,16S10.2,5.5,16,5.5z M16,23.5c4.1,0,7.5-3.4,7.5-7.5c0-1.8-0.6-3.5-1.8-4.8L16,16l-5.7-4.8c-1.1,1.4-1.8,3.1-1.8,4.8C8.5,20.1,11.9,23.5,16,23.5z'/%3E%3C/svg%3E");
	animation: slide-in 0.8s cubic-bezier(0, .5, .18, 1) 0.0s 1 normal both;
}


/*fonts*/

.button3 span::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M16,3.5C9.1,3.5,3.5,9.1,3.5,16S9.1,28.5,16,28.5S28.5,22.9,28.5,16S22.9,3.5,16,3.5zM16,26.5c-5.8,0-10.5-4.7-10.5-10.5S10.2,5.5,16,5.5S26.5,10.2,26.5,16S21.8,26.5,16,26.5zM16,16.5c2.2,0,4-1.8,4-4s-1.8-4-4-4s-4,1.8-4,4S13.8,16.5,16,16.5zM16,17.5c-2.5,0-4.6,1.1-6.1,2.8c1.4,1.9,3.6,3.2,6.1,3.2s4.7-1.2,6.1-3.2C20.6,18.6,18.5,17.5,16,17.5z'/%3E%3C/svg%3E");
	animation: slide-in 0.8s cubic-bezier(0, .5, .18, 1) 0.0s 1 normal both;
}


/*animation*/

.button4 span::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M16,3.5C9.1,3.5,3.5,9.1,3.5,16S9.1,28.5,16,28.5S28.5,22.9,28.5,16S22.9,3.5,16,3.5zM16,26.5c-5.8,0-10.5-4.7-10.5-10.5S10.2,5.5,16,5.5S26.5,10.2,26.5,16S21.8,26.5,16,26.5zM9.9,11.6C9,12.9,8.5,14.4,8.5,16s0.5,3.1,1.4,4.4c1.5-0.9,2.6-2.5,2.6-4.4S11.4,12.5,9.9,11.6zM22.1,11.6c-1.5,0.9-2.6,2.5-2.6,4.4s1.1,3.5,2.6,4.4c0.9-1.2,1.4-2.7,1.4-4.4S23,12.9,22.1,11.6z'/%3E%3C/svg%3E");
	animation: slide-in 0.8s cubic-bezier(0, .5, .18, 1) 0.0s 1 normal both, spin 2.8s linear 0.1s infinite both;
	;
}

@keyframes slide-in {
	0% {
		transform: translateX(-300px);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes spin {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}

#content-0,
#content-1,
#content-2,
#content-3,
#content-4 {
	height: 100%;
	background-attachment: scroll;
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: center calc(50% - 50px);
}

#content-0 {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%231f262e' d='M16,3.5C9.1,3.5,3.5,9.1,3.5,16S9.1,28.5,16,28.5S28.5,22.9,28.5,16S22.9,3.5,16,3.5z M16,26.5c-5.8,0-10.5-4.7-10.5-10.5S10.2,5.5,16,5.5S26.5,10.2,26.5,16S21.8,26.5,16,26.5z M16,8.5c-4.1,0-7.5,3.4-7.5,7.5c0,1.8,0.6,3.5,1.8,4.8L16,16l5.7,4.8c1.1-1.4,1.8-3.1,1.8-4.8C23.5,11.9,20.1,8.5,16,8.5z'/%3E%3C/svg%3E");
}

#content-1 {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%231f262e' d='M16,28.5c6.9,0,12.5-5.6,12.5-12.5S22.9,3.5,16,3.5S3.5,9.1,3.5,16S9.1,28.5,16,28.5z M16,5.5c5.8,0,10.5,4.7,10.5,10.5S21.8,26.5,16,26.5S5.5,21.8,5.5,16S10.2,5.5,16,5.5z M16,23.5c4.1,0,7.5-3.4,7.5-7.5c0-1.8-0.6-3.5-1.8-4.8L16,16l-5.7-4.8c-1.1,1.4-1.8,3.1-1.8,4.8C8.5,20.1,11.9,23.5,16,23.5z'/%3E%3C/svg%3E");
}

#content-2 {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%231f262e' d='M16,3.5C9.1,3.5,3.5,9.1,3.5,16S9.1,28.5,16,28.5S28.5,22.9,28.5,16S22.9,3.5,16,3.5zM16,26.5c-5.8,0-10.5-4.7-10.5-10.5S10.2,5.5,16,5.5S26.5,10.2,26.5,16S21.8,26.5,16,26.5zM16,16.5c2.2,0,4-1.8,4-4s-1.8-4-4-4s-4,1.8-4,4S13.8,16.5,16,16.5zM16,17.5c-2.5,0-4.6,1.1-6.1,2.8c1.4,1.9,3.6,3.2,6.1,3.2s4.7-1.2,6.1-3.2C20.6,18.6,18.5,17.5,16,17.5z'/%3E%3C/svg%3E");
}

#content-3 {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 108.35 34.99'%3E%3Cpath fill='%232b3640' d='M22.5,4.99c-6.9,0-12.5,5.6-12.5,12.5s5.6,12.5,12.5,12.5S35,24.39,35,17.49S29.4,4.99,22.5,4.99zM22.5,27.99c-5.8,0-10.5-4.7-10.5-10.5s4.7-10.5,10.5-10.5S33,11.69,33,17.49S28.3,27.99,22.5,27.99zM16.4,13.13c-0.88,1.23-1.4,2.73-1.4,4.36s0.52,3.13,1.4,4.36c1.54-0.85,2.6-2.47,2.6-4.36S17.94,13.98,16.4,13.13zM26,17.49c0,1.88,1.06,3.51,2.6,4.36c0.88-1.23,1.4-2.73,1.4-4.36s-0.52-3.13-1.4-4.36C27.06,13.98,26,15.6,26,17.49zM55.47,26.77c-0.16-0.17-0.39-0.28-0.64-0.28c-0.48,0-0.88,0.39-0.88,0.88v1.29c0,0.48,0.39,0.88,0.88,0.88c0.44,0,0.8-0.18,0.81-0.19l0.06-0.03v-4.05h-0.23V26.77zM55.47,29.16c-0.11,0.05-0.36,0.13-0.64,0.13c-0.35,0-0.64-0.29-0.64-0.64v-1.29c0-0.36,0.29-0.64,0.64-0.64s0.64,0.29,0.64,0.64V29.16zM61.46,22.78h1.03v-1.71h-1.03c-0.98,0-1.77-0.79-1.77-1.77v-7.02h2.4v-1.71h-2.4V5.2h-1.71v14.1C57.98,21.22,59.53,22.78,61.46,22.78zM41.95,25.98h0.29v-0.35h-0.29V25.98zM59.74,27.79c-0.21-0.04-0.55-0.16-0.55-0.54c0-0.29,0.24-0.53,0.53-0.53c0.29,0,0.53,0.24,0.53,0.53v0.06h0.23v-0.06c0-0.42-0.34-0.76-0.76-0.76c-0.42,0-0.76,0.34-0.76,0.76c0,0.4,0.28,0.69,0.74,0.77c0.29,0.05,0.67,0.18,0.67,0.63c0,0.35-0.29,0.64-0.64,0.64c-0.33,0-0.61-0.26-0.64-0.58h-0.23c0.03,0.46,0.41,0.82,0.87,0.82c0.48,0,0.88-0.39,0.88-0.88C60.59,28.33,60.44,27.92,59.74,27.79zM57.33,26.49c-0.48,0-0.88,0.39-0.88,0.88v1.29c0,0.47,0.38,0.86,0.85,0.88c0.47,0.02,0.87-0.35,0.91-0.82h-0.23c-0.03,0.34-0.33,0.6-0.67,0.58s-0.61-0.3-0.61-0.64v-0.64h1.52v-0.64C58.2,26.89,57.81,26.49,57.33,26.49zM57.97,27.78h-1.29v-0.41c0-0.36,0.29-0.64,0.64-0.64s0.64,0.29,0.64,0.64V27.78zM46.33,26.49c-0.48,0-0.88,0.39-0.88,0.88v1.29c0,0.47,0.38,0.86,0.85,0.88s0.87-0.35,0.9-0.82h-0.23c-0.03,0.34-0.33,0.6-0.67,0.58c-0.34-0.02-0.61-0.3-0.61-0.64v-0.64h1.52v-0.64C47.2,26.89,46.81,26.49,46.33,26.49zM46.97,27.78h-1.29v-0.41c0-0.36,0.29-0.64,0.64-0.64s0.64,0.29,0.64,0.64V27.78zM43.03,13.99c0-1.48,1.2-2.69,2.69-2.69h0.49v-0.98h-0.49c-2.02,0-3.66,1.64-3.67,3.67v8.79h0.98V13.99zM44.47,26.77c-0.16-0.17-0.39-0.28-0.64-0.28c-0.48,0-0.88,0.39-0.88,0.88v1.29c0,0.48,0.39,0.88,0.88,0.88c0.44,0,0.8-0.18,0.81-0.19l0.06-0.03v-4.05h-0.23V26.77zM44.47,29.16c-0.11,0.05-0.36,0.13-0.64,0.13c-0.36,0-0.64-0.29-0.64-0.64v-1.29c0-0.36,0.29-0.64,0.64-0.64c0.35,0,0.64,0.29,0.64,0.64V29.16zM48.79,26.49c-0.45,0-0.82,0.37-0.82,0.82h0.23c0-0.32,0.26-0.58,0.58-0.58s0.58,0.26,0.58,0.58v0.47h-0.64c-0.48,0-0.88,0.39-0.88,0.88c0,0.48,0.39,0.88,0.88,0.88c0.44,0,0.8-0.18,0.81-0.19l0.06-0.03v-2C49.61,26.85,49.24,26.49,48.79,26.49zM49.38,29.16c-0.11,0.05-0.36,0.13-0.64,0.13c-0.35,0-0.64-0.29-0.64-0.64c0-0.36,0.29-0.64,0.64-0.64h0.64V29.16zM51.6,23.06c1.97,0.07,3.65-1.45,3.78-3.42H54.4c-0.14,1.42-1.37,2.49-2.8,2.43s-2.56-1.24-2.56-2.67v-2.69h6.35v-2.69c0-2.02-1.64-3.66-3.67-3.66c-2.02,0-3.66,1.64-3.66,3.66v5.37C48.06,21.37,49.62,22.99,51.6,23.06zM49.03,14.02c0-1.48,1.2-2.69,2.69-2.69s2.69,1.2,2.69,2.69v1.71h-5.37V14.02zM41.97,29.47h0.23v-2.93h-0.23V29.47zM51.18,27.79c-0.21-0.04-0.55-0.16-0.55-0.54c0-0.29,0.24-0.53,0.53-0.53c0.29,0,0.53,0.24,0.53,0.53v0.06h0.23v-0.06c0-0.42-0.34-0.76-0.76-0.76c-0.42,0-0.76,0.34-0.76,0.76c0,0.4,0.28,0.69,0.74,0.77c0.29,0.05,0.67,0.18,0.67,0.63c0,0.35-0.29,0.64-0.64,0.64c-0.33,0-0.61-0.26-0.64-0.58h-0.23c0.03,0.46,0.41,0.82,0.87,0.82c0.48,0,0.88-0.39,0.88-0.88C52.03,28.33,51.88,27.92,51.18,27.79zM90.97,20.23l1.69-2.9l3.18,5.45h1.98l-4.17-7.15l2.96-5.07l-1.98,0l-3.66,6.27V5.2h-1.71v17.59h1.71V20.23zM87.8,26.49c-0.45,0-0.82,0.37-0.82,0.82h0.23c0-0.32,0.26-0.58,0.58-0.58s0.58,0.26,0.58,0.58v0.47h-0.64c-0.48,0-0.88,0.39-0.88,0.88c0,0.48,0.39,0.88,0.88,0.88c0.44,0,0.8-0.18,0.81-0.19l0.06-0.03v-2C88.62,26.85,88.25,26.49,87.8,26.49zM88.39,29.16c-0.11,0.05-0.36,0.13-0.64,0.13c-0.35,0-0.64-0.29-0.64-0.64c0-0.36,0.29-0.64,0.64-0.64h0.64V29.16zM82.86,10.35c-2.17,0-3.92,1.76-3.93,3.93v8.51h1.71v-8.51c0.01-1.22,1-2.19,2.22-2.19c1.22,0,2.21,0.98,2.22,2.19v8.51h1.71v-8.51C86.78,12.11,85.03,10.35,82.86,10.35zM85.34,26.49c-0.48,0-0.88,0.39-0.88,0.88v1.29c0,0.47,0.38,0.86,0.85,0.88c0.47,0.02,0.87-0.35,0.91-0.82h-0.23c-0.03,0.34-0.33,0.6-0.67,0.58s-0.61-0.3-0.61-0.64v-0.64h1.52v-0.64C86.21,26.89,85.82,26.49,85.34,26.49zM85.98,27.78h-1.29v-0.41c0-0.36,0.29-0.64,0.64-0.64s0.64,0.29,0.64,0.64V27.78zM89.61,28.59v-3.33h-0.23v3.33c0,0.48,0.39,0.88,0.88,0.88h0.06v-0.23h-0.06C89.9,29.24,89.61,28.95,89.61,28.59zM90.91,25.98h0.29v-0.35h-0.29V25.98zM90.94,29.47h0.23v-2.93h-0.23V29.47zM95.03,26.49c-0.48,0-0.88,0.39-0.88,0.88v1.29c0,0.47,0.38,0.86,0.85,0.88c0.47,0.02,0.87-0.35,0.91-0.82h-0.23c-0.03,0.34-0.33,0.6-0.67,0.58s-0.61-0.3-0.61-0.64v-0.64h1.52v-0.64C95.9,26.89,95.51,26.49,95.03,26.49zM95.67,27.78h-1.29v-0.41c0-0.36,0.29-0.64,0.64-0.64s0.64,0.29,0.64,0.64V27.78zM98.12,25.26v1.51c-0.16-0.17-0.39-0.28-0.64-0.28c-0.48,0-0.88,0.39-0.88,0.88v1.29c0,0.48,0.39,0.88,0.88,0.88c0.44,0,0.8-0.18,0.81-0.19l0.06-0.03v-4.05H98.12zM98.12,29.16c-0.11,0.05-0.36,0.13-0.64,0.13c-0.35,0-0.64-0.29-0.64-0.64v-1.29c0-0.36,0.29-0.64,0.64-0.64s0.64,0.29,0.64,0.64V29.16zM82.97,27.36v2.11h0.23v-2.11c0-0.36,0.29-0.64,0.64-0.64h0.12v-0.23h-0.12C83.36,26.49,82.97,26.88,82.97,27.36zM93.54,26.77v-0.22H91.9v0.23h1.29c-0.15,0.15-0.35,0.37-0.56,0.64c-0.52,0.68-0.78,1.33-0.78,1.93v0.12h1.75v-0.23h-1.52C92.16,28.04,93.38,26.91,93.54,26.77zM71.65,28.71v-1.93h0.68v-0.23h-0.68v-1.29h-0.23v3.45c0,0.42,0.34,0.76,0.76,0.76h0.25v-0.23h-0.25C71.88,29.24,71.65,29,71.65,28.71zM68.54,26.49c-0.48,0-0.88,0.39-0.88,0.88v1.29c0,0.47,0.38,0.86,0.85,0.88c0.47,0.02,0.87-0.35,0.91-0.82h-0.23c-0.03,0.34-0.33,0.6-0.67,0.58S67.9,29,67.9,28.66v-0.64h1.52v-0.64C69.42,26.89,69.03,26.49,68.54,26.49zM69.19,27.78H67.9v-0.41c0-0.36,0.29-0.64,0.64-0.64s0.64,0.29,0.64,0.64V27.78zM72.31,22.78v-8.52c0-2.17-1.76-3.93-3.93-3.93c-0.79,0-1.57,0.24-2.22,0.69V5.18h-1.71v17.6h1.71v-8.52c0-1.23,1-2.22,2.22-2.22c1.23,0,2.22,1,2.22,2.22v8.52H72.31zM62.14,26.49c-0.48,0-0.88,0.39-0.88,0.88v1.29c0,0.47,0.38,0.86,0.85,0.88c0.47,0.02,0.87-0.35,0.91-0.82h-0.23c-0.03,0.34-0.33,0.6-0.67,0.58s-0.61-0.3-0.61-0.64v-0.64h1.52v-0.64C63.01,26.89,62.62,26.49,62.14,26.49zM62.78,27.78h-1.29v-0.41c0-0.36,0.29-0.64,0.64-0.64s0.64,0.29,0.64,0.64V27.78zM63.72,27.36v2.11h0.23v-2.11c0-0.36,0.29-0.64,0.64-0.64h0.12v-0.23H64.6C64.12,26.49,63.73,26.88,63.72,27.36zM66.17,29.05l-0.73-2.51h-0.24l0.85,2.93h0.24l0.85-2.93H66.9L66.17,29.05zM74.66,8.24h1.95V6.28h-1.95V8.24zM73.85,26.49c-0.48,0-0.88,0.39-0.88,0.88v1.29c0,0.48,0.39,0.88,0.88,0.88s0.88-0.39,0.88-0.88v-1.29C74.72,26.88,74.33,26.49,73.85,26.49zM74.49,28.65c0,0.36-0.29,0.64-0.64,0.64s-0.64-0.29-0.64-0.64v-1.29c0-0.36,0.29-0.64,0.64-0.64c0.36,0,0.64,0.29,0.64,0.64V28.65zM80.1,26.49c-0.48,0-0.88,0.39-0.88,0.88v1.29c0,0.47,0.38,0.86,0.85,0.88c0.47,0.02,0.87-0.35,0.9-0.82h-0.23c-0.03,0.34-0.33,0.6-0.67,0.58s-0.61-0.3-0.61-0.64v-0.64h1.52v-0.64C80.98,26.89,80.59,26.49,80.1,26.49zM80.75,27.78h-1.29v-0.41c0-0.36,0.29-0.64,0.64-0.64s0.64,0.29,0.64,0.64V27.78zM77.64,26.49c-0.25,0-0.48,0.11-0.64,0.28v-1.51h-0.23v4.05l0.06,0.03c0.02,0.01,0.37,0.19,0.81,0.19c0.48,0,0.88-0.39,0.88-0.88v-1.29C78.51,26.88,78.12,26.49,77.64,26.49zM78.28,28.65c0,0.35-0.29,0.64-0.64,0.64c-0.28,0-0.53-0.09-0.64-0.13v-1.8c0-0.36,0.29-0.64,0.64-0.64s0.64,0.29,0.64,0.64V28.65zM74.78,22.78h1.71V10.57h-1.71V22.78z'/%3E%3C/svg%3E");
}

.tabs button:hover,
.tabs button.active,
.tabs button,
p,
.tabs,
.content,
.content.active,
.icon1,
.info-box {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.content {
	width: 100%;
	height: 100%;
	padding: calc(var(--gap) * 2) calc(var(--gap) * 4) calc(var(--gap) * 2) calc(var(--gap) * 3);
	display: none;
}

.content.active {
	height: 100%;
	display: block;
	animation: slide-in-right 0.8s cubic-bezier(0, .5, .18, 1) 0.0s 1 normal both;
}


/*=== tabs end ===*/


/*=== footer CSS ===*/

.info-box {
	z-index: 10;
	border-top: var(--borderTop);
	width: calc(100% - var(--scrollBalkenBreite));
	max-height: 38px;
	background-color: var(--dunkleFarbe);
	color: var(--helleFarbe);
	text-align: center;
	line-height: 1.1em;
	border-radius: 0px;
	cursor: pointer;
	overflow: hidden;
	transition: max-height 0.4s ease, opacity 0.4s ease;
	position: fixed;
	bottom: -1px;
	padding: 0 calc(var(--gap) * 2) calc(var(--gap) * 2) calc(var(--gap) * 3);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%2333404d' d='M3.5,16c0,6.9,5.6,12.5,12.5,12.5S28.5,22.9,28.5,16S22.9,3.5,16,3.5S3.5,9.1,3.5,16zM26.5,16c0,5.8-4.7,10.5-10.5,10.5S5.5,21.8,5.5,16S10.2,5.5,16,5.5S26.5,10.2,26.5,16zM11.6,22.1c1.2,0.9,2.7,1.4,4.4,1.4s3.1-0.5,4.4-1.4c-0.9-1.5-2.5-2.6-4.4-2.6S12.5,20.6,11.6,22.1z'/%3E%3C/svg%3E");
	background-attachment: scroll;
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: calc(50% + var(--scrollBalkenBreite) / 2) 8px;
}

.info-box:hover {
	background-color: var(--dunkleFarbeLicht);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' d='M3.5,16c0,6.9,5.6,12.5,12.5,12.5S28.5,22.9,28.5,16S22.9,3.5,16,3.5S3.5,9.1,3.5,16z M26.5,16c0,5.8-4.7,10.5-10.5,10.5S5.5,21.8,5.5,16S10.2,5.5,16,5.5S26.5,10.2,26.5,16z M11.6,9.9c0.9,1.5,2.5,2.6,4.4,2.6s3.5-1.1,4.4-2.6C19.1,9,17.6,8.5,16,8.5S12.9,9,11.6,9.9z'/%3E%3C/svg%3E");
}

.info-box.expanded {
	max-height: 80px;
	/* Eine ausreichend große Höhe für den Inhalt */
	background-color: var(--dunkleFarbe);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' d='M3.5,16c0,6.9,5.6,12.5,12.5,12.5S28.5,22.9,28.5,16S22.9,3.5,16,3.5S3.5,9.1,3.5,16z M26.5,16c0,5.8-4.7,10.5-10.5,10.5S5.5,21.8,5.5,16S10.2,5.5,16,5.5S26.5,10.2,26.5,16z M11.6,9.9c0.9,1.5,2.5,2.6,4.4,2.6s3.5-1.1,4.4-2.6C19.1,9,17.6,8.5,16,8.5S12.9,9,11.6,9.9z'/%3E%3C/svg%3E");
}

.descript {
	padding: var(--gap) calc(var(--gap) * 2) calc(var(--gap) * 1.5) calc(var(--gap) * 0);
}

.flex-container {
	width: 100%;
	opacity: 0;
	padding: var(--gap) calc(var(--gap) * 2) calc(var(--gap) * 2) calc(var(--gap) * 3);
	transition: opacity 0.4s ease;
}

.info-box.expanded .flex-container {
	opacity: 1;
	margin-top: var(--gap);
}

.copyright {
	position: relative;
	float: left;
	font-size: var(--p-mini);
	width: 100%;
	text-align: left;
	font-weight: var(--schriftLeicht);
	clear: both;
	min-height: 0px;
	min-width: 0px;
	font-family: "Poppins", sans-serif;
	color: var(--helleFarbe);
	padding: 0 calc(var(--gap) * 2) 8px calc(var(--gap) * 1);
}

.flex-container {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	align-content: flex-start;
	background-color: var(--dunkleFarbe);
	height: auto;
	padding: 1px;
	gap: calc(var(--gap) * 0);
}

.flex-container > div {
	background: var(--dunkleFarbe);
	color: var(--helleFarbe);
	padding: var(--gap);
	font-size: var(--p-mini);
	text-align: left;
}

.item1 {
	flex: 0.5 1 auto;
}

.item2 {
	flex: 1 1 auto;
}

.item3 {
	flex: 1 1 auto;
}


/*=== footer CSS End ===*/


/*=== sidemap CSS ===*/

.sidemapbox {
	width: 100%;
	top: -100px;
	position: relative;
	padding: 8px 0px;
	border-top: var(--borderTop);
	border-bottom: var(--borderBottom);
	background-color: #1f262e;
	box-shadow: var(--boxShadow);
}

.sidemapbox.active {
	top: auto;
	height: auto;
}

.sidemap {
	display: flex;
	width: 100%;
	padding: 0px 10px 10px 30px;
}

.sidemap ul {
	padding-top: 10px;
	position: relative;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	list-style: none;
}

.sidemap li {
	float: left;
	text-align: center;
	list-style-type: none;
	position: relative;
	padding: 10px 5px 0 5px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.sidemap li::before,
.sidemap li::after {
	content: '';
	position: absolute;
	top: 0;
	right: 50%;
	border-top: 2px solid var(--dunkleFarbe);
	width: 50%;
	height: 10px;
}

.sidemap li::after {
	right: auto;
	left: 50%;
	border-left: 2px solid var(--dunkleFarbe);
}

.sidemap li:only-child::after,
.sidemap li:only-child::before {
	display: none;
}

.sidemap li:only-child {
	padding-top: 0;
}

.sidemap li:first-child::before,
.sidemap li:last-child::after {
	border: 0 none;
}

.sidemap li:last-child::before {
	border-right: 2px solid var(--dunkleFarbe);
	border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
}

.sidemap li:first-child::after {
	border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
}

.sidemap ul ul::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	border-left: 2px solid var(--dunkleFarbe);
	width: 0;
	height: 10px;
}

.sidemap li a {
	border: 1px solid var(--dunkleFarbeLicht);
	padding: 4px 10px;
	background-color: var(--dunkleFarbe);
	text-decoration: none;
	color: var(--helleFarbe);
	font-family: var(--schriftart);
	font-size: var(--p-mini);
	font-weight: var(--schriftMittel);
	display: inline-block;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

.sidemap li a.active {
	background-color: var(--akzentFarbe);
	color: var(--helleFarbe);
	border-color: var(--akzentFarbeDunkel);
}

.sidemap li a:hover,
.sidemap li a:hover+ul li a {
	background: var(--dunkleFarbeLicht);
	color: var(--helleFarbe);
	border: 1px solid var(--helleFarbe);
}


/*Konnektor-Stile beim Hovern*/

.sidemap li a:hover+ul li::after,
.sidemap li a:hover+ul li::before,
.sidemap li a:hover+ul::before,
.sidemap li a:hover+ul ul::before {
	border-color: var(--helleFarbe);
}


/*=== sidemap CSS END ===*/


/*=== responsive ===*/

@media only screen and (max-width: 1024px) {
	.columns {
		columns: 2;
	}
}

@media only screen and (max-width: 640px) {
	.columns {
		columns: 1;
	}
}

@media only screen and (max-width: 576px) {
	.columns {
		-webkit-hyphens: none;
		-ms-hyphens: none;
		hyphens: none;
		text-align: left;
		columns: 1;
	}
	.tabs {
		flex-direction: column;
		align-items: flex-start;
	}
}